@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/Tiempos/Pages/ClientesForm.razor.rz.scp.css */
/* VERSIÓN MÓVIL */
@media only screen and (max-width:650px) {
    .divClientesPadre[b-hq457isqgy] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 40px;
        padding: 10px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .mcTituloClientes[b-hq457isqgy] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 32px;
    }

    .mcBarraBuscarClientes[b-hq457isqgy] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.20); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaClientes[b-hq457isqgy] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 10px;
        padding: 0px;
        overflow-x: auto;
        box-sizing: border-box;
    }

    .tablaCliente[b-hq457isqgy] {
        display: block;
        width: 100%;
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        overflow-x: auto;
        transform: scale(0.9); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .trHeadCliente[b-hq457isqgy] {
        background-color: rgb(218, 218, 218);
    }

    .tdCliente[b-hq457isqgy] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trCliente[b-hq457isqgy] {
        background-color: #ffffff;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }
    .thCliente[b-hq457isqgy] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdClienteBotones[b-hq457isqgy] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-hq457isqgy] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-hq457isqgy] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoEliminarCliente[b-hq457isqgy] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-hq457isqgy] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarCliente[b-hq457isqgy] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarCliente[b-hq457isqgy] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoCliente[b-hq457isqgy] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadirClienteForm[b-hq457isqgy] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newCliente[b-hq457isqgy] {
    }

    .form-input-newCliente[b-hq457isqgy] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarC[b-hq457isqgy] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarC[b-hq457isqgy] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadirClienteDivPadre[b-hq457isqgy] {
        margin: 30px 0px;
    }

    .anadirClienteTitulo[b-hq457isqgy] {
        margin-bottom: 20px;
    }

    .alertMesage[b-hq457isqgy] {
        margin-top: 20px;
        padding: 15px;
        border-radius: 5px;
        color: #ffffff;
        background-color: #28a745;
    }
}

/* VERSIÓN TABLET */
@media only screen and (min-width:651px) {
    .divClientesPadre[b-hq457isqgy] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 200px;
        padding: 10px;
        overflow: auto;
        box-sizing: border-box;
    }

    .mcTituloClientes[b-hq457isqgy] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarClientes[b-hq457isqgy] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.20); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaClientes[b-hq457isqgy] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
        margin-top:0px;
        padding: 10px;
        overflow-x: auto;
        box-sizing: border-box;
    }

    .tablaCliente[b-hq457isqgy] {
        display: block;
        width: 100%;
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        overflow-x: auto;
        transform: scale(0.9); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .trHeadCliente[b-hq457isqgy] {
        background-color: rgb(218, 218, 218);
    }

    .tdCliente[b-hq457isqgy] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trCliente[b-hq457isqgy] {
        background-color: #ffffff;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdClienteBotones[b-hq457isqgy] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }
    .thCliente[b-hq457isqgy] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .btnEditar[b-hq457isqgy] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-hq457isqgy] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoEliminarCliente[b-hq457isqgy] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-hq457isqgy] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarCliente[b-hq457isqgy] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarCliente[b-hq457isqgy] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoCliente[b-hq457isqgy] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadirClienteForm[b-hq457isqgy] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newCliente[b-hq457isqgy] {
    }

    .form-input-newCliente[b-hq457isqgy] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarC[b-hq457isqgy] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarC[b-hq457isqgy] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadirClienteDivPadre[b-hq457isqgy] {
        margin: 30px 0px;
    }

    .anadirClienteTitulo[b-hq457isqgy] {
        margin-bottom: 20px;
    }

    .alertMesage[b-hq457isqgy] {
        margin-top: 20px;
        padding: 15px;
        border-radius: 5px;
        color: #ffffff;
        background-color: #28a745;
    }
}

/* VERSIÓN PC */
@media only screen and (min-width:990px) {
    .divClientesPadre[b-hq457isqgy] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 210px;
        padding-bottom: 100px;
        overflow: auto;
    }

    .mcTituloClientes[b-hq457isqgy] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarClientes[b-hq457isqgy] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.20); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaClientes[b-hq457isqgy] {
        width: max-content;
        height: max-content;
        margin: 0px;
        padding: 5px 0px;
    }

    .tablaCliente[b-hq457isqgy] {
        display: block;
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
    }

    .trHeadCliente[b-hq457isqgy] {
        background-color: rgb(218, 218, 218);
    }

    .tdCliente[b-hq457isqgy] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trCliente[b-hq457isqgy] {
        background-color: #ffffff;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }
    .thCliente[b-hq457isqgy] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdClienteBotones[b-hq457isqgy] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-hq457isqgy] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-hq457isqgy] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoEliminarCliente[b-hq457isqgy] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-hq457isqgy] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarCliente[b-hq457isqgy] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarCliente[b-hq457isqgy] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoCliente[b-hq457isqgy] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadirClienteForm[b-hq457isqgy] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newCliente[b-hq457isqgy] {
    }

    .form-input-newCliente[b-hq457isqgy] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarC[b-hq457isqgy] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarC[b-hq457isqgy] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadirClienteDivPadre[b-hq457isqgy] {
        margin: 30px 0px;
    }

    .anadirClienteTitulo[b-hq457isqgy] {
        margin-bottom: 20px;
    }

    .alertMesage[b-hq457isqgy] {
        margin-top: 20px;
        padding: 15px;
        border-radius: 5px;
        color: #ffffff;
        background-color: #28a745;
    }
}
/* _content/Tiempos/Pages/Configuracion.razor.rz.scp.css */




/* VERSIÓN MÓVIL */
@media only screen and (max-width: 650px) {

    .divConfigPadre[b-yhuqts8gpk] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 40px;
        overflow: visible;
    }

    .modal-overlay[b-yhuqts8gpk] {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-yhuqts8gpk], .modal-contentU[b-yhuqts8gpk] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 98%;
        height: max-content;
        padding: 10px;
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-yhuqts8gpk] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-yhuqts8gpk] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }



    /* === ESTILOS MOVIL ASIGNACION DE PERMISOS === */
    .tablaUser[b-yhuqts8gpk] {
        width: 100%;
        display: block;
        overflow-x: auto;
    }

    .tdUser[b-yhuqts8gpk], .theadUser[b-yhuqts8gpk] {
        font-size: 14px;
        padding: 8px 10px;
    }
}


/* VERSIÓN TABLET */
@media only screen and (min-width: 651px) and (max-width: 1300px) {

    .divConfigPadre[b-yhuqts8gpk] {
        display: flex;
        flex-direction: column;
        width: 80%;
        height: 100%;
        margin-top: 40px;
        margin-left: 200px;
        overflow: visible;
    }

    .modal-overlay[b-yhuqts8gpk] {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-yhuqts8gpk], .modal-contentU[b-yhuqts8gpk] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 30%;
        height: max-content;
        margin-left: 20%;
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-yhuqts8gpk] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-yhuqts8gpk] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

}


/* VERSIÓN PC */
@media only screen and (min-width: 1301px) {

    .divConfigPadre[b-yhuqts8gpk] {
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 100%;
        margin-top: 40px;
        margin-left: 200px;
        overflow: visible;
    }
   
    .modal-overlay[b-yhuqts8gpk] {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-yhuqts8gpk], .modal-contentU[b-yhuqts8gpk] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 10px 0xp;
        width: 30%;
        height: max-content;
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-yhuqts8gpk] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-yhuqts8gpk] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }
}



/* ===== GLOBAL MENU CONFIG ====*/
.menuConfig[b-yhuqts8gpk] {
    display: flex;
    flex-wrap: wrap; /* Para que se ajuste en móviles */
    justify-content: left;
    margin-bottom: 20px;
}

.tab-button[b-yhuqts8gpk] {
    padding: 10px 20px;
    margin: 5px;
    background-color: #f1f1f1;
    border: none;
    border-radius:5px;
    cursor: pointer;
    font-size: 16px;
}

    .tab-button.active[b-yhuqts8gpk] {
        background-color: #007bff;
        color: white;
    }

    .tab-button:hover[b-yhuqts8gpk] {
        background-color: #ddd;
    }

.divInteriorConfiguracion[b-yhuqts8gpk] {
    padding: 20px;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    display: none;
}
/*
.divSubInteriorConfiguracion {
    padding: 20px;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    display: none;
}*/

    .divInteriorConfiguracion h3[b-yhuqts8gpk] {
        margin-top: 0;
    }

.tituloSeccionConfig[b-yhuqts8gpk]{
    text-decoration:underline;
}

/* Estilos generales de la tabla */
.tablaUser[b-yhuqts8gpk] {
    width: 60%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #f8f8f8;
    color: #333;
}

/* Estilo para el encabezado de la tabla */
.theadUser[b-yhuqts8gpk] {
    background-color: #4CAF50;
    color: white;
    text-align: left;
    font-size: 16px;
}

.trHeadUser[b-yhuqts8gpk] {
    background-color: #4CAF50;
    color: #fff;
    text-align: left;
    padding: 12px;
}

.tdHeadUser[b-yhuqts8gpk] {
    padding: 10px;
    border-bottom: solid 2px #ddd;
}

.thUser[b-yhuqts8gpk] {
    padding: 15px;
    border: solid 1px #ddd;
}

/* Estilo para las filas de la tabla */
.trUser[b-yhuqts8gpk] {
    border-bottom: solid 1px #ddd;
    transition: background-color 0.3s ease;
}

    .trUser:hover[b-yhuqts8gpk] {
        background-color: #f1f1f1;
    }

/* Estilo para las celdas de la tabla */
.tdUser[b-yhuqts8gpk] {
    padding: 12px 15px;
    border: solid 1px #ddd;
    text-align: left;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

    /* Resaltado de la fila seleccionada en hover */
    .tdUser:hover[b-yhuqts8gpk] {
        background-color: #e2e2e2;
    }

/* Estilos para los botones */
.buttonConfig[b-yhuqts8gpk] {
    padding: 10px 20px;
    margin: 10px 5px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    buttonConfig:hover[b-yhuqts8gpk] {
        background-color: #45a049;
        color: white;
    }

/* Estilos para los botones de acción */
.btn-editar[b-yhuqts8gpk] {
    background-color: #4CAF50;
    color: white;
}

.btn-guardar[b-yhuqts8gpk] {
    background-color: #007bff;
    color: white;
}

.btn-cancelar[b-yhuqts8gpk] {
    background-color: #ff4d4d;
    color: white;
}


/* _content/Tiempos/Pages/Estadistica.razor.rz.scp.css */
/* VERSIÓN MÓVIL */
@media only screen and (max-width:650px) {

    .divUsersPadre[b-p82a1od7nz] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 40px;
        padding: 10px;
        overflow: hidden;
        box-sizing: border-box;
    }


    .mcTituloUsuarios[b-p82a1od7nz] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 32px;
    }

    .mcBarraBuscarUsuarios[b-p82a1od7nz] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
    }

    .contenedorTablaUsuarios[b-p82a1od7nz] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 10px;
        padding: 0px;
        overflow-x: auto; /* Cambio aquí */
        box-sizing: border-box;
    }

    .tablaUser[b-p82a1od7nz] {
        display: block;
        width: 100%; /* Cambio aquí */
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        overflow-x: auto; /* Cambio aquí */
    }


    .trHeadUser[b-p82a1od7nz] {
        background-color: rgb(218, 218, 218);
    }

    .tdUser[b-p82a1od7nz] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trUser[b-p82a1od7nz] {
        background-color: #ffffff;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

        .trUser:nth-child(even)[b-p82a1od7nz] {
        }

        .trUser:nth-child(odd)[b-p82a1od7nz] {
        }
    .thUser[b-p82a1od7nz] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdUserBotones[b-p82a1od7nz] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-p82a1od7nz] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-p82a1od7nz] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoELiminarUser[b-p82a1od7nz] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-p82a1od7nz] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarUser[b-p82a1od7nz] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-p82a1od7nz] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoUsuario[b-p82a1od7nz] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadiruserForm[b-p82a1od7nz] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        margin-bottom: 90px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newUser[b-p82a1od7nz] {
    }

    .form-input-newUser[b-p82a1od7nz] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarU[b-p82a1od7nz] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-p82a1od7nz] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadiruserDivPadre[b-p82a1od7nz] {
        margin: 30px 0px;
    }

    .anadiruserTitulo[b-p82a1od7nz] {
        margin-bottom: 20px;
    }
}

/* VERSIÓN TABLET */
@media only screen and (min-width:651px) {
    .divUsersPadre[b-p82a1od7nz] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 200px;
        padding: 10px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .mcTituloUsuarios[b-p82a1od7nz] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarUsuarios[b-p82a1od7nz] {
        margin: 0px;
        width: max-content;
       /* transform: scale(1.20); /* Escala al 50% del tamaño original */
       /* transform-origin: left; /* Punto de origen de la escala */
        min-width: 1000px;
    }

    .contenedorTablaUsuarios[b-p82a1od7nz] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
        margin-top: 0px;
        padding: 10px;
        overflow-x: auto; /* Cambio aquí */
        box-sizing: border-box;
    }

    .tablaUser[b-p82a1od7nz] {
        display: block;
        width: 100%; /* Cambio aquí */
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        overflow-x: auto; /* Cambio aquí */
       /* transform: scale(0.9); /* Escala al 50% del tamaño original */
       /* transform-origin: left; /* Punto de origen de la escala */
    }


    .trHeadUser[b-p82a1od7nz] {
        background-color: rgb(218, 218, 218);
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdUser[b-p82a1od7nz] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trUser[b-p82a1od7nz] {
        background-color: #ffffff;
    }

    .thUser[b-p82a1od7nz] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdUserBotones[b-p82a1od7nz] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-p82a1od7nz] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-p82a1od7nz] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoELiminarUser[b-p82a1od7nz] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-p82a1od7nz] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarUser[b-p82a1od7nz] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-p82a1od7nz] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoUsuario[b-p82a1od7nz] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadiruserForm[b-p82a1od7nz] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        margin-bottom: 90px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newUser[b-p82a1od7nz] {
    }

    .form-input-newUser[b-p82a1od7nz] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarU[b-p82a1od7nz] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-p82a1od7nz] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadiruserDivPadre[b-p82a1od7nz] {
        margin: 30px 0px;
    }

    .anadiruserTitulo[b-p82a1od7nz] {
        margin-bottom: 20px;
    }
}

/* VERSIÓN PC */
@media only screen and (min-width:990px) {
    .divUsersPadre[b-p82a1od7nz] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 210px;
        padding-bottom: 100px;
        overflow: auto;
    }
 
    .mcTituloUsuarios[b-p82a1od7nz] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarUsuarios[b-p82a1od7nz] {
        margin: 5px;
        width: max-content;
        min-width: 1000px;
       /* transform: scale(1.20); /* Escala al 50% del tamaño original */
       /* transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaUsuarios[b-p82a1od7nz] {
        width: max-content;
        height: max-content;
        margin: 0px;
        padding: 5px 0px;

    }

    .tablaUser[b-p82a1od7nz] {
        display: block;
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        /* transform: scale(0.9); /* Escala al 50% del tamaño original */
        /* transform-origin: left; /* Punto de origen de la escala */
    }


    .trHeadUser[b-p82a1od7nz] {
        background-color: rgb(218, 218, 218);
    }

    .tdUser[b-p82a1od7nz] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trUser[b-p82a1od7nz] {
        background-color: #ffffff;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .thUser[b-p82a1od7nz] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdUserBotones[b-p82a1od7nz] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-p82a1od7nz] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-p82a1od7nz] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoELiminarUser[b-p82a1od7nz] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-p82a1od7nz] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarUser[b-p82a1od7nz] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-p82a1od7nz] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoUsuario[b-p82a1od7nz] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadiruserForm[b-p82a1od7nz] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        margin:0px 0px 90px 0px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-input-newUser[b-p82a1od7nz] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarU[b-p82a1od7nz] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-p82a1od7nz] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadiruserDivPadre[b-p82a1od7nz] {
        margin: 30px 0px;
    }

    .anadiruserTitulo[b-p82a1od7nz] {
        margin-bottom: 20px;
    }

}
/* _content/Tiempos/Pages/Index.razor.rz.scp.css */


/* VERSIÓN MÓVIL */
@media only screen and (max-width: 650px) {

    .divInicioPadre[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        position: fixed;
        width: 100%;
        height: 100%;
        margin: 40px 0px 20px 0px;
        overflow: scroll;
    }

    .tituloPagina[b-wfh6ldwe38]{
        font-size:32px;
        text-align:center;
    }

    .divContadoresInicio[b-wfh6ldwe38]{
        margin:auto;
    }

    .btnnuevoContador[b-wfh6ldwe38] {
        min-width: 100px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        background-color: #014394;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
    }

        .btnnuevoContador:hover[b-wfh6ldwe38] {
            margin: 20px;
            padding: 10px;
            border: 0px;
            border-radius: 10px;
            background-color: #003371;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
        }

    .containerPadre[b-wfh6ldwe38] {
        width:95%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: left;
        padding: 5px 5px 30px 2px;
    }

    .container[b-wfh6ldwe38], .container2[b-wfh6ldwe38], .container3[b-wfh6ldwe38] {
        position:relative;
        width: 90%;
        margin: 10px 5px 20px 5px;
        padding: 20px;
        border: solid 2px #383838;
        border-radius: 10px;

    }

    .container2n[b-wfh6ldwe38], .container3n[b-wfh6ldwe38] {
        display: none;
    }

    .subtituloContador[b-wfh6ldwe38] {
    }

    .botonCerrarContador[b-wfh6ldwe38] {
        margin: 10px 0px 10px 0px;
    }

    textarea[b-wfh6ldwe38] {
        height: 300px;
    }

    .btn[b-wfh6ldwe38] {
        width: 100px;
        margin-right: 10px;
    }

    .formContA2[b-wfh6ldwe38] {
        width: 90%;
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: flex-start;
    }

    .formContA3[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }

    .resumenHoras[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        margin: 20px 0px;
        padding: 5px;
        background-color: #efefef;
        border-radius: 40px !important;
    }

    .formContA3-fondo1[b-wfh6ldwe38], .formContA3-fondo2[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

    .formContA3-fondo1[b-wfh6ldwe38] {
        border-bottom: solid 1px #808080;
    }

    .textoMinRestantes[b-wfh6ldwe38] {
        font-size: 14px;
        text-align: center;
    }

    .validacionesCheck[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin: 20px 0px;
        padding: 5px;
        border: solid 1px #d4d4d4;
        border-radius: 10px;
    }

 /*   .formContA2-2 {
        width: 110px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }*/

    .formLabelUpCab[b-wfh6ldwe38] {
        width:30%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin: 0px 20px 0px 0px;
        padding: 3px 5px 3px 0px;
    }

    .form-input-pers[b-wfh6ldwe38] {
        padding: 5px;
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        margin: 5px 0px 10px 0px;
    }

    .formLabelUp[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        justify-content: space-around;
        margin: 0px 0px 0px 0px;
        padding: 3px 5px 3px 0px;
    }

    .selectorProyectos[b-wfh6ldwe38] {
        width: 100px;
        border: solid 1px #d4d4d4;
        border-radius: 10px;
        padding: 6px;
        margin: 0px 0px 0px 0px;
    }
    .form-input-persCAB[b-wfh6ldwe38] {
        max-width: 120px;
        margin-right: 30px;
        padding: 5px;
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        margin: 5px 0px 10px 0px;
    }

    .form-input-pers[b-wfh6ldwe38] {
        padding: 5px;
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        margin: 5px 0px 10px 0px;
    }

    .textoMinRestantes[b-wfh6ldwe38]{
        font-size:12px;
    }

    .formLabelUpDes[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        margin: 40px 0px 0px 0px;
        padding: 3px 5px 3px 0px;
    }

    .form-TextArea[b-wfh6ldwe38] {
        height: 150px;
        border: solid 1px #808080;
        border-radius: 10px;
    }

    .textoTiempoTranscurridoCont[b-wfh6ldwe38] {
        font-size: 14px;
        margin:-10px 0px 0px 0px;
    } 

    .divTiempsoTranscurridos[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 20px 0px 20px 0px;
        padding: 10px 0px 10px 20px;
        border-radius: 7px;
        background-color: #eeeeee
    }

    .form-label-newUser[b-wfh6ldwe38]{
        font-size:12px;
    }

    .form-input-TiempoLibre[b-wfh6ldwe38] {
        width: 70px;
        height: 30px;
        border: solid 1px #808080;
        border-radius: 7px;
    }

    .btnIniciarTiempos[b-wfh6ldwe38] {
        min-width: 65px;
        margin: 8px;
        padding: 8px;
        border: 0px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        background-color: #006d02;
        color: #fff;
    }


        .btnIniciarTiempos:hover[b-wfh6ldwe38] {
            background-color: #006002;
            color: #fff;
        }

    .btnGuardarTiempos[b-wfh6ldwe38] {
        min-width: 65px;
        margin: 8px;
        padding: 8px;
        border: 0px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        background-color: #002a5e;
        color: #fff;
    }

        .btnGuardarTiempos:hover[b-wfh6ldwe38] {
            background-color: #002653;
            color: #fff;
        }

    .btnReiniciarTiempos[b-wfh6ldwe38] {
        min-width: 65px;
        margin: 8px;
        padding: 8px;
        border: 0px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        background-color: #c2a704;
        color: #fff;
    }

        .btnReiniciarTiempos:hover[b-wfh6ldwe38] {
            background-color: #a08900;
            color: #fff;
        }

    .btnOcultarTiempos[b-wfh6ldwe38] {
        min-width: 38px;
        margin: 8px;
        padding: 5px;
        border: 0px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        background-color: #003371;
        color: #fff;
    }

        .btnOcultarTiempos:hover[b-wfh6ldwe38] {
            background-color: #003371;
            color: #fff;
        }
    #hiddenButtonTime3[b-wfh6ldwe38], #hiddenButtonTime2[b-wfh6ldwe38] {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .vovlverInicio[b-wfh6ldwe38]{
        display:flex;
        justify-content:center;
        align-items:center;
        width:30px;
        height:30px;
        position:fixed;
        right:2%;
        bottom:0.3%;
        border-radius:10px;
        text-align:center;
        font-size:20px;
        font-weight:600;
        color:#fff;
        background-color:#000;
        z-index:9999;
    }

    /* ---- VENTANAS MODAL USUARIOS/CLIENTES---- */
    .modal-overlay[b-wfh6ldwe38] {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-wfh6ldwe38], .modal-contentU[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 98%;
        height: max-content;
        padding:10px;
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-wfh6ldwe38] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-wfh6ldwe38] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    /*--- TABLAS ---*/

    .tablaUser[b-wfh6ldwe38] {
        display: block;
       max-width: 50%;
        max-height: 350px;
        overflow-y: scroll;
        overflow-x: scroll;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }

    .trHeadUser[b-wfh6ldwe38] {
        position: sticky;
        top: 0;
        background-color: rgb(218, 218, 218);
        border: solid 1px rgba(155, 155, 155, 0.9);
    }

    .thUser[b-wfh6ldwe38] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
        max-width: 520px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }


    .tdUser[b-wfh6ldwe38] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 100px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .trUser[b-wfh6ldwe38] {
        background-color: #ffffff;
    }
}
/* ======================== VERSIÓN TABLET ======================== */
@media only screen and (min-width: 651px) and (max-width: 1300px) {
    .divInicioPadre[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        width: 89%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 200px;
        overflow: scroll;
/*        background-color: yellow;
*/    }

    .btnnuevoContador[b-wfh6ldwe38] {
        min-width: 120px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        background-color: #014394;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
    }

        .btnnuevoContador:hover[b-wfh6ldwe38] {
            margin: 20px;
            padding: 10px;
            border: 0px;
            border-radius: 10px;
            background-color: #003371;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
        }

    .containerPadre[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: left;
        padding: 5px;
    }

    .container[b-wfh6ldwe38], .container2[b-wfh6ldwe38], .container3[b-wfh6ldwe38] {
        width: 30%;
        min-width: 450px;
        margin: -50px 5px 0px 5px;
        padding: 20px;
        border: solid 2px #383838;
        border-radius: 10px;
        transform: scale(0.93); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .container2n[b-wfh6ldwe38], .container3n[b-wfh6ldwe38] {
        display: none;
    }

    .subtituloContador[b-wfh6ldwe38] {
    }

    .botonCerrarContador[b-wfh6ldwe38] {
        margin: 10px 0px 10px 0px;
    }

    textarea[b-wfh6ldwe38] {
        height: 300px;
    }

    .btn[b-wfh6ldwe38] {
        width: 100px;
        margin-right: 10px;
    }

    .formContA2[b-wfh6ldwe38] {
        width: max-content;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    .formContA3[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }

    .resumenHoras[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        margin: 20px 0px;
        padding: 5px;
        background-color: #efefef;
        border-radius: 40px !important;
    }

    .formContA3-fondo1[b-wfh6ldwe38], .formContA3-fondo2[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

    .formContA3-fondo1[b-wfh6ldwe38] {
        border-bottom: solid 1px #808080;
    }

    .textoMinRestantes[b-wfh6ldwe38] {
        font-size: 14px;
        text-align: center;
    }

    .validacionesCheck[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin: 20px 0px;
        padding: 5px;
        border: solid 1px #d4d4d4;
        border-radius: 10px;
    }

    .formContA2-2[b-wfh6ldwe38] {
        width: 110px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .formLabelUpCab[b-wfh6ldwe38] {
        width: 140px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin: 0px 20px 0px 0px;
        padding: 3px 5px 3px 0px;
    }

    .form-input-pers[b-wfh6ldwe38] {
        padding: 5px;
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        margin: 5px 0px 10px 0px;
    }

    .formLabelUp[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        justify-content: space-around;
        margin: 0px 0px 0px 0px;
        padding: 3px 5px 3px 0px;
    }

    .form-input-persCAB[b-wfh6ldwe38] {
        max-width: 120px;
        margin-right: 30px;
        padding: 5px;
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        margin: 5px 0px 10px 0px;
    }

    .form-input-pers[b-wfh6ldwe38] {
        padding: 5px;
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        margin: 5px 0px 10px 0px;
    }

    .selectorProyectos[b-wfh6ldwe38] {
        width: 137px;
        border: solid 1px #d4d4d4;
        border-radius: 10px;
        padding: 6px;
        margin: 0px 0px 0px 0px;
    }

    .formLabelUpDes[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        margin: 40px 0px 0px 0px;
        padding: 3px 5px 3px 0px;
    }

    .form-TextArea[b-wfh6ldwe38] {
        height: 150px;
        border: solid 1px #808080;
        border-radius: 10px;
    }

    .divTiempsoTranscurridos[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        margin: 20px 0px 20px 0px;
        padding: 10px 0px 10px 20px;
        border-radius: 7px;
        background-color: #eeeeee
    }

    .form-input-TiempoLibre[b-wfh6ldwe38] {
        width: 80px;
        height: 30px;
        border: solid 1px #808080;
        border-radius: 7px;
    }

    .btnIniciarTiempos[b-wfh6ldwe38] {
        min-width: 120px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        background-color: #006d02;
        color: #fff;
    }


        .btnIniciarTiempos:hover[b-wfh6ldwe38] {
            background-color: #006002;
            color: #fff;
        }

    .btnGuardarTiempos[b-wfh6ldwe38] {
        min-width: 100px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        background-color: #002a5e;
        color: #fff;
    }

        .btnGuardarTiempos:hover[b-wfh6ldwe38] {
            min-width: 100px;
            margin: 20px;
            padding: 10px;
            border: 0px;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            background-color: #002653;
            color: #fff;
        }

    .btnReiniciarTiempos[b-wfh6ldwe38] {
        min-width: 100px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        background-color: #c2a704;
        color: #fff;
    }

        .btnReiniciarTiempos:hover[b-wfh6ldwe38] {
            min-width: 120px;
            margin: 20px;
            padding: 10px;
            border: 0px;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            background-color: #a08900;
            color: #fff;
        }



    .btnOcultarTiempos[b-wfh6ldwe38] {
        min-width:50px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        background-color: #5b5b5b;
        color: #fff;
    }

        .btnOcultarTiempos:hover[b-wfh6ldwe38] {
            min-width: 50px;
            margin: 20px;
            padding: 10px;
            border: 0px;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            background-color: #383838;
            color: #fff;
        }
    #hiddenButtonTime3[b-wfh6ldwe38], #hiddenButtonTime2[b-wfh6ldwe38] {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    /* ---- VENTANAS MODAL USUARIOS/CLIENTES---- */
    .modal-overlay[b-wfh6ldwe38] {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-wfh6ldwe38], .modal-contentU[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 30%;
        height: max-content;
        margin-left: 20%;
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-wfh6ldwe38] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-wfh6ldwe38] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    /*--- TABLAS ---*/

    .tablaUser[b-wfh6ldwe38] {
        display: block;
        width: 100%;
        max-height: 350px;
        overflow-y: scroll;
        overflow-x: scroll;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }



    .trHeadUser[b-wfh6ldwe38] {
        position: sticky;
        top: 0;
        background-color: rgb(218, 218, 218);
        border: solid 1px rgba(155, 155, 155, 0.9);
    }

    .thUser[b-wfh6ldwe38] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
        max-width: 520px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }


    .tdUser[b-wfh6ldwe38] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 100px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .trUser[b-wfh6ldwe38] {
        background-color: #ffffff;
    }
}


/* ======================== VERSIÓN PC ======================== */
@media only screen and (min-width: 1301px) {

    .divInicioPadre[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        width: 89%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 200px;
        overflow: scroll;
   }

    .btnnuevoContador[b-wfh6ldwe38] {
        min-width: 120px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        background-color: #014394;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
    }

        .btnnuevoContador:hover[b-wfh6ldwe38] {
            margin: 20px;
            padding: 10px;
            border: 0px;
            border-radius: 10px;
            background-color: #003371;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
        }

    .containerPadre[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: left;
        padding: 5px;
    }

    .container[b-wfh6ldwe38], .container2[b-wfh6ldwe38], .container3[b-wfh6ldwe38] {
        position: relative;
        width: 30%;
        min-width: 450px;
        height: max-content;
        margin: 0px 5px 100px 5px;
        padding: 20px;
        border: solid 2px #383838;
        border-radius: 10px;
        /* transform: scale(0.93); /* Escala al 50% del tamaño original */
        /*- transform-origin: left; /* Punto de origen de la escala */
    }

    .container2n[b-wfh6ldwe38], .container3n[b-wfh6ldwe38] {
        display: none;
    }
    .tituloContador[b-wfh6ldwe38]{
        margin:0px;
    }
    .subtituloContador[b-wfh6ldwe38] {
    }

    .botonCerrarContador[b-wfh6ldwe38] {
        margin: 10px 0px 10px 0px;
    }

    textarea[b-wfh6ldwe38] {
        height: 250px;
    }

    .btn[b-wfh6ldwe38] {
        width: 100px;
        margin-right: 10px;
    }

    .formContA2[b-wfh6ldwe38] {
        width: max-content;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    .formContA3[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }

    .resumenHoras[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        margin: 20px 0px;
        padding: 5px;
        background-color: #efefef;
        border-radius: 40px !important;
    }

    .formContA3-fondo1[b-wfh6ldwe38], .formContA3-fondo2[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

    .formContA3-fondo1[b-wfh6ldwe38] {
        border-bottom: solid 1px #808080;
    }

    .textoMinRestantes[b-wfh6ldwe38] {
        font-size: 14px;
        text-align: center;
    }

    .validacionesCheck[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin: 20px 0px;
        padding: 5px;
        border: solid 1px #d4d4d4;
        border-radius: 10px;
    }

    .formContA2-2[b-wfh6ldwe38] {
        width: 110px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .formLabelUpCab[b-wfh6ldwe38] {
        width:140px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin: 0px 0px 0px;
        padding: 3px 5px 3px 0px;
    }
    .form-input-pers[b-wfh6ldwe38] {
        padding: 5px;
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        margin: 5px 0px 10px 0px;
    }
    .formLabelUp[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        justify-content: space-around;
        margin: 0px 0px 0px 0px;
        padding: 3px 5px 3px 0px;
    }
    .form-input-persCAB[b-wfh6ldwe38] {
        max-width:120px;
        margin-right:30px;
        padding: 5px;
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        margin: 5px 0px 10px 0px;
    }

    .form-input-pers[b-wfh6ldwe38] {
        padding: 5px;
        border: solid 1px #dbdbdb;
        border-radius: 10px;
        margin: 5px 0px 10px 0px;
    }

    .selectorProyectos[b-wfh6ldwe38] {
        width: 137px;
        border: solid 1px #d4d4d4;
        border-radius: 10px;
        padding: 6px;
        margin: 0px 0px 0px 0px;
    }

    .formLabelUpDes[b-wfh6ldwe38] {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        margin: 40px 0px 0px 0px;
        padding: 3px 5px 3px 0px;
    }
  
    .form-TextArea[b-wfh6ldwe38] {
        height: 100px;
        border: solid 1px #808080;
        border-radius: 10px;
    }
    .divTiempsoTranscurridos[b-wfh6ldwe38] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 20px 0px 20px 0px;
        padding: 10px;
        border-radius: 7px;
        background-color: #eeeeee
    }

    .form-input-TiempoLibre[b-wfh6ldwe38] {
        width:80px;
        height:30px;
        border:solid 1px #808080;
        border-radius:7px;
    }

    .btnIniciarTiempos[b-wfh6ldwe38] {
        min-width: 120px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        background-color: #006d02;
        color: #fff;
    }


        .btnIniciarTiempos:hover[b-wfh6ldwe38] {
            background-color: #006002;
            color: #fff;
        }

    .btnGuardarTiempos[b-wfh6ldwe38] {
        min-width: 120px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        background-color: #002a5e;
        color: #fff;
    }

        .btnGuardarTiempos:hover[b-wfh6ldwe38] {
            min-width: 120px;
            margin: 20px;
            padding: 10px;
            border: 0px;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            background-color: #002653;
            color: #fff;
        }

    .btnReiniciarTiempos[b-wfh6ldwe38] {
        min-width: 120px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        background-color: #c2a704;
        color: #fff;
    }

        .btnReiniciarTiempos:hover[b-wfh6ldwe38] {
            min-width: 120px;
            margin: 20px;
            padding: 10px;
            border: 0px;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            background-color: #a08900;
            color: #fff;
        }

        .btnOcultarTiempos[b-wfh6ldwe38] {
        min-width: 50px;
        margin: 20px;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        background-color: #5b5b5b;
        color: #fff;
    }

            .btnOcultarTiempos:hover[b-wfh6ldwe38] {
                min-width: 50px;
                margin: 20px;
                padding: 10px;
                border: 0px;
                border-radius: 10px;
                font-size: 18px;
                font-weight: 500;
                cursor: pointer;
                background-color: #383838;
                color: #fff;
            }
    #hiddenButtonTime3[b-wfh6ldwe38], #hiddenButtonTime2[b-wfh6ldwe38]{
        position: absolute;
        top: 0px;
        right: 0px;
    }
    /* ---- VENTANAS MODAL USUARIOS/CLIENTES---- */
    .modal-overlay[b-wfh6ldwe38] {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-wfh6ldwe38], .modal-contentU[b-wfh6ldwe38] {
        display: flex;
        flex-direction:column;
        justify-content: center;
        align-items: center;
        margin:10px 0xp;
        width: 30%;
        height: max-content;
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-wfh6ldwe38] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-wfh6ldwe38] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    /*--- TABLAS ---*/

    .tablaUser[b-wfh6ldwe38] {
        display: block;
        width: 100%;
        max-height: 350px;
        overflow-y: scroll;
        overflow-x: scroll;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }



    .trHeadUser[b-wfh6ldwe38] {
        position: sticky;
        top: 0;
        background-color: rgb(218, 218, 218);
        border: solid 1px rgba(155, 155, 155, 0.9);
    }

    .thUser[b-wfh6ldwe38] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
        max-width: 520px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; 
    }


    .tdUser[b-wfh6ldwe38] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 100px; 
        overflow: hidden;
        text-overflow: ellipsis; 
        white-space: nowrap;
    }

    .trUser[b-wfh6ldwe38] {
        background-color: #ffffff;
    }


}
/* _content/Tiempos/Pages/LogAuditoriFomr.razor.rz.scp.css */
/* VERSIÓN MÓVIL */
@media only screen and (max-width:650px) {
    .divClientesPadre[b-2ku05s428v] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 40px;
        padding: 10px;
        overflow-y: scroll;
        box-sizing: border-box;
    }

    .mcTituloClientes[b-2ku05s428v] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 32px;
    }

    .mcBarraBuscarClientes[b-2ku05s428v] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.20); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaClientes[b-2ku05s428v] {
        width: 100%;
        overflow-x: auto;
    }

    .tablaCliente[b-2ku05s428v] {
        width: 100%;
        border: 1px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        display: block;
        overflow-x: auto;
        max-height: 400px;
    }

    .thCliente[b-2ku05s428v], .tdCliente[b-2ku05s428v] {
        padding: 10px;
        font-size: 12px;
        white-space: nowrap;
    }
}

/*  ============== VERSIÓN TABLET =================== */
/*  ============== VERSIÓN TABLET =================== */
/*  ============== VERSIÓN TABLET =================== */
/*  ============== VERSIÓN TABLET =================== */
@media only screen and (min-width: 651px) and (max-width: 1199px) {
    .divClientesPadre[b-2ku05s428v] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 200px;
        padding: 10px;
        overflow: auto;
        box-sizing: border-box;
    }

    .mcTituloClientes[b-2ku05s428v] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarClientes[b-2ku05s428v] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.20); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }


    .contenedorTablaClientes[b-2ku05s428v] {
        width: 100%;
        overflow-x: auto;
    }

    .tablaCliente[b-2ku05s428v] {
        width: 100%;
        border: 1px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        display: block;
        overflow-x: auto;
        max-height: 630px;
    }

    .thCliente[b-2ku05s428v], .tdCliente[b-2ku05s428v] {
        padding: 10px;
        font-size: 14px;
        white-space: nowrap;
    }
}

/* ===================================== VERSIÓN PC =====================================*/
/* ===================================== VERSIÓN PC =====================================*/
/* ===================================== VERSIÓN PC =====================================*/
/* ===================================== VERSIÓN PC =====================================*/
@media only screen and (min-width:1200px) and (max-width:1778px) {
    .divClientesPadre[b-2ku05s428v] {
        display: flex;
        flex-direction: column;
        width: 98%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 210px;
        padding: 10px;
        overflow: scroll;
        box-sizing: border-box;
    }

    .mcTituloClientes[b-2ku05s428v] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarClientes[b-2ku05s428v] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.20); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaClientes[b-2ku05s428v] {
        width: 98%;
        overflow-x: auto;
    }

    .tablaCliente[b-2ku05s428v] {
        width: 100%;
        border: 1px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        display: block;
        overflow-y: auto;
        max-height: 630px;
    }

    .thCliente[b-2ku05s428v], .tdCliente[b-2ku05s428v] {
        padding: 12px;
        font-size: 14px;
    }
}



/* ===================================== EXTRA PC =====================================*/
/* ===================================== EXTRA PC =====================================*/
/* ===================================== EXTRA PC =====================================*/
/* ===================================== EXTRA PC =====================================*/
@media only screen and (min-width:1779px) {
    .divClientesPadre[b-2ku05s428v] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 210px;
        padding: 10px;
        overflow: scroll;
        box-sizing: border-box;
    }

    .mcTituloClientes[b-2ku05s428v] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarClientes[b-2ku05s428v] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.20); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaClientes[b-2ku05s428v] {
        width: 100%;
        overflow-x: auto;
    }

    .tablaCliente[b-2ku05s428v] {
        width: 100%;
        border: 1px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        display: block;
        overflow-y: auto;
        max-height: 630px;
    }

    .thCliente[b-2ku05s428v], .tdCliente[b-2ku05s428v] {
        padding: 14px;
        font-size: 16px;
    }
}


/* General styles for the table */
.contenedorTablaClientes[b-2ku05s428v] {
    width: max-content;
    max-height: 630px;
    padding: 5px 0;
    overflow: auto;
}

.tablaCliente[b-2ku05s428v] {
    width: 100%;
    border: 2px solid rgba(155, 155, 155, 0.6);
    border-collapse: collapse;
    text-align: center;
}

.trHeadCliente[b-2ku05s428v] {
    position: sticky;
    top: 0;
    background-color: rgb(218, 218, 218);
    border: solid 1px rgba(155, 155, 155, 0.9);
}

.tdCliente[b-2ku05s428v] {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    background-color: #ffffff;
    max-width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trCliente[b-2ku05s428v] {
    background-color: #ffffff;
}

.thCliente[b-2ku05s428v] {
    padding: 7px;
    border: solid 2px rgba(155, 155, 155, 0.9);
    background-color: #d3d3d3;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tdClienteBotones[b-2ku05s428v] {
    display: flex;
    margin: 3px;
    background-color: #ffffff;
}
/* _content/Tiempos/Pages/Login.razor.rz.scp.css */
/* ESTILOS GENERALES */

/* VERSIÓN MÓVIL */
@media only screen and (max-width: 514px) {
    .divLoginPadre[b-d13xj9h0eu] {
        position: fixed;
        top: 0px;
        width: 100%;
        height: 100%;
        margin: 20px 0px 0px 0px;
        background-image: url('sss.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .mcTituloLogin[b-d13xj9h0eu] {
        text-align: center;
        color: #fff;
        font-weight: 600;
        font-size: 42px;
    }

    .mcFormLogin[b-d13xj9h0eu] {
        width: 60%;
        height: max-content;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin: auto;
        padding: 20px;
        border: solid 1px #dedede;
        border-radius: 20px;
        background-color: #f8f8f8;
    }

    .formLoginLabel[b-d13xj9h0eu] {
        font-size: 22px;
        font-weight: 600;
    }

    .labelInput[b-d13xj9h0eu] {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .formLoginInput[b-d13xj9h0eu] {
        margin: 10px 0px 20px 0px;
        padding: 15px;
        border: solid 1px #d1d1d1;
        border-radius: 20px
    }

    .botonIniciar[b-d13xj9h0eu] {
        margin: 20px 0px 0px 0px;
        padding: 15px;
        border: solid 1px #d1d1d1;
        border-radius: 20px;
        font-size: 18px;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }

        .botonIniciar:hover[b-d13xj9h0eu] {
            background-color: #897b04;
            color: #fff;
            cursor: pointer;
        }
}

/* VERSIÓN TABLET */
@media only screen and (min-width: 515px) and (max-width: 1300px) {

    .divLoginPadre[b-d13xj9h0eu] {
        display: block;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 90vh;
        margin: 50px 0px 0px 0px;
        padding: 50px 0px 0px 0px;
        background-image: url('/sss.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .mcTituloLogin[b-d13xj9h0eu] {
        text-align: center;
        color: #fff;
        font-weight: 600;
        font-size: 42px;
    }

    .mcFormLogin[b-d13xj9h0eu] {
        width: 30%;
        height: max-content;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin: auto;
        padding: 30px;
        border: solid 1px #dedede;
        border-radius: 20px;
        background-color: #f8f8f8;
    }

    .formLoginLabel[b-d13xj9h0eu] {
        font-size: 22px;
        font-weight: 600;
    }

    .labelInput[b-d13xj9h0eu] {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .formLoginInput[b-d13xj9h0eu] {
        margin: 10px 0px 30px 0px;
        padding: 20px;
        border: solid 1px #d1d1d1;
        border-radius: 20px
    }

    .botonIniciar[b-d13xj9h0eu] {
        margin: 30px 0px 0px 0px;
        padding: 15px;
        border: solid 1px #d1d1d1;
        border-radius: 20px;
        font-size: 18px;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }

        .botonIniciar:hover[b-d13xj9h0eu] {
            background-color: #897b04;
            color: #fff;
            cursor: pointer;
        }
}

/* VERSIÓN PC */
@media only screen and (min-width: 1301px) {

    .divLoginPadre[b-d13xj9h0eu] {
        display: block;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 95vh;
        margin: 20px 0px 0px 0px;
        padding: 30px 0px 0px 0px;
        background-image: url('/sss.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .mcTituloLogin[b-d13xj9h0eu] {
        text-align: center;
        color: #fff;
        font-weight: 600;
        font-size: 42px;
    }

    .mcFormLogin[b-d13xj9h0eu] {
        width: 20%;
        height: max-content;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin: auto;
        padding: 30px;
        border: solid 1px #dedede;
        border-radius: 20px;
        background-color: #f8f8f8;
    }

    .formLoginLabel[b-d13xj9h0eu] {
        font-size: 22px;
        font-weight: 600;
    }

    .labelInput[b-d13xj9h0eu] {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .formLoginInput[b-d13xj9h0eu] {
        margin: 10px 0px 30px 0px;
        padding: 20px;
        border: solid 1px #d1d1d1;
        border-radius: 20px
    }

    .botonIniciar[b-d13xj9h0eu] {
        margin: 30px 0px 0px 0px;
        padding: 15px;
        border: solid 1px #d1d1d1;
        border-radius: 20px;
        font-size: 18px;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }

        .botonIniciar:hover[b-d13xj9h0eu] {
            background-color: #897b04;
            color: #fff;
            cursor: pointer;
        }
}
/* _content/Tiempos/Pages/ProyectosForm.razor.rz.scp.css */
/* VERSIÓN MÓVIL */
@media only screen and (max-width:650px) {
    .divProjectsPadre[b-8wl98pjz1j] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 40px;
        padding: 10px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .mcTituloProyectos[b-8wl98pjz1j] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 32px;
    }

    .mcBarraBuscarProyectos[b-8wl98pjz1j] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.2); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaProyectos[b-8wl98pjz1j] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 10px;
        padding: 0px;
        overflow-x: auto;
        box-sizing: border-box;
    }

    .tablaProject[b-8wl98pjz1j] {
        display: block;
        width: 100%;
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        overflow-x: auto;
        transform: scale(0.9); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .trHeadProject[b-8wl98pjz1j] {
        background-color: rgb(218, 218, 218);
    }

    .tdProject[b-8wl98pjz1j] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trProject[b-8wl98pjz1j] {
        background-color: #ffffff;
    }

    .thProject[b-8wl98pjz1j] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdProjectBotones[b-8wl98pjz1j] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-8wl98pjz1j] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-8wl98pjz1j] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoEliminarProject[b-8wl98pjz1j] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-8wl98pjz1j] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarProject[b-8wl98pjz1j] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarProject[b-8wl98pjz1j] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoProyecto[b-8wl98pjz1j] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadirProjectForm[b-8wl98pjz1j] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newProject[b-8wl98pjz1j] {
    }

    .form-input-newProject[b-8wl98pjz1j] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarP[b-8wl98pjz1j] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarP[b-8wl98pjz1j] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadirProjectDivPadre[b-8wl98pjz1j] {
        margin: 30px 0px;
    }

    .anadirProjectTitulo[b-8wl98pjz1j] {
        margin-bottom: 20px;
    }

    .alertMesage[b-8wl98pjz1j] {
        margin-top: 20px;
        padding: 15px;
        border-radius: 5px;
        color: #ffffff;
        background-color: #28a745;
    }
}

/* VERSIÓN TABLET */
@media only screen and (min-width:651px) {
    .divProjectsPadre[b-8wl98pjz1j] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 200px;
        padding: 10px;
        overflow: auto;
        box-sizing: border-box;
    }

    .mcTituloProyectos[b-8wl98pjz1j] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarProyectos[b-8wl98pjz1j] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.2); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaProyectos[b-8wl98pjz1j] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
        margin-top: 0px;
        overflow-x: auto;
    }

    .tablaProject[b-8wl98pjz1j] {
        display: block;
        width: 100%;
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        overflow-x: auto;
        transform: scale(0.9); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .trHeadProject[b-8wl98pjz1j] {
        background-color: rgb(218, 218, 218);
    }

    .tdProject[b-8wl98pjz1j] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trProject[b-8wl98pjz1j] {
        border: solid 1px rgba(155, 155, 155, 0.6);
        background-color: #ffffff;
    }

    .thProject[b-8wl98pjz1j] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdProjectBotones[b-8wl98pjz1j] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-8wl98pjz1j] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-8wl98pjz1j] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoEliminarProject[b-8wl98pjz1j] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-8wl98pjz1j] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarProject[b-8wl98pjz1j] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarProject[b-8wl98pjz1j] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoProyecto[b-8wl98pjz1j] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadirProjectForm[b-8wl98pjz1j] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newProject[b-8wl98pjz1j] {
    }

    .form-input-newProject[b-8wl98pjz1j] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarP[b-8wl98pjz1j] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarP[b-8wl98pjz1j] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadirProjectDivPadre[b-8wl98pjz1j] {
        margin: 30px 0px;
    }

    .anadirProjectTitulo[b-8wl98pjz1j] {
        margin-bottom: 20px;
    }

    .alertMesage[b-8wl98pjz1j] {
        margin-top: 20px;
        padding: 15px;
        border-radius: 5px;
        color: #ffffff;
        background-color: #28a745;
    }
}

/* VERSIÓN PC */
@media only screen and (min-width:990px) {
    .divProjectsPadre[b-8wl98pjz1j] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 210px;
        padding-bottom:100px;
        overflow: auto;
    }

    .mcTituloProyectos[b-8wl98pjz1j] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarProyectos[b-8wl98pjz1j] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
        transform: scale(1.2); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaProyectos[b-8wl98pjz1j] {
        width: max-content;
        height: max-content;
        margin: 0px;
        padding: 5px 0px;

    }

    .tablaProject[b-8wl98pjz1j] {
        display: block;
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        transform: scale(0.9); /* Escala al 50% del tamaño original */
        transform-origin: left; /* Punto de origen de la escala */
    }

    .trHeadProject[b-8wl98pjz1j] {
        background-color: rgb(218, 218, 218);
    }

    .tdProject[b-8wl98pjz1j] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trProject[b-8wl98pjz1j] {
        border: solid 1px rgba(155, 155, 155, 0.6);
        background-color: #ffffff;
    }
    .thProject[b-8wl98pjz1j]{
        padding:7px;
        border:solid 1px rgba(155, 155, 155, 0.6);
    }
    .tdProjectBotones[b-8wl98pjz1j] {
        display: flex;
        margin: 3px;
    }

    .btnEditar[b-8wl98pjz1j] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-8wl98pjz1j] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoEliminarProject[b-8wl98pjz1j] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-8wl98pjz1j] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarProject[b-8wl98pjz1j] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarProject[b-8wl98pjz1j] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoProyecto[b-8wl98pjz1j] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadirProjectForm[b-8wl98pjz1j] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newProject[b-8wl98pjz1j] {
    }

    .form-input-newProject[b-8wl98pjz1j] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarP[b-8wl98pjz1j] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarP[b-8wl98pjz1j] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadirProjectDivPadre[b-8wl98pjz1j] {
        margin: 30px 0px;
    }

    .anadirProjectTitulo[b-8wl98pjz1j] {
        margin-bottom: 20px;
    }

    .alertMesage[b-8wl98pjz1j] {
        width:max-content;
        margin-top: 20px;
        padding: 15px;
        border-radius: 5px;
        color: #ffffff;
        background-color: #28a745;
    }
}
/* _content/Tiempos/Pages/UsuariosForm.razor.rz.scp.css */
/* VERSIÓN MÓVIL */
@media only screen and (max-width:650px) {

    .divUsersPadre[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 40px;
        padding: 10px;
        overflow: hidden;
        box-sizing: border-box;
    }


    .mcTituloUsuarios[b-0wkzfjtxzp] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 32px;
    }

    .mcBarraBuscarUsuarios[b-0wkzfjtxzp] {
        margin: 0px;
        width: max-content;
        min-width: 1000px;
    }

    .contenedorTablaUsuarios[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 10px;
        padding: 0px;
        overflow-x: auto; /* Cambio aquí */
        box-sizing: border-box;
    }

    .tablaUser[b-0wkzfjtxzp] {
        display: block;
        width: 100%; /* Cambio aquí */
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        overflow-x: auto; /* Cambio aquí */
    }


    .trHeadUser[b-0wkzfjtxzp] {
        background-color: rgb(218, 218, 218);
    }

    .tdUser[b-0wkzfjtxzp] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trUser[b-0wkzfjtxzp] {
        background-color: #ffffff;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

        .trUser:nth-child(even)[b-0wkzfjtxzp] {
        }

        .trUser:nth-child(odd)[b-0wkzfjtxzp] {
        }
    .thUser[b-0wkzfjtxzp] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdUserBotones[b-0wkzfjtxzp] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-0wkzfjtxzp] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-0wkzfjtxzp] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoELiminarUser[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarUser[b-0wkzfjtxzp] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-0wkzfjtxzp] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoUsuario[b-0wkzfjtxzp] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadiruserForm[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        margin-bottom: 90px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newUser[b-0wkzfjtxzp] {
    }

    .form-input-newUser[b-0wkzfjtxzp] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarU[b-0wkzfjtxzp] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-0wkzfjtxzp] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadiruserDivPadre[b-0wkzfjtxzp] {
        margin: 30px 0px;
    }

    .anadiruserTitulo[b-0wkzfjtxzp] {
        margin-bottom: 20px;
    }
}

/* VERSIÓN TABLET */
@media only screen and (min-width:651px) {
    .divUsersPadre[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 200px;
        padding: 10px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .mcTituloUsuarios[b-0wkzfjtxzp] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarUsuarios[b-0wkzfjtxzp] {
        margin: 0px;
        width: max-content;
       /* transform: scale(1.20); /* Escala al 50% del tamaño original */
       /* transform-origin: left; /* Punto de origen de la escala */
        min-width: 1000px;
    }

    .contenedorTablaUsuarios[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
        margin-top: 0px;
        padding: 10px;
        overflow-x: auto; /* Cambio aquí */
        box-sizing: border-box;
    }

    .tablaUser[b-0wkzfjtxzp] {
        display: block;
        width: 100%; /* Cambio aquí */
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        overflow-x: auto; /* Cambio aquí */
       /* transform: scale(0.9); /* Escala al 50% del tamaño original */
       /* transform-origin: left; /* Punto de origen de la escala */
    }


    .trHeadUser[b-0wkzfjtxzp] {
        background-color: rgb(218, 218, 218);
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdUser[b-0wkzfjtxzp] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trUser[b-0wkzfjtxzp] {
        background-color: #ffffff;
    }

    .thUser[b-0wkzfjtxzp] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdUserBotones[b-0wkzfjtxzp] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-0wkzfjtxzp] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-0wkzfjtxzp] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoELiminarUser[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarUser[b-0wkzfjtxzp] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-0wkzfjtxzp] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoUsuario[b-0wkzfjtxzp] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadiruserForm[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        margin-bottom: 90px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-label-newUser[b-0wkzfjtxzp] {
    }

    .form-input-newUser[b-0wkzfjtxzp] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarU[b-0wkzfjtxzp] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-0wkzfjtxzp] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadiruserDivPadre[b-0wkzfjtxzp] {
        margin: 30px 0px;
    }

    .anadiruserTitulo[b-0wkzfjtxzp] {
        margin-bottom: 20px;
    }
}

/* VERSIÓN PC */
@media only screen and (min-width:990px) {
    .divUsersPadre[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 210px;
        padding-bottom: 100px;
        overflow: auto;
    }
 
    .mcTituloUsuarios[b-0wkzfjtxzp] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    .mcBarraBuscarUsuarios[b-0wkzfjtxzp] {
        margin: 5px;
        width: max-content;
        min-width: 1000px;
       /* transform: scale(1.20); /* Escala al 50% del tamaño original */
       /* transform-origin: left; /* Punto de origen de la escala */
    }

    .contenedorTablaUsuarios[b-0wkzfjtxzp] {
        width: max-content;
        height: max-content;
        margin: 0px;
        padding: 5px 0px;

    }

    .tablaUser[b-0wkzfjtxzp] {
        display: block;
        width: max-content;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        /* transform: scale(0.9); /* Escala al 50% del tamaño original */
        /* transform-origin: left; /* Punto de origen de la escala */
    }


    .trHeadUser[b-0wkzfjtxzp] {
        background-color: rgb(218, 218, 218);
    }

    .tdUser[b-0wkzfjtxzp] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
    }

    .trUser[b-0wkzfjtxzp] {
        background-color: #ffffff;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .thUser[b-0wkzfjtxzp] {
        padding: 7px;
        border: solid 1px rgba(155, 155, 155, 0.6);
    }

    .tdUserBotones[b-0wkzfjtxzp] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-0wkzfjtxzp] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-0wkzfjtxzp] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnBloquear[b-0wkzfjtxzp] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #000000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnDesBloquear[b-0wkzfjtxzp] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #28a745;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .modalAvisoELiminarUser[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: column;
        width: max-content;
        padding: 10px;
        border-radius: 10px;
        background-color: #cccccc2b;
    }

    .divBotonesAvisoModal[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: row;
    }

    .botonCancelarEliminarUser[b-0wkzfjtxzp] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-0wkzfjtxzp] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnNuevoUsuario[b-0wkzfjtxzp] {
        width: max-content;
        height: auto;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 500;
        cursor: pointer;
    }

    .anadiruserForm[b-0wkzfjtxzp] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        margin:0px 0px 90px 0px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
    }

    .form-input-newUser[b-0wkzfjtxzp] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }

    .btnGuardarU[b-0wkzfjtxzp] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-0wkzfjtxzp] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .anadiruserDivPadre[b-0wkzfjtxzp] {
        margin: 30px 0px;
    }

    .anadiruserTitulo[b-0wkzfjtxzp] {
        margin-bottom: 20px;
    }

}
/* _content/Tiempos/Pages/VistasForm.razor.rz.scp.css */

/* ===================================== VERSIÓN MÓVIL ===================================== */
@media only screen and (max-width:650px) {
    .divUsersPadre[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        margin-top: 40px;
        padding: 10px;
        overflow-y: scroll;
        box-sizing: border-box;
    }
    .divPadreUsuarios[b-oo89nef752] {
        margin:0px 0px 0px 0px;

    }
    
    .mcTituloUsuarios[b-oo89nef752] {
        margin: 20px 20px;
        text-align: center;
        font-weight: 600;
        font-size: 42px;
    }

    /* --- CABECERA BUSQUEDA --- */
    .divPadreCabeceraVistas[b-oo89nef752] {
        display: flex;
        flex-wrap:wrap;
        max-width:100%;

    }

    .divinputCabeceraVistas1[b-oo89nef752] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        max-width: 100%;
    }

    .divIntCabeceraVistas[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        margin-top:10px;
    }

    .inputCabeceraVistas[b-oo89nef752] {
        width:100px;
        padding: 5px;
        border: solid 1px rgb(218, 218, 218);
        border-radius: 5px;
        line-height: 1.5; /* Espaciado de línea */
    }

    .divinputCabeceraVistas2[b-oo89nef752] {
        display: flex;
        flex-wrap:wrap;
        flex-direction: row;
        justify-content:center;
        align-items:center;
        padding:10px 5px 5px 5px;
        margin: 10px 0px 0px 0px;
        max-width: 100%;
    }

    .btnCabeceraVistasBuscar[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCabeceraVistasLimpiar[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #5a5a5aff;
        font-weight: 600;
        cursor: pointer;
    }

    /* NUEVO REGISTRO */
    .btnRegistroNv[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 10px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #016278;
        font-weight: 600;
        cursor: pointer;
    }
    /* --- BOTONES VALIDACION --- */


    .btnValidarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .divBotonesValidarCabeceraInt[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-left: 50px;
    }

    .btnGuardarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCancelarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 0px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #ff0000;
        font-weight: 600;
        cursor: pointer;
    }

    /* --- BOTONES VALIDACION --- */

    .btnValidarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 10px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .divBotonesValidarCabeceraInt[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-left: 50px;
    }

    .btnGuardarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCancelarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 0px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #ff0000;
        font-weight: 600;
        cursor: pointer;
    }

    .btnExportExcel[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 10px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #00a421;
        font-weight: 600;
        cursor: pointer;
    }

    .btnExportPDF[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #ce0000;
        font-weight: 600;
        cursor: pointer;
    }


    .mcBarraBuscarUsuarios[b-oo89nef752] {
        margin: 0px;
        width: 100%;
    }

   
    /*--- CONTENEDOR Y TABLA DATATIMES ---*/

    .contenedorTablaUsuarios[b-oo89nef752] {
        width: 100%;
        max-height: 630px;
        margin: 0px;
        padding: 5px 0px;
        margin: 0px 0px 0px 0px;
    }

    /*--- TABLA DATATIMES ---*/

    .tablaUser[b-oo89nef752] {
        display: block;
        width: 100%;
        max-height: 350px;
        overflow-y: scroll;
        overflow-x: scroll;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }



    .trHeadUser[b-oo89nef752] {
        position: sticky;
        top: 0;
        background-color: rgb(218, 218, 218);
        border: solid 1px rgba(155, 155, 155, 0.9);
    }

    .thUser[b-oo89nef752] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
        max-width: 520px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .thUserOBS[b-oo89nef752] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
    }


    .tdUserFecha[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 520px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUserOBS[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 650px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUserTiempo[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 50px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUser[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 100px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .trUser[b-oo89nef752] {
        background-color: #ffffff;
    }

    .tdUserBotones[b-oo89nef752] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-oo89nef752] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-oo89nef752] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    /*--- MODAL ELIMINAR REGISTROS ---*/

    .modalAvisoELiminarUser[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: max-content;
        position: fixed;
        top: 50%;
        left: 40%;
        padding: 10px;
        border-radius: 10px;
        background-color: #ffffff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
    }

    .modal-titleEliminar[b-oo89nef752] {
        text-align: center;
    }

    .divBotonesAvisoModal[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .botonCancelarEliminarUser[b-oo89nef752] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-oo89nef752] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    /* ---- FORM NUEVO REGISTRO/EDITAR ---- */
    .anadiruserDivPadre[b-oo89nef752] {
        display: block;
        width:90%;
        margin: 0px 0px 100px 0px;
    }

    .btnNuevoUsuario[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 0px 80px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #016278;
        font-weight: 500;
        cursor: pointer;
    }



    .anadiruserTitulo[b-oo89nef752] {
        margin-bottom: 20px;
    }

    .anadiruserForm[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: 95%;
        margin: 0px 0px 0px 0px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
        /*transform: scale(0.90);*/ /* Escala al 50% del tamaño original */
        /*transform-origin: left;*/ /* Punto de origen de la escala */
    }

    .form-input-newUser[b-oo89nef752] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }


    .form-input-newUserTextArea[b-oo89nef752] {
        width: 100%; /* Asegura que el input llene todo el contenedor */
        height: 250px; /* Altura específica */
        padding: 5px;
        border-radius: 5px;
        text-align: left; /* Alinea el texto a la izquierda */
        vertical-align: top; /* Alinea el texto en la parte superior */
        white-space: pre-wrap; /* Mantiene el texto envuelto */
        overflow: auto; /* Permite el desplazamiento si el texto es largo */
        word-wrap: break-word; /* Ajuste de palabra */
        line-height: 1.5; /* Espaciado de línea */
        box-sizing: border-box; /* Asegura que el padding se incluya en el tamaño total */
    }

    .btnGuardarU[b-oo89nef752] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-oo89nef752] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }


    /* ---- VENTANAS MODAL USUARIOS/CLIENTES---- */
    .modal-overlay[b-oo89nef752] {
        position: fixed;
        top: 0%;
        left: 10%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-oo89nef752], .modal-contentU[b-oo89nef752] {
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-oo89nef752] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-oo89nef752] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }
}
/* ===================================== FIN MOVIL =====================================*/



/* ===================================== VERSIÓN TABLET ===================================== */
@media only screen and (min-width: 651px) and (max-width: 1199px) {
    .divUsersPadre[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        width: 90%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 210px;
        padding: 10px;
        overflow: scroll;
        box-sizing: border-box;
    }

    .divPadreUsuarios[b-oo89nef752] {
        margin: 0px 0px 0px 0px;
    }

    .mcTituloUsuarios[b-oo89nef752] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }

    /* --- CABECERA BUSQUEDA --- */

    .divPadreCabeceraVistas[b-oo89nef752] {
        display: flex;
        flex-direction: column;
    }

    .divinputCabeceraVistas1[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }


    .divinputCabeceraVistas2[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        margin: 10px 0px 0px 10px;
    }

    .divIntCabeceraVistas[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        margin: 0px 5px 0px 0px;
    }

    .inputCabeceraVistas[b-oo89nef752] {
        padding: 5px;
        border: solid 1px rgb(218, 218, 218);
        border-radius: 5px;
        line-height: 1.5; /* Espaciado de línea */
    }

    .divFechaDeter[b-oo89nef752] {
        display: flex;
        flex-direction: row;
    }

    .btnCabeceraVistasFechaDeter[b-oo89nef752] {
        width: 30px;
        height: 30px;
        margin: 0px 3px 0px 0px;
        padding: 3px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #cccccc;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCabeceraVistasBuscar[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCabeceraVistasLimpiar[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #5a5a5aff;
        font-weight: 600;
        cursor: pointer;
    }

    .mcBarraBuscarUsuarios[b-oo89nef752] {
        margin: 0px 0px 0px 0px;
        width: max-content;
    }

    /* NUEVO REGISTRO */
    .btnRegistroNv[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #016278;
        font-weight: 600;
        cursor: pointer;
    }


    /* --- BOTONES VALIDACION --- */


    .btnValidarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .divBotonesValidarCabeceraInt[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-left: 50px;
    }

    .btnGuardarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCancelarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 0px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #ff0000;
        font-weight: 600;
        cursor: pointer;
    }

    /* BOTONES EXPORTACIÓN */
    .btnExportExcel[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #00a421;
        font-weight: 600;
        cursor: pointer;
    }

    .btnExportPDF[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #ce0000;
        font-weight: 600;
        cursor: pointer;
    }
    /*--- CONTENEDOR Y TABLA DATATIMES ---*/

    .contenedorTablaUsuarios[b-oo89nef752] {
        width: max-content;
        max-height: 430px;
        margin: 0px;
        padding: 5px 0px;
        margin: 0px 0px 0px 0px;
    }

    /*--- TABLA DATATIMES ---*/

    .tablaUser[b-oo89nef752] {
        display: block;
        width: 83%;
        max-height: 430px;
        overflow: scroll;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }



    .trHeadUser[b-oo89nef752] {
        position: sticky;
        top: 0;
        background-color: rgb(218, 218, 218);
        border: solid 1px rgba(155, 155, 155, 0.9);
    }

    .thUser[b-oo89nef752] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
        max-width: 520px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .thUserOBS[b-oo89nef752] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
    }


    .tdUserFecha[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 520px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUserOBS[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 650px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUserTiempo[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 50px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUser[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 100px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .trUser[b-oo89nef752] {
        background-color: #ffffff;
    }

    .tdUserBotones[b-oo89nef752] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-oo89nef752] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-oo89nef752] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    /*--- MODAL ELIMINAR REGISTROS ---*/

    .modalAvisoELiminarUser[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: max-content;
        position: fixed;
        top: 50%;
        left: 40%;
        padding: 10px;
        border-radius: 10px;
        background-color: #ffffff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
    }

    .modal-titleEliminar[b-oo89nef752] {
        text-align: center;
    }

    .divBotonesAvisoModal[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .botonCancelarEliminarUser[b-oo89nef752] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-oo89nef752] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    /* ---- FORM NUEVO REGISTRO/EDITAR ---- */
    .anadiruserDivPadre[b-oo89nef752] {
        display: block;
        margin: 0px 0px 100px 0px;
    }

    .btnNuevoUsuario[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 0px 80px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #016278;
        font-weight: 500;
        cursor: pointer;
    }



    .anadiruserTitulo[b-oo89nef752] {
        margin-bottom: 20px;
    }

    .anadiruserForm[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        margin: 0px 0px 0px 0px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
        /*transform: scale(0.90);*/ /* Escala al 50% del tamaño original */
        /*transform-origin: left;*/ /* Punto de origen de la escala */
    }

    .form-input-newUser[b-oo89nef752] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }


    .form-input-newUserTextArea[b-oo89nef752] {
        width: 100%; /* Asegura que el input llene todo el contenedor */
        height: 250px; /* Altura específica */
        padding: 5px;
        border-radius: 5px;
        text-align: left; /* Alinea el texto a la izquierda */
        vertical-align: top; /* Alinea el texto en la parte superior */
        white-space: pre-wrap; /* Mantiene el texto envuelto */
        overflow: auto; /* Permite el desplazamiento si el texto es largo */
        word-wrap: break-word; /* Ajuste de palabra */
        line-height: 1.5; /* Espaciado de línea */
        box-sizing: border-box; /* Asegura que el padding se incluya en el tamaño total */
    }

    .btnGuardarU[b-oo89nef752] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-oo89nef752] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }


    /* ---- VENTANAS MODAL USUARIOS/CLIENTES---- */
    .modal-overlay[b-oo89nef752] {
        position: fixed;
        top: 0%;
        left: 10%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-oo89nef752], .modal-contentU[b-oo89nef752] {
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-oo89nef752] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-oo89nef752] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }
}
/* ===================================== FIN TABLET =====================================*/



/* ===================================== VERSIÓN PC =====================================*/
/* ===================================== VERSIÓN PC =====================================*/
/* ===================================== VERSIÓN PC =====================================*/
/* ===================================== VERSIÓN PC =====================================*/
@media only screen and (min-width:1200px) and (max-width:1778px) {


    .divUsersPadre[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 210px;
        padding: 10px;
        overflow: scroll;
        box-sizing: border-box;
    }

    .divPadreUsuarios[b-oo89nef752] {
        margin: 0px 0px 0px 0px;
    }

    .mcTituloUsuarios[b-oo89nef752] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }
    /* --- CABECERA BUSQUEDA --- */
    .divPadreCabeceraVistas[b-oo89nef752] {
        display: flex;
        flex-direction: column;
    }

    .divinputCabeceraVistas1[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }


    .divinputCabeceraVistas2[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        margin: 10px 0px 0px 10px;
    }

    .divIntCabeceraVistas[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        margin: 0px 5px 0px 0px;
    }

    .inputCabeceraVistas[b-oo89nef752] {
        padding: 5px;
        border: solid 1px rgb(218, 218, 218);
        border-radius: 5px;
        line-height: 1.5; /* Espaciado de línea */
    }

    .divFechaDeter[b-oo89nef752] {
        display: flex;
        flex-direction: row;
    }

    .btnCabeceraVistasFechaDeter[b-oo89nef752] {
        width: 30px;
        height: 30px;
        margin: 0px 3px 0px 0px;
        padding: 3px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #cccccc;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCabeceraVistasBuscar[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCabeceraVistasLimpiar[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #5a5a5aff;
        font-weight: 600;
        cursor: pointer;
    }

    .mcBarraBuscarUsuarios[b-oo89nef752] {
        margin: 0px 0px 0px 0px;
        width: max-content;
    }

    /* NUEVO REGISTRO */
    .btnRegistroNv[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #016278;
        font-weight: 600;
        cursor: pointer;
    }


    /* --- BOTONES VALIDACION --- */


    .btnValidarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .divBotonesValidarCabeceraInt[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-left: 50px;
    }

    .btnGuardarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCancelarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 0px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #ff0000;
        font-weight: 600;
        cursor: pointer;
    }
    /* BOTONES EXPORTACIÓN */
    .btnExportExcel[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #00a421;
        font-weight: 600;
        cursor: pointer;
    }

    .btnExportPDF[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #ce0000;
        font-weight: 600;
        cursor: pointer;
    }

    /*--- CONTENEDOR Y TABLA DATATIMES ---*/

    .contenedorTablaUsuarios[b-oo89nef752] {
        width: 100%;
        max-height: 630px;
        margin: 0px;
        padding: 5px 0px;
        margin: 0px 0px 0px 0px;
    }

    /*--- TABLA DATATIMES ---*/

    .tablaUser[b-oo89nef752] {
        display: block;
        max-width:80%;
        max-height: 630px;
        overflow-y: scroll;
        overflow-x:scroll;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }



    .trHeadUser[b-oo89nef752] {
        position: sticky;
        top: 0;
        background-color: rgb(218, 218, 218);
        border: solid 1px rgba(155, 155, 155, 0.9);
    }

    .thUser[b-oo89nef752] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
        max-width: 520px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .thUserOBS[b-oo89nef752] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
    }


    .tdUserFecha[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 520px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUserOBS[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 650px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUserTiempo[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 50px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUser[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 100px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .trUser[b-oo89nef752] {
        background-color: #ffffff;
    }

    .tdUserBotones[b-oo89nef752] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-oo89nef752] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-oo89nef752] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    /*--- MODAL ELIMINAR REGISTROS ---*/

    .modalAvisoELiminarUser[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: max-content;
        position: fixed;
        top: 50%;
        left: 40%;
        padding: 10px;
        border-radius: 10px;
        background-color: #ffffff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
    }

    .modal-titleEliminar[b-oo89nef752] {
        text-align: center;
    }

    .divBotonesAvisoModal[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .botonCancelarEliminarUser[b-oo89nef752] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-oo89nef752] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    /* ---- FORM NUEVO REGISTRO/EDITAR ---- */
    .anadiruserDivPadre[b-oo89nef752] {
        display: block;
        margin: 0px 0px 100px 0px;
    }

    .btnNuevoUsuario[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 0px 80px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #016278;
        font-weight: 500;
        cursor: pointer;
    }



    .anadiruserTitulo[b-oo89nef752] {
        margin-bottom: 20px;
    }

    .anadiruserForm[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        margin: 0px 0px 0px 0px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
        /*transform: scale(0.90);*/ /* Escala al 50% del tamaño original */
        /*transform-origin: left;*/ /* Punto de origen de la escala */
    }

    .form-input-newUser[b-oo89nef752] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }


    .form-input-newUserTextArea[b-oo89nef752] {
        width: 100%; /* Asegura que el input llene todo el contenedor */
        height: 250px; /* Altura específica */
        padding: 5px;
        border-radius: 5px;
        text-align: left; /* Alinea el texto a la izquierda */
        vertical-align: top; /* Alinea el texto en la parte superior */
        white-space: pre-wrap; /* Mantiene el texto envuelto */
        overflow: auto; /* Permite el desplazamiento si el texto es largo */
        word-wrap: break-word; /* Ajuste de palabra */
        line-height: 1.5; /* Espaciado de línea */
        box-sizing: border-box; /* Asegura que el padding se incluya en el tamaño total */
    }

    .btnGuardarU[b-oo89nef752] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-oo89nef752] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }


    /* ---- VENTANAS MODAL USUARIOS/CLIENTES---- */
    .modal-overlay[b-oo89nef752] {
        position: fixed;
        top: 0%;
        left: 10%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-oo89nef752], .modal-contentU[b-oo89nef752] {
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-oo89nef752] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-oo89nef752] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }
}
/* ===================================== FIN PC =====================================*/




/* ===================================== EXTRA PC =====================================*/

@media only screen and (min-width:1779px) {


    .divUsersPadre[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top: 40px;
        margin-left: 210px;
        padding: 10px;
        overflow: scroll;
        box-sizing: border-box;
    }

    .divPadreUsuarios[b-oo89nef752] {
        margin: 0px 0px 0px 0px;
    }

    .mcTituloUsuarios[b-oo89nef752] {
        margin: 20px 20px;
        text-align: left;
        font-weight: 600;
        font-size: 42px;
    }
    /* --- CABECERA BUSQUEDA --- */
    .divPadreCabeceraVistas[b-oo89nef752] {
        display: flex;
        flex-direction: column;
    }

    .divinputCabeceraVistas1[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }


    .divinputCabeceraVistas2[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        margin: 10px 0px 0px 10px;
    }

    .divIntCabeceraVistas[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        margin: 0px 5px 0px 0px;
    }

    .inputCabeceraVistas[b-oo89nef752] {
        padding: 5px;
        border: solid 1px rgb(218, 218, 218);
        border-radius: 5px;
        line-height: 1.5; /* Espaciado de línea */
    }

    .divFechaDeter[b-oo89nef752] {
        display: flex;
        flex-direction: row;
    }

    .btnCabeceraVistasFechaDeter[b-oo89nef752] {
        width: 30px;
        height: 30px;
        margin: 0px 3px 0px 0px;
        padding: 3px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #cccccc;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCabeceraVistasBuscar[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #28a745;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCabeceraVistasLimpiar[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #5a5a5aff;
        font-weight: 600;
        cursor: pointer;
    }

    .mcBarraBuscarUsuarios[b-oo89nef752] {
        margin: 0px 0px 0px 0px;
        width: max-content;
    }

    /* NUEVO REGISTRO */
    .btnRegistroNv[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #016278;
        font-weight: 600;
        cursor: pointer;
    }


    /* --- BOTONES VALIDACION --- */


    .btnValidarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .divBotonesValidarCabeceraInt[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-left: 50px;
    }

    .btnGuardarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #008dff;
        font-weight: 600;
        cursor: pointer;
    }

    .btnCancelarCheck[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 0px 8px 0px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #ff0000;
        font-weight: 600;
        cursor: pointer;
    }

    /* BOTONES EXPORTACIONES */

    .btnExportExcel[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #00a421;
        font-weight: 600;
        cursor: pointer;
    }
    .btnExportPDF[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 10px 8px 130px;
        padding: 10px;
        border: solid 1px #ffffff;
        border-radius: 10px;
        color: #ffffff;
        background-color: #ce0000;
        font-weight: 600;
        cursor: pointer;
    }


    /*--- CONTENEDOR Y TABLA DATATIMES ---*/

    .contenedorTablaUsuarios[b-oo89nef752] {
        width: max-content;
        max-height: 630px;
        margin: 0px;
        padding: 5px 0px;
        margin: 0px 0px 0px 0px;
    }

    /*--- TABLA DATATIMES ---*/

    .tablaUser[b-oo89nef752] {
        display: block;
        width: max-content;
        max-height: 630px;
        overflow-y: scroll;
        border: 2px solid rgba(155, 155, 155, 0.6);
        border-collapse: collapse;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }



    .trHeadUser[b-oo89nef752] {
        position: sticky;
        top: 0;
        background-color: rgb(218, 218, 218);
        border: solid 1px rgba(155, 155, 155, 0.9);
    }

    .thUser[b-oo89nef752] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
        max-width: 520px; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        white-space: nowrap; 
    }

    .thUserOBS[b-oo89nef752] {
        padding: 7px;
        border: solid 2px rgba(155, 155, 155, 0.9);
        background-color: #d3d3d3;
        cursor: pointer;
    }


    .tdUserFecha[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 520px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUserOBS[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 650px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUserTiempo[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 55px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .tdUser[b-oo89nef752] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        background-color: #ffffff;
        max-width: 100px; /* Añadir esta línea */
        overflow: hidden; /* Añadir esta línea */
        text-overflow: ellipsis; /* Añadir esta línea */
        white-space: nowrap; /* Añadir esta línea */
    }

    .trUser[b-oo89nef752] {
        background-color: #ffffff;
    }

    .tdUserBotones[b-oo89nef752] {
        display: flex;
        margin: 3px;
        background-color: #ffffff;
    }

    .btnEditar[b-oo89nef752] {
        display: block;
        margin: 2px 0px;
        padding: 5px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnEliminar[b-oo89nef752] {
        display: block;
        margin: 2px 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    /*--- MODAL ELIMINAR REGISTROS ---*/

    .modalAvisoELiminarUser[b-oo89nef752] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: max-content;
        position: fixed;
        top: 50%;
        left: 40%;
        padding: 10px;
        border-radius: 10px;
        background-color: #ffffff;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
    }

    .modal-titleEliminar[b-oo89nef752] {
        text-align: center;
    }

    .divBotonesAvisoModal[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .botonCancelarEliminarUser[b-oo89nef752] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .botonEliminarEliminarUser[b-oo89nef752] {
        display: inline;
        width: max-content;
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    /* ---- FORM NUEVO REGISTRO/EDITAR ---- */
    .anadiruserDivPadre[b-oo89nef752] {
        display: block;
        margin: 0px 0px 100px 0px;
    }

    .btnNuevoUsuario[b-oo89nef752] {
        width: max-content;
        height: auto;
        margin: 0px 0px 80px 0px;
        padding: 10px;
        border-radius: 10px;
        color: #ffffff;
        background-color: #016278;
        font-weight: 500;
        cursor: pointer;
    }



    .anadiruserTitulo[b-oo89nef752] {
        margin-bottom: 20px;
    }

    .anadiruserForm[b-oo89nef752] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        width: max-content;
        margin: 0px 0px 0px 0px;
        padding: 20px 40px 20px 20px;
        border: solid 1px #d3d3d3;
        border-radius: 10px;
        background-color: #d3d3d317;
        /*transform: scale(0.90);*/ /* Escala al 50% del tamaño original */
        /*transform-origin: left;*/ /* Punto de origen de la escala */
    }

    .form-input-newUser[b-oo89nef752] {
        margin: 10px 2px;
        padding: 5px;
        border-radius: 5px;
    }


    .form-input-newUserTextArea[b-oo89nef752] {
        width: 100%; /* Asegura que el input llene todo el contenedor */
        height: 250px; /* Altura específica */
        padding: 5px;
        border-radius: 5px;
        text-align: left; /* Alinea el texto a la izquierda */
        vertical-align: top; /* Alinea el texto en la parte superior */
        white-space: pre-wrap; /* Mantiene el texto envuelto */
        overflow: auto; /* Permite el desplazamiento si el texto es largo */
        word-wrap: break-word; /* Ajuste de palabra */
        line-height: 1.5; /* Espaciado de línea */
        box-sizing: border-box; /* Asegura que el padding se incluya en el tamaño total */
    }

    .btnGuardarU[b-oo89nef752] {
        margin: 10px 0px;
        padding: 8px 10px;
        color: #fff;
        background-color: #008dff;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }

    .btnCancelarU[b-oo89nef752] {
        margin: 10px 10px;
        padding: 8px 10px;
        color: #fff;
        background-color: #ff0000;
        border: solid 0px;
        border-radius: 5px;
        cursor: pointer;
    }


    /* ---- VENTANAS MODAL USUARIOS/CLIENTES---- */
    .modal-overlay[b-oo89nef752] {
        position: fixed;
        top: 0%;
        left: 10%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-contentC[b-oo89nef752], .modal-contentU[b-oo89nef752] {
        background-color: white;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1051;
    }

    .modal-mensajeExito[b-oo89nef752] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 24px;
        color: #fff;
        background-color: #28a745;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }

    .modal-mensajeError[b-oo89nef752] {
        position: fixed;
        top: 40%;
        left: 30%;
        width: 20%;
        height: 20%;
        border: solid 1px #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 26px;
        color: #fff;
        background-color: #f86868;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050;
    }
}
/*=========== REGLAS GLOBALES ==========*/
/*#sum-container {
    display: none;
    position: absolute;
    pointer-events: none;
    padding: 5px;
    border: solid 1px #fdff20;
    border-radius: 5px;
    background-color: #000000;
    color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}*/
/* _content/Tiempos/Shared/MainLayout.razor.rz.scp.css */
/*============= M�VIL VERSI�N =============*/
@media only screen and (max-width:650px) {
    .top-row-oscuro[b-lgahfkem08], .top-row-claro[b-lgahfkem08] {
        display: none !important;
    }



    /* ========= BARRA SUPERIOR FIJA + ICONOS ========= */
    .divIconosMovil[b-lgahfkem08] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0% 15% 0% 4%;
    }
    .divIconosMovil1[b-lgahfkem08] {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-right: 10px;
    }
    .divIconosMovil2[b-lgahfkem08] {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-left: 10px;
    }

    /* MODO OSCURO */
    .top-row-mv-oscuro[b-lgahfkem08] {
        display: flex;
        justify-content: center;
        height: 50px;
        width: 100%;
        position: fixed;
        top: 0;
        align-items: center;
        background-color: rgb(0, 0, 0);
        border-bottom: solid 1px #fff;
        z-index: 998;
    }

    .iconos_menu_sup-mv-oscuro[b-lgahfkem08] {
        margin: 0px 10px;
        padding: 7px;
        border: solid 1px #000;
        border-radius: 20px;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }

        .iconos_menu_sup-mv-oscuro:hover[b-lgahfkem08] {
            margin: 0px 10px;
            padding: 7px;
            background-color: #575757;
            border: solid 1px #fff;
            border-radius: 20px;
            color: #fff;
            cursor: pointer;
        }

    .enlaces_menu_sup-mv-oscuro[b-lgahfkem08] {
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }


    .divIconosMovil[b-lgahfkem08]{

    }
    /*==== USER LOG ====*/
    .pUsercuenta-oscuro[b-lgahfkem08] {
        background-color: #000;
    }

    .iconoUsercuenta-oscuro[b-lgahfkem08] {
        color: #fff;
    }

    .codigoUsercuenta-oscuro[b-lgahfkem08] {
        margin: 0px 0px 0px 10px;
        padding: 3px 8px;
        border: solid 1px #575757;
        border-radius: 10px;
        color: #fff;
    }

    .nombreUsercuenta-oscuro[b-lgahfkem08] {
        margin: 0px 0px 0px 5px;
        color: #fff;
        font-weight: 500;
    }

    /*=================================*/
    /*=========== FIN MODO OSCURO ======================*/


    /* MODO CALRO */
    .top-row-mv-claro[b-lgahfkem08] {
        display: flex;
        justify-content: center;
        height: 50px;
        width: 100%;
        position: fixed;
        top: 0;
        align-items: center;
        background-color: #fff;
        border-bottom: solid 1px rgb(0, 0, 0);
        z-index: 998;
    }

    .iconos_menu_sup-mv-claro[b-lgahfkem08] {
        margin: 0px 10px;
        padding: 7px;
        border: solid 1px #000;
        border-radius: 20px;
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }

        .iconos_menu_sup-mv-claro:hover[b-lgahfkem08] {
            margin: 0px 10px;
            padding: 7px;
            background-color: #575757;
            border: solid 1px #fff;
            border-radius: 20px;
            color: #fff;
            cursor: pointer;
        }

    .enlaces_menu_sup-mv-claro[b-lgahfkem08] {
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }


    /*==== USER LOG ====*/

    .pUsercuenta-claro[b-lgahfkem08] {
        background-color: #fff;
    }

    .iconoUsercuenta-claro[b-lgahfkem08] {
        color: #000;
    }

    .codigoUsercuenta-claro[b-lgahfkem08] {
        margin: 0px 0px 0px 10px;
        padding: 3px 8px;
        border: solid 1px #000;
        border-radius: 10px;
        color: #000;
    }

    .nombreUsercuenta-claro[b-lgahfkem08] {
        margin: 0px 0px 0px 5px;
        color: #000;
        font-weight: 500;
    }

    /*=================================*/
    /*=========== FIN MODO CLARO ======================*/

}
/*================================================================*/
/*=========================  FIN M�VIL VERSION  ==============================*/


/*============= TABLET Y PC =============*/
@media only screen and (min-width: 649px) {
    .top-row-mv-oscuro[b-lgahfkem08], .top-row-mv-claro[b-lgahfkem08], .p-barra-sup-mv-claro[b-lgahfkem08], .p-barra-sup-mv-oscuro[b-lgahfkem08], .enlaces_menu_sup-mv-oscuro[b-lgahfkem08], .enlaces_menu_sup-mv-claro[b-lgahfkem08] {
        display: none;
    }

    .divIconosPcContain[b-lgahfkem08] {
        margin: 0px 10px 0px 0px;
    }

    /*MODO OSCUR0*/

    /* ========= BARRA SUPERIOR FIJA ========= */
    .top-row-oscuro[b-lgahfkem08] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 40px;
        position: fixed;
        top: 0;
        height: 50px;
        background-color: rgb(0, 0, 0);
        border-bottom: 1px solid #d6d5d5;
    }

    .marcaMovil-oscuro[b-lgahfkem08] {
        position: fixed;
        top: 2px;
        left: 5px;
        width: 48px;
        height: 50px;
        cursor: pointer;
        background-image: url('inta.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 9999;
    }

    .navbar-brand-Logo-oscuro[b-lgahfkem08] {
        position: fixed;
        top: 2px;
        left: 20px;
        width: 155px;
        height: 48px;
        cursor: pointer;
        background-image: url('intaBlaco.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 999;
    }

    .navbar-brand-oscuro[b-lgahfkem08] {
        position: fixed;
        top: 15px;
        left: 190px;
        font-size: 1.1rem;
        color: #fff;
        text-decoration: none;
        text-align: left;
    }

        .navbar-brand-oscuro:hover[b-lgahfkem08] {
            position: fixed;
            top: 15px;
            left: 50px;
            font-size: 1.1rem;
            color: #d0d0d0;
            text-decoration: none;
            text-align: left;
        }

    .iconos_menu_sup-oscuro[b-lgahfkem08] {
        margin: 0px 3px;
        padding: 7px;
        border: solid 1px #000;
        border-radius: 20px;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }

        .iconos_menu_sup-oscuro:hover[b-lgahfkem08] {
            margin: 0px 3px;
            padding: 7px;
            background-color: #575757;
            border: solid 1px #fff;
            border-radius: 20px;
            color: #fff;
            cursor: pointer;
        }   
        
        .enlaces_menu_sup-oscuro[b-lgahfkem08] {
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }

/*==== USER LOG ====*/
    .pUsercuenta-oscuro[b-lgahfkem08] {
        background-color: #000;
    }

    .iconoUsercuenta-oscuro[b-lgahfkem08] {
        color: #fff;
    }

    .codigoUsercuenta-oscuro[b-lgahfkem08] {
        margin: 0px 0px 0px 10px;
        padding: 3px 8px;
        border: solid 1px #575757;
        border-radius: 10px;
        color: #fff;
    }

    .nombreUsercuenta-oscuro[b-lgahfkem08] {
        margin: 0px 0px 0px 5px;
        color: #fff;
        font-weight: 500;
    }


    /*=========== FIN MODO OSCURO ======================*/



    /*MODO CLARO*/

    /* ========= BARRA SUPERIOR FIJA ========= */
    .top-row-claro[b-lgahfkem08] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 51px;
        position: fixed;
        top: 0;
        background-color: #fff;
        border-bottom: 1px solid #d6d5d5;
    }

    .navbar-brand-Logo-claro[b-lgahfkem08] {
        position: fixed;
        top: 2px;
        left: 20px;
        width: 155px;
        height: 48px;
        cursor: pointer;
        background-image: url('intaOscuro.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 999;
    }

    .navbar-brand-claro[b-lgahfkem08] {
        position: fixed;
        top: 15px;
        left: 190px;
        font-size: 1.1rem;
        color: rgb(0, 0, 0);
        text-decoration: none;
        text-align: left;
    }

        .navbar-brand-claro:hover[b-lgahfkem08] {
            position: fixed;
            top: 15px;
            left: 50px;
            font-size: 1.1rem;
            color: #575757;
            text-decoration: none;
            text-align: left;
        }

    .iconos_menu_sup-claro[b-lgahfkem08] {
        margin: 0px 3px;
        padding: 7px;
        border: solid 1px #000;
        border-radius: 20px;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }

        .iconos_menu_sup-claro:hover[b-lgahfkem08] {
            margin: 0px 3px;
            padding: 7px;
            background-color: #575757;
            border: solid 1px #fff;
            border-radius: 20px;
            color: #fff;
            cursor: pointer;
        }
    .enlaces_menu_sup-claro[b-lgahfkem08] {
        text-decoration: none;
        color: #fff;
        cursor: pointer;
    }

    /*==== USER LOG ====*/

    .pUsercuenta-claro[b-lgahfkem08] {
        background-color: #fff;
    }

    .iconoUsercuenta-claro[b-lgahfkem08] {
        color: #000;
    }

    .codigoUsercuenta-claro[b-lgahfkem08] {
        margin: 0px 0px 0px 10px;
        padding: 3px 8px;
        border: solid 1px #000;
        border-radius: 10px;
        color: #000;
    }

    .nombreUsercuenta-claro[b-lgahfkem08] {
        margin: 0px 0px 0px 5px;
        color: #000;
        font-weight: 500;
    }




    /*=================================*/
    /*=========== FIN MODO CLARO ======================*/

}
/*=========================  FIN TABLET PC VERSION  ==============================*/
/* _content/Tiempos/Shared/NavMenu.razor.rz.scp.css */
/* AJUSTES GENERALES TODOS LOS TAMA�OS */
.divBotonesConfig[b-m6l46q1uvl] {
    display: flex;
    flex-direction: row;
    margin: 0px;
}

.botonModoClaroOscuro[b-m6l46q1uvl] {
    margin: 10px 30px 0px 0px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    text-align: center;
}

.modoClaroOscuro[b-m6l46q1uvl] {
    font-size: 25px;
    color: #000;
}

.iconos_menu[b-m6l46q1uvl] {
    margin: 0px 10px 0px 0px;
    font-size: 18Px;
}

.p-sectionMenu[b-m6l46q1uvl] {
    list-style: none;
}

/* MODO OSCURO */
.nav-item-oscuro[b-m6l46q1uvl] {
    margin: 0px 10px 0px -20px;
    padding: 10px 0px 10px 10px;
    list-style: none;
}

    .nav-item-oscuro:hover[b-m6l46q1uvl] {
        margin: 0px 10px 0px -20px;
        padding: 10px 0px 10px 10px;
        border-radius: 10px;
        list-style: none;
        background-color: #8080805e;
    }

    .nav-item-oscuro.active-oscuro[b-m6l46q1uvl] {
        background-color: red;
    }

.nav-link-P-oscuro[b-m6l46q1uvl] {
    font-size: 20px;
    font-weight: 500;
    margin: 25px 10px 10px -30px;
    list-style: none;
    color: #fff;
}

.nav-link-oscuro[b-m6l46q1uvl] {
    color: #fff;
    text-decoration: none;
}

    .nav-link-oscuro:active[b-m6l46q1uvl] {
        color: #aca305;
        text-decoration: none;
    }

/*MODO CLARO*/
.nav-item-claro[b-m6l46q1uvl] {
    margin: 0px 10px 0px -20px;
    padding: 10px 0px 10px 10px;
    list-style: none;
}

    .nav-item-claro:hover[b-m6l46q1uvl] {
        margin: 0px 10px 0px -20px;
        padding: 10px 0px 10px 10px;
        border-radius: 10px;
        list-style: none;
        background-color: #8080805e;
    }

    .nav-item-claro.active-oscuro[b-m6l46q1uvl] {
        background-color: purple;
    }

.nav-link-P-claro[b-m6l46q1uvl] {
    font-size: 20px;
    font-weight: 500;
    margin: 25px 10px 10px -30px;
    list-style: none;
    color: rgb(0, 0, 0);
}

.nav-link-claro[b-m6l46q1uvl] {
    color: rgba(0,0,0,0.9);
    text-decoration: none;
}

    .nav-link-claro:active[b-m6l46q1uvl] {
        color: #aca305;
        text-decoration: none;
    }
/*=============  MOVIL VERSION  =============*/

@media (max-width: 650px) {

    /* ========= OCULTAR MENU EN MOVIL ==========*/

    .botonModoClaroOscuro[b-m6l46q1uvl] {
        margin: 10px;
        width: 35px;
        height: 35px;
        border-radius: 10px;
    }

    /*OSCURO*/

    /*=============  MARCA Y BOTON MEN� FIJOS =============*/

    .marcaMovil-oscuro[b-m6l46q1uvl] {
        display:none;
        position: fixed;
        top: 2px;
        left: 5px;
        width: 48px;
        height: 50px;
        cursor: pointer;
        background-image: url('Logo_Blanco.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 9999;
    }

    .boton-menu-movil-f-oscuro[b-m6l46q1uvl] {
        position: fixed;
        top: 7px;
        right: -4%;
        width: 39px;
        height: 35px;
        font-size: 24px;
        text-align: center;
        margin: 0px 20px 0px 50px;
        border-radius: 5px;
        color: rgb(0, 0, 0);
        background-color: white;
        cursor: pointer; /* Cambia el cursor a pointer al pasar el rat�n */
        z-index: 999;
    }

    /*============= MEN� BARRA LATERAL =============*/

    .sidebar-oscuro[b-m6l46q1uvl] {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 51px;
        left: 0;
        width: 100%;
        height: max-content;
        background-color: rgb(0, 0, 0);
        border-bottom: 1px solid #d6d5d5;
        z-index: 9999;
    }

    /*CLARO*/

    /*=============  MARCA Y BOTON MEN� FIJOS =============*/
    .marcaMovil-claro[b-m6l46q1uvl] {
        display: none;
        position: fixed;
        top: 2px;
        left: 5px;
        width: 48px;
        height: 50px;
        cursor: pointer;
        background-image: url('Logo_Negro.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 9999;
    }

    .boton-menu-movil-f-claro[b-m6l46q1uvl] {
        position: fixed;
        top: 9px;
        right: 0%;
        font-size: 20px;
        text-align: center;
        margin: 0px 20px 0px 50px;
        border-radius: 5px;
        color: #fff;
        background-color: #000;
        cursor: pointer; /* Cambia el cursor a pointer al pasar el rat�n */
        z-index: 999;
    }
    /*============= MEN� BARRA LATERAL =============*/
    .sidebar-claro[b-m6l46q1uvl] {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 51px;
        left: 0;
        width: 100%;
        height: max-content;
        background-color: white;
        border-right: solid 1px #000;
        z-index: 9999;
    }

    .sidebarHidde[b-m6l46q1uvl] {
        display: none;
    }
}
/*===============================*/
/*===============   FIN MOVIL   ================*/




/*============= TABLET PC VERSION=============*/

@media (min-width: 651px) {
    .navbar-botonMovil[b-m6l46q1uvl], .top-row-mv-menu-oscuro[b-m6l46q1uvl], .top-row-mv-menu-claro[b-m6l46q1uvl] {
        display: none;
    }

    /* ========= BARRA LATERAL FIJA ========= */
    .sidebar-oscuro[b-m6l46q1uvl] {
        position: fixed;
        top: 0;
        height: 100%;
        width: 200px;
        margin-top: 51px;
        background-image: linear-gradient(180deg, rgb(0, 0, 0) 0%, #474506 70%);
        z-index: 997;
    }

    .sidebar-claro[b-m6l46q1uvl] {
        position: fixed;
        top: 0;
        height: 100%;
        width: 200px;
        margin-top: 51px;
        border: solid 1px#d6d5d5;
        background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, #fff 10%);
        z-index: 997;
    }

    .iconos_menu[b-m6l46q1uvl] {
        margin: 0px 10px 0px 0px;
        font-size: 18Px;
    }

    .divBotonesConfig[b-m6l46q1uvl] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        margin: 20px;
    }

    .botonModoClaroOscuro[b-m6l46q1uvl] {
        margin: 10px 30px 0px 0px;
        width: 35px;
        height: 35px;
        border-radius: 10px;
        text-align: center;
    }

    .modoClaroOscuro[b-m6l46q1uvl] {
        font-size: 20px;
    }
}