.arbol a{display: block;}

button.buttonarbol{
    position: relative;
    height: 2em;
    width: auto;

}
button.buttonarbol > svg {
    position: absolute;
    box-sizing: border-box;
    color: #eb6500;
    height: 2em;
    right: 0;
    padding: calc(0.5em - 2px) 0;
    position: absolute;
    top: 0;
    width: auto;
}

        .hide-mobile {
          display: none;
        }
        
        .hide-large {
          display: inline-block;
        }


@media (min-width: 576px) {
}
@media (min-width: 768px) {
        .hide-mobile {
          display: inline-block;
        }
}
@media (min-width: 992px) {
        .hide-large {
          display: none;
        }

}
@media (min-width: 1200px) {
}

table.contenido-ficha{
    margin: 0.3em 0;
}
p{
    margin-bottom: 1em;
}
.collapse {
  display: block;
  max-height: 0px;
  overflow: hidden;
  transition: max-height .5s cubic-bezier(0, 1, 0, 1);; 

}
.collapse.show {
    max-height: 240em;
    transition: max-height .5s ease-in-out;
  }
.block {
  padding: 0;
}
  
.block__content {
    border: 0px;
    padding: 0.5em;
    height: 100%;
  }


.container-fluid{padding-right: 0px !important;padding-left: 0px !important;}
.container-content, .container-fluid-content{width:100% !important;margin: auto!important;}
.container-inner { max-width:100%; }

@media (min-width: 576px) {
    .es-heading-h1 {font-size: var(--es-font-size-32);}
    .container-md, .container-sm, .container {max-width: 100% !important;}

}
@media (min-width: 768px){

    .container-md, .container-sm, .container {min-width: 750px;}
    .es-heading-h1 {font-size: var(--es-font-size-32);}
    .container-md, .container-sm, .container {max-width: 90% !important;}

}
@media (min-width: 992px) {
    .container-md, .container-sm, .container {min-width: 980px;}
    .container-md, .container-sm, .container {max-width: 90% !important;}
    .es-heading-h1 { font-size: var(--es-font-size-48); }
    .margincontent{padding-right: 48px;}
}


@media (min-width: 1264px) {
    .container-content{width: 1200px !important;margin: auto!important;}
	.container-inner{ max-width: 1440px; }
/* para ocultar los enlaces de la cabecera antes @media (min-width: 768px) {*/

    .es-header-links {
        display: flex;
    }
    .es-header-icons {
        margin: 0 0 0 32px;
    }
    .es-header-icons-item {
        display: block;
    }
    .es-header-icons > li:last-child {
        display: none;
    }
    .es-header-product {
        padding: 0 96px 0 8px;
    }
    .es-header-side {
        display: none;
    }
}

@media (min-width: 1500px) {
    .container-content{width: 1400px !important;margin: auto!important;}
}

#curso{
    position:relative;
}
#curso-content{
    margin-right: 300px;
    padding-right: 20px;
    min-height: 580px;
}
#curso_sidebar{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 280px;
    overflow-y: auto;
    height: 100%;
}




.es-content{
    padding-left: 24px;
    padding-right: 24px;
}

.inline{display: inline-block!important;}


.w100{ width: 100%; }
.w75{ width: 75%; }
.w50{ width: 50%; }
.w25{ width: 25%; }

.f5{font-size: var(--es-font-size-48) !important;}
.f4{font-size: var(--es-font-size-32) !important;}
.f3{font-size: var(--es-font-size-24) !important;}
.f2{font-size: var(--es-font-size-20) !important;}
.f1{font-size: var(--es-font-size-16) !important;}
.f0{font-size: var(--es-font-size-12) !important;}

.p4{padding: 48px!important}
.p3{padding: 32px!important}
.p2{padding: 16px!important}
.p1{padding: 8px!important}
.p0{padding: 0px!important}
.pr4{padding-right: 48px!important}
.pr3{padding-right: 32px!important}
.pr2{padding-right: 16px!important}
.pr1{padding-right: 8px!important}
.pr0{padding-right: 0px!important}
.pl4{padding-left: 48px!important}
.pl3{padding-left: 32px!important}
.pl2{padding-left: 16px!important}
.pl1{padding-left: 8px!important}
.pl0{padding-left: 0px!important}
.pt4{padding-top: 48px!important}
.pt3{padding-top: 32px!important}
.pt2{padding-top: 16px!important}
.pt1{padding-top: 8px!important}
.pt0{padding-top: 0px!important}
.pb4{padding-bottom: 48px!important}
.pb3{padding-bottom: 32px!important}
.pb2{padding-bottom: 16px!important}
.pb1{padding-bottom: 8px!important}
.pb0{padding-bottom: 0px!important}
.py5{padding-top: 64px!important;padding-bottom: 64px!important}
.py4{padding-top: 48px!important;padding-bottom: 48px!important}
.py3{padding-top: 32px!important;padding-bottom: 32px!important}
.py2{padding-top: 16px!important;padding-bottom: 16px!important}
.py1{padding-top: 8px!important;padding-bottom: 8px!important}
.py0{padding-top: 0px!important;padding-bottom: 0px!important}

.px5{padding-left: 48px!important;padding-right: 34px!important}
.px4{padding-left: 48px!important;padding-right: 48px!important}
.px3{padding-left: 32px!important;padding-right: 32px!important}
.px2{padding-left: 16px!important;padding-right: 16px!important}
.px1{padding-left: 8px!important;padding-right: 8px!important}
.px0{padding-left: 0px!important;padding-right: 0px!important}

.plli{
    padding-left: inherit !important;
}
.width100{
    width: 100%;
}
.height100{
    height: 100%;
}
.dnone{
    display: none !important;
}
.dblock{
    display: block !important;
}
.zindexup{
    z-index: 9999;
}
.h100{
    height: 100%;
    position: relative;
}
.vcenter{
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);   
}

.center{
	margin: auto;
	padding: auto;
}
.white{
   color: #fff !important;
}
.fillwhite{
   fill: #fff !important;
}
.fillblue{
   fill:var(--es-color-theme1);
}
.fillorange{
   fill:var(--es-color-theme2);
}
.fillgrey{
   fill:var(--es-color-grey4);
}
.fillgreydark{
   fill:var(--es-color-grey5);
}


.m4{margin: 48px!important}
.m3{margin: 32px!important}
.m2{margin: 16px!important}
.m1{margin: 8px!important}
.m0{margin: 0px!important}
.mr4{margin-right: 48px!important}
.mr3{margin-right: 32px!important}
.mr2{margin-right: 16px!important}
.mr1{margin-right: 8px!important}
.mr0{margin-right: 0px!important}
.ml4{margin-left: 48px!important}
.ml3{margin-left: 32px!important}
.ml2{margin-left: 16px!important}
.ml1{margin-left: 8px!important}
.ml0{margin-left: 0px!important}
.mt4{margin-top: 48px!important}
.mt5{margin-top: 60px!important}
.mt3{margin-top: 32px!important}
.mt2{margin-top: 16px!important}
.mt1{margin-top: 8px!important}
.mt0{margin-top: 0px!important}
.mb5{margin-bottom: 60px!important}
.mb4{margin-bottom: 48px!important}
.mb3{margin-bottom: 32px!important}
.mb2{margin-bottom: 16px!important}
.mb1{margin-bottom: 8px!important}
.mb0{margin-bottom: 0px!important}

.mt1vh{margin-top: 1vh!important}
.mt2vh{margin-top: 2vh!important}
.mt3vh{margin-top: 3vh!important}
.mb1vh{margin-bottom: 1vh!important}
.mb2vh{margin-bottom: 2vh!important}
.mb3vh{margin-bottom: 3vh!important}

.mr1vw{margin-right: 1vw!important}
.mr2vw{margin-right: 2vw!important}
.mr3vw{margin-right: 3vw!important}
.ml1vw{margin-left: 1vw!important}
.ml2vw{margin-left: 2vw!important}
.ml3vw{margin-left: 3vw!important}
.mt24{margin-top: 24px!important}
.flr{
    float: right !important;
}
.fll{
    float: left !important;
}

.bg-bgorange1{background-color: var(--es-color-secondary-very-pale-orange);	}
.bg-blue{background-color: #44C6F4; }
.bg-grey0{background-color: var(--es-color-grey0);	}
.bg-grey1{background-color: var(--es-color-grey1) !important;	}
.bg-grey2{background-color: var(--es-color-grey4);	}
.bg-grey3{background-color: var(--es-color-grey6);	}
.bg-grey4{background-color: var(--es-color-grey8);	}

.f-grey3{color: var(--es-color-grey6)!important;	}
.f-grey4{color: var(--es-color-grey8)!important;  }

.bg-hojas{
    background: url(https://fisterra-web-assets-prod.s3.eu-west-1.amazonaws.com/fisterra-website/fisterranew/bggrisclaro.jpg) no-repeat right top #fff;
}
.bg-elsorange{
    background: url(https://fisterra-web-assets-prod.s3.eu-west-1.amazonaws.com/fisterra-website/fisterranew/images/ELS_pattern_lightorange_CMYK_02.jpg) no-repeat right top #fff;
}
.bg-bgorange1{
	background-color: var(--es-color-secondary-very-pale-orange);	
}
.border-bgorangetop{
    border-top: 2px solid  var(--es-color-primary-orange);
}
.border-bgorange{
	border-bottom:2px solid var(--es-color-primary-orange)!important;
}
.border-bt-grey2{
    border-bottom: 2px solid var(--es-color-grey2)!important;
}
.border-grey3-b4{
    border: 4px solid var(--es-color-grey3);
    box-sizing: border-box;
}
 .onlyprint { display: none; } 

.border-grey18{
    border: 8px solid var(--es-color-grey1);
    box-sizing: border-box;
}
.border-grey-right1r{
    border-right: 1rem solid var(--es-color-grey1);
    box-sizing: border-box;
}
.border-grey116{
    border: 16px solid var(--es-color-grey1);
    box-sizing: border-box;
}

.orange{color: var(--es-color-theme2)!important;}
.blue{color: var(--es-color-theme1)!important;}

.gorange1{background-color: var(--es-color-secondary-very-pale-orange);	}
.text-mute{color: var(--es-color-grey6);	}
.grey4{color: var(--es-color-grey8);	}

.bl-grey{border-left: 2px solid var(--es-color-grey4)}
.bl-orange{border-left: 2px solid var(--es-color-theme2)}
.bl-blue{border-left: 2px solid var(--es-color-theme1)}

.b-white{border-left: 2px solid var(--es-color-theme1)}

a.bbh-orange: hover;{border-left: 2px solid var(--es-color-theme2)}

.es-sides-padding {
    padding-left: 16px;
    padding-right: 16px
}
@media only screen and (min-width: 36em) {
    .es-sides-padding {
        padding-left: 24px;
        padding-right: 24px
    }
}
@media only screen and (min-width: 62em) {
    .es-sides-padding {
        padding-left: 32px;
        padding-right: 32px
    }
}
@media print {
    @page { 
        size: auto;
        margin: 15mm 0 15mm 0;
    }
}
h1,h2,h3, .es-font-elsevier-display{font-family: ElsevierDisplay, NexusSans;}

.sticky-header {
    position: fixed;
    top: 0;
	width: 100%;
	z-index: 99;
}

.sticky-header + .content {
  padding-top: 80px;
}
@media print { 

@page {
    margin: 2cm;
}

.sticky-header + .content {
  padding-top: 0px !important;
}
table.contenido-ficha td, table.contenido-ficha th{
    font-size: 11px !important;
    padding: 0.2rem !important;
}

.es-html-body, body{line-height: 17px !important; font-family: arial;}

.f5{font-size: 18px !important;}
.f4{font-size: 18px !important;}
.f3{font-size: 16px !important;}
.f2{font-size: 14px !important;}
.f1{font-size: 12px !important;}
.f0{font-size: 11px !important;}



.m4{margin: 24px!important;}
.m3{margin: 16px!important;}
.m2{margin: 8px!important;}
.m1{margin: 4px!important;}
.m0{margin: 0px!important;}
.mr4{margin-right: 24px!important;}
.mr3{margin-right: 16px!important;}
.mr2{margin-right: 8px!important;}
.mr1{margin-right: 4px!important;}
.mr0{margin-right: 0px!important;}
.ml4{margin-left: 24px!important;}
.ml3{margin-left: 16px!important;}
.ml2{margin-left: 8px!important;}
.ml1{margin-left: 4px!important;}
.ml0{margin-left: 0px!important;}
.mt4{margin-top: 24px!important;}
.mt5{margin-top: 60px!important;}
.mt3{margin-top: 16px!important;}
.mt2{margin-top: 8px!important;}
.mt1{margin-top: 4px!important;}
.mt0{margin-top: 0px!important;}
.mb5{margin-bottom: 60px!important;}
.mb4{margin-bottom: 24px!important;}
.mb3{margin-bottom: 16px!important;}
.mb2{margin-bottom: 8px!important;}
.mb1{margin-bottom: 4px!important;}
.mb0{margin-bottom: 0px!important;}

.mt1vh{margin-top: 1vh!important;}
.mt2vh{margin-top: 1vh!important;}
.mt3vh{margin-top: 2vh!important;}
.mb1vh{margin-bottom: 1vh!important;}
.mb2vh{margin-bottom: 1vh!important;}
.mb3vh{margin-bottom: 2vh!important;}

.mr1vw{margin-right: 1vw!important;}
.mr2vw{margin-right: 1vw!important;}
.mr3vw{margin-right: 2vw!important;}
.ml1vw{margin-left: 1vw!important;}
.ml2vw{margin-left: 1vw!important;}
.ml3vw{margin-left: 2vw!important;}
.mt24{margin-top: 12px!important;}

.es-list > li:nth-last-child(n+2) {
    margin: 0 0 4px;
}


 .noprint { display: none !important; } 
 .onlyprint { display: block !important; } 

    .container{
        width: 90% !important;
    }

    .es-heading-h1,h1{font-size: 18px !important;}
    .es-heading-h2,h2{font-size: 16px !important;}
    .es-heading-h3,h3{font-size: 14px !important;}
    .es-heading-h4,h4{font-size: 14px !important;}
    .es-html-body{font-size: 12px !important;}


}

:target::before {
    content: "";
    display: block;
    height: 90px; /* aquí la altura de la cabecera fija*/
    margin: -90px 0 0; /* altura negativa de la cabecera fija */
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}





/*estilos sacados de funciones_html.asp*/


.example-content {
    margin: 0 auto;
    max-width: 1200px;
    padding: 32px;
}
    .es-horizontal-rule {
    border: 1px solid var(--es-color-grey6);
    margin: 2em 0;
 }
    .es-tag {
    margin: 0 0px 8px 0;
}

.es-tag-cesta{
    position: relative;
    left:-12px;
    top:-16px;
    color: var(--es-color-grey6);
}
    .es-progress-indicator {
    margin: 0 8px 8px 0;
}
.borderblue{
    border: 2px solid #009ECE;
}
.bg-application-footer {
   border-top: 2px solid var(--es-color-grey3);
   padding-left:  !important;
   padding-right: auto !important;
}

.bg-application-footer li {
    display: flex;
    flex-direction: column;
    padding: 0 0 8px;
}

.bg-application-footer .es-link {
    /* Using flex below to make sure the outline remains visible */
    align-self: flex-start;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bg-application-footer-branch {
    font-weight: 700;
    margin-bottom: 8px;
}

.bg-application-footer-category {
    color: var(--es-color-grey6);
    padding-bottom: 8px;
}

.bg-application-footer-level1, .bg-application-footer-level2, .bg-application-footer-level3 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bg-application-footer-level1 {
    padding: 32px 32px 0px 32px;
}

.bg-application-footer-level1 > li {
    break-inside: avoid;
    padding-bottom: 16px;
}

.bg-application-footer-level1 > li[data-path="components"] {
    break-inside: auto;
}

.bg-application-footer-level3 {
    padding-bottom: 16px;
}
.es-footer{
    margin: 0px!important;
}

@media (min-width: 320px) {
    .bg-application-footer {
        margin: 48px 24px 0;
    }
    .bg-application-footer-level1 {
        column-count: 2;
    }
     .es-header-icons-item{
        margin: 0 8px 0 12px;
    }
}
@media (min-width: 576px) {
    .bg-application-footer {
        margin: 48px 24px 0;
    }
    .bg-application-footer-level1 {
        column-count: 3;
    }
    .es-header-icons-item{
        margin: 0 8px 0 16px;
    }
}

@media (min-width: 768px) {
    .bg-application-footer {
        margin: 64px 24px 0;
        padding: 0 8.3333333333%;
    }
    .es-header-icons-item{
        margin: 0 8px 0 16px;
    }
}

@media (min-width: 992px) {
    .bg-application-footer {
        margin: 64px 32px 0;
        padding: 0;
    }
    .bg-application-footer-level1 {
        column-count: 5;
    }
    .es-header-icons-item{
        margin: 0 8px 0 24px;
    }
}

@media (min-width: 1264px) {
    .bg-application-footer {
        margin: 64px auto 0;
        padding: 0 32px 0;
        max-width: 1440px;
    }
    .es-header-icons-item{
        margin: 0 8px 0 24px;
    }
}



.es-social-share {
    color: var(--es-color-grey6);
    margin: 32px 0;
    padding: 0 16px;
    text-align: right;
}

.es-social-share .es-link {
    display: inline-block;
    line-height: 0;
    margin-left: 32px;
}

.es-social-share svg {
    fill: currentColor;
}

@media (min-width: 576px) {
    .es-social-share {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 992px) {
    .es-social-share {
        padding-left: 32px;
        padding-right: 32px;
    }
}


*{
    outline-width: 0px !important;
}
a.es-link:focus, a.es-link:active, a.es-link:hover{
    outline-width: 0px !important;
}

a.es-link.disabled{color: rgb(220,220,220) !important} 

.es-header-product h1 {
    color: #ff6c00;
    font-size: var(--es-font-size-32);
    font-weight: 500;
}
.es-header-links .es-link:active,
.es-header-links .es-link:focus, .es-header-icons-button {
     border: none!important;
     outline:none;
}
.es-header-links .es-link,
.es-header-links .es-link:hover
  {
    cursor: pointer;
}
.es-header-icons-button  > svg {
    border: 0px;
}
.es-header-icons-button:hover > svg {
    fill: var(--es-color-theme2) !important;
}

#lupaToggle  > svg {
    fill:var(--es-color-theme1);
}
.hideBuscador {
  opacity:0;
    max-height: 0px;
    margin: 0px;
    padding: 0px;
    max-width: 0px;
  position: absolute !important;
  top: -300px!important;

}
.showBuscador {
  max-height: 300px !important;
  opacity:1;
  transition: all 1s;
  
}
.hideAviso {
  opacity:0;
    max-height: 0px;
    position: absolute;
    transition: all 1s;
}
.hide {
  display: none !important;
}
.show {
  display: inline-block !important;
}
.hidePW {
  opacity:0;
    max-height: 0px;
}
.showPW {
  max-height: 600px;
  opacity:1;
  transition: all 1s;
  display: inline-block;

}
.containertab{
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
}
.hideTabs {
  
    display: none !important;
}
.showTabs {
 
  display: inline-block !important;

}
#buscadorFisterra{
  margin: 0px;
  padding: 0px;
  display: inline-block;
}

 #inputBuscador1{
    height: 2.2rem;
    border: 0px;
   border-bottom: 1px solid var(--es-color-grey4);
   background-color: #fff;
   padding-left: 0.1rem !important;
   padding-top: 0.8rem !important;
   padding-bottom: 0.8rem !important;
   margin-top: 0.8rem !important;
   width: 100%;
  font-size: var(--es-font-size-24);
  color: var(--es-color-grey7);
display: inline-block;

}

.bgc-search-input{
          margin-top: 0px;
          padding-top: 8px;
          border-bottom: 0px solid var(--es-color-grey4);
          position: relative !important;
        }
        .bgc-search-input > button  {
            z-index: 1 !important;
            display: inline !important;
            left: calc(98% - 1.2em);
            position: absolute !important;
           bottom: 0.1rem !important;
           
        }
        .bgc-search-input > button > svg {
            fill: var(--es-color-theme1);
            cursor: pointer;
            border: 0px;
        }
         .bgc-search-input > button > svg:hover {
            fill: var(--es-color-theme2);
        }


::placeholder {
    color: var(--es-color-grey4);
    font-size: 0.8em;
    font-style: italic;
}
textarea::placeholder {
  color: var(--es-color-theme1);
  font-family: "NexusSans", Arial, sans-serif !important;
    font-size: var(--es-font-size-18);
    font-style: normal;
}
/*boton cookies pie pagina*/
 #ot-sdk-btn.ot-sdk-show-settings {
    color: #06748F !important;
    background-color: transparent !important;
    border: 0 !important;
        border-bottom-color: currentcolor !important;
        border-bottom-style: none !important;
        border-bottom-width: 0px !important;
    font-size: 100% !important;
    
    font-family: "NexusSans", Arial, sans-serif !important;
    padding: 0 !important;
    text-decoration: none !important;
    border-bottom: transparent 0.125rem solid !important;
    transition: border-bottom 0.3s !important;
    font-feature-settings: "onum" 1, "kern" 1, "liga" 1 !important;
        -webkit-font-smoothing: antialiased !important;
   font-family: "NexusSans", Arial, sans-serif !important;
    font-size: 14px !important;
   

}
#ot-sdk-btn:hover {
  color: #06748F !important;border-bottom: 1px solid #cccccc !important;
}
.es-text-left {
    text-align: left!important
}
.es-text-right {
    text-align: right!important
}
.es-text-center {
    text-align: center!important
}
.es-text-italic {
    font-style: italic;
}


.divHREF {
     border-bottom: 2px solid  var(--es-color-secondary-very-pale-blue);
    padding: 0.8rem 0.8rem 0.8rem 0.8rem ;
    box-sizing: border-box;
    color: #3679E0 !important;
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}
.divHREF:hover {
    border-bottom: 2px solid var(--es-color-theme2) !important;
}
.divHREF:hover  svg {
    fill: var(--es-color-theme2) !important;
}

.iconDivHREF {
    fill: var(--es-color-theme1) !important;
}
.tdeconone{
    text-decoration: none !important;
}

#scroll-top.fadeIn {
    color: #fff;
    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 99;
    bottom: 54px;
    right: 8px;
    font-size: 20px;
    background: var(--es-color-grey8);
    border-radius: 3px !important;
    text-align: center;
    border: 1px solid hsla(0, 0%, 78%, 0.3);
    opacity: 0.8;
    transition: opacity 1s; 
    }

    #scroll-top.fadeOut {
    opacity: 0;
    }

 .scrollToTopBtn {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 99;
  display: none;
  padding: 8px 4px;
  cursor: pointer;
}

.suggestions{
    
   position: absolute;
   width: 100%;
   background-color: #fff;
    background-color: #fff;
    display: none ;
    border-left: 1px solid var(--es-color-grey4);
    border-right: 1px solid var(--es-color-grey4);
    border-bottom: 1px solid var(--es-color-grey4);
    border-top: 0px solid var(--es-color-grey4);
    max-height: 25rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px;
    margin: 0px;
    font-size: var(--es-font-size-24);
    z-index: 99;
}
.suggestions li {
    padding: .2em .4em;
    margin: 0px;
    line-height: 1.5;
    list-style:none !important;
    z-index: 99;
}
.suggestions li.liTipoFichaBuscador{
  margin-top: 0.2em;
  color: var(--es-color-theme2);
}

.suggestions li.liNameBuscador:hover {
    background-color: #0C7DBB;
    color: #fff;
    cursor: pointer;
}
.suggestions li.liNameBuscador:hover a.name {
    
    color: #fff;
}
.suggestions li a.name {
    color: var(--es-color-grey8);
    margin: 0px;
    text-decoration: none;
    display: block;
}
.suggestions li a.name:hover {
    
    color: #fff;
}
.suggestions li a.tipoFicha {
    color: var(--es-color-theme2);
    margin: 0px;
}

.highlight {
  
  font-weight: bold;
}
.es-popup-close{
    cursor: pointer;
}
.es-header-nav{
    margin: 24px 0px 0px 16px !important;
}
.es-header-nav-title{
    color: var(--es-color-grey8) !important;
    font-weight: bold;
}



.litabs {display: inline !important; border-bottom: 2px solid #fff;padding: 0.8rem 0rem 0.4rem 0rem ;box-sizing: border-box;color: var(--es-color-grey7);margin-right: 1vh;} 
.litabs:hover {border-bottom: 2px solid var(--es-color-theme2);cursor:pointer !important;color: var(--es-color-theme2) !important;}
.litabs:hover  svg {fill: var(--es-color-theme2) !important;}
.litabs  a:hover,.litabs.active  a {color: var(--es-color-theme2) !important; text-decoration: none !important;}

.litabs:not(.active) > a {color: var(--es-color-grey7); text-decoration: none !important;}


.bg-grey1  .inactive{background-color: transparent !important;}
.bg-grey1  .active{background-color: transparent !important}
 
.litabs {display: inline !important; border-bottom: 2px solid #fff;padding: 0.8rem 0rem 0.4rem 0rem ;box-sizing: border-box;color: var(--es-color-grey7);margin-right: 1vh;} 
.litabs:hover {border-bottom: 2px solid var(--es-color-theme2);cursor:pointer !important;color: var(--es-color-theme2) !important;}
.litabs:hover  svg {fill: var(--es-color-theme2) !important;}
.litabs  a:hover,.litabs.active  a {color: var(--es-color-theme2) !important; text-decoration: none !important;}

.litabs:not(.active) > a {color: var(--es-color-grey7); text-decoration: none !important;}


 .inactive{background-color: #fff;border-bottom: 2px solid #fff;}
  .active{background-color: #fff;border-bottom: 2px solid var(--es-color-theme2);color: var(--es-color-grey8) !important;}
 

 ul.tabsFisterra,ul.falsetabsFisterra{list-style:none !important;}
 
 
  .list-guide{
  padding-top: 3vh;
  padding-left: 3vh;
  padding-rigth: 3vh;
  padding-bottom: 2vh;
  margin-bottom: 3vh;
  background-color: #fff;
  width: 100%;
}

.buttonlg{
    padding: 0.5em 1.5em!important;
    height: auto !important;
}
 
button{
    cursor: pointer;
}

a.backgroundcabecera  {
    cursor: pointer;
    color: #fff !important;
    background-color: rgb( 80, 80, 80) !important;
}
a.backgroundcabecera:hover {
    color: #fff !important;
    background-color: rgb( 235, 101, 0) !important;
}
a.backgroundcabecera:hover svg {
    fill: #fff !important;
}

#sidebar{
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    overflow-y: auto;
    height: 88vh;
}
#sidebar.fixed {
  position: fixed;
  
}

#sidebar::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    /*height: 8px;     Tamaño del scroll en horizontal */
      /* display: none;Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
#sidebar::-webkit-scrollbar-thumb {
    background: var(--es-color-grey4);
   /* border-radius: 4px;*/
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
#sidebar::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
#sidebar::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}


#sidebar::-webkit-scrollbar-track {
    background:  var(--es-color-grey2);
  
}

/* Cambiamos el fondo cuando esté en active o hover */
#sidebar::-webkit-scrollbar-track:hover,
#sidebar::-webkit-scrollbar-track:active {
  background: var(--es-color-grey2);
}

/*paywall*/
.degradado:after{
   
    content: "";
    height: 70%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
   
}
#paywall-wrapper {
    left: 0px;
  position: fixed;
  bottom: 0;
  z-index: 90;
  background-color:#fff ;
  border-top: 2px solid  var(--es-color-primary-orange);
}

.div-table-responsive{
  width:100%!important;
  overflow-x:auto!important;
  border:none!important;
  display: block!important;
}
.imagen-responsive{
   max-width: 100%;
  }

table.contenido-ficha {
    border-collapse: collapse;
    max-width: 100%;

  }

  table.contenido-ficha td, table.contenido-ficha th{
    border: 2px solid var(--es-color-grey1);
    font-size: var(--es-font-size-14);
    padding: .3rem;
  }
  table.presentacionesMedicamentos td,table.presentacionesMedicamentos th{
    border: 2px solid var(--es-color-grey1);
    font-size: var(--es-font-size-14);
    padding: 0.3rem;
  }
  table.presentacionesMedicamentos th{
    font-weight: bold;
    background-color: var(--es-color-grey1);
    color: var(--es-color-grey8);
  }
  /*Interacciones medicamentos*/
        
        .divGrisRedondeado{
            /*border:1px solid #008888;*/ 
            margin:10px 0 10px 0; 
            padding:10px 10px 10px 10px;
            
            width:auto;
            background:#ffffff;
            color: #333333;
            font-weight: normal;
            line-height:17px;
            border:2px solid #F3F3F3;
            -moz-border-radius: 6px 6px;-webkit-border-radius: 6px 6px;border-radius: 6px 6px;
            
        }
        
        .cerrarLista{
            margin-right:8px;
            padding:5px 5px 5px 0px;
            color: var(--es-color-grey6);
            line-height:17px;
            text-decoration: none;
           /* font-weight: bold;
           background:#F3F3F3;
            border:2px solid #F3F3F3;
            -moz-border-radius: 0px 6px 6px 0px;-webkit-border-radius: 0px 6px 6px 0px;border-radius: 0px 6px 6px 0px;
            text-decoration:none;
            font : 11 Verdana,Arial ;*/

        }
        .botonMedicamento{
            
            padding:5px 5px 5px 5px;
            background:#ffffff;
            color: var(--es-color-link)!important;
            
            line-height:17px;
             text-decoration: none;
            /*
            font-weight: bold;
            -moz-border-radius: 6px 0px 0px 6px;-webkit-border-radius: 6px 0px 0px 6px;border-radius: 6px 0px 0px 6px;
            border-top-left-radius:2em;
            border-top-right-radius:2em;
            border-bottom-right-radius:2em;
            border-bottom-left-radius:2em;
            font : 11 Verdana,Arial ;
            border:2px solid #F3F3F3;
            border-right:0px;
            */

        }
        
    .ui-autocomplete {
        max-height: 250px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
        /* add padding to account for vertical scrollbar */
        width:335px;
        z-index:4000 !important;
        background-color:#F3F3F3 !important;
    }
    /* IE 6 doesn't support max-height
     * we use height instead, but this forces the menu to always be this tall
     */
    * html .ui-autocomplete {
        height: 250px;
        width:335px;
        z-index:4000 !important;
        /*background-color:#F3F3F3 !important;*/
    }
    .ui-autocomplete-category {
        font-size: 14px;
        font-weight: normal;
        color :#008888;
    }    
    .ui-widget-header {
    border: 0px !important;
    background:none!important;   
    
}
.ui-tabs, .ui-widget, .ui-widget-content, .ui-corner-all{
    border: 0px !important;
}
.pestana{
    font-size: var(--es-font-size-20) !important;
}
.ui-tabs-selected{
    border: 0px;
    border-bottom:2px solid var(--es-color-theme2)!important;
}
.ui-widget {
    font-family: "NexusSans", Arial, sans-serif !important;
    font-size: var(--es-font-size-18) !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    font-size: var(--es-font-size-24) !important;
    border: 0px !important;
    border-bottom: 2px solid var(--es-color-theme2) !important;
}

select{
  /*  -webkit-appearance: none;*/
    background-color: transparent;
    border-color: var(--es-color-border);
    border-style: solid;
    border-width: 0 0 2px;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font: inherit;
    height: 3.2em;
    margin: 0;
    padding: 1em 0 0;
    position: relative;
    vertical-align: text-bottom;
    width: 100%;
}

select:invalid, select option[value="0"] {
  color: var(--es-color-theme1) !important;
}
/*para que no salga el borde de los check e imput*/
.es-check-input:before {
    border-style: none!important;
}
textarea {
    width: 100%;
    height:160px;
    font-size: var(--es-font-size-20);
    border: 0px; 
    border-bottom: 2px solid var(--es-color-grey7);
}
.logoInstitucion{
    max-width:260px;
    height:40px;
}
.listado-carro {list-style:none;padding:0;margin:0;display:inline;}
.listado-carro li{display:inline}
.listado-carro li{margin:2px 0 0 0}


.control > label {
    color: var(--es-color-theme1);
    display: block;
    font-size: var(--es-font-size-16);
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
    z-index: 1;
}
.control > input {
    background-color: transparent;
    border-color: var(--es-color-border);
    border-style: solid;
    border-width: 0 0 2px;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font: inherit;
    height: 2.1em;
    margin-bottom: 0.8em;
    padding: 0;
    position: relative;
    vertical-align: text-bottom;
    width: 100%;
}
.control > textarea {

width: 100%;
height: 160px;
font-size: var(--es-font-size-20);
border: 0px;
border-bottom: 2px solid var(--es-color-grey7);
padding: 0;
margin-bottom: 0.8em;

}