.ajax-alert {
margin: auto;
width: 55%;
}
.boxlogin .row > div {
align-items: center;
display: flex;
flex-direction: column;
}
.copyright {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
}
.copyright p {
font-size: 10px;
margin-bottom: 0px;
}
.logoInti, .imgNotfound {
width: 240px;
}
.olvido {
padding-top: 50px;
text-align: center;
}
.olvido a {
color: rgb(255,255,255);
}
.spinner1 {
background-color: rgb(40,192,206);
left: calc(46%-20px);
}
.spinner1, .spinner2, .spinner3 {
-webkit-animation: sk-scaleout_ 1s infinite ease-in-out;
animation: sk-scaleout_ 1s infinite ease-in-out;
background-color: rgb(40,192,206);
border-radius: 100%;
height: 40px;
position: absolute;
top: calc(50%-20px);
width: 40px;
}
.spinner2 {
background-color: rgb(94,226,121);
left: calc(52%-20px);
}
.spinner3 {
background-color: rgb(125,97,246);
left: calc(58%-20px);
}
* {
margin: 0px;
padding: 0px;
}
#btn_session {
background-color: #b6aa9d !important;
border-color: #b6aa9d !important;
}
#loaderBody {
background: rgb(255,255,255);
height: 100vh;
opacity: 0.7;
position: fixed;
text-align: center;
transition: all0.3sease-in-out0s;
visibility: visible;
width: 100%;
z-index: 100;
}
#loaderBody img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
#loaderBody.fadeOut {
opacity: 0;
visibility: hidden;
}
#variable-form .form-group {
max-width: 500px;
width: 100%;
}
body {
align-items: center;
background: rgb(108 109 113) !important;
display: flex;
height: 100vh;
justify-content: center;
width: 100%;
}
button {
background-color: #b6aa9c !important;
border-color: #b6aa9c !important;
color: #FFF !important;
}
footer {
background: rgba(22,43,64,0.2);
bottom: 0px;
color: rgb(255,255,255);
height: 55px;
position: fixed;
width: 100%;
}
@-webkit-keyframes sk-scaleout_ {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
transform: scale(1);
}
}
@keyframes sk-scaleout_ {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
transform: scale(1);
}
}
@media only screen and (max-width: 800px) {
form {
width: 85%;
}
}