/* _content/WebServerLabSystem/Components/Layout/Drawer.razor.rz.scp.css */
::deep .navigation-drawer[b-tqjq5soeoj] {
    --dxbl-drawer-panel-footer-justify-content: center;
    height: 100vh;
    max-height: 100%;
}

[b-tqjq5soeoj] .panel-open:not(.mobile) .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-tqjq5soeoj] .panel-open:not(.mobile) .menu-button {
        display: inline-flex;
    }

    .mobile-drawer-closed .shading-copy[b-tqjq5soeoj] {
        display: none;
        visibility: hidden;
    }

    [b-tqjq5soeoj] .shading-copy {
        background-color:  var(--dxbl-drawer-content-shading-bg);
        height: 100%;
        position: absolute;
        transition: opacity ease var(--dxbl-drawer-animation-duration);
        visibility: visible;
        width: 100%;
        z-index: 100;
        opacity: var(--dxbl-drawer-content-shading-opacity);
    }

    [b-tqjq5soeoj] .panel-open .shading-copy {
        opacity: 0;
        visibility: unset;
        height: unset;
    }
}
/* _content/WebServerLabSystem/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ugdav4w3l3] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    /*overflow: auto;  Permite el scroll en la página principal*/
}

.drawer-body[b-ugdav4w3l3] {
    overflow: auto; /*Permite el scroll en el contenido del Drawer */
}

.content[b-ugdav4w3l3] {
    flex: 1;
    overflow: auto; /*Permite el scroll en el contenido principal */
}

.nav-buttons-container[b-ugdav4w3l3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

.navigation-drawer-header[b-ugdav4w3l3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

.footer-button[b-ugdav4w3l3] {
    margin: 0.5rem;
}

[b-ugdav4w3l3] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-black) 150%);
    background-image: linear-gradient(180deg, darkgreen 0%, darkorange 150%);
}

[b-ugdav4w3l3] .dxbl-drawer .dxbl-drawer-content {
    height: 100vh;
    overflow: auto;
}

[b-ugdav4w3l3] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    border-bottom: none;
    padding: 2rem 1rem;
}

[b-ugdav4w3l3] .dxbl-drawer-panel .dxbl-drawer-header .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

[b-ugdav4w3l3] .dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-ugdav4w3l3] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1.5rem;
}

[b-ugdav4w3l3] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-ugdav4w3l3] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ugdav4w3l3] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
}

[b-ugdav4w3l3] .icon-close {
    -webkit-mask-image: url("images/close.svg");
    mask-image: url("images/close.svg");
}

[b-ugdav4w3l3] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
}

[b-ugdav4w3l3] .icon-log-in {
    -webkit-mask-image: url("images/account/log-in.svg");
    mask-image: url("images/account/log-in.svg");
}

[b-ugdav4w3l3] .icon-log-out {
    -webkit-mask-image: url("images/account/log-out.svg");
    mask-image: url("images/account/log-out.svg");
}

[b-ugdav4w3l3] .icon-user {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

[b-ugdav4w3l3] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ugdav4w3l3] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ugdav4w3l3] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-ugdav4w3l3] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-ugdav4w3l3] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-ugdav4w3l3] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-ugdav4w3l3] {
    display: inline-flex;
}

.menu-button-nav[b-ugdav4w3l3] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.nav-buttons-container[b-ugdav4w3l3] {
    display: flex;
    gap: 10px;
    padding: 2rem 1rem;
}

    .nav-buttons-container[b-ugdav4w3l3]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-ugdav4w3l3]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-ugdav4w3l3] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-ugdav4w3l3] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

[b-ugdav4w3l3] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-ugdav4w3l3] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-ugdav4w3l3] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-ugdav4w3l3].page:has(.navbar-toggler:checked) .navigation-drawer.mobile > .dxbl-drawer-panel {
        width: 0 !important;
    }

    [b-ugdav4w3l3] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }

    [b-ugdav4w3l3].page:has(.navbar-toggler:checked) .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: none;
    }

    .navbar-toggler:checked .menu-button[b-ugdav4w3l3] {
        background-color: gray;
    }

    .navbar-toggler:checked[b-ugdav4w3l3] {
        background-color: gray;
    }

        .navbar-toggler:checked .shading-copy[b-ugdav4w3l3] {
            opacity: 0;
            visibility: unset;
            height: unset;
        }


    [b-ugdav4w3l3] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-ugdav4w3l3] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-ugdav4w3l3] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}
/* _content/WebServerLabSystem/Components/Layout/NavMenu.razor.rz.scp.css */
/*﻿#sidebar {
    min-width: 20rem;
    max-width: 20rem;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    display: block;
    background: inherit;
}
*/

.logo[b-6ufm2f4hdo] {
    text-align: center;
}

[b-6ufm2f4hdo] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-6ufm2f4hdo] .menu.display-iam {
    margin-bottom: 2rem;
}

[b-6ufm2f4hdo] .menu {
    background-color: inherit;
}

    [b-6ufm2f4hdo] .menu .dxbl-menu-item-list {
        gap: 0.5rem;
    }

[b-6ufm2f4hdo] .menu-item {
    color: var(--bs-white);
}

[b-6ufm2f4hdo] .icon {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}

[b-6ufm2f4hdo] .home-icon {
    background-image: url("images/home.svg");
}

[b-6ufm2f4hdo] .weather-icon {
    background-image: url("images/weather.svg");
}

[b-6ufm2f4hdo] .counter-icon {
    background-image: url("images/counter.svg");
}

[b-6ufm2f4hdo] .settings-icon {
    background-image: url("images/account/settings.svg");
}

[b-6ufm2f4hdo] .log-in-icon {
    background-image: url("images/account/log-in.svg");
}

[b-6ufm2f4hdo] .log-out-icon {
    background-image: url("images/account/log-out.svg");
}

[b-6ufm2f4hdo] .user-icon {
    background-image: url("images/account/user.svg");
}

@media (max-width: 768px) {
    #sidebar[b-6ufm2f4hdo] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

    .logo[b-6ufm2f4hdo] {
        text-align: inherit;
    }
}
/* _content/WebServerLabSystem/Components/Pages/Administrativo/Consultas/ConsultaDeCotizacionesAceptadas.razor.rz.scp.css */

.table[b-jze48sdaxl] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-jze48sdaxl], .table td[b-jze48sdaxl] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-jze48sdaxl] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-jze48sdaxl] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-jze48sdaxl] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-jze48sdaxl] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-jze48sdaxl] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-jze48sdaxl] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-jze48sdaxl] {
        background-color: #0056b3;
    }

.btn-container[b-jze48sdaxl] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-jze48sdaxl] {
    margin-left: 0px;
}

/* _content/WebServerLabSystem/Components/Pages/Administrativo/Consultas/ConsultaDeMuestrasCerificadas.razor.rz.scp.css */

.table[b-qd8ip96872] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-qd8ip96872], .table td[b-qd8ip96872] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-qd8ip96872] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-qd8ip96872] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-qd8ip96872] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-qd8ip96872] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-qd8ip96872] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-qd8ip96872] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-qd8ip96872] {
        background-color: #0056b3;
    }

.btn-container[b-qd8ip96872] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-qd8ip96872] {
    margin-left: 0px;
}
/* _content/WebServerLabSystem/Components/Pages/Administrativo/Consultas/ConsultaDeMuestrasTerminadas.razor.rz.scp.css */

.table[b-1q555kghp5] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-1q555kghp5], .table td[b-1q555kghp5] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-1q555kghp5] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-1q555kghp5] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-1q555kghp5] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-1q555kghp5] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-1q555kghp5] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-1q555kghp5] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-1q555kghp5] {
        background-color: #0056b3;
    }

.btn-container[b-1q555kghp5] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-1q555kghp5] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Administrativo/Consultas/ConsultaDeResultadosMuestrasComerciales.razor.rz.scp.css */

.table[b-drnjdj473i] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-drnjdj473i], .table td[b-drnjdj473i] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-drnjdj473i] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-drnjdj473i] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-drnjdj473i] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-drnjdj473i] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-drnjdj473i] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-drnjdj473i] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-drnjdj473i] {
        background-color: #0056b3;
    }

.btn-container[b-drnjdj473i] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-drnjdj473i] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Administrativo/Consultas/ConsultaDeResultadosMuestrasComercialesRepetidas.razor.rz.scp.css */

.table[b-lpsztjb3k9] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-lpsztjb3k9], .table td[b-lpsztjb3k9] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-lpsztjb3k9] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-lpsztjb3k9] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-lpsztjb3k9] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-lpsztjb3k9] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-lpsztjb3k9] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-lpsztjb3k9] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-lpsztjb3k9] {
        background-color: #0056b3;
    }

.btn-container[b-lpsztjb3k9] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-lpsztjb3k9] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Administrativo/Consultas/ListadoDeCotizaciones (Historicas).razor.rz.scp.css */

.table[b-pkyq1ub0hg] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-pkyq1ub0hg], .table td[b-pkyq1ub0hg] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-pkyq1ub0hg] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-pkyq1ub0hg] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-pkyq1ub0hg] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-pkyq1ub0hg] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-pkyq1ub0hg] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-pkyq1ub0hg] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-pkyq1ub0hg] {
        background-color: #0056b3;
    }

.btn-container[b-pkyq1ub0hg] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-pkyq1ub0hg] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Administrativo/Ingresos/ListadoDeCotizacionDetalleDeServicios.razor.rz.scp.css */

.table[b-q1y4q27ztb] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-q1y4q27ztb], .table td[b-q1y4q27ztb] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-q1y4q27ztb] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-q1y4q27ztb] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-q1y4q27ztb] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-q1y4q27ztb] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-q1y4q27ztb] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-q1y4q27ztb] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-q1y4q27ztb] {
        background-color: #0056b3;
    }

.btn-container[b-q1y4q27ztb] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-q1y4q27ztb] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Administrativo/Ingresos/ListadoDeCotizaciones.razor.rz.scp.css */

.table[b-xk00toraua] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-xk00toraua], .table td[b-xk00toraua] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-xk00toraua] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-xk00toraua] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-xk00toraua] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-xk00toraua] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-xk00toraua] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-xk00toraua] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-xk00toraua] {
        background-color: #0056b3;
    }

.btn-container[b-xk00toraua] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-xk00toraua] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Administrativo/Ingresos/ListadoDeCotizacionesMuestrasAsignadas.razor.rz.scp.css */

.table[b-5yfpcepln7] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-5yfpcepln7], .table td[b-5yfpcepln7] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-5yfpcepln7] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-5yfpcepln7] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-5yfpcepln7] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-5yfpcepln7] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-5yfpcepln7] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-5yfpcepln7] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-5yfpcepln7] {
        background-color: #0056b3;
    }

.btn-container[b-5yfpcepln7] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-5yfpcepln7] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/EmpresaPrincipal/FormularioEmpresa.razor.rz.scp.css */
.custom-drop-zone[b-nmga1bckvz] {
    padding: 0 !important;
    border-style: dashed;
    border-width: 2px !important;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(183, 183, 183, 0.1);
}

    .custom-drop-zone.custom-drop-zone-hover[b-nmga1bckvz] {
        border-style: solid;
    }

    .custom-drop-zone svg[b-nmga1bckvz] {
        width: 42px;
        height: 42px;
    }

    .custom-drop-zone > *:not(#overviewDemoSelectButton)[b-nmga1bckvz] {
        pointer-events: none;
    }

.drop-file-icon[b-nmga1bckvz] {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: #ADB5BD;
    width: 48px;
    height: 48px;
    -webkit-mask-image: url("../images/icons/drop-file.svg");
    mask-image: url("../images/icons/drop-file.svg");
}

.drop-file-label[b-nmga1bckvz] {
    font-weight: 500;
    font-size: 1rem;
}
/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/EmpresaPrincipal/ListadoDeEmpresas.razor.rz.scp.css */

.table[b-i9vjui2f9f] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */
}

    .table th[b-i9vjui2f9f], .table td[b-i9vjui2f9f] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-i9vjui2f9f] {
    text-align: center; /* Centrar el contenedor */
}

.container[b-i9vjui2f9f] {
    margin-left: 0px; /* Espacio superior */
}

.inline-button[b-i9vjui2f9f] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-i9vjui2f9f] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-i9vjui2f9f] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-i9vjui2f9f] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-i9vjui2f9f] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-i9vjui2f9f] {
        background-color: #0056b3;
    }

.btn-container[b-i9vjui2f9f] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-i9vjui2f9f] {
    width: 100%;
    text-align: center;
}
/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Empresas/ListadoDeConvenios.razor.rz.scp.css */

.table[b-5980ccjca8] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-5980ccjca8], .table td[b-5980ccjca8] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-5980ccjca8] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-5980ccjca8] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-5980ccjca8] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-5980ccjca8] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-5980ccjca8] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-5980ccjca8] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-5980ccjca8] {
        background-color: #0056b3;
    }

.btn-container[b-5980ccjca8] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-5980ccjca8] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Empresas/ListadoDeEmpresasPersonas.razor.rz.scp.css */

.table[b-s3abssf47f] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-s3abssf47f], .table td[b-s3abssf47f] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-s3abssf47f] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-s3abssf47f] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-s3abssf47f] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-s3abssf47f] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-s3abssf47f] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-s3abssf47f] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-s3abssf47f] {
        background-color: #0056b3;
    }

.btn-container[b-s3abssf47f] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-s3abssf47f] {
    width: 100%;
    text-align: center;
}


.container[b-s3abssf47f] {
    margin-left: 0px;
}
/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Empresas/ListadoDeProveedores.razor.rz.scp.css */

.table[b-hhkxyr137b] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-hhkxyr137b], .table td[b-hhkxyr137b] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-hhkxyr137b] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-hhkxyr137b] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-hhkxyr137b] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-hhkxyr137b] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-hhkxyr137b] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-hhkxyr137b] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-hhkxyr137b] {
        background-color: #0056b3;
    }

.btn-container[b-hhkxyr137b] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.container[b-hhkxyr137b] {
    margin-left: 0px;
}




/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeFormulasAplicadasParametrosAnalisis.razor.rz.scp.css */

.table[b-whyyb462pv] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-whyyb462pv], .table td[b-whyyb462pv] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-whyyb462pv] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-whyyb462pv] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-whyyb462pv] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-whyyb462pv] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-whyyb462pv] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-whyyb462pv] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-whyyb462pv] {
        background-color: #0056b3;
    }

.btn-container[b-whyyb462pv] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-whyyb462pv] {
    width: 100%;
    text-align: center;
}


.container[b-whyyb462pv] {
    margin-left: 0px;
}
/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeFormulasAplicadasParametrosCalculados.razor.rz.scp.css */

.table[b-mvr89aaw0e] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-mvr89aaw0e], .table td[b-mvr89aaw0e] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-mvr89aaw0e] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-mvr89aaw0e] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-mvr89aaw0e] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-mvr89aaw0e] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-mvr89aaw0e] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-mvr89aaw0e] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-mvr89aaw0e] {
        background-color: #0056b3;
    }

.btn-container[b-mvr89aaw0e] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-mvr89aaw0e] {
    width: 100%;
    text-align: center;
}

.container[b-mvr89aaw0e] {
    margin-left: 0px;
}
/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeParametrosAnalisis.razor.rz.scp.css */

.table[b-pnzg4i5jmd] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-pnzg4i5jmd], .table td[b-pnzg4i5jmd] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-pnzg4i5jmd] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-pnzg4i5jmd] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-pnzg4i5jmd] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-pnzg4i5jmd] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-pnzg4i5jmd] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-pnzg4i5jmd] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-pnzg4i5jmd] {
        background-color: #0056b3;
    }

.btn-container[b-pnzg4i5jmd] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-pnzg4i5jmd] {
    width: 100%;
    text-align: center;
}


.container[b-pnzg4i5jmd] {
    margin-left: 0px;
}
/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeParametrosAnalisisFormulasAsignadas.razor.rz.scp.css */

.table[b-kxwghod0zs] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-kxwghod0zs], .table td[b-kxwghod0zs] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-kxwghod0zs] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-kxwghod0zs] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-kxwghod0zs] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-kxwghod0zs] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-kxwghod0zs] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-kxwghod0zs] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-kxwghod0zs] {
        background-color: #0056b3;
    }

.btn-container[b-kxwghod0zs] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-kxwghod0zs] {
    width: 100%;
    text-align: center;
}


.container[b-kxwghod0zs] {
    margin-left: 0px;
}

/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeParametrosCalculados.razor.rz.scp.css */

.table[b-9h6koldhx2] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-9h6koldhx2], .table td[b-9h6koldhx2] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-9h6koldhx2] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-9h6koldhx2] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-9h6koldhx2] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-9h6koldhx2] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-9h6koldhx2] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-9h6koldhx2] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-9h6koldhx2] {
        background-color: #0056b3;
    }

.btn-container[b-9h6koldhx2] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-9h6koldhx2] {
    width: 100%;
    text-align: center;
}


.container[b-9h6koldhx2] {
    margin-left: 0px;
}

/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeParametrosCalculadosFormulasAsignadas.razor.rz.scp.css */

.table[b-52d3n5421h] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-52d3n5421h], .table td[b-52d3n5421h] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-52d3n5421h] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-52d3n5421h] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-52d3n5421h] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-52d3n5421h] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-52d3n5421h] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-52d3n5421h] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-52d3n5421h] {
        background-color: #0056b3;
    }

.btn-container[b-52d3n5421h] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-52d3n5421h] {
    width: 100%;
    text-align: center;
}


.container[b-52d3n5421h] {
    margin-left: 0px;
}

/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeParametrosResultados.razor.rz.scp.css */

.table[b-3p70wsazkn] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-3p70wsazkn], .table td[b-3p70wsazkn] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-3p70wsazkn] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-3p70wsazkn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-3p70wsazkn] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-3p70wsazkn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-3p70wsazkn] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-3p70wsazkn] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-3p70wsazkn] {
        background-color: #0056b3;
    }

.btn-container[b-3p70wsazkn] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-3p70wsazkn] {
    width: 100%;
    text-align: center;
}


.container[b-3p70wsazkn] {
    margin-left: 0px;
}

/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDePesosCompartidos.razor.rz.scp.css */

.table[b-pg3xji2ywg] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-pg3xji2ywg], .table td[b-pg3xji2ywg] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-pg3xji2ywg] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-pg3xji2ywg] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-pg3xji2ywg] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-pg3xji2ywg] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-pg3xji2ywg] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-pg3xji2ywg] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-pg3xji2ywg] {
        background-color: #0056b3;
    }

.btn-container[b-pg3xji2ywg] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-pg3xji2ywg] {
    width: 100%;
    text-align: center;
}


.container[b-pg3xji2ywg] {
    margin-left: 0px;
}

/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeServicios.razor.rz.scp.css */

.table[b-p674v8ceog] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-p674v8ceog], .table td[b-p674v8ceog] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-p674v8ceog] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-p674v8ceog] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white ; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-p674v8ceog] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-p674v8ceog] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-p674v8ceog] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-p674v8ceog] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-p674v8ceog] {
        background-color: #0056b3;
    }

.btn-container[b-p674v8ceog] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-p674v8ceog] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeSustratos.razor.rz.scp.css */


.table[b-r43k1yi4z5] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-r43k1yi4z5], .table td[b-r43k1yi4z5] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-r43k1yi4z5] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-r43k1yi4z5] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-r43k1yi4z5] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-r43k1yi4z5] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-r43k1yi4z5] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-r43k1yi4z5] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-r43k1yi4z5] {
        background-color: #0056b3;
    }

.btn-container[b-r43k1yi4z5] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-r43k1yi4z5] {
    width: 100%;
    text-align: center;
}


.container[b-r43k1yi4z5] {
    margin-left: 0px;
}
/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeTextura.razor.rz.scp.css */

.table[b-ooqj8ldswu] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-ooqj8ldswu], .table td[b-ooqj8ldswu] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-ooqj8ldswu] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-ooqj8ldswu] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white ; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-ooqj8ldswu] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-ooqj8ldswu] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-ooqj8ldswu] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-ooqj8ldswu] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-ooqj8ldswu] {
        background-color: #0056b3;
    }

.btn-container[b-ooqj8ldswu] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.container[b-ooqj8ldswu] {
    margin-left: 0px;
}




/* _content/WebServerLabSystem/Components/Pages/Administrativo/Mantenimientos/Parametros/ListadoDeUnidades.razor.rz.scp.css */

.table[b-qlb941tk8q] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-qlb941tk8q], .table td[b-qlb941tk8q] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-qlb941tk8q] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-qlb941tk8q] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white ; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-qlb941tk8q] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-qlb941tk8q] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-qlb941tk8q] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-qlb941tk8q] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-qlb941tk8q] {
        background-color: #0056b3;
    }

.btn-container[b-qlb941tk8q] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.container[b-qlb941tk8q] {
    margin-left: 0px;
}




/* _content/WebServerLabSystem/Components/Pages/Documentos/ListadoDeDocumentos.razor.rz.scp.css */

.table[b-7hdgn6v3kn] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */
}

    .table th[b-7hdgn6v3kn], .table td[b-7hdgn6v3kn] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-7hdgn6v3kn] {
    text-align: center; /* Centrar el contenedor */
}

.container[b-7hdgn6v3kn] {
    margin-left: 0px; /* Espacio superior */
}

.inline-button[b-7hdgn6v3kn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-7hdgn6v3kn] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-7hdgn6v3kn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-7hdgn6v3kn] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-7hdgn6v3kn] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-7hdgn6v3kn] {
        background-color: #0056b3;
    }

.btn-container[b-7hdgn6v3kn] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-7hdgn6v3kn] {
    width: 100%;
    text-align: center;
}
/* _content/WebServerLabSystem/Components/Pages/FormularioLogin.razor.rz.scp.css */
html[b-fmhkm5l3sb], body[b-fmhkm5l3sb] {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0; /* Un color de fondo suave */
}

.login-container[b-fmhkm5l3sb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff; /* Fondo blanco para el formulario */
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); /* Una sombra suave */
    position: absolute;
    top: 45%; /* Ajustado para estar un poco más arriba */
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-logo[b-fmhkm5l3sb] {
    width: 250px; /* Ajusta según tus necesidades */
    height: auto;
    margin-bottom: 20px;
}

.form-group[b-fmhkm5l3sb] {
    margin-bottom: 15px;
    width: 100%;
}

.form-control[b-fmhkm5l3sb] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.btn[b-fmhkm5l3sb] {
    width: 60%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
}

    .btn:hover[b-fmhkm5l3sb] {
        background-color: #0056b3;
    }

    .btn:hover[b-fmhkm5l3sb] {
        background-color: #0056b3;
    }
/* _content/WebServerLabSystem/Components/Pages/Laboratorio/ListadoDeBatchs.razor.rz.scp.css */

.table[b-fshdqy6d34] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-fshdqy6d34], .table td[b-fshdqy6d34] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-fshdqy6d34] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-fshdqy6d34] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-fshdqy6d34] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-fshdqy6d34] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-fshdqy6d34] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-fshdqy6d34] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: end; /* Centrar verticalmente */
}

    .btn:hover[b-fshdqy6d34] {
        background-color: #0056b3;
    }

.btn-container[b-fshdqy6d34] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.container[b-fshdqy6d34] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Laboratorio/ListadoDeBatchsHistorica.razor.rz.scp.css */

.table[b-ws3bj8kg2d] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-ws3bj8kg2d], .table td[b-ws3bj8kg2d] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-ws3bj8kg2d] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-ws3bj8kg2d] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-ws3bj8kg2d] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-ws3bj8kg2d] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-ws3bj8kg2d] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-ws3bj8kg2d] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-ws3bj8kg2d] {
        background-color: #0056b3;
    }

.btn-container[b-ws3bj8kg2d] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-ws3bj8kg2d] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Laboratorio/ListadoDeBatchsSesiones.razor.rz.scp.css */

.table[b-mo2q9yv3cn] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-mo2q9yv3cn], .table td[b-mo2q9yv3cn] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-mo2q9yv3cn] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-mo2q9yv3cn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-mo2q9yv3cn] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-mo2q9yv3cn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-mo2q9yv3cn] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-mo2q9yv3cn] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-mo2q9yv3cn] {
        background-color: #0056b3;
    }

.btn-container[b-mo2q9yv3cn] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-mo2q9yv3cn] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Laboratorio/ListadoDeOrdenesDeTrabajo.razor.rz.scp.css */

.table[b-itb18dj40v] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-itb18dj40v], .table td[b-itb18dj40v] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-itb18dj40v] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-itb18dj40v] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-itb18dj40v] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-itb18dj40v] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-itb18dj40v] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-itb18dj40v] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-itb18dj40v] {
        background-color: #0056b3;
    }

.btn-container[b-itb18dj40v] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-itb18dj40v] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Login.razor.rz.scp.css */
html[b-ufgbbi3onm], body[b-ufgbbi3onm] {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0; /* Un color de fondo suave */
}

.login-container[b-ufgbbi3onm] {  
   display: flex;  
   flex-direction: column;  
   align-items: center;  
   justify-content: center;  
   background-color: #fff; /* Fondo blanco para el formulario */  
   padding: 30px;  
   border-radius: 10px;  
   box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); /* Una sombra suave */  
   position: absolute;  
   top: 45%; /* Ajustado para estar un poco más arriba */  
   left: 50%;  
   transform: translate(-50%, -50%);  
}

.login-logo[b-ufgbbi3onm] {
    width: 250px; /* Ajusta según tus necesidades */
    height:auto;
    margin-bottom: 20px;
}

.form-group[b-ufgbbi3onm] {
    margin-bottom: 15px;
    width: 100%;
}

.form-control[b-ufgbbi3onm] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.btn[b-ufgbbi3onm] {
    width: 60%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
}

.btn:hover[b-ufgbbi3onm] {
    background-color: #0056b3;
}

    .btn:hover[b-ufgbbi3onm] {
        background-color: #0056b3;
    }
/* _content/WebServerLabSystem/Components/Pages/Muestras/Consultas/ListadoDeMuestrasInventario.razor.rz.scp.css */

.table[b-sahy77j2h9] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-sahy77j2h9], .table td[b-sahy77j2h9] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-sahy77j2h9] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-sahy77j2h9] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-sahy77j2h9] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-sahy77j2h9] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-sahy77j2h9] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-sahy77j2h9] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-sahy77j2h9] {
        background-color: #0056b3;
    }

.btn-container[b-sahy77j2h9] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.container[b-sahy77j2h9] {
    margin-left: 0px;
}




/* _content/WebServerLabSystem/Components/Pages/Muestras/Consultas/ListadoDeMuestrasInventarioIncluyeResultados.razor.rz.scp.css */

.table[b-cvmuty585t] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-cvmuty585t], .table td[b-cvmuty585t] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-cvmuty585t] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-cvmuty585t] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-cvmuty585t] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-cvmuty585t] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-cvmuty585t] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-cvmuty585t] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-cvmuty585t] {
        background-color: #0056b3;
    }

.btn-container[b-cvmuty585t] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.container[b-cvmuty585t] {
    margin-left: 0px;
}




/* _content/WebServerLabSystem/Components/Pages/Muestras/Ingresos/ListadoDeMuestrasActas.razor.rz.scp.css */

.table[b-9cmhpkjhtn] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-9cmhpkjhtn], .table td[b-9cmhpkjhtn] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-9cmhpkjhtn] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-9cmhpkjhtn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-9cmhpkjhtn] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-9cmhpkjhtn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-9cmhpkjhtn] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-9cmhpkjhtn] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-9cmhpkjhtn] {
        background-color: #0056b3;
    }

.btn-container[b-9cmhpkjhtn] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.container[b-9cmhpkjhtn]{
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Muestras/Ingresos/ListadoDeMuestrasCertificadas.razor.rz.scp.css */

.table[b-xe8qby3ckw] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-xe8qby3ckw], .table td[b-xe8qby3ckw] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-xe8qby3ckw] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-xe8qby3ckw] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-xe8qby3ckw] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-xe8qby3ckw] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-xe8qby3ckw] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-xe8qby3ckw] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-xe8qby3ckw] {
        background-color: #0056b3;
    }

.btn-container[b-xe8qby3ckw] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.container[b-xe8qby3ckw]{
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Muestras/Mantenimientos/ListadoDeColores.razor.rz.scp.css */

.table[b-b7l7blm9ny] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-b7l7blm9ny], .table td[b-b7l7blm9ny] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-b7l7blm9ny] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-b7l7blm9ny] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-b7l7blm9ny] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-b7l7blm9ny] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-b7l7blm9ny] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-b7l7blm9ny] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-b7l7blm9ny] {
        background-color: #0056b3;
    }

.btn-container[b-b7l7blm9ny] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-b7l7blm9ny] {
    margin-left: 0px;
}
/* _content/WebServerLabSystem/Components/Pages/Muestras/Mantenimientos/ListadoDeCultivos.razor.rz.scp.css */

.table[b-yg88qxdcfc] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-yg88qxdcfc], .table td[b-yg88qxdcfc] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-yg88qxdcfc] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-yg88qxdcfc] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-yg88qxdcfc] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-yg88qxdcfc] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-yg88qxdcfc] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-yg88qxdcfc] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-yg88qxdcfc] {
        background-color: #0056b3;
    }

.btn-container[b-yg88qxdcfc] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-yg88qxdcfc] {
    margin-left: 0px;
}


/* _content/WebServerLabSystem/Components/Pages/Muestras/Mantenimientos/ListadoDeEmpaques.razor.rz.scp.css */


.table[b-s6qhpru006] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-s6qhpru006], .table td[b-s6qhpru006] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-s6qhpru006] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-s6qhpru006] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-s6qhpru006] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-s6qhpru006] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-s6qhpru006] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-s6qhpru006] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-s6qhpru006] {
        background-color: #0056b3;
    }

.btn-container[b-s6qhpru006] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-s6qhpru006] {
    width: 100%;
    text-align: center;
}


.container[b-s6qhpru006] {
    margin-left: 0px;
}
/* _content/WebServerLabSystem/Components/Pages/Muestras/Mantenimientos/ListadoDeEstadosMuestras.razor.rz.scp.css */

.table[b-07r4akg3ci] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-07r4akg3ci], .table td[b-07r4akg3ci] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-07r4akg3ci] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-07r4akg3ci] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-07r4akg3ci] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-07r4akg3ci] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-07r4akg3ci] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-07r4akg3ci] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-07r4akg3ci] {
        background-color: #0056b3;
    }

.btn-container[b-07r4akg3ci] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-07r4akg3ci] {
    margin-left: 0px;
}
/* _content/WebServerLabSystem/Components/Pages/Muestras/Mantenimientos/ListadoDeHumedad.razor.rz.scp.css */

.table[b-iugpoqwtwj] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-iugpoqwtwj], .table td[b-iugpoqwtwj] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-iugpoqwtwj] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-iugpoqwtwj] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-iugpoqwtwj] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-iugpoqwtwj] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-iugpoqwtwj] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-iugpoqwtwj] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-iugpoqwtwj] {
        background-color: #0056b3;
    }

.btn-container[b-iugpoqwtwj] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-iugpoqwtwj] {
    margin-left: 0px;
}

/* _content/WebServerLabSystem/Components/Pages/Muestras/Mantenimientos/ListadoDeOlor.razor.rz.scp.css */

.table[b-nj8h6x4l71] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-nj8h6x4l71], .table td[b-nj8h6x4l71] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-nj8h6x4l71] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-nj8h6x4l71] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-nj8h6x4l71] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-nj8h6x4l71] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-nj8h6x4l71] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-nj8h6x4l71] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-nj8h6x4l71] {
        background-color: #0056b3;
    }

.btn-container[b-nj8h6x4l71] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-nj8h6x4l71] {
    margin-left: 0px;
}

/* _content/WebServerLabSystem/Components/Pages/Permisos/ListadoDePermisos.razor.rz.scp.css */

.table[b-y4ft8csnzg] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */
}

    .table th[b-y4ft8csnzg], .table td[b-y4ft8csnzg] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-y4ft8csnzg] {
    text-align: center; /* Centrar el contenedor */
}

.container[b-y4ft8csnzg] {
    margin-left: 0px; /* Espacio superior */
}

.inline-button[b-y4ft8csnzg] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-y4ft8csnzg] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-y4ft8csnzg] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-y4ft8csnzg] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-y4ft8csnzg] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-y4ft8csnzg] {
        background-color: #0056b3;
    }

.btn-container[b-y4ft8csnzg] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-y4ft8csnzg] {
    width: 100%;
    text-align: center;
}
/* _content/WebServerLabSystem/Components/Pages/Programas/ListadoDeProgramas.razor.rz.scp.css */


.table[b-fallkjvfr7] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ 
}

    .table th[b-fallkjvfr7], .table td[b-fallkjvfr7] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-fallkjvfr7] {
    text-align: center; /* Centrar el contenedor */
}

.container[b-fallkjvfr7] {
    margin-left: 0px; /* Espacio superior */
    transition: margin-left 0.3s ease; /* Transición suave para el cambio de margen */
}

.menu-collapsed .container[b-fallkjvfr7] {
    margin-left: -200px; /* Ajusta este valor según el ancho del menú lateral */
}

.inline-button[b-fallkjvfr7] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-fallkjvfr7] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-fallkjvfr7] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-fallkjvfr7] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-fallkjvfr7] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-fallkjvfr7] {
        background-color: #0056b3;
    }

.btn-container[b-fallkjvfr7] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-fallkjvfr7] {
    width: 100%;
    text-align: center;
}
/* _content/WebServerLabSystem/Components/Pages/Reactivos/Consultas/ConsultaDeReactivosDisponibles.razor.rz.scp.css */

.table[b-danw1lwfou] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-danw1lwfou], .table td[b-danw1lwfou] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-danw1lwfou] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-danw1lwfou] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-danw1lwfou] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-danw1lwfou] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-danw1lwfou] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-danw1lwfou] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-danw1lwfou] {
        background-color: #0056b3;
    }

.btn-container[b-danw1lwfou] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-danw1lwfou] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Reactivos/Ingresos/ListadoDeFacturasReactivos.razor.rz.scp.css */

.table[b-hp53k1ua27] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-hp53k1ua27], .table td[b-hp53k1ua27] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-hp53k1ua27] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-hp53k1ua27] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-hp53k1ua27] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-hp53k1ua27] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-hp53k1ua27] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-hp53k1ua27] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-hp53k1ua27] {
        background-color: #0056b3;
    }

.btn-container[b-hp53k1ua27] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-hp53k1ua27] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Reactivos/Mantenimientos/ListadoDeCategorias.razor.rz.scp.css */

.table[b-vmqkdeyphi] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-vmqkdeyphi], .table td[b-vmqkdeyphi] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-vmqkdeyphi] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-vmqkdeyphi] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-vmqkdeyphi] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-vmqkdeyphi] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-vmqkdeyphi] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-vmqkdeyphi] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-vmqkdeyphi] {
        background-color: #0056b3;
    }

.btn-container[b-vmqkdeyphi] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}



/* _content/WebServerLabSystem/Components/Pages/Reactivos/Mantenimientos/ListadoDeMarcas.razor.rz.scp.css */

.table[b-jkev5wzdhp] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-jkev5wzdhp], .table td[b-jkev5wzdhp] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-jkev5wzdhp] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-jkev5wzdhp] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-jkev5wzdhp] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-jkev5wzdhp] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-jkev5wzdhp] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-jkev5wzdhp] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-jkev5wzdhp] {
        background-color: #0056b3;
    }

.btn-container[b-jkev5wzdhp] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}



/* _content/WebServerLabSystem/Components/Pages/Reactivos/Mantenimientos/ListadoDeReactivos.razor.rz.scp.css */

.table[b-z2ytmgsz4b] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-z2ytmgsz4b], .table td[b-z2ytmgsz4b] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-z2ytmgsz4b] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-z2ytmgsz4b] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-z2ytmgsz4b] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-z2ytmgsz4b] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-z2ytmgsz4b] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-z2ytmgsz4b] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-z2ytmgsz4b] {
        background-color: #0056b3;
    }

.btn-container[b-z2ytmgsz4b] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}



/* _content/WebServerLabSystem/Components/Pages/Soluciones/Ingresos/ListadoDeSoluciones.razor.rz.scp.css */

.table[b-eua2jsmuzl] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-eua2jsmuzl], .table td[b-eua2jsmuzl] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-eua2jsmuzl] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-eua2jsmuzl] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-eua2jsmuzl] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-eua2jsmuzl] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-eua2jsmuzl] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-eua2jsmuzl] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-eua2jsmuzl] {
        background-color: #0056b3;
    }

.btn-container[b-eua2jsmuzl] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-eua2jsmuzl] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Soluciones/Ingresos/ListadoDeSolucionesRecetas.razor.rz.scp.css */

.table[b-i9tuw35yoz] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-i9tuw35yoz], .table td[b-i9tuw35yoz] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-i9tuw35yoz] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-i9tuw35yoz] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-i9tuw35yoz] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-i9tuw35yoz] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-i9tuw35yoz] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-i9tuw35yoz] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-i9tuw35yoz] {
        background-color: #0056b3;
    }

.btn-container[b-i9tuw35yoz] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-i9tuw35yoz] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Soluciones/Mantenimientos/ListadoDeTiposSoluciones.razor.rz.scp.css */

.table[b-te4lvnpnbn] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-te4lvnpnbn], .table td[b-te4lvnpnbn] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-te4lvnpnbn] {
    text-align: center; /* Centrar el contenedor */
}

.inline-button[b-te4lvnpnbn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-te4lvnpnbn] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-te4lvnpnbn] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral ; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-te4lvnpnbn] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-te4lvnpnbn] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-te4lvnpnbn] {
        background-color: #0056b3;
    }

.btn-container[b-te4lvnpnbn] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}


.container[b-te4lvnpnbn] {
    margin-left: 0px;
}



/* _content/WebServerLabSystem/Components/Pages/Usuarios/ListadoDeUsuarios.razor.rz.scp.css */


.table[b-o0uvbuchqc] {
    border-radius: 10px; /* Bordes redondeados para la tabla */
    table-layout: fixed; /* Fija el layout de la tabla */
    width: 100%; /* Asegura que la tabla ocupe el 100% del contenedor */
    /* border: 1px solid transparent; /* Borde del color del fondo de la página */ */
}

    .table th[b-o0uvbuchqc], .table td[b-o0uvbuchqc] {
        word-wrap: break-word; /* Permite que el contenido de las celdas se ajuste */
        min-width: 100px; /* Ancho mínimo para las columnas */
    }

.button-container[b-o0uvbuchqc] {
    text-align: center; /* Centrar el contenedor */
}

.container[b-o0uvbuchqc] {
    margin-left: 0px; /* Espacio superior */
    transition: margin-left 0.3s ease; /* Transición suave para el cambio de margen */
}

.menu-collapsed .container[b-o0uvbuchqc] {
    margin-left: -200px; /* Ajusta este valor según el ancho del menú lateral */
}

.inline-button[b-o0uvbuchqc] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: #007bff; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button:hover[b-o0uvbuchqc] {
        background-color: #0056b3; /* Cambiar el color al pasar el cursor */
    }

.inline-button-exportar[b-o0uvbuchqc] {
    display: inline-block; /* Alinea los botones horizontalmente */
    margin: 0 5px; /* Añadir espacio entre los botones */
    padding: 8px 18px; /* Espaciado interno de los botones */
    font-size: 16px; /* Tamaño de fuente de los botones */
    background-color: coral; /* Color de fondo verde florecente */
    color: white; /* Color del texto */
    border: none; /* Eliminar bordes */
    border-radius: 10px; /* Bordes más redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar sobre el botón */
}

    .inline-button-exportar:hover[b-o0uvbuchqc] {
        background-color: goldenrod; /* Cambiar el color al pasar el cursor */
    }


.btn[b-o0uvbuchqc] {
    width: 10%;
    padding: 5px; /* Altura reducida */
    background-color: #007bff;
    border: none;
    color: white;
    border-radius: 25px; /* Más redondeado */
    cursor: pointer;
    font-size: 14px; /* Tamaño de fuente más profesional */
    font-weight: bold; /* Texto en negrita */
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: left; /* Centrar verticalmente */
}

    .btn:hover[b-o0uvbuchqc] {
        background-color: #0056b3;
    }

.btn-container[b-o0uvbuchqc] {
    display: flex;
    justify-content: space-between; /* Espacio entre los botones */
}

.header-align-right span:first-child[b-o0uvbuchqc] {
    width: 100%;
    text-align: center;
}
