:root, [data-theme=light] {
    --bs-light: #f5f8fa;
    --bs-primary: #384B88;
    --bs-secondary: #E2E4E5;
    --bs-dark: #2E3D6E;
    --bs-primary-active: #4C60A0;
    --bs-secondary-active: #B5B5C3;
    --bs-dark-active: #2E3D6E;
    --bs-primary-light: #f1faff;
    --bs-secondary-light: #f5f8fa;
    --bs-dark-light: #eff2f5;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #455AAA;
    --bs-dark-inverse: #ffffff;
    --bs-menu-link-bg-color-active: #2E3D6E;
    --bs-menu-link-color-active: #ffffff;
    --bs-menu-link-color-hover: #ffffff;
    --bs-menu-link-bg-color-hover: #2E3D6E;
    --bs-menu-link-bg-color-show: #384B88;
    --bs-menu-link-color-show: #ffffff;
    --bs-gray-100: #F2F3F6;
    --bs-link-color-rgb: #455AAA;
    --bs-app-sidebar-width-actual: 105px;
    --bs-app-sidebar-width: var(--bs-app-sidebar-width-actual);
    /*New theme*/
    --bs-app-header-base-bg-color: #fff;
    --bs-app-sidebar-base-bg-color: #384B88;
    --bs-app-bg-color: #F6F8FA;
    --bs-app-header-height: 60px;
    --bs-text-primary: #3D4EA1;
}

.page-link.active, .active > .page-link {
    background-color: #455AAA;
}

.app-sidebar {
    overflow: hidden;
    top: calc(var(--bs-app-header-height) - 0px) !important;
}

.link-primary {
    color: var(--bs-text-primary) !important;
}

.link-primary:hover {
    color: var(--bs-text-primary) !important;
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.card-map-content {
    margin-top: 115px;
    margin-left: 115px;
}

.form-check-input_green_blue:checked {
    background-color: #455AAA !important;
    border-color: #455AAA !important;
}

.form-check-input_green_red {
    background-color: #f56c6c !important;
    border-color: #f56c6c !important;
}

.form-check-input_green_red:checked {
    background-color: #afd98f !important;
    border-color: #afd98f !important;
}

.general-background-map {
    background-image: url('/assets/images/mapa-2.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 100%;
}

.card-container {
    display: flex;
    min-height: 85vh;
}

.card-grid {
    width: 100%;
    max-width: 100%; /* Ajusta el tamaño máximo de la tarjeta según tus necesidades */
}

.tooltip-inner {
    font-size: 10px;
}