.contraste-on{  
    background-color: #2A333D !important;
}

.contraste-on img{  
    filter: grayscale(100%);
}

.contraste-on .input-group-text i{  
    color: #ffffff !important;
}

.contraste-on .bch-input-form{
    background-color: #2A333D;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #2A333D inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill{
    -webkit-text-fill-color: #ffffff !important;
}

.contraste-on .container-fluid,
.contraste-on .card,
.contraste-on .navbar-accesibilidad,
.contraste-on .dropdown-menu,
.contraste-on .select-checkbox,
.contraste-on .number,
.contraste-on .simbol,
.contraste-on .bg-light-color,
.contraste-on .bg-active-ofertas,
.contraste-on .bg-active-home {  
    background-color: #2A333D !important;
    background: #2A333D !important;
}

.contraste-on .card,
.contraste-on .bch-card,
.contraste-on .b-all {  
    border-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

.contraste-on *{
    color: #ffffff !important;
}

.contraste-on .c-primary--imp,
.contraste-on .c-brand--imp,
.contraste-on .c-gray--imp,
.contraste-on .card-vacante:hover .card-vacante-cargo{
    color: #ffffff !important;
}

.contraste-on .form-check-input, .contraste-on .link-compartir {
    background-color: #2A333D !important;
    border-color: #ffffff !important;
}

.contraste-on .filter-select{
    border: 2px solid #ffffff !important;
    filter: grayscale(0%);
}

.contraste-on .button.neutral,
.contraste-on .button.primary,
.contraste-on .button.default,
.contraste-on .button.secondary,
.contraste-on .button.neutral:hover,
.contraste-on .button.primary:hover,
.contraste-on .button.default:hover,
.contraste-on .button.secondary:hover,
.contraste-on .button.neutral:before,
.contraste-on .button.default:before,
.contraste-on .button.primary:before,
.contraste-on .button.secondary:before{
    background: #2A333D !important;
    border-color:#ffffff !important;
    background-color: #2A333D !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

.contraste-on .bbw-4{
    border-bottom-color:#ffffff !important;
}

.contraste-on.bg-light-color{
    background-color: #2A333D !important;
    color: #ffffff !important;
}

.contraste-on ul li .nav-link{
    color: #ffffff !important;
    border-color: #ffffff !important;
}
 

.contraste-on ul li .nav-link.vertical.active{
    color: #ffffff !important;
    background-color: transparent !important;
}

.contraste-on ul li .nav-link.active{
    color: #ffffff !important;
    background-color: #2A333D !important;
}

.contraste-on ul li .nav-link:hover{
    color: #ffffff !important;
    background: transparent !important ;
    border-color: #ffffff !important;
}

.contraste-on .separator-area{
    background: #ffffff !important;
}

.contraste-on ul li .nav-link:before,
.contraste-on .pagination .page-item .page-link::before{
    background-color: #ffffff !important;
}

.contraste-on .button.contraste{
    background-color: #2A333D !important;
    color: #ffffff !important;
    border: 0.125rem solid #ffffff !important;
}

.contraste-on .accordion-button::after{
    filter: brightness(0) invert(1) !important;
}

.contraste-on .input-span-label{
    background-color: #2A333D !important;
    color: #ffffff !important;
}

.contraste-on #content-buscador-resultados p,
.contraste-on #content-buscador-resultados b{
    color: #FFFFFFS !important;
}


.contraste-on .bg-banner-principal,
.contraste-on .bg-light-color-banner,
.contraste-on .bg-brand-light,
.contraste-on .bg-brand,
.contraste-on .footerEX{
    background: #2A333D !important;
}



.contraste-on .header-menu__mi-perfil,
.contraste-on .header-menu__dropdown {
    border: 0.0625rem solid #2A333D;
}
.contraste-on .header-menu__mi-perfil .mi-perfil__informacion {
    border-right-color: #2A333D !important;
}

.contraste-on .header-menu__mi-perfil *{
    color: #2A333D !important;
}


.contraste-on #globalModal i,
.contraste-on #globalModal p,
.contraste-on #globalModal h1,
.contraste-on #globalModal h2,
.contraste-on #globalModal span{
    color: #FFFFFF !important;
}


.contraste-on .header-detalle-vacante,
.contraste-on .bg-lila,
.contraste-on .bg-white,
.contraste-on .modal-content,
.contraste-on .box.rotate,
.contraste-on .header-detalle-vacante-responsive, 
.contraste-on .icon-circle-brand {
    background: #2A333D !important;
}

.contraste-on .bch-nav-tabs-menu li .nav-link.active--imp, 
.contraste-on .bch-nav-tabs-menu li .nav-link.active,
.contraste-on .bch-nav-tabs-menu li .nav-link.vertical:hover{
    color: #ffffff !important;
}


.contraste-on .dropdown-item *{
    color: #2A333D !important;
}

.contraste-on .header-icon, .contraste-on .item-icon-circle{
    color: #2A333D !important;
}

.contraste-on .card-vacante:hover .header-area .card-vacante-cargo{
    color: #2A333D !important;
}

.contraste-on .carousel-indicadores .indicador.active{
    background-color: #c6c6c6 !important;
}

.contraste-on #perfil-main-content,
.contraste-on .nav-tabs-pills li a,
.contraste-on .nav-tabs-pills li a.active,
.contraste-on .nav-tabs-pills li a.active::before,
.contraste-on .nav-tabs-pills li a.active::after{
    color: #ffffff !important;
    background: #2A333D !important;
    background-color: #2A333D !important;
}

.contraste-on .nav-tabs-pills li a.active::before,
.contraste-on .nav-tabs-pills li a.active::after{
    box-shadow: 10px 0 0 0 #2A333D !important;
    width: 0 !important;
    height: 0 !important;
}

.contraste-on .nav-tabs-pills li a.active{
    padding-bottom: 1rem !important;
    border-radius: 1rem !important;
    position: relative;
}

.contraste-on .bch-nav-tabs-menu li .link-light.active{
    background: #2A333D !important;
    background-color: #2A333D !important;
}

.contraste-on .bch-nav-tabs-menu li .link-light{
    color: #FFFFFF !important;
}

.contraste-on .bch-nav-tabs-menu li .link-light:hover{
    background: #2A333D !important;
    background-color: #2A333D !important;
    color: #FFFFFF !important;
}

.contraste-on select,
.contraste-on select option{
    color: #ffffff !important;
}


.contraste-on .content-steps span{
    background-color: #464646 !important;
}
.contraste-on .content-steps span.prev{
    background-color: #FFFFFF !important;
}

.contraste-on .card-teleton {
    background-image: url(../../images/back_voluntariado_teleton.png), linear-gradient(135deg, #2A333D 0%, #000 0%, #000 100%)!important;
}

.contraste-on .bch-alert.warning {
    background-color: #2A333D !important;
    background: #2A333D !important;
    border-color: #FFFFFF !important;
}

.contraste-on .button-close{
    background: #2A333D !important;
    background-color: #2A333D !important;
}

.contraste-on .bch-alert.info {
    background: transparent;
}

.contraste-on .card-info, .contraste-on .card-reconocimientos {
    background: transparent;
}

.contraste-on .nombre-seleccionado,
.contraste-on .nombre-seleccionado-content .c-primary,
.contraste-on .cantidad-seleccionada{
    color: #2A333D !important;
}

.contraste-on .bch-acordeon, .contraste-on .bch-acordeon-colapsado {
    background-color: transparent!important;
    color: #ffffff!important;
}

.contraste-on .accordion-button.bch-acordeon-colapsado.collapsed, .accordion-button.bch-acordeon-colapsado.collapsing {
    border-left: solid 2px transparent;
}

.contraste-on .accordion-button.bch-acordeon-colapsado, .contraste-on .bch-acordeon .collapse.show {
    border-left: solid 2px #ffffff;
    border-radius: 0;
}

.contraste-on .accordion-button.bch-acordeon-colapsado.collapsed:hover {
    color: #2A333D!important;
    background-color: #FAFBFF!important;
}

.contraste-on .circle-num {
    background-color: transparent;
}

.contraste-on .bch-logo--contraste{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2687%) hue-rotate(322deg) brightness(112%) contrast(100%);
}

/* Contraste para los inputs, inputs de login e input del Buscador */
.contraste-on .login-contraste.form-control, .contraste-on .buscador-contraste.form-control,
.contraste-on .login-contraste.form-control:active,
.contraste-on .login-contraste.form-control:focus,
.contraste-on .login-contraste.form-control:valid,
.contraste-on .form-control,
.contraste-on .form-select,
.contraste-on input {
    color: #ffffff !important;
    background: #2A333D !important;
}

.contraste-on input:-webkit-autofill, .contraste-on input:-webkit-autofill:hover,
.contraste-on input:-webkit-autofill:focus, .contraste-on input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #2A333D inset !important;
}

.contraste-on input:-webkit-autofill{
    -webkit-text-fill-color: #ffffff !important;
}

.contraste-on .input-search .input-group-text {
    color: #ffffff !important;
    background: #2A333D !important;
}

.contraste-on i.icon-contraste {
    color: #ffffff!important;
}

.contraste-on .badge.warning, .contraste-on .badge.info,
.contraste-on .badge.error, .contraste-on .badge.success  {
    color:#000!important
}

.contraste-on .form-check .form-check-input:checked {
    background-color: #ffffff!important;
    border-color: #ffffff!important;
}

.contraste-on .form-check-input:checked[type=checkbox] {
    background-image: url(../../images/check.svg)!important;
}

.contraste-on .icon-contraste-opacidad {
    filter: grayscale(100%) sepia(50%) brightness(200%) saturate(0%) contrast(1000%) invert(100%);
-webkit-filter: grayscale(100%) sepia(50%) brightness(200%) saturate(0%) contrast(1000%) invert(100%);
-moz-filter: grayscale(100%) sepia(50%) brightness(200%) saturate(0%) contrast(1000%) invert(100%);
}

.contraste-on .box-h,
.contraste-on .box-h-carrusel-mobile{
    background: #2A333D !important;
}

.contraste-on .header-menu__mi-perfil *{
    background: #2A333D !important;
    color: #ffffff !important;
}

.contraste-on .dropdown-menu-right .dropdown-item,
.contraste-on .dropdown-menu-right .dropdown-item *{
    color: #FFFFFF !important;
}

.contraste-on .dropdown-menu-right .dropdown-item:hover{
    background: #2A333D !important;
}

.contraste-on .dropdown-menu.header-menu__dropdown::before{
    background: #2A333D !important;
}

.contraste-on .img_contraste{
    filter: brightness(0) invert(1) sepia(1) hue-rotate(180deg) !important;
}

.contraste-on .nav-tabs-folder .nav-item .nav-link.active,
.contraste-on .nav-tabs-folder .nav-item .nav-link{
    background: #2A333D !important;
    color: #FFFFFF !important;
}

.contraste-on .nav-tabs-folder li .nav-link:before,
.contraste-on .nav-tabs-folder li .nav-link:after{
    background: transparent !important;
    box-shadow: #2A333D !important;
    -webkit-box-shadow: #2A333D !important;
}

.contraste-on .nav-tabs-folder .nav-item .nav-link.active::after {
    box-shadow: -10px 0 0 0 #2A333D !important;
    z-index: -1;
}

.contraste-on .nav-tabs-folder .nav-item .nav-link.active::before {
    box-shadow: 10px 0 0 0 #2A333D !important;
    z-index: -1;
}


.contraste-on .lottieBanners{
    filter: grayscale(100%) !important;
}

.contraste-on .br-carousel-control{
    border-color: #FFFFFF !important;
}

.contraste-on .bch-alert{
    border-color: #FFFFFF !important;
}

.contraste-on .bch-input-form:focus{
    border-color: #FFFFFF !important;
}

.contraste-on .form-select.bch-input-form option :hover{
    background: #2A333D !important;
    background-color: #2A333D !important;
}

.contraste-on .form-select.bch-input-form{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-position: right 0.75rem center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 12px !important;
}

.contraste-on .user-menu,
.contraste-on .navbar-movil{
    background: #2A333D !important;
    background-color: #2A333D !important;
}

.contraste-on .num-circle-gray{
    background: #2A333D !important;
    background-color: #2A333D !important;
    border: 1px solid #FFFFFF !important;
}

.contraste-on .circle-container path:last-child {
    stroke: #2A333D !important;
}

.contraste-on .badge{
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #2A333D !important;
}

.contraste-on .pill-normal,
.contraste-on .bg-gray-lighter2{
    background: #2A333D !important;
    background-color: #2A333D !important;
    color: #FFFFFF !important;
}

.contraste-on .input-search .input-group-text.focus{
    border-color: #FFFFFF !important;
}

.contraste-on .content-buscador{
    background-color: #2A333D !important;
    background: #2A333D !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
}

.contraste-on .btn-close{
    filter: brightness(0) invert(1) sepia(1) hue-rotate(180deg) !important;
}

.contraste-on .cards-areas{
    color: #FFFFFF !important;
    background-color: #2A333D !important;
    background: #2A333D !important;
}

.contraste-on .cards-areas{
    color: #FFFFFF !important;
}

#search-solicitante-input, #search-tutor-input, #search-lider-input{
    -webkit-box-shadow: 0 0 0 30px #FFFFFF inset !important;
    /* -webkit-text-fill-color: #2A333D !important; */
}

#search-solicitante-input:-webkit-autofill, #search-tutor-input:-webkit-autofill, #search-lider-input:-webkit-autofill{
    -webkit-text-fill-color: #2A333D !important;
}