/* /App.razor.rz.scp.css */
.NotFound--paragraphStyle[b-fjphxipl0k] {
    font-size: 2.2vw;
}
/* /Components/Components/Button/ButtonComponent.razor.rz.scp.css */
.btnStyle--HeightAuto[b-kzkxkroj4g] {
    min-height: 38px;
    height: auto;
    z-index: 2000;
}

.btnStyle--WidthAuto[b-kzkxkroj4g] {
    width: 100%;
}
/* /Components/Components/ButtonGroup/ButtonGroupComponent.razor.rz.scp.css */
.inputBtnGroup[b-o0nvaiaqq2] {
    margin-right: 0px;
    border-radius: 6px 0px 0px 6px;
    padding: 2px;
    padding-left: 12px;
    border: 1px solid #7D7D7D;
    border-right: 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    width: 100%;
    transition: border-color 0.3s ease-in-out;
    box-shadow: none;
    outline: none;
}

    .inputBtnGroup:required:invalid[b-o0nvaiaqq2] {
        border-color: red !important;
    }

    .inputBtnGroup:focus[b-o0nvaiaqq2] {
        border-color: #41BAEA !important;
    }

.btnStyle--Group-Mid[b-o0nvaiaqq2] {
    padding: 0px 16px 0px 16px;
    border-radius: 0px 0px 0px 0px;
}

.btnStyle--Group-Right[b-o0nvaiaqq2] {
    padding: 0px 16px 0px 16px;
    border-radius: 0px 7px 7px 0px;
}

.btnStyle--Group[b-o0nvaiaqq2] {
    padding: 0px 16px 0px 16px;
    border-radius: 0px 7px 7px 0px;
    border: 1px solid #b3b3b3;
    border-left: 0px;
}
/* /Components/Components/Captcha/CaptchaComponent.razor.rz.scp.css */
.background-trasparent[b-zemrcvsjgy] {
    background-color: transparent;
}

.custom-border[b-zemrcvsjgy] {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}

.white-border[b-zemrcvsjgy] {
    border-color: white !important;
}

.white-icon[b-zemrcvsjgy] {
    color: white !important;
}

.custom-hover:hover[b-zemrcvsjgy] {
    background-color: #44b9e8 !important;
}

.custom-styles-input[b-zemrcvsjgy] {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

    .custom-styles-input[b-zemrcvsjgy]::placeholder {
        color: black !important;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        font-family: 'Roboto';
    }

body.dark .custom-styles-input[b-zemrcvsjgy]::placeholder {
    color: var(--color-blanco) !important;
}

.custom-white-font[b-zemrcvsjgy] {
    color: white !important;
    font-family: 'Roboto', sans-serif !important;
    text-align: center;
}

    .custom-white-font[b-zemrcvsjgy]::placeholder {
        color: white !important;
    }

.custom-input[b-zemrcvsjgy] {
    box-shadow: none;
}

    .custom-input:required:invalid[b-zemrcvsjgy] {
        border-color: #FF7A00 !important;
    }

    .custom-input:focus[b-zemrcvsjgy] {
        border-color: #fff !important; /* Cambia el color del borde de nuevo a blanco cuando el campo está enfocado */
    }
/* /Components/Components/Cards/DynamicCardComponent.razor.rz.scp.css */
:root[b-55a82zkxy3] {
    --border-color: #AB2222;
    --shadow-color: rgba(0, 0, 0, 0.25);
}

.style-st[b-55a82zkxy3] {
    color: var(--border-color);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-shadow[b-55a82zkxy3] {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.50);
    width: 100%;
}

.card-shadow-info[b-55a82zkxy3] {
    border-radius: 8px;
    background: #FFF;
    border-left-width: 10px;
    box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.3s;
}

    .card-shadow-info:hover[b-55a82zkxy3] {
        /*transform: scale(1.1);*/
        box-shadow: 0 0px 4px 0 var(--shadow-color);
        cursor: pointer;
    }

.img[b-55a82zkxy3] {
    text-align: end;
}
/* /Components/Components/Cards/DynamicCardControlPanelComponent.razor.rz.scp.css */
:root[b-gzodniyj06] {
    --border-color: #AB2222;
    --shadow-color: rgba(0, 0, 0, 0.25);
}

.style-st[b-gzodniyj06] {
    color: var(--border-color);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-shadow[b-gzodniyj06] {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.50);
    width: 100%;
}

.card-shadow-info[b-gzodniyj06] {
    border-radius: 8px;
    background: #FFF;
    border-top-width: 10px;
    box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.3s;
}

    .card-shadow-info:hover[b-gzodniyj06] {
        transform: scale(1.1);
        box-shadow: 0 4px 10px 0 var(--shadow-color);
    }

.img[b-gzodniyj06] {
    text-align: end;
}
/* /Components/Components/Cards/DynamicCardGestionComponent.razor.rz.scp.css */
:root[b-bxro9musu2] {
    --border-color: #AB2222;
    --shadow-color: rgba(0, 0, 0, 0.25);
}

.style-st[b-bxro9musu2] {
    color: var(--border-color);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-shadow[b-bxro9musu2] {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.50) !important;
    width: 100%;
}

.card-shadow-info[b-bxro9musu2] {
    border-radius: 8px;
    background: #FFFFFF;
    border-left-width: 10px;
    box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.3s;
    /*box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.50) !important;*/
    width: 100%;
    height: 100%;
    cursor: pointer !important;
}

    .card-shadow-info:hover[b-bxro9musu2] {
        border-radius: 8px;
        background: var(--border-color);
        color: #FFFFFF !important;
    }

        .card-shadow-info:hover label[b-bxro9musu2] {
            color: #FFFFFF !important;
        }
/* /Components/Components/DigitalSignatures/DigitalSignatureComponent.razor.rz.scp.css */
.notificationProvider[b-xies0n4fcg] {
    background-color: #fff7bc;
    border: 1px solid #ffbc00;
    color: #5F4B10;
    padding: 8px;
    margin: 20px 0px;
    text-align: center;
    font-size: 16px;
}
/* /Components/Components/DownloadFiles/GetFilesComponent.razor.rz.scp.css */
body[b-2a7rtro7tu] {
}
/* /Components/Components/DownloadFiles/GetImagesComponent.razor.rz.scp.css */
body[b-sqfe0kvb5m] {
}
/* /Components/Components/DownloadFiles/GetTemplateComponent.razor.rz.scp.css */
body[b-hosyg5fh95] {
}
/* /Components/Components/DropDownList/DDLLangComponent.razor.rz.scp.css */
.custom-dropdown-item[b-hkri2q04sq] {
    color: #333;
    background-color: #EAEAEA;
    transition: all 0.3s ease;
}

    .custom-dropdown-item:hover[b-hkri2q04sq] {
        color: #fff;
        background-color: #007bff;
    }

.dropdown-menu[b-hkri2q04sq] {
    background-color: #EAEAEA;
    max-width: 100%;
    overflow: auto;
}

.dropdown-style[b-hkri2q04sq] {
    background-color: transparent;
    color: black;
    border: none;
}

body.dark .dropdown-style[b-hkri2q04sq] {
    background-color: transparent;
    color: white;
    border: none;
}
/* /Components/Components/DropDownList/DropDownListLanguageComponent.razor.rz.scp.css */
.custom-dropdown-item[b-oguk1mu3mj] {
    color: #333;
    background-color: #EAEAEA;
    transition: all 0.3s ease;
}

    .custom-dropdown-item:hover[b-oguk1mu3mj] {
        color: #fff;
        background-color: #007bff;
    }

.dropdown-menu[b-oguk1mu3mj] {
    background-color: #EAEAEA;
    max-width: 100%;
    overflow: auto;
}

.dropdown-style[b-oguk1mu3mj] {
    background-color: transparent;
    color: black;
    border: none;
}

body.dark .dropdown-style[b-oguk1mu3mj] {
    background-color: transparent;
    color: white;
    border: none;
}
/* /Components/Components/DropDownList/NotificationDropDownComponent.razor.rz.scp.css */
.notification-container[b-ow5he8ali3] {
    position: relative;
    display: inline-block;
}

.bell-icon[b-ow5he8ali3] {
    font-size: 24px;
    cursor: pointer;
    z-index: -1;
}

.notification-dot[b-ow5he8ali3] {
    position: absolute;
    top: -3px;
    right: -7px;
    background-color: red;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 8px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border: none;
    padding: 2px;
}

.notification-count[b-ow5he8ali3] {
    position: absolute;
    top: -4px;
    right: -18px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 20px;
    text-align: center;
}

.dropdown-menu[b-ow5he8ali3] {
    width: 330px !important;
    right: 8px;
    top: 0px;
    padding: 10px
}

.card-noti[b-ow5he8ali3] {
    padding: 0;
}

.card:hover[b-ow5he8ali3] {
    cursor: pointer;
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

.custom-table-container[b-ow5he8ali3] {
    border: 1px;
    border-radius: 10px;
    overflow: auto;
    max-height: 400px;
}

.label-noti[b-ow5he8ali3] {
    cursor: pointer;
    font-size: smaller;
}

.date[b-ow5he8ali3] {
    font-size: x-small;
    text-align: right;
}

.label-noti-right[b-ow5he8ali3] {
    float: right;
}

.edit-button[b-ow5he8ali3] {
    position: absolute;
    bottom: 47px;
    right: 215px;
    width: 12px;
    height: 14%;
    background-color: #dc3545;
    border: none;
    border-radius: 50%;
}

/*@media (max-width: 991px)
{
    .edit-button {
        position: absolute;
        right: 96%;
        bottom: 39%;
        height: 6%;
        width: 0%;
        background-color: #dc3545;
        border: none;
        border-radius: 50%;
    }
}

@media (max-width: 988px) {
    .edit-button {
        position: absolute;
        right: 468px;
        bottom: 135px;
        height: 5%;
        width: 14px;
        background-color: #dc3545;
        border: none;
        border-radius: 50%;
    }
}*/
/* /Components/Components/ElectronicSignatures/ElectronicSignatureComponet.razor.rz.scp.css */
.notificationProvider[b-4j9w0t8g8x] {
    background-color: #fff7bc;
    border: 1px solid #ffbc00;
    color: #5F4B10;
    padding: 8px;
    margin: 20px 0px;
    text-align: center;
    font-size: 16px;
}
/* /Components/Components/Inputs/CodeInputComponent.razor.rz.scp.css */
/* Estilos para inputs personalizados */
.code-input:invalid[b-f9vyygol3z] {
    border-color: #FF7A00 !important;
}

/* Estilos para los inputs de código */
.code-input-single[b-f9vyygol3z] {
    display: flex;
    justify-content: center;
}

.code-input[b-f9vyygol3z] {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 3vh;
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 12px;
    padding: 10px;
    width: 90%;
    outline: none;
    transition: border-color 0.3s ease-in-out;
    letter-spacing: 3px;
}
/* /Components/Components/Inputs/InputComponent.razor.rz.scp.css */
.custom-input[b-i3cn1q8chy] {
    background-color: transparent !important;
    border: 3px solid #fff !important;
    color: #fff;
    transition: border-color 0.3s ease-in-out;
    box-shadow: none;
}

    .custom-input:required:invalid[b-i3cn1q8chy] {
        border-color: #FF7A00 !important;
    }

    .custom-input:focus[b-i3cn1q8chy] {
        border-color: #fff !important; /* Cambia el color del borde de nuevo a blanco cuando el campo está enfocado */
    }

.custom-input-container[b-i3cn1q8chy] {
    position: relative;
    margin-bottom: 1rem; /* Espacio entre contenedores */
}

/* Aplica bordes curvos a todos los elementos de formulario */
.form-control[b-i3cn1q8chy] {
    border-radius: 12px !important; /* Borde curvo */
}

/* Estilos para el botón de alternar contraseña */
.password-toggle-container[b-i3cn1q8chy] {
    position: absolute;
    right: 6px;
    top: 7px;
    background: transparent;
    color: white;
    border: none;
}

    .password-toggle-container i[b-i3cn1q8chy] {
        cursor: pointer;
        background-color: transparent;
    }

.span-custom-class[b-i3cn1q8chy] {
    background: transparent;
    color: white;
    border: none;
    position: absolute;
    right: 6px;
    top: 7px;
}

input[b-i3cn1q8chy] {
    margin: 0px !important;
    width: 100% !important;
}

.password-toggle-container i[b-i3cn1q8chy] {
    cursor: pointer;
    background-color: transparent;
    z-index: 1000;
}
/* /Components/Components/Inputs/InputModalComponent.razor.rz.scp.css */
.input-container[b-0dcv8djbjr] {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 0px;
}

    .input-container input[type="number"][b-0dcv8djbjr]::-webkit-outer-spin-button,
    .input-container input[type="number"][b-0dcv8djbjr]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .input-container input[type="number"][b-0dcv8djbjr] {
        -moz-appearance: textfield;
    }

    .input-container input[b-0dcv8djbjr] {
        margin-right: 0px;
        border-radius: 6px;
        padding: 2px;
        padding-left: 12px;
        border: 1px solid #7D7D7D;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        width: 100%;
        margin-left: 0px;
        transition: border-color 0.3s ease-in-out;
        box-shadow: none;
        outline: none;
    }

        .input-container input:required:invalid[b-0dcv8djbjr] {
            border-color: red !important;
        }

        .input-container input:focus[b-0dcv8djbjr] {
            border-color: #41BAEA !important;
        }
/* /Components/Components/Labels/LabelComponent.razor.rz.scp.css */
.custom-label[b-nz05m3rty7] {
    width: 100%;
    display: block;
}
/* /Components/Components/ManualCard/ManualCard.razor.rz.scp.css */
.clickable[b-no69ttz8el] {
    cursor: pointer;
}

.card--minheight[b-no69ttz8el] {
    min-height: 180px
}

.onFocus[b-no69ttz8el] {
    color: black;
    background-color: #fff;
    border-left: 14px solid #41baea;
}

    .onFocus:hover[b-no69ttz8el] {
        color: #000000;
        background-color: #c3c3c326;
        border-left: 14px solid #26729f;
    }

body.dark img#icon-manual[b-no69ttz8el] {
    filter: invert(1);
}
/* /Components/Components/Modals/GenericModalComponent.razor.rz.scp.css */
.contenedor-modal[b-g54wxx9icw] {
    position: relative;
    width: auto;
    background-color: white;
    border-radius: 10px;
    padding: 10px 10px 30px 10px !important;
    z-index: 1000;
    height: auto;
}

.imagen-inferior-derecha[b-g54wxx9icw] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110px;
    height: auto;
    background-size: cover;
    padding: 0px;
    z-index: 0;
}

body.dark .contenedor-modal[b-g54wxx9icw] {
    background-color: #2d2d2d;
}

.svg-button[b-g54wxx9icw] {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}

.t-window-action-close[b-g54wxx9icw]::before {
    content: url('../icons/Close.png') !important;
}

.col-10 strong[b-g54wxx9icw] {
    word-wrap: break-word;
    white-space: normal;
}

.expanded-modal[b-g54wxx9icw] {
    height: 92vh;
}

.position-container-fluid[b-g54wxx9icw] {
    position: relative;
    z-index: 1000;
}
/* /Components/Components/Modals/GenericModalComponentNoExpand.razor.rz.scp.css */
.contenedor-modal[b-whw1udj2fn] {
    position: relative;
    width: auto;
    background-color: white;
    border-radius: 10px;
    padding: 10px 10px 30px 10px !important;
    z-index: 1000;
}

.imagen-inferior-derecha[b-whw1udj2fn] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110px;
    height: auto;
    background-size: cover;
    padding: 0px;
    z-index: 0;
}

body.dark .contenedor-modal[b-whw1udj2fn] {
    background-color: #2d2d2d;
}

.svg-button[b-whw1udj2fn] {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}

.t-window-action-close[b-whw1udj2fn]::before {
    content: url('../icons/Close.png') !important;
}

.col-10 strong[b-whw1udj2fn] {
    word-wrap: break-word;
    white-space: normal;
}

.expanded-modal[b-whw1udj2fn] {
    height: 92vh;
}

.position-container-fluid[b-whw1udj2fn] {
    position: relative;
    z-index: 1000;
}
/* /Components/Components/Modals/GenericUserSearchModal.razor.rz.scp.css */
.contenedor-modal[b-ib9pb4gjp7] {
    position: relative;
    width: auto;
    background-color: white;
    border-radius: 10px;
    padding: 10px 10px 30px 10px !important;
    z-index: 1000;
}

.imagen-inferior-derecha[b-ib9pb4gjp7] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110px;
    height: auto;
    background-size: cover;
    padding: 0px;
    z-index: 0;
}

body.dark .contenedor-modal[b-ib9pb4gjp7] {
    background-color: #2d2d2d;
}

.svg-button[b-ib9pb4gjp7] {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}

.t-window-action-close[b-ib9pb4gjp7]::before {
    content: url('../icons/Close.png') !important;
}

.col-10 strong[b-ib9pb4gjp7] {
    word-wrap: break-word;
    white-space: normal;
}

.expanded-modal[b-ib9pb4gjp7] {
    height: 92vh;
}

.position-container-fluid[b-ib9pb4gjp7] {
    position: relative;
    z-index: 1000;
}
/* /Components/Components/Modals/NotificationsComponentModal.razor.rz.scp.css */
.container-modal[b-7spot06jth] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    overflow: hidden;
}

.container-modal__icon[b-7spot06jth] {
    display: block;
    margin: 12px 0px;
    max-width: 100px;
    height: 99px;
}

    .container-modal__icon img[b-7spot06jth] {
        max-width: 100%;
    }

.title-modal-error[b-7spot06jth] {
    color: var(--color-Error);
    font-size: 30px;
}

.title-modal-success[b-7spot06jth] {
    color: var(--color-Success);
    font-size: 30px;
}

.title-modal-information[b-7spot06jth] {
    color: var(--color-Information);
    font-size: 30px;
}

.title-modal-warning[b-7spot06jth] {
    color: var(--color-Warning);
    font-size: 30px;
}

.container-modal__title[b-7spot06jth] {
    margin-top: 10px;
    font-weight: bold;
}

.container-modal__text[b-7spot06jth] {
    margin-top: 10px;
}

.message-modal[b-7spot06jth] {
    color: var(--color-gris-text);
    font-size: 18px;
    font-weight: 100 !important;
    line-height: 29px;
    word-wrap: break-word;
    padding: 9px 30px;
}

body.dark .message-modal[b-7spot06jth] {
    color: var(--color-blanco);
}

.container-modal__buttons[b-7spot06jth] {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.container-modal__image[b-7spot06jth] {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 100px;
    height: auto;
}
/* /Components/Components/MultiSelect/MultiSelect.razor.rz.scp.css */
.selected-item[b-6knou5sgbi] {
    display: inline-block;
    padding: 5px;
    background-color: #e0e0e0;
    border-radius: 4px;
    margin: 5px;
    height: 40%;
}

.remove-btn[b-6knou5sgbi] {
    margin-left: 5px;
    background-color: #e0e0e0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.textarea-sim[b-6knou5sgbi] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-height: 100px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    overflow-y: auto;
    box-sizing: border-box;
}

.InputAndDelete[b-6knou5sgbi] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.InputFixed[b-6knou5sgbi] {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.DeleteFixed[b-6knou5sgbi] {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/* /Components/Components/QR/General/ViewPDFComponent.razor.rz.scp.css */
.responsive-modal[b-iey1qixjet] {
    max-width: 90vw !important;
    max-height: 90vh !important;
    width: auto !important;
    height: auto !important;
}

.pdf-viewer-responsive[b-iey1qixjet] {
    width: 100% !important;
    height: 75vh !important;
    max-height: 80vh !important;
    overflow: hidden;
}

.svg-button[b-iey1qixjet] {
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .svg-button i[b-iey1qixjet] {
        font-size: 1.2rem;
    }

@media (max-width: 768px) {
    .responsive-modal[b-iey1qixjet] {
        max-width: 95vw !important;
        max-height: 95vh !important;
    }

    .pdf-viewer-responsive[b-iey1qixjet] {
        height: 65vh !important;
    }

    .col-3[b-iey1qixjet] {
        display: flex !important;
        justify-content: end;
        align-items: center;
    }

    .text-truncate[b-iey1qixjet] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* /Components/Components/Spinners/SpinnerLoaderComponent.razor.rz.scp.css */
#modal-spinner[b-x2w7u3em15] {
    display: none;
}

.container[b-x2w7u3em15] {
    position: relative;
}

.svg-container[b-x2w7u3em15] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.imagen svg[b-x2w7u3em15], .imagen-hoja svg[b-x2w7u3em15] {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 0 8px black);
}

.imagen-hoja[b-x2w7u3em15] {
    z-index: 999999988;
}

@keyframes spin-b-x2w7u3em15 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.rotating-group[b-x2w7u3em15] {
    transform-origin: center;
    animation: spin-b-x2w7u3em15 2.5s linear infinite;
}

.cdspinner[b-x2w7u3em15] {
    position: fixed;
    /*background: linear-gradient(180deg, rgb(80 121 138 / 50%) 0%, rgb(91 91 91) 100%);*/
    background-color: rgb(0 0 0 / 50%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90000;
}

.logocdspinner[b-x2w7u3em15] {
    position: fixed;
    background-color: rgba(255,255,255,0);
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: 80px;
    z-index: 90001;
    transform-origin: center;
    animation: spin-b-x2w7u3em15 2.5s linear infinite;
}

    .logocdspinner[b-x2w7u3em15]:before {
        content: "";
        display: block;
        position: relative;
        width: 45px;
        height: 45px;
        background: #1ccbf3;
        /*opacity: 0.7;*/
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
        -ms-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        left: 23px;
        top: 8px;
    }

    .logocdspinner[b-x2w7u3em15]:after {
        content: "";
        display: block;
        position: relative;
        width: 45px;
        height: 45px;
        background: #94d646;
        /*opacity: 0.7;*/
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: -22px;
        left: 8px;
    }

.cerrarspinner[b-x2w7u3em15] {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 90000;
    cursor: pointer;
}

    .cerrarspinner[b-x2w7u3em15]:after {
        content: '';
        display: block;
        position: relative;
        top: -13px;
        width: 20px;
        height: 6px;
        border-radius: 3px;
        background-color: red;
        z-index: 90003;
    }

    .cerrarspinner[b-x2w7u3em15]:before {
        content: '';
        display: block;
        position: relative;
        left: 7px;
        width: 6px;
        height: 20px;
        border-radius: 3px;
        background-color: red;
        z-index: 90004;
    }

.logocdspinnerControl[b-x2w7u3em15] {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    max-width: 100%;
    height: auto;
    filter: drop-shadow(2px 3px 3px var(--color-gris-oscuro-1));
}
/* /Components/Components/Spinners/SpinnerLoaderRecordComponent.razor.rz.scp.css */
#modal-spinner-record[b-hjqqioht9u] {
    display: none;
}

.container[b-hjqqioht9u] {
    position: relative;
}

.svg-container[b-hjqqioht9u] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.imagen svg[b-hjqqioht9u], .imagen-hoja svg[b-hjqqioht9u] {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 0 8px black);
}

.imagen-hoja[b-hjqqioht9u] {
    z-index: 999999988;
}

@keyframes spin-b-hjqqioht9u {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.rotating-group[b-hjqqioht9u] {
    transform-origin: center;
    animation: spin-b-hjqqioht9u 2.5s linear infinite;
}

.cdspinner[b-hjqqioht9u] {
    position: fixed;
    /*background: linear-gradient(180deg, rgb(80 121 138 / 50%) 0%, rgb(91 91 91) 100%);*/
    background-color: rgb(0 0 0 / 50%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90000;
}

.logocdspinner[b-hjqqioht9u] {
    position: fixed;
    background-color: rgba(255,255,255,0);
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: 80px;
    z-index: 90001;
    transform-origin: center;
    animation: spin-b-hjqqioht9u 2.5s linear infinite;
}

    .logocdspinner[b-hjqqioht9u]:before {
        content: "";
        display: block;
        position: relative;
        width: 45px;
        height: 45px;
        background: #1ccbf3;
        /*opacity: 0.7;*/
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
        -ms-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        left: 23px;
        top: 8px;
    }

    .logocdspinner[b-hjqqioht9u]:after {
        content: "";
        display: block;
        position: relative;
        width: 45px;
        height: 45px;
        background: #94d646;
        /*opacity: 0.7;*/
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: -22px;
        left: 8px;
    }

.cerrarspinner[b-hjqqioht9u] {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 90000;
    cursor: pointer;
}

    .cerrarspinner[b-hjqqioht9u]:after {
        content: '';
        display: block;
        position: relative;
        top: -13px;
        width: 20px;
        height: 6px;
        border-radius: 3px;
        background-color: red;
        z-index: 90003;
    }

    .cerrarspinner[b-hjqqioht9u]:before {
        content: '';
        display: block;
        position: relative;
        left: 7px;
        width: 6px;
        height: 20px;
        border-radius: 3px;
        background-color: red;
        z-index: 90004;
    }

.logocdspinnerControl[b-hjqqioht9u] {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    max-width: 100%;
    height: auto;
    filter: drop-shadow(2px 3px 3px var(--color-gris-oscuro-1));
}

@keyframes dotFade-b-hjqqioht9u {
    0%, 80%, 100% {
        opacity: 0.2;
        transform: scale(0.8);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }
}

.dots[b-hjqqioht9u] {
    display: inline-block;
}

.dot[b-hjqqioht9u] {
    display: inline-block;
    animation: dotFade-b-hjqqioht9u 1.4s infinite ease-in-out both;
}

    .dot:nth-child(1)[b-hjqqioht9u] {
        animation-delay: -0.32s;
    }

    .dot:nth-child(2)[b-hjqqioht9u] {
        animation-delay: -0.16s;
    }

    .dot:nth-child(3)[b-hjqqioht9u] {
        animation-delay: 0s;
    }

.download-text[b-hjqqioht9u] {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Components/Components/Switch/SwitchComponent.razor.rz.scp.css */
/* Estilos para el componente Switch */
.switch-container[b-4xlpq470ux] {
    width: 60px;
    height: 30px;
    border-radius: 15px; /* Redondeado */
    position: relative;
    cursor: pointer;
    overflow: hidden; /* Para ocultar el desbordamiento del interruptor cuando está desactivado */
}

    .switch-container.active[b-4xlpq470ux] {
        background-color: #2196F3; /* Color de fondo cuando está activo (usamos el parámetro ActiveColor) */
    }

.switch-toggle[b-4xlpq470ux] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    top: 0.15rem;
    transform: translateX(-50%);
    left: 27%;
    background-color: #FFFFFF;
}

    .switch-toggle.active[b-4xlpq470ux] {
        transform: translateX(30px); /* Mueve el círculo a la derecha cuando está activo */
        bottom: -3%;
        left: 3%;
    }

.word-in-container[b-4xlpq470ux] {
    width: 10%;
}
/* /Components/Components/Timers/TimerComponent.razor.rz.scp.css */
.resend-link[b-cbkmxd1btg] {
    cursor: default;
    color: grey;
    text-decoration: none;
}

    .resend-link.disabled[b-cbkmxd1btg] {
        pointer-events: none;
    }

    .resend-link.active[b-cbkmxd1btg] {
        color: white;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
    }
/* /Components/Components/UploadFiles/DragAndDropFilesComponent.razor.rz.scp.css */
@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-light.ttf') format('truetype');
}

.file-upload-wrapper[b-wn36gys6kn] {
    width: 100%;
    height: 100%;
    padding: 20px;
    border: 2px solid #ccc;
    border-radius: 5px;
    position: relative;
    text-align: center;
    transition: all .24s ease-in-out;
    background-color: #f8f8f8;
}

body.dark .file-upload-wrapper[b-wn36gys6kn] {
    background-color: #404040;
}

.file-upload-wrapper:hover[b-wn36gys6kn] {
    border-color: var(--color-gris-main);
}

.hover[b-wn36gys6kn] {
    background-color: var(--color-gris-main);
}

.image-container img[b-wn36gys6kn] {
    width: 100%;
    margin-top: 10px;
}

.central-container[b-wn36gys6kn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    background-color: #f8f8f8;
}

    .central-container img[b-wn36gys6kn] {
        margin-bottom: 10px;
    }

    .central-container button[b-wn36gys6kn] {
        margin-bottom: 5px;
    }

    .central-container:hover[b-wn36gys6kn] {
        border-color: var(--color-gris-main);
    }

.button-styles-custom[b-wn36gys6kn] {
    padding-left: 25px;
    padding-right: 25px;
    background: #2196F3;
    border-radius: 8px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    color: white;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    word-wrap: break-word;
    text-align: center;
    border: none;
}

.custom-table-container[b-wn36gys6kn] {
    border: 1px solid #7D7D7D;
    border-radius: 10px;
    overflow: hidden;
}

body.dark .custom-table-container[b-wn36gys6kn] {
    border: 1px solid #ffffff;
    color: white;
}

.custom-table[b-wn36gys6kn] {
    width: 100%;
}

body.dark .custom-table[b-wn36gys6kn] {
    color: white;
}

.spinner-container[b-wn36gys6kn] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
/* /Components/Components/UploadFiles/DragAndDropImageComponent.razor.rz.scp.css */
.upload-image[b-ufkp5s4h22] {
    position: relative;
    max-height: 350px;
    border: 2px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
}

.delete-image__button[b-ufkp5s4h22] {
    position: absolute;
    bottom: -15px;
    right: -15px;
    z-index: 10;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 8px 12px 11px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.upload-image[b-ufkp5s4h22] {
    border: 2px dashed #41baea;
    border-radius: 8px;
    background-color: #f8f9fa;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .upload-image:hover[b-ufkp5s4h22] {
        border-color: #0d6efd;
        background-color: #e7f3ff;
    }

    .upload-image.drag-over[b-ufkp5s4h22] {
        border-color: #0d6efd;
        background-color: #e7f3ff;
        border-style: solid;
    }

.upload-area[b-ufkp5s4h22] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-image__img[b-ufkp5s4h22] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.upload-image__div[b-ufkp5s4h22] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

    .upload-image__div svg[b-ufkp5s4h22] {
        width: 64px;
        height: 64px;
        margin-bottom: 12px;
    }

.upload-image__span[b-ufkp5s4h22] {
    font-size: 16px;
    font-weight: normal;
    color: #0d6efd;
    text-align: center;
    margin-top: 8px;
}

/* Spinner de carga */
.spinner-container[b-ufkp5s4h22] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

/* Botón de eliminar */
.delete-image__button[b-ufkp5s4h22] {
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #dc3545;
    color: white;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
    transition: all 0.3s ease;
    z-index: 5;
}

    .delete-image__button:hover[b-ufkp5s4h22] {
        background-color: #c82333;
        box-shadow: 0 4px 12px rgba(220, 53, 69, 0.5);
        transform: translateX(-50%) scale(1.1);
    }

    .delete-image__button i[b-ufkp5s4h22] {
        font-size: 14px;
    }

/* Estado de arrastre */
.card-img-overlay[b-ufkp5s4h22] {
    background-color: transparent;
}

.upload-image:hover .card-img-overlay[b-ufkp5s4h22] {
    background-color: rgba(13, 110, 253, 0.05);
}

/* Responsive */
@media (max-width: 768px) {
    .upload-image__div svg[b-ufkp5s4h22] {
        width: 48px;
        height: 48px;
    }

    .upload-image__span[b-ufkp5s4h22] {
        font-size: 14px;
    }

    .delete-image__button[b-ufkp5s4h22] {
        width: 32px;
        height: 32px;
    }

        .delete-image__button i[b-ufkp5s4h22] {
            font-size: 12px;
        }
}
/* /Components/Components/UploadFiles/DragAndDropTemplateComponent.razor.rz.scp.css */
.upload-area[b-fqv32g8wwn] {
    border: 2px dashed #41baea;
    border-radius: 8px;
    background-color: #ffffff;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .upload-area:hover[b-fqv32g8wwn] {
        border-color: #1000ff;
        background-color: #f8f9ff;
    }

.dADTemplate__hover[b-fqv32g8wwn] {
    border-color: #0d6efd !important;
    background-color: #f0f4ff !important;
}

.upload-content[b-fqv32g8wwn] {
    text-align: center;
    padding: 20px;
}

.upload-icon[b-fqv32g8wwn] {
    margin-bottom: 16px;
}

.upload-text-main[b-fqv32g8wwn] {
    color: #0d6efd;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 0;
}

.upload-text-secondary[b-fqv32g8wwn] {
    color: #6c757d;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

/* /Components/Components/User/UserCardComponent.razor.rz.scp.css */
/* /Components/Modals/Administration/Address/AddressModal.razor.rz.scp.css */
.address-container[b-dt13rz42uv] {
    height: 57.6px;
    padding: 0px 20px 0px 20px;
    width: auto;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid;
}

.address-container--primaryInLine[b-dt13rz42uv] {
    background-color: transparent;
    color: var(--color-btnPrimary);
    border: 1px solid var(--color-btnPrimary);
}
/* /Components/Modals/Administration/AdministrationTRD/ProductionOfficeModal.razor.rz.scp.css */
/* /Components/Modals/Administration/FormatMasterList/TemplateModal.razor.rz.scp.css */
.custom-table-container[b-sawj9rq282] {
    border: 1px solid #7D7D7D;
    border-radius: 10px;
    overflow: hidden;
}

.custom-table[b-sawj9rq282] {
    width: 100%;
}
/* /Components/Modals/Administration/MetaData/MetaDataModal.razor.rz.scp.css */
/* /Components/Modals/Administration/Permission/PermissionModal.razor.rz.scp.css */
body[b-te6gqnvaix] {
}
/* /Components/Modals/Administration/Profile/ProfileModal.razor.rz.scp.css */
body[b-1tzemhlx46] {
}
/* /Components/Modals/Administration/Replacement/ReplacementModal.razor.rz.scp.css */
/* /Components/Modals/Administration/ThirdParty/ThirdPartyModal.razor.rz.scp.css */
/* /Components/Modals/Administration/UsersAdministration/ChangePasswordUserModal.razor.rz.scp.css */
.red-pass[b-buwbqvrnxe] {
    color: red !important;
}

.green-pass[b-buwbqvrnxe] {
    color: green !important;
}
/* /Components/Modals/ControlPanel/Compliance/ComplianceModal.razor.rz.scp.css */
body[b-e9nunn8hdr] {
}
/* /Components/Modals/Documents/DocumentaryTask/AIServiceModal.razor.rz.scp.css */
.text-area[b-t6nppgnxd7] {
    padding: 1rem 1rem;
}

.chat_area[b-t6nppgnxd7] {
    float: left;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    border: 1px solid #808080;
    border-radius: 5px;
}

    .chat_area li[b-t6nppgnxd7] {
        padding: 14px 14px 0;
    }

        .chat_area li .chat-img1 img[b-t6nppgnxd7] {
            height: 40px;
            width: 40px;
        }

    .chat_area .chat-body1[b-t6nppgnxd7] {
        margin-left: 50px;
    }

.chat-body1 p[b-t6nppgnxd7] {
    background: #fbf9fa none repeat scroll 0 0;
    padding: 10px;
}

.chat_area .admin_chat .chat-body1[b-t6nppgnxd7] {
    margin-left: 0;
    margin-right: 50px;
}

.chat_area li:last-child[b-t6nppgnxd7] {
    padding-bottom: 10px;
}

.chat_bottom[b-t6nppgnxd7] {
    float: left;
    margin-top: 13px;
    width: 100%;
}

/*area de estilos para el capturador de audio*/
.mic-area[b-t6nppgnxd7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 2rem;
}

.mic-toggle[b-t6nppgnxd7] {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    border-color: transparent;
    background-color: #2196F3;
    margin-bottom: 4rem;
}

    .mic-toggle[b-t6nppgnxd7]:after,
    .mic-toggle[b-t6nppgnxd7]:before {
        --pad: 0rem;
        content: '';
        display: block;
        position: absolute;
        z-index: 0;
        background-color: rgba(33, 150, 243, 0.2);
        top: var(--pad);
        left: var(--pad);
        right: var(--pad);
        bottom: var(--pad);
        border-radius: 50%;
    }

    .mic-toggle[b-t6nppgnxd7]:after {
        transition: 0.4s;
    }

    .mic-toggle[b-t6nppgnxd7]:before {
        transition: 0.2s;
    }

    .mic-toggle:hover[b-t6nppgnxd7]:before {
        --pad: -1rem;
    }

    .mic-toggle:hover[b-t6nppgnxd7]:after {
        --pad: -2rem;
    }

    .mic-toggle span[b-t6nppgnxd7] {
        position: relative;
        z-index: 1;
        color: #fff;
        font-size: 4rem;
    }

    .mic-toggle.is-recording[b-t6nppgnxd7]:after {
        animation: valueAfter-b-t6nppgnxd7 0.6s ease-in alternate-reverse forwards infinite;
    }

/*.mic-toggle.is-recording:before {
    animation: valueBefore 0.6s ease-in alternate-reverse forwards infinite;
}*/

@keyframes valueAfter-b-t6nppgnxd7 {
    0% {
        top: -2rem;
        left: -2rem;
        right: -2rem;
        bottom: -2rem;
    }

    100% {
        top: -1rem;
        left: -1rem;
        right: -1rem;
        bottom: -1rem;
    }
}

@keyframes valueBefore-b-t6nppgnxd7 {
    0% {
        top: -1rem;
        left: -1rem;
        right: -1rem;
        bottom: -1rem;
    }

    100% {
        top: -0.5rem;
        left: -0.5rem;
        right: -0.5rem;
        bottom: -0.5rem;
    }
}

.playback[b-t6nppgnxd7] {
    margin-bottom: 1rem;
    box-shadow: 0px 0px 1rem #2196F3;
    border-radius: 999px;
}
/* /Components/Modals/Documents/DocumentaryTask/CopiesModal.razor.rz.scp.css */
.custom-table-container-copy[b-ly5u7oxdc9] {
    border: 1px;
    border-radius: 10px;
    overflow: auto;
    max-height: 400px;
}

.copy-pt[b-ly5u7oxdc9] {
    padding: 10px 20px 10px;
}

.table-content[b-ly5u7oxdc9] {
    justify-content: space-evenly !important;
}

.delete-button[b-ly5u7oxdc9] {
    cursor: pointer;
    font-size: 25px;
    color: #41BAEA;
}
/* /Components/Modals/Documents/DocumentaryTask/DocumentClasificationModal.razor.rz.scp.css */
.card-gestor[b-s4w4buofia] {
    padding: 10px 20px 10px;
}

.custom-table-container[b-s4w4buofia] {
    border: 1px;
    border-radius: 10px;
    overflow: auto;
    max-height: 400px;
}

.typology-destination-pt[b-s4w4buofia] {
    padding: 10px 20px 10px !important;
}

.table-content[b-s4w4buofia] {
    justify-content: space-evenly !important;
}

.delete-button[b-s4w4buofia] {
    cursor: pointer;
    font-size: 25px;
    color: #41BAEA;
}

.span-gray[b-s4w4buofia] {
    color: gray;
}

.panel-Info[b-s4w4buofia] {
    margin-right: .7rem !important;
    margin-left: .7rem !important;
}
/* /Components/Modals/Documents/DocumentaryTask/DocumentRelationModal.razor.rz.scp.css */
.input-pt[b-4j7wldl5pl] {
    padding: 10px 40px 10px;
}

.button-dp[b-4j7wldl5pl] {
    display: contents;
}
/* /Components/Modals/Documents/DocumentaryTask/FormatMasterListModal.razor.rz.scp.css */
.upload-button[b-m8oacleteb] {
    cursor: pointer;
}

.px-modified[b-m8oacleteb] {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

@media (max-width: 992px) {
    .px-modified[b-m8oacleteb] {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }
}
/* /Components/Modals/Documents/DocumentaryTask/SendDocumentModal.razor.rz.scp.css */
/* ======================================================
   GENERALES
   ====================================================== */

.send-pt[b-1qdxffb9tw] {
    padding: 10px 40px;
}

.span-gray[b-1qdxffb9tw] {
    color: gray;
}

/* ======================================================
   BUTTON GROUP
   ====================================================== */

.button-group[b-1qdxffb9tw] {
    display: flex;
    gap: 12px;
}

    .button-group button[b-1qdxffb9tw] {
        border: 1px solid #2196F3;
        color: #2196F3;
        background-color: transparent;
        border-radius: 10px;
        padding: 5px 12px;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

        .button-group button.selected[b-1qdxffb9tw] {
            background-color: #2196F3;
            color: #fff;
        }

/* ======================================================
   DRAG & DROP – USER CARDS (OPTIMIZADO)
   ====================================================== */

/* Card base */
.user-card[b-1qdxffb9tw] {
    border-radius: 10px;
    background-color: #fff;
    transition: box-shadow 0.15s ease, background-color 0.15s ease;
    will-change: box-shadow, background-color;
}

    /* Hover normal */
    .user-card:hover[b-1qdxffb9tw] {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    }

    /* Card arrastrada */
    .user-card.dragging[b-1qdxffb9tw] {
        opacity: 0.7;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    }

/* Destino (CSS puro, sin estado Blazor) */
.user-flow-list:has(.user-card.dragging) .user-card:hover[b-1qdxffb9tw] {
    background-color: #f4f8ff;
    outline: 2px dashed #0d6efd;
    outline-offset: -6px;
}

/* Handle drag */
.user-card span[b-1qdxffb9tw] {
    color: #6c757d;
    transition: color 0.15s ease;
}

.user-card:hover span[b-1qdxffb9tw] {
    color: #0d6efd;
}

.drag-handle[b-1qdxffb9tw] {
    cursor: grab;
}

.dragging[b-1qdxffb9tw] {
    opacity: 0.6;
}

/* ======================================================
   PROFILE IMAGE
   ====================================================== */

.profile-wrapper[b-1qdxffb9tw] {
    display: flex;
    align-items: center;
}

.profile-box[b-1qdxffb9tw] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-img[b-1qdxffb9tw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ======================================================
   LEGACY (NO TOCAR)
   ====================================================== */

.table-primary[b-1qdxffb9tw],
.card.table-primary[b-1qdxffb9tw] {
    outline: 2px dashed #0d6efd;
}

.table-warning[b-1qdxffb9tw],
.card.table-warning[b-1qdxffb9tw] {
    background-color: #fff3cd;
}
/* /Components/Modals/Documents/ManagementTray/GeneralInformationModal.razor.rz.scp.css */
.dropdown-menu[b-zhd36l2n3p] {
    position: absolute;
    left: 0;
    background-color: white;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    width: 270px !important;
    top: 46px;
}

.dropdown-menu-show-no[b-zhd36l2n3p] {
    display: none;
}

.dropdown-menu-show-yes[b-zhd36l2n3p] {
    display: block;
}

.mainInfoLarge[b-zhd36l2n3p] {
    margin-left: 15px;
}

.mainInfoSmall[b-zhd36l2n3p] {
    margin-left: 25px;
}

.truncate-text[b-zhd36l2n3p] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 700px;
}

.menuItem[b-zhd36l2n3p] {
    color: #2196f3;
}

.contenedor-modal[b-zhd36l2n3p] {
    height: auto !important;
}
/* /Components/Modals/Documents/ManagementTray/ValidateDocumentGeneralInfoModal.razor.rz.scp.css */
.mainInfoLarge[b-k1ufsk9zt4] {
    margin-left: 15px;
}

.mainInfoSmall[b-k1ufsk9zt4] {
    margin-left: 25px;
}

.menuItem[b-k1ufsk9zt4] {
    color: #2196f3;
}
/* /Components/Modals/Documents/MetaData/MetaDataRelationModal.razor.rz.scp.css */
/* /Components/Modals/Documents/MetaData/MetaDataValueModal.razor.rz.scp.css */
/* /Components/Modals/Documents/OverrideTray/OverrideTrayAdminModal.razor.rz.scp.css */
.darkred[b-r7y5at0sv6] {
    color: red;
}
/* /Components/Modals/Documents/OverrideTray/OverrideTrayManagerModal.razor.rz.scp.css */
body[b-zaubfgy3dn] {
}
/* /Components/Modals/Documents/OverrideTray/OverrideTrayModal.razor.rz.scp.css */
.root[b-2bb0ywjxsg] {
    --color-btnPrimary: #2196F3;
}

#txtAInformation[b-2bb0ywjxsg] {
    height: 100% !important;
    border: none;
    color: var(--color-btnPrimary);
    text-transform: uppercase;
}

.table-info[b-2bb0ywjxsg] {
    justify-content: space-evenly !important;
}

.delete-button[b-2bb0ywjxsg] {
    cursor: pointer;
    font-size: 25px;
    color: #41BAEA;
}

.custom-table-container[b-2bb0ywjxsg] {
    /*    border: 1px;
    border-radius: 10px;*/
    overflow: auto;
    max-height: 168px;
}

.darkred[b-2bb0ywjxsg] {
    color: red;
}
/* /Components/Modals/Documents/OverrideTray/OverrideTrayReasonModal.razor.rz.scp.css */
body[b-mfpwo1kz5o] {
}
/* /Components/Modals/Filling/DispatchDocumentModal.razor.rz.scp.css */
.btn-selected[b-dbhmwgg0bz] {
    background-color: #007bff !important;
    color: white !important;
    border-color: #007bff !important;
}

    .btn-selected i[b-dbhmwgg0bz] {
        color: white !important;
    }
/* /Components/Modals/Filling/EvidenceShippingModal.razor.rz.scp.css */
body[b-87pumsihtb] {
}
/* /Components/Modals/Filling/HistoryPhysicalTrayModal.razor.rz.scp.css */
body[b-9xiw5qntqn] {
}
/* /Components/Modals/Filling/RecipientMailingModal.razor.rz.scp.css */
body[b-3ilux6c49q] {
}
/* /Components/Modals/Filling/ShippingModal.razor.rz.scp.css */
.my-modal .bg-gray[b-6qs3x8e4zb] {
    background: #f2f2f2;
}

.info-icon[b-6qs3x8e4zb] {
    position: relative;
    cursor: pointer;
}

    .info-icon .tooltip-text[b-6qs3x8e4zb] {
        visibility: hidden;
        background: #333;
        color: #fff;
        padding: 4px 8px;
        border-radius: 4px;
        position: absolute;
        top: -35px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        font-size: 0.75rem;
        z-index: 10;
    }

    .info-icon:hover .tooltip-text[b-6qs3x8e4zb] {
        visibility: visible;
    }
/* /Components/Modals/Filling/StatusServiceModal.razor.rz.scp.css */
body[b-bvsghduqas] {
}
/* /Components/Modals/Filling/UpdateShippingMethodModal.razor.rz.scp.css */
.info-icon[b-0dv4hwtf2g] {
    position: relative;
    cursor: pointer;
}

    .info-icon .tooltip-text[b-0dv4hwtf2g] {
        visibility: hidden;
        background: #333;
        color: #fff;
        padding: 4px 8px;
        border-radius: 4px;
        position: absolute;
        top: -35px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        font-size: 0.75rem;
        z-index: 10;
    }

    .info-icon:hover .tooltip-text[b-0dv4hwtf2g] {
        visibility: visible;
    }
/* /Components/Modals/Filling/UploadExcelSipostModal.razor.rz.scp.css */
body[b-ybntmxh6nb] {
}
/* /Components/Modals/Generic/Attachments/AttachmentsModal.razor.rz.scp.css */
.my-modal .botones-container button[b-3ph062epcn] {
    margin-left: 10px;
    margin-bottom: 6px;
    justify-content: center;
    align-items: center;
}

.custom-table-container-att[b-3ph062epcn] {
    border: 1px;
    border-radius: 10px;
    overflow: auto;
    max-height: 300px;
}

.my-modal .botones[b-3ph062epcn] {
    width: 48%;
    height: 33px;
    flex-shrink: 0;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

    .my-modal .botones.guardar[b-3ph062epcn] {
        background: #2196F3;
        color: #fff;
        border: 1px solid #2196F3;
    }

    .my-modal .botones.limpiar[b-3ph062epcn] {
        border: 1px solid #2196F3;
        background: #fff;
        color: #2C2C2C;
    }

.attachment-pt[b-3ph062epcn] {
    padding: 10px 20px 10px;
}

.table-content[b-3ph062epcn] {
    justify-content: space-evenly !important;
}

.delete-button[b-3ph062epcn] {
    cursor: pointer;
    font-size: 20px;
    color: #41BAEA;
}

.span-gray[b-3ph062epcn] {
    color: gray;
}
/* /Components/Modals/Generic/Attachments/AttachmentTrayModal.razor.rz.scp.css */
.custom-table-container-copy[b-awszno7j6k] {
    border: 1px;
    border-radius: 10px;
    overflow: auto;
    max-height: 450px;
}

.copy-pt[b-awszno7j6k] {
    padding: 10px 20px 10px;
}

.table-pt[b-awszno7j6k] {
    padding: 75px 0px 0px 0px;
}

.table-content[b-awszno7j6k] {
    justify-content: space-evenly !important;
}

.action-button[b-awszno7j6k] {
    cursor: pointer;
    font-size: 25px;
    color: #41BAEA;
}

.svg-button[b-awszno7j6k] {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}
/* /Components/Modals/Generic/GenericSearch/UsersSearchModal.razor.rz.scp.css */
.img-cover[b-afaoysjn50] {
    width: 50px;
    height: 50px
}
/* /Components/Modals/Generic/Label/DinamicLabelModal.razor.rz.scp.css */
.preview-wrapper[b-200iaqccng] {
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
    position: relative;
    border: 1px solid #ddd;
    background: #fafafa;
}

.preview-container[b-200iaqccng] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 250px;
}

    .preview-container img[b-200iaqccng] {
        display: block;
        max-width: none !important;
        max-height: none !important;
        width: auto;
        height: auto;
        border: 2px solid #3b3b3b;
        box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    }
/* /Components/Modals/Generic/Label/LabelModal.razor.rz.scp.css */
.labelModalContiner[b-23uujcx17z] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-gris-main);
    border-radius: 13px;
    padding: 39px;
    /*height: 233px;*/
}

body.dark .labelModalContiner[b-23uujcx17z] {
    background-color: #2d2d2d;
}

.contenedor-modal[b-23uujcx17z] {
    width: 500px;
    height: auto;
    border-radius: 20px;
    padding: 15px 25px;
    position: relative;
    z-index: 2000;
    background-color: var(--color-blanco);
    overflow-x: auto;
    overflow-y: hidden;
}

body.dark .contenedor-modal[b-23uujcx17z] {
    background-color: var(--color-gris-oscuro-5);
}

.contenedor-modal__column1[b-23uujcx17z] {
    float: left;
    width: 100px;
}

.contenedor-modal__column2[b-23uujcx17z] {
    float: left;
    width: 366px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.row[b-23uujcx17z]:after {
    content: "";
    display: table;
    clear: both;
}

.row[b-23uujcx17z] {
    width: 100%;
}

.svg-button[b-23uujcx17z] {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}

.t-window-action-close[b-23uujcx17z]::before {
    content: url('../icons/Close.png') !important;
}

.contenedor-modal__esquema[b-23uujcx17z] {
    width: 466px;
}

.text-Container label[b-23uujcx17z] {
    font-size: 15px;
}

    .text-Container label span[b-23uujcx17z] {
        font-size: 17px;
    }

@font-face {
    font-family: CCode39;
    src: url("/fonts/ConnectCode39.woff") format('woff')
}

#barcode[b-23uujcx17z] {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'CCode39', sans-serif;
    text-align: center;
    font-size: 15px;
}

.label-block[b-23uujcx17z] {
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 100%;
}
/* /Components/Modals/Generic/TypologySearch/GenericDocTypologySearchModal.razor.rz.scp.css */
.selectorBlock[b-6x3kja0095] {
}

.selectorBlock--labelDropDown[b-6x3kja0095] {
    margin-bottom: 6px;
}

.k-checkbox.k-rounded-md[b-6x3kja0095] {
    border-color: #2196F3;
}
/* /Components/Modals/Generic/ViewDocuments/ViewDocumentModal.razor.rz.scp.css */
/* /Components/Modals/Generic/ViewDocuments/ViewDocumentPdfModal.razor.rz.scp.css */
/* Contenedor principal del visor */
.body-viewPdf[b-b74kydyvoz] {
    height: calc(100vh - 14.2rem);
    overflow-y: auto;
    border: 1px solid #ccc;
    background: var(--color-gris-main);
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    scrollbar-width: none;
}

/* Contenedor interno del PDF */
#pdfContainer[b-b74kydyvoz] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    width: 50%;
    min-width: 300px;
    padding: 1rem;
}

    /* Canvas individual de cada página PDF */
    #pdfContainer canvas[b-b74kydyvoz] {
        display: block;
        max-width: 100%;
        height: auto !important;
        margin: 0 auto 20px auto;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        background: white;
        border-radius: 4px;
    }

/* Estilo extra para sombra más marcada si deseas aplicarla por JS */
.canvas-shadow[b-b74kydyvoz] {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: 20px auto;
    display: block;
}

/* Barra superior fija con controles */
.top-viewPdf[b-b74kydyvoz] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #808080;
    color: white;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

/* Botones de navegación */
.style_inputSearchPage[b-b74kydyvoz] {
    width: 50px;
    text-align: center;
    background: #595959;
    color: white;
    border: none;
    padding: 5px;
    border-radius: 1rem;
}

.container_viewPdf[b-b74kydyvoz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.buttom_viewPdf[b-b74kydyvoz] {
    color: black;
    background: transparent;
    border-color: transparent;
}

input[type=number][b-b74kydyvoz]::-webkit-inner-spin-button, input[type=number][b-b74kydyvoz]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number][b-b74kydyvoz] {
    -moz-appearance: textfield;
}
/* /Components/Modals/Menu/MenuModal.razor.rz.scp.css */
/* =========================
   CONTENEDOR PRINCIPAL
========================= */
.container_main[b-91yhdmhgzv] {
    height: 70vh;
    max-height: 70vh;
    display: flex;
    flex-direction: column;
}

/* =========================
   CUERPO DEL MODAL
========================= */
.row_container[b-91yhdmhgzv] {
    flex: 1;
    overflow: hidden;
    padding-right: 6px;
    height: 100%;
}

.menu-column[b-91yhdmhgzv] {
    height: 100%;
    overflow-y: auto;
}


/* =========================
   FILAS DE MENÚ
========================= */
.menu-row[b-91yhdmhgzv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 10px 14px;
    margin-bottom: 6px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color .15s ease, transform .12s ease;
}

    .menu-row:hover[b-91yhdmhgzv] {
        background-color: #f3f6fb;
    }

.menu-active[b-91yhdmhgzv] {
    background-color: #e7f0ff;
}

/* =========================
   TEXTO E ICONOS (RESPONSIVE)
========================= */
.menu-text[b-91yhdmhgzv] {
    flex: 1;
    font-size: clamp(14px, 1.5vw, 18px);
    margin-left: 10px;
    line-height: 1.4;
    color: #1f2937;
}

/*.icon-menu {
    width: clamp(24px, 2.2vw, 34px);
    height: clamp(24px, 2.2vw, 34px);
    object-fit: contain;
    flex-shrink: 0;
}*/

.menu-row i[b-91yhdmhgzv] {
    font-size: clamp(16px, 1.8vw, 22px);
    color: #4b5563;
}

/* =========================
   EVITA DEFORMACIÓN MODAL
========================= */
.my-modal[b-91yhdmhgzv],
.my-modal .k-window-content[b-91yhdmhgzv] {
    max-height: 80vh;
    overflow: hidden;
}

/* =========================
   ANIMACIONES DE CAMBIO
========================= */
.menu-fade-in[b-91yhdmhgzv] {
    animation: fadeSlide-b-91yhdmhgzv .2s ease-out;
}

@keyframes fadeSlide-b-91yhdmhgzv {
    from {
        opacity: 0;
        transform: translateX(10px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px) {
    .menu-row[b-91yhdmhgzv] {
        padding: 12px 16px;
        min-height: 52px;
    }
}

/* =========================
   SCROLLBAR SUAVE
========================= */
.row_container[b-91yhdmhgzv]::-webkit-scrollbar {
    width: 6px;
}

.row_container[b-91yhdmhgzv]::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.25);
    border-radius: 6px;
}

.rotate-45[b-91yhdmhgzv] {
    width: clamp(14px, 1.8vw, 22px);
    height: clamp(14px, 1.8vw, 22px);
    transform: rotate(-45deg);
    transition: transform .2s ease;
}

.row-icon[b-91yhdmhgzv] {
    width: clamp(14px, 1.8vw, 22px);
    height: clamp(14px, 1.8vw, 22px);
    transition: transform .2s ease;
}

/* ============ LIGHT MODE (se mantiene limpio y claro) ============ */

.LighModeClass[b-91yhdmhgzv] {
    background-color: #ffffff;
    color: #1f2933;
}

    .LighModeClass .menu-row[b-91yhdmhgzv] {
        background-color: transparent;
        color: #1f2933;
        border-radius: 8px;
        transition: all .25s ease;
    }

        .LighModeClass .menu-row:hover[b-91yhdmhgzv] {
            background-color: #f1f5f9;
            cursor: pointer;
        }

    .LighModeClass .menu-active[b-91yhdmhgzv] {
        background: linear-gradient(90deg, rgba(65,186,234,.25), rgba(65,186,234,.15));
        box-shadow: 0 0 12px rgba(65,186,234,.35);
    }


/* ============ DARK MODE (estilo elegante y contrastado) ============ */

.DarkModeClass[b-91yhdmhgzv] {
    background: #2d2d2d;
    color: #ffffff;
}

    .DarkModeClass[b-91yhdmhgzv],
    .DarkModeClass *[b-91yhdmhgzv] {
        color: #ffffff !important;
    }

        .DarkModeClass .menu-row[b-91yhdmhgzv] {
            background-color: transparent;
            border-radius: 8px;
            transition: all .25s ease;
        }

            .DarkModeClass .menu-row:hover[b-91yhdmhgzv] {
                background: rgba(56, 189, 248, 0.12);
                box-shadow: 0 0 0 1px rgba(56,189,248,.25);
                cursor: pointer;
            }

        .DarkModeClass .menu-active[b-91yhdmhgzv] {
            background: linear-gradient(90deg, rgba(56,189,248,.25), rgba(14,165,233,.15));
            box-shadow: 0 0 12px rgba(56,189,248,.35);
        }

        .DarkModeClass .icon-menu[b-91yhdmhgzv] {
            filter: brightness(0) invert(1) !important;
        }

.btn-darkmode[b-91yhdmhgzv] {
    background: linear-gradient(135deg, #0ea5e9, #2563eb);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: 10px 18px;
    letter-spacing: .3px;
    box-shadow: 0 8px 18px rgba(14,165,233,.35);
    transition: all .25s ease;
}

    .btn-darkmode:hover[b-91yhdmhgzv] {
        background: linear-gradient(135deg, #38bdf8, #3b82f6);
        box-shadow: 0 10px 26px rgba(56,189,248,.55);
        transform: translateY(-1px);
    }

    .btn-darkmode:active[b-91yhdmhgzv] {
        transform: translateY(0);
        box-shadow: 0 6px 14px rgba(14,165,233,.4);
    }

    .btn-darkmode:focus-visible[b-91yhdmhgzv] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(56,189,248,.35);
    }

.input-darkmode[b-91yhdmhgzv] {
    background: rgba(2, 6, 23, .85);
    color: #ffffff;
    border: 1px solid rgba(56,189,248,.35);
    border-radius: 10px;
    padding: 10px 14px;
    transition: all .25s ease;
}

    .input-darkmode[b-91yhdmhgzv]::placeholder {
        color: rgba(255,255,255,.55);
    }

    .input-darkmode:focus[b-91yhdmhgzv] {
        background: rgba(2, 6, 23, .95);
        border-color: #38bdf8;
        box-shadow: 0 0 0 3px rgba(56,189,248,.35), inset 0 0 0 1px rgba(56,189,248,.25);
        outline: none;
    }
/* /Components/Modals/QR/Modals/FileModal.razor.rz.scp.css */
@media (max-width: 768px) {
    .k-grid[b-gbsezzwu42] {
        overflow-x: auto !important;
        width: 100% !important;
    }

    .k-grid-table[b-gbsezzwu42] {
        min-width: 500px;
    }

    .k-grid-header[b-gbsezzwu42],
    .k-grid-content[b-gbsezzwu42] {
        overflow-x: auto;
    }

    .k-grid-command-cell[b-gbsezzwu42] {
        min-width: 50px;
        text-align: center;
    }

    .k-grid-header .k-cell-inner[b-gbsezzwu42] {
        text-overflow: clip !important;
        white-space: normal !important;
    }

    .k-grid-header .k-column-title[b-gbsezzwu42] {
        word-wrap: break-word;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .k-grid-header-wrap[b-gbsezzwu42] {
        white-space: nowrap;
    }

    .k-grid-column-title[b-gbsezzwu42] {
        font-size: 0.8rem;
    }
}
/* /Components/Modals/Records/PrimaryTransferModal.razor.rz.scp.css */
.table-container[b-qndu2r711g] {
    max-height: 60vh;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
}

.custom-table[b-qndu2r711g] {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    white-space: nowrap;
}

    .custom-table th[b-qndu2r711g],
    .custom-table td[b-qndu2r711g] {
        text-align: center;
        vertical-align: middle;
        padding: 8px;
        border: 1px solid #ddd;
    }

@media (max-width: 768px) {
    .table-container[b-qndu2r711g] {
        max-height: 50vh;
        overflow-x: scroll;
        display: block;
    }

    .custom-table th[b-qndu2r711g],
    .custom-table td[b-qndu2r711g] {
        font-size: 12px;
        padding: 6px;
    }
}
/* /Components/Modals/Records/RecordHistoryModal.razor.rz.scp.css */
.card-info[b-1jdyorlliv] {
    border: 1px solid #697A8D;
    border-radius: 6px;
    text-align: start;
    min-height: 37px;
    padding: 5px 5px;
    margin: 5px 0px;
    color: #7b7b7b;
}

@media (max-width: 768px) {
    .card-info[b-1jdyorlliv] {
        text-align: center;
    }
}
/* /Components/Modals/Records/UploadPDFAutomaticIndexingModal.razor.rz.scp.css */
.card-Info[b-0zv3hp7w8d] {
    border: 1px solid #d2cfcf;
    margin: 0px 18px 0px 0px;
    border-radius: 9px;
}

.imgEstado[b-0zv3hp7w8d] {
    width: 35px;
    height: 35px;
    padding: 0px;
}
/* /Components/Modals/SystemConfiguration/SystemFunctions/AppFunctionAndKeysModal.razor.rz.scp.css */
/* /Components/Modals/SystemConfiguration/SystemFunctions/AppSystemFunctionsModal.razor.rz.scp.css */
/* /Components/Modals/SystemConfiguration/SystemFunctions/ViewAppKeysModal.razor.rz.scp.css */
/* /Components/Modals/SystemConfiguration/SystemParameters/SystemParameterAndSystemFiledModal.razor.rz.scp.css */
.titulo[b-turrem4a1y] {
    position: relative;
}

    .titulo .btn-create-top-right[b-turrem4a1y] {
        position: absolute;
        top: 1rem;
        right: 1rem;
        z-index: 10;
    }

/* Responsive: En móviles el botón va abajo */
@media (max-width: 768px) {
    .titulo .btn-create-top-right[b-turrem4a1y] {
        position: static;
        margin-top: 1rem;
    }
}
/* /Components/Modals/SystemConfiguration/SystemParameters/ViewSystemParameterModal.razor.rz.scp.css */
/* /Components/Views/Authentication/ChangePassword/ChangePasswordView.razor.rz.scp.css */
body[b-e90fyrjksj] {
}
/* /Components/Views/Authentication/CodeRecovery/CodeRecoveryView.razor.rz.scp.css */
body[b-3ed7iwc4j0] {
}
/* /Components/Views/Authentication/Login/LoginView.razor.rz.scp.css */
.microsoft-button[b-0wztxykzm0] {
    display: flex;
    align-items: center;
    background-color: #f3f2f1;
    color: #000000;
    border: 2px solid #d4d4d4;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

    .microsoft-button:hover[b-0wztxykzm0] {
        background-color: #e1e1e1;
        border-color: #888888;
    }

.microsoft-icon[b-0wztxykzm0] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.msAuth[b-0wztxykzm0] {
    height: 50px;
    padding: 12px 24px;
    cursor: pointer;
}

    .msAuth a[b-0wztxykzm0] {
        color: black;
        text-decoration: none;
        text-align: center;
    }
/* /Components/Views/Authentication/Multisession/MultisessionView.razor.rz.scp.css */
/* /Components/Views/Authentication/PasswordRecovery/PasswordRecoveryView.razor.rz.scp.css */
body[b-ovanryx6eo] {
}
/* /Components/Views/Menu/SubMenu.razor.rz.scp.css */
/*Estilo de contenedor principal de los menus*/
.main-container-menu[b-ua04ynrkli] {
    border-top-right-radius: 18px !important;
}

/*Estilo de todos subniveles*/
.levels[b-ua04ynrkli] {
    white-space: normal;
    word-wrap: break-word;
}

/*Estilo de todos los nombres de menu y subniveles*/
.span[b-ua04ynrkli] {
    font-size: 15px;
}

/* Estilo para el boton del menu*/
.menu-option[b-ua04ynrkli] {
    color: #697A8D;
    min-height: 47px;
}

    /* Estilo para el boton del menu cuando este seleccionado*/
    .menu-option.main-button[b-ua04ynrkli] {
        background-color: #f4f5f7; /* Color azul por defecto */
        position: relative;
        padding-left: 12px;
        color: #41BAEA; /* Mantener el color de texto original */
        /*border-left: 7px solid #41BAEA;*/ /* Borde izquierdo azul por defecto */
    }

        /* Estilos para la linea azul que indica un nav-link (icono) activo*/
        .menu-option.main-button[b-ua04ynrkli]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 5px; /* Ancho de la línea azul */
            background: #41BAEA; /* Color azul */
            border-top-right-radius: 10px; /* Esquina derecha superior redondeada */
            border-bottom-right-radius: 10px; /* Esquina derecha inferior redondeada */
        }

/* Estilo para el icono de flecha en el botón principal seleccionado */
.main-button.btn-selected .bi[b-ua04ynrkli] {
    color: #8592A3; /* Color blanco */
}

/* Estilos para todas las opciones/subniveles */
.sub-option[b-ua04ynrkli] {
    color: #697A8D;
}

    /* Cambiar el color del texto solo cuando una subopción está seleccionada */
    .sub-option.btn-selected .text-color-sub[b-ua04ynrkli] {
        font-weight: bold; /* Hacer que el texto se vuelva en negrita (bold) cuando está seleccionado */
        /*color: #697A8D;*/
    }

    /* Aplicar el color original del texto cuando no está seleccionado */
    .sub-option:not(.btn-selected) .text-color-sub[b-ua04ynrkli] {
        font-weight: normal; /* Hacer que el texto vuelva a la fuente normal cuando no está seleccionado */
    }

    /* Evitar que se aplique ningún otro estilo a las subopciones seleccionadas */
    .sub-option .btn-selected[b-ua04ynrkli] {
        background-color: transparent; /* Fondo transparente */
        border: none; /* Sin borde */
    }

        .sub-option .btn-selected .bi[b-ua04ynrkli] {
            display: none; /* Ocultar el ícono de flecha */
        }

/* Estilo de enfoque personalizado para los botones */
.btn:focus[b-ua04ynrkli] {
    outline: none; /* Elimina el borde azul predeterminado */
    box-shadow: none;
}

.icon-menu[b-ua04ynrkli] {
    width: 25px;
    margin-right: 6px;
}

.btn-selected-with-options[b-ua04ynrkli] {
    border-bottom: 2px #41BAEA solid !important;
    background-color: transparent;
    border: none;
    border-radius: 0 0 5px 5px;
    color: #41BAEA;
    padding: 10px;
    transition: background-color 0.3s ease;
}

.btn-without-options:hover[b-ua04ynrkli] {
    background-image: url('/icons/icon_point_selected.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #41BAEA;
    position: relative;
}

.btn-without-options[b-ua04ynrkli] {
    background-image: url('/icons/icon_point.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #697A8D;
    position: relative;
}

.btn-selected.btn-without-options[b-ua04ynrkli] {
    background-image: url('/icons/icon_point_selected.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #41BAEA;
    position: relative;
}

.pl-2[b-ua04ynrkli] {
    margin-left: 10px;
}

.pl-3[b-ua04ynrkli] {
    margin-left: 10px;
}

.pl-4[b-ua04ynrkli] {
    margin-left: 10px;
}
/* /Components/Views/Records/RecordConsultView.razor.rz.scp.css */
/*.footer-card {
    position: absolute;
    bottom: 20px;
}*/

.min-height[b-lmef1imqr0] {
    min-height: 100px;
}

.btnGrid[b-lmef1imqr0] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: none;
    background-color: white;
    cursor: pointer;
    box-shadow: 2px 4px 6px 0px rgb(0 0 0 / 17%);
}

    .btnGrid:hover[b-lmef1imqr0] {
        background-color: #41BAEA;
    }

    .btnGrid:disabled[b-lmef1imqr0] {
        background-color: #e0e0e0;
        box-shadow: 2px 4px 6px 0px rgb(0 0 0 / 0%);
    }

    .btnGrid svg[b-lmef1imqr0] {
        width: 20px;
        fill: #41BAEA !important;
    }

        .btnGrid svg.btnGrid--modify[b-lmef1imqr0] {
            width: 15px;
            fill: #41BAEA !important;
        }

    .btnGrid:hover svg[b-lmef1imqr0] {
        fill: white !important;
    }

    .btnGrid:disabled svg[b-lmef1imqr0] {
        fill: #c2c2c2 !important;
    }

body.dark .btnGrid[b-lmef1imqr0] {
    background-color: var(--color-gris-oscuro-4);
}

    body.dark .btnGrid:hover[b-lmef1imqr0] {
        background-color: #41BAEA;
    }

    body.dark .btnGrid:disabled[b-lmef1imqr0] {
        background-color: var(--color-gris-oscuro-1);
    }

        body.dark .btnGrid:disabled svg[b-lmef1imqr0] {
            fill: #606060 !important;
        }

.w-45[b-lmef1imqr0] {
    width: 45px;
}

.card-Info[b-lmef1imqr0] {
    border: 1px solid #d2cfcf;
    margin: 0px 18px 24px 18px;
    border-radius: 8px;
}

.imgEstado[b-lmef1imqr0] {
    width: 35px;
    height: 35px;
    padding: 0px;
}

.k-grid[b-lmef1imqr0] {
    height: 125vh !important;
}

.empty-message[b-lmef1imqr0] {
    border-radius: 1.25rem !important;
    border-color: #ddd !important;
}

.loading-container[b-lmef1imqr0] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70vh;
}

.loading-card[b-lmef1imqr0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    padding: 3rem;
    width: 100%;
    max-width: 500px;
    border: 1px solid #e0e0e0;
}
/* /Layouts/Authentication/LoginLayout.razor.rz.scp.css */
/*---------------Contenedores Login.razor--------------------*/
.logo_1[b-tuqpcqpolm] {
    max-width: 40%;
}

.banner-mobile[b-tuqpcqpolm] {
    display: none;
}

@media (max-width: 768px) {
    .banner-pc[b-tuqpcqpolm] {
        display: none;
    }

    .banner-mobile[b-tuqpcqpolm] {
        display: block;
    }
}

@media (max-width: 430px) {
    .logo_1[b-tuqpcqpolm] {
        max-width: 77%;
    }
}

@media (max-width: 450px) {
    .logo_1[b-tuqpcqpolm] {
        max-width: 50%;
    }
}

@media (min-width: 700px) and (max-width: 1300px) {
    .logo_1[b-tuqpcqpolm] {
        max-width: 25%;
    }
}

.page-wrapper[b-tuqpcqpolm] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.responsive-background[b-tuqpcqpolm] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    overflow: hidden;
    object-fit: cover;
}

.main-content[b-tuqpcqpolm] {
    flex-grow: 1;
}

.show-on-small[b-tuqpcqpolm] {
    display: none;
}

.hide-on-small[b-tuqpcqpolm] {
    display: block;
}

.bg-custom[b-tuqpcqpolm] {
    background: radial-gradient(151.92% 127.02% at 15.32% 21.04%, rgba(152, 152, 152, 0.20) 0%, rgba(204, 88, 84, 0.02) 77.08%, rgba(179, 121, 223, 0.20) 100%);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}

.logo-wrapper[b-tuqpcqpolm] {
    z-index: 10;
    width: 30%; /* Establece el ancho del contenedor, puedes ajustarlo según tus necesidades */
    pointer-events: none;
}

.logo-wrapper[b-tuqpcqpolm] {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 300px;
    height: 300px;
    background-image: url('../img/mododeaislamiento.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
}

#footer-login[b-tuqpcqpolm] {
    background-color: var(--color-blanco);
    text-align: center;
    padding: 15px 0;
    flex-shrink: 0;
    margin-top: auto;
    border-top: 5px solid var(--color-celeste-control);
    font-size: 14px;
}

body.dark #footer-login[b-tuqpcqpolm] {
    background-color: var(--color-gris-oscuro-1);
    color: var(--color-blanco);
}

    body.dark #footer-login a[b-tuqpcqpolm] {
        color: var(--color-blanco) !important;
    }

/*#region MediaProgramming */

@media (max-width: 767px) {
    .logo-wrapper[b-tuqpcqpolm] {
        width: 50%;
        bottom: -104px;
    }
}

@media (max-width: 1300px) {
    .show-on-small[b-tuqpcqpolm] {
        display: block;
    }

    .row.flex-grow-1[b-tuqpcqpolm] {
        flex-direction: column; /* Cambiar la dirección de la fila a columna */
        height: 100%; /* Asegurar que la fila ocupe todo el espacio disponible */
    }

    .hide-on-small[b-tuqpcqpolm] {
        display: none; /* Ocultar en pantallas pequeñas */
    }

    .col-7[b-tuqpcqpolm],
    .col-5[b-tuqpcqpolm] {
        height: 0; /* Resetear altura */
        flex-grow: 1; /* Permitir que las columnas crezcan para llenar el espacio */
        width: 100%; /* Asegurar que las columnas cubran todo el ancho disponible */
    }

    .col-7[b-tuqpcqpolm] {
        flex-basis: 70%; /* Establecer la base de crecimiento al 70% para la columna superior */
    }

    .col-5[b-tuqpcqpolm] {
        flex-basis: 30%; /* Establecer la base de crecimiento al 30% para la columna inferior */
    }

    .logo-container[b-tuqpcqpolm] {
        order: -1; /* Mover el contenedor del logo a la parte superior de la columna */
    }
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-tuqpcqpolm] {
        display: none;
    }

    .top-row.auth[b-tuqpcqpolm] {
        justify-content: space-between;
    }

    .top-row[b-tuqpcqpolm]  a, .top-row[b-tuqpcqpolm]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-tuqpcqpolm] {
        flex-direction: row;
    }

    .sidebar[b-tuqpcqpolm] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tuqpcqpolm] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-tuqpcqpolm]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-tuqpcqpolm], article[b-tuqpcqpolm] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/*#endregion */

#modal-spinner[b-tuqpcqpolm] {
}

.container[b-tuqpcqpolm] {
    position: relative;
}

.svg-container[b-tuqpcqpolm] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.imagen svg[b-tuqpcqpolm], .imagen-hoja svg[b-tuqpcqpolm] {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 0 8px black);
}

.imagen-hoja[b-tuqpcqpolm] {
    z-index: 999999988;
}

@keyframes spin-b-tuqpcqpolm {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.rotating-group[b-tuqpcqpolm] {
    transform-origin: center;
    animation: spin-b-tuqpcqpolm 2.5s linear infinite;
}

.cdspinner[b-tuqpcqpolm] {
    position: fixed;
    /*background: linear-gradient(180deg, rgb(80 121 138 / 50%) 0%, rgb(91 91 91) 100%);*/
    background-color: rgb(0 0 0 / 50%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90000;
}

.logocdspinner[b-tuqpcqpolm] {
    position: fixed;
    background-color: rgba(255,255,255,0);
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: 80px;
    z-index: 90001;
    transform-origin: center;
    animation: spin-b-tuqpcqpolm 2.5s linear infinite;
}

    .logocdspinner[b-tuqpcqpolm]:before {
        content: "";
        display: block;
        position: relative;
        width: 45px;
        height: 45px;
        background: #1ccbf3;
        /*opacity: 0.7;*/
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
        -ms-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        left: 23px;
        top: 8px;
    }

    .logocdspinner[b-tuqpcqpolm]:after {
        content: "";
        display: block;
        position: relative;
        width: 45px;
        height: 45px;
        background: #94d646;
        /*opacity: 0.7;*/
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: -22px;
        left: 8px;
    }

.cerrarspinner[b-tuqpcqpolm] {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 90000;
    cursor: pointer;
}

    .cerrarspinner[b-tuqpcqpolm]:after {
        content: '';
        display: block;
        position: relative;
        top: -13px;
        width: 20px;
        height: 6px;
        border-radius: 3px;
        background-color: red;
        z-index: 90003;
    }

    .cerrarspinner[b-tuqpcqpolm]:before {
        content: '';
        display: block;
        position: relative;
        left: 7px;
        width: 6px;
        height: 20px;
        border-radius: 3px;
        background-color: red;
        z-index: 90004;
    }

.logocdspinnerControl[b-tuqpcqpolm] {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    max-width: 100%;
    height: auto;
    filter: drop-shadow(2px 3px 3px var(--color-gris-oscuro-1));
}
/* /Layouts/Main/MainLayout.razor.rz.scp.css */
/*#region Segundo Menu Vertical*/

.style-submenu[b-5xmjgj1xpi] {
    margin-left: calc(0% - 20px);
    margin-top: -21px;
    width: 380px;
    background-color: var(--color-blanco);
    border-bottom-right-radius: 20px !important;
    -webkit-box-shadow: 10px 10px 22px -12px rgba(0,0,0,0.75);
}

body.dark .style-submenu[b-5xmjgj1xpi] {
    background-color: var(--color-gris-oscuro-5);
}

.menu-item[b-5xmjgj1xpi] {
    display: flex;
    align-items: flex-start;
}

.menu-text[b-5xmjgj1xpi] {
    display: block;
    white-space: normal;
    word-break: break-word;
}

.submenu[b-5xmjgj1xpi] {
    height: auto;
    position: absolute;
    left: 0;
    top: 5;
    z-index: 3000;
    transform: translateX(-120px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s;
}

.show-submenu[b-5xmjgj1xpi] {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s;
}

.menu-option[b-5xmjgj1xpi] {
    min-height: 47px;
    border-bottom: 2px solid var(--color-gris-sidebar) !important;
    color: var(--color-gris-text) !important;
}

body.dark .menu-option[b-5xmjgj1xpi] {
    min-height: 47px;
    border-bottom: 2px solid var(--color-gris-oscuro-2) !important;
    color: var(--color-blanco) !important;
}

    body.dark .menu-option img[b-5xmjgj1xpi] {
        filter: brightness(4) !important;
    }

.menu-option:active[b-5xmjgj1xpi] {
    background-color: transparent !important;
    border: 0px;
}

.icon-menu[b-5xmjgj1xpi] {
    width: 25px;
    margin-right: 6px;
    margin-right: 1.5rem !important;
}

.menu-option.main-button[b-5xmjgj1xpi] {
    background-color: var(--color-gris-sidebar);
    position: relative;
    padding-left: 12px;
    color: var(--color-celeste-control);
    border-left: 4px solid var(--color-celeste-control);
    border-bottom: 2px solid var(--color-gris-sidebar);
}

body.dark .menu-option.main-button[b-5xmjgj1xpi] {
    background-color: var(--color-gris-oscuro-2);
    color: var(--color-celeste-control);
    border-bottom: 2px solid var(--color-gris-oscuro-2);
}

.menu-option.main-button[b-5xmjgj1xpi]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: var(--color-celeste-control);
    border-radius: 20px 20px 0px 0px;
}

.btn-notselected[b-5xmjgj1xpi] {
    padding: 10px 0px 10px 30px;
    border-bottom: 2px solid var(--color-gris-sidebar);
    border-radius: 0px;
}

body.dark .btn-notselected[b-5xmjgj1xpi] {
    border-bottom: 2px solid var(--color-gris-oscuro-4);
}

.main-button.btn-selected .bi[b-5xmjgj1xpi] {
    color: var(--color-celeste-control);
}

.sub-option[b-5xmjgj1xpi] {
    color: var(--color-gris-text);
}

    .sub-option:hover[b-5xmjgj1xpi] {
        color: var(--color-celeste-control);
    }

body.dark .sub-option[b-5xmjgj1xpi] {
    color: var(--color-blanco);
}

    body.dark .sub-option:hover[b-5xmjgj1xpi] {
        color: var(--color-celeste-control);
    }

.sub-option:active[b-5xmjgj1xpi] {
    background-color: transparent !important;
    color: var(--color-gris-text) !important;
    border: 0px !important;
}

.sub-option.btn-selected .text-color-sub[b-5xmjgj1xpi] {
    color: var(--color-celeste-control);
}

.sub-option:not(.btn-selected) .text-color-sub[b-5xmjgj1xpi] {
    font-weight: normal;
}

.sub-option .btn-selected[b-5xmjgj1xpi] {
    background-color: transparent;
    border: none;
    padding: 10px 0px 10px 30px !important;
}

.modify-p[b-5xmjgj1xpi] {
    padding: 10px 0px 10px 30px !important;
}

.sub-option .btn-selected .bi[b-5xmjgj1xpi] {
    display: none;
}

.levels[b-5xmjgj1xpi] {
    white-space: normal;
    word-wrap: break-word;
}

.icon-menu[b-5xmjgj1xpi] {
    width: 25px;
    margin-right: 6px;
}

.item-icon[b-5xmjgj1xpi] {
    color: var(--color-gris-text) !important;
    padding-right: 5px;
    width: 14px;
    flex-shrink: 0;
}

.btn-selected-with-options[b-5xmjgj1xpi] {
    border-bottom: 2px var(--color-celeste-control) solid !important;
    background-color: transparent;
    border: none;
    border-radius: 0 0 5px 5px;
    color: var(--color-celeste-control);
    padding: 12px 13px 12px 20px;
    transition: background-color 0.3s ease;
}

body.dark .btn-selected-with-options[b-5xmjgj1xpi] {
    color: var(--color-celeste-control);
}

.sub-nivel3[b-5xmjgj1xpi] {
    padding: 5px 0px 5px 30px;
    border-bottom: 2px solid var(--color-gris-sidebar);
    border-radius: 0px;
}

body.dark .sub-nivel3[b-5xmjgj1xpi] {
    border-bottom: 2px solid var(--color-gris-oscuro-4);
}

.btn-without-options[b-5xmjgj1xpi] {
    background-image: url('../img/menu/iconpoint.svg');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #697A8D;
    position: relative;
}

    .btn-without-options:hover[b-5xmjgj1xpi] {
        color: var(--color-celeste-control);
    }

.btn-selected.btn-without-options[b-5xmjgj1xpi] {
    background-image: url('../img/menu/iconpointselected.svg');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #41BAEA;
    position: relative;
}

[b-5xmjgj1xpi]::-webkit-scrollbar-track {
    margin: 30px 0px;
    border-radius: 5px;
}

html[b-5xmjgj1xpi], body[b-5xmjgj1xpi] {
    height: 100%;
    margin: 0;
}

.container-main-layout[b-5xmjgj1xpi] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "header header"
        "sidebar main"
        "footer footer";
}

.container-main-header[b-5xmjgj1xpi] {
    grid-area: header;
}

.container-main-sidebar[b-5xmjgj1xpi] {
    height: auto !important;
    overflow: visible;
    position: static !important;
    grid-area: sidebar;
    width: auto;
    min-width: 120px;
    justify-content: center;
}

.container-main-sidebar__ul[b-5xmjgj1xpi] {
    width: 100%;
    padding: 30% 0 30% 0 !important;
    margin: 0;
    list-style: none;
    align-content: center;
}

    .container-main-sidebar__ul > li[b-5xmjgj1xpi] {
        margin: 0;
        padding: 0;
    }

.container-panel[b-5xmjgj1xpi] {
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
}

.container-panel__flex-container[b-5xmjgj1xpi] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .container-panel__flex-container img[b-5xmjgj1xpi] {
        width: 25%;
        height: auto;
    }

    .container-panel__flex-container span[b-5xmjgj1xpi] {
        font-size: 0.75rem;
        text-align: center;
        white-space: nowrap;
        line-height: 1;
    }

.container-main-body[b-5xmjgj1xpi] {
    grid-area: main;
    display: flex;
    flex-direction: column;
    overflow: auto;
    min-height: 0;
}

.container-main-body__card[b-5xmjgj1xpi] {
    flex: 1 1 auto;
}

.container-main-footer[b-5xmjgj1xpi] {
    grid-area: footer;
    padding: 0px 0px 5px 0px;
}

#imageBox[b-5xmjgj1xpi] {
    position: absolute;
    left: 10px;
    z-index: 2000;
}

@media (min-width: 1500px) {
    #imageBox[b-5xmjgj1xpi] {
        left: -10px;
    }
}


@media (min-width: 2000px) {
    #imageBox[b-5xmjgj1xpi] {
        left: -20px;
    }
}

@media (min-width: 2250px) {
    #imageBox[b-5xmjgj1xpi] {
        left: -40px;
    }
}

@media (min-width: 2500px) {
    #imageBox[b-5xmjgj1xpi] {
        left: -60px;
    }
}

@media (min-width: 2750px) {
    #imageBox[b-5xmjgj1xpi] {
        left: -80px;
    }
}

@media (min-width: 3000px) {
    #imageBox[b-5xmjgj1xpi] {
        left: -100px;
    }
}
/* /Layouts/NotFound/NotFoundLayout.razor.rz.scp.css */
.responsive-background[b-5ifryr8lkl] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: url('img/rascacielosangulovista1.jpeg');
    z-index: -1;
    overflow: hidden;
    opacity: 0.2;
}
/* /Layouts/QR/QRLayout.razor.rz.scp.css */
/*--------------------------- General Styles ---------------------------*/

/*#region Structure */

body[b-q6zpj5owt2] {
    background-color: #ff00b1;
}

html[b-q6zpj5owt2], body[b-q6zpj5owt2] {
    height: 100%;
    margin: 0;
}

.page[b-q6zpj5owt2] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-q6zpj5owt2] {
    flex: 1;
}

.backgroundPage[b-q6zpj5owt2] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255) 100%), url(../img/background.jpg);
}

#footer-login[b-q6zpj5owt2] {
    background-color: var(--color-blanco);
    text-align: center;
    padding: 15px 0;
    flex-shrink: 0;
    margin-top: auto;
    border-top: 5px solid var(--color-celeste-control);
    font-size: 14px;
}
/*#endregion */
/* /Pages/Administration/ActiveDirectoryPage.razor.rz.scp.css */
.red-pass[b-5zhdwsgvng] {
    color: red !important;
}

.green-pass[b-5zhdwsgvng] {
    color: green !important;
}

.white-pass[b-5zhdwsgvng] {
    background-color: white !important;
    border-radius: inherit;
}
/* /Pages/Administration/AdministrationPQR/SiteInformationPage.razor.rz.scp.css */
/* /Pages/Administration/AuditPage.razor.rz.scp.css */
/* /Pages/Administration/CompanyPage.razor.rz.scp.css */
/* /Pages/Administration/DocumentaryTypologiesBagPage.razor.rz.scp.css */
/* /Pages/Administration/ImporterTrdTvdPage.razor.rz.scp.css */
/* /Pages/Administration/Location/GeographicalAreaPage.razor.rz.scp.css */
body[b-mixvzkf6s0] {
}
/* /Pages/Administration/MetaDataPage.razor.rz.scp.css */
/* /Pages/Administration/PermissionPage.razor.rz.scp.css */
body[b-6fs8xzmygz] {
}
/* /Pages/Administration/ReplacementPage.razor.rz.scp.css */
/* /Pages/Administration/ThirdPartyPage.razor.rz.scp.css */
.fieldStyle[b-azmolm1etb] {
    height: 37.6px;
    padding: 0px 20px 0px 20px;
    width: auto;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid;
}

.fieldStyle--primaryInLine[b-azmolm1etb] {
    background-color: transparent;
    color: var(--color-negro);
    border: 1px solid var(--color-negro);
}
/* /Pages/Administration/TutorialPage.razor.rz.scp.css */
.clickable[b-m6edstou5d] {
    cursor: pointer;
}

.card--minheight[b-m6edstou5d] {
    min-height: 180px
}

.onFocus[b-m6edstou5d] {
    color: black;
    background-color: #fff;
    border-left: 14px solid #41baea;
}

    .onFocus:hover[b-m6edstou5d] {
        color: #000000;
        background-color: #c3c3c326;
        border-left: 14px solid #26729f;
    }
/* /Pages/Administration/UserAdministrationPage.razor.rz.scp.css */
.svg-button[b-p200evh3r3] {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
}

.text-color-red[b-p200evh3r3] {
    color: red;
}

.signature-image[b-p200evh3r3] {
    width: 200px;
    height: 200px;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.custom-profile-pic[b-p200evh3r3] {
    height: 233px;
    width: 100%;
    object-fit: cover;
}

.red-pass[b-p200evh3r3] {
    color: red !important;
}

.green-pass[b-p200evh3r3] {
    color: green !important;
}

.white-pass[b-p200evh3r3] {
    background-color: white !important;
    border-radius: inherit;
}

/* /Pages/Administration/UserProfilePage.razor.rz.scp.css */
.title-profile[b-93nho4xdfb] {
    color: #636363;
    font-family: Roboto;
    font-size: 24px;
}

.user-name[b-93nho4xdfb] {
    color: #636363;
    font-family: Roboto;
    font-size: 50px;
}

.row-container[b-93nho4xdfb] {
    height: 70%;
}

.span-gray[b-93nho4xdfb] {
    color: #9D9D9C;
    font-size: 16px;
}

.padding-img-Complement[b-93nho4xdfb] {
    padding-right: 20px;
}

.input-container[b-93nho4xdfb] {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 0px;
}

.signature-image[b-93nho4xdfb] {
    max-height: 6rem;
    width: 200px;
    height: 200px;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.input-container input[b-93nho4xdfb] {
    margin-right: 0px;
    border-radius: 6px;
    padding: 2px;
    padding-left: 12px;
    border: 1px solid #7D7D7D;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    width: 100%;
    margin-left: 0px;
    transition: border-color 0.3s ease-in-out;
    box-shadow: none;
    outline: none;
}

    .input-container input:required:invalid[b-93nho4xdfb] {
        border-color: red !important;
    }

    .input-container input:focus[b-93nho4xdfb] {
        border-color: #41BAEA !important;
    }

.red-pass[b-93nho4xdfb] {
    color: red !important;
}

.red-pass--size[b-93nho4xdfb] {
    font-size: 15px;
}

.white-pass[b-93nho4xdfb] {
    background-color: white !important;
    border-radius: inherit;
}

.card-info[b-93nho4xdfb] {
    border: 1px solid #697A8D;
    border-radius: 10px;
    text-align: start;
    min-height: 37px;
    padding: 10px 18px;
    margin: 5px 0px;
    color: #7b7b7b;
}

@media (max-width: 768px) {
    .card-info[b-93nho4xdfb] {
        text-align: center;
    }
}

@media (max-width: 421px) {
    .signature-image[b-93nho4xdfb] {
        width: 100%;
    }
}
/* /Pages/Authentications/Login/LoginPage.razor.rz.scp.css */
/* /Pages/CertifiedMail/AuthorizedUsers.razor.rz.scp.css */
/* /Pages/CertifiedMail/CertifiedInbox.razor.rz.scp.css */
.search-button[b-psau8wbsng] {
    margin-top: auto;
}

.card-selected[b-psau8wbsng] {
    border: 2px solid #0D6EFD !important;
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.4) !important;
}
/* /Pages/Chat/ChatPage.razor.rz.scp.css */
.teamMate[b-lvnmt2lliw]:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.teamMate h2[b-lvnmt2lliw] {
    font-size: 14px;
    font-weight: normal;
    /*padding-top: 15px;*/
    margin: 0;
}

.teamMate p[b-lvnmt2lliw] {
    margin: 0;
    font-size: .8em;
}

.teamMate img[b-lvnmt2lliw] {
    display: inline-block;
    horizontal-align: left;
    width: 25px;
    height: 25px;
    margin: 0px;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.mate-info[b-lvnmt2lliw] {
    display: inline-block;
    vertical-align: top;
}

.panelbar-wrapper[b-lvnmt2lliw] {
    max-width: 300px;
    margin: 0 auto;
}

ul[b-lvnmt2lliw] {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul li[b-lvnmt2lliw] {
        display: inline-block;
        clear: both;
        padding: 20px;
        border-radius: 30px;
        margin-bottom: 2px;
        font-family: Helvetica, Arial, sans-serif;
    }

.him[b-lvnmt2lliw] {
    background: #98c341;
    float: left;
    color: #fff;
    max-width: 80%;
    border-radius: 20px;
    margin: 5px;
}

.me[b-lvnmt2lliw] {
    float: right;
    background: #0084ff;
    color: #fff;
    max-width: 80%;
    border-radius: 20px;
    margin: 5px;
}

.him + .me[b-lvnmt2lliw] {
    border-bottom-right-radius: 20px !important;
}

.me:last-child[b-lvnmt2lliw] {
    border-bottom-right-radius: 5px !important;
}

.me + .him[b-lvnmt2lliw] {
    border-bottom-left-radius: 20px !important;
}

.him:last-child[b-lvnmt2lliw] {
    border-bottom-left-radius: 5px !important;
}

.btn-connect[b-lvnmt2lliw] {
    border: 2px solid #04ff00;
    background-color: #10ff0014;
}

.btn-no-connect[b-lvnmt2lliw] {
    border: 2px solid #007bff;
    background-color: #e7f1ff;
}

.btn-success[b-lvnmt2lliw] {
    --bs-btn-bg: #98c341;
    --bs-btn-border-color: #98c341;
    --bs-btn-hover-bg: #278e3c;
    --bs-btn-hover-border-color: #278e3c;
}

.styleDate[b-lvnmt2lliw] {
    position: relative;
    bottom: -6px;
    font-size: 11px;
    text-align: end;
}
/* /Pages/ControlPanel/ControlPanelPage.razor.rz.scp.css */
body[b-6b23y2pdm4] {
}

.filter-popup[b-6b23y2pdm4] {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
}

.btn-filter[b-6b23y2pdm4] {
    float: right;
    margin-bottom: 1rem;
}

.popup-arrow[b-6b23y2pdm4] {
    position: absolute;
    top: -10px;
    right: 16px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid white;
    z-index: 1000;
}
/* /Pages/Dashboard/DashboardPage.razor.rz.scp.css */
.logo-size[b-9a64vhb9dh] {
    width: 200px;
    height: auto;
    max-height: 100px;
    object-fit: contain;
}

.card-shadow[b-9a64vhb9dh] {
    border-radius: 5px;
    background: #FFF;
    width: 100%;
    box-shadow: none !important;
}

.card-shadow-info[b-9a64vhb9dh] {
    border-radius: 8px;
    background: #FFF;
    box-sizing: border-box;
    box-shadow: none !important;
}

.card-border-color-st[b-9a64vhb9dh] {
    border-left-color: #AB2222;
    border-left-width: 10px;
}

.style-st[b-9a64vhb9dh] {
    color: #AB2222;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-border-color-et[b-9a64vhb9dh] {
    border-left-color: #EAD519;
    border-left-width: 10px;
}

.style-et[b-9a64vhb9dh] {
    color: #EAD519;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-border-color-ep[b-9a64vhb9dh] {
    border-left-color: #41BAEA;
    border-left-width: 10px;
}

.style-ep[b-9a64vhb9dh] {
    color: #41BAEA;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-border-color-ge[b-9a64vhb9dh] {
    border-left-color: #82A738;
    border-left-width: 10px;
}

.style-ge[b-9a64vhb9dh] {
    color: #82A738;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.style-bg[b-9a64vhb9dh] {
    color: #636363;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.Color-svg[b-9a64vhb9dh] {
    fill: #9D9D9C;
}

.card-border-color-st:hover[b-9a64vhb9dh] {
    border-radius: 8px;
    background: #AB2222;
    color: #FFF !important;
}

.style-st[b-9a64vhb9dh] {
    color: #FFF !important;
}

.Color-svg[b-9a64vhb9dh] {
    fill: #FFF !important;
}

.card-border-color-et:hover[b-9a64vhb9dh] {
    border-radius: 8px;
    background: #EAD519;
    color: #FFF !important;
}

.style-et[b-9a64vhb9dh] {
    color: #FFF !important;
}

.Color-svg[b-9a64vhb9dh] {
    fill: #FFF !important;
}

.card-border-color-ep:hover[b-9a64vhb9dh] {
    border-radius: 8px;
    background: #41BAEA;
    color: #FFF !important;
}

.style-ep[b-9a64vhb9dh] {
    color: #FFF !important;
}

.Color-svg[b-9a64vhb9dh] {
    fill: #FFF !important;
}

.card-border-color-ge:hover[b-9a64vhb9dh] {
    border-radius: 8px;
    background: #82A738;
    color: #FFF !important;
}

.style-ge[b-9a64vhb9dh] {
    color: #FFF !important;
}

.Color-svg[b-9a64vhb9dh] {
    fill: #FFF !important;
}

.card-border-color-dg-dc[b-9a64vhb9dh] {
    border-left-color: #AB2222;
    border-left-width: 10px;
}

    .card-border-color-dg-dc:hover[b-9a64vhb9dh] {
        box-shadow: 0px 4px 10px 0px #CB4A33;
        transform-origin: center center;
        transform: scale(1.1);
    }

.style-dg-dc[b-9a64vhb9dh] {
    color: #CB4A33;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-border-color-dg-dr[b-9a64vhb9dh] {
    border-left-color: #01B0B2;
    border-left-width: 10px;
}

    .card-border-color-dg-dr:hover[b-9a64vhb9dh] {
        box-shadow: 0px 4px 10px 0px #01B0B2;
        transform-origin: center center;
        transform: scale(1.1);
    }

.style-dg-dr[b-9a64vhb9dh] {
    color: #01B0B2;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-border-color-dg-da[b-9a64vhb9dh] {
    border-left-color: #92376F;
    border-left-width: 10px;
}

    .card-border-color-dg-da:hover[b-9a64vhb9dh] {
        box-shadow: 0px 4px 10px 0px #92376F;
        transform-origin: center center;
        transform: scale(1.1);
    }

.style-dg-da[b-9a64vhb9dh] {
    color: #92376F;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-border-color-dg-df[b-9a64vhb9dh] {
    border-left-color: #B8364F;
    border-left-width: 10px;
}

    .card-border-color-dg-df:hover[b-9a64vhb9dh] {
        box-shadow: 0px 4px 10px 0px #B8364F;
        transform-origin: center center;
        transform: scale(1.1);
    }

.style-dg-df[b-9a64vhb9dh] {
    color: #B8364F;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.card-border-color-dg-dfd[b-9a64vhb9dh] {
    border-left-color: #12A955;
    border-left-width: 10px;
}

    .card-border-color-dg-dfd:hover[b-9a64vhb9dh] {
        box-shadow: 0px 4px 10px 0px #12A955;
        transform-origin: center center;
        transform: scale(1.1);
    }

.style-dg-dfd[b-9a64vhb9dh] {
    color: #12A955;
    font-family: Roboto;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.text-aend[b-9a64vhb9dh] {
    text-align: end !important;
}
/* /Pages/Documents/DocumentaryTask/CreateDocumentaryTaskPage.razor.rz.scp.css */
.pasos-mgt[b-89869h74cl] {
    margin-top: 0;
    margin-bottom: 10px;
}

.panelDoc__Titulo[b-89869h74cl] {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
}

.panelDoc__Comentario[b-89869h74cl] {
    font-size: 13px;
    margin-bottom: 10px;
}

.numero[b-89869h74cl] {
    margin: 0px 10px 0px 10px;
}

@media (max-width: 2000px) and (min-width: 1560px) {
    .custom-col[b-89869h74cl] {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 1244px) and (min-width: 994px) {
    .custom-col[b-89869h74cl] {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 20px;
    }
}

@media (max-width: 1560px) and (min-width: 1224px) {
    .custom-col[b-89869h74cl] {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-top: 20px;
    }
}

@media (max-width: 994px) {
    .custom-col[b-89869h74cl] {
        margin-top: 20px;
    }
}

/*@media (max-width: 1200px) {
    .pasos-mgt {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .center-items {
        align-items: center
    }

    .panelDoc__Titulo {
        font-size: 16px;
    }
}*/

.numero-task[b-89869h74cl] {
    width: 50px;
    height: 50px;
    background-color: #7CDAFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .numero-task h2[b-89869h74cl] {
        margin: 0px;
        font-family: Roboto;
        font-weight: 600;
    }

.custom-table-container[b-89869h74cl] {
    border: 1px;
    border-radius: 10px;
    overflow: auto;
    max-height: 400px;
}

/* region del comportamiento dropdown /*/

.dropdown-menu[b-89869h74cl] {
    position: absolute;
    left: 0;
    background-color: white;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    /*    width: 270px !important;*/
    top: 46px;
}

.dropdown-menu-show-no[b-89869h74cl] {
    display: none;
}

.dropdown-menu-show-yes[b-89869h74cl] {
    display: block;
    z-index: 3000;
}

.custom-card[b-89869h74cl] {
    width: 500px;
}
/* /Pages/Documents/DocumentaryTask/TaskManagementPage.razor.rz.scp.css */
.pasos-mgt[b-wed3d0jeya] {
    margin-top: 0;
    margin-bottom: 10px;
}

.panelDoc__Titulo[b-wed3d0jeya] {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
}

.panelDoc__Comentario[b-wed3d0jeya] {
    font-size: 13px;
    margin-bottom: 10px;
}

.numero[b-wed3d0jeya] {
    margin: 0px 10px 0px 10px;
}

@media (max-width: 2000px) and (min-width: 1560px) {
    .custom-col[b-wed3d0jeya] {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 1244px) and (min-width: 994px) {
    .custom-col[b-wed3d0jeya] {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 20px;
    }
}

@media (max-width: 1560px) and (min-width: 1224px) {
    .custom-col[b-wed3d0jeya] {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-top: 20px;
    }
}

@media (max-width: 994px) {
    .custom-col[b-wed3d0jeya] {
        margin-top: 20px;
    }
}

/*@media (max-width: 1200px) {
    .pasos-mgt {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .center-items {
        align-items: center
    }

    .panelDoc__Titulo {
        font-size: 16px;
    }
}*/

.numero-task[b-wed3d0jeya] {
    width: 50px;
    height: 50px;
    background-color: #7CDAFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .numero-task h2[b-wed3d0jeya] {
        margin: 0px;
        font-family: Roboto;
        font-weight: 600;
    }

.custom-table-container[b-wed3d0jeya] {
    border: 1px;
    border-radius: 10px;
    overflow: auto;
    max-height: 400px;
}

/* region del comportamiento dropdown /*/

.dropdown-menu[b-wed3d0jeya] {
    position: absolute;
    left: 0;
    background-color: white;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    /*    width: 270px !important;*/
    top: 46px;
}

.dropdown-menu-show-no[b-wed3d0jeya] {
    display: none;
}

.dropdown-menu-show-yes[b-wed3d0jeya] {
    display: block;
    z-index: 3000;
}

.custom-card[b-wed3d0jeya] {
    width: 500px;
}
/* /Pages/Documents/ManagementTray/ManagementTrayPage.razor.rz.scp.css */
/*#region titulos */

.texto[b-ojskxx2mwm] {
    font-size: 20px;
}

.dark .texto[b-ojskxx2mwm] {
    color: white;
}

/*#endregion */

.truncate-text[b-ojskxx2mwm] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 700px;
}

/*#region Botones Limpiar/Guardar/Trámite*/
.botones[b-ojskxx2mwm] {
    width: 48%;
    height: 38px;
    flex-shrink: 0;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

    .botones.guardar[b-ojskxx2mwm] {
        background: #2196F3;
        color: #fff;
        border: 1px solid #2196F3;
        width: 100%;
        justify-content: center;
    }

    .botones.tramite[b-ojskxx2mwm] {
        background: #2196F3;
        color: #fff;
        border: 1px solid #2196F3;
        width: 100%;
    }

    .botones.limpiar[b-ojskxx2mwm] {
        border: 1px solid #2196F3;
        background: #fff;
        color: #2C2C2C;
        width: 100%;
        position: flex;
        justify-content: center;
    }

/*#endregion */

/*#region Botones iconos */

.iconboton[b-ojskxx2mwm] {
    background-color: transparent !important;
    border-color: transparent !important;
    position: relative;
    display: flex;
    justify-content: center;
}

/*#endregion */

/*#region filtroFecha */

.positionrow[b-ojskxx2mwm] {
    position: relative;
    top: -63px;
}

/*#endregion */

/*#region Grid */
.position[b-ojskxx2mwm] {
    position: relative;
    top: -64px;
}

/*#endregion */

/*#region Cards */

.pt-86[b-ojskxx2mwm] {
    padding: 0px 86px;
}

/*#endregion */

/*#region DropDownListText */
.text[b-ojskxx2mwm] {
    margin-bottom: 6px;
}

/*#endregion */
/* /Pages/Documents/OverrideTrayPage/OverrideTrayManagerPage.razor.rz.scp.css */
body[b-voss6tsv46] {
}
/* /Pages/Documents/OverrideTrayPage/OverrideTrayPage.razor.rz.scp.css */
.button-pdt[b-omwm53eiqi] {
    padding-top: 32px;
}
/* /Pages/Documents/OverrideTrayPage/OverrideTrayReasonPage.razor.rz.scp.css */
body[b-5744o9qrnk] {
}
/* /Pages/ExternalFillingConsult/ExternalFillingConsult.razor.rz.scp.css */
/* ===========================
   LAYOUT GENERAL
=========================== */
.container-fluid[b-80y1p6oejk] {
    padding: 0.5rem;
}

@media (min-width: 992px) {
    .container-fluid[b-80y1p6oejk] {
        padding: 1.5rem;
    }
}

/* ===========================
   TIPOGRAFÍA Y COLORES BASE
=========================== */
.titleColor[b-80y1p6oejk] {
    color: #004884 !important;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: -0.3px;
}

.textInfo[b-80y1p6oejk] {
    width: 100%;
    text-align: justify;
    color: #6c757d;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
}

.textValidation[b-80y1p6oejk] {
    color: #A80521;
    font-size: 13px;
    padding-left: 4px;
    margin-top: 4px;
    display: block;
}

/* ===========================
   CARD PRINCIPAL
=========================== */
.k-card[b-80y1p6oejk] {
    border-radius: 16px !important;
    border: none !important;
    box-shadow: 0 4px 24px rgba(0, 72, 132, 0.08) !important;
    overflow: hidden;
}

.k-card-body[b-80y1p6oejk] {
    padding: 2.5rem !important;
}

@media (max-width: 768px) {
    .k-card-body[b-80y1p6oejk] {
        padding: 1.25rem !important;
    }
}

/* ===========================
   FORMULARIO
=========================== */
.form-label[b-80y1p6oejk] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #3a3a3a;
    margin-bottom: 6px;
    font-family: 'Work Sans', sans-serif;
}

    .form-label span[b-80y1p6oejk] {
        margin-left: 6px;
        font-size: 16px;
    }

.form-control[b-80y1p6oejk] {
    border-radius: 8px;
    border: 1.5px solid #d0d7e2;
    padding: 10px 14px;
    font-size: 14px;
    font-family: 'Work Sans', sans-serif;
    color: #3a3a3a;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background-color: #fafbfd;
}

    .form-control:focus[b-80y1p6oejk] {
        border-color: #3366cc;
        box-shadow: 0 0 0 3px rgba(51, 102, 204, 0.15);
        background-color: #fff;
        outline: none;
    }

    .form-control.is-invalid[b-80y1p6oejk] {
        border-color: #A80521;
        box-shadow: 0 0 0 3px rgba(168, 5, 33, 0.1);
    }

.form-group[b-80y1p6oejk] {
    margin-bottom: 1rem;
}

/* ===========================
   BOTONES
=========================== */
.button-primary[b-80y1p6oejk] {
    text-decoration: none;
    padding: 10px 24px;
    color: #fff;
    background: linear-gradient(135deg, #3366cc, #004884);
    border: none;
    border-radius: 100px;
    font-size: 15px !important;
    font-family: 'Work Sans', sans-serif !important;
    min-width: 160px;
    font-weight: 500 !important;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 3px 10px rgba(51, 102, 204, 0.3);
    transition: all 0.2s ease;
    cursor: pointer;
}

    .button-primary:hover[b-80y1p6oejk] {
        color: #fff;
        background: linear-gradient(135deg, #004884, #003366) !important;
        box-shadow: 0 5px 16px rgba(0, 72, 132, 0.35) !important;
        transform: translateY(-1px);
    }

    .button-primary:active[b-80y1p6oejk] {
        transform: translateY(0);
        box-shadow: 0 2px 6px rgba(0, 72, 132, 0.25) !important;
    }

.button-primary-inline[b-80y1p6oejk] {
    text-decoration: none;
    padding: 10px 24px;
    color: #3366cc;
    background-color: #fff;
    border: 2px solid #3366cc;
    border-radius: 100px;
    font-size: 15px !important;
    font-family: 'Work Sans', sans-serif !important;
    min-width: 160px;
    font-weight: 500 !important;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .button-primary-inline:hover[b-80y1p6oejk] {
        color: #fff;
        border-color: #004884;
        background-color: #004884;
        box-shadow: 0 4px 12px rgba(0, 72, 132, 0.2);
        transform: translateY(-1px);
    }

.button-outline[b-80y1p6oejk] {
    background-color: transparent;
    border: 1.5px solid #3366cc;
    color: #3366cc;
    padding: 8px 16px;
    border-radius: 8px;
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .button-outline:hover[b-80y1p6oejk] {
        background-color: #3366cc;
        color: #fff;
    }

/* ===========================
   PANEL DE RESULTADOS
=========================== */
.panelQuery[b-80y1p6oejk] {
    border-top: 2px solid #e8eef6;
    margin-top: 2rem;
    padding-top: 2rem !important;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    border-radius: 0 0 16px 16px;
}

    /* Logo */
    .panelQuery img[b-80y1p6oejk] {
        filter: drop-shadow(0 2px 6px rgba(0, 72, 132, 0.12));
    }

/* ===========================
   STEPPER VERTICAL NATIVO
=========================== */
.bs-stepper-vertical[b-80y1p6oejk] {
    padding: 8px 0;
    margin: 0;
}

.bs-step[b-80y1p6oejk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.bs-step-header[b-80y1p6oejk] {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: #f8fbff;
    border: 1px solid #e0ecf8;
    border-radius: 12px;
    padding: 14px 18px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

    .bs-step-header:hover[b-80y1p6oejk] {
        box-shadow: 0 3px 12px rgba(0, 72, 132, 0.1);
        transform: translateX(3px);
    }

.bs-step-icon[b-80y1p6oejk] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3366cc, #004884);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    z-index: 1;
    box-shadow: 0 2px 8px rgba(51, 102, 204, 0.35);
}

.bs-step-label[b-80y1p6oejk] {
    font-size: 14px;
    color: #4B4B4B;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    word-break: break-word;
    line-height: 1.5;
}

.bs-step-line[b-80y1p6oejk] {
    width: 2px;
    min-height: 20px;
    background: linear-gradient(to bottom, #3366cc66, #e0ecf8);
    margin-left: 19px;
}

/* Paso final */
.bs-step.last .bs-step-icon[b-80y1p6oejk] {
    background: linear-gradient(135deg, #34c97a, #1a9e58);
    box-shadow: 0 2px 8px rgba(26, 158, 88, 0.35);
}

.bs-step.last .bs-step-header[b-80y1p6oejk] {
    background-color: #f0faf5;
    border-color: #b6e8d0;
}

.bs-step.last .bs-step-label[b-80y1p6oejk] {
    color: #1a5c38;
    font-weight: 600;
}

.ms-10[b-80y1p6oejk] {
    margin-left: 4.2rem;
}

/* ===========================
   UTILIDADES HEREDADAS
=========================== */
.small[b-80y1p6oejk] {
    color: #4B4B4B;
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400;
    font-size: 15px !important;
    padding-bottom: 6px;
}

.text-danger[b-80y1p6oejk] {
    color: #A80521 !important;
    font-size: 0.8rem;
    margin-top: 4px;
    display: block;
}

.query-container[b-80y1p6oejk] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

/* Heredados de steps genéricos (por si se usan en otro lado) */
.progress-steps[b-80y1p6oejk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.step[b-80y1p6oejk] {
    padding: 1rem;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    text-align: center;
    color: #6c757d;
    transition: all 0.2s ease;
}

    .step.active[b-80y1p6oejk] {
        background-color: #3366cc;
        color: white;
        border-color: #3366cc;
        box-shadow: 0 3px 10px rgba(51, 102, 204, 0.3);
    }

.list-group-item.active[b-80y1p6oejk] {
    background-color: #3366cc;
    color: white;
    border-color: #3366cc;
}

.list-group-item.disabled[b-80y1p6oejk] {
    background-color: #f8f9fa;
    color: #6c757d;
}
/* /Pages/FiledTemplate/FiledTemplatePage.razor.rz.scp.css */
/* ============================= */
/*        LAYOUT GENERAL         */
/* ============================= */

.editor-layout[b-ovrdbz1uwm] {
    display: flex;
    gap: 1rem;
    width: 100%;
    height: auto !important;
}

.canvas-container[b-ovrdbz1uwm] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.properties-panel[b-ovrdbz1uwm] {
    width: 320px;
    min-width: 280px;
    background: #fff;
    border-left: 1px solid #ddd;
    padding: 1rem;
    overflow-y: auto;
    border-radius: 6px;
}

/* ============================= */
/*        CANVAS WRAPPER         */
/* ============================= */

.canvas-wrapper[b-ovrdbz1uwm] {
    position: relative;
    overflow-x: auto !important;
    overflow-y: auto !important;
    display: block;
    max-height: 78vh;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
    padding: 20px; /* Espacio alrededor del canvas */
}

.konva-canvas.with-grid[b-ovrdbz1uwm] {
    background-image: linear-gradient(#d4d4d4 1px, transparent 1px), linear-gradient(90deg, #d4d4d4 1px, transparent 1px);
    background-size: 20px 20px;
}

/* ============================= */
/*       TOOLBAR SUPERIOR        */
/* ============================= */

.canvas-actions[b-ovrdbz1uwm] {
    display: flex;
    flex-wrap: wrap !important;
    gap: .65rem;
    padding: .75rem 1rem;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.btn-toolbar[b-ovrdbz1uwm] {
    display: flex;
    align-items: center;
    gap: .45rem;
    background: #f3f4f6;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: .45rem .8rem;
    cursor: pointer;
    font-size: .92rem;
    white-space: nowrap;
    transition: .2s;
}

    .btn-toolbar:hover[b-ovrdbz1uwm] {
        background: #e5e7eb;
    }

.toolbar-separator[b-ovrdbz1uwm] {
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: .35rem 0;
}

/* ============================= */
/*         CONTROLES ZOOM        */
/* ============================= */

.zoom-controls[b-ovrdbz1uwm] {
    display: flex;
    gap: .5rem;
    align-items: center;
    margin-top: .75rem;
    flex-wrap: wrap;
}

.zoom-btn[b-ovrdbz1uwm] {
    background: #f3f4f6;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: .35rem .6rem;
}

    .zoom-btn:hover[b-ovrdbz1uwm] {
        background: #e5e7eb;
    }

.zoom-slider[b-ovrdbz1uwm] {
    width: 130px;
}

.zoom-label[b-ovrdbz1uwm] {
    font-size: .9rem;
    font-weight: 500;
}

/* ============================= */
/*       PANEL DE PROPIEDADES    */
/* ============================= */

.properties-panel h4[b-ovrdbz1uwm] {
    font-size: 1.1rem;
    margin-bottom: .75rem;
    color: #555;
}

.properties-form .form-group[b-ovrdbz1uwm] {
    margin-bottom: 1rem;
}

.properties-form input[b-ovrdbz1uwm],
.properties-form textarea[b-ovrdbz1uwm] {
    font-size: .95rem;
}

.btn-delete[b-ovrdbz1uwm] {
    background: #ef4444;
    color: #fff;
    border-radius: 6px;
    padding: .45rem .9rem;
}

    .btn-delete:hover[b-ovrdbz1uwm] {
        background: #dc2626;
    }

/* ============================= */
/*        RESPONSIVIDAD          */
/* ============================= */

@media (max-width: 1200px) {
    .editor-layout[b-ovrdbz1uwm] {
        flex-direction: column !important;
    }

    .properties-panel[b-ovrdbz1uwm] {
        width: 100% !important;
        min-width: unset !important;
        border-left: none !important;
        border-top: 1px solid #ddd !important;
    }

    .canvas-wrapper[b-ovrdbz1uwm] {
        max-height: 70vh !important;
    }
}

@media (max-width: 768px) {
    .btn-toolbar .label[b-ovrdbz1uwm] {
        display: none !important;
    }

    .btn-toolbar[b-ovrdbz1uwm] {
        justify-content: center !important;
        min-width: 48px;
    }

    .zoom-controls[b-ovrdbz1uwm] {
        justify-content: center !important;
    }

    .properties-panel[b-ovrdbz1uwm] {
        padding: .75rem;
    }
}

@media (max-width: 480px) {
    .zoom-slider[b-ovrdbz1uwm] {
        width: 100% !important;
    }

    .canvas-wrapper[b-ovrdbz1uwm] {
        max-height: 60vh !important;
    }
}

/* ============================= */
/*        MARCADORES + UI        */
/* ============================= */

.bookmarks[b-ovrdbz1uwm] {
    background-color: #3366ff !important;
    border: none !important;
    color: #fff !important;
    transition: .2s ease-in-out;
}

    .bookmarks:hover[b-ovrdbz1uwm] {
        background-color: #1d4ed8 !important;
    }

/* ============================= */
/*        REGLAS EN CM (REAL)    */
/* ============================= */

.canvas-ruler-wrapper[b-ovrdbz1uwm] {
    display: flex;
    flex-direction: column;
}

/* Más altas para que se vean mejor, pero manteniendo 1cm = 37.8px */
.ruler-horizontal[b-ovrdbz1uwm] {
    display: flex;
    height: 34px;
    background: #f1f1f1;
    border: 1px solid #dadada;
    border-bottom: none;
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 28px;
}

.canvas-frame[b-ovrdbz1uwm] {
    border: 2px solid #000; 
    background: white;
    position: relative;
    display: inline-block;
}

    /* 1 cm real = 37.8 px (NO CAMBIAR si quieres precisión real) */
    .ruler-horizontal .ruler-mark[b-ovrdbz1uwm] {
        width: 37.8px;
        text-align: center;
        font-size: .85rem;
        color: #555;
        border-left: 1px solid #ccc;
    }

.ruler-content[b-ovrdbz1uwm] {
    display: flex;
}

.ruler-vertical[b-ovrdbz1uwm] {
    width: 34px;
    background: #f1f1f1;
    border: 1px solid #dadada;
    border-right: none;
    overflow-y: auto;
}

    .ruler-vertical .ruler-mark[b-ovrdbz1uwm] {
        height: 37.8px;
        font-size: .85rem;
        color: #555;
        border-top: 1px solid #ccc;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        text-align: center;
    }
/* /Pages/FiledTemplate/PhysicalMailHandlingPage.razor.rz.scp.css */
.k-grid td[b-ilfh4kgcrm] {
    vertical-align: middle !important;
}

.btn-mail-option[b-ilfh4kgcrm] {
    background-color: #41baea;
    color: white;
    border: none;
    border-radius: 12px;
    padding: 10px 8px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s ease;
    text-align: center;
}

    .btn-mail-option:hover[b-ilfh4kgcrm] {
        background-color: #2fa0cc;
        transform: translateY(-2px);
    }

    .btn-mail-option:active[b-ilfh4kgcrm] {
        transform: scale(0.97);
    }

/* /Pages/Inbox/InboxPage.razor.rz.scp.css */
.k-table-td[b-v6de62bgc7] {
    align-items: center;
}
/* /Pages/Maintenance/MaintenancePage.razor.rz.scp.css */
.maintenance-container[b-fgu49r60rm] {
    position: relative;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    overflow: hidden;
    z-index:0;
}

.overlay[b-fgu49r60rm] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
}

.maintenance-content[b-fgu49r60rm] {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(6px);
    border-radius: 20px;
    padding: 60px 50px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    max-width: 700px;
    min-height: 600px;
    width: 100%;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.main-title[b-fgu49r60rm] {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 2.6rem;
}

.subtitle[b-fgu49r60rm] {
    color: #e0e0e0;
    margin-bottom: 30px;
    line-height: 1.6;
    font-size: 1.1rem;
}

.animation-container[b-fgu49r60rm] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1%;
}

.status-info[b-fgu49r60rm] {
    background: transparent; 
    padding: 15px;
    border-radius: 0;
    margin-top: 20px;
    border: none; 
    color: #fff;
}

.status-badge[b-fgu49r60rm] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.status-dot[b-fgu49r60rm] {
    width: 12px;
    height: 12px;
    background: #ffcc00;
    border-radius: 50%;
    margin-right: 10px;
    animation: pulse-b-fgu49r60rm 1.5s infinite;
}

.status-text[b-fgu49r60rm] {
    color: #ffcc00;
    font-weight: 600;
    font-size: 1.2rem;
    border: none;
}

.last-check[b-fgu49r60rm] {
    margin: 8px 0;
    color: #f5f5f5;
    font-size: 1.05rem;
}

@keyframes pulse-b-fgu49r60rm {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }
}
.background-blur[b-fgu49r60rm] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(10px); 
    z-index: 0;
}


/* /Pages/QRPages/ConsultQRPage.razor.rz.scp.css */
.panelQuery[b-bj9s94bmyj] {
    border-top: 1.5px solid #dcdcdc;
}

.container-fluid[b-bj9s94bmyj] {
    padding: 0.5rem;
}

@media (min-width: 992px) {
    .container-fluid[b-bj9s94bmyj] {
        padding: 1rem;
    }
}

.form-label[b-bj9s94bmyj] {
    display: flex;
    align-items: center;
}

    .form-label span[b-bj9s94bmyj] {
        margin-left: 10px;
    }

.titleColor[b-bj9s94bmyj] {
    color: #004884 !important;
}

.textInfo[b-bj9s94bmyj] {
    width: 50%;
    text-align: justify;
    color: #808080;
    font-weight: 400;
    font-size: 16px;
}

.textValidation[b-bj9s94bmyj] {
    color: #A80521;
    font-size: 15px;
    padding-left: 10px;
}

.button-outline[b-bj9s94bmyj] {
    background-color: transparent;
    border: 1px solid #0d6efd;
    color: #0d6efd;
    padding: 6px 12px;
    border-radius: 4px;
}

.small[b-bj9s94bmyj] {
    color: #4B4B4B;
    font-family: 'Work Sans' !important;
    font-weight: 400;
    font-size: 15px !important;
    padding-bottom: 6px;
}

.button-primary[b-bj9s94bmyj] {
    text-decoration: none;
    padding: 7px 16px 7px 16px;
    color: #fff;
    background-color: #3366cc;
    border: 2px solid #3366cc;
    border-radius: 100px;
    font-size: 16px !important;
    font-family: Work Sans, sans-serif !important;
    min-width: 165px;
    font-weight: 400 !important;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .button-primary:hover[b-bj9s94bmyj] {
        color: white;
        background-color: #004884 !important;
        border: 1px solid #004884 !important;
    }

.button-primary-inline[b-bj9s94bmyj] {
    text-decoration: none;
    padding: 7px 16px 7px 16px;
    color: #3366cc;
    background-color: #fff;
    border: 2px solid #3366cc;
    border-radius: 100px;
    font-size: 16px !important;
    font-family: Work Sans, sans-serif !important;
    min-width: 165px;
    font-weight: 400 !important;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .button-primary-inline:hover[b-bj9s94bmyj] {
        color: #fff;
        border: 1px solid #004884;
        background-color: #004884;
    }

.form-control[b-bj9s94bmyj] {
    border-radius: 4px;
    border: 1px solid #ced4da;
    padding: 8px;
}

.query-container[b-bj9s94bmyj] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.text-danger[b-bj9s94bmyj] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 4px;
    display: block;
}

.progress-steps[b-bj9s94bmyj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.step[b-bj9s94bmyj] {
    padding: 1rem;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    text-align: center;
    color: #6c757d;
}

    .step.active[b-bj9s94bmyj] {
        background-color: #0d6efd;
        color: white;
        border-color: #0d6efd;
    }

.list-group-item.active[b-bj9s94bmyj] {
    background-color: #0d6efd;
    color: white;
    border-color: #0d6efd;
}

.list-group-item.disabled[b-bj9s94bmyj] {
    background-color: #f8f9fa;
    color: #6c757d;
}
/* /Pages/Records/RecordClosingOpeningPage.razor.rz.scp.css */
.button-primary-view[b-jd6l6t1hhr] {
    background-color: #2196f3;
    color: white;
}
    .button-primary-view:hover[b-jd6l6t1hhr] {
        background-color: #1672ba;
        border-color: #1672ba;
        color:white;
    }
/* /Pages/Records/RecordConsultPage.razor.rz.scp.css */
/*.footer-card {
    position: absolute;
    bottom: 20px;
}*/

.min-height[b-24lhb09bl3] {
    min-height: 100px;
}

.btnGrid[b-24lhb09bl3] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: none;
    background-color: white;
    cursor: pointer;
    box-shadow: 2px 4px 6px 0px rgb(0 0 0 / 17%);
}

    .btnGrid:hover[b-24lhb09bl3] {
        background-color: #41BAEA;
    }

    .btnGrid:disabled[b-24lhb09bl3] {
        background-color: #e0e0e0;
        box-shadow: 2px 4px 6px 0px rgb(0 0 0 / 0%);
    }

    .btnGrid svg[b-24lhb09bl3] {
        width: 20px;
        fill: #41BAEA !important;
    }

        .btnGrid svg.btnGrid--modify[b-24lhb09bl3] {
            width: 15px;
            fill: #41BAEA !important;
        }

    .btnGrid:hover svg[b-24lhb09bl3] {
        fill: white !important;
    }

    .btnGrid:disabled svg[b-24lhb09bl3] {
        fill: #c2c2c2 !important;
    }

body.dark .btnGrid[b-24lhb09bl3] {
    background-color: var(--color-gris-oscuro-4);
}

    body.dark .btnGrid:hover[b-24lhb09bl3] {
        background-color: #41BAEA;
    }

    body.dark .btnGrid:disabled[b-24lhb09bl3] {
        background-color: var(--color-gris-oscuro-1);
    }

        body.dark .btnGrid:disabled svg[b-24lhb09bl3] {
            fill: #606060 !important;
        }

.w-45[b-24lhb09bl3] {
    width: 45px;
}

.card-Info[b-24lhb09bl3] {
    border: 1px solid #d2cfcf;
    margin: 0px 18px 24px 18px;
    border-radius: 8px;
}

.imgEstado[b-24lhb09bl3] {
    width: 35px;
    height: 35px;
    padding: 0px;
}

.k-grid[b-24lhb09bl3] {
    height: 125vh !important;
}
/* /Pages/Reports/FastFilingDistributionSheet.razor.rz.scp.css */
body[b-zu2fc6m0sa] {
}
/* /Pages/Reports/FilingPendingPerUser.razor.rz.scp.css */
body[b-fpzmnh2aiz] {
}
/* /Pages/Reports/FillingAnnulledPerDate.razor.rz.scp.css */
body[b-17gpkqt8ia] {
}
/* /Pages/Reports/ProductionOfficeDistributionSheet.razor.rz.scp.css */
body[b-ceocqcrl7e] {
}
/* /Pages/Reports/RecordsOnDemand.razor.rz.scp.css */
/* /Pages/Reports/SurveyReport.razor.rz.scp.css */
.custom-grid[b-l2hrms81jk],
.custom-grid .k-grid-header[b-l2hrms81jk],
.custom-grid .k-grid-header th[b-l2hrms81jk],
.custom-grid .k-grid-content[b-l2hrms81jk],
.custom-grid .k-grid-content td[b-l2hrms81jk],
.custom-grid .k-grid-table[b-l2hrms81jk] {
    border: none !important;
}

    .custom-grid .k-grid-header[b-l2hrms81jk] {
        background-color: #fff !important;
        border-top: none !important;
    }

        .custom-grid .k-grid-header th[b-l2hrms81jk],
        .custom-grid .k-grid-content td[b-l2hrms81jk] {
            min-width: 150px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .custom-grid .k-grid-content tr[b-l2hrms81jk] {
        transition: background-color 0.25s ease-in-out, transform 0.2s ease-in-out;
    }

        .custom-grid .k-grid-content tr:hover[b-l2hrms81jk] {
            background-color: #f3f8fb !important;
            transform: scale(1.01);
        }

.table-responsive[b-l2hrms81jk] {
    border: none !important;
    overflow-x: auto;
    border-radius: 10px;
    background-color: #fff;
}

    .table-responsive:hover[b-l2hrms81jk] {
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    }
/* /Pages/SearchEngines/DocumentSearchEnginePage.razor.rz.scp.css */
/* START TOOLTIP STYLES */
[tooltip][b-9030e7dh4e] {
    position: relative; /* opinion 1 */
}

    /* Applies to all tooltips */
    [tooltip][b-9030e7dh4e]::before,
    [tooltip][b-9030e7dh4e]::after {
        text-transform: none; /* opinion 2 */
        font-size: .9em; /* opinion 3 */
        font-weight: normal;
        line-height: 1;
        user-select: none;
        pointer-events: none;
        position: absolute;
        display: none;
        opacity: 0;
    }

    [tooltip][b-9030e7dh4e]::before {
        content: '';
        border: 5px solid transparent; /* opinion 4 */
        z-index: 1001; /* absurdity 1 */
    }

    [tooltip][b-9030e7dh4e]::after {
        content: attr(tooltip); /* magic! */
        /* most of the rest of this is opinion */
        font-family: Helvetica, sans-serif;
        text-align: center;
        /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
        min-width: 20em;
        max-width: 21em;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1ch 1.5ch;
        border-radius: .3ch;
        box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
        background: #333;
        color: #fff;
        z-index: 1000; /* absurdity 2 */
    }

    /* Make the tooltips respond to hover */
    [tooltip]:hover[b-9030e7dh4e]::before,
    [tooltip]:hover[b-9030e7dh4e]::after {
        display: block;
    }

/* don't show empty tooltips */
[tooltip=''][b-9030e7dh4e]::before,
[tooltip=''][b-9030e7dh4e]::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])[b-9030e7dh4e]::before,
[tooltip][flow^="up"][b-9030e7dh4e]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}

[tooltip]:not([flow])[b-9030e7dh4e]::after,
[tooltip][flow^="up"][b-9030e7dh4e]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])[b-9030e7dh4e]::before,
[tooltip]:not([flow])[b-9030e7dh4e]::after,
[tooltip][flow^="up"][b-9030e7dh4e]::before,
[tooltip][flow^="up"][b-9030e7dh4e]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"][b-9030e7dh4e]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}

[tooltip][flow^="down"][b-9030e7dh4e]::after {
    top: calc(100% + 5px);
}

[tooltip][flow^="down"][b-9030e7dh4e]::before,
[tooltip][flow^="down"][b-9030e7dh4e]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"][b-9030e7dh4e]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}

[tooltip][flow^="left"][b-9030e7dh4e]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"][b-9030e7dh4e]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}

[tooltip][flow^="right"][b-9030e7dh4e]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert-b-9030e7dh4e {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz-b-9030e7dh4e {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover[b-9030e7dh4e]::before,
[tooltip]:not([flow]):hover[b-9030e7dh4e]::after,
[tooltip][flow^="up"]:hover[b-9030e7dh4e]::before,
[tooltip][flow^="up"]:hover[b-9030e7dh4e]::after,
[tooltip][flow^="down"]:hover[b-9030e7dh4e]::before,
[tooltip][flow^="down"]:hover[b-9030e7dh4e]::after {
    animation: tooltips-vert-b-9030e7dh4e 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover[b-9030e7dh4e]::before,
[tooltip][flow^="left"]:hover[b-9030e7dh4e]::after,
[tooltip][flow^="right"]:hover[b-9030e7dh4e]::before,
[tooltip][flow^="right"]:hover[b-9030e7dh4e]::after {
    animation: tooltips-horz-b-9030e7dh4e 300ms ease-out forwards;
}










/* UNRELATED to tooltips */
body[b-9030e7dh4e] {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    background: #ededed;
}

main[b-9030e7dh4e] {
    flex: 1 1 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

aside[b-9030e7dh4e] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #49b293;
    color: #fff;
    padding: 1em;
}

main div[b-9030e7dh4e] {
    text-align: center;
    color: #353539;
}

main span[b-9030e7dh4e] {
    padding: .5em 1em;
    margin: .5em;
    display: inline-block;
    background: #dedede;
}

aside a[b-9030e7dh4e] {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding: .4em 1em;
}

.flex[b-9030e7dh4e]{
   display: flex;
}
/* /Pages/Security/SecurityManagement.razor.rz.scp.css */
.card-info[b-vfeqw42iyg] {
    border: 1px solid #7d7d7d;
    border-radius: 6px;
    min-height: 37.6px;
    padding: 0px 11px;
    margin: 5px 0px;
    display: flex;
    align-items: center;
    margin: 0px;
    cursor: default;
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
}

@media (max-width: 409px) {
    .card-info[b-vfeqw42iyg] {
        text-align: center;
    }
}
/* /Pages/Security/UserTraceabilityPage.razor.rz.scp.css */
.button-pdt[b-rhmcyusnue] {
    padding-top: 55px;
}