input[type="radio"]:disabled:checked {
    -webkit-appearance: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0px;
    box-sizing: border-box;
    border: 2px solid #C2C2C2 !important;
    background-color: #7272FE !important;
    border-radius: 50%;
}
:root {
    --body-bckgrnd: rgba(245, 245, 245, 0.5);
    --block-bckgrnd: rgba(255, 255, 255, 0.8);
    --block-bckgrnd-bold: rgba(255, 255, 255, 0.95);
    --block-head-bckgrnd: rgba(255, 255, 255, 0.9);
    --color-1: rgba(92,128,209,0.5);
    --color-2: rgba(40, 40, 40, 0.9);
    --color-3: black;
    --color-4: #fff;
    --color-5: #fff;
    --color-danger: #d26a5c;
    --color-danger-hover: #ca4f3e;
    --color-warning: #f3b760;
    --color-warning-hover: #f0a73c;
    --color-secondary: #6c757d;
    --color-secondary-hover: #5a6268;
    --color-info: #70b9eb;
    --color-info-hover: #4ea9e6;
    --color-primary-light: #5c80d1b3;
    --color-primary: #5c80d1;
    --color-primary-hover: #3e69c9;
    --color-success: #46c37b;
    --color-success-hover: #38ab69;
    /*--color-orange: #FE9A2E;*/
    --color-orange: #ff8000;
    --color-orange-hover: #f07900;
    --color-yellow: #F3F781;
    --color-yellow-hover: #F4FA58;
    /*--color-4: grey !important;*/
    /*calificaciones*/
    --color-calificacion-1: #FF0000;
    --color-calificacion-1-hover: #DF0101;
    --color-calificacion-2: #FF4000;
    --color-calificacion-2-hover:#DF3A01;
    --color-calificacion-3: #FFFF00 ;
    --color-calificacion-3-hover: #F7FE2E;
    --color-calificacion-4: #40FF00;
    --color-calificacion-4-hover: #3ADF00;
    --color-calificacion-5: #088A08;
    --color-calificacion-5-hover: #0B610B;
    --color-blue: #0000ff;
    --color-red: #ff0000;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: unset;
}
.color-3 {
    color: var(--color-3);
}
.tema-text-color {
    color: var(--color-3);
}
.nav-main-link.active {
    background-color: var(--color-1);
}
[readonly="readonly"] {
    color: grey !important;
}
/*
.tabla-consulta-promovidos {
    color: white;
}
*/
.btn-orange {
    color: #fff;
    background-color: #FE9A2E;
    border-color: #FE9A2E;
}
.btn-orange:hover {
    color: #fff;
    background-color: #FF8000;
    border-color: #FF8000;
}

.btn-yellow {
    color: #fff;
    background-color: #F3F781;
    border-color: #F3F781;
}
.btn-yellow:hover {
    color: #fff;
    background-color: #F4FA58;
    border-color: #F4FA58;
}

/*botones calificaciones*/

.btn-calificacion-1 {
    color: #fff;
    background-color: #FF0000;
    border-color: #FF0000;
}
.btn-calificacion-1:hover {
    color: #fff;
    background-color: #DF0101;
    border-color: #DF0101;
}
.btn-calificacion-2 {
    color: #fff;
    background-color: #FF4000;
    border-color: #FF4000;
}
.btn-calificacion-2:hover {
    color: #fff;
    background-color: #DF3A01;
    border-color: #DF3A01;
}

.btn-calificacion-3 {
    color: #fff;
    background-color: #FFFF00;
    border-color: #FFFF00;
}
.btn-calificacion-3:hover {
    color: #fff;
    background-color: #F7FE2E;
    border-color: #F7FE2E;
}
.btn-calificacion-4 {
    color: #fff;
    background-color: #40FF00;
    border-color: #40FF00;
}
.btn-calificacion-4:hover {
    color: #fff;
    background-color: #3ADF00;
    border-color: #3ADF00;
}

.btn-calificacion-5 {
    color: #fff;
    background-color: #088A08;
    border-color: #088A08;
}
.btn-calificacion-5:hover {
    color: #fff;
    background-color: #0B610B;
    border-color: #0B610B;
}
.barra-control {
    margin-left: -30px;
    position: fixed;
    bottom: 0;
    margin-bottom: 0 !important;
    min-height: 52px;
    z-index: 1040;
}
/*INDEXES*/
.registro.seleccionado {
    background-color: var(--color-1);
}
.table thead th {
    border-bottom: 0;
}
.hidden {
    visibility: hidden;
}
@media (max-width: 767.98px) {
    #cb-txt-1, #cb-factor-detalle {
        font-size: 1.2rem;
    }
}
#cb-factor-detalle {
    font-weight: 400;
}
body::after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
    background-color: var(--body-bckgrnd);
}
body {
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    animation: images 40s infinite;
    animation-timing-function: ease-in-out;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    /* background-image: var(--slide_1), var(--slide_4); */
}
/* @keyframes images {
    25% { background-image: var(--slide_2); }
    50% { background-image: var(--slide_3); }
    60% { background-image: var(--slide_4); }
    75% { background-image: var(--slide_5); }
} */
.block {
    background-color: var(--block-bckgrnd);
}
.block-header {
    background-color: var(--block-head-bckgrnd);
}

.custom-control-label::after,
.custom-control-label::before {
    border: 1px solid var(--color-1);
}
#filtros-visual > div {
    border-color: var(--tema-color-1-secundario) !important;
}

.registro.seleccionado,
a.active {
    background-color: var(--tema-color-1-terciario) !important;
}
.btn-custom {
    background-color: var(--tema-color-1-primario);
    border-color: var(--tema-color-1-primario);
    color: white;
}
.btn-custom:hover {
    background-color: var(--tema-color-1-secundario);
    border-color: var(--tema-color-1-secundario);
    color: white;
}
.bg-custom {
    background-color: var(--tema-color-1-primario);
}
.text-color-1-primario {
    color: var(--tema-color-1-primario) !important;
}
.text-color-1-secundario {
    color: var(--tema-color-1-secundario) !important;
}
.content-side {
    padding: 0;
}
.nav-items a:hover {
    background-color: unset;
}
.modal-xl {
    max-width: 80%;
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .modal-xl {
        max-width: 100%;
    }
}
tbody.scb-table-hover tr:not(.text-muted, .seleccionado):hover {
    /*color: rgba(255, 255, 255, 0.5);*/
    background-color: var(--block-head-bckgrnd);
    cursor: pointer;
}

tbody tr.deshabilitado {
    color: var(--light-3) !important;
}
/*
tbody tr.deshabilitado button {

}
*/

#logo-proyecto {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-content {
    background-color: #ffffff75;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.navbar.bg-light {
    background-color: #f3e2b3 !important;
    .form-control {
        border-radius: 4.25rem;
    }
}

#back-video {
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    top: 0;
    margin: auto;
    z-index: -1;
    min-width: 110%;
    min-height: 100%;
    transform: translateX(calc((100% - 100vw) / 2));
}


body {
    font-family: "Lato", sans-serif;
}



.main-head{
    height: 150px;
    background: #FFF;
   
}

.sidenav {
    height: 100%;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 20px;
}


.main {
    padding: 0px 10px;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
}

@media screen and (max-width: 450px) {
    .login-form{
        margin-top: 10%;
    }

    .register-form{
        margin-top: 10%;
    }
}

@media screen and (min-width: 768px){
    .main{
        margin-left: 40%; 
    }

    .sidenav{
        width: 40%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .login-form{
        margin-top: 50%;
    }

    .register-form{
        margin-top: 20%;
    }
}


.login-main-text{
    margin-top: 20%;
    padding: 60px;
    color: #fff;
}

.login-main-text h2{
    font-weight: 300;
}

.btn-black{
    background-color: #000 !important;
    color: #fff;
}

.content-alt {
    padding: 0 !important;
}

/* =========================================================
   INTERFAZ PROFESIONAL JE&KA
   Capa visual compartida; no modifica procesos del sistema.
   ========================================================= */
:root {
    --professional-navy: #102a43;
    --professional-navy-2: #163f5c;
    --professional-blue: #1677a8;
    --professional-gold: #d7a84b;
    --professional-canvas: #f3f6f9;
    --professional-border: #dfe7ee;
    --professional-text: #243b53;
    --professional-muted: #718096;
}

body {
    background: var(--professional-canvas) !important;
    color: var(--professional-text);
    font-family: "Open Sans", sans-serif;
}

body::after {
    background: var(--professional-canvas);
}

#page-container {
    background: var(--professional-canvas);
}

#sidebar {
    background: linear-gradient(180deg, #102a43 0%, #0b2033 100%) !important;
    box-shadow: 8px 0 30px rgba(15, 38, 58, .14);
}

.professional-sidebar-header {
    min-height: 78px;
    justify-content: space-between;
    padding: 0 22px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.professional-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff !important;
}

.professional-brand:hover {
    color: #fff !important;
}

.professional-brand-icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 11px;
    color: var(--professional-gold);
    background: rgba(255, 255, 255, .08);
}

.professional-brand strong,
.professional-brand small {
    display: block;
}

.professional-brand strong {
    font-size: 17px;
    letter-spacing: .14em;
}

.professional-brand small {
    margin-top: 2px;
    color: rgba(255, 255, 255, .55);
    font-size: 9px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#sidebar .content-side {
    padding: 18px 12px 30px;
}

#sidebar .nav-main-heading,
#sidebar .nav-main-group {
    margin: 12px 8px 6px;
    padding: 9px 10px !important;
    color: rgba(255, 255, 255, .42) !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-decoration: none !important;
    text-transform: uppercase;
}

#sidebar .nav-main-heading i,
#sidebar .nav-main-group i {
    color: var(--professional-gold);
}

#sidebar .nav-main-item {
    padding: 2px 0 !important;
}

#sidebar .nav-main-link {
    min-height: 43px;
    margin: 2px 0;
    padding: 10px 13px;
    border-radius: 9px;
    color: rgba(255, 255, 255, .72);
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

#sidebar .nav-main-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, .09);
    transform: translateX(2px);
}

#sidebar .nav-main-link.active,
#sidebar a.active {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(22, 119, 168, .95), rgba(31, 94, 128, .95)) !important;
    box-shadow: 0 7px 16px rgba(0, 0, 0, .17);
}

#sidebar .nav-main-link-icon {
    color: rgba(255, 255, 255, .52);
}

#sidebar .nav-main-link:hover .nav-main-link-icon,
#sidebar .nav-main-link.active .nav-main-link-icon {
    color: var(--professional-gold);
}

#sidebar .nav-main-link-name {
    align-items: center;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}

#page-header {
    min-height: 68px;
    border-bottom: 1px solid var(--professional-border);
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 4px 20px rgba(31, 55, 75, .05);
}

#page-header .content-header {
    min-height: 68px;
    padding-right: 28px;
    padding-left: 28px;
}

#page-header .btn-dual {
    border: 1px solid #e0e8ef;
    border-radius: 9px;
    background: #f7f9fb;
    color: var(--professional-navy);
}

#page-header .btn-dual:hover {
    border-color: #c8d7e2;
    background: #eef4f7;
}

.professional-page-identity {
    margin-left: 12px;
    padding-left: 18px;
    border-left: 1px solid var(--professional-border);
}

.professional-page-identity small,
.professional-page-identity strong {
    display: block;
}

.professional-page-identity small {
    color: var(--professional-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.professional-page-identity strong {
    max-width: 360px;
    overflow: hidden;
    color: var(--professional-navy);
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.professional-user-button {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 5px 10px 5px 6px !important;
}

.professional-user-avatar {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--professional-blue), var(--professional-navy));
}

#main-container {
    background: var(--professional-canvas);
}

#main-container > .content,
#main-container .content {
    padding-top: 26px;
}

.content-heading {
    margin-bottom: 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--professional-border) !important;
    color: var(--professional-navy) !important;
    font-weight: 700;
}

.block {
    overflow: hidden;
    border: 1px solid var(--professional-border);
    border-radius: 13px;
    background: #fff !important;
    box-shadow: 0 8px 28px rgba(31, 55, 75, .055);
}

.block-header {
    min-height: 58px;
    padding: 14px 20px;
    border-bottom: 1px solid #e8eef3;
    background: #fff !important;
}

.block-title {
    color: var(--professional-navy);
    font-size: 14px;
    font-weight: 700;
}

.block-content {
    border-radius: 0;
    background: #fff !important;
}

.form-control,
.custom-select,
.select2-container--default .select2-selection--single {
    border-color: #d8e2ea;
    border-radius: 8px;
    background-color: #fbfcfd;
}

.form-control:focus,
.custom-select:focus {
    border-color: var(--professional-blue);
    background-color: #fff;
    box-shadow: 0 0 0 .2rem rgba(22, 119, 168, .1);
}

label {
    color: #40566b;
    font-size: 12px;
    font-weight: 700;
}

.btn {
    border-radius: 8px;
    font-weight: 600;
}

.btn-custom,
.btn-primary {
    border-color: var(--professional-blue) !important;
    background: var(--professional-blue) !important;
}

.btn-custom:hover,
.btn-primary:hover {
    border-color: #11658e !important;
    background: #11658e !important;
}

.table {
    color: var(--professional-text);
}

.table thead th {
    padding-top: 13px;
    padding-bottom: 13px;
    border-top: 0;
    border-bottom: 1px solid #dce5ec;
    color: #52677a;
    background: #f7f9fb;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.table td {
    border-color: #edf1f4;
    vertical-align: middle;
}

.table-hover tbody tr:hover,
tbody.scb-table-hover tr:not(.text-muted, .seleccionado):hover {
    background: #f3f8fb !important;
}

.modal-content,
.dropdown-menu {
    overflow: hidden;
    border: 1px solid var(--professional-border) !important;
    border-radius: 12px;
    box-shadow: 0 18px 50px rgba(20, 43, 61, .18);
}

.modal-header {
    border-bottom-color: var(--professional-border);
    background: #f8fafc;
}

.badge {
    border-radius: 20px;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    #page-header .content-header {
        padding-right: 15px;
        padding-left: 15px;
    }
    #main-container > .content,
    #main-container .content {
        padding-top: 18px;
    }
    .block {
        border-radius: 10px;
    }
}

/* =========================================================
   DASHBOARD SAAS - SEGUNDA ITERACION
   ========================================================= */
:root {
    --saas-sidebar: #0f1a31;
    --saas-sidebar-soft: #1d2a43;
    --saas-primary: #246bfe;
    --saas-canvas: #f5f7fa;
    --saas-line: #dde4ec;
    --saas-text: #07142d;
    --saas-muted: #7186a4;
}

body,
#page-container,
#main-container {
    background: var(--saas-canvas) !important;
}

#sidebar {
    background: var(--saas-sidebar) !important;
    box-shadow: none;
}

.professional-sidebar-header {
    min-height: 112px;
    padding: 0 30px !important;
    border-bottom: 0;
}

.professional-brand {
    gap: 16px;
}

.professional-brand-icon {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border: 0;
    border-radius: 11px;
    color: #fff;
    background: var(--saas-primary);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.04em;
}

.professional-brand strong {
    font-size: 20px;
    letter-spacing: -.02em;
}

.professional-brand small {
    margin-top: 1px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.01em;
    text-transform: none;
}

#sidebar .content-side {
    padding: 16px 20px 110px;
}

#sidebar .nav-main-heading {
    margin: 26px 10px 8px !important;
    padding: 0 !important;
    color: #607392 !important;
    font-size: 10px !important;
    letter-spacing: .12em;
    text-decoration: none !important;
}

#sidebar .nav-main-group {
    margin: 8px 8px 4px !important;
    padding: 7px 9px !important;
    color: #7284a0 !important;
    letter-spacing: .05em;
    text-transform: none;
}

#sidebar .nav-main-item {
    padding: 2px 0 !important;
}

#sidebar .nav-main-link {
    min-height: 52px;
    margin: 2px 0;
    padding: 13px 17px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #9eb0ca;
}

#sidebar .nav-main-link:hover {
    color: #fff;
    background: rgba(255,255,255,.055);
    transform: none;
}

#sidebar .nav-main-link.active,
#sidebar a.active {
    border-color: #33435e !important;
    color: #fff !important;
    background: var(--saas-sidebar-soft) !important;
    box-shadow: none;
}

#sidebar .nav-main-link-icon {
    margin-right: 15px;
    color: #91a5c2;
    font-size: 18px;
}

#sidebar .nav-main-link-name {
    font-size: 14px;
    font-weight: 600;
}

#sidebar .nav-main-link-name p:nth-child(2) {
    display: none;
}

#page-header {
    min-height: 82px;
    border-bottom: 1px solid var(--saas-line);
    background: #fff !important;
    box-shadow: none;
}

#page-header .content-header {
    min-height: 82px;
    padding-right: 34px;
    padding-left: 34px;
}

.professional-search {
    position: relative;
    align-items: center;
    width: min(560px, 42vw);
    height: 48px;
    margin-left: 12px;
}

.professional-search i {
    position: absolute;
    left: 20px;
    color: #8da1bd;
    font-size: 13px;
}

.professional-search input {
    width: 100%;
    height: 100%;
    padding: 0 20px 0 52px;
    border: 1px solid #e1e7ee;
    border-radius: 24px;
    outline: 0;
    color: var(--saas-text);
    background: #f3f6fa;
    font-size: 14px;
}

.professional-search input:focus {
    border-color: #b9cced;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(36,107,254,.07);
}

#page-header .btn-dual {
    border: 0;
    background: transparent;
}

.professional-user-button {
    min-height: 48px;
    background: transparent !important;
}

.professional-user-avatar {
    width: 42px;
    height: 42px;
    order: 3;
    margin-left: 10px;
    border: 1px solid #dae2eb;
    border-radius: 50%;
    color: #344866;
    background: #f4f7fa;
}

#main-container > .content,
#main-container .content {
    max-width: 1540px;
    padding: 56px 44px;
}

.content-heading {
    border-bottom: 0 !important;
    color: var(--saas-text) !important;
    font-size: 32px;
    letter-spacing: -.035em;
}

.block {
    border: 1px solid var(--saas-line);
    border-radius: 18px;
    box-shadow: 0 2px 4px rgba(15, 31, 50, .08);
}

.block-header {
    min-height: 68px;
    padding: 18px 26px;
    background: #fff !important;
}

.block-title {
    color: var(--saas-text);
    font-size: 17px;
}

.block-content {
    padding: 25px 26px;
}

.btn-custom,
.btn-primary,
.btn-info {
    border-color: var(--saas-primary) !important;
    background: var(--saas-primary) !important;
}

/* Alertas globales: Bootstrap y mensajes renderizados dentro de módulos. */
.alert {
    position: relative;
    padding: 16px 48px 16px 18px;
    border: 1px solid transparent;
    border-left-width: 4px;
    border-radius: 13px;
    color: #344866;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 31, 50, .08);
    font-size: 14px;
    line-height: 1.55;
}

.alert-heading {
    margin-bottom: 4px;
    color: #102a43;
    font-weight: 700;
}

.alert-success {
    border-color: #bdebdc;
    border-left-color: #22a879;
    color: #176b52;
    background: #f0fbf7;
}

.alert-info {
    border-color: #c8dcff;
    border-left-color: #3478e5;
    color: #285d9f;
    background: #f2f7ff;
}

.alert-warning {
    border-color: #f6deb0;
    border-left-color: #e9a32b;
    color: #805d1c;
    background: #fff9ed;
}

.alert-danger,
.alert-error {
    border-color: #f5c8cc;
    border-left-color: #df4d5b;
    color: #9b3540;
    background: #fff4f5;
}

.alert-primary {
    border-color: #c8d8ff;
    border-left-color: var(--saas-primary);
    color: #2859a7;
    background: #f3f6ff;
}

.alert-secondary,
.alert-light {
    border-color: #dde5ed;
    border-left-color: #8292a6;
    color: #52657a;
    background: #f7f9fb;
}

.alert-dark {
    border-color: #344866;
    border-left-color: #102a43;
    color: #fff;
    background: #1b3048;
}

.alert .close {
    position: absolute;
    top: 50%;
    right: 16px;
    padding: 6px;
    color: currentColor;
    text-shadow: none;
    opacity: .55;
    transform: translateY(-50%);
    transition: opacity .18s ease, transform .18s ease;
}

.alert .close:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.06);
}

.alert-dismissible {
    padding-right: 52px;
}

/* Estructura global de modales internas: cabecera y acciones visibles. */
.modal.block-mode-fullscreen.show {
    display: flex !important;
    align-items: stretch;
    padding: 18px !important;
    overflow: hidden !important;
}

.modal.block-mode-fullscreen .modal-dialog {
    display: flex;
    align-self: stretch;
    width: calc(100% - 36px);
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
}

.modal.block-mode-fullscreen .modal-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    border-radius: 18px;
}

.modal.block-mode-fullscreen .modal-content > .block {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.modal.block-mode-fullscreen .modal-content > .block > .block-header {
    position: relative;
    z-index: 2;
}

.modal.block-mode-fullscreen .modal-content > .block > .block-content.block-content-full:not(.border-top) {
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.modal.block-mode-fullscreen .modal-content > .block > .border-top {
    position: relative;
    z-index: 3;
    min-height: 72px;
    margin: 0;
    padding: 14px 20px calc(14px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    box-shadow: 0 -8px 24px rgba(15, 31, 50, .08);
}

.modal.block-mode-fullscreen .modal-content > .block > .border-top .btn {
    min-width: 110px;
    margin: 3px;
}

.tema-dark .modal.block-mode-fullscreen .modal-content > .block > .border-top {
    background: #1f2933;
}

@media (max-width: 767.98px) {
    .modal.block-mode-fullscreen.show {
        padding: 8px !important;
    }

    .modal.block-mode-fullscreen .modal-dialog {
        width: auto;
        flex: 1 1 auto;
        margin: 0 !important;
    }

    .modal.block-mode-fullscreen .modal-content > .block > .border-top {
        display: flex;
        gap: 8px;
        min-height: 64px;
        padding: 10px;
    }

    .modal.block-mode-fullscreen .modal-content > .block > .border-top .btn {
        flex: 1 1 0;
        min-width: 0;
        margin: 0;
    }
}

@media (max-height: 700px) and (min-width: 768px) {
    .modal.block-mode-fullscreen.show {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .modal.block-mode-fullscreen .modal-content > .block > .border-top {
        min-height: 64px;
        padding-top: 10px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    }
}

@media (min-width: 992px) {
    #sidebar {
        width: 290px;
    }
    #page-container.sidebar-o {
        padding-left: 290px;
    }
    .sidebar-mini.sidebar-o #sidebar {
        transform: translateX(-230px) translateY(0) translateZ(0);
    }
    .sidebar-mini.sidebar-o #sidebar .content-side,
    .sidebar-mini.sidebar-o #sidebar .content-header {
        width: 290px;
        transform: translateX(230px) translateY(0) translateZ(0);
    }
}

@media (max-width: 991.98px) {
    #sidebar {
        width: 290px;
    }
    #main-container > .content,
    #main-container .content {
        padding: 28px 20px;
    }
}