/* /Components/AccesosComponent/Accesos.razor.rz.scp.css */
.fondo[b-p3rsv20ke5] {
    background-image: url('img/fondo_access_job.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100vh; 
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}

.titulo[b-p3rsv20ke5] {
    color: #339;
    font-weight: bold;
}

.container[b-p3rsv20ke5] {
    width: 50%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.content_form_login[b-p3rsv20ke5], .content_form_registro[b-p3rsv20ke5] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    animation: aparecer-b-p3rsv20ke5 0.5s forwards;
    
}

.giro_inicio[b-p3rsv20ke5] {
    animation: giro-b-p3rsv20ke5 1s infinite;
}

.no_view[b-p3rsv20ke5] {
    display: none;
}

@keyframes aparecer-b-p3rsv20ke5 {
    0% {
        opacity: 0;
        transform: scale(0);
        margin: auto;
    }

    100% {
        opacity: 1;
        transform: scale(1);
        margin: auto;
    }
}

@keyframes giro-b-p3rsv20ke5 {
    0% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(200%);
    }

    50%{
        transform:translateX(200%) translateY(-300%);
    }

    55% {
        transform: translateX(-200%) translateY(-300%);
    }

    60% {
        transform: translateX(-200%) translateY(0);
    }

    100% {
        transform: translateY(0);
    }

}

.form_login[b-p3rsv20ke5] {
    display: flex;
    flex-direction: column;
    padding: 10px 10px;
}

img[b-p3rsv20ke5] {
    width: 80%;
    margin: 30%;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
}

.content_inputs[b-p3rsv20ke5] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

    .content_inputs input[b-p3rsv20ke5] {
        display: block;
        width: 100%;
        background: 0 0;
        font-size: 16px;
        border: none;
        outline: none;
        color: #555;
        line-height: 1.2;
        padding-right: 15px;
    }

    .content_inputs i[b-p3rsv20ke5] {
        width: 1rem;
        margin: auto 3px;
        font-size: 1rem;
        grid-column: span 1/2;
        grid-row: span 1/2;
    }

    .content_inputs label[b-p3rsv20ke5] {
        pointer-events: none;
        transition: all .3s ease-in-out;
    }

/*    .content_inputs input:focus ~ label {
        font-size: .8rem;
        top: -20%;
    }*/

 /*   .content_inputs input:focus ~ i {
        color: rgba(83,109,254,1);
    }*/

    /*.content_inputs:hover, .content_input:active {
        border-bottom: 2px solid #536DFE;
    }*/

/*    .content_inputs:hover i {
         color: #536DFE;
    }*/

/*.form_login span {
    margin: 5px 0;
    font-size: 1rem;
    cursor: pointer;
}*/

.form_login span:hover[b-p3rsv20ke5], .form_login span:active[b-p3rsv20ke5] {
    color: #339;
    transform: scale(1.05);
}

.boton[b-p3rsv20ke5] {
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 25%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

.boton:hover[b-p3rsv20ke5] {
    box-shadow: 0 0 15px rgba(83,109,254,1);
    transform: scale(1.05);
}


input:placeholder-shown[b-p3rsv20ke5] {
    border: 2vh;
    border-radius: 8%;
    padding: 3%;
}

.boton-ver[b-p3rsv20ke5] {
    position: absolute;
    right: 10px;
    top: 65%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #5DDCFB;
    font-size: 1.2rem;
    padding: 0;
}
    .boton-ver:hover[b-p3rsv20ke5] {
        color: #039;
    }



/* /Components/CardActualizarPasswordChecadorComponents/CardActualizarPassChecador.razor.rz.scp.css */
.fondo[b-w512dhu2xo] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-w512dhu2xo] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-w512dhu2xo] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-w512dhu2xo] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-w512dhu2xo] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-w512dhu2xo] {
    width: calc(100% - 10px);
}

.content_inputs input[b-w512dhu2xo] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-w512dhu2xo] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-w512dhu2xo] {
    background: #f7f7f7;
}

.container_form_btn[b-w512dhu2xo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

.boton[b-w512dhu2xo] {
    width: 48%;
    margin: 0;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB, #039);
    color: white;
    padding: 3% 10%;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-w512dhu2xo] {
        box-shadow: 0 0 15px rgba(83, 109, 254, 1);
        transform: scale(1.05);
    }

.boton_cancelar[b-w512dhu2xo] {
    width: 48%;
    margin: 0;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606, #f21b1b);
    color: white;
    padding: 3% 10%;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_cancelar:hover[b-w512dhu2xo] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }


.form[b-w512dhu2xo] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-w512dhu2xo] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-w512dhu2xo] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-w512dhu2xo] {
    display: none;
}

.descripcion[b-w512dhu2xo] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-w512dhu2xo] {
    width: 100%;
    display: flex;
}

.form_login span[b-w512dhu2xo] {
    width: 100%;
    margin-bottom: 1rem;
}
/* /Components/CardActualizarUsuarioChecadorComponents/CardActualizarUsuarioChecador.razor.rz.scp.css */
.fondo[b-zmg6ky27rq] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-zmg6ky27rq] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%;
    text-align: center;
}

.container[b-zmg6ky27rq] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-zmg6ky27rq] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-zmg6ky27rq] {
    width: calc(50% - 10px);
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-zmg6ky27rq] {
    width: calc(100% - 10px);
}

.content_inputs input[b-zmg6ky27rq] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-zmg6ky27rq] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-zmg6ky27rq] {
    background: #f7f7f7;
}

.container_form_btn[b-zmg6ky27rq] {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: auto;
}

    .container_form_btn button[b-zmg6ky27rq] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }

.boton[b-zmg6ky27rq] {
    width: 95%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 3% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-zmg6ky27rq] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.container_form_btn button[b-zmg6ky27rq] {
    cursor: pointer;
    text-align: center;
    display: flex;
}

.boton_cancelar[b-zmg6ky27rq] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 3% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_cancelar:hover[b-zmg6ky27rq] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.boton-agregar[b-zmg6ky27rq] {
    width: auto;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB, #039);
    color: white;
    padding: 10px 20px;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .boton-agregar:hover[b-zmg6ky27rq] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.form[b-zmg6ky27rq] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-zmg6ky27rq] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-zmg6ky27rq] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-zmg6ky27rq] {
    display: none;
}

.descripcion[b-zmg6ky27rq] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-zmg6ky27rq] {
    width: 100%;
    display: flex;
}

.form_login span[b-zmg6ky27rq] {
    width: 100%;
    margin-bottom: 1rem;
}
/* Contenedor principal */
.content_card[b-zmg6ky27rq] {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Contenedor de horarios */
.horarios_container[b-zmg6ky27rq] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

/* Tarjeta de cada horario */
.card_giro[b-zmg6ky27rq] {
    position: relative; /* Para posicionar el icono */
    color: #000;
    background-color: lightgrey !important;
    border: 2px solid #f7f7f7;
    border-radius: .5rem;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    width: 180px;
}

/* Ícono "X" en la parte superior derecha */
.delete_icon[b-zmg6ky27rq] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0.8rem;
    color: red;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

    .delete_icon:hover[b-zmg6ky27rq] {
        transform: scale(1.2);
        color: darkred;
    }

/* Mensaje de alerta cuando no hay horarios */
.no_horarios[b-zmg6ky27rq] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #856404; /* Color de alerta */
    background-color: #fff3cd; /* Fondo amarillo claro */
    border: 1px solid #ffeeba; /* Borde de alerta */
    padding: 15px;
    border-radius: 5px;
    width: 80%;
    max-width: 400px;
    margin-top: 20px;
}
/* /Components/CardNuevaCuentaChecadorComponents/CardNuevaCuentaChecador.razor.rz.scp.css */
.fondo[b-41ylwhftuk] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-41ylwhftuk] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%;
    text-align: center;
}

.container[b-41ylwhftuk] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
    position: relative;
}

.boton_cancelar[b-41ylwhftuk] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: #f21b1b;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .boton_cancelar i[b-41ylwhftuk] {
        font-size: 1.2rem; /* Ajusta el tamaño del icono */
    }

    .boton_cancelar:hover[b-41ylwhftuk] {
        color: #510606; /* Cambio de color al pasar el ratón */
    }

.form_login[b-41ylwhftuk] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-41ylwhftuk] {
    width: calc(50% - 10px);
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-41ylwhftuk] {
    width: calc(100% - 10px);
}

.content_inputs input[b-41ylwhftuk] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-41ylwhftuk] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-41ylwhftuk] {
    background: #f7f7f7;
}

.boton[b-41ylwhftuk] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-41ylwhftuk] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.content_button[b-41ylwhftuk] {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.boton-agregar[b-41ylwhftuk] {
    width: auto; /* Asegura que solo este botón tenga un tamaño ajustado */
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB, #039);
    color: white;
    padding: 10px 20px; /* Más padding para que el botón se vea proporcional */
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all 0.2s ease-in-out;
    cursor: pointer; /* Asegura que el puntero sea de mano al pasar sobre el botón */
}

    .boton-agregar:hover[b-41ylwhftuk] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.form[b-41ylwhftuk] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-41ylwhftuk] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-41ylwhftuk] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-41ylwhftuk] {
    display: none;
}

.descripcion[b-41ylwhftuk] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-41ylwhftuk] {
    width: 100%;
    display: flex;
}

.form_login span[b-41ylwhftuk] {
    width: 100%;
    margin-bottom: 1rem;
}
/* Contenedor principal */
.content_card[b-41ylwhftuk] {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Contenedor de horarios */
.horarios_container[b-41ylwhftuk] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

/* Tarjeta de cada horario */
.card_giro[b-41ylwhftuk] {
    position: relative; /* Para posicionar el icono */
    color: #000;
    background-color: lightgrey !important;
    border: 2px solid #f7f7f7;
    border-radius: .5rem;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    width: 180px;
}

/* Ícono "X" en la parte superior derecha */
.delete_icon[b-41ylwhftuk] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0.8rem;
    color: red;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

    .delete_icon:hover[b-41ylwhftuk] {
        transform: scale(1.2);
        color: darkred;
    }

/* Mensaje de alerta cuando no hay horarios */
.no_horarios[b-41ylwhftuk] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #856404; /* Color de alerta */
    background-color: #fff3cd; /* Fondo amarillo claro */
    border: 1px solid #ffeeba; /* Borde de alerta */
    padding: 15px;
    border-radius: 5px;
    width: 80%;
    max-width: 400px;
    margin-top: 20px;
}
/* /Components/DashBoardComponents/SubComponents/ChartBar.razor.rz.scp.css */
.content_table[b-6ysm29yq9l] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-6ysm29yq9l] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-6ysm29yq9l] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-6ysm29yq9l] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-6ysm29yq9l] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-6ysm29yq9l] {
    grid-column: span 2;
}

.span_3[b-6ysm29yq9l] {
    grid-column: span 3;
}

.title_section[b-6ysm29yq9l] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #333399;
}

.content_data[b-6ysm29yq9l] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}

.width__100[b-6ysm29yq9l] {
    width: 100%;
}

.content__row[b-6ysm29yq9l] {
    display: grid;
    grid-template-columns: 40% repeat(3, 1fr);
    gap: 1rem;
    width: 100%;
    justify-content: space-between;
}

.span_1[b-6ysm29yq9l] {
    padding-top: 1rem;
}

.estilo[b-6ysm29yq9l] {
    font-size: 1rem;
    font-weight: 500;
    color: #000000;
}

content__row p[b-6ysm29yq9l] {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: start;
}

.content__row img[b-6ysm29yq9l] {
    margin-right: 1rem;
    width: 2.5rem;
}


.text_data[b-6ysm29yq9l] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-6ysm29yq9l] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-6ysm29yq9l] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-6ysm29yq9l] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-6ysm29yq9l] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-6ysm29yq9l] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-6ysm29yq9l] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-6ysm29yq9l] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-6ysm29yq9l] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-6ysm29yq9l .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-6ysm29yq9l {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-6ysm29yq9l] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-6ysm29yq9l] {
        border-bottom: .2vw solid #333399;
    }

.content_relative[b-6ysm29yq9l] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-6ysm29yq9l] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-6ysm29yq9l .2s forwards;
}

    .alert_input[b-6ysm29yq9l]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-6ysm29yq9l] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-6ysm29yq9l] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-6ysm29yq9l {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/ChartLineRegistrosMesActualMesAnterior.razor.rz.scp.css */
.content_table[b-sxha1h737k] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-sxha1h737k] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-sxha1h737k] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-sxha1h737k] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-sxha1h737k] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-sxha1h737k] {
    grid-column: span 2;
}

.span_3[b-sxha1h737k] {
    grid-column: span 3;
}

.title_section[b-sxha1h737k] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #333399;
}

.content_data[b-sxha1h737k] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}

.width__100[b-sxha1h737k] {
    width: 100%;
}

.content__row[b-sxha1h737k] {
    display: grid;
    grid-template-columns: 40% repeat(3, 1fr);
    gap: 1rem;
    width: 100%;
    justify-content: space-between;
}

.span_1[b-sxha1h737k] {
    padding-top: 1rem;
}

.estilo[b-sxha1h737k] {
    font-size: 1rem;
    font-weight: 500;
    color: #000000;
}

content__row p[b-sxha1h737k] {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: start;
}

.content__row img[b-sxha1h737k] {
    margin-right: 1rem;
    width: 2.5rem;
}


.text_data[b-sxha1h737k] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-sxha1h737k] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-sxha1h737k] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-sxha1h737k] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-sxha1h737k] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-sxha1h737k] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-sxha1h737k] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-sxha1h737k] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-sxha1h737k] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-sxha1h737k .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-sxha1h737k {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-sxha1h737k] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-sxha1h737k] {
        border-bottom: .2vw solid #333399;
    }

.content_relative[b-sxha1h737k] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-sxha1h737k] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-sxha1h737k .2s forwards;
}

    .alert_input[b-sxha1h737k]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-sxha1h737k] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-sxha1h737k] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-sxha1h737k {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/GraficaTop3.razor.rz.scp.css */
.content_table[b-6s3kq7gvzg] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-6s3kq7gvzg] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-6s3kq7gvzg] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-6s3kq7gvzg] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-6s3kq7gvzg] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}
.span_1[b-6s3kq7gvzg] {
    padding-top: 1rem;
}
.estilo[b-6s3kq7gvzg]{
    font-size: 1rem;
    font-weight: 500;
    color: #000000;
}

.span_2[b-6s3kq7gvzg] {
    grid-column: span 2;
}

.span_3[b-6s3kq7gvzg] {
    grid-column: span 3;
}

.title_section[b-6s3kq7gvzg] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #333399;
}

.content_data[b-6s3kq7gvzg] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}
.content__row[b-6s3kq7gvzg] {
    display: grid;
    grid-template-columns: 40% repeat(1, 1fr);
    gap: 1rem;
    width: 100%;
    justify-content: space-between;
}
content__row p[b-6s3kq7gvzg] {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: start;
}
.content__row img[b-6s3kq7gvzg] {
    margin-right: 1rem;
    width: 2.5rem;
}


.text_data[b-6s3kq7gvzg] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-6s3kq7gvzg] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-6s3kq7gvzg] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-6s3kq7gvzg] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-6s3kq7gvzg] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-6s3kq7gvzg] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-6s3kq7gvzg] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-6s3kq7gvzg] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-6s3kq7gvzg] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-6s3kq7gvzg .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-6s3kq7gvzg {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-6s3kq7gvzg] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-6s3kq7gvzg] {
        border-bottom: .2vw solid #333399;
    }

.content_relative[b-6s3kq7gvzg] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-6s3kq7gvzg] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-6s3kq7gvzg .2s forwards;
}

    .alert_input[b-6s3kq7gvzg]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-6s3kq7gvzg] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-6s3kq7gvzg] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-6s3kq7gvzg {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/GraficaTop3RetardosFaltas.razor.rz.scp.css */
.content_table[b-lfr1mmp721] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-lfr1mmp721] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-lfr1mmp721] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-lfr1mmp721] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-lfr1mmp721] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-lfr1mmp721] {
    grid-column: span 2;
}

.span_3[b-lfr1mmp721] {
    grid-column: span 3;
}

.title_section[b-lfr1mmp721] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #333399;
}

.content_data[b-lfr1mmp721] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}

.width__100[b-lfr1mmp721] {
    width: 100%;
}

.content__row[b-lfr1mmp721] {
    display: grid;
    grid-template-columns: 40% repeat(3, 1fr);
    gap: 1rem;
    width: 100%;
    justify-content: space-between;
    
}
.span_1[b-lfr1mmp721] {
    padding-top: 1rem;
}
.estilo[b-lfr1mmp721]{
    font-size: 1rem;
    font-weight: 500;
    color: #000000;
}

content__row p[b-lfr1mmp721] {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: start;
}

.content__row img[b-lfr1mmp721] {
    margin-right: 1rem;
    width: 2.5rem;
}


.text_data[b-lfr1mmp721] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-lfr1mmp721] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-lfr1mmp721] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-lfr1mmp721] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-lfr1mmp721] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-lfr1mmp721] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-lfr1mmp721] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-lfr1mmp721] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-lfr1mmp721] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-lfr1mmp721 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-lfr1mmp721 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-lfr1mmp721] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-lfr1mmp721] {
        border-bottom: .2vw solid #333399;
    }

.content_relative[b-lfr1mmp721] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-lfr1mmp721] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-lfr1mmp721 .2s forwards;
}

    .alert_input[b-lfr1mmp721]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-lfr1mmp721] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-lfr1mmp721] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-lfr1mmp721 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/GraficoIncidenciasVelocimetro.razor.rz.scp.css */
.content_table[b-3xbwzelzkh] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-3xbwzelzkh] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-3xbwzelzkh] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-3xbwzelzkh] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-3xbwzelzkh] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-3xbwzelzkh] {
    grid-column: span 2;
}

.span_3[b-3xbwzelzkh] {
    grid-column: span 3;
}

.title_section[b-3xbwzelzkh] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #333399;
}

.content_data[b-3xbwzelzkh] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}

.text_data[b-3xbwzelzkh] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-3xbwzelzkh] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-3xbwzelzkh] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-3xbwzelzkh] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-3xbwzelzkh] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-3xbwzelzkh] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-3xbwzelzkh] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-3xbwzelzkh] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-3xbwzelzkh] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-3xbwzelzkh .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-3xbwzelzkh {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-3xbwzelzkh] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-3xbwzelzkh] {
        border-bottom: .2vw solid #333399;
    }

.content_relative[b-3xbwzelzkh] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-3xbwzelzkh] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-3xbwzelzkh .2s forwards;
}

    .alert_input[b-3xbwzelzkh]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-3xbwzelzkh] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-3xbwzelzkh] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-3xbwzelzkh {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/MapaGPS.razor.rz.scp.css */
.content_map[b-x5eh58a3ne] {
    width: 100%;
    margin: 1vw auto;
}

.map[b-x5eh58a3ne] {
    width: 100%;
    height: 60vh;
}
/* /Components/EditarEmpresa/EditarEmpresa.razor.rz.scp.css */
.contenedor[b-izytgxamec] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

*[b-izytgxamec] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.content_form[b-izytgxamec] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.title_form_empresa[b-izytgxamec] {
    display: block;
    width: 100%;
    font-size: 35px;
    font-weight: bold;
    color: #039;
    line-height: 0.5;
    text-align: center;
    padding-bottom: 29px;
}

.container_inputs[b-izytgxamec] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    /*  border-radius: 5%;
    width: 120%;
    border: none;
    outline: none;
    padding: 2px;
    background-color: #f7f7f7;*/
}

.content_inputs[b-izytgxamec] {
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 10px 10px 10px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.label_span[b-izytgxamec] {
    font-size: 10px;
    color: #5DDCFB;
    line-height: 1.5;
    text-transform: uppercase;
}

input[b-izytgxamec] {
    outline: none;
    border: none;
}

    input.input_form[b-izytgxamec] {
        height: 40px;
    }

.input_form[b-izytgxamec] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 18px;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.container_form_btn[b-izytgxamec] {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: auto;
}
    .container_form_btn button[b-izytgxamec] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }
.boton[b-izytgxamec] {
    width: 95%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 3% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}
    .boton:hover[b-izytgxamec] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

    .container_form_btn button[b-izytgxamec] {
        cursor: pointer;
        text-align: center;
        display: flex;
    }
.boton_cancelar[b-izytgxamec] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 3% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_cancelar:hover[b-izytgxamec] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }


/*imagen*/
.contenedor_img[b-izytgxamec] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.content_img[b-izytgxamec] {
    margin: 0 auto;
    width: 40%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.formato_img[b-izytgxamec] {
    width: 100%;
    object-fit: cover;
}

.diseno_2[b-izytgxamec] {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: .5rem;
    right: .5rem;
    color: #838383ff;
    font-size: 1.2rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.diseno_2:hover[b-izytgxamec] {
    background-color: #d0d0d0c7;
}

.diseno_1[b-izytgxamec]{
    font-size: 8rem;
    color: #13AFDF;
    width:10rem;
    height:10rem;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;

}
/* /Components/EmpresaInfoComponent/EmpresaInfo.razor.rz.scp.css */
.boton_guardar[b-tuoavdo9bf] {
    width: 10%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 2% 2%;
    /*margin: auto;*/
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_guardar:hover[b-tuoavdo9bf] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }
.fondo[b-tuoavdo9bf] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.btn_edit[b-tuoavdo9bf] {
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    width: 3rem;
    height: 3rem;
    border-radius: 10%;
    border: none;
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    position: absolute;
    right: -1.5rem;
    top: 6%;
    z-index: 100;
    box-shadow: 5px 5px 8px #03020281;
    transition: all .2s ease-in-out;
}

    .btn_edit:hover[b-tuoavdo9bf] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

table[b-tuoavdo9bf] {
    margin-top: 45px;
    width: 90%;
    text-align: center;
    border-collapse: collapse;
    border: none;
    background-color: #E6EAEB;
    color: #404242;
}

tbody[b-tuoavdo9bf] {
    max-height: 30vh;
    overflow-x: auto;
    overflow-y: hidden;
}

th[b-tuoavdo9bf] {
    font-size: 15px;
    font-weight: normal;
    padding: 8px;
    background-color: #6D82FA;
    border-bottom: 1px solid #fff;
    color: white;
}

td[b-tuoavdo9bf] {
    padding: 5px;
    background: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}

tr:hover td[b-tuoavdo9bf] {
    background: #d0dafd;
    color: #339;
}

.container[b-tuoavdo9bf] {

    width: 100%;
    max-width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.table-1[b-tuoavdo9bf] {
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid #5DDCFB;
    box-shadow: .3rem .3rem .4rem #1f1f1fa3;
    padding: 1rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.Contorno[b-tuoavdo9bf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.Contorno h2[b-tuoavdo9bf] {
    font-size: 2.5rem;
    font-weight: bold;
    margin-right: 5rem;
    color :#039;
    text-align: center;
}

/*datosempresa*/
.titulo_Btn[b-tuoavdo9bf]{
    display: flex;
    justify-content:center;
    align-items: self-end;
    width:100%;

}
.titulo_Btn h2[b-tuoavdo9bf]{
    margin-right:5rem;
    text-align:center;
}
.Content_labels[b-tuoavdo9bf] {
    display:flex;
    flex-direction:column;
    max-height: 20vh;
    justify-content: center;
    align-items: center;
    text-align: start; 
    flex-wrap:wrap;
    color:#039;
}
.content_col_label[b-tuoavdo9bf]{
    width: 50%;


}
.form_img[b-tuoavdo9bf]{
    height:20vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_img img[b-tuoavdo9bf] {
    max-height : 100%;
    width: auto;
}
/* /Components/FormActualizarDireccionLaborComponents/FormActualizarDireccionLabor.razor.rz.scp.css */
.fondo[b-qaewad5edp] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-qaewad5edp] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-qaewad5edp] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-qaewad5edp] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-qaewad5edp] {
    width: calc(50% - 10px);
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-qaewad5edp] {
    width: calc(100% - 10px);
}

.content_inputs input[b-qaewad5edp] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-qaewad5edp] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-qaewad5edp] {
    background: #f7f7f7;
}

.boton[b-qaewad5edp] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-qaewad5edp] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.form[b-qaewad5edp] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-qaewad5edp] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-qaewad5edp] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-qaewad5edp] {
    display: none;
}

.descripcion[b-qaewad5edp] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-qaewad5edp] {
    width: 100%;
    display: flex;
}

.form_login span[b-qaewad5edp] {
    width: 100%;
    margin-bottom: 1rem;
}
/* /Components/FormAgregarDireccionLaborComponents/FormAgregarDireccionLabor.razor.rz.scp.css */
.fondo[b-92lx1dgf04] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-92lx1dgf04] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-92lx1dgf04] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-92lx1dgf04] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-92lx1dgf04] {
    width: calc(50% - 10px);
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-92lx1dgf04] {
    width: calc(100% - 10px);
}

.content_inputs input[b-92lx1dgf04] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-92lx1dgf04] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-92lx1dgf04] {
    background: #f7f7f7;
}

.boton[b-92lx1dgf04] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-92lx1dgf04] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.form[b-92lx1dgf04] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-92lx1dgf04] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-92lx1dgf04] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-92lx1dgf04] {
    display: none;
}

.descripcion[b-92lx1dgf04] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-92lx1dgf04] {
    width: 100%;
    display: flex;
}

.form_login span[b-92lx1dgf04] {
    width: 100%;
    margin-bottom: 1rem;
}
/* /Components/FormCrearHorarioasComponents/CrearHorario.razor.rz.scp.css */
.fondo[b-qub8lj23nr] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}


.titulo[b-qub8lj23nr] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-qub8lj23nr] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
    position: relative;
}
.boton_cancelar[b-qub8lj23nr] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: #f21b1b;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .boton_cancelar i[b-qub8lj23nr] {
        font-size: 1.2rem; /* Ajusta el tamaño del icono */
    }

    .boton_cancelar:hover[b-qub8lj23nr] {
        color: #510606; /* Cambio de color al pasar el ratón */
    }

.form_login[b-qub8lj23nr] {
    /*display: flex;*/
    flex-wrap: wrap;
}

.content_inputs[b-qub8lj23nr] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-qub8lj23nr] {
    width: calc(100% - 10px);
}

.content_inputs input[b-qub8lj23nr] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

input[type="time"][b-qub8lj23nr] {
    appearance: none;
    border: 2px solid #039;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px;
    color: #039;
    cursor: pointer;
    transition: border-color 0.3s ease;
}


    input[type="time"]:hover[b-qub8lj23nr] {
        border-color: #036;
    }


    input[type="time"][b-qub8lj23nr]::-webkit-calendar-picker-indicator {
        filter: invert(25%) sepia(80%) saturate(500%) hue-rotate(190deg);
        transition: filter 0.3s ease;
    }


    input[type="time"]:hover[b-qub8lj23nr]::-webkit-calendar-picker-indicator {
        filter: invert(50%) sepia(100%) saturate(800%) hue-rotate(190deg);
    }

.content_inputs label[b-qub8lj23nr] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-qub8lj23nr] {
    background: #f7f7f7;
}

.boton[b-qub8lj23nr] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-qub8lj23nr] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.form[b-qub8lj23nr] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-qub8lj23nr] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-qub8lj23nr] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-qub8lj23nr] {
    display: none;
}

.descripcion[b-qub8lj23nr] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-qub8lj23nr] {
    width: 100%;
    display: flex;
}

.form_login span[b-qub8lj23nr] {
    width: 100%;
    margin-bottom: 1rem;
}

.hora-grid[b-qub8lj23nr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

    .hora-grid .content_inputs[b-qub8lj23nr] {
        width: 100%;
    }
/* /Components/FormCrearPermisosComponents/FormCrearPermiso.razor.rz.scp.css */
.fondo[b-9qxpwpkxwe] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}


.boton_cancelar[b-9qxpwpkxwe] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: #f21b1b;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .boton_cancelar i[b-9qxpwpkxwe] {
        font-size: 1.2rem; /* Ajusta el tamaño del icono */
    }

    .boton_cancelar:hover[b-9qxpwpkxwe] {
        color: #510606; /* Cambio de color al pasar el ratón */
    }



.titulo[b-9qxpwpkxwe] {
    font-size: 2rem;
    font-weight: bold;
    color: #039;
    margin-bottom: 1.5rem;
}

.container[b-9qxpwpkxwe] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
    position: relative;
}

.container_inputs[b-9qxpwpkxwe] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.content_inputs[b-9qxpwpkxwe] {
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 10px 10px 10px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.observaciones[b-9qxpwpkxwe] {
    width: calc(100% - 10px);
}

.content_inputs input[b-9qxpwpkxwe]{
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.container_inputs select[b-9qxpwpkxwe] {
    background: #f7f7f7;
    border-radius: 5%;
}

.content_inputs label[b-9qxpwpkxwe] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

.input_date[b-9qxpwpkxwe] {

    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    background-color: #039;
}

    .input_date:focus[b-9qxpwpkxwe] {
        border-bottom: .2vw solid #039;
    }

.boton[b-9qxpwpkxwe] {
    width: 70%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-9qxpwpkxwe] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }
/* /Components/FormEditarContactoEmpresaComponents/FormEditarContactoEmpresa.razor.rz.scp.css */
.fondo[b-7teng0e9tl] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

*[b-7teng0e9tl] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container[b-7teng0e9tl] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
    position: relative;
}

.boton_cancelar[b-7teng0e9tl] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: #f21b1b;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .boton_cancelar i[b-7teng0e9tl] {
        font-size: 1.2rem; /* Ajusta el tamaño del icono */
    }

    .boton_cancelar:hover[b-7teng0e9tl] {
        color: #510606; /* Cambio de color al pasar el ratón */
    }

.form_empresa[b-7teng0e9tl] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*.form {
    display: flex;
    flex-direction: column;
    padding: 30px 10px;
    text-align: center;
}*/
.title_form_empresa[b-7teng0e9tl] {
    display: block;
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    color: #039;
    line-height: 0.5;
    text-align: center;
    padding-bottom: 29px;
}

.content_inputs[b-7teng0e9tl] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 5px 15px 3px 11px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
}

.wrap-input[b-7teng0e9tl] {
    width: calc((100% - 10px)/2);
}

.label_span[b-7teng0e9tl] {
    /*font-family: Montserrat-SemiBold;*/
    font-size: 10px;
    color: #5DDCFB;
    line-height: 1.5;
    text-transform: uppercase;
}

input[b-7teng0e9tl] {
    outline: none;
    border: none;
}

    input.input_form[b-7teng0e9tl] {
        height: 40px;
    }

.input_form[b-7teng0e9tl] {
    display: block;
    width: 100%;
    background: 0 0;
    /*font-family: Montserrat-SemiBold;*/
    font-size: 18px;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}
/*---------Formulario-----------*/


/*---------Botones-----------*/


.bnt_1[b-7teng0e9tl] {
    background-color: #f21b1b;
}

.bnt_2[b-7teng0e9tl] {
    width: 70%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .bnt_2:hover[b-7teng0e9tl] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.bnt_3[b-7teng0e9tl] {
    background-color: #027105
}
/*---------Botones-----------*/
/* /Components/FormEditarEmpleadoComponent/FormEditarEmpleado.razor.rz.scp.css */
.fondo[b-v1d04z2ve7] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-v1d04z2ve7] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%;
    text-align: center;
}

.container[b-v1d04z2ve7] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-v1d04z2ve7] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-v1d04z2ve7] {
    width: calc(50% - 10px);
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-v1d04z2ve7] {
    width: calc(100% - 10px);
}

.content_inputs input[b-v1d04z2ve7] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-v1d04z2ve7] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-v1d04z2ve7] {
    background: #f7f7f7;
}

.container_form_btn[b-v1d04z2ve7] {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: auto;
}

    .container_form_btn button[b-v1d04z2ve7] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }

.boton[b-v1d04z2ve7] {
    width: 95%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 3% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-v1d04z2ve7] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.container_form_btn button[b-v1d04z2ve7] {
    cursor: pointer;
    text-align: center;
    display: flex;
}

.boton_cancelar[b-v1d04z2ve7] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 3% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_cancelar:hover[b-v1d04z2ve7] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.boton-agregar[b-v1d04z2ve7] {
    width: auto; 
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB, #039);
    color: white;
    padding: 10px 20px;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all 0.2s ease-in-out;
    cursor: pointer; 
}

    .boton-agregar:hover[b-v1d04z2ve7] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.form[b-v1d04z2ve7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-v1d04z2ve7] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-v1d04z2ve7] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-v1d04z2ve7] {
    display: none;
}

.descripcion[b-v1d04z2ve7] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-v1d04z2ve7] {
    width: 100%;
    display: flex;
}

.form_login span[b-v1d04z2ve7] {
    width: 100%;
    margin-bottom: 1rem;
}
/* Contenedor principal */
.content_card[b-v1d04z2ve7] {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Contenedor de horarios */
.horarios_container[b-v1d04z2ve7] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

/* Tarjeta de cada horario */
.card_giro[b-v1d04z2ve7] {
    position: relative; /* Para posicionar el icono */
    color: #000;
    background-color: lightgrey !important;
    border: 2px solid #f7f7f7;
    border-radius: .5rem;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    width: 180px;
}

/* Ícono "X" en la parte superior derecha */
.delete_icon[b-v1d04z2ve7] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0.8rem;
    color: red;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

    .delete_icon:hover[b-v1d04z2ve7] {
        transform: scale(1.2);
        color: darkred;
    }

/* Mensaje de alerta cuando no hay horarios */
.no_horarios[b-v1d04z2ve7] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #856404; /* Color de alerta */
    background-color: #fff3cd; /* Fondo amarillo claro */
    border: 1px solid #ffeeba; /* Borde de alerta */
    padding: 15px;
    border-radius: 5px;
    width: 80%;
    max-width: 400px;
    margin-top: 20px;
}
/* /Components/FormEditarHorarioComponent/FormEditarHorario.razor.rz.scp.css */
.fondo[b-oy5vwt5dun] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-oy5vwt5dun] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-oy5vwt5dun] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-oy5vwt5dun] {
    /*display: flex;*/
    flex-wrap: wrap;
}

.content_inputs[b-oy5vwt5dun] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-oy5vwt5dun] {
    width: calc(100% - 10px);
}

.content_inputs input[b-oy5vwt5dun] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}
input[type="time"][b-oy5vwt5dun] {
    appearance: none; 
    border: 2px solid #039;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px;
    color: #039;
    cursor: pointer; 
    transition: border-color 0.3s ease;
}

    
    input[type="time"]:hover[b-oy5vwt5dun] {
        border-color: #036; 
    }

   
    input[type="time"][b-oy5vwt5dun]::-webkit-calendar-picker-indicator {
        filter: invert(25%) sepia(80%) saturate(500%) hue-rotate(190deg);
        transition: filter 0.3s ease;
    }

    
    input[type="time"]:hover[b-oy5vwt5dun]::-webkit-calendar-picker-indicator {
        filter: invert(50%) sepia(100%) saturate(800%) hue-rotate(190deg);
    }
.content_inputs label[b-oy5vwt5dun] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-oy5vwt5dun] {
    background: #f7f7f7;
}

.container_form_btn[b-oy5vwt5dun] {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: auto;
}

    .container_form_btn button[b-oy5vwt5dun] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }

.boton[b-oy5vwt5dun] {
    width: 50%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 2% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 3%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-oy5vwt5dun] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.container_form_btn button[b-oy5vwt5dun] {
    cursor: pointer;
    text-align: center;
    display: flex;
}

.boton_cancelar[b-oy5vwt5dun] {
    width: 50%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 2% 5%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 3%;
    transition: all .2s ease-in-out;
}

    .boton_cancelar:hover[b-oy5vwt5dun] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.form[b-oy5vwt5dun] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-oy5vwt5dun] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-oy5vwt5dun] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-oy5vwt5dun] {
    display: none;
}

.descripcion[b-oy5vwt5dun] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-oy5vwt5dun] {
    width: 100%;
    display: flex;
}

.form_login span[b-oy5vwt5dun] {
    width: 100%;
    margin-bottom: 1rem;
}

.hora-grid[b-oy5vwt5dun] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

    .hora-grid .content_inputs[b-oy5vwt5dun] {
        width: 100%;
    }
/* /Components/FormEditarNoticiaComponents/FormEditarNoticia.razor.rz.scp.css */
.fondo[b-e1qhbx62zf] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-e1qhbx62zf] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-e1qhbx62zf] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-e1qhbx62zf] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-e1qhbx62zf] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
   
}
.content_inputs_destinatario[b-e1qhbx62zf] {
    /*width: 100%;*/
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-e1qhbx62zf] {
    width: calc(100% - 10px);
}

.content_inputs input[b-e1qhbx62zf] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-e1qhbx62zf] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-e1qhbx62zf] {
    background: #f7f7f7;
}

.container_form_btn[b-e1qhbx62zf] {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: auto;
}

    .container_form_btn button[b-e1qhbx62zf] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }

.boton[b-e1qhbx62zf] {
    width: 95%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 3% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-e1qhbx62zf] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }
.boton-agregar[b-e1qhbx62zf] {
    width: auto;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB, #039);
    color: white;
    padding: 10px 20px;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .boton-agregar:hover[b-e1qhbx62zf] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }
.container_form_btn button[b-e1qhbx62zf] {
    cursor: pointer;
    text-align: center;
    display: flex;
}

.boton_cancelar[b-e1qhbx62zf] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 3% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_cancelar:hover[b-e1qhbx62zf] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.form[b-e1qhbx62zf] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-e1qhbx62zf] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-e1qhbx62zf] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-e1qhbx62zf] {
    display: none;
}

.descripcion[b-e1qhbx62zf] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-e1qhbx62zf] {
    width: 100%;
    display: flex;
}

.form_login span[b-e1qhbx62zf] {
    width: 100%;
    margin-bottom: 1rem;
}
/* Contenedor principal */
.content_card[b-e1qhbx62zf] {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Contenedor de horarios */
.horarios_container[b-e1qhbx62zf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

/* Tarjeta de cada horario */
.card_giro[b-e1qhbx62zf] {
    position: relative; /* Para posicionar el icono */
    color: #000;
    background-color: lightgrey !important;
    border: 2px solid #f7f7f7;
    border-radius: .5rem;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    width: 180px;
}

/* Ícono "X" en la parte superior derecha */
.delete_icon[b-e1qhbx62zf] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0.8rem;
    color: red;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

    .delete_icon:hover[b-e1qhbx62zf] {
        transform: scale(1.2);
        color: darkred;
    }

/* Mensaje de alerta cuando no hay horarios */
.no_horarios[b-e1qhbx62zf] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #856404; /* Color de alerta */
    background-color: #fff3cd; /* Fondo amarillo claro */
    border: 1px solid #ffeeba; /* Borde de alerta */
    padding: 15px;
    border-radius: 5px;
    width: 80%;
    max-width: 400px;
    margin-top: 20px;
}
/* /Components/FormEditarPasswordComponent/FormEditarPassword.razor.rz.scp.css */
.fondo[b-wdvjpyivij] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-wdvjpyivij] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-wdvjpyivij] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-wdvjpyivij] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-wdvjpyivij] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-wdvjpyivij] {
    width: calc(100% - 10px);
}

.content_inputs input[b-wdvjpyivij] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-wdvjpyivij] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-wdvjpyivij] {
    background: #f7f7f7;
}

.container_form_btn[b-wdvjpyivij] {
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    width: 100%;
    gap: 1rem;
}

.boton[b-wdvjpyivij] {
    width: 48%;
    margin: 0;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB, #039);
    color: white;
    padding: 3% 10%;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-wdvjpyivij] {
        box-shadow: 0 0 15px rgba(83, 109, 254, 1);
        transform: scale(1.05);
    }

.boton_cancelar[b-wdvjpyivij] {
    width: 48%; 
    margin: 0; 
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606, #f21b1b);
    color: white;
    padding: 3% 10%;

    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_cancelar:hover[b-wdvjpyivij] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }


.form[b-wdvjpyivij] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-wdvjpyivij] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-wdvjpyivij] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-wdvjpyivij] {
    display: none;
}

.descripcion[b-wdvjpyivij] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-wdvjpyivij] {
    width: 100%;
    display: flex;
}

.form_login span[b-wdvjpyivij] {
    width: 100%;
    margin-bottom: 1rem;
}
/* /Components/FormEditarPuestoComponent/FormEditarPuesto.razor.rz.scp.css */
.fondo[b-ihf066jayx] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-ihf066jayx] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-ihf066jayx] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-ihf066jayx] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-ihf066jayx] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-ihf066jayx] {
    width: calc(100% - 10px);
}

.content_inputs input[b-ihf066jayx] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-ihf066jayx] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-ihf066jayx] {
    background: #f7f7f7;
}

.container_form_btn[b-ihf066jayx] {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: auto;
}

    .container_form_btn button[b-ihf066jayx] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 1px 1px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }

.boton[b-ihf066jayx] {
    width: 95%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 3% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
    display: flex; 
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .boton:hover[b-ihf066jayx] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.boton_cancelar[b-ihf066jayx] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 12px 20px;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
    display: flex; 
    align-items: center;
    justify-content: center; 
    text-align: center;
}


.form[b-ihf066jayx] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-ihf066jayx] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-ihf066jayx] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-ihf066jayx] {
    display: none;
}

.descripcion[b-ihf066jayx] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-ihf066jayx] {
    width: 100%;
    display: flex;
}

.form_login span[b-ihf066jayx] {
    width: 100%;
    margin-bottom: 1rem;
}
/* /Components/FormEmpleadoComponents/FormEmpleado.razor.rz.scp.css */
.fondo[b-8mesmzqbdv] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-8mesmzqbdv] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%; 
    text-align: center;
}

.container[b-8mesmzqbdv] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
    position: relative;
}

.boton_cancelar[b-8mesmzqbdv] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: #f21b1b;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .boton_cancelar i[b-8mesmzqbdv] {
        font-size: 1.2rem; /* Ajusta el tamaño del icono */
    }

    .boton_cancelar:hover[b-8mesmzqbdv] {
        color: #510606; /* Cambio de color al pasar el ratón */
    }

.form_login[b-8mesmzqbdv] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-8mesmzqbdv] {
    width: calc(50% - 10px);
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin:0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-8mesmzqbdv]{
    width: calc(100% - 10px);
}

.content_inputs input[b-8mesmzqbdv] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

    .content_inputs label[b-8mesmzqbdv] {
        pointer-events: none;
        transition: all .3s ease-in-out;
    }

select[b-8mesmzqbdv] {
    background: #f7f7f7;
}

.boton[b-8mesmzqbdv] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-8mesmzqbdv] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }
.content_button[b-8mesmzqbdv] {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
.boton-agregar[b-8mesmzqbdv] {
    width: auto; /* Asegura que solo este botón tenga un tamaño ajustado */
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB, #039);
    color: white;
    padding: 10px 20px; /* Más padding para que el botón se vea proporcional */
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all 0.2s ease-in-out;
    cursor: pointer; /* Asegura que el puntero sea de mano al pasar sobre el botón */
}

    .boton-agregar:hover[b-8mesmzqbdv] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.form[b-8mesmzqbdv] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-8mesmzqbdv] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-8mesmzqbdv] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-8mesmzqbdv] {
    display: none;
}

.descripcion[b-8mesmzqbdv]{
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-8mesmzqbdv]{
    width: 100%;
    display: flex;
}

.form_login span[b-8mesmzqbdv] {
    width: 100%;
    margin-bottom: 1rem;
}
/* Contenedor principal */
.content_card[b-8mesmzqbdv] {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Contenedor de horarios */
.horarios_container[b-8mesmzqbdv] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

/* Tarjeta de cada horario */
.card_giro[b-8mesmzqbdv] {
    position: relative; /* Para posicionar el icono */
    color: #000;
    background-color: lightgrey !important;
    border: 2px solid #f7f7f7;
    border-radius: .5rem;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    width: 180px;
}

/* Ícono "X" en la parte superior derecha */
.delete_icon[b-8mesmzqbdv] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size:  0.8rem;
    color: red;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

    .delete_icon:hover[b-8mesmzqbdv] {
        transform: scale(1.2);
        color: darkred;
    }

/* Mensaje de alerta cuando no hay horarios */
.no_horarios[b-8mesmzqbdv] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #856404; /* Color de alerta */
    background-color: #fff3cd; /* Fondo amarillo claro */
    border: 1px solid #ffeeba; /* Borde de alerta */
    padding: 15px;
    border-radius: 5px;
    width: 80%;
    max-width: 400px;
    margin-top: 20px;
}
/* /Components/FormPuestoComponents/FormPuesto.razor.rz.scp.css */
.fondo[b-ptzsnue776] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-ptzsnue776] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-ptzsnue776] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
    position: relative;
}

.boton_cancelar[b-ptzsnue776] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: #f21b1b;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .boton_cancelar i[b-ptzsnue776] {
        font-size: 1.2rem; /* Ajusta el tamaño del icono */
    }

    .boton_cancelar:hover[b-ptzsnue776] {
        color: #510606; /* Cambio de color al pasar el ratón */
    }
.form_login[b-ptzsnue776] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-ptzsnue776] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-ptzsnue776] {
    width: calc(100% - 10px);
}

.content_inputs input[b-ptzsnue776] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-ptzsnue776] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-ptzsnue776] {
    background: #f7f7f7;
}

.boton[b-ptzsnue776] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-ptzsnue776] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.form[b-ptzsnue776] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-ptzsnue776] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-ptzsnue776] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-ptzsnue776] {
    display: none;
}

.descripcion[b-ptzsnue776] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-ptzsnue776] {
    width: 100%;
    display: flex;
}

.form_login span[b-ptzsnue776] {
    width: 100%;
    margin-bottom: 1rem;
}
/* /Components/FormularioCrearEmpresaComponent/FormularioCrearEmpresa.razor.rz.scp.css */

/*---------Formulario-----------*/
.contenedor[b-w820lxna9h] {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #e6e6e672;
    backdrop-filter:blur(5px);
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
}
*[b-w820lxna9h] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.content_form[b-w820lxna9h] {
    width: 500px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #5DDCFB;
    overflow: hidden;
    padding: 40px 20px 30px;
}

.form_empresa[b-w820lxna9h] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*.form {
    display: flex;
    flex-direction: column;
    padding: 30px 10px;
    text-align: center;
}*/
.title_form_empresa[b-w820lxna9h] {
    display: block;
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    color: #039;
    line-height: 0.5;
    text-align: center;
    padding-bottom: 39px;
}

.content_inputs[b-w820lxna9h] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 5px 15px 3px 11px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}
.wrap-input[b-w820lxna9h] {
    width: calc((100% - 10px)/2);
}

.label_span[b-w820lxna9h] {
    font-size: 10px;
    color: #5DDCFB;
    line-height: 1.5;
    text-transform: uppercase;
}
input[b-w820lxna9h] {
    outline: none;
    border:none;
}
    input.input_form[b-w820lxna9h] {
        height: 40px;
  
    }
.input_form[b-w820lxna9h] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 18px;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}
/*---------Formulario-----------*/


/*---------Botones-----------*/
.container_form_btn[b-w820lxna9h] {
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
    width: 100%;
    
}
    .container_form_btn button[b-w820lxna9h] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
    }
.bnt_1[b-w820lxna9h] {
    background-color: #f21b1b;
}
.bnt_2[b-w820lxna9h] {
    background-color: #13AFDF;
}
.bnt_3[b-w820lxna9h]{
    background-color: #027105
}
/*---------Botones-----------*/

/*---------Imagen-----------*/
.form[b-w820lxna9h] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}
.Formato_img[b-w820lxna9h] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}
.diseno[b-w820lxna9h] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-w820lxna9h] {
    display: none;
}
/* /Components/FormularioCrearEmpresaComponent/FormularioCrearSucursal.razor.rz.scp.css */
.boton_guardar[b-z9am7dhfjp] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_guardar:hover[b-z9am7dhfjp] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.boton_cancelar[b-z9am7dhfjp] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_cancelar:hover[b-z9am7dhfjp] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }
.contenedor[b-z9am7dhfjp] {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #e6e6e672;
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

*[b-z9am7dhfjp] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.content_form[b-z9am7dhfjp] {
    width: 500px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #5DDCFB;
    overflow: hidden;
    padding: 25px 10px 15px;
}

.form_empresa[b-z9am7dhfjp] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*.form {
    display: flex;
    flex-direction: column;
    padding: 30px 10px;
    text-align: center;
}*/
.title_form_empresa[b-z9am7dhfjp] {
    display: block;
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    color: #039;
    line-height: 0.5;
    text-align: center;
    padding-bottom: 29px;
}

.content_inputs[b-z9am7dhfjp] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 5px 15px 3px 11px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
}

.wrap-input[b-z9am7dhfjp] {
    width: calc((100% - 10px)/2);
}

.label_span[b-z9am7dhfjp] {
    /*font-family: Montserrat-SemiBold;*/
    font-size: 10px;
    color: #5DDCFB;
    line-height: 1.5;
    text-transform: uppercase;
}

input[b-z9am7dhfjp] {
    outline: none;
    border: none;
}

    input.input_form[b-z9am7dhfjp] {
        height: 40px;
    }

.input_form[b-z9am7dhfjp] {
    display: block;
    width: 100%;
    background: 0 0;
    /*font-family: Montserrat-SemiBold;*/
    font-size: 18px;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}
/*---------Formulario-----------*/


/*---------Botones-----------*/
.container_form_btn[b-z9am7dhfjp] {
    display: flex;
    justify-content: space-around;
   /* padding-top: 20px;*/
    width: 80%;
    margin:auto;
}

    .container_form_btn button[b-z9am7dhfjp] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin:10px;
        /*font-family: Montserrat-Black;*/
    }


/*---------Botones-----------*/
/* /Components/FormularioCrearNoticiaComponent/FormularioCrearNoticia.razor.rz.scp.css */
.fondo[b-vufdouhu9c] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-vufdouhu9c] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #039;
    width: 100%
}

.container[b-vufdouhu9c] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #5DDCFB;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
    position: relative;
}
.boton_cancelar[b-vufdouhu9c] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: #f21b1b;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .boton_cancelar i[b-vufdouhu9c] {
        font-size: 1.2rem; /* Ajusta el tamaño del icono */
    }

    .boton_cancelar:hover[b-vufdouhu9c] {
        color: #510606; /* Cambio de color al pasar el ratón */
    }

.form_login[b-vufdouhu9c] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-vufdouhu9c] {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}
.content_inputs_destinatario[b-vufdouhu9c] {
    width: calc(50% - 10px);
    /*width: 100%;*/
    position: relative;
    border: 1px solid #e6e6e6;
    border-color: #5DDCFB;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #5DDCFB;
    align-content: center;
}

.correo[b-vufdouhu9c] {
    width: calc(100% - 10px);
}

.content_inputs input[b-vufdouhu9c] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-vufdouhu9c] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-vufdouhu9c] {
    background: #f7f7f7;
}


.boton[b-vufdouhu9c] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-vufdouhu9c] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }
.content_button[b-vufdouhu9c] {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
.boton-agregar[b-vufdouhu9c] {
    width: auto;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB, #039);
    color: white;
    padding: 10px 20px;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .boton-agregar:hover[b-vufdouhu9c] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }


.form[b-vufdouhu9c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-vufdouhu9c] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-vufdouhu9c] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-vufdouhu9c] {
    display: none;
}

.descripcion[b-vufdouhu9c] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-vufdouhu9c] {
    width: 100%;
    display: flex;
}

.form_login span[b-vufdouhu9c] {
    width: 100%;
    margin-bottom: 1rem;
}
/* Contenedor principal */
.content_card[b-vufdouhu9c] {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Contenedor de horarios */
.horarios_container[b-vufdouhu9c] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

/* Tarjeta de cada horario */
.card_giro[b-vufdouhu9c] {
    position: relative; /* Para posicionar el icono */
    color: #000;
    background-color: lightgrey !important;
    border: 2px solid #f7f7f7;
    border-radius: .5rem;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    width: 180px;
}

/* Ícono "X" en la parte superior derecha */
.delete_icon[b-vufdouhu9c] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0.8rem;
    color: red;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

    .delete_icon:hover[b-vufdouhu9c] {
        transform: scale(1.2);
        color: darkred;
    }

/* Mensaje de alerta cuando no hay horarios */
.no_horarios[b-vufdouhu9c] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #856404; /* Color de alerta */
    background-color: #fff3cd; /* Fondo amarillo claro */
    border: 1px solid #ffeeba; /* Borde de alerta */
    padding: 15px;
    border-radius: 5px;
    width: 80%;
    max-width: 400px;
    margin-top: 20px;
}

/* /Components/ModalDetallePermisoComponent/ModalDetallePermiso.razor.rz.scp.css */
.contenedor[b-h4743fskxy] {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #e6e6e672;
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

*[b-h4743fskxy] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.content_form[b-h4743fskxy] {
    width: 500px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #5DDCFB;
    overflow: hidden;
    padding: 25px 10px 15px;
}

.form_empresa[b-h4743fskxy] {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.title_form_empresa[b-h4743fskxy] {
    display: block;
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    color: #039;
    line-height: 0.5;
    text-align: center;
    padding-bottom: 29px;
}

.wrap-input[b-h4743fskxy] {
    width: calc((100% - 10px)/2);
}


.content_data[b-h4743fskxy] {
    width: 100%;
    /*display: grid;
    grid-template-columns: 15% 2fr;
    gap: 1rem;*/
}

.content_alerta[b-h4743fskxy] {
    position: relative;
    left: 62%;
}

.content_grid_form[b-h4743fskxy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}

.col_data[b-h4743fskxy] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


    .col_data img[b-h4743fskxy] {
        width: auto;
        height: 150px;
    }

    .col_data label[b-h4743fskxy] {
        font-size: 1.2rem;
        font-weight: 700;
        margin: 0;
        margin-right: auto;
        min-width: 30%;
    }

    .col_data span[b-h4743fskxy] {
        font-size: 1.2rem;
        margin: 0;
        margin-left: auto;
        min-width: 60%;
        text-align: end;
    }

.content_relative[b-h4743fskxy] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 80%;
}

.input_form[b-h4743fskxy] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-h4743fskxy] {
        border-bottom: .2vw solid #039;
    }

.diseno[b-h4743fskxy] {
    width: 3rem;
    height: 3rem;
    border-radius: .5rem;
    border: .2rem solid #039;
    color: #039;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close[b-h4743fskxy] {
    position: absolute;
    top: -1rem;
    right: 0;
    color: #555555;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

    .close:hover[b-h4743fskxy] {
        color: #039;
    }
/* /Components/ModalDetallesCuentaComponents/ModalDetallesCuenta.razor.rz.scp.css */
.contenedor[b-lrcdtedqtb] {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #e6e6e672;
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

*[b-lrcdtedqtb] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.content_form[b-lrcdtedqtb] {
    width: 500px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #5DDCFB;
    overflow: hidden;
    padding: 25px 10px 15px;
}

.form_empresa[b-lrcdtedqtb] {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.title_form_empresa[b-lrcdtedqtb] {
    display: block;
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    color: #039;
    line-height: 0.5;
    text-align: center;
    padding-bottom: 29px;
}

.wrap-input[b-lrcdtedqtb] {
    width: calc((100% - 10px)/2);
}


.content_data[b-lrcdtedqtb] {
    width: 100%;
    display: grid;
    grid-template-columns: 25% 1fr;
    gap: 1rem;
}

.col_data[b-lrcdtedqtb] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

    .col_data img[b-lrcdtedqtb] {
        width: 80%;
        height: auto;
    }

    .col_data label[b-lrcdtedqtb] {
        font-size: 1.2rem;
        font-weight: 700;
        margin: 0;
        margin-right: auto;
        min-width: 30%;
    }

    .col_data span[b-lrcdtedqtb] {
        font-size: 1.2rem;
        margin: 0;
        margin-left: auto;
        min-width: 60%;
        text-align: end;
    }
    
    .col_data span.tam[b-lrcdtedqtb] {
        font-size: 0.8rem;
    }
.diseno[b-lrcdtedqtb] {
    width: 3rem;
    height: 3rem;
    border-radius: .5rem;
    border: .2rem solid #039;
    color: #039;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close[b-lrcdtedqtb] {
    position: absolute;
    top: -1rem;
    right: 0;
    color: #555555;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

    .close:hover[b-lrcdtedqtb] {
        color: #039;
    }

.boton[b-lrcdtedqtb] {
    width: 60%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 1rem 2rem;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-lrcdtedqtb] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.boton-container[b-lrcdtedqtb] {
    display: flex;
    justify-content: flex-end;
    margin-top: 50px;
    padding-bottom: 10px;
}
/* /Components/ModalDetallesRegistroComponents/ModalDetallesRegistro.razor.rz.scp.css */
.contenedor[b-grkjwhay8z] {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #e6e6e672;
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

*[b-grkjwhay8z] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.content_form[b-grkjwhay8z] {
    max-height: 75vh; /* ajusta según tus necesidades */
    overflow-y: auto;
    width: 500px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #5DDCFB;
    /*overflow: hidden;*/
    padding: 25px 10px 15px;
}

.form_empresa[b-grkjwhay8z] {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.title_form_empresa[b-grkjwhay8z] {
    display: block;
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    color: #039;
    line-height: 0.5;
    text-align: center;
    padding-bottom: 29px;
}

.wrap-input[b-grkjwhay8z] {
    width: calc((100% - 10px)/2);
}


.content_data[b-grkjwhay8z] {
    width: 100%;
    /*display: grid;
    grid-template-columns: 15% 2fr;
    gap: 1rem;*/
}
.content_alerta[b-grkjwhay8z]{
    position:relative;
    left:62%;
}
.content_grid_form[b-grkjwhay8z] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}

.col_data[b-grkjwhay8z] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


    .col_data img[b-grkjwhay8z] {
        width: auto;
        height: 150px;
    }

.col_data label[b-grkjwhay8z] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    margin-right: auto;
    min-width: 30%;
}

    .col_data span[b-grkjwhay8z] {
        font-size: 1.2rem;
        margin: 0;
        margin-left: auto;
        min-width: 60%;
        text-align: end;
    }

.content_relative[b-grkjwhay8z] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 80%;
}
.input_form[b-grkjwhay8z] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-grkjwhay8z] {
        border-bottom: .2vw solid #039;
    }

.diseno[b-grkjwhay8z] {
    width: 3rem;
    height: 3rem;
    border-radius: .5rem;
    border: .2rem solid #039;
    color: #039;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close[b-grkjwhay8z] {
    position: absolute;
    top: -1rem;
    right: 0;
    color: #555555;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.close:hover[b-grkjwhay8z] {
    color: #039;
}
/* /Components/ModalMapaDetallesRegistro/ModalMapaDetalleRegistro.razor.rz.scp.css */
.content_map[b-k00lru79u3] {
    width: 100%;
    margin: 1vw auto;
}

.map[b-k00lru79u3] {
    width: 100%;
    height: 300px;
    min-height: 300px;
}
/* /Components/pruebaComponents/Pureba.razor.rz.scp.css */

/* /Components/TablaCuentasChecadorComponents/TablaCuentasChecador.razor.rz.scp.css */
.fondo[b-lg3pk9zcwp] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.content__title[b-lg3pk9zcwp] {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: 2.5rem;
    color: #039;
    font-weight: bold;
}

.titulo_Btn[b-lg3pk9zcwp] {
    display: flex;
    justify-content: center;
    align-items: self-end;
    width: 100%;
}

    .titulo_Btn h2[b-lg3pk9zcwp] {
        margin-right: 5rem;
        text-align: center;
    }

.content_filtros[b-lg3pk9zcwp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 4px solid #536DFE;
    padding: 1rem;
}

.content_relative[b-lg3pk9zcwp] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.input_form[b-lg3pk9zcwp] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-lg3pk9zcwp] {
        border-bottom: .2vw solid #039;
    }

.alert_input[b-lg3pk9zcwp] {
    position: relative;
    background-color: #ff9683;
    padding: 1vw;
    border-radius: 1vw;
    border: .1vw solid #570000;
    color: #570000;
    animation: apareser .2s forwards;
}

.text_alert[b-lg3pk9zcwp] {
    text-align: center;
    margin: 0;
    font-size: 1vw;
}

.content_paginado[b-lg3pk9zcwp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-lg3pk9zcwp] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-lg3pk9zcwp] {
        color: #039;
        background-color: #08B38B12;
    }

    .pagina[b-lg3pk9zcwp]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #6D82FA;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-lg3pk9zcwp]:after {
        width: 100%;
        left: 0;
    }

.content__table[b-lg3pk9zcwp] {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table[b-lg3pk9zcwp] {
    background-color: #fff;
    box-shadow: .3rem .3rem .4rem #1f1f1fa3;
    padding: 1rem;
    width: 80%;
    justify-content: center;
    align-items: center;
    position: relative;
}

th[b-lg3pk9zcwp] {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding: 8px;
    background-color: #6D82FA;
    border-bottom: 1px solid #fff;
    color: white;
}

td[b-lg3pk9zcwp] {
    padding: 8px;
    background-color: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}

img[b-lg3pk9zcwp] {
    width: auto;
    height: 80px;
}

.content__span_table[b-lg3pk9zcwp] {
    column-span: all;
}

.container_form_btn[b-lg3pk9zcwp] {
    display: flex;
    justify-content: space-around;
    /* padding-top: 20px;*/
    width: 40%;
    margin: auto;
}

    .container_form_btn button[b-lg3pk9zcwp] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }

.boton_hover[b-lg3pk9zcwp] {
    width: 10%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 2% 2%;
    /*margin: auto;*/
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_hover:hover[b-lg3pk9zcwp] {
        transition: all .2s ease-in-out;
    }

    .boton_hover:hover[b-lg3pk9zcwp] {
        box-shadow: 0 0 15px rgba(83, 109, 254, 1);
        transform: scale(1.05);
    }

.boton_limpiar[b-lg3pk9zcwp] {
    width: 60%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    /*margin-top: 2rem;*/
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_limpiar:hover[b-lg3pk9zcwp] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.boton_excel[b-lg3pk9zcwp] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_excel:hover[b-lg3pk9zcwp] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.-exito[b-lg3pk9zcwp] {
    background-color: #049007;
}

.-error[b-lg3pk9zcwp] {
    background-color: #e00000;
}
/* /Components/TablaEstadisticasPorEstatusEntradaComponents/TablaEstadisticasEstatusEntrada.razor.rz.scp.css */
.fondo[b-46acy19pdp] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.content__title[b-46acy19pdp] {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: 2.5rem;
    color: #039;
    font-weight: bold;
}
/*Filtros*/
.content_filtros[b-46acy19pdp] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 4px solid #536DFE;
    padding: 1.5rem;
}

.content_relative[b-46acy19pdp] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/*Paginado*/
.content_paginado[b-46acy19pdp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-46acy19pdp] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-46acy19pdp] {
        color: #9F2241;
        background-color: #BC965B12;
    }

    .pagina[b-46acy19pdp]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #BC965B;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-46acy19pdp]:after {
        width: 100%;
        left: 0;
    }
/*SeccionFecha*/
.content_buttons_sections[b-46acy19pdp] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-46acy19pdp], .ticked[b-46acy19pdp] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-46acy19pdp] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-46acy19pdp], .ticked:hover[b-46acy19pdp] {
        color: #536DFE;
    }

    .label_section[b-46acy19pdp]:after, .ticked[b-46acy19pdp]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #039;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-46acy19pdp]:after, .ticked:hover[b-46acy19pdp]:after {
        width: 100%;
    }

.label_section[b-46acy19pdp], .ticked[b-46acy19pdp] {
    position: relative;
    min-width: 25%;
    border-radius: .5vw;
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    padding: .5vw;
    color: #fff;
    background-color: #039;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .label_section span[b-46acy19pdp] {
        position: relative;
        z-index: 2;
    }

.ticked[b-46acy19pdp] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

.label_section:hover[b-46acy19pdp] {
    color: #fff;
}

.label_section[b-46acy19pdp]:after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: -5vw;
    left: 0;
    z-index: 1;
    background-color: #dc5dfb;
    content: "";
    transition: all .2s ease-in-out;
}

.label_section:hover[b-46acy19pdp]:after {
    top: 0;
}

.selected[b-46acy19pdp]::after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #dc5dfb;
    content: "";
    transition: all .2s ease-in-out;
}

.selected_2[b-46acy19pdp]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #039;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-46acy19pdp] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-46acy19pdp .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-46acy19pdp {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-46acy19pdp] {
    display: none;
}

.span_2[b-46acy19pdp] {
    grid-column: span 2;
}


.input_form[b-46acy19pdp] {
    width: 80%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-46acy19pdp] {
        border-bottom: .2vw solid #039;
    }

.alert_input[b-46acy19pdp] {
    position: relative;
    background-color: #ff9683;
    padding: 1vw;
    border-radius: 1vw;
    border: .1vw solid #570000;
    color: #570000;
    animation: apareser-b-46acy19pdp .2s forwards;
}

.text_alert[b-46acy19pdp] {
    text-align: center;
    margin: 0;
    font-size: 1vw;
}

.pagina[b-46acy19pdp] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-46acy19pdp] {
        color: #039;
        background-color: #08B38B12;
    }

    .pagina[b-46acy19pdp]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #6D82FA;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-46acy19pdp]:after {
        width: 100%;
        left: 0;
    }

.container_form_btn[b-46acy19pdp] {
    display: flex;
    justify-content: space-around;
     /*padding-top: 20px;*/
    width: 40%;
    margin: auto;
}

    .container_form_btn button[b-46acy19pdp] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }


.boton_limpiar[b-46acy19pdp] {
    width: 50%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 5%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_limpiar:hover[b-46acy19pdp] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.boton_excel[b-46acy19pdp] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_excel:hover[b-46acy19pdp] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }



.content__table[b-46acy19pdp] {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table[b-46acy19pdp] {
    background-color: #fff;
    box-shadow: .3rem .3rem .4rem #1f1f1fa3;
    padding: 1rem;
    width: 80%;
    justify-content: center;
    align-items: center;
    position: relative;
}

th[b-46acy19pdp] {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding: 8px;
    background-color: #6D82FA;
    border-bottom: 1px solid #fff;
    color: white;
}

td[b-46acy19pdp] {
    padding: 8px;
    background-color: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}

img[b-46acy19pdp] {
    width: auto;
    height: 80px;
}

.content__span_table[b-46acy19pdp] {
    column-span: all;
}

.content__alerta[b-46acy19pdp] {
    position: fixed;
    right: 5%;
    bottom: 5%;
    max-width: 30%;
    width: auto;
    padding: 1rem;
    border-radius: 2rem;
    color: #fff;
    text-align: start;
    z-index: 100;
}

.-exito[b-46acy19pdp] {
    background-color: #049007;
}

.-error[b-46acy19pdp] {
    background-color: #e00000;
}
/* /Components/TablaHistoricoCuentasComponents/TablaHistoricoCuentas.razor.rz.scp.css */
.content_table[b-6eatkj6z1o] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-6eatkj6z1o] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-6eatkj6z1o] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-6eatkj6z1o] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-6eatkj6z1o] {
        background-color: #a52529;
    }

    .btn_cirquel i[b-6eatkj6z1o] {
        margin: auto;
    }

.content_filtros[b-6eatkj6z1o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-6eatkj6z1o] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-6eatkj6z1o], .ticked[b-6eatkj6z1o] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-6eatkj6z1o] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-6eatkj6z1o], .ticked:hover[b-6eatkj6z1o] {
        color: #B38F5F;
    }

    .label_section[b-6eatkj6z1o]:after, .ticked[b-6eatkj6z1o]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #a52529;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-6eatkj6z1o]:after, .ticked:hover[b-6eatkj6z1o]:after {
        width: 100%;
    }

.selected[b-6eatkj6z1o]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #a52529;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-6eatkj6z1o] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-6eatkj6z1o .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-6eatkj6z1o {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-6eatkj6z1o] {
    display: none;
}

.input_form[b-6eatkj6z1o] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-6eatkj6z1o] {
        border-bottom: .2vw solid #a52529;
    }

.button_sumit[b-6eatkj6z1o] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #a52529;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-6eatkj6z1o] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-6eatkj6z1o]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #B38F5F;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-6eatkj6z1o]:after {
        bottom: 0;
    }

.content_relative[b-6eatkj6z1o] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-6eatkj6z1o] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-6eatkj6z1o .2s forwards;
}

    .alert_input[b-6eatkj6z1o]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-6eatkj6z1o] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-6eatkj6z1o] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-6eatkj6z1o {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-6eatkj6z1o] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-6eatkj6z1o], .content_grid_tabla_boddy[b-6eatkj6z1o] {
    display: grid;
    grid-template-columns: 8% repeat(4, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-6eatkj6z1o] {
    background-color: #B38F5F;
    color: #fff;
}

.grid_3[b-6eatkj6z1o] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-6eatkj6z1o] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}

.displa_flex[b-6eatkj6z1o] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_grid i[b-6eatkj6z1o] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-6eatkj6z1o] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-6eatkj6z1o] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #a52529;
    margin: 1vw auto;
}

.img_noticia[b-6eatkj6z1o] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-6eatkj6z1o] {
    grid-column: span 2;
}

.btn_edit[b-6eatkj6z1o], .btn_delete[b-6eatkj6z1o] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-6eatkj6z1o] {
    background-color: #a52529;
}

.btn_delete[b-6eatkj6z1o] {
    background-color: #B38F5F;
}

    .btn_edit span[b-6eatkj6z1o], .btn_delete span[b-6eatkj6z1o] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-6eatkj6z1o], .btn_delete:hover span[b-6eatkj6z1o] {
        opacity: 1;
    }

    .btn_delete i[b-6eatkj6z1o], .btn_edit i[b-6eatkj6z1o] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-6eatkj6z1o]:after, .btn_delete[b-6eatkj6z1o]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-6eatkj6z1o]:after {
    background-color: #254ad8;
}

.btn_delete[b-6eatkj6z1o]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-6eatkj6z1o]:after, .btn_delete:hover[b-6eatkj6z1o]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-6eatkj6z1o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-6eatkj6z1o] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-6eatkj6z1o] {
        color: #B38F5F;
        background-color: #a5252912;
    }

    .pagina[b-6eatkj6z1o]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #a52529;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-6eatkj6z1o]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-6eatkj6z1o] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #a52529;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-6eatkj6z1o 1s initial;
}

.content_flex[b-6eatkj6z1o] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-6eatkj6z1o {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Components/TablaHorariosComponents/TablaHorarios.razor.rz.scp.css */

.content_paginado[b-6hyvkeezg1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-6hyvkeezg1] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-6hyvkeezg1] {
        color: #039;
        background-color: #08B38B12;
    }

    .pagina[b-6hyvkeezg1]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #6D82FA;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-6hyvkeezg1]:after {
        width: 100%;
        left: 0;
    }

.fondo[b-6hyvkeezg1] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.content__title[b-6hyvkeezg1] {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: 2.5rem;
    color: #039;
    font-weight: bold;
    display: flex;
    align-items: self-end
}

.titulo_Btn[b-6hyvkeezg1] {
    display: flex;
    justify-content: center;
    align-items: self-end;
    width: 100%;
}

    .titulo_Btn h2[b-6hyvkeezg1] {
        margin-right: 5rem;
        text-align: center;
    }

.content__table[b-6hyvkeezg1] {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table[b-6hyvkeezg1] {
    background-color: #fff;
    box-shadow: .3rem .3rem .4rem #1f1f1fa3;
    padding: 1rem;
    width: 80%;
    justify-content: center;
    align-items: center;
    position: relative;
}

th[b-6hyvkeezg1] {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding: 8px;
    background-color: #6D82FA;
    border-bottom: 1px solid #fff;
    color: white;
}

td[b-6hyvkeezg1] {
    padding: 8px;
    background-color: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}

.content__span_table[b-6hyvkeezg1] {
    column-span: all;
}
.badge-secondary[b-6hyvkeezg1] {
    background-color: gray;
    color: white;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 5px;
    margin-left: 5px;
}

.contenedor_Excel button[b-6hyvkeezg1] {
    cursor: pointer;
    border-radius: 5%;
    border: none;
    padding: 1rem 2rem;
    text-align: center;
    color: #ffff;
    font-size: 1rem;
    display: flex;
    box-shadow: 2px 2px 4px #03020281;
    margin: 10px;
}

.boton_excel[b-6hyvkeezg1] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 5% 5%;
    margin: auto;
    margin-top: 5rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_excel:hover[b-6hyvkeezg1] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.contenedor_Excel[b-6hyvkeezg1] {
    display: flex;
    width: 40%;
}
/* /Components/TablaNoticiasComponents/TablaNoticias.razor.rz.scp.css */
/*Filtros*/
.content_filtros[b-3jm9j0uzqz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.content_relative[b-3jm9j0uzqz] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}
/*Paginado*/
.content_paginado[b-3jm9j0uzqz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-3jm9j0uzqz] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-3jm9j0uzqz] {
        color: #9F2241;
        background-color: #BC965B12;
    }

    .pagina[b-3jm9j0uzqz]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #BC965B;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-3jm9j0uzqz]:after {
        width: 100%;
        left: 0;
    }

/*SeccionFecha*/
.titulo_Btn[b-3jm9j0uzqz] {
    display: flex;
    justify-content: center;
    align-items: self-end;
    width: 100%;
}

    .titulo_Btn h2[b-3jm9j0uzqz] {
        margin-right: 5rem;
        text-align: center;
    }

.boton_crear[b-3jm9j0uzqz] {
    width: 10%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 2% 2%;
    /*margin: auto;*/
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_crear:hover[b-3jm9j0uzqz] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }


.content_buttons_sections[b-3jm9j0uzqz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
}

.label_section[b-3jm9j0uzqz], .ticked[b-3jm9j0uzqz] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-3jm9j0uzqz] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-3jm9j0uzqz], .ticked:hover[b-3jm9j0uzqz] {
        color: #536DFE;
    }

    .label_section[b-3jm9j0uzqz]:after, .ticked[b-3jm9j0uzqz]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #039;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-3jm9j0uzqz]:after, .ticked:hover[b-3jm9j0uzqz]:after {
        width: 100%;
    }

.label_section[b-3jm9j0uzqz], .ticked[b-3jm9j0uzqz] {
    position: relative;
    min-width: 25%;
    border-radius: .5vw;
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    padding: .5vw;
    color: #fff;
    background-color: #039;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .label_section span[b-3jm9j0uzqz] {
        position: relative;
        z-index: 2;
    }

.ticked[b-3jm9j0uzqz] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

.label_section:hover[b-3jm9j0uzqz] {
    color: #fff;
}

.label_section[b-3jm9j0uzqz]:after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: -5vw;
    left: 0;
    z-index: 1;
    background-color: #dc5dfb;
    content: "";
    transition: all .2s ease-in-out;
}

.label_section:hover[b-3jm9j0uzqz]:after {
    top: 0;
}

.selected[b-3jm9j0uzqz]::after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #dc5dfb;
    content: "";
    transition: all .2s ease-in-out;
}

.selected_2[b-3jm9j0uzqz]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #039;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-3jm9j0uzqz] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-3jm9j0uzqz .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-3jm9j0uzqz {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-3jm9j0uzqz] {
    display: none;
}

.span_2[b-3jm9j0uzqz] {
    grid-column: span 2;
}


.input_form[b-3jm9j0uzqz] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-3jm9j0uzqz] {
        border-bottom: .2vw solid #039;
    }

.alert_input[b-3jm9j0uzqz] {
    position: relative;
    background-color: #ff9683;
    padding: 1vw;
    border-radius: 1vw;
    border: .1vw solid #570000;
    color: #570000;
    animation: apareser-b-3jm9j0uzqz .2s forwards;
}

.text_alert[b-3jm9j0uzqz] {
    text-align: center;
    margin: 0;
    font-size: 1vw;
}

.pagina[b-3jm9j0uzqz] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-3jm9j0uzqz] {
        color: #039;
        background-color: #08B38B12;
    }

    .pagina[b-3jm9j0uzqz]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #6D82FA;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-3jm9j0uzqz]:after {
        width: 100%;
        left: 0;
    }

.container_form_btn[b-3jm9j0uzqz] {
    display: flex;
    justify-content: space-around;
    /* padding-top: 20px;*/
    width: 40%;
    margin: auto;
}

    .container_form_btn button[b-3jm9j0uzqz] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }


.boton_limpiar[b-3jm9j0uzqz] {
    width: 90%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    /*margin-top: 2rem;*/
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_limpiar:hover[b-3jm9j0uzqz] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.boton_excel[b-3jm9j0uzqz] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_excel:hover[b-3jm9j0uzqz] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.fondo[b-3jm9j0uzqz] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.content__title[b-3jm9j0uzqz] {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: 2.5rem;
    color: #039;
    font-weight: bold;
    display: flex;
    align-items: self-end
}

.content__table[b-3jm9j0uzqz] {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table[b-3jm9j0uzqz] {
    background-color: #fff;
    box-shadow: .3rem .3rem .4rem #1f1f1fa3;
    padding: 1rem;
    width: 80%;
    justify-content: center;
    align-items: center;
    position: relative;
}

th[b-3jm9j0uzqz] {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding: 8px;
    background-color: #6D82FA;
    border-bottom: 1px solid #fff;
    color: white;
}

td[b-3jm9j0uzqz] {
    padding: 8px;
    background-color: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}

img[b-3jm9j0uzqz] {
    width: auto;
    height: 80px;
}

.content__span_table[b-3jm9j0uzqz] {
    column-span: all;
}

.content__alerta[b-3jm9j0uzqz] {
    position: fixed;
    right: 5%;
    bottom: 5%;
    max-width: 30%;
    width: auto;
    padding: 1rem;
    border-radius: 2rem;
    color: #fff;
    text-align: start;
    z-index: 100;
}

.-exito[b-3jm9j0uzqz] {
    background-color: #049007;
}

.-error[b-3jm9j0uzqz] {
    background-color: #e00000;
}
/* /Components/TablaPermisosComponents/TablaPermisos.razor.rz.scp.css */
/*Filtros*/
.content_filtros[b-dejbp4y8kw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.content_relative[b-dejbp4y8kw] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}
/*Paginado*/
.content_paginado[b-dejbp4y8kw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-dejbp4y8kw] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-dejbp4y8kw] {
        color: #9F2241;
        background-color: #BC965B12;
    }

    .pagina[b-dejbp4y8kw]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #BC965B;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-dejbp4y8kw]:after {
        width: 100%;
        left: 0;
    }

/*SeccionFecha*/
.titulo_Btn[b-dejbp4y8kw] {
    display: flex;
    justify-content: center;
    align-items: self-end;
    width: 100%;
}

    .titulo_Btn h2[b-dejbp4y8kw] {
        margin-right: 5rem;
        text-align: center;
    }

.boton_crear[b-dejbp4y8kw] {
    width: 10%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 2% 2%;
    /*margin: auto;*/
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_crear:hover[b-dejbp4y8kw] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }


.content_buttons_sections[b-dejbp4y8kw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
}

.label_section[b-dejbp4y8kw], .ticked[b-dejbp4y8kw] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-dejbp4y8kw] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-dejbp4y8kw], .ticked:hover[b-dejbp4y8kw] {
        color: #536DFE;
    }

    .label_section[b-dejbp4y8kw]:after, .ticked[b-dejbp4y8kw]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #039;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-dejbp4y8kw]:after, .ticked:hover[b-dejbp4y8kw]:after {
        width: 100%;
    }

.label_section[b-dejbp4y8kw], .ticked[b-dejbp4y8kw] {
    position: relative;
    min-width: 25%;
    border-radius: .5vw;
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    padding: .5vw;
    color: #fff;
    background-color: #039;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .label_section span[b-dejbp4y8kw] {
        position: relative;
        z-index: 2;
    }

.ticked[b-dejbp4y8kw] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

.label_section:hover[b-dejbp4y8kw] {
    color: #fff;
}

.label_section[b-dejbp4y8kw]:after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: -5vw;
    left: 0;
    z-index: 1;
    background-color: #dc5dfb;
    content: "";
    transition: all .2s ease-in-out;
}

.label_section:hover[b-dejbp4y8kw]:after {
    top: 0;
}

.selected[b-dejbp4y8kw]::after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #dc5dfb;
    content: "";
    transition: all .2s ease-in-out;
}

.selected_2[b-dejbp4y8kw]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #039;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-dejbp4y8kw] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-dejbp4y8kw .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-dejbp4y8kw {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-dejbp4y8kw] {
    display: none;
}

.span_2[b-dejbp4y8kw] {
    grid-column: span 2;
}


.input_form[b-dejbp4y8kw] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-dejbp4y8kw] {
        border-bottom: .2vw solid #039;
    }

.alert_input[b-dejbp4y8kw] {
    position: relative;
    background-color: #ff9683;
    padding: 1vw;
    border-radius: 1vw;
    border: .1vw solid #570000;
    color: #570000;
    animation: apareser-b-dejbp4y8kw .2s forwards;
}

.text_alert[b-dejbp4y8kw] {
    text-align: center;
    margin: 0;
    font-size: 1vw;
}

.pagina[b-dejbp4y8kw] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-dejbp4y8kw] {
        color: #039;
        background-color: #08B38B12;
    }

    .pagina[b-dejbp4y8kw]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #6D82FA;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-dejbp4y8kw]:after {
        width: 100%;
        left: 0;
    }

.container_form_btn[b-dejbp4y8kw] {
    display: flex;
    justify-content: space-around;
    /* padding-top: 20px;*/
    width: 40%;
    margin: auto;
}

    .container_form_btn button[b-dejbp4y8kw] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }


.boton_limpiar[b-dejbp4y8kw] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_limpiar:hover[b-dejbp4y8kw] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.boton_excel[b-dejbp4y8kw] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_excel:hover[b-dejbp4y8kw] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.fondo[b-dejbp4y8kw] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.content__title[b-dejbp4y8kw] {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: 2.5rem;
    color: #039;
    font-weight: bold;
    display: flex;
    align-items: self-end
}

.content__table[b-dejbp4y8kw] {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table[b-dejbp4y8kw] {
    background-color: #fff;
    box-shadow: .3rem .3rem .4rem #1f1f1fa3;
    padding: 1rem;
    width: 80%;
    justify-content: center;
    align-items: center;
    position: relative;
}

th[b-dejbp4y8kw] {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding: 8px;
    background-color: #6D82FA;
    border-bottom: 1px solid #fff;
    color: white;
}

td[b-dejbp4y8kw] {
    padding: 8px;
    background-color: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}

img[b-dejbp4y8kw] {
    width: auto;
    height: 80px;
}

.content__span_table[b-dejbp4y8kw] {
    column-span: all;
}

.content__alerta[b-dejbp4y8kw] {
    position: fixed;
    right: 5%;
    bottom: 5%;
    max-width: 30%;
    width: auto;
    padding: 1rem;
    border-radius: 2rem;
    color: #fff;
    text-align: start;
    z-index: 100;
}

.-exito[b-dejbp4y8kw] {
    background-color: #049007;
}

.-error[b-dejbp4y8kw] {
    background-color: #e00000;
}
/* /Components/TableEmpleadosComponents/TableEmpleados.razor.rz.scp.css */
.fondo[b-p76nmhrapc] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.content__title[b-p76nmhrapc] {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: 2.5rem;
    color: #039;
    font-weight: bold;
}

.titulo_Btn[b-p76nmhrapc] {
    display: flex;
    justify-content: center;
    align-items: self-end;
    width: 100%;
}

    .titulo_Btn h2[b-p76nmhrapc] {
        margin-right: 5rem;
        text-align: center;
    }
.content_filtros[b-p76nmhrapc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 4px solid #536DFE;
    padding: 1rem;
}

    .content_relative[b-p76nmhrapc] {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
.input_form[b-p76nmhrapc] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-p76nmhrapc] {
        border-bottom: .2vw solid #039;
    }

.alert_input[b-p76nmhrapc] {
    position: relative;
    background-color: #ff9683;
    padding: 1vw;
    border-radius: 1vw;
    border: .1vw solid #570000;
    color: #570000;
    animation: apareser .2s forwards;
}

.text_alert[b-p76nmhrapc] {
    text-align: center;
    margin: 0;
    font-size: 1vw;
}
.content_paginado[b-p76nmhrapc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-p76nmhrapc] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-p76nmhrapc] {
        color: #039;
        background-color: #08B38B12;
    }

    .pagina[b-p76nmhrapc]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #6D82FA;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-p76nmhrapc]:after {
        width: 100%;
        left: 0;
    }

.content__table[b-p76nmhrapc] {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table[b-p76nmhrapc] {
    background-color: #fff;
    box-shadow: .3rem .3rem .4rem #1f1f1fa3;
    padding: 1rem;
    width: 80%;
    justify-content: center;
    align-items: center;
    position: relative;
}

th[b-p76nmhrapc] {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding: 8px;
    background-color: #6D82FA;
    border-bottom: 1px solid #fff;
    color: white;
}

td[b-p76nmhrapc] {
    padding: 8px;
    background-color: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}
img[b-p76nmhrapc] {
    width: auto;
    height: 80px;
    
}

.content__span_table[b-p76nmhrapc] {
    column-span: all;
}
.container_form_btn[b-p76nmhrapc] {
    display: flex;
    justify-content: space-around;
    /* padding-top: 20px;*/
    width: 40%;
    margin: auto;
}

    .container_form_btn button[b-p76nmhrapc] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }
.boton_hover[b-p76nmhrapc] {
    width: 10%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 2% 2%;
    /*margin: auto;*/
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_hover:hover[b-p76nmhrapc] {
        transition: all .2s ease-in-out;
    }

    .boton_hover:hover[b-p76nmhrapc] {
        box-shadow: 0 0 15px rgba(83, 109, 254, 1);
        transform: scale(1.05);
    }
.boton_limpiar[b-p76nmhrapc] {
    width: 60%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    /*margin-top: 2rem;*/
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_limpiar:hover[b-p76nmhrapc] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.boton_excel[b-p76nmhrapc] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_excel:hover[b-p76nmhrapc] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }
.-exito[b-p76nmhrapc] {
    background-color: #049007;
}

.-error[b-p76nmhrapc] {
    background-color: #e00000;
}
/* /Components/TablePuestodComponents/TablePuestod.razor.rz.scp.css */
.boton_guardar[b-uwo098hosl] {
    width: 10%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 2% 2%;
    /*margin: auto;*/
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_guardar:hover[b-uwo098hosl] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.content_paginado[b-uwo098hosl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-uwo098hosl] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-uwo098hosl] {
        color: #039
        background-color: #08B38B12;
    }

    .pagina[b-uwo098hosl]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #6D82FA;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-uwo098hosl]:after {
        width: 100%;
        left: 0;
    }

.contenedor_Excel button[b-uwo098hosl] {
    cursor: pointer;
    border-radius: 5%;
    border: none;
    padding: 1rem 2rem;
    text-align: center;
    color: #ffff;
    font-size: 1rem;
    display: flex;
    box-shadow: 2px 2px 4px #03020281;
    margin:10px;
}
.boton_excel[b-uwo098hosl] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 5% 5%; 
    margin: auto;
    margin-top: 5rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_excel:hover[b-uwo098hosl] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.contenedor_Excel[b-uwo098hosl]{
    display: flex;
    width: 40%;
}

.fondo[b-uwo098hosl] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.content__title[b-uwo098hosl] {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: 2.5rem;
    color: #039;
    font-weight: bold;
    display: flex;
    align-items:self-end
}
.titulo_Btn[b-uwo098hosl] {
    display: flex;
    justify-content: center;
    align-items: self-end;
    width: 100%;
}

    .titulo_Btn h2[b-uwo098hosl] {
        margin-right: 5rem;
        text-align: center;
    }

.content__table[b-uwo098hosl] {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table[b-uwo098hosl] {
    background-color: #fff;
    box-shadow: .3rem .3rem .4rem #1f1f1fa3;
    padding: 1rem;
    width: 80%;
    justify-content: center;
    align-items: center;
    position: relative;
}

th[b-uwo098hosl] {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding: 8px;
    background-color: #6D82FA;
    border-bottom: 1px solid #fff;
    color: white;
}

td[b-uwo098hosl] {
    padding: 8px;
    background-color: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}
.content__span_table[b-uwo098hosl] {
    column-span: all;
}
/* /Components/TableRegistrosComponents/TableRegistros.razor.rz.scp.css */
/*Filtros*/
.content_filtros[b-n64449p1ap] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}
.content_relative[b-n64449p1ap] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}
/*Paginado*/
.content_paginado[b-n64449p1ap] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}
.pagina[b-n64449p1ap] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-n64449p1ap] {
        color: #9F2241;
        background-color: #BC965B12;
    }

    .pagina[b-n64449p1ap]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #BC965B;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-n64449p1ap]:after {
        width: 100%;
        left: 0;
    }
/*SeccionFecha*/
.content_buttons_sections[b-n64449p1ap] {
    display: flex;
    margin: 0 auto;
}
.label_section[b-n64449p1ap], .ticked[b-n64449p1ap] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.ticked[b-n64449p1ap] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-n64449p1ap], .ticked:hover[b-n64449p1ap] {
        color: #536DFE;
    }

    .label_section[b-n64449p1ap]:after, .ticked[b-n64449p1ap]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #039;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-n64449p1ap]:after, .ticked:hover[b-n64449p1ap]:after {
        width: 100%;
    }

.label_section[b-n64449p1ap], .ticked[b-n64449p1ap] {
    position: relative;
    min-width: 25%;
    border-radius: .5vw;
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    padding: .5vw;
    color: #fff;
    background-color: #039;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .label_section span[b-n64449p1ap] {
        position: relative;
        z-index: 2;
    }

.ticked[b-n64449p1ap] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

.label_section:hover[b-n64449p1ap] {
    color: #fff;
}

.label_section[b-n64449p1ap]:after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: -5vw;
    left: 0;
    z-index: 1;
    background-color: #dc5dfb;
    content: "";
    transition: all .2s ease-in-out;
}

.label_section:hover[b-n64449p1ap]:after {
    top: 0;
}

.selected[b-n64449p1ap]::after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #dc5dfb;
    content: "";
    transition: all .2s ease-in-out;
}

.selected_2[b-n64449p1ap]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #039;
    content: "";
    transition: all .2s ease-in-out;
}
.content_carrusel[b-n64449p1ap] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-n64449p1ap .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-n64449p1ap {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-n64449p1ap] {
    display: none;
}
.span_2[b-n64449p1ap] {
    grid-column: span 2;
}


.input_form[b-n64449p1ap] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-n64449p1ap] {
        border-bottom: .2vw solid #039;
    }

.alert_input[b-n64449p1ap] {
    position: relative;
    background-color: #ff9683;
    padding: 1vw;
    border-radius: 1vw;
    border: .1vw solid #570000;
    color: #570000;
    animation: apareser-b-n64449p1ap .2s forwards;
}

.text_alert[b-n64449p1ap] {
    text-align: center;
    margin: 0;
    font-size: 1vw;
}
.pagina[b-n64449p1ap] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-n64449p1ap] {
        color: #039;
        background-color: #08B38B12;
    }

    .pagina[b-n64449p1ap]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #6D82FA;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-n64449p1ap]:after {
        width: 100%;
        left: 0;
    }
.container_form_btn[b-n64449p1ap] {
    display: flex;
    justify-content: space-around;
    /* padding-top: 20px;*/
    width: 40%;
    margin: auto;
}

    .container_form_btn button[b-n64449p1ap] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }
    

.boton_limpiar[b-n64449p1ap] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#039);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_limpiar:hover[b-n64449p1ap] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.boton_excel[b-n64449p1ap] {
    width: 100%;
    background-color: #de5c5c;
    background: linear-gradient(to right, #510606,#f21b1b);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_excel:hover[b-n64449p1ap] {
        box-shadow: 0 0 15px rgb(254, 83, 83);
        transform: scale(1.05);
    }

.fondo[b-n64449p1ap] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.content__title[b-n64449p1ap] {
    width: 100%;
    text-align: center;
    margin: 2rem 0;
    font-size: 2.5rem;
    color: #039;
    font-weight: bold;
}

.content__table[b-n64449p1ap] {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.table[b-n64449p1ap] {
    background-color: #fff;
    box-shadow: .3rem .3rem .4rem #1f1f1fa3;
    padding: 1rem;
    width: 80%;
    justify-content: center;
    align-items: center;
    position: relative;
}

th[b-n64449p1ap] {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    padding: 8px;
    background-color: #6D82FA;
    border-bottom: 1px solid #fff;
    color: white;
}

td[b-n64449p1ap] {
    padding: 8px;
    background-color: #e8edff;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}
img[b-n64449p1ap] {
    width:auto;
    height: 80px;
}

.content__span_table[b-n64449p1ap] {
    column-span: all;
}
.content__alerta[b-n64449p1ap] {
    position: fixed;
    right: 5%;
    bottom: 5%;
    max-width: 30%;
    width: auto;
    padding: 1rem;
    border-radius: 2rem;
    color: #fff;
    text-align: start;
    z-index: 100;
}

.-exito[b-n64449p1ap] {
    background-color: #049007;
}

.-error[b-n64449p1ap] {
    background-color: #e00000;
}
/* /Pages/DashBoardEmpresa.razor.rz.scp.css */
.dashboard-grid[b-gf7k3qaw9n] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_grid[b-gf7k3qaw9n] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1vw;
}

.span_2[b-gf7k3qaw9n] {
    grid-column: span 2;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-iocm10wu97] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-iocm10wu97] {
    flex: 1;
}

.sidebar[b-iocm10wu97] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-iocm10wu97] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-iocm10wu97]  a, .top-row[b-iocm10wu97]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-iocm10wu97]  a:hover, .top-row[b-iocm10wu97]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-iocm10wu97]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-iocm10wu97] {
        display: none;
    }

    .top-row.auth[b-iocm10wu97] {
        justify-content: space-between;
    }

    .top-row[b-iocm10wu97]  a, .top-row[b-iocm10wu97]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-iocm10wu97] {
        flex-direction: row;
    }

    .sidebar[b-iocm10wu97] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-iocm10wu97] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-iocm10wu97]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-iocm10wu97], article[b-iocm10wu97] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavBar.razor.rz.scp.css */


button[b-pzfonx2y96] {
    appearance: none;
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 500;
    line-height: 1;
    padding: 1em 1.5em;
    position: relative;
    transition: filter 0.3s;
}

    button:hover[b-pzfonx2y96] {
        filter: brightness(1.1);
    }

    button:active[b-pzfonx2y96] {
        filter: brightness(0.9);
    }

    button > span[b-pzfonx2y96] {
        display: block;
        position: relative;
        transition: transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        z-index: 1;
    }

    button:hover > span[b-pzfonx2y96] {
        transform: scale(1.05);
    }

    button:active > span[b-pzfonx2y96] {
        transform: scale(0.95);
    }

    button > svg[b-pzfonx2y96] {
        fill: #025b9d;
        position: absolute;
        top: -5%;
        left: -5%;
        width: 110%;
        height: 110%;
    }

        button > svg > path[b-pzfonx2y96] {
            transition: 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        }

    button:hover > svg > path[b-pzfonx2y96] {
        d: path("M0,0 C0,-5 100,-5 100,0 C105,0 105,100 100,100 C100,105 0,105 0,100 C-5,100 -5,0 0,0");
    }

    button:active > svg > path[b-pzfonx2y96] {
        d: path("M0,0 C30,10 70,10 100,0 C95,30 95,70 100,100 C70,90 30,90 0,100 C5,70 5,30 0,0");
    }


.futter_menu[b-pzfonx2y96] {
    border-top: 1px solid #7e7c7c;
    padding: 3em 1em 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
}