#sticky_mobile_download_app{
    display:none;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    height: 100%;
    max-height: 81px;
}
.card-telemedicina {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
}
.accordion .card-telemedicina:first-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion .card-telemedicina:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}
.container {
    width: 90% !important;
    padding-right: 2% !important;
    padding-left: 2% !important;
    margin-right: auto;
    margin-left: auto;
}
.navbar{
   padding: 0px !important;
}
.img-banner{
   width: 100%;
   height: 100%;
   position: relative;
   padding-top: 80px;       
}
.que-necesitas{   
   background-color: #F1F1F1; 
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px; 
}
.line-blue-grey{
   width: 100%;
   height: 9px;
   margin: 0 auto;
}
.content-que-necesitas{
   font-family: ITCAvantGardeStd-Md;
   background-color: #427EBA;
   color: #fff;
   text-align: center;
   width: 200px;
   margin: 0 auto;
   font-size: 20px;
   height: 40px;
   padding-top: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}
.blue-link{
   font-family: ITCAvantGardeStd-Md;
   color: #427EBA;
}
.blue-link:hover{
   color: #427EBA;
}
.btn-blue-access{
   font-family: ITCAvantGardeStd-Md;
   background-color: #427EBA;
   color: #fff;
}
.btn-blue{
   font-family: ITCAvantGardeStd-Demi;
   background-color: #427EBA;
   color: #fff;
}
.btn-blue:hover{   
   color: #3ed2f7
}
.seccion-requisitos{
   padding: 20px;
}

.texto-iconos{
   font-family: ITCAvantGardeStd-Md;
   font-size: 14px;
   display: inline-flex;
   vertical-align: middle;
   color: #7C7980;
   margin-left: 5px;
}
.texto-titulo{
   font-family: ITCAvantGardeStd-Md;
   color: #427EBA;
   font-size: 30px;
   text-align: center;
   padding-top: 20px;
}
.texto-parrafo{
   font-family: ITCAvantGardeStd-Md;
   font-size: 21px;
   text-align: center;
   vertical-align: middle;
   color: #7C7980;
   padding-bottom: 20px;
}
.btn-agendar-teleconsulta {
   padding: 10px 10px 11px 30px;  
   background-color: #F7B344;
   color:  #fff !important;
   font-size: 22px;
   border-radius: 25px;
}
.btn-agendar-teleconsulta:hover{
   color:  #fff;
   text-decoration:none;
}
.seccion-agendar{
   text-align: center;
   padding-bottom: 20px;
}

.icon-mano{
   margin-top: 20px;
}
.menos:after {
    content: url(/Sitefinity/WebsiteTemplates/ClinicaSantaMaria/App_Themes/ClinicaSantaMaria/Images/telemedicina/menos.png);
    transition: transform .3s;
    margin-top: 20px;
    height: 30px;
    float: right;
    width: 10%;
    cursor:pointer;
}

.mas:after {
    content: url(/Sitefinity/WebsiteTemplates/ClinicaSantaMaria/App_Themes/ClinicaSantaMaria/Images/telemedicina/mas.png);
    transition: transform .3s;
    margin-top: 20px;
    height: 30px;
    float: right;
    width: 10%;
    cursor: pointer;
}
.card-header{
   background-color: #fff !important;
}
.card{
   border: 0px !important;
}
.preg-frecuente-title{
   font-family: ITCAvantGardeStd-Md;
   color: #427EBA;
   font-size: 19px;
   padding-top: 20px;
   cursor: pointer;
   float: left;
   width: 90%;
}
.texto-parrafo-preguntas{
   font-family: ITCAvantGardeStd-Md;
   font-size: 16px;
   vertical-align: middle;
   color: #7C7980;
}
.img-banner-mobile{
   display: none;
}
.close-modal {
    cursor: pointer;
    width: 38px;
    height: 38px;
    border-radius: 4px;
    background-color: #999;
    background-image: url(/Sitefinity/WebsiteTemplates/ClinicaSantaMaria/App_Themes/ClinicaSantaMaria/Images/telemedicina/close-modal.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 25px;
    top: 25px;
}
.modal-titulo {
   margin-top: -16px;
}
.modal-header{
   border-bottom: 0px !important;
   
}
.col-md-4{
   padding-left: 10px;
}
.form-title{
   font-family: ITCAvantGardeStd-Md;
   color: #427EBA;
   font-size: 16px;
   padding: 10px 0px 0px;
   float: right;
}
label{
   margin-bottom: 0px !important;
}
.form-texto{
   font-family: ITCAvantGardeStd-Md;
   color: #7C7980 !important;
   font-size: 16px !important;
}
.form-error{
   font-family: ITCAvantGardeStd-Md;
   color: red !important;
   font-size: 14px !important;
   width: 200px;
}
.center{
   text-align: center;
}
.form-texto-obligatorio{
   font-family: ITCAvantGardeStd-Md;
   color: #7C7980 !important;
   font-size: 14px !important;
}
.modal-footer{
   border-top: 0px !important;
}
.save-datos{
   background-color: #427EBA;
   font-family: ITCAvantGardeStd-Md !important;
   font-size: 18px !important;
   margin: 0 auto;
   color: #fff;
   width: 100%;
}
.save-datos:hover{   
   color: #3ed2f7
}
.hidden{
   visibility: hidden;
}
.form-title-der{
   font-family: ITCAvantGardeStd-Md;
   color: #427EBA;
   font-size: 16px;
   float: left;
   margin-bottom: 0px;
}
.link-olvido-contrasena{
   font-family: ITCAvantGardeStd-Md;
   color: #427EBA;
}
.circle{   
   cursor: pointer;
}
.fondo-nav{
 background-color: #FFF !important;
}
.v-mobile {
   padding-left: 0px !important;
   padding-right: 0px !important;
}
.row{
   margin: 0 !important;;
}
table, th, td {
   border: 1px solid black;
   border-collapse: collapse;   
}
.table-style{
   width: 50%;
}
.title-th{
   background-color: #427EBA;
    color: #FFF;
}
.texto-table-preguntas{
   font-family: ITCAvantGardeStd-Demi;
   font-size: 13px;
   vertical-align: middle;
   color: #7C7980;
   text-indent: 4px;
}
.content-reinicio-contrasena{
   font-family: ITCAvantGardeStd-Md;
   background-color: #427EBA;
   color: #fff;
   text-align: center;
   width: 100%;
   max-width: 300px;
   margin: -16px auto 15px;
   font-size: 20px;
   height: 100%;
   min-height: 40px;
   padding-top: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   white-space: normal;
}
.input-email{
   margin-top:10px;
}
.btn-reinicio {
   width: 75%;
   margin: 0 auto;
}
.close-mensaje {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #999;
    background-size: 15px;
    background-image: url(/Sitefinity/WebsiteTemplates/ClinicaSantaMaria/App_Themes/ClinicaSantaMaria/Images/telemedicina/close-modal.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 20px;
    top: 180px;
}
.m-error {
   height: 80px;
   background-color: #F7B344;
   margin-bottom: 10px;
   border-radius: 5px;
}
.m-email-error{
   font-family: ITCAvantGardeStd-Md;
   color: #fff;
   font-size: 12px;
}
.m-email-error-md{
   font-family: ITCAvantGardeStd-Md;
   color: #fff;
   font-size: 12px;
}
.center-text-msj{
   text-align: center;
   padding: 15px 20px 10px 20px;
}
@media only screen and (max-width: 1067px) {
   .texto-iconos{
      width: 150px;
      margin-top: 5px;
   }
   .v-mobile{
      text-align: center;
   }
   .btn-blue {      
      margin-bottom: 15px !important;
  }
   .ml-auto, .mx-auto{
      margin-bottom: 15px !important;
   }
}
@media only screen and (max-width: 991px) {
   .table-style{
      width: 100%;
   }
   .close-mensaje {
      top: 235px;
      right: 25px;
   }
}
@media only screen and (max-width: 768px) {
   .container {      
      max-width: none !important;
   }
   .img-banner-mobile{
      display: block;
      width: 100%;
      height: 100%;      
      position: relative;
      padding-top: 80px; 
      background-position: center;
   }   
   .img-banner{
      display: none;   
   }
   .texto-iconos{
      margin-top: 10px;
   }   
   .v-mobile{
      padding: 10px;
   }
   .btn-agendar-teleconsulta{
      font-size: 18px;
   }
   .form-title{
      float: initial;
      padding: 0px;
   }
   .form-mobile{
      padding-bottom: 15px;
   }   
   #q-necesitas{
      display: none;
   }
   #serv-telemedicina{
      display: none;
   }
  
}

@media only screen and (max-width: 468px) {
   .preg-frecuente-title{      
      font-size: 16px;
   }
   .content-reinicio-contrasena{
      max-width: 250px;
      margin: -16px auto 10px;
   }
}
@media only screen and (max-width: 380px) {
   
   .modal-header{
      width: 85%;
   }
   .btn-agendar-teleconsulta{
      font-size: 17px;
   }
}