#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 */
    --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;
}

: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 */
    --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: #b61272;
    --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;
}
.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;
}