#kt_content, #kt_wrapper{
    background-color: var(--bs-app-blank-bg);
}

:root {
    --color-texto: #555; /* Color de texto para tema claro */
    --color-red-badge: rgba(237, 0, 6, 0.17);
    --color-blue-badge: rgba(164, 211, 246, 0.50);
    --select-color-text: #555;
    --color-order-by: var(--neutral-medium-drak, #555);
    --color-text-card: var(--bs-body-color);
    --pink-color-text: var(--primary-flamingo, #B61272);
    --border-color-pink: 0.5px solid var(--primary-flamingo, #B61272);
    --color-texto2: #000; /* Color de texto para tema claro */
    --color-texto3: #555; /* Color de texto para tema claro */
    --color-texto4:#111;
    --color-texto5: #555;
    --background-select-dropdown: var(--bs-dropdown-bg);
    --color-company-text: var(--neutral-dark, #111);
    --color-company-name: var(--neutral-dark, #111);
    --color-text-message: var(--neutral-medium-drak, #555);
    --title-text-color : var(--neutral-dark, #111);
    --titulos-rangos: var(--neutral-medium-drak, #555);
    --bg-select: #00072D;
    --bg-select-order: #fff;
    --menu-text-color: #00072d;
    --bg-perfilvisto-badge: #50cd8966;
    --bg-preseleccion-badge: #6edca066;
    --bg-entrevista-badge: #ffd75e4d;
    --bg-evaluacion-badge: #56b5fb80;
    --bg-seleccionado-badge: #a4d3f680;
    --bg-finalista-badge: #ffe29b80;
    --bg-contratado-badge: #96deff80;
    --bg-descarted-badge: #ed00062b;
    --bg-input-badge: #ed00062b;
    --notification-text-color:#555555;
    --bg-notifications:#ffffff;
    --bg-menu-selected: #00072D;
    --font-menu-selected: #ffffff;
    --font-menu-no-selected: #00072D;
    --bg-btn-blue: #00072D;
    --font-color-btn-blue: #ffffff;
    --bg-btn-blue-hover: #000c4f;
    --breadcrumb-color-active: #00072d;
    --text-color-label: #111;
    --bg-btn-grey:#dddddd91;
    --bg-btn-grey-text: #555;
    --bg-btn-grey-hover: #f7f7f7;
    --bg-card-selectoffer: #F1F1F2;
    --bg-fullcard-selectoffer: #ffffff;
    --bg-minicard-selectoffer: #F2F2F2;
    --text-color-btn:#00072d;
}

:root[data-bs-theme='dark'] {
    --color-texto: #C4C6D4; /* Color de texto para tema oscuro */
    --color-red-badge: rgba(252,212,213,255);
    --color-blue-badge: rgba(209,233,250,255);
    --select-color-text: #fff;
    --color-order-by: #fff;
    --color-text-card: #fff;
    --pink-color-text: #f782c7;
    --border-color-pink: 0.5px solid #dc3b9a; 
    --color-texto2: #C4C6D4; /* Color de texto para tema claro */
    --color-texto3: #d2d2d2; /* Color de texto para tema claro */
    --color-texto4: #89B8FF;
    --color-texto5: #999;
    --background-select-dropdown: #11131c;
    --color-company-text: var(--color-texto2);
    --color-company-name: var(--color-texto);
    --color-text-message: #c4c4c4;
    --title-text-color : var(--bs-text-gray-800) !important;
    --titulos-rangos: #C4C6D4;
    --bg-select: #89B8FF;
    --bg-select-order: #1b1c22;
    --menu-text-color: #acacac;
    --bg-perfilvisto-badge: #b9ebd0;
    --bg-preseleccion-badge: #c5f1d9;
    --bg-entrevista-badge: #fff3ce;
    --bg-evaluacion-badge: #84cbff;
    --bg-seleccionado-badge:#d1e9fa;
    --bg-finalista-badge: #fff0cd;
    --bg-contratado-badge: #caeeff;
    --bg-descarted-badge: #fcd4d5;
    --notification-text-color:#d5d5d5;
    --bg-notifications:#1b1c22;
    --bg-menu-selected: #89B8FF;
    --font-menu-selected: #010101;
    --font-menu-no-selected: #acacac;
    --bg-btn-blue: #89B8FF;
    --font-color-btn-blue: #010101;
    --bg-btn-blue-hover: #a7caff;
    --breadcrumb-color-active: #89B8FF;
    --text-color-label: #c7c7c7;
    --bg-btn-grey: #e1e1e1;
    --bg-btn-grey-text: #1e1e1e;
    --bg-btn-grey-hover: #f7f7f7;
    --bg-card-selectoffer: #141419;
    --bg-fullcard-selectoffer: #1b1c22;
    --bg-minicard-selectoffer: #141419;
    --text-color-btn:#f7f7f7;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: var(--bg-select) !important;
    color: white;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: var(--bg-select) !important;
    color: white !important;
}
/* Aplicación de la variable al color del texto en todo el documento */
.time-text {
    color: var(--color-texto) !important;
}
.carac-text {
    color: var(--color-texto) !important;
}
.carac-item{
    color: var(--color-text-card) !important;
}
.red-badge{
    background: var(--color-red-badge) !important;
}

.blue-badge{
    background: var(--color-blue-badge) !important;
}

.arrwos span span span span span {
    color: var(--select-color-text) !important;
}
.order-by{
    color: var(--color-order-by) !important;
}
.card{
    color: var(--color-text-card) !important;
}
.pink-text{
    color: var(--pink-color-text) !important;
}
.primary-badge-border{
    border: var(--border-color-pink) !important;
}
.block-jobs-warrper{
    color: var(--color-texto2) !important;
}
.select2-container--bootstrap5 .select2-dropdown{
    background-color: var(--background-select-dropdown);
}
.company-text{
    color: var(--color-company-text) !important;
}
.company-name{
    color: var(--color-company-text) !important;
}
.message-view{
    color: var(--color-company-name) !important;
}
#conversation_text .user-title{
    color: var(--color-company-text) !important;
}
#conversation_text .user-text{
    color: var(--color-text-message) !important;
}
.title-text{
    color: var(--title-text-color) !important;
}
.comp-text{
    color: var(--pink-color-text) !important;
}
.titulos-rangos{
    color: var(--titulos-rangos) !important;
}
.badge-notifications{
    background-color: #b61272 !important;
    color: white !important;
}
#kt_menu_notifications{
    background-color: var(--bg-notifications) !important;
}

#kt_scrolltop{
    background-color: var(--bg-btn-blue) !important;
}



[data-bs-theme="dark"] {
    
    .cand-detail {
        color: #89B8FF !important;
    }
    .select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__placeholder {
        color: #151515;
    }
    .form-select.form-select-solid.filtros-select {
        background-color: var(--bg-select) !important;
        color: #151515 !important;
    }
    .select-order-fecha{
        background-color: #dcdcdc !important;
        color: #151515 !important;
    }
    .select-order-fecha span span{
        color: #151515 !important;
    }
    .active>.page-link, .page-link.active {
        background-color: #89B8FF;
    }

    .menu-sub-dropdown {
        background-color: #151515;
    }
    .menu-social:hover>span {
        color: #dcdcdc;
    }

    .btn-anterior.disabled{
        --bs-btn-disabled-color:#010101 !important;
        --bs-btn-disabled-bg:#89B8FF !important;
    }

    .form-control.form-control-solid {
        background-color: #ededed;
        border-color: #f9f9f9;
        color: #4b5675;
        transition: color .2s ease;
    }

    .form-select.form-select-solid.filtros-select.rol-select{
        background-color: #ededed !important;
    }
    .form-select.form-select-solid.filtros-select.rol-select span{
        color: #4b5675;
    }

    .bg-primary {
        --bs-bg-rgb-color: var(--bs-primary-rgb);
        background-color: #89B8FF !important;
    }

    .check-account.form-check-input:checked {
        background-color: #89B8FF;
        border-color: #89B8FF;
    }


    .modal-content {
        background-color: #19191b !important;
    }

    #kt_inbox_listing_length .form-select {
        background-color: #89B8FF;
        color: white;
    }

    .button-blue-mpone:hover{
        background: var(--bg-btn-blue-hover) !important;
        color: var(--font-color-btn-blue);
    }

    .title-cand, .cand-name {
        color: var(--color-texto3);
    }
    .cand-text-normal, .cand-pos{
        color: var(--color-texto2) !important;
    }
    .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-color .menu-item .menu-link.active .menu-icon i{
        color:#89B8FF !important;
    }
    .menu-title-gray-700 .menu-item .menu-link .menu-title:hover{
        color:#89B8FF !important;
    }
    .menu-state-color .menu-item .menu-link.active {
        background-color: #efefef !important;
    }
}