.divtelclient{
    position: relative;
    bottom: 108px;
    left: 150px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}


.telephoneclient{
    width: 280px;
    position: relative;
    left: 12px;
    bottom: 5px;
    text-align: justify;
    font-size: 14px;
    font-family: Poppins;
}
.site-wrap{
  overflow: hidden;
}

#couverture{
  background-image: url(https://medicalis.ma/images/ImageAcceuil1.jpg); 
 min-height: 165px;
 background-position: center center !important;

}

.site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover > .container > .row {

  min-height: 150px;
}
.site-blocks-cover.overlay:before {

  background: rgb(0 0 0 / 0%) !important;
}

.select2-container--default .select2-results>.select2-results__options {
  font-size: 15px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  font-size: 15px !important;
}
#npannonceur{
  font-family: Poppins;
  font-size: 30px;
  color:#3679D4;
  font-weight: bold;
  position: relative;
  bottom: 110px;
}

.specannonceur{

  font-family: Poppins;
  font-size: 20px !important;
  color:#03989E !important;
  font-weight: bold;
  position: relative;
  bottom: 100px;
}
.lienspecannonceur{

  font-family: Poppins;
  font-size: 20px !important;
  color:#03989E !important;
  font-weight: bold;
  position: relative;
  
}

.container{
  max-width: 1250px !important;
}

.lh-content{

}
.imgprofilsimilaire{
      width: 104px;
    height: 114px;
    border: 1px solid;
    border-color: #80808026;
    margin-top: 5px;
    border-radius: 50%;

}
.imgprofilannonceur{
  width: 90px;
  height: 105px;
  border: 1px solid;
  border-color: #80808026;
  position: relative;
  bottom: 13px;
  left: 3%
}

.nomprenomannonceur{
  font-weight: bold;
  color:#007bff;
  font-family:  Poppins;
  font-size: 15px;


}
.nomprenomclient{
  font-weight: bold;
  color:#007bff;
  font-family:  Poppins;
  font-size: 15px;
      margin-left: 160px;
    bottom: 116px;
    position: relative;

}
.voirprofilsimilaire {
    color: white;
    font-size: 14px;
    font-family: Poppins;
    text-align: justify;
}
.specialiteannonceur{
  color: black;
  font-size: 16px;
  font-family: Poppins;
  text-align: justify;
}

.linkspecialiteannonceur{
  color: black;

}
.linkspecialiteannonceur:hover{
     text-decoration: underline;
   font-weight: bold;
   color: black;
   
}
.phone-call
{
  width:12px ;
  height:15px;
 margin-right: 9px;
}
#wrapper-info{
  width: 100%;padding-left: 21px;
}

#wrapper-logo-info{
display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: flex-start;
}

.divtelannonceur{
   display: flex;/* justify-content: center; */align-items: center;margin-bottom: 15px;
}

.telephoneannonceur{
 margin-bottom: 0;
 font-size: 14px !important;
}
#telephone{
      color: #00a7c2;
    font-weight: bold;
    font-family: 'Poppins';
}

.divadresseannonceur{
 display: flex;
}

.adresseannonceur{
 
  font-size: 14px !important;
  font-family: Poppins;
    margin-bottom: 0;
  max-width: 100%;

 
}

#adresseannonceur{
 color: #00a7c2;
 font-weight: bold;
 
}

.pin{
  width:17px ;
  height:17px;
  margin-right: 9px;

}

.sendmail{
  background-color: #00a7c2;
    color: white;
    font-size: 12px;
    font-family: Poppins;
    border: none;
    width: 135px;
    border-radius: 4px;
    height: 28px;
}

.envelope{
  width: 15px;
  height: 15px;
  position: relative;
  right: 3px
}

#divbtninfoannonceur{
  width: 100%;
  max-width: 100%;
  margin: auto;
}

#btninfoannonceur{
  bottom: 10px;
  position: relative;
  margin: auto;
}
#btninfo{
  font-size: 13px;
  font-family: Poppins;
  font-weight: bold;
  position: relative;
  top: 10px;
  border:none;
  background-color: #9ed7e0;
  height: 45px;
  margin-right: 11px;
  width: 195px;
  border-radius: 2px
}
#link{
  color:  #000000cc;
}
#link{
  color:  #000000cc;
}
#link{
  color:  #000000cc;
}
#link{
  color:  #000000cc;
}
#btngalerie
{
  font-size: 14px;
  font-family: Poppins;
  font-weight: bold;
  position: relative;top: 10px;
  border:none;
  background-color: #9ed7e0;
  height: 45px;
  margin-right: 11px;
  width: 155px;
  border-radius: 2px

}

#btncarte{

font-size: 13px;
font-family: Poppins;
font-weight: bold;
position: relative;
top: 10px;border:none;
background-color: #9ed7e0;
height: 45px;
margin-right: 11px;
width: 265px;
border-radius: 2px

}
#btnavis
{
  font-size: 14px;
  font-family: Poppins;
  font-weight: bold;
  position: relative;
  top: 10px;
  border:none;
  background-color: #9ed7e0;
  height: 45px;
  width: 135px;
  border-radius: 2px
}
#infoannonceur{
  background-color: #faf7f7;
  height: auto;


}

.site-footer {
    padding: 12em 0 !important;
}


.titre{
  font-family: Poppins;
  font-size: 16px;

  font-weight: bold;
  color:black
}
.parcourannonceur {
  font-family: Poppins;
  font-size: 14px
}
.diplomeannonceur{
  font-family: Poppins;
  font-size: 14px
}
#acteannonceur{
  display:flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.ul{
  margin-bottom: 0;
}
.li{
  list-style: disc !important;font-family: Poppins;font-size: 14px;white-space: nowrap;width: 340px
}

#galerieannonceur{
  background-color: #faf7f7;
  height: auto;
}

#svggalerie{
  width: 32px ;height: 35px;fill: rgba(0,167,194,1) !important
}

#carteannonceur{
  background-color: #faf7f7;height: auto;
}

#svgcarte{
  width: 38px;height: 44px;fill: rgba(0,167,194,1) !important
}

#infoacces{
  font-family: Poppins;font-size: 14px;text-align: justify;
}

.tdj{
font-family: Poppins;font-size: 14px;font-weight: bold;width: 80px
}
.tdh{
  font-family: Poppins;font-size: 14px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  width: 30px;
  height: 48px;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  width: 30px;
  height: 48px;
}


  .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
width: 200px !important;
height: 150px !important;
cursor: pointer !important;
  }


      .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px !important}
.multi-item-carousel .carousel-inner > .item {
  transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    -webkit-transform: none!important;
            transform: none!important;
  }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none;
}
.carousel-control {
  width: 0 !important;
  color: #2f89fc !important;
}


#avisdiv{
  box-shadow: none;
}
#avis{
  background-color: #faf7f7;overflow-y: scroll;height: 200px;display: none
}

.comment{
  width:22px ;height:22px;position: relative;top: 4px
}
.pavis{
color: black;font-size: 16px;font-weight: bold;font-family: Poppins
}
.nameavis{
  position: relative;top: 12px;font-size: 14px;font-family: Poppins;font-weight: bold;
}
.paraavis{
  font-size: 14px;font-family: Poppins;text-align: justify;
}
.btnavis{
  border-radius: 5px;background-color: #00a7c2;color: white;border: none;font-size: 14px;font-family: Poppins;text-align: justify;position: relative;height: 32px;top: 0px
}
.linkavis{
  color: white

}

.divinfosimilaire{
  position: relative;
  top: 18px;
}

.calendrier{
width:100%; 
background-color: #00a7c2;
bottom:0px;
height: 45px;
margin: auto;
margin-bottom: 20px
}

#prdv{
  font-weight: bold;
  font-size: 15px ;
  font-family: Poppins;
  text-align: center;
  position: relative;
  top: 5px;
  color: white

}

#cleanto_content{
width:100%; 
height:98%;
}


.direct-load{
  height: 835px;
}
#divcatalogue{
  display: flex;
}

.divcatalogue{
  margin: 10px;
}
.itemm {
    position: relative;
    height: 160px;
    width: 120px;
    overflow: hidden;
}

.itemm img {
    display: block;
    max-width: 100%;
    height: 160px;
}
.itemm .overlay-itemm {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgb(0 0 0 / 50%);
    transition: 1s ease-in-out all;
}
.txtcatalogue {
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 10px;
}

.itemm .overlay-itemm .text {

  font-weight: bold;
    font-size: 13px;
    font-family: Poppins;
    color: white;
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
}

#eye{
  width: 25px;
  height: 25px;
  position: absolute;
  top: 33%;
  left: 50%;
  transform: translateX(-50%);
}

  


/*-------------------- css  mobile--------------------*/
  @media(max-width: 768px) and (min-width: 320px){




     #btninfoannonceur{
      display: none;

     }

     .nomprenomannonceur{
     
      margin-top: 12px;
     }
     .specialiteannonceur {
   
     }
     #npannonceur 
     {
      font-size: 20px;
      bottom: 150px;
     }

     .specannonceur {
   
    font-size: 15px !important;
 
    bottom: 142px;
}
    #calendrier{
      height: 715px !important;
      margin:auto;
      width: auto;
     }

  
     .specannonceur {
   
    font-size: 15px !important;
    bottom: 142px;
}

#npannonceur {
  
    font-size: 20px;
    bottom: 151px;
}
.btnavis {

  margin-left: 15px;
}
#form1 {
 
  
    height: 230px;
    background-color: #4d92ea;
    margin-bottom: 38px !important;
    width: 60%;
    margin: auto;;

  }

  #form1-calendar {
    height: 230px;
    background-color: #4d92ea;
    margin-bottom: 38px !important;
    width: 60%;
    margin: auto;
    bottom: -26px !important;
    right: 0px !important;
    position: relative !important;
  }

}

@media(max-width: 991px) and (min-width: 768px){

  #form1{
 max-width: 60% !important;
 margin:auto;
 margin-bottom: 15px;
}

#form1-calendar{
  max-width: 60% !important;
  background-color: #4d92ea;
  margin:auto;
  margin-bottom: 15px;
  bottom: 50px !important;
  right: 15px !important;
  position: relative !important;
 }

}

 @media(max-width: 1232px) and (min-width: 993px){

  #form1-calendar {
    height: 230px;
    background-color: #4d92ea;
    position: relative;
    bottom: 370px;
    right: 50px;
  }
  #btninfo{
    width: auto;
  }

    #btngalerie{
    width: auto;
  }
    #btncarte{
    width: auto;
  }
    .btnavis{
    width: auto;
    margin-left: 15px !important;
  }

 }

/*--------------------end css  mobile--------------------*/
/* css inscrit*/

#similaireinscrits{
  color: #00a7c2;font-family: Poppins;font-size: 18px;position: relative;bottom: 5px
}

#hrinscrits{
  background-color:#00a7c2;
}

#similairerowinscrits{
margin: auto;
  margin-bottom: 30px;
}

#colsimilaireinscrits{
  box-shadow: 0px 1px 6px 2px #ccc;text-align:center;height: 270px;max-width: 235px !important;margin: 5px
}

.imgiscrits{
  width: 104px;height: 114px;border: 1px solid;border-color: #80808026;margin-top: 5px;border-radius: 50%
}

.npinscrtis{
  font-weight: bold;position: relative;font-size: 14px;top: 4px;font-family: Poppins;line-height: 1.2
}

.villesimilaireinscrits

{
  font-weight: bold;position: relative;font-size: 12px;top: 1px;font-family: Poppins
}

.specsimilaireinscrits{
  color: black;position: relative;font-size: 14px;font-family: Poppins;line-height: 1.2;bottom: 5px
}

#btnsimilaireinscrits{
  color: white;background-color:#00a7c2 ;width: 130px;height: 40px;border: none;border-radius: 5px;position: absolute;bottom: 6px;margin-left: -62px
}

.linkvoirprofilinscrtis{
  color: white;font-size: 14px;font-family: Poppins;text-align: justify;
}
.linkspecinscdtis{
  color: black;
}



#form1 {
    height: 230px;
    background-color: #4d92ea;
    margin-left: 38px ;
}



#rechercherapide{
color: white;font-size: 16px;font-family: Poppins;position: relative;top: 10px;
}

#hr2{
  background-color: white
}

.select2-container {
    width: 283px !important;
    float: left;
    margin-bottom: 20px !important;
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
  height: 43px !important;
}

/*.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 208px !important;
  }*/
  .select2-container .select2-selection--single {
    padding: 4px;
  }
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
}
  #tags{
    font-family: Poppins;font-size: 14px
  }
  #btntrouver{
    border-radius: 5px;
    color: white;
    background-color: #05b4d0;
    border:none;height: 40px;
    width: 130px;font-size: 16px;
    font-family: Poppins;
    position: relative;
  }
  .divbtntr{
    text-align: center;
  }
.ui-autocomplete .ui-menu-item{
   margin-left: 10px !important;
  font-size: 16px;
  font-family: Poppins;
  
}
.ui-autocomplete .ui-menu-item:hover{
  background-color: #ccecfa;
}


/*-------------------- css  modal email--------------------*/

#label{
  font-size: 13px;
  font-family: Poppins
}

#recipient-name{
  font-size: 14px
}

#submit{
background-color: #05b4d0;
border:none;
color: white;
font-size: 14px;
font-family: Poppoins;
}

.modal-title{
  font-weight: bold !important;;
  font-size: 16px !important;;
  font-family: Poppins !important;;
  color: #00a7c2 !important;
}
.modal-content{
 

  width: 600px !important;
  height: 468px !important;
  padding: 20px 20px 20px 20px !important;
}

/*--------------------end css  modal email--------------------*/