html {
    height:100%;
    margin:0px;
}

body {
    height:100%;
    margin:0px;
}

.Carteles_General {
    font-family:Roboto;
    font-size:24px !important;
    font-weight:bold;
    color:#3C3C3C;
    border-radius:20px !important;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}

.Carteles_Titulo {
    font-family:Roboto;
    font-size:24px !important;
    font-weight:bold;
    color:#3C3C3C;
}

.Carteles_Chicos {
    font-family:Roboto;
    font-size:16px !important;
    font-weight:bold;
    color:#3C3C3C;
}

.Carteles_Tamano {
    min-height:40px !important;
    padding:8px 16px !important;
}

.Carteles_Texto {
    font-family:Roboto;
    font-size:20px !important;
    color:#3C3C3C;
}

.Carteles_Boton_Confirmar {
    width:120px;
    font-family:Roboto;
    font-size:18px !important;
    font-weight:bold;
}

.Carteles_Boton_Cancelar {
    width:120px;
    font-family:Roboto;
    font-size:18px !important;
    font-weight:bold;
}

.Tooltip {
    position:relative;
}

.Tooltip_Cartel {
    position:fixed;
    z-index:2000;
    max-width:min(420px,calc(100vw - 16px));
    box-sizing:border-box;
    padding:8px 12px;
    pointer-events:none;
    border-radius:6px;
    background-color:#333;
    box-shadow:0 3px 10px rgba(0,0,0,0.25);
    color:#fff;
    font-family:Roboto;
    font-size:12px;
    line-height:1.5;
    text-align:left;
    white-space:pre-line;
    overflow-wrap:anywhere;
    opacity:0;
    visibility:hidden;
    transition:opacity .15s ease;
}

.Tooltip_Cartel.Visible {
    opacity:1;
    visibility:visible;
}

.Tooltip_Cartel::after {
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    border:6px solid transparent;
    border-top-color:#333;
}

.Tooltip_Cartel.Tooltip_Cartel_Abajo::after {
    top:auto;
    bottom:100%;
    border-top-color:transparent;
    border-bottom-color:#333;
}

.js-plotly-plot .modebar {
    display:none !important;
}

.flatpickr-calendar, .flatpickr-calendar * {
    font-size:10pt;
    font-family:Roboto !important;
    color:#3C3C3C;
}

.Checkbox_01 {
    width:15px;
    height:15px;
}
.Checkbox_02 {
    width:10px;
    height:10px;
}

.Colorpicker_01 {
    width:75px;
    height:40px;
    border:none;
    background-color:transparent !important;
    cursor:pointer;
}

.Colorpicker_01::-webkit-color-swatch {
    border:1px solid #CCCCCC;
    border-radius:20px;
}

.Switch_01 {
    position:relative;
    width:52px;
    height:28px;
    border:none;
    border-radius:14px;
    cursor:pointer;
    transition:.2s;
    padding:0;
    outline:none;
}

.Switch_01::before {
    content:"";
    position:absolute;
    width:22px;
    height:22px;
    border-radius:50%;
    background-color:#F9F5F2;
    top:3px;
    left:3px;
    transition:.2s;
    box-shadow:0 1px 3px rgba(0,0,0,.3);
}

.Switch_01.off {
    background-color:#F9F5F2;
}

.Switch_01.on {
    background-color:#68C3B7;
}

.Switch_01.on::before {
    left:27px;
}

.Switch_02 {
    width:40px;
    height:20px;
    position:relative;
    border:none;
    border-radius:10px;
    cursor:pointer;
    transition:.2s;
    margin-left:5px;
    outline:none;
}

.Switch_02::before {
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    border-radius:50%;
    background-color:#F9F5F2;
    top:3px;
    left:3px;
    transition:.2s;
    box-shadow:0 1px 3px rgba(0,0,0,.3);
}

.Switch_02.off {
    background-color:#F9F5F2;
}

.Switch_02.on {
    background-color:#68C3B7;
}

.Switch_02.on::before {
    transform:translateX(20px);
}

.Stepper_01 {
    display:flex;
    align-items:center;
    justify-content:center;
    width:110px;
    height:28px;
    border:1px solid #CCCCCC;
    border-radius:5px;
    overflow:hidden;
    background-color:#FFFFFF;
    font-family:Roboto;
}

.Stepper_01 button {
    width:35px;
    height:100%;
    border:none;
    background-color:#FCFAF9;
    color:#3C3C3C;
    font-size:24px;
    font-weight:300;
    cursor:pointer;
    transition:background .15s;
}

.Stepper_01 button:hover {
    background-color:#F9F5F2;
}

.Stepper_01 button:active {
    background-color:#ececec;
}

.Stepper_01 .val {
    flex:1;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    font-size:16px;
    font-weight:600;
    color:#3C3C3C;
    user-select:none;
}

.General_Overlay {
    z-index:100;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    display:none;
    background-color:rgba(0,0,0,0.45);
}

.General_Espera {
    width:70px;
    height:70px;
    z-index:500;
    position:absolute;
    display:none;
    border:20px solid #BFDCCE;
    border-top:20px solid #CCEAE8;
    border-radius:50%;
    box-shadow:0 0 20px rgba(0,0,0,0.45);
    animation-name:girar;
    animation-duration:2s;
    animation-iteration-count:infinite;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
@keyframes girar {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}





.Fuente_01 {
    font-size:8pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_02 {
    font-size:8pt;
    color:#FFFFFF;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_03 {
    font-size:9pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_04 {
    font-size:9pt;
    color:#FFFFFF;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_05 {
    font-size:10pt;
    color:#3C3C3C;
    font-family:Roboto;
}

.Fuente_06 {
    font-size:10pt;
    color:#FFFFFF;
    font-family:Roboto;
}

.Fuente_07 {
    font-size:11pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_08 {
    font-size:11pt;
    color:#FFFFFF;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_09 {
    font-size:12pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_10 {
    font-size:12pt;
    color:#FFFFFF;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_11 {
    font-size:14pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_12 {
    font-size:14pt;
    color:#FFFFFF;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_13 {
    font-size:16pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_14 {
    font-size:16pt;
    color:#FFFFFF;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_15 {
    font-size:18pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_16 {
    font-size:18pt;
    color:#FFFFFF;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_17 {
    font-size:24pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_18 {
    font-size:24pt;
    color:#FFFFFF;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_19 {
    font-size:40pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Fuente_20 {
    font-size:40pt;
    color:#FFFFFF;
    font-family:Roboto;
    font-weight:bold;
}





.Campo_01 {
    width:100%;
    height:24pt;
    box-sizing:border-box;
    text-align:left;
    text-align-last:left;
    font-size:10pt;
    font-family:Roboto;
    color:#3C3C3C;
    border-width:0;
    padding-left:5px;
    padding-right:5px;
    background-color:transparent;
}

.Campo_01:disabled {
    color:#3C3C3C;
    opacity:1;
    -webkit-text-fill-color:#3C3C3C;
    appearance:none;
}

.Campo_02 {
    width:100%;
    height:25pt;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:10pt;
    font-family:Roboto;
    color:#3C3C3C;
    border-width:0;
    padding-left:5px;
    padding-right:5px;
    background-color:transparent;
}

.Campo_02:disabled {
    color:#3C3C3C;
    opacity:1;
    -webkit-text-fill-color:#3C3C3C;
    appearance:none;
}

.Campo_03 {
    width:100%;
    height:25pt;
    box-sizing:border-box;
    text-align:right;
    text-align-last:right;
    font-size:10pt;
    font-family:Roboto;
    color:#3C3C3C;
    border-width:0;
    padding-left:5px;
    padding-right:5px;
    background-color:transparent;
}

.Campo_03:disabled {
    color:#3C3C3C;
    opacity:1;
    -webkit-text-fill-color:#3C3C3C;
    appearance:none;
}

.Campo_04 {
    width:100%;
    height:100%;
    box-sizing:border-box;
    text-align:left;
    text-align-last:left;
    flex:1;
    resize:none;
    font-size:10pt;
    font-family:Roboto;
    color:#3C3C3C;
    border-width:0;
    padding-left:5px;
    padding-right:5px;
    background-color:transparent;
}

.Campo_04:disabled {
    color:#3C3C3C;
    opacity:1;
    -webkit-text-fill-color:#3C3C3C;
    appearance:none;
}

.Campo_05 {
    width:300px;
    height:30px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:11pt;
    font-family:Roboto;
    color:#3C3C3C;
    border:1px solid #CCCCCC;
    border-radius:10px;
    background-color:transparent;
}

.Campo_05::placeholder {
    color:#777777;
}

.Campo_06 {
    width:300px;
    height:30px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:10pt;
    font-family:Roboto;
    color:#3C3C3C;
    border:1px solid #CCCCCC;
    border-radius:10px;
    background-color:transparent;
}

.Campo_06::placeholder {
    color:#3C3C3C;
    text-align:center;
}

.Campo_07 {
    width:100%;
    height:35px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:11pt;
    font-family:Roboto;
    color:#3C3C3C;
    border:none;
    border-bottom:1px solid #ECE8E6;
    background-color:#FFFFFF;
}

.Campo_07:focus {
    outline:none;
    box-shadow:none;
    box-shadow:0 1px 0 0 #ECE8E6}

.Campo_08 {
    width:150px;
    height:25px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:10pt;
    font-family:Roboto;
    color:#3C3C3C;
    border:1px solid #CCCCCC;
    border-radius:10px;
    background-color:transparent;
}

.Campo_08::placeholder {
    color:#3C3C3C;
}

.Campo_09 {
    width:auto;
    min-width:100px;
    height:30px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:11pt;
    font-family:Roboto;
    color:#3C3C3C;
    border:1px solid #3C3C3C;
    border-radius:10pt;
    background-color:transparent;
}

.Campo_09::placeholder {
    color:#3C3C3C;
}

.Campo_10 {
    width:100%;
    height:25pt;
    box-sizing:border-box;
    text-align:left;
    text-align-last:left;
    font-size:10pt;
    font-family:Roboto;
    color:#3C3C3C;
    border-width:0;
    padding-left:5px;
    padding-right:5px;
    background-color:transparent;
}

.Campo_11 {
    width:100%;
    height:25pt;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:10pt;
    font-family:Roboto;
    color:#3C3C3C;
    border-width:0;
    padding-left:5px;
    padding-right:5px;
    background-color:transparent;
}

.Campo_12 {
    width:auto;
    min-width:100px;
    height:30px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:11pt;
    font-family:Roboto;
    color:#3C3C3C;
    border:1px solid #3C3C3C;
    border-radius:10pt;
    background-color:transparent;
}

.Campo_12::placeholder {
    color:#3C3C3C;
}

.Campo_13 {
    width:100%;
    height:30px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:11pt;
    font-family:Roboto;
    color:#3C3C3C;
    border:1px solid #CCCCCC;
    border-radius:10px;
    background-color:transparent;
}

.Campo_14 {
    width:100%;
    height:35px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:11pt;
    font-family:Roboto;
    color:#3C3C3C;
    border:1px solid #CCCCCC;
    border-radius:10px;
    background-color:transparent;
}

.Campo_15 {
    width:auto;
    min-width:300px;
    height:45px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:11pt;
    font-family:Roboto;
    color:#3C3C3C;
    border:1px solid #CCCCCC;
    border-radius:5pt;
    background-color:#ECE8E6;
}

.Campo_16 {
    width:400px;
    height:30px;
    box-sizing:border-box;
    text-align:center;
    text-align-last:center;
    font-size:14pt;
    font-family:Roboto;
    font-weight:bold;
    color:#FFFFFF;
    border:0px;
    background-color:transparent;
}

.Campo_16 option {
    color: #3C3C3C;
    font-size:11pt;
}

.Campo_16:focus {
    outline: none;
}

.Campo_16::placeholder {
    color:#3C3C3C;
}





.Cartel {
    display:none;
    position:relative;
    width:350px;
    background-color:#ffffff;
    border-radius:18px;
    padding:25px;
    box-sizing:border-box;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
    animation:aparecer 0.25s ease;
}

.Cartel::after {
    content:"";
    position:absolute;
    bottom:-18px;
    left:45px;
    width:0;
    height:0;
    border-left:18px solid transparent;
    border-right:18px solid transparent;
    border-top:18px solid #ffffff;
    filter:drop-shadow(0 5px 4px rgba(0,0,0,0.08));
}

.Titulo {
    font-size:24px;
    font-weight:bold;
    margin-bottom:12px;
    color:#111;
}

.Texto {
    font-size:16px;
    line-height:1.5;
    color:#555;
}

.Botones {
    margin-top:25px;
    display:flex;
    justify-content:flex-end;
    gap:10px;
}

.Boton {
    border:none;
    border-radius:10px;
    padding:12px 18px;
    cursor:pointer;
    font-size:15px;
    transition:0.2s;
}

.Boton_Claro {
    background-color:#f2f2f2;
}

.Boton_Claro:hover {
    background-color:#e4e4e4;
}

.Boton_Oscuro {
    background-color:#111;
    color:white;
}

.Boton_Oscuro:hover {
    background-color:#2a2a2a;
}

@keyframes aparecer {
    from {
        opacity:0;
        transform:translateY(10px);
    }
    to {
        opacity:1;
        transform:translateY(0px);
    }
}





.Registro_Login_Principal {
    width:100vw;
    height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

.Registro_Login_Ventana {
    width:30vw;
    height:60vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-color:#FFFFFF;
    border:0;
    border-radius:20px;
    gap:20px;
}

@media (orientation: portrait) {
    .Registro_Login_Ventana {
        height:20vh;
    }
}

.Registro_Login_Logo {
    width:20vw;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.Registro_Login_Descripcion {
    width:100%;
    height:25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.Registro_Login_Correo {
    width:20vw;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.Registro_Login_Campo_Contrasena_1 {
    width:100%;
    box-sizing:border-box;
    padding-right:35px;
    padding-left:35px;
    text-align:center;
}

.Registro_Login_Campo_Contrasena_2 {
    width:100%;
    box-sizing:border-box;
    padding-right:35px;
    padding-left:35px;
    text-align:center;
}

.Registro_Login_Campo_Contrasena_1_Ver {
    width:20px;
    display:none;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
}

.Registro_Login_Campo_Contrasena_2_Ver {
    width:20px;
    display:none;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
}

.Registro_Login_Contrasena_Condiciones {
    width:250px;
    position:absolute;
    display:none;
    padding:10px;
    font-size:10pt;
    font-family:Roboto;
    color:#3C3C3C;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Registro_Login_Mayusculas {
    width:20vw;
    height:25px;
    display:flex;
    justify-content:center;
    margin-top:-15px;
    margin-bottom:-15px;
}

.Registro_Login_Boton_Enviar {
    width:20vw;
    height:35px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:12pt;
    font-family:Roboto;
    color:#FFFFFF;
    border-radius:5px;
    border:0;
    background-color:#ECE8E6;
    cursor:not-allowed;
}

.Registro_Login_Recuperar {
    width:20vw;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#3C3C3C;
    border:0px;
    background-color:transparent;
    cursor:pointer;
}

.Registro_Login_Recuperar:hover {
    color:#777777;
}

.Registro_Signup_Principal {
    width:100vw;
    height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

.Registro_Signup_Ventana {
    width:40vw;
    height:70vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:20px;
    border:0;
    border-radius:5px;
    background-color:#FFFFFF;
}

@media (orientation: portrait) {
    .Registro_Signup_Ventana {
        height:20vh;
    }
}

.Registro_Signup_Logo {
    width:20vw;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.Registro_Signup_Descripcion {
    width:100%;
    height:50px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:16pt;
    font-family:Roboto;
    color:#3C3C3C;
}

.Registro_Signup_Nombre {
    width:80%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.Registro_Signup_Empresa {
    width:80%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.Registro_Signup_Correo {
    width:80%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.Registro_Signup_Condiciones {
    width:80%;
    font-family:Roboto;
    font-size:14px;
    font-weight:400;
    color:#333;
    text-align:center;
    line-height:1.5;
    margin:15px 0;
}

.Registro_Signup_Condiciones strong {
    font-weight:600;
    color:#000;
}

.Registro_Signup_Condiciones a {
    color:#6b4d63;
    text-decoration:underline;
    transition:color .2s;
}

.Registro_Signup_Condiciones a:hover {
    color:#4d3448;
}

.Registro_Signup_Boton_Enviar {
    width:20vw;
    height:40px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:12pt;
    font-family:Roboto;
    color:#FFFFFF;
    background-color:#CCEAE8;
    border-radius:5px;
    border:0;
    cursor:pointer;
}

.Registro_Signup_Boton_Enviar:hover {
    filter:brightness(110%);
}





.Estructura_Principal {
    width:100%;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}

.Estructura_Barra_Superior {
    width:100%;
    height:8vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.Estructura_Inicio {
    width:100%;
    height:92vh;
    min-height:0;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    overflow-y:auto;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}

.Estructura_Inicio_Panel_Modulos {
    width:19%;
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    border-right:1px solid #CCCCCC;
}

.Estructura_Inicio_Contenidos {
    width:81%;
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    justify-content:center;
    background-color:#FFFFFF;
}

.Estructura_Contenidos {
    width:100%;
    height:92vh;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    overflow:hidden;
    align-items:stretch;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}

.Estructura_Contenidos_1 {
    width:18%;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-right: 1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Estructura_Establecimientos {
    width:100%;
    height:70px;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.Estructura_Panel_Modulos {
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
}

.Estructura_Contenidos_2 {
    width:82%;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

.Estructura_Herramientas {
    width:100%;
    height:70px;
    display:flex;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    text-align:center;
    border-bottom: 1px solid #CCCCCC;
}

.Estructura_Filtros {
    width:100%;
    text-align:center;
    background-color:#F9F5F2;
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
}

.Estructura_Filtros.abierto {
    max-height:500px;
}

.Estructura_Registros {
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    text-align:center;
    overflow-y:auto;
}





.Barra_Superior_Principal {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    background-color:#BFDCCE;
    border-bottom: 1px solid #CCCCCC;
}

.Barra_Superior_Izquierda {
    width:30%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    padding-right:10px;
    box-sizing:border-box;
}

.Barra_Superior_Centro {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
}

.Barra_Superior_Derecha {
    width:30%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    padding-right:15px;
    box-sizing:border-box;
}

.Barra_Superior_Inicio {
    width:30px;
    height:30px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background-color:transparent;
    border:1px solid #3C3C3C;
    cursor:pointer;
}

.Barra_Superior_Inicio:hover {
    background-color:rgba(255,255,255,0.25);
}

.Barra_Superior_Menu_Usuario_Icono {
    width:30px;
    height:30px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background-color:transparent;
    border:1px solid #3C3C3C;
    cursor:pointer;
}

.Barra_Superior_Menu_Usuario_Icono:hover {
    background-color:rgba(255,255,255,0.25);
}

.Barra_Superior_Menu_Usuario{
	width:250px;
	display:block;
	z-index:300;
	position:absolute;
	overflow:visible;
	border-radius:10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
	opacity:0;
	visibility:hidden;
	transform:translateY(-10px);
	transition:opacity .15s ease,transform .15s ease,visibility .15s;
}

.Barra_Superior_Menu_Usuario::before{
	content:"";
	position:absolute;
	top:-7px;
	left:var(--Flecha_Posicion);
	width:12px;
	height:12px;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	transform:translateX(-50%) rotate(45deg);
	box-shadow:-2px -2px 3px rgba(0,0,0,0.10);
}

.Barra_Superior_Menu_Usuario.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.Barra_Superior_Menu_Usuario_Titulo {
    height:50px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Barra_Superior_Menu_Usuario_Cliente {
    height:30px;
    display:flex;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Barra_Superior_Menu_Usuario_Opciones {
    height:40px;
    display:flex;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Barra_Superior_Menu_Usuario_Opciones_Interior {
    width:100%;
    height:30px;
    display:flex;
    text-align:left;
    align-items:center;
    place-items:center;
    justify-content:flex-start;
    padding-left:5px;
    font-family:Roboto;
    font-size:10pt;
    border-radius:8px;
    cursor:pointer;
}

.Barra_Superior_Menu_Usuario_Opciones_Interior:hover {
    background-color:#F9F5F2;
}

.Barra_Superior_Menu_Usuario > div:last-child {
    border-bottom:none;
}

.Barra_Superior_Menu_Notificaciones_Icono {
    width:30px;
    height:30px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background-color:transparent;
    border:1px solid #3C3C3C;
    cursor:pointer;
}

.Barra_Superior_Menu_Notificaciones_Icono:hover {
    background-color:rgba(255,255,255,0.25);
}

.Barra_Superior_Menu_Notificaciones_Icono_Indicador {
	display:none;
	width:auto;
	min-width:17px;
	height:17px;
	line-height:17px;
	text-align:center;
	position:absolute;
	top:-6px;
	right:-6px;
	box-sizing:border-box;
	align-items:center;
	justify-content:center;
	padding:0 4px;
	border-radius:9px;
	background-color:#E89A97;
}

.Barra_Superior_Menu_Notificaciones{
    width: 350px;
    height: 400px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 300;
    position: absolute;
    overflow: visible;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s;
}

.Barra_Superior_Menu_Notificaciones::before{
	content:"";
	position:absolute;
	top:-7px;
	left:var(--Flecha_Posicion);
	width:12px;
	height:12px;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	transform:translateX(-50%) rotate(45deg);
	box-shadow:-2px -2px 3px rgba(0,0,0,0.10);
}

.Barra_Superior_Menu_Notificaciones.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.Barra_Superior_Menu_Notificaciones_Titulo {
    height: 30px;
    flex: 0 0 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #CCCCCC;
}

.Barra_Superior_Menu_Notificaciones_Nulo {
    width: 100%;
    height: auto;
    flex: 1;
    min-height: 0;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: transparent;
    border-radius: 0 0 9px 9px;
}

.Barra_Superior_Menu_Notificaciones_Contenidos {
	width:100%;
    display:flex;
    flex-direction:column;
    overflow-y:auto;
}

.Barra_Superior_Menu_Notificaciones_Opciones {
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    padding-top:8px;
    padding-bottom:8px;
    border-bottom:1px solid #CCCCCC;
}

.Barra_Superior_Menu_Notificaciones_Opciones_Interior {
    width:100%;
    min-height:70px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    cursor:pointer;
}

.Barra_Superior_Menu_Notificaciones_Opciones_Interior.No_Vista {
    background-color:#F9F5F2;
}

.Barra_Superior_Menu_Notificaciones_Opciones_Interior_Filas {
    width:100%;
    height:20px;
    box-sizing:border-box;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding-left:10px;
    padding-right:10px;
    text-align: left !important;
}

.Barra_Superior_Menu_Notificaciones_Opciones_Interior:hover {
    background-color:#FCFAF9;
}





.Inicio_Panel_Principal {
    width:100%;
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    align-items:center;
    padding-top:20px;
    gap:10px;
    background-color:#F9F5F2;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}

.Inicio_Panel_Secciones {
    width:80%;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-left:15px;
    padding-right:15px;
    border-radius:10px;
    cursor:pointer;
}

.Inicio_Panel_Secciones_Icono,
.Inicio_Panel_Secciones_Texto {
    height:20px;
    display:flex;
    align-items:center;
}

.Inicio_Panel_Secciones_Icono {
    width:20px;
    flex:0 0 20px;
    justify-content:center;
    line-height:0;
}

.Inicio_Panel_Secciones_Icono svg {
    display:block;
}

.Inicio_Panel_Secciones_Texto {
    margin-left:10px;
    line-height:20px;
    justify-content:flex-start;
}

.Inicio_Panel_Secciones:hover {
    background-color:#ECE8E6;
}

.Inicio_Panel_Secciones_Indicador {
    width:10px;
    height:10px;
    display:none;
    margin-left:auto;
    border-radius:50%;
    background-color:#73C9AA;
}

.Inicio_Inicio_Principal {
    height:90%;
    min-height:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    margin-left:30px;
    margin-right:30px;
    gap:20px;
}

.Inicio_Inicio_Encabezado {
    width:100%;
    height:100px;
    flex-shrink:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
    border-radius:10px;
    border:1px solid #CCCCCC;
    background-color:#FCFAF9;
}

.Inicio_Inicio_Saludo {
    width:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:5px;
}

.Inicio_Inicio_Saludo_Filas {
    display:flex;
    height:25px;
    align-items:center;
    padding-left:10px;
}

.Inicio_Inicio_Estadisticas {
    width:50%;
    display:flex;
    gap:10px;
    justify-content:flex-end;
    padding:10px;
}

.Inicio_Inicio_Estadisticas_Bloques {
    min-width:135px;
    height:75px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:#ECE8E6;
}

.Inicio_Inicio_Panel {
    display:flex;
    flex-direction:row;
    gap:25px;
    flex:1;
    min-height:0;
}

.Inicio_Inicio_Panel_Nulo {
    width:100%;
    height:100%;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#FFFFFF;
}

.Inicio_Inicio_Panel_Contenedor {
    flex:1;
    min-width:0;
    height:100%;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    overflow:hidden;
    border-radius:10px;
    border:1px solid #CCCCCC;
}

.Inicio_Inicio_Panel_Contenedor_Titulo {
    height:40px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    text-align:center;
    justify-content:center;
    box-sizing:border-box;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}


.Inicio_Contenidos_Principal {
    height:90%;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    margin-left:30px;
    margin-right:30px;
    border-radius:10px;
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
}

.Inicio_Contenidos_Encabezado {
    display:flex;
    flex-direction:row;
    align-items:center;
    position:relative;
    padding:10px;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Inicio_Contenidos_Encabezado_Icono {
    width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:5pt;
    border:1px solid #CCCCCC;
}

.Inicio_Contenidos_Encabezado_Izquierda {
    flex:1;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}

.Inicio_Contenidos_Encabezado_Centro {
    display:flex;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    justify-content:center;
    align-items:center;
}

.Inicio_Contenidos_Encabezado_Derecha {
    display:flex;
    margin-left:auto;
    align-items:center;
    gap:10px;
}

.Inicio_Contenidos_Encabezado_Buscar {
    display:flex;
    position:relative;
    align-items:center;
    margin-left:auto;
}

.Inicio_Contenidos_Encabezado_Buscar_Icono {
	width:17px;
	height:17px;
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    user-select:none;
}

.Inicio_Contenidos_Encabezado_Buscar_Boton_Borrar {
	width:17px;
	height:17px;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    display:none;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    border-radius:50%;
    background-color:#3C3C3C;
    cursor:pointer;
    user-select:none;
}

.Inicio_Contenidos_Boton {
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #CCCCCC;
    cursor:pointer;
}

.Inicio_Contenidos_Boton:hover {
    background-color:#F9F5F2;
}

.Inicio_Contenidos_Registros_Nulo {
    width:100%;
    height:100%;
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#FFFFFF;
}

.Inicio_Contenidos_Registros {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow-y:scroll;
    background-color:#FFFFFF;
}

.Inicio_Contenidos_Registros_Interior {
    width:100%;
    flex:1;
    box-sizing:border-box;
    border-right: 1px solid #CCCCCC;
}

.Inicio_Contenidos_Registros_Interior_Filas {
    flex:1;
    min-height:85px;
    max-height:85px;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    align-items:center;
    border-bottom: 1px solid #CCCCCC;
    cursor:pointer;
}

.Inicio_Contenidos_Registros_Interior_Filas:hover {
    background-color:#FCFAF9;
}

.Inicio_Contenidos_Registros_Interior_Filas_Indicador {
    width:1%;
    height:65px;
    margin-left:10px;
    display:flex;
    border-radius:2pt;
}

.Inicio_Contenidos_Registros_Interior_Filas_Pastillas {
    width:250px;
    height:30px;
    margin-right:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
}

.Inicio_Normativa_Boton_Agregar_Menu_Principal {
	width:250px;
	z-index:300;
	display:block;
	position:fixed;
	overflow:visible;
	border-radius:10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
	opacity:0;
	visibility:hidden;
	transform:translateY(-10px);
	transition:opacity .15s ease,transform .15s ease,visibility .15s;
}

.Inicio_Normativa_Boton_Agregar_Menu_Principal::before {
	content:"";
	position:absolute;
	top:-7px;
	left:var(--Flecha_Posicion);
	width:12px;
	height:12px;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	transform:translateX(-50%) rotate(45deg);
	box-shadow:-2px -2px 3px rgba(0,0,0,0.10);
}

.Inicio_Normativa_Boton_Agregar_Menu_Principal.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.Inicio_Normativa_Boton_Agregar_Menu_Titulo {
    height:30px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Inicio_Normativa_Boton_Agregar_Menu_Opciones {
    height:40px;
    display:flex;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Inicio_Normativa_Boton_Agregar_Menu_Opciones_Interior {
    width:100%;
    height:30px;
    display:flex;
    text-align:left;
    align-items:center;
    place-items:center;
    justify-content:flex-start;
    padding-left:5px;
    font-family:Roboto;
    font-size:10pt;
    border-radius:8px;
    cursor:pointer;
}

.Inicio_Normativa_Boton_Agregar_Menu_Opciones_Interior:hover {
    background-color:#F9F5F2;
}

.Inicio_Normativa_Boton_Agregar_Menu_Principal > div:last-child {
    border-bottom:none;
}

.Inicio_Calendario_Principal {
    height:90%;
    display:none;
    flex-direction:column;
    overflow:hidden;
    margin-left:30px;
    margin-right:30px;
    border-radius:5px;
    border:1px solid #CCCCCC;
}

.Inicio_Calendario_Encabezado {
    padding:10px;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Inicio_Calendario_Icono {
    width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    text-align:left;
    align-items:center;
    border-radius:10pt;
    background-color:#FFFFFF;
}

.Inicio_Calendario_Recuadro {
    width:95%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:20px;
    overflow:hidden;
    border:1px solid #3C3C3C;
    border-radius:5px;
}

.Inicio_Calendario_Titulo {
    width:100%;
    height:40px;
    position:relative;
    display:flex;
    align-items:center;
    text-align:center;
    justify-content:center;
    box-sizing:border-box;
    overflow:hidden;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Inicio_Calendario_Mes {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
}

.Inicio_Calendario_titulo_boton_anterior {
    position:absolute;
    left:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.Inicio_Calendario_titulo_boton_siguiente {
    position:absolute;
    right:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.Inicio_Calendario_titulo_texto {
    display:flex;
    align-items:center;
    justify-content:center;
}

.Inicio_Calendario_dias_semana {
    width:calc(100% + 2px);
    height:25px;
    flex-shrink:0;
    margin-left:-1px;
    display:grid;
    grid-template-columns:repeat(7,1fr);
    box-sizing:border-box;
    border-bottom:1px solid #CCCCCC;
}

.Inicio_Calendario_dias_semana > div {
    display:flex;
    align-items:center;
    justify-content:center;
    height:25px;
    box-sizing:border-box;
}

.Inicio_Calendario_dias_semana > div:last-child {
    border-right:none;
}

.Inicio_Calendario_dias_semana div {
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#A9BEDC;
}

.Inicio_Calendario_grilla {
    height:calc(100% - 65px);
    display:grid;
    grid-template-columns:repeat(7,1fr);
    grid-template-rows:repeat(6,1fr);
}

.Inicio_Calendario_dia {
    width:100%;
    height:100%;
    min-height:0;
    padding:5px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    box-sizing:border-box;
}

.Inicio_Calendario_dia:nth-child(7n) {
    border-right:none;
}

.Inicio_Calendario_dia:nth-last-child(-n+7) {
    border-bottom:none;
}

.Inicio_Calendario_dia_numero {
    height:15px;
    display:flex;
    justify-content:center;
    text-align:left;
    align-items:center;
    margin-bottom:5px;
}

.Inicio_Calendario_dia_contenido {
    flex:1;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-wrap:wrap;
    gap:3px;
}

.Inicio_Ajustes_Principal {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
    overflow-y:auto;
    padding-bottom:30px;
}

.Inicio_Ajustes_Seccion_Titulo {
    width:calc(90% + 40px);
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-top:40px;
    margin-bottom:10px;
    color:#3C3C3C;
}

.Inicio_Ajustes_Seccion_Recuadro {
    width:90%;
    display:flex;
    flex-direction:column;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    padding-left:20px;
    padding-right:20px;
    overflow:hidden;
    border:1px solid #CCCCCC;
    border-radius:10px;
    background-color:#FCFAF9;
}

.Inicio_Ajustes_Seccion_Recuadro > div:last-child {
    border-bottom:none;
}

.Inicio_Ajustes_Seccion_Filas {
    width:100%;
    height:70px;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    border-bottom:1px solid #CCCCCC;
}

.Inicio_Ajustes_Seccion_Filas_Titulo {
    height:100%;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.Inicio_Ajustes_Seccion_Filas_Titulo_Contenidos {
    height:30px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
}

.Inicio_Ajustes_Seccion_Filas_Campos {
    height:100%;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.Inicio_Ajustes_Seccion_Filas_Campos_Imagenes {
    width:150px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #CCCCCC;
    border-radius:5px;
    background-color:#ECE8E6;
}

.Inicio_Menu_Herramientas {
	width:200px;
	z-index:300;
	display:block;
	position:absolute;
	align-items:center;
	overflow:visible;
	border-radius:10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
	opacity:0;
	visibility:hidden;
	transform:translateY(-10px);
	transition:opacity .15s ease,transform .15s ease,visibility .15s;
}

.Inicio_Menu_Herramientas::before{
	content:"";
	position:absolute;
	top:-7px;
	left:var(--Flecha_Posicion);
	width:12px;
	height:12px;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	transform:translateX(-50%) rotate(45deg);
	box-shadow:-2px -2px 3px rgba(0,0,0,0.10);
}

.Inicio_Menu_Herramientas.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.Inicio_Menu_Herramientas_Titulo {
    height:30px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Inicio_Menu_Herramientas_Opciones {
    height:40px;
    display:flex;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Inicio_Menu_Herramientas_Opciones_Interior {
    width:100%;
    height:30px;
    display:flex;
    text-align:left;
    align-items:center;
    place-items:center;
    justify-content:flex-start;
    padding-left:5px;
    font-family:Roboto;
    font-size:10pt;
    border-radius:8px;
    cursor:pointer;
}

.Inicio_Menu_Herramientas_Opciones_Interior:hover {
    background-color:#F9F5F2;
}

.Inicio_Menu_Herramientas > div:last-child {
    border-bottom:none;
}





.Cliente_Principal {
    width:25vw;
    height:30vh;
    z-index:200;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    border-radius:10px;
    overflow:hidden;
    background-color:#FFFFFF;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
}

.Cliente_Principal.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transform:translate(-50%, -50%) scale(1);
}

.Cliente_Contenidos {
    flex:1;
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding-top:15px;
    gap:30px;
}

.Cliente_Cambios {
    width:100%;
    height:60px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:10px;
    border-top:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Cliente_Iconos {
    height:35px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}

.Cliente_Boton_Aceptar {
    width:120px;
    height:35px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-radius:5px;
    border:1px solid #CCCCCC;
    background-color:#CCEAE8;
    cursor:pointer;
}

.Cliente_Boton_Aceptar:hover {
    filter:brightness(110%);
}





.Campo_Establecimientos_Principal {
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding-left:15px;
    padding-right:15px;
}

.Campo_Establecimientos {
    width:100%;
    height:50px;
    display:flex;
    position:relative;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    border:1px solid #CCCCCC;
    cursor:pointer;
}

.Campo_Establecimientos_Menu {
    width:auto;
    height:auto;
    z-index:300;
    display:block;
    align-items:center;
    position:absolute;
    overflow:hidden;
    border-radius:10px;
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
}

.Campo_Establecimientos_Menu.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.Campo_Establecimientos_Menu_Buscar {
    width:100%;
    box-sizing:border-box;
    position:relative;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
	margin-left:0;
	padding:10px;
    border-bottom:1px solid #CCCCCC;
}

.Campo_Establecimientos_Menu_Buscar_Icono {
	width:17px;
	height:17px;
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    user-select:none;
}

.Campo_Establecimientos_Menu_Buscar_Boton_Borrar {
	width:17px;
	height:17px;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    display:none;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    border-radius:50%;
    background-color:#3C3C3C;
    cursor:pointer;
    user-select:none;
	padding:0;
	border:0;
}

.Campo_Establecimientos_Menu_Contenidos {
    width:100%;
    flex:1;
    min-height:0;
    position:relative;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    align-items:stretch;
    justify-content:flex-start;
    overflow-x:hidden;
    overflow-y:auto;
}

.Campo_Establecimientos_Menu_Contenidos_Nulo {
    position:absolute;
    inset:0;
    align-items:center;
    justify-content:center;
    text-align:center;
}


.Campo_Establecimientos_Menu_Opciones {
    height:50px;
    display:flex;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Campo_Establecimientos_Menu_Opciones_Interior {
    width:100%;
    height:40px;
    display:flex;
    flex-direction:column;
    text-align:left;
    align-items:center;
    place-items:center;
    justify-content:center;
    padding-left:5px;
    font-family:Roboto;
    font-size:10pt;
    border-radius:8px;
    cursor:pointer;
}

.Campo_Establecimientos_Menu_Opciones_Interior:hover {
    background-color:#F9F5F2;
}

.Campo_Establecimientos_Menu_Opciones:last-child {
    border-bottom:none;
}





.Panel_Modulos_Principal {
    height:100%;
    display:flex;
    flex-direction:column;
    flex:1;
    overflow-y:auto;
    gap:8px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}

.Panel_Modulos_Seccion {
    width:100%;
    height:45px;
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:left;
    text-align:left;
    padding:10px;
    box-sizing:border-box;
    border-radius:10px;
    background-color:#ECE8E6;
    cursor:pointer;
}

.Panel_Modulos_Seccion_Flecha {
    display:flex;
    margin-left:auto;
}

.Panel_Modulos_Modulo {
    width:93%;
    height:45px;
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:left;
    text-align:left;
    padding:10px;
    margin-left:15px;
    box-sizing:border-box;
    border-radius:10px;
    cursor:pointer;
}

.Panel_Modulos_Modulo:hover {
    background-color:#ECE8E6;
}

.Panel_Modulos_Modulo_Indicador {
    width:10px;
    height:10px;
    display:none;
    margin-left:auto;
    border-radius:50%;
    background-color:#73C9AA;
}





.Barra_Herramientas_Principal {
    width:95%;
    height:60px;
    display:flex;
    flex-shrink:0;
    justify-content:space-between;
    align-items:center;
}

.Barra_Herramientas_Izquierda {
    flex:1;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}

.Barra_Herramientas_Centro {
    flex:1;
    display:flex;
    justify-content:center;
    text-align:left;
    align-items:center;
}

.Barra_Herramientas_Derecha {
    flex:1;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
}

.Barra_Herramientas_Buscar {
    display:flex;
    position:relative;
    align-items:center;
}

.Barra_Herramientas_Buscar_Icono {
	width:17px;
	height:17px;
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    user-select:none;
}

.Barra_Herramientas_Buscar_Boton_Borrar {
    width:17px;
    height:17px;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    display:none;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    color:#3C3C3C;
    border-radius:50%;
    background-color:#F9F5F2;
    user-select:none;
    cursor:pointer;
}

.Barra_Herramientas_Boton {
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #CCCCCC;
    background-color:#F9F5F2;
    cursor:pointer;
}

.Barra_Herramientas_Boton:hover {
    background-color:#FCFAF9;
}

.Barra_Herramientas_Menu_Herramientas {
    position:absolute;
    width:200px;
    z-index:300;
    display:block;
    align-items:center;
    ooverflow:visible;
    border-radius:10px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:opacity .15s ease,transform .15s ease,visibility .15s;
}

.Barra_Herramientas_Menu_Herramientas::before {
    content:"";
    position:absolute;
    top:-7px;
    left:var(--Flecha_Posicion);
    width:12px;
    height:12px;
    background-color:#FFFFFF;
    border-left:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    transform:translateX(-50%) rotate(45deg);
    box-shadow:-2px -2px 3px rgba(0,0,0,0.10);
}

.Barra_Herramientas_Menu_Herramientas.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.Barra_Herramientas_Menu_Herramientas_Titulo {
    height:30px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Barra_Herramientas_Menu_Herramientas_Opciones {
    height:40px;
    display:flex;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Barra_Herramientas_Menu_Herramientas_Opciones_Interior {
    width:100%;
    height:30px;
    display:flex;
    text-align:left;
    align-items:center;
    place-items:center;
    justify-content:flex-start;
    margin-right:5px;
    font-family:Roboto;
    font-size:10pt;
    border-radius:8px;
    cursor:pointer;
}

.Barra_Herramientas_Menu_Herramientas_Opciones_Interior:hover {
    background-color:#F9F5F2;
}

.Barra_Herramientas_Menu_Herramientas > div:last-child {
    border-bottom:none;
}





.Panel_Filtros_Principal {
    width:95%;
    display:flex;
    flex-direction:column;
    margin:0 auto;
    padding-bottom:20px;
    box-sizing:border-box;
}

.Panel_Filtros_Contenidos {
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:flex-start;
}

.Panel_Filtros_Cambios {
    height:30px;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:10px;
    margin-top:25px;
}

.Panel_Filtros_Cambios_Iconos {
    height:30px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}

.Panel_Filtros_Cambios_Boton_Aplicar {
    width:80px;
    height:30px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-radius:10pt;
    border:1px solid #3C3C3C;
    background-color:#CCEAE8;
    cursor:pointer;
}

.Panel_Filtros_Cambios_Boton_Aplicar:hover {
    filter:brightness(110%);
}

.Panel_Filtros_Cambios_Boton_Limpiar {
    width:80px;
    height:30px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin-right:5px;
    border-radius:10pt;
    border:1px solid #3C3C3C;
    cursor:pointer;
}

.Panel_Filtros_Cambios_Boton_Limpiar:hover {
    background-color:#FF5454;
}

.Panel_Filtros_Campos_Contenedor {
    display:flex;
    flex-direction:column;
    padding:5px;
    margin-bottom:30px;
    align-items:center;
    justify-content:center;
}

.Panel_Filtros_Campos_Titulo {
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
}

.Panel_Filtros_Campos_Campo {
    height:30px;
    display:flex;
    align-items:center;
}

.Panel_Filtros_Cerrar {
    height:20px;
    display:flex;
    align-items:flex-end;
    align-self:flex-start;
    cursor:pointer;
}





.Datos_Sistema_Principal {
    width:100%;
    height:20px;
    flex-shrink:0;
    display:flex;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:8pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
    padding-right:5px;
    padding-left:5px;
}

.Datos_Sistema_Principal a {
    color:#539091;
    text-decoration:none;
}

.Datos_Sistema_Principal a:hover {
    text-decoration:none;
}

.Datos_Sistema_Principal {
    white-space:nowrap;
}





.Perfil_Principal {
    width:25vw;
    height:75vh;
    z-index:200;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) scale(0.95);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    border-radius:20px;
    overflow:hidden;
    background-color:#FFFFFF;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
    opacity:0;
    visibility:hidden;
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
}

.Perfil_Principal.Visible {
    opacity:1;
    visibility:visible;
    transform:translate(-50%, -50%) scale(1);
}

.Perfil_Encabezado {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-color:#ECE8E6;
    padding-top:15px;
    padding-bottom:15px;
}

.Perfil_Encabezado_Avatar {
    width:75px;
    height:75px;
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background-color:#CCEAE8;
    font-size:24pt;
    color:#3C3C3C;
    font-family:Roboto;
}

.Perfil_Encabezado_Filas {
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top:5px;
}

.Perfil_Barra_Titulos {
    width:100%;
    height:30px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    border-bottom: 1px solid #CCEAE8;
}

.Perfil_Tab {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    flex:1;
    align-items:center;
    cursor:pointer;
}

.Perfil_Tab:hover {
    background-color:#F9F5F2;
}

.Perfil_Tab_Texto {
    width:100%;
    height:90%;
    display:flex;
    justify-content:center;
    text-align:left;
    align-items:center;
    gap:5px;
}

.Perfil_Tab_Indicador {
    width:100%;
    height:10%;
    display:flex;
    align-items:center;
    background-color:#CCEAE8;
}

.Perfil_Contenidos {
    height:100%;
    display:flex;
    flex:1;
    min-height:0;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding-top:5px;
}

.Perfil_Contenidos_Recuadro {
    width:100%;
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    align-items:center;
    justify-content:flex-start;
    padding-bottom:15px;
    overflow:hidden;
    overflow-y:auto;
}

.Perfil_Contenidos_Filas {
    width:85%;
    height:50px;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
}

.Perfil_Contenidos_Filas_Contenidos {
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.Perfil_Cambios {
    width:100%;
    height:60px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:10px;
    border-top:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Perfil_Cambios_Iconos {
    height:35px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}

.Perfil_Boton_Cancelar {
    width:120px;
    height:35px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-radius:5px;
    border:1px solid #CCCCCC;
    cursor:pointer;
}

.Perfil_Boton_Cancelar:hover {
    background-color:#FF5454;
}





.Registros_Edicion_Principal {
    z-index:200;
    top:50%;
    left:50%;
    resize:both;
    display:none;
    flex-direction:column;
    overflow:hidden;
    position:fixed;
    align-items:center;
    justify-content:center;
    border-radius:20px;
    overflow:hidden;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}

.Registros_Edicion_Formulario {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

.Registros_Edicion_Titulo {
    width:100%;
    height:50px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#3C3C3C;
    border-bottom: 1px solid #CCCCCC;
    background-color:#ECE8E6;
    cursor:move;
}

.Registros_Edicion_Barra_Titulos {
    width:100%;
    height:45px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    border-bottom: 1px solid #CCEAE8;
}

.Registros_Edicion_Tab {
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor:pointer;
}

.Registros_Edicion_Tab:hover {
    background-color:#F9F5F2;
}

.Registros_Edicion_Tab_Texto {
    width:100px;
    height:95%;
    display:flex;
    justify-content:center;
    text-align:left;
    align-items:center;
}

.Registros_Edicion_Tab_Indicador {
    width:100px;
    height:5%;
    display:flex;
    align-items:center;
    background-color:#CCEAE8;
}

.Registros_Edicion_Barra_Buscar {
    height:90%;
    display:flex;
    position:relative;
    justify-content:center;
    align-items:center;
    margin-left:auto;
    margin-right:20px;
}

.Registros_Edicion_Barra_Buscar_Icono {
	width:10px;
	height:10px;
    position:absolute;
    left:7px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    user-select:none;
}

.Registros_Edicion_Barra_Buscar_Boton_Borrar {
    width:14px;
    height:14px;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    display:none;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    color:#3C3C3C;
    border-radius:50%;
    background-color:#ECE8E6;
    cursor:pointer;
    user-select:none;
}

.Registros_Edicion_Contenidos {
    height:100%;
    display:flex;
    flex:1;
    min-height:0;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.Registros_Edicion_Contenidos_Recuadro {
    width:100%;
    height:100%;
    min-height:0;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    overflow:hidden;
    border-radius:10px;
    border:1px solid #CCCCCC;
}

.Registros_Edicion_Contenidos_Interior {
    width:100%;
    flex:1;
    min-height:0;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    overflow:hidden;
}

.Registros_Edicion_Contenidos_Archivo {
    width:100%;
    height:40px;
    display:flex;
    flex-shrink:0;
    box-sizing:border-box;
    align-items:center;
    border-bottom:1px solid #CCCCCC;
}

.Registros_Edicion_Contenidos_Archivo:hover {
    background-color:#CCEAE8;
}

.Registros_Edicion_Contenidos_Archivo_Etiqueta {
	width:100%;
    height:25pt;
    align-items:center;
    justify-content:center;
    display:flex;
    padding-right:10px;
	font-size:9pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
    border:0;
    cursor:pointer;
}

.Registros_Edicion_Contenidos_Archivo_Eliminar{
	display:none;
    margin-left:5px;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.Registros_Edicion_Contenidos_Filas {
    width:100%;
    height:35px;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    justify-content:left;
    align-items:center;
    border-bottom: 1px solid #CCCCCC;
}

.Registros_Edicion_Contenidos_Titulo {
    width:25%;
    height:100%;
    display:flex;
    align-items:center;
    background-color:#F9F5F2;
    padding-left:5px;
}

.Registros_Edicion_Contenidos_Titulo_Requerido {
    margin-left:5px;
    color:#FF5454;
}

.Registros_Edicion_Contenidos_Campos {
    width:75%;
    height:100%;
    display:flex;
    align-items:center;
}

.Registros_Edicion_Contenidos_Campos_Archivo {
    width:100%;
    display:flex;
	flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    margin-left:5px;
}

.Registros_Edicion_Contenidos_Campos_Archivo .Registros_Edicion_Contenidos_Archivo_Etiqueta {
    width:auto;
    justify-content:flex-start;
}

.Registros_Edicion_Contenidos_Observaciones {
    width:100%;
    flex:1;
}

#Registros_Edicion_Contenidos_General_Interior {
    overflow-y:auto;
    overflow-x:hidden;
}

.Registros_Edicion_Contenidos_Tablas_Encabezados {
    width:100%;
    height:30px;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    justify-content:flex-start;
    align-items:center;
    text-align:center;
    box-sizing:border-box;
    overflow:hidden;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Registros_Edicion_Contenidos_Tablas_Registros {
    width:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    flex:1;
    justify-content:flex-start;
    align-items:stretch;
    overflow-y:scroll;
}

.Registros_Edicion_Contenidos_Tablas_Registros_Nulo {
    width:100%;
    height:100%;
    display:none;
    flex-direction:column;
    flex:1;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-size:9pt;
    font-family:Roboto;
    color:#3C3C3C;
}

.Registros_Edicion_Contenidos_Tablas_Registros_Interior {
    width:100%;
    flex:1;
    box-sizing:border-box;
    border-right:1px solid #CCCCCC;
}

.Registros_Edicion_Contenidos_Tablas_Registros_Filas {
    width:100%;
    height:30px;
    min-height:40px;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    justify-content:flex-start;
    align-items:center;
    cursor:default;
}

.Registros_Edicion_Contenidos_Normativa_Registros_Filas {
    width:100%;
    height:75px;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    cursor:default;
}

.Registros_Edicion_Contenidos_Tablas_Registros_Filas:hover {
    background-color:#FCFAF9;
}

.Registros_Edicion_Avances_Agregar_Boton {
	width:30px;
	height:100%;
	display:flex;
	box-sizing:border-box;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-right:1px solid #CCCCCC;
}

.Registros_Edicion_Documentos_Agregar_Boton {
	width:30px;
	height:100%;
	display:flex;
	box-sizing:border-box;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-right:1px solid #CCCCCC;
}

.Registros_Edicion_Tablas_Agregar_Boton{
	width:30px;
	min-width:30px;
	height:100%;
	display:flex;
	box-sizing:border-box;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	border-right:1px solid #CCCCCC;
}

.Registros_Edicion_Tablas_Agregar_Menu_Principal{
	width:200px;
	z-index:300;
	display:block;
	position:fixed;
	overflow:visible;
	border-radius:10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
	opacity:0;
	visibility:hidden;
	transform:translateY(-10px);
	transition:opacity .15s ease,transform .15s ease,visibility .15s;
}

.Registros_Edicion_Tablas_Agregar_Menu_Principal::before {
	content:"";
	position:absolute;
	top:-7px;
	left:25px;
	width:12px;
	height:12px;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	transform:translateX(-50%) rotate(45deg);
	box-shadow:-2px -2px 3px rgba(0,0,0,0.10);
}

.Registros_Edicion_Tablas_Agregar_Menu_Principal.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.Registros_Edicion_Tablas_Agregar_Menu_Titulo {
    height:30px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-left:10px;
    margin-right:10px;
	font-weight:bold;
}

.Registros_Edicion_Tablas_Agregar_Menu_Opciones {
    height:40px;
    display:flex;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    border-top:1px solid #CCCCCC;
}

.Registros_Edicion_Tablas_Agregar_Menu_Opciones_Interior {
    width:100%;
    height:30px;
    display:flex;
    text-align:left;
    align-items:center;
    place-items:center;
    justify-content:flex-start;
    padding-left:5px;
    font-family:Roboto;
    font-size:10pt;
    border-radius:8px;
    cursor:pointer;
}

.Registros_Edicion_Tablas_Agregar_Menu_Opciones_Interior:hover {
    background-color:#F9F5F2;
}

.Registros_Edicion_Tablas_Agregar_Menu_Opciones_Archivo {
    width:100%;
    height:40px;
    display:flex;
    flex-shrink:0;
    box-sizing:border-box;
    align-items:center;
    border-bottom:1px solid #CCCCCC;
}

.Registros_Edicion_Tablas_Agregar_Menu_Opciones_Archivo:hover {
    background-color:#CCEAE8;
}

.Registros_Edicion_Tablas_Agregar_Menu_Opciones_Flecha {
    display:flex;
    margin-left:auto;
}

.Registros_Edicion_Resultados_Historial_Principal{
    width:300px;
    min-width:300px;
    max-width:300px;
    height:50vh;
    box-sizing:border-box;
    z-index:310;
    position:fixed;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    border-radius:10px;
    overflow:hidden;
    background-color:#FFFFFF;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
    opacity:0;
    visibility:hidden;
    transform:translateX(-5px);
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}

.Registros_Edicion_Resultados_Historial_Principal.Visible {
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

.Registros_Edicion_Resultados_Historial_Buscar {
    width:100%;
    box-sizing:border-box;
    position:relative;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
	margin-left:0;
	padding:10px;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Registros_Edicion_Resultados_Historial_Buscar_Icono {
	width:17px;
	height:17px;
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    user-select:none;
	pointer-events:none;
    z-index:1;
}

.Registros_Edicion_Resultados_Historial_Buscar > .Campo_06 {
	width:100%;
	padding:0 36px;
	text-align:center;
	text-align-last:center;
}

.Registros_Edicion_Resultados_Historial_Buscar > .Campo_06::placeholder {
	text-align:center;
}

.Registros_Edicion_Resultados_Historial_Buscar_Boton_Borrar {
	width:17px;
	height:17px;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    display:none;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    border-radius:50%;
    background-color:#3C3C3C;
    cursor:pointer;
    user-select:none;
	padding:0;
	border:0;
}

.Registros_Edicion_Resultados_Historial_Normativa {
    width:100%;
    height:25px;
    box-sizing:border-box;
    position:relative;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
	margin-left:0;
	padding:10px;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
    cursor:pointer;
}

.Registros_Edicion_Resultados_Historial_Titulo::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background-color:#CCCCCC;
}

.Registros_Edicion_Resultados_Historial_Contenidos {
    width:100%;
    flex:1;
    min-height:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    align-items:stretch;
    justify-content:flex-start;
    overflow-x:hidden;
    overflow-y:auto;
}

.Registros_Edicion_Resultados_Historial_Contenidos_Filas {
    width:100%;
    height:auto;
    min-height:max-content;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    flex-shrink:0;
    justify-content:flex-start;
    align-items:flex-start;
    text-align:left;
    padding:5px 15px;
    margin:0;
    font-weight:normal;
    border-bottom:1px solid #CCCCCC;
    cursor:pointer;
}

.Registros_Edicion_Resultados_Historial_Contenidos_Filas:hover {
	background-color:#FCFAF9;
}

.Registros_Edicion_Resultados_Historial_Contenidos_Nulo {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#FFFFFF;
}

.Registros_Edicion_Resultados_Historial_Cambios {
    width:100%;
    height:60px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:10px;
    border-top:1px solid #CCCCCC;
    background-color:#F9F5F2;
}






.Registros_Edicion_Menu_Parametros {
    width:420px;
    max-width:calc(100vw - 20px);
    height:360px;
    max-height:calc(100vh - 20px);
    position:fixed;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    opacity:0;
    visibility:hidden;
    transform:translateY(-5px);
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
    border:1px solid #CCCCCC;
    border-radius:10px;
    overflow:hidden;
    background-color:#FFFFFF;
    box-shadow:0 5px 18px rgba(0,0,0,.18);
    z-index:10000;
}

.Campo_Parametro {
    display:flex;
    align-items:center;
    box-sizing:border-box;
    cursor:pointer;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.Campo_Parametro:focus {
    outline:none;
}

.Campo_Parametro:focus-visible {
    outline:1px solid #CCCCCC;
    outline-offset:-1px;
}

.Registros_Edicion_Menu_Parametros_Categoria {
    min-height:28px;
    display:flex;
    align-items:center;
    padding:5px 15px;
    box-sizing:border-box;
    background-color:#F9F5F2;
    border-bottom:1px solid #CCCCCC;
}

.Registros_Edicion_Menu_Parametros::before {
    display:none;
}

.Registros_Edicion_Menu_Parametros.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.Registros_Edicion_Menu_Parametros_Contenidos {
    width:100%;
    flex:1;
    min-height:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    align-items:stretch;
    justify-content:flex-start;
    overflow-x:hidden;
    overflow-y:auto;
    scrollbar-gutter:stable;
}

.Registros_Edicion_Menu_Parametros_Contenidos_Interior {
    width:100%;
    flex:1;
    box-sizing:border-box;
    border-right:1px solid #CCCCCC;
}

.Registros_Edicion_Menu_Parametros_Contenidos_Filas {
    width:100%;
    height:auto;
    min-height:30px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    flex-shrink:0;
    justify-content:center;
    align-items:flex-start;
    text-align:left;
    padding:5px 15px;
    margin:0;
    font-weight:normal;
    border-bottom:1px solid #CCCCCC;
    cursor:pointer;
}

.Registros_Edicion_Menu_Parametros_Contenidos_Filas:hover {
	background-color:#FCFAF9;
}

.Registros_Edicion_Menu_Parametros_Contenidos_Filas + .Registros_Edicion_Menu_Parametros_Categoria {
    margin-top:30px;
    border-top:1px solid #CCCCCC;
}

.Registros_Edicion_Menu_Parametros_Contenidos_Nulo {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#FFFFFF;
}

.Registros_Edicion_Menu_Parametros_Buscar {
    width:100%;
    box-sizing:border-box;
    position:relative;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
	margin-left:0;
	padding:10px;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Registros_Edicion_Menu_Parametros_Buscar_Icono {
	width:17px;
	height:17px;
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    user-select:none;
	pointer-events:none;
    z-index:1;
}

.Registros_Edicion_Menu_Parametros_Buscar > .Campo_06 {
	width:100%;
	padding:0 36px;
	text-align:center;
	text-align-last:center;
}

.Registros_Edicion_Menu_Parametros_Buscar > .Campo_06::placeholder {
	text-align:center;
}

.Registros_Edicion_Menu_Parametros_Buscar_Boton_Borrar {
	width:17px;
	height:17px;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    display:none;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    border-radius:50%;
    background-color:#3C3C3C;
    cursor:pointer;
    user-select:none;
	padding:0;
	border:0;
}



.Registros_Edicion_Cambios {
    width:100%;
    height:60px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:10px;
    border-top:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Registros_Edicion_Cambios_Iconos {
    height:35px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
	padding-right:5px;
}

.Registros_Edicion_Boton_Cancelar {
    width:120px;
    height:35px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-radius:5px;
    border:1px solid #CCCCCC;
    cursor:pointer;
}

.Registros_Edicion_Boton_Cancelar:hover {
    background-color:#FF5454;
}

.Registros_Edicion_Boton_Guardar {
    width:120px;
    height:35px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-radius:5px;
    border:1px solid #CCCCCC;
    background-color:#CCEAE8;
    cursor:pointer;
}

.Registros_Edicion_Boton_Guardar:hover {
    filter:brightness(110%);
}

.Registros_Interior {
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:row;
    justify-content:center;
    overflow:hidden;
    margin-left:20px;
    margin-right:20px;
    gap:20px;
}

.Registros_Interior_Izquierda {
	width:25%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
}

.Registros_Interior_Derecha {
	width:75%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
}

.Registros_Interior_Derecha_Recuadro {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin-top:20px;
    margin-bottom:20px;
    border-radius:10px;
    border:1px solid #FFFFFF;
    background-color:#3C3C3C;
}

.Registros_Interior_Derecha_Recuadro_Estadisticas {
    height:calc(100% - 40px);
    min-height:0;
    box-sizing:border-box;
    justify-content:flex-start;
}

.Registros_Interior_Derecha_Recuadro_Estadisticas > .Registros_Estadisticas_Contenidos_1 {
    height:auto;
    flex:1;
    min-height:0;
}

.Registros_Interior_Derecha_Recuadro_Estadisticas .Registros_Estadisticas_Resumen {
    height:auto;
    flex-shrink:0;
}

.Registros_Interior_Derecha_Recuadro_Estadisticas .Registros_Estadisticas_Grafico_Recuadro {
    height:auto;
    flex:1;
    min-height:0;
    margin:20px 0;
}

.Registros_Tabla_Principal {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.Registros_Tabla_Recuadro {
    width:95%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:20px;
    overflow:hidden;
    border:1px solid #CCCCCC;
    border-radius:10px;
}

.Registros_Tabla_Recuadro_2 {
    width:95%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:20px;
    overflow:hidden;
    border:1px solid #CCCCCC;
    border-radius:10px;
}

.Registros_Tabla_Encabezados {
    width:100%;
    height:30px;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Registros_Tabla_Contenidos {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    overflow-y:scroll;
}

.Registros_Tabla_Contenidos_Interior {
    width:100%;
    flex:1;
    box-sizing:border-box;
    border-right:1px solid #CCCCCC;
}

.Registros_Tabla_Filas {
    width:100%;
    min-height:30px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-bottom:1px solid #CCCCCC;
}

.Registros_Tabla_Filas:hover {
    background-color:#FCFAF9;
}

.Registros_Tabla_Leyenda {
    width:100%;
    height:20px;
    display:flex;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    font-size:8pt;
    color:#3C3C3C;
    font-family:Roboto;
    border-top:1px solid #CCCCCC;
}

.Registros_Tabla_Contenidos_Nulo {
    width:99%;
    height:100%;
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#FFFFFF;
}

.Registros_Calendario_Principal {
    width:100%;
    height:100%;
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.Registros_Calendario_Recuadro {
    width:95%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:20px;
    overflow:hidden;
    border:1px solid #CCCCCC;
    border-radius:10px;
}

.Registros_Calendario_Titulo {
    width:100%;
    height:40px;
    position:relative;
    display:flex;
    flex-shrink:0;
    align-items:center;
    text-align:center;
    justify-content:center;
    overflow:hidden;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Registros_Calendario_Mes {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
}

.Registros_Calendario_titulo_boton_anterior {
    position:absolute;
    left:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.Registros_Calendario_titulo_boton_siguiente {
    position:absolute;
    right:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.Registros_Calendario_titulo_texto {
    display:flex;
    align-items:center;
    justify-content:center;
}

.Registros_Calendario_dias_semana {
    width:calc(100% + 2px);
    margin-left:-1px;
    display:grid;
    grid-template-columns:repeat(7,1fr);
    border-bottom:1px solid #CCCCCC;
}

.Registros_Calendario_dias_semana > div {
    display:flex;
    align-items:center;
    justify-content:center;
    height:25px;
    box-sizing:border-box;
}

.Registros_Calendario_dias_semana div {
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#A9BEDC;
}

.Registros_Calendario_grilla {
    height:calc(100% - 65px);
    display:grid;
    grid-template-columns:repeat(7,1fr);
    grid-template-rows:repeat(6,1fr);
}

.Registros_Calendario_dia {
    width:100%;
    height:100%;
    min-height:0;
    padding:5px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    box-sizing:border-box;
}

.Registros_Calendario_dia:nth-child(7n) {
    border-right:none;
}

.Registros_Calendario_dia:nth-last-child(-n+7) {
    border-bottom:none;
}

.Registros_Calendario_dia_numero {
    display:flex;
    justify-content:center;
    text-align:left;
    align-items:center;
    height:25px;
    font-family:Roboto;
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}

.Registros_Calendario_dia_contenido {
    flex:1;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-wrap:wrap;
    gap:3px;
}

.Registros_Resultados_Principal {
    width:100%;
    height:100%;
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.Registros_Resultados_Recuadro {
    width:95%;
    height:calc(100% - 40px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:20px;
    padding-bottom:20px;
    overflow:hidden;
    border:1px solid #CCCCCC;
    border-radius:10px;
}

.Registros_Resultados_Titulo {
    width:100%;
    height:40px;
    display:flex;
    flex-shrink:0;
    align-items:center;
    text-align:center;
    justify-content:center;
    overflow:hidden;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Registros_Resultados_Contenedor {
    width:95%;
    height:calc(100% - 30px);
    max-height:375px;
    display:flex;
    flex-direction:row;
    gap:20px;
    margin-top:25px;
    margin-bottom:25px;
}

.Registros_Resultados_Contenedor_Nulo {
    width:95%;
    height:100%;
    display:flex;
    flex-direction:column;
    flex:1;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-size:9pt;
    font-family:Roboto;
    color:#3C3C3C;
    border-radius:10px;
    border:1px solid #CCCCCC;
}

.Registros_Resultados_Tabla {
    width:auto;
    height:calc(100% - 30px);
    max-height:375px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    border-radius:10px;
    border:1px solid #CCCCCC;
}

.Registros_Resultados_Tabla_Encabezados {
    width:100%;
    min-height:30px;
    max-height:40px;
    display:flex;
    flex-direction:row;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    font-size:9pt;
    color:#3C3C3C;
    font-family:Roboto;
    font-weight:bold;
    border-bottom:1px solid #CCCCCC;
    background-color:#F9F5F2;
}

.Registros_Resultados_Tabla_Contenidos {
    width:100%;
    height:calc(100% - 30px);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    font-size:10pt;
    color:#3C3C3C;
    font-family:Roboto;
    overflow-y:scroll;
}

.Registros_Resultados_Tabla_Filas {
    width:auto;
    min-height:30px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    border-bottom:1px solid #CCCCCC;
}

.Registros_Resultados_Tabla_Filas:hover {
    background-color:#F9F5F2;
}

.Registros_Resultados_Grafico {
    width:auto;
    height:calc(100% - 30px);
    max-height:375px;
    display:flex;
    flex-direction:column;
    flex:1;
    justify-content:center;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    border-radius:10px;
    border:1px solid #CCCCCC;
}

.Registros_Resultados_Recuadro_Ajustado {
    justify-content:flex-start;
}

.Registros_Resultados_Recuadro_Ajustado .Registros_Resultados_Contenedor {
    height:auto;
    max-height:none;
    flex:1;
    min-height:0;
    margin-bottom:5px;
}

.Registros_Resultados_Recuadro_Ajustado .Registros_Resultados_Contenedor_Nulo,
.Registros_Resultados_Recuadro_Ajustado .Registros_Resultados_Tabla,
.Registros_Resultados_Recuadro_Ajustado .Registros_Resultados_Grafico {
    height:100%;
    max-height:none;
    min-height:0;
    box-sizing:border-box;
}

.Registros_Estadisticas_Principal_1 {
    width:100%;
    height:100%;
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background-color:#3C3C3C;
}

.Registros_Estadisticas_Principal_Altura_Uniforme > .Registros_Estadisticas_Recuadro {
    height:90%;
    min-height:0;
    box-sizing:border-box;
}

.Registros_Estadisticas_Principal_Altura_Uniforme .Registros_Estadisticas_Contenidos {
    height:auto;
    flex:1;
    min-height:0;
    box-sizing:border-box;
    padding-bottom:20px;
}

.Registros_Estadisticas_Principal_2 {
    width:100%;
    height:100%;
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:20px;
    overflow:hidden;
    background-color:#3C3C3C;
}

.Registros_Estadisticas_Principal_Espaciado_Uniforme {
    padding:20px;
    box-sizing:border-box;
}

.Registros_Estadisticas_Principal_Espaciado_Uniforme > .Registros_Estadisticas_Recuadro {
    width:100%;
    flex:1;
    min-height:0;
    box-sizing:border-box;
}

.Registros_Estadisticas_Principal_Espaciado_Uniforme .Registros_Estadisticas_Contenidos_1 {
    height:auto;
    flex:1;
    min-height:0;
}

.Registros_Estadisticas_Principal_Espaciado_Uniforme .Registros_Estadisticas_Resumen {
    height:auto;
    flex-shrink:0;
}

.Registros_Estadisticas_Principal_Espaciado_Uniforme .Registros_Estadisticas_Grafico_Recuadro {
    height:auto;
    flex:1;
    min-height:0;
    margin:20px 0;
}

.Registros_Estadisticas_Recuadro {
    width:95%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid #FFFFFF;
    border-radius:10px;
}

.Registros_Estadisticas_Titulo {
    width:100%;
    height:40px;
    display:flex;
    flex-shrink:0;
    align-items:center;
    text-align:center;
    justify-content:center;
    overflow:hidden;
    border-bottom:1px solid #CCCCCC;
    background-color:rgba(255,255,255,0.25);
}

.Registros_Estadisticas_Contenidos {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.Registros_Estadisticas_Contenidos_1 {
    width:100%;
    height:100%;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}


.Registros_Estadisticas_Encabezado {
    width:95%;
    height:40px;
    display:flex;
    flex-direction:column;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    margin-top:20px;
    border-radius:10px;
    background-color:rgba(255,255,255,0.25);
}

.Registros_Estadisticas_Resumen {
    width:95%;
    height:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    text-align:center;
    justify-content:center;
    margin: 20px 0 0 0;
    gap:20px;
}

.Registros_Estadisticas_Resumen_Bloques {
    width:100%;
    height:100%;
    min-height:60px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(255,255,255,0.10);
}

.Registros_Estadisticas_Resumen_Bloques_2 {
    width:100%;
    height:100%;
    min-height:60px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:#FCFAF9;
}

.Registros_Estadisticas_Resumen_Bloques_General {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(255,255,255,0.10);
}

.Registros_Estadisticas_Resumen_Bloques_Total {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(115,201,170,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_Parcial {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(221,217,154,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_Nulo {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(232,154,151,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_Vigente {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(115,201,170,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_Gestionando {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(159,187,216,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_A_Iniciar {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(221,217,154,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_En_Espera {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(235,207,125,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_Vencido {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(232,154,151,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_No_Aplica {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(153,153,153,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_Sin_Datos {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(204,204,204,0.5);
}

.Registros_Estadisticas_Resumen_Bloques_A_Responder {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:10px;
    background-color:rgba(221,217,154,0.5);
}

.Registros_Estadisticas_Grafico_Recuadro {
    width:95%;
    height:400px;
    align-items:center;
    justify-content:center;
    margin: 20px 0 0 0;
    border-radius:10px;
    background-color:rgba(255,255,255,0.10);
}

.Registros_Estadisticas_Grafico_Tabla {
    max-height:75%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    overflow-x:hidden;
    margin-right:20px;
    border:1px solid #FFFFFF;
    border-radius:10px;
}

.Registros_Estadisticas_Grafico_Tabla_Encabezado {
    width:100%;
    flex-shrink:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    text-align:center;
    justify-content:center;
    overflow:hidden;
}

.Registros_Estadisticas_Grafico_Tabla_Registros {
    width:100%;
    height:100%;
    overflow-y:auto;
    display:flex;
    flex-direction:column;
}

.Registros_Estadisticas_Grafico_Tabla_Registros_Filas {
    width:100%;
    display:flex;
    flex-direction:row;
    background-color:rgba(255,255,255,0.25);
}

.Registros_Menu_Contextual_Principal {
    width:200px;
    z-index:300;
    display:block;
    position:fixed;
    overflow:hidden;
    border-radius:10px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.25);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
}

.Registros_Menu_Contextual_Principal.Visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.Registros_Menu_Contextual_Titulo {
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Registros_Menu_Contextual_Opciones {
    height:40px;
    display:flex;
    align-items:center;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #CCCCCC;
}

.Registros_Menu_Contextual_Opciones:last-child {
    border-bottom:none;
}

.Registros_Menu_Contextual_Opciones:has(+ .Registros_Menu_Contextual_Opciones:last-child[style*="display:none"]) {
    border-bottom:none;
}

.Registros_Menu_Contextual_Opciones_Interior {
    width:100%;
    height:30px;
    display:flex;
    text-align:left;
    align-items:center;
    place-items:center;
    justify-content:flex-start;
    padding-left:5px;
    font-family:Roboto;
    font-size:10pt;
    border-radius:10px;
    cursor:pointer;
}

.Registros_Menu_Contextual_Opciones_Interior:hover {
    background-color:#F9F5F2;
}

.Registros_Menu_Contextual_Opciones_Interior_Icono {
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:5px;
}

.Registros_Menu_Contextual_Opciones_Interior_Texto {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding-left:10px;
}





#General_Ayuda {
    width:300px;
    height:92vh;
    z-index:200;
    position:fixed;
    top:8vh;
    right:0;
    overflow:hidden;
    transform:translateX(100%);
    opacity:1;
    transition:transform .3s ease, opacity .3s ease;
    pointer-events:none;
}

#General_Ayuda.abierto {
    transform:translateX(0);
    opacity:1;
    pointer-events:auto;
    box-shadow:-4px 0 10px rgba(0,0,0,0.18);
}

.Panel_Ayuda_Principal {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    border-left:1px solid #CCCCCC;
    background-color:#FFFFFF;
    overflow:hidden;
}

.Panel_Ayuda_Encabezado {
    width:100%;
    height:30px;
    display:flex;
    box-sizing:border-box;
    align-items:center;
    justify-content:flex-end;
    position:relative;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
    background-color:#ECE8E6;
}

.Panel_Ayuda_Encabezado_Izquierda {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
}

.Panel_Ayuda_Encabezado_Derecha {
    display:flex;
    align-items:center;
    justify-content:center;
    padding-right:2px;
    cursor:pointer;
    flex:none;
}

.Panel_Ayuda_Barra_Titulos {
    width:100%;
    height:30px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    border-bottom: 1px solid #ECE8E6;
}

.Panel_Ayuda_Tab {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    flex:1;
    align-items:center;
    cursor:pointer;
}

.Panel_Ayuda_Tab:hover {
    background-color:#F9F5F2;
}

.Panel_Ayuda_Tab_Texto {
    width:100%;
    height:90%;
    display:flex;
    justify-content:center;
    text-align:left;
    align-items:center;
    gap:5px;
}

.Panel_Ayuda_Tab_Indicador {
    width:100%;
    height:10%;
    display:flex;
    align-items:center;
    background-color:#ECE8E6;
}

.Panel_Ayuda_Buscar {
    width:100%;
    display:flex;
    align-items:center;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    box-sizing:border-box;
}

.Panel_Ayuda_Buscar_Boton_Borrar {
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    display:none;
    font-size:14px;
    color:#3C3C3C;
    user-select:none;
    cursor:pointer;
}

.Panel_Ayuda_Contenidos {
    height:100%;
    display:flex;
    flex:1;
    min-height:0;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:20px 0 20px 20px;
}

.Panel_Ayuda_Contenidos_Recuadro {
    width:100%;
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    align-items:center;
    justify-content:flex-start;
    align-items:center;
    gap:20px;
    padding-right:20px;
    overflow:hidden;
    overflow-y:auto;
}

.Panel_Ayuda_Contenidos_Bloque {
    width:100%;
    height:auto;
    min-height:auto;
    max-height:none;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    align-items:stretch;
    box-sizing:border-box;
    border-radius:5px;
    border:1px solid #CCCCCC;
}

.Panel_Ayuda_Contenidos_Bloque:hover {
    background-color:#F9F5F2;
}

.Panel_Ayuda_Contenidos_Bloque_Titulo {
    width:100%;
    display:flex;
    text-align:left;
    align-items:center;
    gap:5px;
    padding:5px;
    box-sizing:border-box;
}

.Panel_Ayuda_Contenidos_Bloque_Descripcion {
    width:100%;
    display:flex;
    text-align:left;
    padding:5px;
    box-sizing:border-box;
    line-height:30px;
}

.Panel_Ayuda_Contenidos_Nulo {
    width:95%;
    height:100%;
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#FFFFFF;
}