body,
html {
   font-family: 'Open Sans', sans-serif;
   font-size: 110%;
   font-weight: 400;
   line-height: 140%;
   margin: 0;
   padding: 0;
   height: 100%;
   color: #000;}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Saira', sans-serif;
   line-height: 130%;
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-weight: 400; }

h1 {font-size: 2.1rem; color: #1A78B8; font-weight: 400;}
h2 {font-size: 1.8rem; color: #5A7688;}
h3 {font-size: 1.6rem; color: #1A78B8;}
h4 {font-size: 1.4rem; color: #5A7688;}
h5 {font-size: 1.2rem; color: #1A78B8; margin-bottom: 0.5rem;}
h6 {font-size: 1.1rem; color: #405461; font-weight: 600;}

strong, b, bold, semi {font-weight: 600;}

p {font-size: 1rem;}
.p-intro {font-size: 1.2rem; line-height: 1.9;}

.w-98 {width: 98%; max-width: 1650px;}
.w-95 {width: 95%; max-width: 1450px;}

.bg-gris {background-color: rgba(159, 183, 204, 1.0) !important;}
.bg-gris10t {background-color: rgba(159, 183, 204, 0.1) !important;}

.bg-linea {
   background-color: #FFF; 
   border-bottom: 1px solid rgba(159, 183, 204, 0.6);}

.bg-borde {
   border: 1px solid #C6D8E4;
   border-radius: 8px;
   padding: 1.5rem 0.5rem 1rem;}

.bg-curva {
   background: url(../images/bg-curva.svg) top left no-repeat;
   background-size: 200px auto;}

@media (max-width: 768px) {
   .bg-curva {background: none}
}

.txt-az {color: #1A78B8;}

.color-adulto {color: #399CA1}
.color-emb {color: #20A0BF}
.color-mnna {color: #158AA5}
.color-mpi {color: #56B4CC}


/*----- Navbar -----*/

.bg-cab-dark {
   background-color: #1A78B8 !important;
   -webkit-box-shadow: 0 3px 2px rgba(79, 91, 101, 0.3);
   box-shadow: 0 3px 2px rgba(79, 91, 101, 0.3); }

.navbar-toggler-icon {
  width: 1.1rem;
  height: 1.1rem; }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.openbtn {
   cursor: pointer;
   background-color: transparent;
   opacity: 1;
   padding: 4px 10px 8px;
   border: 1px solid rgba(255, 255, 255, 0.3);
   margin-left: 1rem;
   margin-right: 0;
   border-radius: 5px; }

.openbtn:hover {
   background-color: #094C78;
   border: 1px solid #094C78; }



/* Navbar logo y tit */

.pt-cab {padding-top: 4.5rem;}

.logo-cab {
   width: 100%;
   max-width: 260px;
   margin: 0;
   padding: 0 0 4px;
   filter: "progid:DXImageTransform.Microsoft.Dropshadow (OffX=0, OffY=8, Color='#DDD')";
   filter: url(#drop-shadow);
   filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.6)); }

h1.centro {font-size: 1.3rem; color: #FFF; margin: 0; }

@media (max-width: 1024px) {
   .pt-cab {padding-top: 4rem;}
}

@media (max-width: 768px) {
   .logo-cab {
      max-width: 250px;
      padding: 2px 0; }
   h1.centro {font-size: 1.2rem; padding-top: 0.1rem; }
}

@media (max-width: 767px) {
   .logo-cab {max-width: 250px; padding: 2px 0; }
   h1.centro {font-size: 1.1rem; padding-top: 0; margin-top: -2.3rem; }
   .openbtn {margin-top: -2.5rem;}
}

@media (max-width: 610px) {
   .pt-cab {padding-top: 5.3rem;}
   .logo-cab {max-width: 240px; padding: 1px 0; }
   h1.centro {font-size: 1rem; padding-top: 0; margin-top: 0rem; }
   .openbtn {margin-top: -1.2rem;}
}

@media (max-width: 375px) {
   .logo-cab {max-width: 220px; padding: 2px 0;}
   h1.centro {font-size: 0.9rem; }
}

@media (max-width: 320px) {
   .logo-cab {max-width: 200px;}
}


/*----- Datos de contacto -----*/

.contacto-correo {background: url(../images/contacto-correo.svg) top left no-repeat;}
.contacto-tel {background: url(../images/contacto-tel.svg) top left no-repeat;}
.contacto-horario {background: url(../images/contacto-horario.svg) top left no-repeat;}

.contacto-correo,
.contacto-tel,
.contacto-horario {
   background-size: auto 50px;
   padding-left: 60px;}

.contacto-correo p,
.contacto-tel p,
.contacto-horario p {
   font-size: 1rem;
   margin: 0}

.contacto-correo a,
.contacto-tel a,
.contacto-horario a {
   font-size: 1.2rem;
   font-weight: 600;
   text-decoration: none;
   color: #222;
   margin: 0;}

.contacto-correo a:hover,
.contacto-tel a:hover,
.contacto-horario a:hover {
   text-decoration: underline;
   color: #1A78B8;}

.contacto-dato {
   font-size: 1.2rem;
   font-weight: 600;
   color: #222;
   margin: 0;}

.contacto-asesor {background: url(../images/contacto-asesor.svg) top left no-repeat;}

.contacto-asesor {
   background-size: auto 40px;
   padding-left: 50px;}

.contacto-asesor a {
   font-size: 1rem;
   text-decoration: none;
   font-weight: 400;
   color: #222;
   margin: 0;}

.contacto-asesor a:hover {
   text-decoration: underline;
   color: #1A78B8;}

.contacto-asesor p {
   font-size: 1rem;
   margin: 0;}

.w-contacte {width: 100%; max-width: 260px;}
.w-asesor {width: 100%; max-width: 350px; padding-right: 2rem;}

@media (max-width: 1330px) {
   .w-contacte {max-width: 100%;}
   .w-asesor {max-width: 310px; padding-right: 0;}
}

@media (max-width: 1024px) {
   .contacto-correo a,
   .contacto-tel a,
   .contacto-horario a {
      font-size: 1.1rem;}
   .contacto-dato {
      font-size: 1.1rem;}
   .w-asesor {max-width: auto; padding-right: 0;}
}

@media (max-width: 991px) {
   .contacto-asesor a {
      font-size: 0.95rem; font-weight: 600;}      
}

@media (max-width: 991px) {
   .w-asesor {margin-top: 1rem; }
}


/*----- Index -----*/

.logo-intro {
   width: 100%;
   max-width: 380px;
   padding-right: 1rem;}

.logo-intro-sis {
   width: 100%;
   max-width: 150px;
   padding-right: 1rem;}

.diag-mi {
   width: 95%;
   max-width: 580px;
   filter: "progid:DXImageTransform.Microsoft.Dropshadow (OffX=0, OffY=8, Color='#DDD')";
   filter: url(#drop-shadow);
   filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.15));
   -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.15));}


/* ----- Btns ----- */

.btn {
   color: #0F4C81;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.21rem 0.6rem 0.3rem;
   font-size: 0.95rem;
   line-height: 1.5;
   border-radius: 0.35rem;
   margin-top: 0.4rem;
   margin-bottom: 0.4rem}

.btn:hover {
   color: #3F6F9A;
   text-decoration: none;}

.btn:focus, .btn.focus {
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);}

.btn.disabled, .btn:disabled {
   opacity: 0.6;}


/* Btns Index a Sistemas */

.bg-sist {
   border: 1px solid #C6D8E4;
   border-radius: 0;
   padding: 1rem 0.4rem 0;
   background-color: #FFF;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
   min-width: 180px;}

.bg-sist:hover {background-color: #F9FBFC;}

@media (max-width: 575px) {
   .bg-sist {padding: 0.5 0.4rem 0;}
}


.sist-m-adulto {background: url(../images/ico_sis_mido_adulto.svg) top center no-repeat;}
.sist-m-embarazo {background: url(../images/ico_sis_mido_embarazo.svg) top center no-repeat;}
.sist-consulta-m {background: url(../images/ico_sis_consulta_mido.svg) top center no-repeat;}
.sist-m-ninos {background: url(../images/ico_sis_mido_ninos.svg) top center no-repeat;}
.sist-m-pi {background: url(../images/ico_sis_mido-primerainfancia.svg) top center no-repeat;}

.sist-m-adulto, .sist-m-embarazo,
.sist-consulta-m, .sist-m-ninos,
.sist-m-pi {
   background-size: 150px auto;
   min-height: 160px;
   width: 220px;
   padding-top: 160px;}

@media (max-width: 1355px) {
   .sist-m-adulto, .sist-m-embarazo,
   .sist-consulta-m, .sist-m-ninos,
   .sist-m-pi {
      background-size: 145px auto;
      min-height: 155px;
      width: 190px;
      padding-top: 155px; }
}

@media (max-width: 1185px) {
   .sist-m-adulto, .sist-m-embarazo,
   .sist-consulta-m, .sist-m-ninos,
   .sist-m-pi {
      background-size: 145px auto;
      min-height: 155px;
      width: 180px;
      padding-top: 155px; }
}

@media (max-width: 1169px) {
   .sist-m-adulto, .sist-m-embarazo,
   .sist-consulta-m, .sist-m-ninos,
   .sist-m-pi {
      background-size: 150px auto;
      min-height: 160px;
      width: 250px;
      padding-top: 160px; }
}

@media (max-width: 917px) {
   .sist-m-adulto, .sist-m-embarazo,
   .sist-consulta-m, .sist-m-ninos,
   .sist-m-pi {
      background-size: 140px auto;
      min-height: 150px;
      width: 200px;
      padding-top: 150px; }
}

@media (max-width: 768px) {
   .sist-m-adulto, .sist-m-embarazo,
   .sist-consulta-m, .sist-m-ninos,
   .sist-m-pi {
      background-size: 130px auto;
      min-height: 140px;
      width: 180px;
      padding-top: 140px; }
}

@media (max-width: 680px) {
   .sist-m-adulto, .sist-m-embarazo,
   .sist-consulta-m, .sist-m-ninos,
   .sist-m-pi {
      background-size: 120px auto;
      min-height: 130px;
      width: 150px;
      padding-top: 130px; }
}

@media (max-width: 620px) {
   .sist-m-adulto, .sist-m-embarazo,
   .sist-consulta-m, .sist-m-ninos,
   .sist-m-pi {
      background-size: 120px auto;
      min-height: 130px;
      width: 220px;
      padding-top: 130px; }
}

@media (max-width: 575px) {
   .sist-m-adulto, .sist-m-embarazo,
   .sist-consulta-m, .sist-m-ninos,
   .sist-m-pi {
      background-size: 130px auto;
      min-height: 140px;
      width: 220px;
      padding-top: 140px; }
}

.sist-m-adulto:hover, .sist-m-embarazo:hover,
.sist-consulta-m:hover, .sist-m-ninos:hover,
.sist-m-pi:hover {
   filter: "progid:DXImageTransform.Microsoft.Dropshadow (OffX=0, OffY=8, Color='#DDD')";
   filter: url(#drop-shadow);
   filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.15));
   -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.15));}

.sist-m-adulto:not(:disabled):not(.disabled):active:focus,
.sist-m-adulto:not(:disabled):not(.disabled).active:focus,
.show>.sist-m-adulto.dropdown-toggle:focus,
.sist-m-embarazo:not(:disabled):not(.disabled):active:focus,
.sist-m-embarazo:not(:disabled):not(.disabled).active:focus,
.show>.sist-m-embarazo.dropdown-toggle:focus,
.sist-consulta-m:not(:disabled):not(.disabled):active:focus,
.sist-consulta-m:not(:disabled):not(.disabled).active:focus,
.show>.sist-consulta-m.dropdown-toggle:focus,
.sist-m-ninos:not(:disabled):not(.disabled):active:focus,
.sist-m-ninos:not(:disabled):not(.disabled).active:focus,
.show>.sist-m-ninos.dropdown-toggle:focus,
.sist-m-pi:not(:disabled):not(.disabled):active:focus,
.sist-m-pi:not(:disabled):not(.disabled).active:focus,
.show>.sist-m-pi.dropdown-toggle:focus {
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}

.sist-m-adulto:focus, .sist-m-adulto.focus,
.sist-m-embarazo:focus, .sist-m-embarazo.focus,
.sist-consulta-m:focus, .sist-consulta-m.focus,
.sist-m-ninos:focus, .sist-m-ninos.focus,
.sist-m-pi:focus, .sist-m-pi.focus {
   box-shadow: 0 0 0 0 rgba(159, 183, 204, 0);}


.sist-m-adulto p, .sist-m-embarazo p,
.sist-consulta-m p, .sist-m-ninos p,
.sist-m-pi p {
   font-family: 'Saira', sans-serif;
   font-size: 1.2rem;
   font-weight: 500;
   text-align: center;
   text-decoration: none;
   color: #222;}






















.doc-pdf {background: url(../images/ico_acrobat.png) top left no-repeat;}
.doc-word {background: url(../images/ico_word.svg) top left no-repeat;}
.doc-excel {background: url(../images/ico_excel.svg) top left no-repeat;}
.doc-ppt {background: url(../images/ico_powerpoint.svg) top left no-repeat;}

.doc-pdf, .doc-word, .doc-excel, .doc-ppt {
   background-size: 45px 45px;
   min-height: 60px;
   padding-left: 55px;
   padding-top: 0.5rem;
   text-decoration: none;
   font-size: 1.1rem;
   text-align: left;
   font-weight: 400;
   color: #222; }

.doc-pdf:hover,
.doc-word:hover,
.doc-excel:hover,
.doc-ppt:hover {
   filter: "progid:DXImageTransform.Microsoft.Dropshadow (OffX=0, OffY=8, Color='#DDD')";
   filter: url(#drop-shadow);
   filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.2));
   -webkit-filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.2));}


.accordion-button {
   padding: 0.4rem 0.8rem;
   font-size: 1rem;
   color: #FFF;}

.accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   transform: rotate(-180deg);
   color: #FFF;}

.accordion-button::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   color: #FFF;}

.accordion-button:not(.collapsed) {
   color: #FFF;}



/*-----Reproductor-----*/

#playlist {
   display: table;
   margin: 0;
   padding: 0;
   border: 0;}

#videoarea {
   width: 100%;
   height: auto;
   border: 2px solid #AAC2CC;
   background-color: #FFF;}



/* Documentación */


.bg-cab-doc {
   background-color: rgba(159, 183, 204, 1.0) !important;
   border: 1px solid rgba(159, 183, 204, 1.0);
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   padding: 0.5rem 1rem 0;
   color: #FFF;}

.bg-doc {
   background-color: #FFF;
   padding: 0.5rem 1rem 0;
   border-left: 1px solid rgba(159, 183, 204, 1.0);
   border-bottom: 1px solid rgba(159, 183, 204, 1.0);}



.doc-pdf1 {background: url(../images/ico_acrobat.png) top left no-repeat;}
.doc-word1 {background: url(../images/ico_word.svg) top left no-repeat;}
.doc-excel1 {background: url(../images/ico_excel.svg) top left no-repeat;}
.doc-ppt1 {background: url(../images/ico_powerpoint.svg) top left no-repeat;}

.doc-pdf1, .doc-word1, .doc-excel1, .doc-ppt1 {
   background-size: 45px 45px;
   min-height: 70px;
   padding-left: 60px;
   padding-top: 0;
   text-decoration: none;
   font-size: 1.1rem;
   text-align: left;
   font-weight: 600;
   color: #222;}

.doc-pdf1:hover, .doc-word1:hover, .doc-excel1:hover, .doc-ppt1:hover {
   filter: "progid:DXImageTransform.Microsoft.Dropshadow (OffX=0, OffY=8, Color='#DDD')";
   filter: url(#drop-shadow);
   filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.2));
   -webkit-filter: drop-shadow(0 3px 1px rgba(0, 0, 0, 0.2));
   color: #222;}



.btn-primary {
   color: #FFF;
   background-color: #1A78B8 !important;
   border-color: #1A78B8;
   font-size: 1.1rem;}

.btn-primary:hover {
   color: #FFF;
   background-color: #146296;
   border-color: #146296;}

.btn-primary:focus,
.btn-primary.focus {
   color: #FFF;
   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);}

.btn-primary.disabled,
.btn-primary:disabled {
   color: #fff;
   background-color: #54abe6;
   border-color: #54abe6;}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #146296;
   border-color: #146296;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}


.btn-primary-emb {
   color: #FFF;
   background-color: #20A0BF;
   border-color: #20A0BF;
   font-size: 1.1rem;
}

.btn-primary-emb:hover {
   color: #FFF;
   background-color: #16819c;
   border-color: #16819c;
}

.btn-primary-emb:focus,
.btn-primary-emb.focus {
   color: #FFF;
   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}

.btn-primary-emb.disabled,
.btn-primary-emb:disabled {
   color: #fff;
   background-color: #97d4e4;
   border-color: #97d4e4;
}

.btn-primary-emb:not(:disabled):not(.disabled):active,
.btn-primary-emb:not(:disabled):not(.disabled).active,
.show>.btn-primary-emb.dropdown-toggle {
   color: #fff;
   background-color: #16819c;
   border-color: #16819c;
}

.btn-primary-emb:not(:disabled):not(.disabled):active:focus,
.btn-primary-emb:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary-emb.dropdown-toggle:focus {
   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}


.pie p {
   font-size: 0.8rem;
   margin-bottom: 2rem;
}


/*-----Btns playlist-----*/

.vid-mi-gral,
.vid-mi-gral:hover,
.vid-mi-gral.hover {
   background: url(../images/ico-vid-acceso.svg) left top no-repeat;
}

.vid-mi-passw,
.vid-mi-passw:hover,
.vid-mi-passw.hover {
   background: url(../images/ico-vid-passw.svg) left top no-repeat;
}

.vid-mi-funcionam,
.vid-mi-funcionam:hover,
.vid-mi-funcionam.hover {
   background: url(../images/ico-vid-funcionam.svg) left top no-repeat;
}

.vid-mi-busqueda,
.vid-mi-busqueda:hover,
.vid-mi-busqueda.hover {
   background: url(../images/ico-vid-busqueda.svg) left top no-repeat;
}

.vid-mi-contacto,
.vid-mi-contacto:hover,
.vid-mi-contacto.hover {
   background: url(../images/ico-vid-contacto.svg) left top no-repeat;
}

.vid-adu-nvav,
.vid-adu-nvav:hover,
.vid-adu-nvav.hover {
   background: url(../images/ico-vid-nvav-adu.svg) left top no-repeat;
}

.vid-emb-nvav,
.vid-emb-nvav:hover,
.vid-emb-nvav.hover {
   background: url(../images/ico-vid-nvav-emb.svg) left top no-repeat;
}

.vid-cm-nvav,
.vid-cm-nvav:hover,
.vid-cm-nvav.hover {
   background: url(../images/ico-vid-cm-valora.svg) left top no-repeat;
}

.vid-cm-consulta,
.vid-cm-consulta:hover,
.vid-cm-consulta.hover {
   background: url(../images/ico-vid-cm-consulta.svg) left top no-repeat;
}

.vid-mnna-nvav,
.vid-mnna-nvav:hover,
.vid-mnna-nvav.hover {
   background: url(../images/ico-vid-mnna-valora.svg) left top no-repeat;
}

.vid-mpi-nvav,
.vid-mpi-nvav:hover,
.vid-mpi-nvav.hover {
   background: url(../images/ico-vid-mpi-valora.svg) left top no-repeat;
}

.vid-mido-confirma,
.vid-mido-confirma:hover,
.vid-mido-confirma.hover {
   background: url(../images/ico-vid-confirma.svg) left top no-repeat;
}

.vid-mido-otras-m,
.vid-mido-otras-m:hover,
.vid-mido-otras-m.hover {
   background: url(../images/ico-vid-otras-medic.svg) left top no-repeat;
}

.vid-mido-resumen-valora,
.vid-mido-resumen-valora:hover,
.vid-mido-resumen-valora.hover {
   background: url(../images/ico-vid-resumen-valora.svg) left top no-repeat;
}

.vid-emb-reclasi,
.vid-emb-reclasi:hover,
.vid-emb-reclasi.hover {
   background: url(../images/ico-vid-emb-reclasifica.svg) left top no-repeat;
}

.vid-emb-nvo-emb,
.vid-emb-nvo-emb:hover,
.vid-emb-nvo-emb.hover {
   background: url(../images/ico-vid-emb-nvo-emb.svg) left top no-repeat;
}

.vid-cm-resumen,
.vid-cm-resumen:hover,
.vid-cm-resumen.hover {
   background: url(../images/ico-vid-cm-resumen-cons.svg) left top no-repeat;
}

.vid-cm-result-ga,
.vid-cm-result-ga:hover,
.vid-cm-result-ga.hover {
   background: url(../images/ico-vid-cm-result-gab.svg) left top no-repeat;
}

.vid-cm-result-la,
.vid-cm-result-la:hover,
.vid-cm-result-la.hover {
   background: url(../images/ico-vid-cm-result-lab.svg) left top no-repeat;
}

.vid-pi-busqueda,
.vid-pi-busqueda:hover,
.vid-pi-busqueda.hover {
   background: url(../images/ico-vid-pi-buscar.svg) left top no-repeat;
}

.vid-pi-nvo-hijo,
.vid-pi-nvo-hijo:hover,
.vid-pi-nvo-hijo.hover {
   background: url(../images/ico-vid-pi-nvo-hijo.svg) left top no-repeat;
}

.vid-pi-valora1,
.vid-pi-valora1:hover,
.vid-pi-valora1.hover {
   background: url(../images/ico-vid-pi-valora-crecim.svg) left top no-repeat;
}

.vid-pi-valora2,
.vid-pi-valora2:hover,
.vid-pi-valora2.hover {
   background: url(../images/ico-vid-pi-valora-edi.svg) left top no-repeat;
}

.vid-pi-valora3,
.vid-pi-valora3:hover,
.vid-pi-valora3.hover {
   background: url(../images/ico-vid-pi-valora-hemog.svg) left top no-repeat;
}

.vid-pi-valora4,
.vid-pi-valora4:hover,
.vid-pi-valora4.hover {
   background: url(../images/ico-vid-pi-valora-oms.svg) left top no-repeat;
}

.vid-pi-editar,
.vid-pi-editar:hover,
.vid-pi-editar.hover {
   background: url(../images/ico-vid-pi-editar-datos.svg) left top no-repeat;
}

.vid-pi-resumen,
.vid-pi-resumen:hover,
.vid-pi-resumen.hover {
   background: url(../images/ico-vid-pi-resumen-valorac.svg) left top no-repeat;
}

.vid-nna-busqueda,
.vid-nna-busqueda:hover,
.vid-nna-busqueda.hover {
   background: url(../images/ico-vid-nna-buscar-alta.svg) left top no-repeat;
}

.vid-nna-nva-valora,
.vid-nna-nva-valora:hover,
.vid-nna-nva-valora.hover {
   background: url(../images/ico-vid-nna-nva-valoracion.svg) left top no-repeat;
}

.vid-nna-mediciones,
.vid-nna-mediciones:hover,
.vid-nna-mediciones.hover {
   background: url(../images/ico-vid-nna-mediciones.svg) left top no-repeat;
}

.vid-nna-resumen,
.vid-nna-resumen:hover,
.vid-nna-resumen.hover {
   background: url(../images/ico-vid-nna-resumen-valorac.svg) left top no-repeat;
}

.vid-nna-otras-valora,
.vid-nna-otras-valora:hover,
.vid-nna-otras-valora.hover {
   background: url(../images/ico-vid-nna-otras-valoraciones.svg) left top no-repeat;
}

.btn-vid {
   background-size: 55px 55px;
   background-color: #FFF;
   border: 1px solid #AAC2CC;
   border-radius: 8px;
   padding: 0.6rem 0.5rem 0.7rem 3.1rem;
   width: 100%;
   min-height: 55px;
   margin: 0;
   font-size: 0.9rem;
   font-weight: 600;
   text-align: left;
   line-height: 140%;
   color: #222;
   /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); */
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.btn-vid:hover,
.btn-vid.hover,
.btn-vid:focus,
.btn-vid.focus,
.btn-vid:not(:disabled):not(.disabled):active,
.btn-vid:not(:disabled):not(.disabled).active,
.show>.btn-vid.dropdown-toggle,
.btn-vid:not(:disabled):not(.disabled):active:focus,
.btn-vid:not(:disabled):not(.disabled).active:focus,
.show>.btn-vid.dropdown-toggle:focus,
.btn-vid:not(:disabled):not(.disabled):active:focus,
.btn-vid:not(:disabled):not(.disabled).active:focus,
.show>.btn-vid.dropdown-toggle:focus {
   background-size: 55px 55px;
   background-color: #DDE7EB;
   border: 1px solid #AAC2CC;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
   color: #000;
}


.btn-vid-a {
   background-size: 65px 65px;
   background-color: #FFF;
   border: 1px solid #AAC2CC;
   border-radius: 8px;
   padding: 0.5rem 0.7rem 0.55rem 4.3rem;
   width: 100%;
   min-height: 70px;
   margin: 0;
   font-size: 0.9rem;
   font-weight: 600;
   text-align: left;
   line-height: 140%;
   color: #222;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.btn-vid-a:hover,
.btn-vid-a.hover,
.btn-vid-a:focus,
.btn-vid-a.focus,
.btn-vid-a:not(:disabled):not(.disabled):active,
.btn-vid-a:not(:disabled):not(.disabled).active,
.show>.btn-vid-a.dropdown-toggle,
.btn-vid-a:not(:disabled):not(.disabled):active:focus,
.btn-vid-a:not(:disabled):not(.disabled).active:focus,
.show>.btn-vid-a.dropdown-toggle:focus,
.btn-vid-a:not(:disabled):not(.disabled):active:focus,
.btn-vid-a:not(:disabled):not(.disabled).active:focus,
.show>.btn-vid-a.dropdown-toggle:focus {
   background-size: 65px 65px;
   background-color: #DDE7EB;
   border: 1px solid #AAC2CC;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
   color: #000;
}

.btn-vid-b {
   background-size: 65px 65px;
   background-color: #FFF;
   border: 1px solid #AAC2CC;
   border-radius: 8px;
   padding: 0.2rem 0.7rem 0.5rem 3.8rem;
   width: 100%;
   min-height: 70px;
   margin: 0;
   font-size: 0.9rem;
   font-weight: 600;
   text-align: left;
   line-height: 140%;
   color: #222;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.btn-vid-b:hover,
.btn-vid-b.hover,
.btn-vid-b:focus,
.btn-vid-b.focus,
.btn-vid-b:not(:disabled):not(.disabled):active,
.btn-vid-b:not(:disabled):not(.disabled).active,
.show>.btn-vid-b.dropdown-toggle,
.btn-vid-b:not(:disabled):not(.disabled):active:focus,
.btn-vid-b:not(:disabled):not(.disabled).active:focus,
.show>.btn-vid-b.dropdown-toggle:focus,
.btn-vid-b:not(:disabled):not(.disabled):active:focus,
.btn-vid-b:not(:disabled):not(.disabled).active:focus,
.show>.btn-vid-b.dropdown-toggle:focus {
   background-size: 65px 65px;
   background-color: #DDE7EB;
   border: 1px solid #AAC2CC;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
   color: #000;
}



@media (max-width: 1199px) {
   .btn-vid {
      min-height: 60px;
   }
}

@media (max-width: 1024px) {
   .btn-vid {
      font-size: 0.85rem;
   }
}

@media (max-width: 991px) {
   .btn-vid {
      min-height: 55px;
   }
}

@media (max-width: 768px) {
   .btn-vid {
      font-size: 0.9rem;
   }

   .btn-vid-a {
      background-size: 60px 60px;
      padding: 0.5rem 0.6rem 0.6rem 4rem;
      min-height: 65px;
      font-size: 0.9rem;
   }
}

@media (max-width: 576px) {
   .btn-vid {
      background-size: 55px 55px;
      padding: 0.5rem 0.6rem 0.6rem 3.7rem;
      min-height: 58px;
      font-size: 0.9rem;
   }

   .btn-vid-a,
   .btn-vid-b {
      background-size: 60px 60px;
      padding: 0.5rem 0.6rem 0.6rem 3.7rem;
      min-height: 70px;
      font-size: 0.9rem;
   }
}

.text-regular-conte {
   font-weight: 400;
   font-size: 1.1rem;
}

.text-regular-conte li {
   margin-left: -0.9rem
}




.btn-subtema {
   color: #000;
   background-color: #FFF !important;
   border-color: #B7C9D9;
   font-size: 0.9rem;
   text-align: left;
   padding: 0.5rem 0.6rem !important;
}

.btn-subtema:hover {
   color: #000;
   background-color: #DDE7EB !important;
   border: 1px solid #AAC2CC !important;
}

.btn-subtema:focus,
.btn-subtema.focus {
   color: #000;
   background-color: #DDE7EB !important;
   border: 1px solid #AAC2CC !important;
   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}

.btn-subtema.disabled,
.btn-subtema:disabled {
   color: #000;
   background-color: #54abe6;
   border-color: #54abe6;
}

.btn-subtema:not(:disabled):not(.disabled):active,
.btn-subtema:not(:disabled):not(.disabled).active,
.show>.btn-subtema.dropdown-toggle {
   color: #000;
   background-color: #DDE7EB !important;
   border: 1px solid #AAC2CC !important;
}

.btn-subtema:not(:disabled):not(.disabled):active:focus,
.btn-subtema:not(:disabled):not(.disabled).active:focus,
.show>.btn-subtema.dropdown-toggle:focus {
   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}

/* btn-subtema1 */

.btn-subtema1 {
   color: #000;
   background-color: #FFF !important;
   border-color: #B7C9D9;
   font-size: 0.85rem;
   font-weight: 600;
   line-height: 1.4;
   text-align: left;
   padding: 0.5rem 0.6rem !important;
   margin: 0;
}

.btn-subtema1:hover {
   color: #000;
   background-color: #DDE7EB !important;
   border: 1px solid #AAC2CC !important;
}

.btn-subtema1:focus,
.btn-subtema1.focus {
   color: #000;
   background-color: #DDE7EB !important;
   border: 1px solid #AAC2CC !important;
   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}

.btn-subtema1.disabled,
.btn-subtema1:disabled {
   color: #000;
   background-color: #54abe6;
   border-color: #54abe6;
}

.btn-subtema1:not(:disabled):not(.disabled):active,
.btn-subtema1:not(:disabled):not(.disabled).active,
.show>.btn-subtema1.dropdown-toggle {
   color: #000;
   background-color: #DDE7EB !important;
   border: 1px solid #AAC2CC !important;
}

.btn-subtema1:not(:disabled):not(.disabled):active:focus,
.btn-subtema1:not(:disabled):not(.disabled).active:focus,
.show>.btn-subtema1.dropdown-toggle:focus {
   box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}



.btn-sm {
   /* color: #FFF; */
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.2rem 0.6rem 0.2rem;
   font-size: 0.9rem;
   line-height: 1.5;
   border-radius: 0.35rem;
   margin-top: 0.4rem;
   margin-bottom: 0.4rem
}

.btn-sm:hover {
   text-decoration: none;
}

.btn-sm:focus,
.btn-sm.focus {
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
}

.btn-sm.disabled,
.btn-sm:disabled {
   opacity: 0.6;
}


/*----- Sidebar -----*/

.offcanvas {
  transition: transform 0.5s ease-in-out; }

.offcanvas-end {
  top: 0;
  right: 0;
  width: 135px;
  background-color: #F9FBFC;
  border-left: 0;
  transform: translateX(100%); }

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0; }

.offcanvas-header .btn-close {
  padding: 3rem 1rem 0;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: auto; }

.btn-close {
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
  padding: 0.2em 0.2em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5; }

.btn-close:focus {
  box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25); }

/*----- Sidebar Sistemas -----*/

.sist-m-integral-sb {background: url(../images/ico_sis_mido-integral.svg) top center no-repeat;}
.sist-m-adulto-sb {background: url(../images/ico_sis_mido_adulto.svg) top center no-repeat;}
.sist-m-embarazo-sb {background: url(../images/ico_sis_mido_embarazo.svg) top center no-repeat;}
.sist-consulta-m-sb {background: url(../images/ico_sis_consulta_mido.svg) top center no-repeat;}
.sist-m-ninos-sb {background: url(../images/ico_sis_mido_ninos.svg) top center no-repeat;}
.sist-m-pi-sb {background: url(../images/ico_sis_mido-primerainfancia.svg) top center no-repeat;}

.sist-m-integral-sb,
.sist-m-adulto-sb,
.sist-m-embarazo-sb,
.sist-consulta-m-sb,
.sist-m-ninos-sb,
.sist-m-pi-sb {
   background-size: 75px auto;
   min-height: 80px;
   min-width: 80px;
   padding-top: 80px;
   margin-bottom: 0;
   padding-bottom: 0; }

.sist-m-integral-sb:hover,
.sist-m-adulto-sb:hover,
.sist-m-embarazo-sb:hover,
.sist-consulta-m-sb:hover,
.sist-m-ninos-sb:hover,
.sist-m-pi-sb:hover {
   filter: "progid:DXImageTransform.Microsoft.Dropshadow (OffX=0, OffY=8, Color='#DDD')";
   filter: url(#drop-shadow);
   filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
   -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));}

.sist-m-integral-sb p,
.sist-m-adulto-sb p,
.sist-m-embarazo-sb p,
.sist-consulta-m-sb p,
.sist-m-ninos-sb p,
.sist-m-pi-sb p {
   font-family: 'Saira', sans-serif;
   font-size: 0.75rem;
   font-weight: 500;
   line-height: 1.2;
   text-align: center;
   text-decoration: none;
   color: #222;
   margin-bottom: 0.5rem;
   padding-bottom: 0;}