/* 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 '-'
(84,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(95,25): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(96,26): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(97,36): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(103,25): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(104,26): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(105,36): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(110,29): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(124,21): run-time error CSS1039: Token not allowed after unary operator: '-scnd-text-color'
(146,17): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color'
(150,17): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color'
(161,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(165,32): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color'
(174,34): run-time error CSS1046: Expect comma, found '0'
(174,38): run-time error CSS1046: Expect comma, found '/'
(174,62): run-time error CSS1046: Expect comma, found '0'
(174,66): run-time error CSS1046: Expect comma, found '/'
 */
: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: 301px auto;
}
@media (min-width: 280px) and (max-width: 912px){
    .logologin  {
        height: 90%;
    }
    }
@media (min-width: 344px) and (max-width: 414px){
    .logologin  {
        background-size: 270px auto;
    }
    }
@media (min-width: 430px) and (max-width: 430px){
    .logologin  {
        height: 90%;
        background-size: 270px auto;
    }
    }
    @media (min-width: 540px) and (max-width: 540px) {
    .logologin {
        width: 95%;
        height: 90%;
        margin: auto;
        background-size: 450px auto;
    }
}
@media (min-width: 768px) and (max-width: 768px){
    .logologin  {
        width: 95%;
        background-size: 540px auto;
    }
    }
    @media (min-width: 820px) and (max-width: 853px){
    .logologin  {
        width: 95%;
        background-size: 580px auto;
    }
    }
    @media (min-width: 1024px) {
    .container-login {
        /*width: 80%;
        height: auto;
        display: block;*/
    }
}
.container-form {
    background-color: var(--main-background-color);
}
#LogOnMainDiv {
     margin: 10% 0 2% 0 !important;
}
    #LogOnMainDiv .mo-login-toolbar {
        margin: 10px 0 20px 0;
        padding-bottom: 10px;
        padding-left: 3px;
    }
        #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%;
            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:hover {
                color: var(--main-background-color);
                border: #df8f03;
                background-color: #df8f03;
                padding-top: 8px;
                padding-bottom: 8px;
            }
            #LogOnMainDiv .mo-login-toolbar .k-button .k-icon {
                display: none
            }
#LogOnMainDiv .create_m_main {
    background-color: transparent;
}
    #LogOnMainDiv h2 {
        font-size: 1.5em;
        color: var(--scnd-text-color);
        font-weight: bold;
        padding-top: 0;
    }
#LogOnMainDiv .section_default_main_div_content{
    padding: 0;
}
#LogOnMainDiv .section_default_group_Container {
    margin-top: -5px;
    padding-top: 0;
    padding-bottom: 0;
}
#LogOnMainDiv .control_container {
    padding-bottom: 0;
    margin-top: 15px;
}
    #LogOnMainDiv .m-caption-container span {
        /* font-size: 1.1rem; */
        color: #9f9f9f !important;
    }
#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 (min-width: 1024px) and (max-width: 1024px){
        #LogOnMainDiv {
            margin-top: 20% !important;
        }
    }
    @media (min-width: 1024px){
        #LogOnMainDiv {
            height: 65vh;
            margin-top: 0;
        }
    } 
    @media (min-width: 932px) and (max-width: 932px){
        #LogOnMainDiv{
            margin-top: 0%;
        }
    }
    @media (min-width: 915px) and (max-width: 915px){
        #LogOnMainDiv {
            height: 50vh;
            margin-top: 0;
        }
    }
    @media (min-width: 896px) and (max-width: 896px){
        #LogOnMainDiv{
            margin-top: 0;
        }
    }
    @media (min-width: 844px) and (max-width: 844px){
        #LogOnMainDiv{
            margin-top: 0;
        }
    }
    @media (min-width: 820px) and (max-width: 820px){
        #LogOnMainDiv {
            margin-top: 5%;
        }
    }
    @media (min-width: 768px) and (max-width: 768px){
        #LogOnMainDiv {
            margin-top: 5%;
        }
    }
    @media (min-width: 740px) and (max-width: 740px){
        #LogOnMainDiv{
            margin-top: 0% !important;
        }
    }
    @media (min-width: 667px) and (max-width: 667px){
        #LogOnMainDiv{
            margin-top: 0% !important;
        }
    }
    @media (min-width: 540px) and (max-width: 540px){
        #LogOnMainDiv {
            margin-top: 0%;
        }
    }
    @media (min-width: 430px) and (max-width: 430px){
        #LogOnMainDiv {
            margin-top: 0%;
        }
    }
    @media (min-width: 415px) and (max-width: 415px){
        #LogOnMainDiv {
            margin-top: 0%;
        }
    }
    @media (min-width: 414px) and (max-width: 414px){
        #LogOnMainDiv {
            margin-top: 0%;
        }
    }
    @media (min-width: 390px) and (max-width: 390px){
        #LogOnMainDiv {
            margin-top: 15%;
        }
    }
    @media (min-width: 375px) and (max-width: 375px){
        #LogOnMainDiv {
            margin-top: 10%;
        }
    }
    @media (min-width: 360px) and (max-width: 360px){
        #LogOnMainDiv {
            margin-top: 5%;
        }
    }
    @media (min-width: 344px) and (max-width: 344px){
        #LogOnMainDiv{
            margin-top: 10%;
        }
    }*/
  /*  @media (min-width: 820px) and (max-width: 820px){
        .container-form{
            height: 46vh !important;
        }
    }
    @media (min-width: 740px) and (max-width: 740px){
        .container-form{
            height: 80vh !important;
        }
    }
    @media (min-width: 667px) and (max-width: 667px){
        .container-form{
            height: 80vh !important;
        }
    }
    @media (min-width: 540px) and (max-width: 540px){
        .container-form{
            height: 58vh !important;
        }
    }
    @media (min-width: 375px){
        .container-form {
            height: 62vh;
        }
    }
    @media (min-width: 344px) and (max-width: 344px){
        .container-form{
            height: 50vh !important;
        }
    }
    @media (min-width: 430px) and (max-width: 430px){
        .container-form {
            height: 62vh;
        }
    }
    @media (min-width: 414px){
        .container-form {
            height: 52vh;
        }
    }
    @media (min-width: 915px) and (max-width: 915px){
        .container-form {
            height: 88vh;
        }
    }
    @media (min-width: 1024px){
        .container-form {
            height: 70vh;
        }
    }
    @media (min-width: 1024px) and (max-width: 1024px){
        .container-form {
            height: 70vh;
        }
    }
    @media (min-width: 1180px){
        .container-form {
            height: 74vh;
        }
    }
    @media (min-width: 1190px){
        .container-form {
            height: 65vh;
        }
    }
    @media (min-width: 932px) and (max-width: 932px){
        .container-form{
            height: 80vh;
        }
    }
    @media (min-width: 896px) and (max-width: 896px){
        .container-form{
            height: 80vh;
        }
    }
    @media (min-width: 844px) and (max-width: 844px){
        .container-form{
            height: 80vh;
        }
    }*/
   /* @media (min-width: 360px){
        #LogOnMainDiv h2 {
            margin: -7px 20px 3px 20px;
        }
    }
    @media (min-width: 375px){
        #LogOnMainDiv h2 {
            margin: -24px 20px 3px 20px;
        }
    }
    @media (min-width: 414px){
        #LogOnMainDiv h2 {
            margin: 18px 20px 3px 20px;
        }
    }

    @media (min-width: 667px){
        #LogOnMainDiv h2 {
            margin: 10px 20px 3px 20px;
        }
    }
    @media (min-width: 1180px){
        #LogOnMainDiv h2 {
            margin: 50px 20px 3px 20px;
        }
    }
    @media (min-width: 1190px){
        #LogOnMainDiv h2 {
            margin: 0;
        }
    }
    @media (min-width: 667px) and (max-width: 667px){
        #LogOnMainDiv h2{
            padding-top: 15px !important;
        }
    }*/
/*    @media (min-width: 1024px) and (max-width: 1024px){
        .container-login {
            width: 80% !important;
            height: 70vh !important;
        }
    }
    @media (min-width: 932px) and (max-width: 932px){
        .container-login {
            display: flex;
        }
    }
    @media (min-width: 896px) and (max-width: 896px){
        .container-login{
            display: flex;
        }
    }
    @media (min-width: 844px) and (max-width: 844px){
        .container-login {
            display: flex;
        }
    }
    @media (min-width: 820px) and (max-width: 820px){
        .container-login {
            width: 50% !important;
            height: 65vh !important;
        }
    }
    @media (min-width: 740px) and (max-width: 740px){
        .container-login{
            display: flex;
        }
    }
    @media (min-width: 667px) and (max-width: 667px){
        .container-login{
            display: flex;
        }
    }
    @media (min-width: 430px) and (max-width: 430px){
        .container-login {
            width: 90%;
            height: 88vh;
            display: block;
        }
    }
    @media (min-width: 375px){
        .container-login {
            height: 88vh;
        }
    }
    @media (min-width: 414px){
        .container-login {
            height: 80vh;
        }
    } 
    @media (min-width: 915px) and (max-width: 915px){
        .container-login {
            display: flex;
            height: 88vh;
        }
    } 
    @media (min-width: 1024px){
        .container-login {
            height: 70vh;
        }
    } 
    @media (min-width: 1180px){
        .container-login {
            height: 74vh;
        }
    }
    @media (min-width: 1190px){
        .container-login {
            height: 65vh;
        }
    } */
    @media (min-width: 912px) and (max-width: 915px){
        .logologin {
        width: 95%;
        height: 100%;
        margin-top: 30px;
        background-size: 650px 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: 95%;
            height: 100%;
            margin-top: auto;
            background-size: 780px auto;
        }
    }
    @media (min-width: 932px) and (max-width: 932px){
        .logologin {
            height: 100px;
        }
    }
    @media (min-width: 430px) and (max-width: 430px){
        .container-logo {
            height: 32vh;
        }
    }
    @media (min-width: 1024px){
    div[data-tab-name="ABM_Inicio"]> div {
        height: auto;
    }
}
/*@media (min-width: 1024px) and (max-width: 1024px){
    #LogOnMainDiv .m-bottom-div2  {
        height: 35vh !important;
    }
}
@media (min-width: 932px) and (max-width: 932px){
    #LogOnMainDiv .m-bottom-div2{
        height: 50vh !important;
    }
}
@media (min-width: 896px) and (max-width: 896px){
    #LogOnMainDiv .m-bottom-div2{
        height: 50vh !important;
    }
}
@media (min-width: 844px) and (max-width: 844px){
    #LogOnMainDiv .m-bottom-div2{
        height: 48vh !important;
    }
}
@media (min-width: 667px) and (max-width: 667px){
    #LogOnMainDiv .m-bottom-div2{
        height: 46vh !important;
    }
}
@media (min-width: 360px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 41vh;
}
} 
@media (min-width: 375px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 41vh;
}
}
@media (min-width: 390px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 39vh;
}
}
@media (min-width: 393px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 39vh;
}
}
@media (min-width: 414px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 35vh;
}
}
@media (min-width: 412px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 35vh;
}
}
@media (min-width: 667px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 28vh;
}
}
@media (min-width: 740px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 45vh;
}
}
@media (min-width: 768px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 31vh;
}
}
@media (min-width: 844px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 28vh;
}
}
@media (min-width: 851px){
    #LogOnMainDiv .m-bottom-div2 {
    height: 28vh;
}
}
@media (min-width: 915px) and (max-width: 915px){
    #LogOnMainDiv .m-bottom-div2 {
        height: 56vh;
}
}
@media (min-width: 1024px){
    #LogOnMainDiv .m-bottom-div2 {
        height: 40vh;
}
}
@media (min-width: 1180px){
    #LogOnMainDiv .m-bottom-div2 {
        height: 47vh;
}
}*/
.action-no-caption > span > .action-no-caption {
    width: 97%;
    margin-top: 0 !important;
    margin-bottom: 10px;
    text-align: center;
    margin-left: 4px;
}