/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,27): run-time error CSS1046: Expect comma, found '182'
(45,35): run-time error CSS1046: Expect comma, found '/'
(59,25): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(60,26): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(61,36): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(68,25): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(69,26): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(70,36): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(75,29): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(87,25): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(88,26): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(89,36): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(94,29): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(95,30): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color'
(96,40): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color'
(107,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color'
(117,21): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color'
(144,17): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color'
(148,17): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color'
(159,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(163,32): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(172,34): run-time error CSS1046: Expect comma, found '0'
(172,38): run-time error CSS1046: Expect comma, found '/'
(172,62): run-time error CSS1046: Expect comma, found '0'
(172,66): run-time error CSS1046: Expect comma, found '/'
(357,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color'
(383,36): run-time error CSS1046: Expect comma, found '0'
(383,40): run-time error CSS1046: Expect comma, found '/'
(389,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color'
(403,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color'
 */
:root {
    --main-theme-color: #2ba0ef;
    --scnd-theme-color: #1269b0;
    --third-theme-color: #fca100;
    --main-text-color: #515151;
    --scnd-text-color: #2470e3;
    --imagen-button-color: #a5a5a7;
    --scnd-button-color: #909EB8;
    --third-button-color: rgb(59, 89, 152);
    --pivot-color: #cdd1fb;
    --other-color: #e6e6e6;
    --main-background-color: #FFFFFF;
    --scnd-background-color: #eed3d7;
    --fst-border-color: #27b506;
    --fst-alert-color: #000000;
    --scnd-alert-color: #b94a48;
    --third-alert-color: #EED3D7;
    --fourth-alert-color: #F2DEDE;
    --fst-notif-color: #01102b;
}

.back-body-login {
    height: 97.6vh;
    font-family: Arial, Helvetica, sans-serif;
    color: #f0f0f0;
    background-image: radial-gradient(18% 28% at 24% 50%, #006fe5 7%, #073AFF00 100%), radial-gradient(18% 28% at 18% 71%, #78DE6359 6%, #073AFF00 100%), radial-gradient(70% 53% at 36% 76%, #006fe5 0%, #073AFF00 100%), radial-gradient(42% 53% at 15% 94%, #FFFFFFFF 7%, #073AFF00 100%), radial-gradient(42% 53% at 34% 72%, #00FFFFFF 7%, #073AFF00 100%), radial-gradient(18% 28% at 35% 87%, #FFFFFFFF 7%, #073AFF00 100%), radial-gradient(31% 43% at 7% 98%, #375EC6FF 24%, #073AFF00 100%), radial-gradient(21% 37% at 72% 23%, #F7BE4EFF 24%, #073AFF00 100%), radial-gradient(35% 56% at 91% 74%, #ffd101 9%, #073AFF00 100%), radial-gradient(74% 86% at 67% 38%, #ffd101 24%, #073AFF00 100%), linear-gradient(125deg, #00ffff 1%, #4C00FCFF 100%) !important;
    background-size: 240% 240% !important;
    background: rgba(255, 255, 255, 1);
    animation: gradientAnimation 9s ease infinite;
}
.container-login {
    background-color: #ffffff1f;
    border: 1px solid #ffffff6b;
}

.logologin {
    background-image: url(/Content/themes/default/images/common/logo-login.png);
    background-size: contain;
}
.container-form {
    padding: 2rem 3rem 1rem 3rem;
    background-color: #f8faff;
}
div[id^=UserName_] .k-textbox:hover, div[id^=Password_] .k-textbox:hover {
    border-color: rgb(184 182 245 / 94%);
}
#LogOnMainDiv {
    width: auto;
     margin: 0 !important;
}
    #LogOnMainDiv .mo-login-toolbar {
        display: flex;
        margin: 0 !important;
        padding: 0;
        text-align: center;
        flex-direction: column-reverse;
    }
        #LogOnMainDiv .mo-login-toolbar .saveActionLogin {
            color: var(--main-background-color);
            border: var(--third-theme-color);
            background-color: var(--third-theme-color);
            padding-top: 8px;
            padding-bottom: 8px;
        }
        #LogOnMainDiv .mo-login-toolbar .k-button {
            width: 100%;
            font-weight: 600;
            color: var(--main-background-color);
            border: var(--third-theme-color);
            background-color: var(--third-theme-color);
            padding-top: 0.65rem;
            padding-bottom: 0.65rem;
        }
            #LogOnMainDiv .mo-login-toolbar .k-button:hover {
                color: var(--main-background-color);
                border: #df8f03;
                background-color: #df8f03;
                padding-top: 0.65rem;
                padding-bottom: 0.65rem;
            }
            #LogOnMainDiv .mo-login-toolbar .k-button .k-icon {
                display: none
            }
        #LogOnMainDiv .mo-login-toolbar button[id^="Run_63"] {
            width: 100%;
            font-weight: 600;
            color: var(--main-background-color);
            border: var(--main-theme-color);
            background-color: var(--main-theme-color);
            padding-top: 0.65rem;
            padding-bottom: 0.65rem;
        }
            #LogOnMainDiv .mo-login-toolbar button[id^="Run_63"]:hover {
                color: var(--main-background-color);
                border: var(--scnd-theme-color);
                background-color: var(--scnd-theme-color);
                padding-top: 0.65rem;
                padding-bottom: 0.65rem;
            }
#LogOnMainDiv button[id^=ActionCall_50]{
    width: 100%;
    color: #fff;
    font-weight: 600;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    margin: 0 !important;
    background-color: var(--main-theme-color);
}
#LogOnMainDiv .m-bottom-div2 .m_group_container, #LogOnMainDiv .column_control_container {
    padding: 0;
}
#LogOnMainDiv .create_m_main {
    background-color: transparent;
}
    #LogOnMainDiv h2 {
        font-size: 1.5em;
        color: var(--scnd-theme-color);
        font-weight: 700;
        padding-top: 0;
        text-align: center;
    }
#LogOnMainDiv .section_default_main_div_content{
    padding: 0;
}
#LogOnMainDiv .section_default_group_Container {
    margin-top: -5px;
    padding-top: 0;
    padding-bottom: 0;
    border: 0 !important;
}
#LogOnMainDiv .control_container {
    padding-bottom: 0;
    margin-top: 15px;
}
    #LogOnMainDiv .m-caption-container span {
        color: #a9a9a9 !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.75rem;
        font-family: system-ui;
    }
#LogOnMainDiv .m-topcaptionposition-caption {
    font-size: 1.1rem;
    color: var(--imagen-button-color);
}

input[type="text"], input[type="password"] {
    color: var(--imagen-button-color);
    font-size: 1.1em;
}

.mo-login-toolbar .saveActionLogin .k-svg-i-save {
    display: none;
}
#LogOnMainDiv .m-bottom-div2{
    height: auto;
}
.swal-button {
    background-color: var(--third-theme-color);
}

    .swal-button:active {
        background-color: var(--third-theme-color);
    }
.k-dialog-titlebar {
    color: #7d7d7d;
}
.k-notification-error {
    color: #fff !important;
    border-color: #f96d6d !important;
    background-color: #f96d6d !important;
    box-shadow: 0 8px 10px rgb(0 0 0 / 0%), 0 4px 16px rgb(0 0 0 / 0%) !important;
}
    .k-notification-error .more-validation-summary-item {
        color: #fff !important;
    }
.more-app-informer-wrapper .k-tilelayout-item-body .more-informer-body {
    max-height: none !important;
    overflow-y: auto !important;
}
@media (max-width: 414px){
    .logologin  {
        background-size: contain;
        height: 110px;
    }
    }
    @media (max-width: 430px){
    .logologin  {
        width: 301px;
        height: 150px;
        background-size: contain;
    }
    }
@media (min-width: 1024px) {
    .container-login {
        width: 60%;
    }
}
         @media (min-width: 540px) and (max-width: 540px){
        .logologin {
            width: 400px;
            height: 170px;
            background-size: 400px auto;
        }
    }
        @media (min-width: 768px) and (max-width: 768px){
        .logologin {
            width: 450px;
            height: 300px;
            background-size: 450px auto;
        }
    }
    @media (min-width: 768px) and (max-width: 768px) {
    .container-logo {
        height: 21vh;
    }
}
        @media (min-width: 820px) and (max-width: 820px){
        .logologin {
            width: 500px;
            height: 300px;
            background-size: 500px auto;
        }
    }
    @media (min-width: 820px) and (max-width: 820px) {
    .container-logo {
        height: 20vh;
    }
}
             @media (min-width: 853px) and (max-width: 853px){
        .logologin {
            width: 500px;
            height: 200px;
            background-size: 500px auto;
        }
    }
    @media (min-width: 915px) and (max-width: 915px){
        .logologin {
        width: 247px;
        height: 100px;
        margin-top: 5px;
        background-size: 247px auto;
        }
    }
    @media (min-width: 1190px){
        .logologin {
            width: 301px;
            height: 130px;
            margin-top: auto;
            background-size: 301px auto;
        }
    }
    @media (min-width: 1024px) and (max-width: 1024px){
        .logologin {
            width: 250px;
            height: 100px;
            margin-top: auto;
            background-size: 240px auto;
        }
    }
                @media (min-width: 912px) and (max-width: 912px){
        .logologin {
            width: 500px;
            height: 200px;
            background-size: 500px auto;
        }
    }
    @media (min-width: 932px) and (max-width: 932px){
        .logologin {
            height: 100px;
        }
    }
        @media (min-width: 375px) and (max-width: 375px){
        .container-logo {
            height: 20vh;
        }
    }
    @media (min-width: 430px) and (max-width: 430px){
        .container-logo {
            height: 22vh;
        }
    }

    @media (min-width: 1024px){
    div[data-tab-name="ABM_Inicio"]> div {
        height: 56vh;
    }
}
.action-no-caption > span > .action-no-caption {
    width: 99%;
    margin-top: 0 !important;
    margin-bottom: 0;
    text-align: center;
    margin-left: 4px;
}
div[class^="RK_ABM_2c80ebf37f4a_inicio_"]{
    text-align: center;
}
div[class^="RK_ABM_2c80ebf37f4a_inicio_"] span::before{
    color: #959595;
    content: "Coloque sus credenciales para acceder a su espacio de trabajo.";
    font-size: .875rem;
    font-weight: 500;
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    letter-spacing: 0.03em;
}
div[id^="Password_"] .k-textbox::after{
    content: "";
    display: table-column;
    width: 1.1rem;
    height: 1.1rem;
    padding: 1px 15px 1px 5px;
    margin: auto;
    background-color: transparent;
    transition: transform 0.15s ease, background-color 0.15s ease;
    background-image: url(/Content/themes/default/images/Menu/close-eye.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
}
div[id^=UserName_] .k-textbox, div[id^=Password_] .k-textbox {
    color: #455a69 !important;
    border-radius: 20px;
    background-color: #ffffff;
    border-color: #e2e8f0;
}
div[id^="Password_"] .k-textbox:hover::after{
    opacity: 0.7;
}
/* Cuando se activa la clase .is-visible, se intercambia la máscara al icono de ojo abierto */
[id^="password_"].is-visible::after {
  content: "";
    display: table-column;
    width: 1.1rem;
    height: 1.1rem;
    padding: 1px 15px 1px 5px;
    margin: auto;
    background-color: transparent;
    transition: transform 0.15s ease, background-color 0.15s ease;
    background-image: url(/Content/themes/default/images/Menu/open-eye.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.7;
}
[aria-labelledby^="RK_ABM_c7adbbbd98c1_aceptacion_de_terminos_"].k-window{
    max-width: 42rem;
    flex-direction: column;
    margin: auto;
    left: -50% !important;
    right: -50%;
    max-height: fit-content;
}
[aria-labelledby^="RK_ABM_c7adbbbd98c1_aceptacion_de_terminos_"] h2{
    display: none;
}
.k-window .k-window-titlebar {
    color: var(--scnd-theme-color);
    font-weight: 700;
    border-color: #e7e7e7cf !important;
    background-color: #ffffff;
    border-radius: 5px 5px 0 0;
    padding: 1.2rem;
}
/**ESTILOS TERMINOS Y CONDICIONES***/
div[id^="RK_ABM_c7adbbbd98c1_aceptacion_de_terminos_"].create_m_main{
    background-color: #f8fafc;
}
div[id^="RK_ABM_c7adbbbd98c1_aceptacion_de_terminos_"] .section_default_main_div_content{
    padding: 0;
    border: 0;
}
div[id^="src_aceptacion_de_terminos_con_KERNEL_Condicion_uso_"].k-grid, div[id^="src_aceptacion_de_terminos_con_KERNEL_Condicion_uso_"].k-grid .k-grid-content{
    background-color: transparent;
}
div[id^="src_aceptacion_de_terminos_con_KERNEL_Condicion_uso_"] .k-table{
    width: 100% !important;
    table-layout: auto !important;
}
div[id^="src_aceptacion_de_terminos_con_KERNEL_Condicion_uso_"] .k-master-row:hover{
    background-color: transparent !important;
}
div[id^="src_aceptacion_de_terminos_con_KERNEL_Condicion_uso_"] .k-master-row .k-table-td{
    border-bottom: 1px solid rgb(0 0 0 / 0%) !important;
}
div[id^="src_aceptacion_de_terminos_con_KERNEL_Condicion_uso_"] b{
    display: block;
    text-align: center;
    font-size: .9rem;
    color: var(--scnd-theme-color);
    font-weight: 700;
}
div[id^="src_aceptacion_de_terminos_con_KERNEL_Condicion_uso_"] h1{
    font-size: 1rem;
    color: #2c3e59;
    font-weight: 600;
    line-height: 0;
    margin-bottom: 20px;
}
#group-116300 .txt_control_border_radius{
    padding: 0 1rem 1rem 1rem;
}
#group-116300 .txt_control_border_radius span{
    color: var(--scnd-theme-color);
    font-weight: 700;
}
@media screen and (max-width: 956px){
    .container-login {
        width: 90%;
        height: auto;
        display: block;
        border-bottom-left-radius: 50px;
    }
} 
@media screen and (max-width: 956px) {
    .container-logo {
        height: 20vh;
    }
}
@media screen and (max-width: 956px){
    .logologin  {
        display: flex;
        width: 95%;
        height: stretch;
        margin: auto;
        background-size: contain;
        align-items: center;
        text-align: center;
        justify-items: center;
        justify-content: center;
    }
    }