@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* Icono accesibilidad */
.page-user-login #acces-wrapper, .page-user-login #accesback, .page-user-login #accesblock{
    display: none;
}
#acces-wrapper {
    position: fixed;
    top: 140px;
    right: 20px;
    z-index: 999997;
}
@media (max-width: 480px) {
    .path-frontpage #acces-wrapper {
        top: -5px !important;
        right: 155px !important;
        position: absolute;
    }
    :not(.path-frontpage) #acces-wrapper {
        position: absolute;
        top: 20px;
        right: 150px !important;
    }
    #accesuser{
        width: 30px !important;
        height: 30px !important;     
        background-size: 30px !important;
    }
}
@media (min-width: 480px) and (max-width: 768px){
    .path-frontpage #acces-wrapper {
        top: -5px !important;
        right: 185px !important;
        position: absolute;
    }
    :not(.path-frontpage) #acces-wrapper {
        position: absolute;
        top: 20px;
        right: 185px !important;
    }
    #accesuser{
        width: 30px !important;
        height: 30px !important;     
        background-size: 30px !important;
    }
}
/* icono user */
#accesuser{
    border: 0;
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(accessibility-azul.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center center;
}
#accesuser:hover{
    opacity: 0.5;
}
#accesuser.active {
    background-image: url(accessibility-azul-check.png);
} 
/* fondo full screen */
#accesback {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 999998;
    display: none;
}
/* block */
#accesblock {
    position: fixed;
    z-index: 999999;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #F1F1F1;
    padding: 1rem;
    top:0;
    right: 0;
    height: 100%;
    width: 360px;
}
#accesblock .btn{
    float: left;
    left: 25%;
    right: 25%;
    background-image: url(icono-refresh.png);
    background-repeat: no-repeat;
    background-position: 1.5rem center;
    background-size: 25px;
    padding-left: 4rem;
    display: block;
    position: relative;
}
#accesblock button{
    outline: none;
    border: 0;
}
#accesblock button p{
    margin: 3rem 0 0 0;
}
#accesblock button a{
    color:#000;
}
#accesblock button a:hover{
    text-decoration: none;
}
#accesblock .fa{
    font-size: 2rem;
  display: block;
  margin-bottom: 0.25rem;
}
/* cruz vlose */
#closeblock{
    float: right;
    border: 0;
    position: relative;
    top: -0.5rem;
    font-size: 1.25rem;
}
/* titulo */
.menuaccess{
    float: left;
    margin-bottom: 3rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
/* tooltip popup restablecer */
.restablecer:hover{
    opacity: 0.5;
}
.mytooltip{
    position: absolute;
    top: 3.75rem;
    padding: 0.15rem 0.5rem 0.25rem;
    background-color: #55D148;
    color: #fff;
    border-radius: 5px;
    z-index: 9999999;
    clear: both;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 300px;
}
/* ICONOS */
.card.card-toggle{
    padding: 0 2rem 1rem 2rem;
    font-weight: 500;
    border:1px solid #fff;
}
.card.card-toggle:hover{
    background-color: rgba(27, 58, 102, 0.15);
}
[class*="icon-"]{
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center 1rem;
}
.icon-spacing{
    background-image: url(icono-spacing.png);
}
.icon-contrast{
    background-image: url(icono-contrast.png);
}
.icon-dislexia{
    background-image: url(icono-dislexia.png);
}
.icon-estructura{
    background-image: url(icono-estructura.png);
}
.icon-refresh{
    background-image: url(icono-refresh.png);
}
#toggle-letter-spacing,
#toggle-contrast,
#toggle-font {
    display: block;
    float: right;
    clear: both;
}
#toggle-letter-spacing.active,
#toggle-contrast.active,
#toggle-font.active {
    background-color: rgba(27, 58, 102, 0.25);
}
/* letter spacing */
.letter-spacing-active *:not(#accesblock):not(#accesblock *):not(#accesback) {
    letter-spacing: 2px;
}
/* contrast front */
.contrast-general *:not(#accesblock):not(#accesblock *):not(#accesback){
    background-color: #000;
    color: yellow;
}
.contrast-general #parallax_content{
    display:none !important;
}
.contrast-general .custom-burger-menu__close{
    background-color: #000 !important;
    opacity: 0.75;
}
.contrast-general .custom-burger-menu__links{
    background-image: none !important;
}
.contrast-general #accesuser{
    background-image: url(accessibility-blanco-check.png);
}
/* contrast button */
.contrast-general .btn span{
    background-color: transparent !important;
}
/* contrast conocenos */
.contrast-general.node--type-conocenos .paragraph--type--te-ayudamos-bloque .field--name-field-titulo,
.contrast-general.node--type-conocenos .paragraph--type--te-ayudamos-bloque .field--name-field-introduccion
{
    background: none !important;
    background-color: black !important;   
}
/* contrast noticias capacitacion */
.contrast-general.page-view-ayuda-novedades-filtros::before,
.contrast-general.page-view-ayuda-formacion-filtros::before
{
    background-image: none !important;
    background-color: black !important;   
}
/* contrast login */
.contrast-general .custom-login .ola-footer, .contrast-general .custom-login .ola-header{
    background-image: none !important;
    background-color: black !important;     
}
.contrast-general .highcharts-background {
    fill: black;
 }
 .contrast-general .highcharts-root text {
     stroke-width: 0;
     fill: yellow !important;
 }
 .contrast-general .highcharts-tooltip-box {
    fill: black;
    fill-opacity: 0.8;
    stroke-width: 0;
    padding: 0.5rem;
}
.contrast-general .highcharts-tooltip text {
    fill: yellow !important;
}
.contrast-general .highcharts-contextmenu .highcharts-menu{
    background-color: black !important;
}
.contrast-general .highcharts-contextmenu .highcharts-menu .highcharts-menu-item{
    color: yellow !important;
}
.contrast-general .highcharts-contextmenu .highcharts-menu .highcharts-menu-item:hover{
    background-color: transparent !important;
    text-decoration: underline;
}
.contrast-general .highcharts-contextbutton .highcharts-button-box {
    fill: black !important;
}
.contrast-general .highcharts-contextbutton .highcharts-button-symbol{
    fill: yellow !important;
    stroke: yellow !important;
}
/* Dislexia */
.dyslexia *:not(#accesblock):not(#accesblock *):not(#accesback) {
    font-family: 'Lexend', 'Noto Sans', 'Open Sans', sans-serif !important;
}