.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%);
}

#calendrier{
  height: 715px !important;
  margin:auto;
  width: auto;
}


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

  #calendrier{
    height: 715px !important;
    margin:auto;
    width: auto;
  }

   #btninfoannonceur{
    display: none;

   }

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

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

  bottom: 142px;
}

   .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;;

}
}

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

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

#calendrier{
  height: 715px !important;
  margin:auto;
  width: 700px;
}

@media(max-width: 1232px) and (min-width: 993px){
#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--------------------*/