/*
créé le       : ??? (VF)
programme     : general.css
description   : feuille de style spécifique au projet. Vient éventuellement corriger les CSS de boostrap.
dernière modif: 30/10/2020 (VF)

bleu foncé logo vfe : #477491;
vert/jaune logo vfe : #c8d200;
*/

/* Général */
body {font-family: 'Lato', sans-serif;}
a {color :#477491;}
a:hover {text-decoration: none !important;}

/* Divers */
.indication {font-size: 12px; font-style: italic;}
.indication_pc {font-size: 16px; font-style: italic;} /* indication pour les instructions sur les points de contrôle, police plus grosse */
.pointer-hover:hover {cursor: pointer;}
.titre_equip span.nom_champ {color: #666; font-size: 0.8em;}
.titre_equip span.valeur_champ{color: #477491;}
.color-bleu-fonce{color: #477491;}
.color-jaune-vert{color: #c8d200;}
.color-gris-clair{color: #adadad;}
.page-item.active .page-link {background-color: #477491; border-color: #477491;}
.bg-violet-bleu {background-color: #3544dc;}
.bg-violet-bleu:hover{background-color: #352cdc;}
.hover-rh:hover{color:#c8d200;}

.card-vfe { transition: all .2s ease-in-out; }
.card-vfe:hover { transform: scale(1.1); }
.mb-1 {margin-bottom: 1rem !important;}
.grey {color: grey;}
.img_panneau_aff {width: 45%;}
.icone-td-coin 
{    
    font-size: 11px;
}

.underline {border-bottom: 1px solid grey;}

.table-etat-facturation td, .table-etat-facturation th {padding: 4px !important;}

.btn-outline-success:hover
{
    color: #FFF !important;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-warning:hover
{
    color: #FFF !important;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-danger:hover
{
    color: #FFF !important;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-dark:hover
{
    color: #FFF !important;
    background-color: #343a40;
    border-color: #343a40;
} 

.badge-outline-dark {
    color: #343a40;
    border-color: #343a40;
    border: 1px solid;
    background-color: #FFFFFF;
}

.btn-outline-success {color: #28a745 !important;}
.btn-outline-warning {color: #ffc107 !important;}
.btn-outline-danger {color: #dc3545 !important;}
.btn-outline-dark {color: #343a40 !important;}

.badge-num-dossier {font-size: 12px !important;}

.icone-opacity {opacity: 35%;}
.icone-black {opacity: 85%; color:black !important;}

.toggle.btn.btn-danger {margin-right: 10px;}
.toggle.btn.btn-info {margin-right: 10px;}

.typeahead {position: inherit !important;}

.bg-danger-heure {background-color: #DC143C;}
.bg-success-heure {background-color: #008000;}

.card-title {background-color:#343a40; color:white;}

/* Bouton */
.btn-bleu-fonce {background-color:#477491;border-color: #476091;color:white;}
.btn-bleu-fonce:hover {background-color:#3a5e75;border-color: #476091;color:white;}
.btn-jaune-vert {background-color:#c8d200;border-color: #d2c500;}
.btn-jaune-vert:hover {background-color:#bcc500;border-color: #d2c500;}

/* Navbar */
nav .bg-dark {border-bottom: 2px solid #c8d224;}
.navbar-nav {position: absolute; float: right; right: 0;}

/* Card */
.titre-card {font-size: 1.8em;}
.ss-titre-card {font-size: 1.4em;}
.card-body-icon {top: -1rem; right: -0.1rem;}

/* Notifications */
.navbar-nav .nav-item .nav-link .badge {font-size: 0.7rem;}
.dropdown-menu {min-width: 30rem;}

#dropdown-notif {max-height: 250px; overflow-y: auto;}

/* Footer */
.footer {height: 75px; width: 100% !important; background-color: #8b8b8c !important;}
.copyright {padding-top:25px;}
/* table */
.table .badge {position: relative; margin-left: -0.25rem; top: -0.75rem; font-weight: 400; font-size: 0.5rem; line-height: 0.5;}
.dataTables_wrapper {margin-bottom: 3%;}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.legende-equip {float:right;}

/* stepper */
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

#table-intervention .dataTables_wrapper {margin-bottom: 0;}
/* images */
.img_width {width: 100%; height: auto;}

/* mpdx footer */
.badge-mpdx {padding: 3px;background-color: white;border-radius: 5px;}

/* bloc signature */ 
.wrapper {
  position: relative;
  width: 400px;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.img-signature {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.signature-pad {
  position: absolute;
  left: 0;
  top: 0;
  width:400px;
  height:200px;
  background-color: #eee;
}
.mb-10, .my-10 {margin-bottom: 6rem !important;}
.red {color: red;}
.tableFixHead {overflow-y: auto; max-height: 550px;}
.badge-num-chantier {margin-right: 7px;margin-top: 5px;display: inline-table;}

thead tr.first-sticky th, thead tr.first-sticky td {
  position: sticky;
  top: 0;
  background: #eee;
  z-index:1;
}

thead tr.second-sticky th, thead tr.second-sticky td {
  position: sticky;
  top: 49px;
  background: #eee;
  z-index:1;
}

.tableFixHead { border: 1px solid #000; border-left: 0; border-right: 0; }
.tableFixHead th, .tableFixHead td { border: 1px solid #000; border-top: 0; }
.tableFixHead tbody tr:last-child td { border-bottom: 0; }
.tableFixHead thead th { box-shadow: 1px 1px 0 #000; }

.font-size-12 { font-size: 12px; }
.border-right-black { border-right: 3px solid black; }

#titre_info_client:hover {cursor: pointer; color:#c8d200;}
.alert-danger-resa {
    color: #721c24;
    background-color: #d01425;
    border-radius: 0 !important;
    cursor: help;
}

.alert-success-resa {
    color: #721c24;
    background-color: #0a9a2c;
    border-radius: 0 !important;
}

.alert-warning-resa {
    color: black;
    background-color: #efce0c;
    border-radius: 0 !important;
}

.alert-warning-justification-resa {
  color: #721c24;
  background-color: #ef9a0c;
}

.alert-retok-resa {
  color: #1f4f1b;
  background-color: #bff0b7;
  border-radius: 0 !important;
}

.icon-retok-history {
  cursor: pointer;
  color: #1f4f1b;
  font-size: 12px;
}

.police14 {font-size: 14px !important};
.td_info {cursor: help !important;}
.titre_petit {font-size: 1.8rem;}
.bg-violet {background-color: #520b61;}
.bg-violet:hover{background-color:#41014e;}
.bg-orange {background-color: #ef9a0c;}
.bg-orange:hover{background-color:#c38010;}
.bg-rose {background-color: #ef0c5a;}
.bg-rose:hover {background-color: #c10848;}

.mpdx_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.btn-outline-warning {
    color: black;
}
.btn-outline-success {
    color: black;
}

.btn-success {color: white !important;}

.mt2rem {margin-top: 2rem !important;}

/* Modal Content */
.mpdx_modal_content {
  margin: auto;
  padding: 20px;
  width: 70%;
}

.gros-chiffre {font-size: 1.55em;}
.moyen-chiffre {font-size: 1.25em;}

.active_filtre_sav {background-color: #28a745;}

.icone-image-com {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #476091;
}

#info-nb-commande 
{
   font-size: 16px;
}

.jour_weekend {
  background-color: #c1c1c1 !important;
}

.bg-jour-ferme {
  background-color: #c1c1c1 !important;
}

.DTFC_LeftBodyWrapper {
    z-index: 100 !important;
    background-color: #FFF;
}

.DTFC_LeftHeadWrapper {
    z-index: 100 !important;
    background-color: #FFF;
}

.DTFC_LeftFootWrapper {
    z-index: 100 !important;
    background-color: #FFF;
}

.dataTables_wrapper .dataTable{
  margin: -2px !important;
  margin-top: 2px !important;
}

fieldset.sinistre-border {
  border: 1px groove #ddd !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow:  0px 0px 0px 0px #000;
  box-shadow:  0px 0px 0px 0px #000;
}

tfoot input 
{
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

/* Media Query */

/* max smartphone*/
@media screen and (max-width: 768px)
{
  .navbar-brand {visibility: hidden;}
}

@media screen and (max-width: 991px)
{
  .legende-equip 
  {
    float: left !important;
    margin: 10px 10px !important;
  }
}

@media (min-width:556px) and (max-width: 1331px) {
  .titre-card {margin-right: initial !important; font-size:1.2em !important;}
}

@media screen and (max-width:424px) {
  .titre-card {font-size:1.2em !important;}
}


@media screen and (max-width:575px) {
  .btn-mobile {margin-bottom: 10px !important;}
}

@media screen and (max-width:575px) {
  h1 {font-size: 2rem !important;}
}

@media (max-width: 1199px) {
  .consignes-commandes {font-size: 10px;}
  .consignes-commandes ul {list-style-type: none;}
}

@media (max-width: 660px) {
  #titre_info_client {font-size: 1.55rem !important;}
}

@media (max-width: 1470px) {
  .toggle.btn.btn-danger {width: 63.8906px !important;}
  .toggle.btn.btn-info {width: 63.8906px !important;}
  #formulaire_tri_etat label {font-size: 12px;}
}

@media (max-width: 836px) {
  #btn_rech_fact {font-size: 12px;}
}

@media (max-width: 860px) {
  .sstitre_fact {font-size: 16px !important;}
  .gros-chiffre {font-size: 1.25em;}
  .moyen-chiffre {font-size: 1em;}
}

@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
    margin: 0 !important; 
    padding: 0 !important;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  .police14 {font-size: 15px !important;}
  .modal-dialog { max-width: 100%; width: 100%; }
  .modal-dialog .btn-impr {display: none;}
  .modal-dialog .btn-fermer {display: none;}
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
  .btn-success {display: none;}
  .btn-danger {display: none;}
  .btn-secondary {display: none;}
}