/* _content/wsmcbl.system/Pages/HomePages/Cashier.razor.rz.scp.css */
.card[b-qcxl32xz6x] {
    position: relative;
    overflow: visible !important;
    z-index: auto !important;
}

.card-body[b-qcxl32xz6x] {
    position: static !important;
    overflow: visible !important;
}

.card.border-left-info .dropdown-menu[b-qcxl32xz6x] {
    z-index: 1070 !important; 
    position: absolute !important;
    transform: translate3d(-120px, 0px, 0px) !important;
}
.report-card[b-qcxl32xz6x] {
    isolation: isolate;
}

.report-card .dropdown-menu[b-qcxl32xz6x] {
    z-index: 1070 !important;
    transform: translate3d(-120px, 0px, 0px) !important;
}

/* Dropdown general */
.dropdown-menu[b-qcxl32xz6x] {
    z-index: 1060 !important;
    position: absolute !important;
}

.dropdown[b-qcxl32xz6x] {
    position: relative !important;
}

/* Asegura que el botón dropdown no afecte el flujo */
.btn-circle.dropdown-toggle[b-qcxl32xz6x] {
    position: relative;
    z-index: auto;
}

/* Tus estilos existentes (mantenerlos) */
.btn-circle[b-qcxl32xz6x] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* _content/wsmcbl.system/Pages/Index.razor.rz.scp.css */
.card[b-we8lffrq4b] {
    position: relative;
    overflow: visible !important;
    z-index: auto !important;
}

.card-body[b-we8lffrq4b] {
    position: static !important;
    overflow: visible !important;
}

.card.border-left-info .dropdown-menu[b-we8lffrq4b] {
    z-index: 1070 !important;
    position: absolute !important;
    transform: translate3d(-120px, 0px, 0px) !important;
}
.report-card[b-we8lffrq4b] {
    isolation: isolate;
}

.report-card .dropdown-menu[b-we8lffrq4b] {
    z-index: 1070 !important;
    transform: translate3d(-120px, 0px, 0px) !important;
}
/* Dropdown general */
.dropdown-menu[b-we8lffrq4b] {
    z-index: 1060 !important;
    position: absolute !important;
}

.dropdown[b-we8lffrq4b] {
    position: relative !important;
}
/* _content/wsmcbl.system/View/Academy/AddGrade/AddGradeView.razor.rz.scp.css */
/* Estilos personalizados para los botones */
.btn-block[b-01pwl3ov0m] {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    border-radius: 0.25rem;
    transition: background-color 0.3s ease;
}

.btn-outline-primary[b-01pwl3ov0m] {
    border: 1px solid #007bff;
    color: #007bff;
    background-color: transparent;
}

.btn-outline-primary:hover[b-01pwl3ov0m] {
    background-color: #007bff;
    color: #fff;
}

.btn-primary[b-01pwl3ov0m] {
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #fff;
}

.btn-primary:hover[b-01pwl3ov0m] {
    background-color: #0056b3;
    border-color: #0056b3;
}

/* Estilos para el ícono dentro de los botones */
.fas[b-01pwl3ov0m] {
    margin-right: 0.5rem;
}

/* Estilos para el ícono dentro de los botones */
.fas[b-01pwl3ov0m] {
    margin-right: 0.5rem;
}

.tac[b-01pwl3ov0m]{
    text-align: center;
    vertical-align: middle;
}

.tac-max[b-01pwl3ov0m]{
    text-align: center;
    vertical-align: middle;
    width: 150px;
    min-width: 100px;
}

/* Elimina los controles de incremento en navegadores WebKit */
.no-spinner[b-01pwl3ov0m]::-webkit-outer-spin-button,
.no-spinner[b-01pwl3ov0m]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Elimina los controles en Firefox */
.no-spinner[b-01pwl3ov0m] {
    -moz-appearance: textfield;
}

/* Estilo para mostrar claramente que es un campo numérico */
.no-spinner[b-01pwl3ov0m] {
    text-align: center;
}


/* _content/wsmcbl.system/View/Academy/EnrollmentGuide/EnrollmentGuideComponent.razor.rz.scp.css */
/* Estilos para la versión mobile */
@media (max-width: 767.98px) {
    .card[b-pf8bunvwww] {
        border-radius: 0.5rem;
        transition: transform 0.2s;
    }

    .card:hover[b-pf8bunvwww] {
        transform: translateY(-2px);
    }

    .status-label[b-pf8bunvwww] {
        padding: 0.25rem 0.5rem;
        border-radius: 1rem;
        font-size: 0.75rem;
        font-weight: 600;
    }

    /* Botones accesibles en mobile */
    .btn-sm[b-pf8bunvwww] {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
    }
}
@media (min-width: 768px) {
    .table th[b-pf8bunvwww] {
        white-space: nowrap;
        position: relative;
        cursor: pointer;
    }

    .table th:hover[b-pf8bunvwww] {
        background-color: #f8f9fa;
    }

    .btn-group-sm .btn[b-pf8bunvwww] {
        padding: 0.25rem 0.5rem;
    }
}
@media (hover: hover) {
    .btn-outline-primary:hover[b-pf8bunvwww],
    .btn-outline-success:hover[b-pf8bunvwww],
    .btn-outline-info:hover[b-pf8bunvwww] {
        color: white !important;
    }
}
/* _content/wsmcbl.system/View/Academy/EnrollmentListByTeacher/EnrollmentListView.razor.rz.scp.css */
.modern-card[b-mkg9pn9v9k] {
    border-radius: 8px;
    background-color: #f8f9fc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

.modern-card:hover[b-mkg9pn9v9k] {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.modern-card .card-header[b-mkg9pn9v9k] {
    background-color: #4e73df;
    color: #ffffff;
    font-weight: bold;
    padding: 10px;
    border-bottom: 2px solid #2e59d9;
    display: flex;
    align-items: center;
}

.modern-card .card-header .icon[b-mkg9pn9v9k] {
    font-size: 28px;
    margin-right: 10px;
}

.modern-card .card-body[b-mkg9pn9v9k] {
    padding: 20px;
}

.modern-card .h5[b-mkg9pn9v9k] {
    color: #343a40;
    font-weight: bold;
}

.modern-card .btn[b-mkg9pn9v9k] {
    margin-top: 10px;
    background-color: #4e73df;
    border: none;
    font-weight: bold;
}

.modern-card .btn:hover[b-mkg9pn9v9k] {
    background-color: #2e59d9;
}
/* _content/wsmcbl.system/View/Academy/PerformanceReportBySection/PerformanceReportBySectionView.razor.rz.scp.css */
.tac[b-xyyi74dzcm]{
    text-align: center;
    vertical-align: middle;
}

.tac-max[b-xyyi74dzcm]{
    text-align: center;
    vertical-align: middle;
    width: 100px;
    min-width: 90px;
}

.red-background[b-xyyi74dzcm] {
    background-color: #f8796d;
}
/* _content/wsmcbl.system/View/Academy/Statistics/StatisticsView.razor.rz.scp.css */
.total-row[b-g82zfb1o8q] {
    font-weight: bold;
    background-color: #f2f2f2;
}

/* Estilos minimalistas que no interfieren con Bootstrap */
.has-comment[b-g82zfb1o8q] {
    position: relative;
    cursor: help;
    border-bottom: 1px dotted #858796; 
}

.has-comment .comment[b-g82zfb1o8q] {
    visibility: hidden;
    width: 200px;
    background-color: #5a5c69;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 5px 10px;
    position: absolute;
    z-index: 100;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s;
    font-size: 12px;
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.has-comment:hover .comment[b-g82zfb1o8q] {
    visibility: visible;
    opacity: 1;
}

/* Flechita inferior */
.has-comment .comment[b-g82zfb1o8q]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #5a5c69 transparent transparent transparent;
}

.comment-indicator[b-g82zfb1o8q] {
    color: #4e73df;
    margin-left: 5px;
    font-size: 0.8em;
    opacity: 0.7;
}

.has-comment:hover .comment-indicator[b-g82zfb1o8q] {
    opacity: 1;
}
/* _content/wsmcbl.system/View/Academy/SubjectByTeacher/SubjectsByTeacher.razor.rz.scp.css */
#dataTable th[b-w885f4d5i9],
#dataTable td[b-w885f4d5i9] {
    text-align: center;
    vertical-align: middle;
}
/* _content/wsmcbl.system/View/Academy/TopStudents/TopPerformanceStudentsView.razor.rz.scp.css */
.tac[b-r8elwskbou]{
    text-align: center;
    vertical-align: middle;
}

.tac-max[b-r8elwskbou]{
    text-align: center;
    vertical-align: middle;
    width: 100px;
    min-width: 90px;
}
/* _content/wsmcbl.system/View/Accounting/Charts/MonthDetails.razor.rz.scp.css */
@media (max-width: 768px) {
    .chart-container[b-frrwyhzx2d] {
        height: 70vh !important;
        min-height: 400px !important;
    }

    .card-body[b-frrwyhzx2d] {
        padding: 10px;
    }
}

.chart-container canvas[b-frrwyhzx2d] {
    width: 100% !important;
    height: 100% !important;
}
/* _content/wsmcbl.system/View/Accounting/ExchangeRates/ExchangeRateListView.razor.rz.scp.css */
#dataTable th[b-kvd0wg3eic],
#dataTable td[b-kvd0wg3eic] {
    text-align: center !important;
    vertical-align: middle !important; /* Opcional: centra verticalmente */
}

.table-bordered th[b-kvd0wg3eic],
.table-bordered td[b-kvd0wg3eic] {
    text-align: center !important;
}
/* _content/wsmcbl.system/View/Accounting/Reports/Revenue/RevenueReportView.razor.rz.scp.css */
.custom-badge-size[b-vidcq9y44n] {
    font-size: 1rem; /* Tamaño de fuente similar al de 'Cantidad Válida' */
}

[b-vidcq9y44n]::-webkit-clear-button {
    display: none;
}
/* _content/wsmcbl.system/View/Accounting/StudentListView.razor.rz.scp.css */
/* Estilos para la versión mobile */
@media (max-width: 767.98px) {
    .card[b-2i83oihv45] {
        border-radius: 0.5rem;
        transition: transform 0.2s;
    }

    .card:hover[b-2i83oihv45] {
        transform: translateY(-2px);
    }

    .status-label[b-2i83oihv45] {
        padding: 0.25rem 0.5rem;
        border-radius: 1rem;
        font-size: 0.75rem;
        font-weight: 600;
    }

    /* Botones accesibles en mobile */
    .btn-sm[b-2i83oihv45] {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
    }
}
@media (min-width: 768px) {
    .table th[b-2i83oihv45] {
        white-space: nowrap;
        position: relative;
        cursor: pointer;
    }

    .table th:hover[b-2i83oihv45] {
        background-color: #f8f9fa;
    }

    .btn-group-sm .btn[b-2i83oihv45] {
        padding: 0.25rem 0.5rem;
    }
}
@media (hover: hover) {
    .btn-outline-primary:hover[b-2i83oihv45],
    .btn-outline-success:hover[b-2i83oihv45],
    .btn-outline-info:hover[b-2i83oihv45] {
        color: white !important;
    }
}

/* Estilos para componente de paginación responsive */
.page-item[b-2i83oihv45] {
    margin: 0 2px;
}
.page-link[b-2i83oihv45] {
    min-width: 40px;
    text-align: center;
    padding: 0.5rem 0.75rem;
}
@media (max-width: 767.98px) {
    .page-link[b-2i83oihv45] {
        padding: 0.5rem;
        min-width: 44px; /* Tamaño táctil mínimo */
    }

    .page-item.disabled .page-link[b-2i83oihv45] {
        opacity: 0.6;
    }

    .page-item.active .page-link[b-2i83oihv45] {
        font-weight: bold;
    }
}
@media (min-width: 768px) {
    .page-link[b-2i83oihv45] {
        transition: all 0.2s;
    }

    .page-link:hover[b-2i83oihv45] {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
}

/* Estilos para componente de busqueda*/
.input-group[b-2i83oihv45] {
    max-width: 100%;
}
@media (max-width: 575.98px) {
    .input-group[b-2i83oihv45] {
        width: 100% !important;
    }

    .form-control[b-2i83oihv45] {
        font-size: 16px;
    }

    .btn[b-2i83oihv45] {
        padding: 0.375rem 0.75rem;
    }
}
@media (min-width: 576px) {
    .input-group[b-2i83oihv45] {
        width: 300px;
        float: right;
    }
}
.btn-outline-secondary:hover[b-2i83oihv45] {
    background-color: #f8f9fa;
}
/* _content/wsmcbl.system/View/Accounting/TariffCollection/PaymentViewComponent.razor.rz.scp.css */
.modal-body[b-tg5ztp7gdj] {
    display: flex;
    justify-content: center; /* Centra horizontalmente todo el contenido del modal */
    align-items: center;    /* Centra verticalmente todo el contenido del modal si es necesario */
    flex-direction: column; /* Asegura que el contenido se ordene en columna */
}

.finishpaymodal[b-tg5ztp7gdj] {
    display: flex;
    justify-content: center; /* Centra horizontalmente la tabla */
    align-items: center;    /* Centra verticalmente la tabla */
    width: 100%;            /* Asegura que el contenedor ocupe todo el ancho disponible */
}

.finishpaymodal table[b-tg5ztp7gdj] {
    width: 90%;             /* Ajusta el ancho de la tabla */
    border-collapse: collapse; /* Para eliminar los espacios entre celdas */
}

.finishpaymodal th[b-tg5ztp7gdj],
.finishpaymodal td[b-tg5ztp7gdj] {
    padding: 10px;           /* Ajusta el padding según tus necesidades */
    text-align: center;        /* Alineación del texto en las celdas */
}

.finishpaymodal th:last-child[b-tg5ztp7gdj],
.finishpaymodal td:last-child[b-tg5ztp7gdj] {
    text-align: center;       /* Alineación derecha para la columna 'Monto' */
}

.finishpaymodal th:first-child[b-tg5ztp7gdj],
.finishpaymodal td:first-child[b-tg5ztp7gdj] {
    text-align: left;       /* Alineación derecha para la columna 'Monto' */
}

.modal-footer[b-tg5ztp7gdj] {
    display: flex;
    justify-content: space-between; /* Espacio entre los elementos izquierda y derecha */
    align-items: center; /* Centra verticalmente los elementos */
    color: red;
    font-weight: bold; /* Hace el texto en negrita */
}

.expotable th[b-tg5ztp7gdj]{
    text-align: center;
}

.row.centrar[b-tg5ztp7gdj] {
    display: flex;
    justify-content: center; /* Centra horizontalmente el contenido dentro de la fila */
    align-items: center;    /* Centra verticalmente el contenido dentro de la fila si es necesario */
    width: 100%;
    margin-bottom: 10px;           /* Asegura que la fila ocupe todo el ancho disponible */
}

.pay[b-tg5ztp7gdj] {
    margin-bottom: 5px;
}

.pay div[b-tg5ztp7gdj] {
    display: flex;
    align-items: center;
    height: 100%; /* Asegura que tome la altura completa del contenedor */
}

.anchototal[b-tg5ztp7gdj]{
    width: 85%;
}

td[b-tg5ztp7gdj]{
    text-align: center;
}

.subtotal[b-tg5ztp7gdj] {
    color: green;
}

.discount[b-tg5ztp7gdj] {
    color: blue;
}

.arrears[b-tg5ztp7gdj] {
    color: red;
}


.info-box[b-tg5ztp7gdj] {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #e3e6f0;
    border-radius: 0.25rem;
    padding: 1rem;
    margin-bottom: 1rem;
}
.info-box-icon[b-tg5ztp7gdj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.25rem;
    margin-right: 1rem;
}
.info-box-content[b-tg5ztp7gdj] {
    flex-grow: 1;
}
.info-box-text[b-tg5ztp7gdj] {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}
.info-box-value[b-tg5ztp7gdj] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #343a40;
}

.card-footer[b-tg5ztp7gdj] {
    background: #f8f9fa;
}
.btn-success[b-tg5ztp7gdj], .btn-info[b-tg5ztp7gdj] {
    font-size: 1rem;
}


/*--Css para el checkbox */
.center-checkbox[b-tg5ztp7gdj] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.checkbox-label[b-tg5ztp7gdj] {
    cursor: pointer; /* Cambia el cursor al pasar el mouse */
    display: flex;
    align-items: center;
    position: relative;
    width: 40px; /* Ancho del área clickeable */
    height: 40px; /* Alto del área clickeable */
}

.checkbox-label input[b-tg5ztp7gdj] {
    display: none; /* Oculta el checkbox original */
}

.custom-checkbox[b-tg5ztp7gdj] {
    width: 100%; /* Ocupa todo el espacio disponible */
    height: 100%; /* Ocupa todo el espacio disponible */
    background-color: rgba(0, 0, 0, 0.1); /* Color de fondo del checkbox */
    border: 2px solid var(--accent-color); /* Color del borde */
    border-radius: 5px; /* Bordes redondeados */
    transition: background-color 0.3s; /* Suaviza el cambio de fondo */
}

.checkbox-label input:checked + .custom-checkbox[b-tg5ztp7gdj] {
    background-color: var(--accent-color); /* Color de fondo al seleccionar */
}

.checkbox-label input:checked + .custom-checkbox[b-tg5ztp7gdj]::after {
    content: ''; /* Crea una marca de verificación */
    display: block;
    width: 12px; /* Ancho de la marca de verificación */
    height: 12px; /* Alto de la marca de verificación */
    background-color: #4e73df; /* Color de la marca de verificación */
    position: absolute; /* Posiciona la marca dentro del checkbox */
    top: 50%; /* Centra verticalmente */
    left: 50%; /* Centra horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta para centrar */
    border-radius: 2px; /* Bordes redondeados de la marca */
}
/* _content/wsmcbl.system/View/Accounting/TariffCollection/TariffCollectionView.razor.rz.scp.css */
/* Contenedor principal */
.student-card-container[b-ejgmucnm2f] {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

/* Tarjeta base */
.student-card[b-ejgmucnm2f] {
    background: white;
    border-left: 3px solid;
    border-radius: 3px;
    padding: 12px 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    flex: 1;
    min-width: 200px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Variantes de color */
.student-card--primary[b-ejgmucnm2f] {
    border-left-color: #4e73df;
}

.student-card--secondary[b-ejgmucnm2f] {
    border-left-color: #1cc88a;
}

/* Icono */
.student-card__icon[b-ejgmucnm2f] {
    font-size: 1.3rem;
}

.student-card--primary .student-card__icon[b-ejgmucnm2f] {
    color: #4e73df;
}

.student-card--secondary .student-card__icon[b-ejgmucnm2f] {
    color: #1cc88a;
}

/* Contenido */
.student-card__content[b-ejgmucnm2f] {
    display: flex;
    flex-direction: column;
}

.student-card__title[b-ejgmucnm2f] {
    font-weight: 600;
    color: #5a5c69;
}

.student-card--secondary .student-card__title[b-ejgmucnm2f] {
    font-size: 0.9rem;
}

.student-card__detail[b-ejgmucnm2f] {
    font-size: 0.8rem;
    color: #858796;
    margin-top: 2px;
}



@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox][b-ejgmucnm2f] {
        --active: #4e73df;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox][b-ejgmucnm2f]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked[b-ejgmucnm2f] {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled[b-ejgmucnm2f] {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked[b-ejgmucnm2f] {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label[b-ejgmucnm2f] {
        cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled)[b-ejgmucnm2f] {
        --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus[b-ejgmucnm2f] {
        box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-ejgmucnm2f] {
        width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-ejgmucnm2f]:after {
        opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-ejgmucnm2f] {
        --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label[b-ejgmucnm2f] {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 4px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-ejgmucnm2f] {
        border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-ejgmucnm2f]:after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-ejgmucnm2f] {
        --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-ejgmucnm2f] {
        width: 38px;
        border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-ejgmucnm2f]:after {
        left: 2px;
        top: 1px;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked[b-ejgmucnm2f] {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked)[b-ejgmucnm2f]:after {
        opacity: 0.6;
    }
}

.checkbox-wrapper-14 *[b-ejgmucnm2f] {
    box-sizing: inherit;
}
.checkbox-wrapper-14 *[b-ejgmucnm2f]:before,
.checkbox-wrapper-14 *[b-ejgmucnm2f]:after {
    box-sizing: inherit;
}








.StudentData[b-ejgmucnm2f]{
    color: #4e73df;
    font-weight: bold;
}


.modal-body[b-ejgmucnm2f] {
    display: flex;
    justify-content: center; /* Centra horizontalmente todo el contenido del modal */
    align-items: center;    /* Centra verticalmente todo el contenido del modal si es necesario */
    flex-direction: column; /* Asegura que el contenido se ordene en columna */
}

.finishpaymodal[b-ejgmucnm2f] {
    display: flex;
    justify-content: center; /* Centra horizontalmente la tabla */
    align-items: center;    /* Centra verticalmente la tabla */
    width: 100%;            /* Asegura que el contenedor ocupe todo el ancho disponible */
}

.finishpaymodal table[b-ejgmucnm2f] {
    width: 90%;             /* Ajusta el ancho de la tabla */
    border-collapse: collapse; /* Para eliminar los espacios entre celdas */
}

.finishpaymodal th[b-ejgmucnm2f],
.finishpaymodal td[b-ejgmucnm2f] {
    padding: 10px;           /* Ajusta el padding según tus necesidades */
    text-align: center;        /* Alineación del texto en las celdas */
}

.finishpaymodal th:last-child[b-ejgmucnm2f],
.finishpaymodal td:last-child[b-ejgmucnm2f] {
    text-align: center;       /* Alineación derecha para la columna 'Monto' */
}

.finishpaymodal th:first-child[b-ejgmucnm2f],
.finishpaymodal td:first-child[b-ejgmucnm2f] {
    text-align: left;       /* Alineación derecha para la columna 'Monto' */
}

.modal-footer[b-ejgmucnm2f] {
    display: flex;
    justify-content: space-between; /* Espacio entre los elementos izquierda y derecha */
    align-items: center; /* Centra verticalmente los elementos */
    color: red;
    font-weight: bold; /* Hace el texto en negrita */
}

.expotable th[b-ejgmucnm2f]{
    text-align: center;
}

.row.centrar[b-ejgmucnm2f] {
    display: flex;
    justify-content: center; /* Centra horizontalmente el contenido dentro de la fila */
    align-items: center;    /* Centra verticalmente el contenido dentro de la fila si es necesario */
    width: 100%;
    margin-bottom: 10px;           /* Asegura que la fila ocupe todo el ancho disponible */
}

.pay[b-ejgmucnm2f] {
    margin-bottom: 5px;
}

.pay div[b-ejgmucnm2f] {
    display: flex;
    align-items: center;
    height: 100%; /* Asegura que tome la altura completa del contenedor */
}

.anchototal[b-ejgmucnm2f]{
    width: 85%;
}

td[b-ejgmucnm2f]{
    text-align: center;
}

.subtotal[b-ejgmucnm2f] {
    color: green;
}

.discount[b-ejgmucnm2f] {
    color: blue;
}

.arrears[b-ejgmucnm2f] {
    color: red;
}


.info-box[b-ejgmucnm2f] {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #e3e6f0;
    border-radius: 0.25rem;
    padding: 1rem;
    margin-bottom: 1rem;
}
.info-box-icon[b-ejgmucnm2f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.25rem;
    margin-right: 1rem;
}
.info-box-content[b-ejgmucnm2f] {
    flex-grow: 1;
}
.info-box-text[b-ejgmucnm2f] {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}
.info-box-value[b-ejgmucnm2f] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #343a40;
}

.card-footer[b-ejgmucnm2f] {
    background: #f8f9fa;
}
.btn-success[b-ejgmucnm2f], .btn-info[b-ejgmucnm2f] {
    font-size: 1rem;
}

/* _content/wsmcbl.system/View/Components/CreateStudent/CreateStudentProfileView.razor.rz.scp.css */
.modal-dialog[b-b0qnofic84] {
    width: 80%; /* Ocupar 80% del ancho de la pantalla */
    max-width: 80%; /* Limitar el ancho máximo a 80% */
    margin: auto; /* Centrar el modal horizontalmente */
}

.modal-content[b-b0qnofic84] {
    height: auto; /* Ajustar la altura automáticamente según el contenido */
    max-height: 95vh; /* Limitar la altura máxima a 90% de la altura de la ventana */
    overflow-y: auto; /* Habilitar scroll si el contenido es demasiado alto */
    margin-top: 20px;
}
/* _content/wsmcbl.system/View/Components/DashbardStudent/DashboardStudentView.razor.rz.scp.css */
.student-profile-compact[b-gs75rl9vqa] {
    border-radius: 0.35rem;
}

.profile-picture-rect[b-gs75rl9vqa] {
    width: 100%;
    max-width: 150px;
    height: 150px;
    object-fit: cover;
    border: 3px solid white;
    box-shadow: 0 0.15rem 0.5rem rgba(0,0,0,.1);
    border-radius: 8px !important;
}

.student-details[b-gs75rl9vqa] {
    font-size: 0.85rem;
}

.student-details i[b-gs75rl9vqa] {
    width: 20px;
    text-align: center;
}
/* _content/wsmcbl.system/View/Components/GetDateRecordingGrade/GetDateRecordingGradeComponent.razor.rz.scp.css */
/* _content/wsmcbl.system/View/Components/MyInformationView.razor.rz.scp.css */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox][b-cpe4syp8aq] {
        --active: #4e73df;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox][b-cpe4syp8aq]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked[b-cpe4syp8aq] {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled[b-cpe4syp8aq] {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked[b-cpe4syp8aq] {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label[b-cpe4syp8aq] {
        cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled)[b-cpe4syp8aq] {
        --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus[b-cpe4syp8aq] {
        box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-cpe4syp8aq] {
        width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-cpe4syp8aq]:after {
        opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-cpe4syp8aq] {
        --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label[b-cpe4syp8aq] {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 4px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-cpe4syp8aq] {
        border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-cpe4syp8aq]:after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-cpe4syp8aq] {
        --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-cpe4syp8aq] {
        width: 38px;
        border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-cpe4syp8aq]:after {
        left: 2px;
        top: 1px;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked[b-cpe4syp8aq] {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked)[b-cpe4syp8aq]:after {
        opacity: 0.6;
    }
}

.checkbox-wrapper-14 *[b-cpe4syp8aq] {
    box-sizing: inherit;
}
.checkbox-wrapper-14 *[b-cpe4syp8aq]:before,
.checkbox-wrapper-14 *[b-cpe4syp8aq]:after {
    box-sizing: inherit;
}
/* _content/wsmcbl.system/View/Components/StudentPasswordView/StudentPasswordView.razor.rz.scp.css */
/* _content/wsmcbl.system/View/Components/ViewEnrollmentReports/ViewEnrollmentReports.razor.rz.scp.css */
/* Contenedor principal */
.degree-selector-container[b-ltx3sukkcz] {
    max-width: 800px;
    margin: 0 auto;
}

/* Títulos */
.section-title[b-ltx3sukkcz] {
    color: #2d3748;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.degree-title[b-ltx3sukkcz] {
    color: #1a365d;
    margin: 0;
    font-size: 1.1rem;
}

/* Tarjetas de grado */
.degree-card[b-ltx3sukkcz] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.degree-header[b-ltx3sukkcz] {
    background: #f7fafc;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #edf2f7;
}

.badge[b-ltx3sukkcz] {
    background: #4299e1;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Opciones de matrícula */
.enrollments-container[b-ltx3sukkcz] {
    padding: 0.5rem;
}

.enrollment-option[b-ltx3sukkcz] {
    margin: 0.25rem 0;
    transition: all 0.2s;
}

.enrollment-option.selected[b-ltx3sukkcz] {
    background: #ebf8ff;
    border-radius: 4px;
}

.enrollment-option:hover[b-ltx3sukkcz] {
    background: #f7fafc;
}

.checkbox-wrapper[b-ltx3sukkcz] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    cursor: pointer;
    position: relative;
}

.checkbox-wrapper input[type="radio"][b-ltx3sukkcz] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark[b-ltx3sukkcz] {
    position: relative;
    height: 18px;
    width: 18px;
    background-color: white;
    border: 2px solid #cbd5e0;
    border-radius: 50%;
    margin-right: 1rem;
}

.checkbox-wrapper input[type="radio"]:checked ~ .checkmark[b-ltx3sukkcz] {
    background-color: #3182ce;
    border-color: #3182ce;
}

.checkmark[b-ltx3sukkcz]:after {
    content: "";
    position: absolute;
    display: none;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.checkbox-wrapper input[type="radio"]:checked ~ .checkmark[b-ltx3sukkcz]:after {
    display: block;
}

.enrollment-info[b-ltx3sukkcz] {
    display: flex;
    flex-direction: column;
}

.enrollment-label[b-ltx3sukkcz] {
    font-weight: 500;
    color: #2d3748;
}

.enrollment-tag[b-ltx3sukkcz] {
    font-size: 0.8rem;
    color: #718096;
}
/* _content/wsmcbl.system/View/Config/Authentication/LoginView.razor.rz.scp.css */
/* Estilos generales */
.login-container[b-cuyoeh2t2c] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-color: #4e73df;
    background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
    background-size: cover;
}

.login-wrapper[b-cuyoeh2t2c] {
    width: 100%;
    padding: 20px;
}

.login-card[b-cuyoeh2t2c] {
    border-radius: 10px;
    overflow: hidden;
    max-width: 900px;
    margin: 0 auto;
}

.login-row[b-cuyoeh2t2c] {
    display: flex;
    min-height: 500px;
}

/* Columna de la imagen */
.login-image-col[b-cuyoeh2t2c] {
    flex: 1;
    background: url('img/cbl/cbl1.jpg') center center;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 30px;
}

.login-image-overlay[b-cuyoeh2t2c] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.login-image-content[b-cuyoeh2t2c] {
    position: relative;
    z-index: 1;
    color: white;
}

.login-image-content h2[b-cuyoeh2t2c] {
    font-weight: 600;
    margin-bottom: 5px;
}

.login-image-content p[b-cuyoeh2t2c] {
    opacity: 0.9;
}

/* Columna del formulario */
.login-form-col[b-cuyoeh2t2c] {
    flex: 1;
    background: white;
    padding: 40px;
    display: flex;
    align-items: center;
}

.login-form-container[b-cuyoeh2t2c] {
    width: 100%;
}

.login-form[b-cuyoeh2t2c] {
    margin-top: 20px;
}

/* Estilos de formulario */
.form-group[b-cuyoeh2t2c] {
    margin-bottom: 1.5rem;
}

.form-group label[b-cuyoeh2t2c] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #5a5c69;
}

.form-control[b-cuyoeh2t2c] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d3e2;
    border-radius: 0.35rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus[b-cuyoeh2t2c] {
    border-color: #bac8f3;
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

/* Botón */
.btn-primary[b-cuyoeh2t2c] {
    background-color: #4e73df;
    border-color: #4e73df;
    padding: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-primary:hover[b-cuyoeh2t2c] {
    background-color: #2e59d9;
    border-color: #2653d4;
}

/* Captcha */
.captcha-container[b-cuyoeh2t2c] {
    margin-top: 2rem;
}

/* Responsive */
@media (max-width: 768px) {
    .login-row[b-cuyoeh2t2c] {
        flex-direction: column;
    }

    .login-image-col[b-cuyoeh2t2c] {
        min-height: 200px;
    }
}
/* _content/wsmcbl.system/View/Config/CreateNewUser/CreateNewUserModal.razor.rz.scp.css */
.modal-overlay[b-639exru9ak] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.09);  /* Fondo oscuro semi-transparente */
    display: flex;
    flex-direction: column;  /* Coloca el loader y el texto en columna */
    justify-content: center;
    align-items: center;
    z-index: 1050; /* Asegúrate de que el overlay esté por encima del contenido */
}

.WaitingMakeUser[b-639exru9ak] {
    width: 40px;
    height: 40px;
    position: relative;
    --c: no-repeat linear-gradient(rgb(78, 115, 223) 0 0);
    background: var(--c) center/100% 10px,
    var(--c) center/10px 100%;
}

.WaitingMakeUser[b-639exru9ak]:before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--c) 0 0,
    var(--c) 100% 0,
    var(--c) 0 100%,
    var(--c) 100% 100%;
    background-size: 15.5px 15.5px;
    animation: l16-b-639exru9ak 1.5s infinite cubic-bezier(0.3,1,0,1);
}

@keyframes l16-b-639exru9ak {
    33% { inset: -10px; transform: rotate(0deg); }
    66% { inset: -10px; transform: rotate(90deg); }
    100% { inset: 0; transform: rotate(90deg); }
}

.loader-text[b-639exru9ak] {
    margin-top: 25px; 
    font-size: 18px;
    color: #4e73df; 
    font-weight: bold;
}




@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox][b-639exru9ak] {
        --active: #4e73df;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox][b-639exru9ak]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked[b-639exru9ak] {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled[b-639exru9ak] {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked[b-639exru9ak] {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label[b-639exru9ak] {
        cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled)[b-639exru9ak] {
        --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus[b-639exru9ak] {
        box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-639exru9ak] {
        width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-639exru9ak]:after {
        opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-639exru9ak] {
        --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label[b-639exru9ak] {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 4px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-639exru9ak] {
        border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-639exru9ak]:after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-639exru9ak] {
        --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-639exru9ak] {
        width: 38px;
        border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-639exru9ak]:after {
        left: 2px;
        top: 1px;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked[b-639exru9ak] {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked)[b-639exru9ak]:after {
        opacity: 0.6;
    }
}

.checkbox-wrapper-14 *[b-639exru9ak] {
    box-sizing: inherit;
}
.checkbox-wrapper-14 *[b-639exru9ak]:before,
.checkbox-wrapper-14 *[b-639exru9ak]:after {
    box-sizing: inherit;
}

/* _content/wsmcbl.system/View/Config/UserInformationView/ViewUserInfo.razor.rz.scp.css */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox][b-hap2kqjpaq] {
        --active: #4e73df;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox][b-hap2kqjpaq]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked[b-hap2kqjpaq] {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled[b-hap2kqjpaq] {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked[b-hap2kqjpaq] {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label[b-hap2kqjpaq] {
        cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled)[b-hap2kqjpaq] {
        --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus[b-hap2kqjpaq] {
        box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-hap2kqjpaq] {
        width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-hap2kqjpaq]:after {
        opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-hap2kqjpaq] {
        --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label[b-hap2kqjpaq] {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 4px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-hap2kqjpaq] {
        border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-hap2kqjpaq]:after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-hap2kqjpaq] {
        --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-hap2kqjpaq] {
        width: 38px;
        border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-hap2kqjpaq]:after {
        left: 2px;
        top: 1px;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked[b-hap2kqjpaq] {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked)[b-hap2kqjpaq]:after {
        opacity: 0.6;
    }
}

.checkbox-wrapper-14 *[b-hap2kqjpaq] {
    box-sizing: inherit;
}
.checkbox-wrapper-14 *[b-hap2kqjpaq]:before,
.checkbox-wrapper-14 *[b-hap2kqjpaq]:after {
    box-sizing: inherit;
}
/* _content/wsmcbl.system/View/Config/UserList/UserListView.razor.rz.scp.css */
/* Estilos para la versión mobile */
@media (max-width: 767.98px) {
    .card[b-psea3pv9a8] {
        border-radius: 0.5rem;
        transition: transform 0.2s;
    }

    .card:hover[b-psea3pv9a8] {
        transform: translateY(-2px);
    }

    .status-label[b-psea3pv9a8] {
        padding: 0.25rem 0.5rem;
        border-radius: 1rem;
        font-size: 0.75rem;
        font-weight: 600;
    }

    /* Botones accesibles en mobile */
    .btn-sm[b-psea3pv9a8] {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
    }
}
@media (min-width: 768px) {
    .table th[b-psea3pv9a8] {
        white-space: nowrap;
        position: relative;
        cursor: pointer;
    }

    .table th:hover[b-psea3pv9a8] {
        background-color: #f8f9fa;
    }

    .btn-group-sm .btn[b-psea3pv9a8] {
        padding: 0.25rem 0.5rem;
    }
}
@media (hover: hover) {
    .btn-outline-primary:hover[b-psea3pv9a8],
    .btn-outline-success:hover[b-psea3pv9a8],
    .btn-outline-info:hover[b-psea3pv9a8] {
        color: white !important;
    }
}

/* Estilos para componente de paginación responsive */
.page-item[b-psea3pv9a8] {
    margin: 0 2px;
}
.page-link[b-psea3pv9a8] {
    min-width: 40px;
    text-align: center;
    padding: 0.5rem 0.75rem;
}
@media (max-width: 767.98px) {
    .page-link[b-psea3pv9a8] {
        padding: 0.5rem;
        min-width: 44px; /* Tamaño táctil mínimo */
    }

    .page-item.disabled .page-link[b-psea3pv9a8] {
        opacity: 0.6;
    }

    .page-item.active .page-link[b-psea3pv9a8] {
        font-weight: bold;
    }
}
@media (min-width: 768px) {
    .page-link[b-psea3pv9a8] {
        transition: all 0.2s;
    }

    .page-link:hover[b-psea3pv9a8] {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
}

/* Estilos para componente de busqueda*/
.input-group[b-psea3pv9a8] {
    max-width: 100%;
}
@media (max-width: 575.98px) {
    .input-group[b-psea3pv9a8] {
        width: 100% !important;
    }

    .form-control[b-psea3pv9a8] {
        font-size: 16px;
    }

    .btn[b-psea3pv9a8] {
        padding: 0.375rem 0.75rem;
    }
}
@media (min-width: 576px) {
    .input-group[b-psea3pv9a8] {
        width: 300px;
        float: right;
    }
}
.btn-outline-secondary:hover[b-psea3pv9a8] {
    background-color: #f8f9fa;
}
/* _content/wsmcbl.system/View/Management/PartialsGradeRecording/ActivePartialsComponent.razor.rz.scp.css */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox][b-ra8mnfzths] {
        --active: #4e73df;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox][b-ra8mnfzths]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked[b-ra8mnfzths] {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled[b-ra8mnfzths] {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked[b-ra8mnfzths] {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label[b-ra8mnfzths] {
        cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled)[b-ra8mnfzths] {
        --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus[b-ra8mnfzths] {
        box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-ra8mnfzths] {
        width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-ra8mnfzths]:after {
        opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-ra8mnfzths] {
        --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label[b-ra8mnfzths] {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 4px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-ra8mnfzths] {
        border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-ra8mnfzths]:after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-ra8mnfzths] {
        --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-ra8mnfzths] {
        width: 38px;
        border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-ra8mnfzths]:after {
        left: 2px;
        top: 1px;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked[b-ra8mnfzths] {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked)[b-ra8mnfzths]:after {
        opacity: 0.6;
    }
}

.checkbox-wrapper-14 *[b-ra8mnfzths] {
    box-sizing: inherit;
}
.checkbox-wrapper-14 *[b-ra8mnfzths]:before,
.checkbox-wrapper-14 *[b-ra8mnfzths]:after {
    box-sizing: inherit;
}
/* _content/wsmcbl.system/View/Management/Register/PrintInfoStudent/InfoStudentComponent.razor.rz.scp.css */
/* Estilos para impresión */
@media print {
    /* Oculta los elementos con la clase no-print */
    .no-print[b-321isx2875] {
        display: none !important;
    }

    /* Oculta todo el contenido de la página excepto el modal */
    body *[b-321isx2875] {
        visibility: hidden;
    }

    /* Muestra solo el contenido del modal */
    .modal-content[b-321isx2875],
    .modal-content *[b-321isx2875] {
        visibility: visible;
    }

    /* Ajusta el modal para que ocupe toda la página */
    .modal[b-321isx2875] {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        border: none;
        box-shadow: none;
    }

    .modal-dialog[b-321isx2875] {
        max-width: 100%;
        margin: 0;
    }

    .modal-content[b-321isx2875] {
        border: none;
        box-shadow: none;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    /* Ajusta el tamaño del papel a carta */
    @page {
        size: A4 portrait;
        margin: 0.5cm;
    }

    /* Estilos para el contenido del modal */
    .modal-body[b-321isx2875] {
        padding: 0;
    }

    .card[b-321isx2875] {
        border: none;
        box-shadow: none;
        margin-bottom: 10px;
    }

    .card-header[b-321isx2875] {
        background-color: #f8f9fa !important;
        color: #000 !important;
        border-bottom: 1px solid #000;
    }

    .card-title[b-321isx2875] {
        font-size: 16pt;
        font-weight: bold;
    }

    .table[b-321isx2875] {
        width: 100%;
        border-collapse: collapse;
    }

    .table th[b-321isx2875], .table td[b-321isx2875] {
        border: 1px solid #000;
        padding: 8px;
        font-size: 14pt;
    }

    .table th[b-321isx2875] {
        background-color: #f8f9fa !important;
        color: #000 !important;
    }

    .img-fluid[b-321isx2875] {
        max-width: 150px;
        height: auto;
    }
}
/* _content/wsmcbl.system/View/Management/Register/RegisterView.razor.rz.scp.css */
.table td[b-c60bnu8wpm], .table th[b-c60bnu8wpm] {
    white-space: nowrap; /* Evita que el texto se divida en varias líneas */
}
/* _content/wsmcbl.system/View/Management/ReportUserCalification/ViewDetails.razor.rz.scp.css */
.modal-dialog.custom-centered[b-owotv27lnt] {
    margin: 0 auto;
    left: 0;
    right: 0;
}
/* _content/wsmcbl.system/View/Secretary/Degrees/InitializeEnrollmentView.razor.rz.scp.css */
/* _content/wsmcbl.system/View/Secretary/Degrees/UpdateEnrollment/UpdateEnrollmentView.razor.rz.scp.css */
.disabled-option[b-68dzdbxntt] {
    color: gray; /* Cambia el color de las opciones deshabilitadas */
    font-style: italic; /* Aplica un estilo en cursiva */
}

.status-label[b-68dzdbxntt] {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 0.8em;
}

.active-status[b-68dzdbxntt] {
    background-color: #28A745;
    border-radius: 6px;
    padding: 4px 8px;
    color: white;
    display: inline-block;
}

.inactive-status[b-68dzdbxntt] {
    background-color: #E74C3C;
    border-radius: 6px;
    padding: 4px 5px;
    color: white;
    display: inline-block;
}
/* _content/wsmcbl.system/View/Secretary/Schoolyear/SchoolyearListView.razor.rz.scp.css */
.status-label[b-6mp0sxlqjp] {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 0.8em;
}

.active-status[b-6mp0sxlqjp] {
    background-color: #1CC88A;
}

.inactive-status[b-6mp0sxlqjp] {
    background-color: red;
}
/* _content/wsmcbl.system/View/Secretary/Schoolyear/SchoolYearView/New/CreateNewSchoolYearView.razor.rz.scp.css */
.stepper-wrapper[b-tuontcq641] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stepper-item[b-tuontcq641] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.stepper-item[b-tuontcq641]::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}

.stepper-item[b-tuontcq641]::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}

.stepper-item:first-child[b-tuontcq641]::before,
.stepper-item:last-child[b-tuontcq641]::after {
    content: none;
}

.step-counter[b-tuontcq641] {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
    color: white;
    font-weight: bold;
}

.stepper-item.active .step-counter[b-tuontcq641] {
    background: var(--primary);
}

.stepper-item.completed .step-counter[b-tuontcq641] {
    background: var(--success);
}

.stepper-item.completed[b-tuontcq641]::after {
    border-bottom: 2px solid var(--success);
}

.step-name[b-tuontcq641] {
    color: #666;
    font-size: 0.85rem;
}

.stepper-item.active .step-name[b-tuontcq641],
.stepper-item.completed .step-name[b-tuontcq641] {
    color: var(--primary);
    font-weight: bold;
}
/* _content/wsmcbl.system/View/Secretary/Schoolyear/SubjectView/SubjectsList/SubjectsView.razor.rz.scp.css */
.table-hover tbody tr:hover[b-6r8y8u3kxc] {
    background-color: rgba(0, 123, 255, 0.05);
}
/* _content/wsmcbl.system/View/Secretary/StudentList/ModifyEducationLevel/ChangeEducationLevelView.razor.rz.scp.css */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox][b-bxxpvobbc4] {
        --active: #4e73df;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox][b-bxxpvobbc4]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked[b-bxxpvobbc4] {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled[b-bxxpvobbc4] {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked[b-bxxpvobbc4] {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label[b-bxxpvobbc4] {
        cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled)[b-bxxpvobbc4] {
        --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus[b-bxxpvobbc4] {
        box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-bxxpvobbc4] {
        width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-bxxpvobbc4]:after {
        opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-bxxpvobbc4] {
        --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label[b-bxxpvobbc4] {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 4px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-bxxpvobbc4] {
        border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-bxxpvobbc4]:after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-bxxpvobbc4] {
        --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-bxxpvobbc4] {
        width: 38px;
        border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-bxxpvobbc4]:after {
        left: 2px;
        top: 1px;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked[b-bxxpvobbc4] {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked)[b-bxxpvobbc4]:after {
        opacity: 0.6;
    }
}

.checkbox-wrapper-14 *[b-bxxpvobbc4] {
    box-sizing: inherit;
}
.checkbox-wrapper-14 *[b-bxxpvobbc4]:before,
.checkbox-wrapper-14 *[b-bxxpvobbc4]:after {
    box-sizing: inherit;
}
/* _content/wsmcbl.system/View/Secretary/StudentList/StudentListView.razor.rz.scp.css */
/* Estilos para la versión mobile */
@media (max-width: 767.98px) {
    .card[b-363qzieio3] {
        border-radius: 0.5rem;
        transition: transform 0.2s;
    }

    .card:hover[b-363qzieio3] {
        transform: translateY(-2px);
    }

    .status-label[b-363qzieio3] {
        padding: 0.25rem 0.5rem;
        border-radius: 1rem;
        font-size: 0.75rem;
        font-weight: 600;
    }

    /* Botones accesibles en mobile */
    .btn-sm[b-363qzieio3] {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
    }
}
@media (min-width: 768px) {
    .table th[b-363qzieio3] {
        white-space: nowrap;
        position: relative;
        cursor: pointer;
    }

    .table th:hover[b-363qzieio3] {
        background-color: #f8f9fa;
    }

    .btn-group-sm .btn[b-363qzieio3] {
        padding: 0.25rem 0.5rem;
    }
}
@media (hover: hover) {
    .btn-outline-primary:hover[b-363qzieio3],
    .btn-outline-success:hover[b-363qzieio3],
    .btn-outline-info:hover[b-363qzieio3] {
        color: white !important;
    }
}

/* Estilos para componente de paginación responsive */
.page-item[b-363qzieio3] {
    margin: 0 2px;
}
.page-link[b-363qzieio3] {
    min-width: 40px;
    text-align: center;
    padding: 0.5rem 0.75rem;
}
@media (max-width: 767.98px) {
    .page-link[b-363qzieio3] {
        padding: 0.5rem;
        min-width: 44px; /* Tamaño táctil mínimo */
    }

    .page-item.disabled .page-link[b-363qzieio3] {
        opacity: 0.6;
    }

    .page-item.active .page-link[b-363qzieio3] {
        font-weight: bold;
    }
}
@media (min-width: 768px) {
    .page-link[b-363qzieio3] {
        transition: all 0.2s;
    }

    .page-link:hover[b-363qzieio3] {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
}

/* Estilos para componente de busqueda*/
.input-group[b-363qzieio3] {
    max-width: 100%;
}
@media (max-width: 575.98px) {
    .input-group[b-363qzieio3] {
        width: 100% !important;
    }

    .form-control[b-363qzieio3] {
        font-size: 16px; 
    }

    .btn[b-363qzieio3] {
        padding: 0.375rem 0.75rem;
    }
}
@media (min-width: 576px) {
    .input-group[b-363qzieio3] {
        width: 300px;
        float: right;
    }
}
.btn-outline-secondary:hover[b-363qzieio3] {
    background-color: #f8f9fa;
}
/* _content/wsmcbl.system/View/Secretary/UpdateStudentComponent.razor.rz.scp.css */
.info[b-f1fr8vtg2b]{
    margin: 22px;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.form-control.p1[b-f1fr8vtg2b] {
    margin: 10px;
}

.input-redimensionable[b-f1fr8vtg2b] {
    margin: 10px;
    resize: vertical; /* Permite la redimensión vertical */

    display: block;
    width: 100%;
    height: 95px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d3e2;
    border-radius: 0.35rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

select[b-f1fr8vtg2b]{
    display: block;
    width: 100%;
    margin: 10px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d3e2;
    border-radius: 0.35rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-redimensionable:focus[b-f1fr8vtg2b] {
    color: #6e707e;
    background-color: #fff;
    border-color: #bac8f3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}
.modal-dialog.modal-lg[b-f1fr8vtg2b]{
    width: 100%;
    height: 100%;
    margin: 0%;
    padding: 0;
    max-width: 100%;
    max-height: 100%;
}
/* _content/wsmcbl.system/View/Secretary/UpdateStudentProfile/PhotoView.razor.rz.scp.css */
/* Estilos personalizados */
#videoElement[b-dvsiv91zfe] {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: cover; 
    border-radius: 10px; 
}

.profile-panel[b-dvsiv91zfe] {
    max-width: 700px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.profile-img-container[b-dvsiv91zfe] {
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}
.profile-img[b-dvsiv91zfe] {
    width: 100%;
    max-width: 250px;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    border: 4px solid #007bff;
}
.profile-info[b-dvsiv91zfe] {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.profile-name[b-dvsiv91zfe] {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0;
}
.profile-role[b-dvsiv91zfe] {
    color: #888;
    font-size: 1rem;
    margin-bottom: 1rem;
}
.profile-details[b-dvsiv91zfe] {
    margin-top: 1.5rem;
}
.profile-buttons .btn[b-dvsiv91zfe] {
    width: 100%;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 4px;
}
/* _content/wsmcbl.system/View/Secretary/UpdateStudentProfile/UpdateStudentView.razor.rz.scp.css */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox][b-sdn4jx4aoo] {
        --active: #4e73df;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        --border: #BBC1E1;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox][b-sdn4jx4aoo]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked[b-sdn4jx4aoo] {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled[b-sdn4jx4aoo] {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked[b-sdn4jx4aoo] {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label[b-sdn4jx4aoo] {
        cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled)[b-sdn4jx4aoo] {
        --bc: var(--border-hover);
    }
    .checkbox-wrapper-14 input[type=checkbox]:focus[b-sdn4jx4aoo] {
        box-shadow: 0 0 0 var(--focus);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-sdn4jx4aoo] {
        width: 21px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-sdn4jx4aoo]:after {
        opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-sdn4jx4aoo] {
        --o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox] + label[b-sdn4jx4aoo] {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 4px;
    }

    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-sdn4jx4aoo] {
        border-radius: 7px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch)[b-sdn4jx4aoo]:after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        transform: rotate(var(--r, 20deg));
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked[b-sdn4jx4aoo] {
        --r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-sdn4jx4aoo] {
        width: 38px;
        border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch[b-sdn4jx4aoo]:after {
        left: 2px;
        top: 1px;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        background: var(--ab, var(--border));
        transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked[b-sdn4jx4aoo] {
        --ab: var(--active-inner);
        --x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked)[b-sdn4jx4aoo]:after {
        opacity: 0.6;
    }
}

.checkbox-wrapper-14 *[b-sdn4jx4aoo] {
    box-sizing: inherit;
}
.checkbox-wrapper-14 *[b-sdn4jx4aoo]:before,
.checkbox-wrapper-14 *[b-sdn4jx4aoo]:after {
    box-sizing: inherit;
}