html{
  scroll-behavior: smooth;
}

/*CSS INPUT FILE*/
/* styles de base si JS est activé */
.input-file-container {
  position: relative;
  width: 225px;

}
.input-file-trigger {
  display: block;
  padding: 14px 45px;
  background:#8f9094 ; /*#39D2B4*/
  color: #fff;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
}

.input-file {
  position: absolute;
  top: 0; left: 0;
  width: 225px;
  padding: 14px 0;
  opacity: 0;
  cursor: pointer;
}
 
/* quelques styles d'interactions */
.input-file:hover + .input-file-trigger,
.input-file:focus + .input-file-trigger,
.input-file-trigger:hover,
.input-file-trigger:focus {
  background: #34495E;
  color: #39D2B4;
}
 
/* styles du retour visuel */
.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
/* on complète l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */
.file-return:not(:empty):before {
  content: "Choisissez un fichier: ";
  font-style: normal;
  font-weight: normal;
}

/*FIN CSS INPUT FILE*/



.modalBasetHaut{
	
	background-color:#2A3F54;border-radius: 0px;
  border-left: 0px;
}

.cb_design{
  
  background-color:;border-radius: 0px;
  border-left: 0px;
  font-weight: bold;
  text-decoration-color: white;
  color:gray;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.ligne{

  border-radius: 5px;}

.ligne:hover{

      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      cursor: pointer;
      /*border: solid 2px rgba(235,235,235,1);*/
      background-color: white;
      
}

.menudetail{

    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
    border: solid 2px rgba(235,235,235,1);
    background-color: white;
    padding: 6px;*/
}

nav.scrollmenu {
  background-color: #fbfbfb;
  overflow: auto ;
  white-space: nowrap ;
  border:2px solid #eee;
  flex-wrap: nowrap;
}

nav.scrollmenu a {
  display: inline-block;
  color: gray;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

nav.scrollmenu a:hover {
  background-color: #ccc;
  color: white;
  border-radius: 0px !important;
  border-bottom:2px solid #17a2b8 !important;
}

.scrollmenu .active{
  background-color: #6c757d !important;
  color:white !important;
  border-right: 4px solid #17a2b8 !important;
  border-radius: 0px !important;
}

.menu_recherche{
  border: 2px solid #ccc;
  padding:8px 0px 1px 0px;
  
  border-left: 10px;border-right:10px;

}

.ligne:active, .ligne:focus{

    background-color: #eee;
}

.menuAna{

 /* background-color: #989ba7b5; /*#2A3F54; 
  padding-top: 8px; */

}

.menuAnaResult{

  background-color: #989ba7b5;
  text-align: center;
  font-style: "IMPACT";
  color: white;
  padding: 19px;

}

.identite{

  background-color: #2A3F54;color: white;
  padding: 16px;
  text-align: center;
  font-style: "IMPACT";
  color: white;

}

.parentIdentite{

  background-color: #eee;padding-left: 0px;padding-right: 0px;
   box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 0px 0 rgba(42, 63, 84, 1);
}

.s{

  /*border:1px solid #eee;
}
.s:hover{

 /* border:1px solid white;*/
}

.input-container{
  position:relative;
  margin-bottom:5px;
}
.input-container .icon{

  position:absolute;
  margin-left: -24px;
  /*background-color: #eee;*/
  height: 100%;
  padding: 5px;

}
.input-container .label_text{
  position:absolute;
  top:0px;
  left:0px;
  font-size:16px;
  color:#fff; 
  pointer-event:none;
  transition: all 0.5s ease-in-out;
}
.input-container .input_text{ 
  border:0;
  border-bottom:1px solid #555;  
  background:transparent;
  width:100%;
  padding:8px 0 5px 0;
  font-size:16px;
  color:#fff;
}

.input-container .formselect{
  
  border:0;
  border-bottom:1px solid #555;  
  background:transparent;
  width:100%;
  padding:8px 0 5px 0;
  font-size:16px;
  color:black;

}
.input-container .input_text_error{
  border:0;
  border-bottom:1px solid #555;  
  background:transparent;
  width:100%;
  padding:8px 0 5px 0;
  font-size:16px;
  color:#fff;
  border-bottom:2px solid red; 
}
.input-container input:focus{ 
 border:none; 
 outline:none;
 border-bottom:2px solid #17a2b8; 
}

.mybtn{
  color:#fff;
  background-color:#e74c3c;
  outline: none;
    border: 0;
    color: #fff;
  padding:10px 20px;
  text-transform:uppercase;
  margin-top:50px;
  border-radius:2px;
  cursor:pointer;
  position:relative;
}
/*.btn:after{
  content:"";
  position:absolute;
  background:rgba(0,0,0,0.50);
  top:0;
  right:0;
  width:100%;
  height:100%;
}*/
.input-container .input_text:focus ~ .label_text,
.input-container .input_text:valid ~ .label_text,
.input-container .input_text_error:focus ~ .label_text,
.input-container .input_text_error:valid ~ .label_text{
  top:-17px;
  font-size:15px;
  
}


/* Bootstrap 4 text input with search icon */

.has-search .form-control {
    padding-left: 2.375rem;
    border-radius: 15px;
}

#PatientTraitePar{
  border-radius: 3px;
}
.has-search .form-control-feedback {
    /*position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa; */
}
.entete_de_ma_table{

  /*background-color: #2a3e68;color: white;  encien color head = a7abb8*/
  background-color:#a7abb8;color: white;border-bottom: 2px solid white !important;
}
.entete_de_ma_table2{

  /*background-color: #2a3e68;color: white;*/
  background-color:#1f8fe0;color: white ;
}

.entete_de_ma_table th{
  /*border-right: 1px solid white;*/
}
.logo_medoc{

   width: 150px;
  height: 60px;
  
}

.logo_medoc_print{
   position: relative;
   max-width: 100%;
  height: auto;
  margin-left: 5px;
  margin-right: 4px;
}
.scroll{
  max-height: 400px; overflow-y:scroll;overflow-x: hidden;
}


/*CSS LOADING....*/
.loader{
   
  position:fixed;
  z-index: 1;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background:white;
  opacity: 0.1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader.hidden{

   animation: fadeOut 0.1s;
   animation-fill-mode: forwards;
}
@keyframes fadeOut{
   
   100%{

    opacity: 0;
    visibility: hidden;
   }

}

/***************************/


.supprPos{

  border-radius: 0px;
}

.supprPos:hover{
  cursor: pointer;
}



.nav-lien{
  display: block;
  padding: 0.5rem 1rem;
  width: 100%;
  background-color: #eee;
  color: gray;
 
}
.nav-pills .nav-lien.active,
.nav-pills .show > .nav-lien {
  color: #fff;
  background-color: #939397;
  width: 100%;

  padding: 0.5rem 1rem;
}
.manav{
   width: 100%;
   line-height: 50px;
   height: 100%;
}
.manav a:hover{
  color: gray;
}
.responsive{
  max-width: 100%;
  height: auto;
  display: block;
}


/**************SUJET********************/

.champ_rech{
  padding-top: 6px;
  background-color: #eee; 
  border-radius: 4px;

}
.form_post{
  background-color: #eee;
}
.form_post textarea{
  min-height: 110px;
   
}

.les_sujet{
  min-height: 120px;
  border-radius: 4px;
  background-color: #eee;
  margin-bottom: 10px;
  border-radius: 0px 20px 0px 20px;
  box-shadow: 0px 2px 10px gray;
}
.les_sujet:hover{

    background-color: white;   
    box-shadow: 1px 12px 10px gray;
}
.liencomment:hover{
   cursor: pointer;
   background-color: white; 
}


.affiche_image{

  padding: none;
}

.nom_doc{

  margin-top: 5px;
  color: #eee;
 
}
.img{

  max-height: 40px;max-width:40px;
  border-radius: 27px;
  box-shadow: 1px 2px 0px 0px white;
  float: center;
}
.entete_sujet{

  background-color: #1ABB9C;
  padding: 3px;
  border-radius: 0px 20px 0px 20px;
}
.option_sujet{
  
  background-color: #1ABB9C;/*5px solid #1ABB9C*/
  height: auto;
  line-height: 30px;
  border-radius: 0px 0px 0px 20px;
  color: #eee;
  float: center;
  align-items: center;

}
.suppr:hover, .editer:hover, .comment:hover{
  
  background-color: #159980;
  cursor: pointer;
}
.contenu_sujet{

  border-left: 1px solid gray;
  padding-left: 10px;
}

.sujetacommenter{
   background-color: #d5d1d0;
   border-radius: 0px 20px 0px 20px;
}
.postcommentaire{
  
  float: center;
  background-color: #eee;
}
.poster, .commenter{

    border-radius: 0px !important;
      max-height: 46px;
}

/*COMMENTAIRE*/

.contenu_comment{
  background-color: #eee;
  border-radius: 0px 10px 0px 10px;
}

.entete_comment{
  margin-bottom: 3px;
    background-color: #b8b9bb;
    padding: 2px;
    color: gray;
    border-radius: 5px 10px 0px 10px;
}
.option_comment{
  
  border-top:1px solid gray;
  height: auto;
  line-height: 30px;
  border-radius: 0px 0px 0px 20px;
  color: gray;
  float: center;
  align-items: center;
}
.cediter:hover, .csuppr:hover{

  background-color: gray;
  cursor: pointer;
  color: white;
}

.btn-sm{

  /*border-radius: 10px !important;*/
}

.elementdocmedoc{
    color: gray;    
    font-size: 15px;
    font-family: "verdana", sans-serif;

}
.droits{

  margin-left: 30px;
}
.blockacces{
  background-color: #eee;
}
.accestitre{;
  font-family: "verdana", sans-serif;
  background-color: #ccc;
  padding: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.block_nfo{

  border-right: 2px solid gray;
  background-color: #ccc;

}
.list-group{
  max-height: 800px !important;
  overflow-x :hidden;
  overflow-y: scroll;
}
.list-group-item:hover{

   background-color: #16a085 !important;
   cursor: pointer;
   color: white !important;
   border-right: 4px solid #1ABB9C;
}
.designation{
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  background-color:#eee;
  border-radius:3px;
  padding:4px;
}
.designation:hover{
  color: #1ABB9C;
  cursor: pointer;
  border-bottom: 2px solid #1ABB9C;
}
.entete_maladie{

  background-color: #EDEDED;
  padding: 5px;
  border-bottom: 2px solid #1ABB9C;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  font-size: 16px;
}
.entete_maladie.medi{
  width: 100%;
}
.detailSommaire{
 font-size: 15px;
}
.activeo{
  background-color: #1ABB9C !important;
  color: white;
  border-right: 4px solid #1ABB9C;
}

.titreMAladMedoc{
  color: #1ABB9C !important;
}

/*PAGINATION*/
 .pagination {
        float: right;
        margin: 0 0 5px;
    }
    .pagination li a {
        border: none;
        font-size: 13px;
        min-width: 30px;
        min-height: 30px;
        color: #999;
        margin: 0 2px;
        line-height: 30px;
        border-radius: 1px !important;
        text-align: center;
        padding: 0 6px;
    }
    .pagination li a:hover {
        color: #666;
    } 
    .pagination li.active a, .pagination li.active a.page-link {
        background: #03A9F4;
    }
    .pagination li.active a:hover {        
        background: #0397d6;
    }
 .pagination li.disabled i {
        color: #ccc;
    }
    .pagination li i {
        font-size: 16px;
        padding-top: 6px
    }
    .hint-text {
        float: left;
        margin-top: 10px;
        font-size: 13px;
    }


/****************/

.form_group{
  border:2px solid #ccc;
  padding: 6px;
}
/*#a7abb8*/
.btn-defaulte{
  background-color: #bcc0ca  !important;
  color: white !important;
  border:1px solid #a7abb8;
}
.btn-defaulte:hover{
  background-color: #9498a4 !important;
  color: white !important;
  cursor: pointer;

}
.ligne_selection{

  border-bottom: 2px solid #ccc;
  background-color: red;
}


.actex_medicaux{

  background-color: #f0f2f3;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 5px;
}
.arret_travail{

  background-color: #f0f2f3;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 5px;
}
.entete_section_trait{
  /*background-color: #a7abb8;*/
  padding: 2px;
}
.form_tab_trait{

  background-color: #f0f2f3;
}
.menu_dossier{

  background-color: #172D44 /*#6c757d*/;
  font-weight: bold;
  font-size: 15px;
  border-left:4px solid #17a2b8 !important;
}
.nom_actes{
  /*margin-right:80px !important;*/
  border:solid 1px #ccc !important;
  float:center;
  padding:3px;
  border-radius:3px;
}
.qtt_actemedicaux_choisi, .qtt_actemedicaux_choisi2{
    margin-left: 10px;
    min-width: 10px;
    /*border-radius:3px !important;*/

}
.actemedicaux_choisi{
  cursor: pointer;
  min-width: 100px;
}
.ligne_acte, .ligne_acte2{

  padding: 4px;
  background-color: #eee
}
.cout{

    float:center;
  
    border-radius:3px;

}
.contenu{
  max-height:100px !important;overflow-x:hidden;max-width: 250px;
}

.default{
  background-color: #ccc !important;color: white!important;
}

#tableordonnance{

  background-color: #eee;
  border-radius: 4px;
}

.preserve_txtare_line{
  white-space:pre-wrap;
}

.menu_recherche_ambony_datatable{
  background-color:#2A3F54;
  margin-left:0px!important;
  margin-right:0px!important;
  color:white!important;
  width:100%;
  height:auto;
  /* 084f4f  #737d7d */
}

.menu_graphe{
  background-color:#dddceb;
                  margin-left:0px!important;margin-right:0px!important;
                  !important;width:100%;
}

.legend {
  display: flex;
  flex-wrap: wrap;
}

.legend-item {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 10px;
}

.color-box {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
}

.label-box {
  font-size: 14px;
}

.content_legend ul li {
  list-style:none!important;
  padding:0!important;
}
.content_legend ul {
  padding:0!important;
}

 label p, th p, em p {
    display: inline; /* ou display: inline-block;          (<p>*</p>) champ obligatoire*/ 
    color: red;
    
}

.hidden-column {
  display: none;
}