@import url("/dist/css/font/stylesheet.css");
body {
    padding: 0;
    margin: 0;
    font-family: 'DIN Next Slab', sans-serif;
    font-weight: normal;
    font-style: normal;
    overflow: hidden;
}

.limiter {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}


.logo {
    text-align: center;
    width: 80%;
    padding: 0;
}

.col-8.login {
    padding: 0;
}

.col-4.login {
    padding: 0;
}

img.logo1 {
    width: 65%;
    image-rendering: -webkit-optimize-contrast;
}

img.logo2 {
    width: 50%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

.container-login {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-image: url('/dist/img/back/login-background.jpg');
    background-size: cover;
}

.container-login::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(55, 55, 60, 0.5);
    background: -webkit-linear-gradient(left,rgba(32, 75, 97, 0.5),rgba(55, 55, 60, 0.5));
    background: -o-linear-gradient(left,rgba(32, 75, 97, 0.5),rgba(55, 55, 60, 0.5));
    background: -moz-linear-gradient(left,rgba(32, 75, 97, 0.5),rgba(55, 55, 60, 0.5));
    background: linear-gradient(left,rgba(32, 75, 97, 0.5),rgba(55, 55, 60, 0.5));
    pointer-events: none;
}

.wrap-login {
    min-width: 25%;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
}

.title-1 {
    font-size: 1.25rem;
    font-weight: bold;
    font-style: normal;
    color: #009CEB;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.title-2 {
    color: #333333;
}

.quote {
    font-size: small;
    font-style: italic;
    margin-top: 2rem !important;
    margin-bottom: 0 !important;
    color: #6E6E6E;
}

.loginform {
    text-align: center;
}

.ingresar {
    font-size: 1rem;
    color: white;
    text-decoration: none;
    background-color: #009CEB;
    font-weight: normal;
    padding: 4px 50px;
}

.ingresar:hover {
    color: #009CEB;
    background-color: white;
    border: solid 1px #009CEB;
}

/* Preloader */
.content{
    display: none;
}

.preloader{
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: rgb(31,28,28);
    background: linear-gradient(90deg, rgba(31,28,28,1) 0%, rgba(9,9,121,1) 0%, rgba(0,156,235,1) 100%);
    position: absolute
}

.preloader>div, .icon-loader{
    height:60px; 
    width:60px; 
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.preloader>div{
    transition: height 200ms linear;
}

.icon-loader{
    padding: 10px;
    background-color: var(--bg-principal-color);
}

.animation__spin {
    -webkit-animation: spin 1500ms infinite linear;
    animation: spin 1500ms infinite linear;
}


@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@media (min-width: 1024px) {
    .container-login {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    }
}