/* _content/ControlEscolar/Pages/Index.razor.rz.scp.css */
.welcome[b-ibzkr34n7l] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-ibzkr34n7l] .welcome-gridlayout {
    margin: auto;
    width: auto;
    height: auto;
}

    [b-ibzkr34n7l] .welcome-gridlayout .dxbl-gridlayout-root {
        align-content: center;
        justify-content: center;
    }

[b-ibzkr34n7l] .welcome-title {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.welcome-title .welcome-title-header[b-ibzkr34n7l] {
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: center;
}

.welcome-title .welcome-title-content[b-ibzkr34n7l] {
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: center;
    font-family: cursive;
}

[b-ibzkr34n7l] .welcome-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

[b-ibzkr34n7l] .welcome-card {
    width: 13.25rem;
    height: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 1.5rem;
    text-decoration: none;
    position: relative;
}

    [b-ibzkr34n7l] .welcome-card:hover {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

    [b-ibzkr34n7l] .welcome-card .welcome-card-img {
        width: 5rem;
        height: 5rem;
    }

    [b-ibzkr34n7l] .welcome-card .welcome-card-text {
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: unset;
    }

[b-ibzkr34n7l] .icon-fill {
    fill: var(--bs-primary);
}

[b-ibzkr34n7l] .welcome-card .welcome-card-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bs-body-color);
    opacity: 0.05;
    border-radius: 1rem;
    z-index: -2;
}
/* _content/ControlEscolar/Shared/Header.razor.rz.scp.css */
.navbar.header-navbar[b-fpk6dbb3mf] {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 3.5rem;
    min-height: 3.5rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
}

.header-navbar .navbar-toggler[b-fpk6dbb3mf] {
    outline: none;
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    align-self: stretch;
}

.header-navbar .navbar-toggler .navbar-toggler-icon[b-fpk6dbb3mf] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: transparent !important;
    height: 2rem;
    width: 2rem;
}

.title[b-fpk6dbb3mf] {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 350px) {
    .title[b-fpk6dbb3mf] {
        font-size: inherit;
    }
}
/* _content/ControlEscolar/Shared/MainLayout.razor.rz.scp.css */
/* General */
.page[b-zobs8h02nb] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
}

/* Iconos */
[b-zobs8h02nb] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}
/*.titulo-principal {
    font-family: 'Titulos', sans-serif;
    font-size:10px;
}

.texto-secundario {
    font-family: 'Texto', serif;
}*/
/* Contenidos */
[b-zobs8h02nb] .content {
    overflow: auto;
}

/* Sidebar */
#SidebarPage[b-zobs8h02nb] {
    background-color: lightgray;
}

@media (max-width: 768px) {
    [b-zobs8h02nb] .layout-sidebar {
        grid-area: auto;
    }
}

/* Botones de usuario */
.btn-Logout[b-zobs8h02nb] {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    float: inherit;
}

    .btn-Logout > img[b-zobs8h02nb] {
        width: 30px;
        height: 26px;
    }

.user-profile .logo-container[b-zobs8h02nb] {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.user-profile .log-off-btn[b-zobs8h02nb] {
    border-top: 1px solid #e5e5e5;
}

/* Iconos de perfil */
.menu-icon-user-profile[b-zobs8h02nb] {
    margin-bottom: 2rem;
}

.user-profile .menu-icon-user-profile[b-zobs8h02nb] {
    opacity: 0.25;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.user-name-container[b-zobs8h02nb] {
    color: black;
    padding: 2px;
}

/* Im�genes */
.imgRedonda[b-zobs8h02nb] {
    width: 27px; /* Tama�o deseado */
    height: 27px; /* Tama�o deseado */
    border-radius: 50%;
    margin-right: 8px;
    object-fit: cover; /* Mantiene la proporci�n de la imagen dentro de su tama�o */
    flex-shrink: 0; /* Evita que la imagen encoja */
}

/* Bot�n de retroceso */
.back-button > img[b-zobs8h02nb] {
    width: 50px;
    height: 50px;
}

.back-button:hover[b-zobs8h02nb] {
    background-color: var(--dxbl-btn-hover-color);
    filter: invert(100%);
}

    .back-button:hover > img[b-zobs8h02nb] {
        filter: invert(100%);
    }

/* Modales */
#myModalUser[b-zobs8h02nb] {
    position: fixed;
    left: 1600px;
    top: 80px;
    width: 250px;
    height: 350px;
    z-index: 99999;
}

.modal-dialog-right[b-zobs8h02nb] {
    position: fixed;
    right: 0;
    left: 85%;
    top: 7%;
    margin: 0;
    width: auto;
    height: 100%;
    max-width: 100%; /* Evita que el modal se expanda m�s all� de la pantalla */
    width: 180px;
    height: 265px
}

.modal-content[b-zobs8h02nb] {
    height: 100%;
    /* Elimina el borde del modal si no es necesario */
}

.modal[b-zobs8h02nb] {
    z-index: 1050;
}


/* Navbar */
.navbar-nav-right[b-zobs8h02nb] {
    margin-left: auto;
}

/* Cambiar el color de fondo de la navbar */
.navbar-custom[b-zobs8h02nb] {
    background-color: #2e5596; /* Color de fondo deseado 
                                  Color anterior #00587b #0F2E3B   */
}

    /* Cambiar el color del texto en la navbar */
    .navbar-custom .navbar-nav .nav-link[b-zobs8h02nb] {
        color: #ffffff; /* Color de texto deseado */
    }

        /* Cambiar el color de los enlaces activos en la navbar */
        .navbar-custom .navbar-nav .nav-link.active[b-zobs8h02nb] {
            color: rgba(73,130,213,255); /* Color de texto para el enlace activo */
        }

        /* Cambiar el color de los enlaces en el estado hover */
        .navbar-custom .navbar-nav .nav-link:hover[b-zobs8h02nb] {
            color: #ff5722; /* Color de texto para el enlace en hover */
        }

/* Bot�n de inicio */
.navbar-start-button[b-zobs8h02nb] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #ffffff;
    margin-left: auto; /* Alinea el bot�n a la derecha */
    margin-right: 15px; /* Espacio a la derecha del bot�n de inicio */
}

    .navbar-start-button i[b-zobs8h02nb] {
        font-size: 20px; /* Ajusta el tama�o del �cono */
    }

/* Bot�n de inicio personalizado */
.btn-custom[b-zobs8h02nb] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: blue; /* Color de fondo personalizado */
    border: none;
    border-radius: 5px;
    color: white; /* Color del texto */
    font-size: 14px; /* Tama�o de fuente consistente */
    font-weight: bold;
    margin-right: 8px; /* Espaciado entre botones */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Botones personalizados */
.btn-custom-windows[b-zobs8h02nb] {
    margin: auto;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: transparent; /* Color de fondo personalizado */
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-custom-windows:hover[b-zobs8h02nb] {
        background-color: transparent !important; /* Color de fondo al pasar el cursor */
    }

[b-zobs8h02nb] .btn-custom-windows .dx-button {
    background-color: transparent !important;
    border: none !important;
    color: black !important;
}

    [b-zobs8h02nb] .btn-custom-windows .dx-button:hover {
        background-color: transparent !important;
        color: black !important;
        box-shadow: none !important;
    }

.btn-custom-windows:active[b-zobs8h02nb] {
    background-color: white !important; /* Color del bot�n al ser presionado */
    border-color: #0056b3 !important;
    color: #ffffff !important; /* Cambia el color del texto si es necesario */
}

.btn.btn-custom-windows-primary[b-zobs8h02nb] {
    display: flex;
    align-items: center; /* Centra verticalmente */
    padding: 0; /* Quita padding adicional */
}

.btn-custom-windows-primary:active[b-zobs8h02nb] {
    background-color: #f4ba00 !important; /* Color del bot�n al ser presionado */
    border-color: #0056b3 !important;
    color: #ffffff !important; /* Cambia el color del texto si es necesario */
}




/* Espaciado */
.no-padding[b-zobs8h02nb] {
    padding: 0 !important; /* Elimina el padding */
}
/* Default styles for overlay */

.floating-menu[b-zobs8h02nb] {
    position: fixed;
    opacity: 0;
    transform: translateY(-20px); /* Desliza hacia arriba cuando est� cerrado */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Transici�n suave */
    top: 58px;
    right: 0;
    width: 729px; /* Ajusta el ancho */
    background-color: #F4F4F4; /* Color de fondo del men� */
    color: black; /* Color del texto */
    display: none; /* Inicialmente oculto */
    z-index: 9999; /* Aseg�rate de que est� por encima de otros elementos */
    height: 100vh; /* Ocupa toda la altura de la ventana */
    overflow-y: auto; /* Permite el desplazamiento vertical si el contenido es largo */
    border-radius: 5px 0px 0px 0px;
}


    .floating-menu.open[b-zobs8h02nb] {
        opacity: 1;
        transform: translateY(0); /* Posici�n original cuando est� abierto */
        display: block;
    }




    .floating-menu ul[b-zobs8h02nb] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .floating-menu li[b-zobs8h02nb] {
        padding: 15px;
        border-bottom: 1px solid #444; /* L�nea divisoria entre los elementos */
    }

    .floating-menu a[b-zobs8h02nb] {
        color: white; /* Color de los enlaces */
    }

        .floating-menu a:hover[b-zobs8h02nb] {
            background-color: #555; /* Color de fondo al pasar el cursor */
        }



/* Bot�n de men� */
.menu-toggle[b-zobs8h02nb] {
    background-color: transparent; /* Color del bot�n */
    color: #F4F4F4; /* Color del texto */
    border: none;
    padding-left: 14px;
    cursor: pointer;
    font-size: 16px;
    display: block;
    margin: 3.5px; /* Ajusta seg�n sea necesario */
    border-left: 1px solid #ffffff;
}

    .menu-toggle i:hover[b-zobs8h02nb] {
        transform: rotate(10deg)
    }

.tabs-container[b-zobs8h02nb] {
    width: 100%;
    background-color: white;
    color: red;
}

.btn-user[b-zobs8h02nb] {
    background-color: #2e5596; /* Color del bot�n */
    color: #F4F4F4; /* Color del texto */
    border-radius: 10px;
    padding-left: 14px;
    cursor: pointer;
    font-size: 16px;
    display: block;
}

    .btn-user:hover[b-zobs8h02nb] {
        box-shadow: 4px 4px 6px rgba(0,0,0,0.8);
        /*box-shadow: 4px 4px rgba(0,0,0,0.8);*/
    }

    .btn-user:active[b-zobs8h02nb] {
        background-color: black;
    }
/* Bot�n de inicio */
.btn-inicio[b-zobs8h02nb] {
    margin: auto;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    margin-right: 8px;
    margin-left: 10px;
    background-color: transparent; /* Color de fondo para el bot�n de inicio */
}

    .btn-inicio i[b-zobs8h02nb] {
        font-size: 17px;
        color: white; /* Color del icono */
    }

    .btn-inicio:hover[b-zobs8h02nb] {
        box-shadow: 4px 4px 6px rgba(0,0,0,0.8);
        /*box-shadow: 4px 4px rgba(0,0,0,0.8);*/
    }

    .btn-inicio:active[b-zobs8h02nb] {
        background-color: transparent !important; /* Color del bot�n al ser presionado */
        border-color: #0056b3 !important;
        color: #ffffff !important; /* Cambia el color del texto si es necesario */
    }
/* _content/ControlEscolar/Shared/NavMenu.razor.rz.scp.css */
#sidebar[b-6ieengln3t] {
    min-width: 16rem;
    max-width: 16rem;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    background-color: #F4F4F4; /* parte lateral*/
}
    /* Menu abierto */
    #sidebar.active[b-6ieengln3t] {
        margin-left: 0;
    }

    /* Menu cerrado */
    #sidebar.closed[b-6ieengln3t] {
        margin-left: -250px; /* Ancho del men� */
    }


[b-6ieengln3t] .sidebar-header {
    padding: 1rem 1rem;
    height: 30px;
}

.logo[b-6ieengln3t] {
    text-align: center;
    width: 50%;
}

.hideScroll[b-6ieengln3t] {
    overflow: scroll;
    height: 726px;
    width: 100%;
    /*scrollbar-width: none; */ /*Firefox*/
}

.titulo-principal[b-6ieengln3t] {
    font-family: 'Titulos', sans-serif;
}

.texto-secundario[b-6ieengln3t] {
    font-family: 'Texto', serif;
}

.hideScroll[b-6ieengln3t]::-webkit-scrollbar {
    width: 0;
}

.custom-button[b-6ieengln3t] {
    transition: background-color 0.1s ease; /* Transici�n suave */
}

    .custom-button:hover[b-6ieengln3t] {
        background-color: #23356b; /* Color del bot�n al hacer hover */
        color: #F4F4F4; /* Color del texto al hacer hover */
        cursor: pointer;
    }

    .custom-button i:hover[b-6ieengln3t] {
        color: #F4F4F4;
    }

.custom-button2[b-6ieengln3t] {
    transition: background-color 0.1s ease; /* Transici�n suave */
}

    .custom-button2:hover[b-6ieengln3t] {
        background-color: #2e5596;
        color: #F4F4F4; /* Color del texto al hacer hover */
        cursor: pointer;
    }

    .custom-button2.active[b-6ieengln3t] {
        background-color: #23356b; /* Color de fondo activo */
        color: white; /* Color de texto activo */
        /* Otros estilos para aplicar al bot�n activo */
    }

.titulo-principal[b-6ieengln3t] {
    font-family: 'Titulos', sans-serif;
}

.texto-secundario[b-6ieengln3t] {
    font-family: 'Texto', serif;
}



[b-6ieengln3t] .menu-button-container {
    display: none;
    align-self: center;
}

.menu-button[b-6ieengln3t] {
    padding: 0.375rem;
    width: 1.875rem;
    height: 1.875rem;
    background-image: url("images/menu.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.demo-treeview-template .nav-pills .nav-pills[b-6ieengln3t] {
    margin-left: 0 !important;
}

.demo-treeview-template h5[b-6ieengln3t] {
    margin-bottom: .1rem;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
    width: 100%;
}

.demo-treeview-template .treeview-template-icon[b-6ieengln3t] {
    padding: 7px;
    width: 30px;
    height: 30px;
}

.corner-box[b-6ieengln3t] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 256px; /* Tama�o del recuadro */
    height: 59px;
    background-color: #23356b; /* Fondo semi-transparente */
    color: white;
    padding: 10px;
    /*    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 5);*/
    /* Sombra para darle relieve */
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; /* Centra verticalmente el contenido */
}

.corner-box2[b-6ieengln3t] {
    position: absolute;
    top: 7px;
    left: 210px;
    width: 45px; /* Tama�o del recuadro */
    height: 45px;
    background-color: #23356b; /* Fondo semi-transparente */
    color: white;
    padding: 10px;
    /*    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 5);*/
    /* Sombra para darle relieve */
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; /* Centra verticalmente el contenido */
}
/* Bot�n de men� */
.menu-toggle[b-6ieengln3t] {
    background-color: #23356b; /* Color del bot�n */
    color: white; /* Color del texto */
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    margin: 10px; /* Ajusta seg�n sea necesario */
    transition: transform 0.3s ease;
}


    /* Cuando el men� est� cerrado, el bot�n permanece en su posici�n vertical */
    .menu-toggle.closed[b-6ieengln3t] {
        transform: rotate(90deg); /* Gira el bot�n 90 grados cuando est� cerrado */
    }

    .menu-toggle i:hover[b-6ieengln3t] {
        transform: rotate(10deg)
    }


.logo-button[b-6ieengln3t] {
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
}

.logo-img[b-6ieengln3t] {
    width: auto;
    height: auto;
    display: block;
    margin: auto; /* Centra la imagen */
    width: 90px; /* Tama�o deseado */
}

.fa fa-chevron-right[b-6ieengln3t] {
    color: black;
}

    .fa fa-chevron-right:active[b-6ieengln3t] {
        color: white;
    }

    .fa fa-chevron-right:hover[b-6ieengln3t] {
        color: white;
    }

.fa fa-home[b-6ieengln3t] {
    color: black;
}

    .fa fa-home:active[b-6ieengln3t] {
        color: white;
    }

    .fa fa-home:hover[b-6ieengln3t] {
        color: white;
    }