.titreacte{
  color: #00a7c2;font-size: 18px;font-family: Poppins;font-weight: bold;
}

.actediv{
  border-block-end: 8px solid #00a7c2;border-radius: 25px;margin-bottom: 30px;
}

.actedesc{
 
 font-family: poppins;font-size: 16px;color: black;margin-left: 11px;
 
}
.site-wrap{

  overflow: hidden;

}

.site-blocks-cover.overlay:before {

    background: none !important;

}

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

min-height: 200px;



}

.select2-container--open .select2-dropdown {
    left: -16px !important;
}

.specialite-header{



 font-family: Poppins;

 font-size: 24px;color:#3679D4;

 font-weight: bold;

     position: relative;

    bottom: 130px;



  }

.ville-header{

  font-family: Poppins;

  font-size: 24px;

  color:#03989E;

  font-weight: bold;

  position: relative;

    bottom: 129px;

}

/*  .ville{

 font-family: Poppins;

 font-size: 24px;color:#03989E;

 font-weight: bold;

     position: relative;

    bottom: 130px;



  }*/



  #couverture{

    min-height: 215px;

    background-position:center center  !important;

      background-image: url(https://medicalis.ma/images/ImageAcceuil.jpg); 

  }

.resultat-recherche{

  color: #00a7c2;font-size: 20px;

  font-family: Poppins;

}

.dmDivider{

  border-width:1px;

   border-top-style:solid; 

   background-color :#29b7bb;

   position: relative;top: 6px;

   margin-left: -25px;

   display: none

}



.nomprenom{

  font-weight: bold;

  margin-left: 99px;

  width: 100%;font-family: Poppins;

  font-size: 14px;line-height:1.4;

  position: relative;

  bottom: 33px

}



.imgshare{

  width:20px ;

  height:20px;

  position: relative;

  bottom: 2px;

  margin-left: 5px;

  cursor: pointer;

}



.pspecialite{

  margin-left: 94px;

  position: relative;

  color: black;

  font-family: Poppins;

  font-size: 14px;

  position: relative;

  bottom: 44px

}



.linkspecialite{

  color: black;

  position: relative;

  left: 5px

}



.spanspecialite{

  font-weight: 500;

  color: black

}



.listing.vertical.annonceur {

  display: flex !important;

  flex-wrap: wrap;

  height: 265px;

  box-shadow: 0px 0px 6px 2px #ccc



}



.col-lg-8 {

/*height: 240px;*/

width: 366px;

margin-top: 15px

}



.imageprofilannonceur{



  width: 83px;

  height: 90px;

  border: 1px solid;

  border-color: #80808026

}

.imgclean{

  width: 9px;

  height: 9px;

  position: relative;

  bottom: 1px;

  left: 5px



}

.Ouvert{

  font-size: 13px;

  font-family: Poppins;

  margin-left: 8px

}



.address{

  width: 500px;

  position: relative;

  margin-left:100px;

  bottom: 53px;

  font-size: 13px;

  font-family: Poppins;

  text-align: justify;

}



.imgmaps{

  width: 23px;

  height: 23px;

  position: relative;

  bottom: 2px;

  right: 5px

}

.pressentation{

  font-family: Poppins;

  font-size: 13px;

  text-align: justify;

  width: 480px;

  position: relative;

  bottom: 49px;

  margin-left: 10px

}

.acteprestaion{

  font-family: Poppins;

  font-size: 14px;

  color: black;

  bottom: 50px;position: relative;

  display: flex;

  flex-wrap: wrap

}



.imgstethoscope{

  width: 23px;

  height: 23px;

  position: relative;

  bottom: 2px;right: 5px;

  margin-left: 11px;

}

.spanconsulte{

  text-decoration:underline;

  font-weight: 600;

  font-size: 13px

}

.spanactes{

  background-color: #8080802b;

  border-radius: 5px;

  padding: 6px;position: relative;

  bottom: 4px;font-family: Poppins;

  margin-left: 8px;margin-bottom: 6px;

  font-size: 12px

}

#gridbtn{

    padding: 27px;

    margin: 0px;

    display: grid;

    grid-auto-rows: 57px;

}

.btnprofil{

  color: white;

  background-color:#4d92ea ;

  height: 37px;border: none;

  border-radius: 5px;

/*  position: relative;

  top: 20px;

  left: 20px;*/

  width: 200px;

  cursor: pointer;

  font-size: 13px;

  font-family: Poppins;

  font-weight: bold;

  margin: auto;

}

.imgeye{

  width: 28px;

  height: 25px;

  position: relative;

  right: 5px;

  bottom: 1px;

}

.linkprofil{

  color: white;

  font-family: Poppins;

}



.btnrdv{

  color: white;

  background-color:#00a7c2 ;

  height: 37px;border: none;

  border-radius: 5px;

/*  position: relative;

  top: 40px;

  left: 20px;*/

  margin: auto;

  width: 200px;

  cursor: pointer;

  font-size: 13px;

  font-family: Poppins;

  font-size: 13px

}



.linkrdv{

  color: white;

  font-family: Poppins;

}



.imgbooking{

  width: 22px;

  height: 22px;

  position: relative;

  right: 8px;

  bottom: 2px;

}



.imgtap{

  width: 22px;

  height: 22px;

  position: relative;

  bottom: 2px;

}



.spanrdv{

  font-weight: bold;

  left: 7px;

  position: relative;

}

#btntel{

  color: #4d92ea;

  background-color: white;

  height: 37px;

  border: none;

  border-radius: 5px;

/*  position: relative;

  top: 60px;

  left: 20px;*/

  margin:auto;

  width: 200px;

  font-size: 13px;

  font-family: 'Poppins';

  cursor: pointer;border-color: #4d92ea;

  border: 1px solid;

  font-weight: bold

}



.imgtel{

  width: 22px;

  height: 22px;

  position: relative;

  right: 8px;

  bottom: 2px;

}



.hidetel{

  font-family:Poppins;

  font-weight: bold;

  font-size: 15px;

  display:none

}



.imgcall{

  width: 18px;

  height: 18px;

  position: relative;

  right: 4px;

}



.btnmsg{

  color: #4d92ea;

  background-color: white;

  height: 37px;border: none;

  border-radius: 5px;

/*  position: relative;

  top: 80px;

  left: 20px;*/

  margin: auto;

  width: 200px;

  font-size: 13px;font-family: 'Poppins';cursor: pointer;

  border-color: #4d92ea;

  border: 1px solid;

  font-weight: bold;

}



.imgmsg{

  width: 22px;

  height: 22px;

  position: relative;

  right: 8px;

  bottom: 2px;

}

.divinfo{

  position: relative;

  bottom: 60px;

}



#ficheclient{

  height: 85px;

  width: 366px;

}



.imgprofilclient{

  width: 60px;

  height: 70px;

  position: relative;

  bottom: 13px;

}



.pspecialiteclient{

  margin-left: 111px;

  position: relative;

  color: black;

  font-family: Poppins;

  font-size: 13px;

  top: 11px;

  line-height: 1.4

}

.nomprenomclient{

  font-weight: bold;

  margin-left: 100px;

  width: 70%;

  font-family: Poppins;font-size: 14px;

  margin-top: -100px;

  line-height:1;

  position: relative;top: 16px;

}



.linkspecialiteclient{

  color: black;

}



#ficheinscrit{

height: 190px;

width: 366px;

}



.imgprofilinscrit{

 width: 60px;

 height: 70px;

 position: relative;

 bottom: 13px;

}



.ficheinscrit{

  display: flex;

  flex-wrap: wrap;

}



.nomprenominscrit{

  font-weight: bold;

  margin-left: 100px;

  width: 100%;font-family: Poppins;

  font-size: 14px;

  margin-top: -100px;

  line-height:1;

  position: relative;

  top: 16px;

}



.pspecialiteinscrit{

  margin-left: 100px;

  position: relative;

  color: black;

  font-family: Poppins;

  font-size: 13px;

  bottom: 55px;

  line-height: 1.4

}

.adressinscrit{

  width: 210px;

  position: relative;

  left: 98px;bottom: 63px;

  text-align: justify;

  font-family: Poppins;

  font-size: 13px;

  line-height: 1.3

}



.linkspecialiteinscrit{

  color: black;

}

.btnprofilinscrit{

  color: white;

  background-color:#4d92ea;

  height: 30px;border: none;

  border-radius: 5px;position: relative;

  width: 87px;font-family: poppins;

  cursor: pointer;

  bottom: 58px;

  font-size: 14px;

}



.linkprofilinscrit{

  color: white

}



#btntelinscrit{

  color: white;

  background-color:#4d92ea;

  height: 30px;border: none;

  border-radius: 5px;

  position: relative;

  width: 100px;

  font-family: poppins;

  cursor: pointer;

  bottom: 58px;

  font-size: 14px;

  margin-left: 20px

}



#telephoneFirmeDisplay1{



  font-family:Poppins;

  font-weight: bold;

  font-size: 15px;

  display:none;

}



.btnmsginscrit{

  color: white;

  background-color:#4d92ea;

  height: 30px;

  border: none;border-radius: 5px;

  position: relative;width: 87px;

  font-family: poppins;

  cursor: pointer;

  bottom: 58px;

  font-size: 14px;

  margin-left: 20px;

}

.btnrdvinscrit{

  color: white;

  background-color:#00a7c2;

  height: 30px;border: none;

  border-radius: 5px;

  position: relative;

  width: 322px;

  font-family: poppins;

  cursor: pointer;

  bottom: 48px;font-size: 14px;

}



.linkrdvinscrit{

  color: white

}



#md4{

  max-width: 330px;

  margin-left: 50px;

}

.vignete{

width: 300px;

height: 250px;

}



.divsearch{

  background-color: #a4d7eac9;

  height: 185px;
margin-bottom: 10px;
}



.effectuer{

  color: #00a7c2;

  font-size: 16px;

  font-family: Poppins;

  text-decoration: underline;

  position: relative;

  top: 16px;

  font-weight: bold;

}



.formsearch{

  margin-top: 35px

}



#tags{

  font-family: Poppins;

  font-size: 16px;

  width: 272px;

  height: 36px;

}



.select2-container {

      width: 220px !important;

    float: left;

    margin-left: 16px !important;

}

.select2-container--default .select2-selection--single {

  height: 35px !important;

}



.select2-container .select2-selection--single .select2-selection__rendered {

    padding-right: 208px !important;

  }

  .select2-container .select2-selection--single {

    padding: 4px;

  }



  .btnsearch{

    border-radius: 5px;

    color: white;

    background-color: #05b4d0;

    border:none;height: 34px;

    width: 40px;font-family: Poppins;

    font-size: 16px;

    margin-left: 10px

  }



  .svgsearch{

    margin-left: -2px;

  }



  .divmotif{

    box-shadow: 0px 0px 6px 2px #ccc;

    margin-top: 15px;

    border-right: 5px;

    height: auto;

    height: 600px;
    overflow-y: scroll;

  }



  .pmotif{

    font-family: Poppins;

    font-size: 15px;

    text-decoration: underline;

    font-weight: bold;

    text-align: center;

    color: #00a7c2;

    position: relative;

    top: 11px;

  }

  .healthcare{

    width: 45px;

    height: 45px;

    position: relative;

    right: 5px;

  }

  .listmotif{

    font-size: 13px !important;

    user-select: none;

  }

  .linkmotif{

    color: black;

  }

  .ulmotif{

    font-family: poppins;

    font-size: 14px;

    position: relative

  }



  .divacte{

    box-shadow: 0px 0px 6px 2px #ccc;

    margin-top: 15px;

    border-right: 5px;

    height: 600px;

    overflow-y: scroll;

    margin-bottom: 10px;

  }



  .pacte{

    font-family: Poppins;

    font-size: 15px;

    text-decoration: underline;

    font-weight: bold;

    text-align: center;

    color: #00a7c2;

    position: relative;

    top: 11px;

    line-height: 0;

    margin-bottom: 32px;

  }



  .briefcase{

    width: 35px;

    height: 35px;

    position: relative;

    right: 5px;

  }



  .ulacte{

    font-family: poppins;

    font-size: 14px;

    position: relative

  }

  .listacte{

    font-size: 13px !important;

    user-select: none;
    color: black;
  }



  .linkacte{

    color: black;

  }





  .listmotif::before {

  content: "\2022";

  color: #00a7c2;

  font-weight: bold;

  display: inline-block; 

  width: 1em;

  margin-left: -1em;

}



  .listacte::before {

  content: "\2022";

  color: #00a7c2;

  font-weight: bold;

  display: inline-block; 

  width: 1em;

  margin-left: -1em;

}





.ulmotif {

  list-style: none;

}

.ulacte {

  list-style: none;

}

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



#exampleModalLabel{

  font-family: Poppins;

  font-size: 22px;

  font-weight: bold;

  text-align: center;

  color: black

}



.modal-conten{

border-radius: 20px;

}



.modal-header{

  margin: auto;

}



#psharewhat{

  font-family: Poppins;

  font-size: 16px;

  color: black;

  font-weight: bold;

  cursor: pointer;

}



#imgwath{

  width: 30px;

  height: 30px;

  margin-right: 15px;

}



#linkwath{

  color: black;

}



#copierlien{

  font-family: Poppins;

  font-size: 16px;

  color: black;

  font-weight: bold;

  cursor: pointer;

}



#imglink{

  width: 30px;

  height: 30px;

  margin-right: 15px;

}



#linkcopier{

  color: black;

}



#sharefb{

  font-family: Poppins;

  font-size: 16px;

  color: black;

  font-weight: bold;

  cursor: pointer;

}



#imgfb{

  width: 30px;

  height: 30px;

  margin-right: 15px;

}



#linkfb{

  color: black;

}

#sharemail{

  font-family: Poppins;

  font-size: 16px;

  color: black;

  font-weight: bold;

  cursor: pointer;

}



#imgmail{

  width: 30px;

  height: 30px;

  margin-right: 15px;

}



#linkmail{

  color: black;

}



.modal-content{



  padding: 20px 20px 20px 20px;

}



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





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

#label{

  font-size: 13px;

  font-family: Poppins

}



#recipient-name{

  font-size: 14px

}



#submitmsg{

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;

}









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





/*--------------------css  mobile--------------------*/



 @media(max-width: 997px) and (min-width: 320px){

  #logofooter {





    top: 50px !important;

  }

#myrow{

  display: flex;

  justify-content: center;

}

#md4{

  margin: auto;

}

.col-md-4{

  margin: auto;

}



     .btnprofil{

   /* top: 41px !important;*/

    width: 150px !important;

    /*left: 9px !important;*/

   font-size: 11px !important;

  /* top: 26px !important;*/

    position: relative;

   }

    .btnrdv{



    width: 150px !important;

 /*   left: 9px !important;*/

    font-size: 11px !important;

   /* top: 26px !important;

    position: relative;

*/

   }

    .btnmsg{



    width: 150px !important;

  /*  left: 9px !important;

    top: 34px !important;*/

    font-size: 11px !important;



   }

   .imgmsg {

    right: 4px !important;

    width: 20px !important;

    height: 20px !important;

}

   .imgtap{

    display: none;

   }

    #btntel{



    width: 150px !important;

 /*   left: 9px !important;

    top: 34px !important;*/

    font-size: 11px !important;



   }

   .imgtel{

    right: 4px !important;

    width: 20px !important;

    height: 20px !important;

   }

 #gridbtn{

    /*  position: relative;

      bottom: 46px !important;*/

      display: grid;

      grid-template-columns: 50% 50%;

      padding: 0 !important;

    }

    .listing.vertical.annonceur {

        

      justify-content: center;

    display: flex !important;

   /* height: auto !important;*/

    }



    .imgeye{

          right: 4px !important;

    width: 20px !important;

    height: 20px !important;

    }



    #pressentation {

    width: 95% !important;

}

#gestionprofil{

  justify-content: center;

    display: flex !important;

    width: 100% ;

 }

 .btninscrit{

  display: flex;

  flex-wrap: wrap;

 }

}



 @media(max-width: 383px) and (min-width: 320px){



    .listing.vertical.annonceur {

        

   height: 475px !important;

 

    }



    #gridbtn{



  position: relative;

   bottom: 135px;

    }







 }



  @media(max-width: 454px) and (min-width: 384px){



    .listing.vertical.annonceur {

        

   height: 440px !important;

 

    }



    #gridbtn{



  position: relative;

   bottom: 135px;

    }







 }



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



    .listing.vertical.annonceur {

        

   height: 400px !important;

 

    }



    #gridbtn{



  position: relative;

   bottom: 124px;

    }







 }



   @media(max-width: 1000px) and (min-width: 769px){



    .listing.vertical.annonceur {

        

   height: 400px !important;

 

    }



    #gridbtn{



  position: relative;

   bottom: 124px;

    }







 }