body{font-size:13px!important;}
.icenter{text-align:center;}
.ileft{text-align: left;}
.iright{text-align:right}
.c25{width:25%!important;}
.c33{width:33.3%!important;}
.c50{width:50%!important;}
.c75{width:75%!important;}
.c100{width:50%!important;}
.contenido-login{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 0;background: #fff;box-shadow: 0 5px 12px #00000050;border-radius: 5px;}
.contenido-login >div{padding:0}
.contenido-login input{all:unset;border:none;border-bottom:2px solid rgba(0,176,154);width:100%;padding:18px 22px;box-sizing: border-box;margin-bottom:12px;}
.login_logo img{width:90%;margin-bottom:21px;}
[src="assets/img/login.jpg"]{border-radius:0 5px 5px 0}
#loginbox small{color:#666;font-weight:600}
.boton1{background:rgba(0,176,154);color:#fff;border:rgba(0,176,154)}
.boton1:hover{background: rgb(82,38,111);}

.contenido-login{width:960px}

.thesimbol{display: inline-block!important;
    padding-left: 12px;
    width: fit-content!important;
    border: none!important;}
.autohide{animation:v 1.0s forwards;animation-delay: 2s;}

#passwordForm{transform:translate(-50%,-50%);top:50%;left:50%;width:100%;height:100%}

.nav.navbar-nav{float:right}

.userData{padding-top:21px;color:#666!important}
.navbar-up{background:#fff;color:#666;}
.active , .active a,.dropdown-toggle{background-color:transparent!important;color:#999!important;}
.active a:hover,.dropdown-toggle:hover,.open{background:#00A388!important;color:#fff!important}
.dropdown-menu a:hover,.highlighted{background:#007964!important;color:#fff!important}

.contenido-body {background-color: #fff!important;}

.contenido2 img{ filter: grayscale(100%);opacity:0.5}
.contenido2:hover img{filter:none;opacity:1}

.titulo h4{color:#00A388!important;}
.titulo strong{font-size:13px!important;}

footer{    background: #00A388!important;
    font-weight: 400!important;
    border: none;
    margin-bottom: -10px;
    color: #fff;}

.navbar-superior{padding:21px;}

.userpic,.userpic button{border-radius:50px;padding:6px!important}
.userpic img{border-radius:50px;border: 1px solid #fff;width:75px;max-width: none;}
.userpic.open{background: transparent!important;}

.navbar-brand{height:auto}
.navbar-brand img{width:250px}

.alert{color:white;padding:0;border-radius:5px;margin:auto;max-width:60%;margin-bottom:21px;}
.alert:empty{display:none;}
.alert > div{padding:12px;border-radius:5px;}

.div{height:53px;}

.acaceInput{all:unset;border:none;border-bottom:2px solid rgba(0,176,154);width:100%;padding:18px 22px;box-sizing: border-box;margin-bottom:12px;}
.acaceSelect{border:none;border-bottom:2px solid rgba(0,176,154);width:100%;padding:18px 22px;box-sizing: border-box;margin-bottom:12px;}
.acaceCheck{border: 2px solid rgba(0,176,154)!important;width: 26px!important;padding: 5px 12px !important;box-sizing: border-box!important;margin-bottom: 12px!important;height: 26px;margin-right: 12px!important;}
.acaceCheck:checked{background:#007964}

.mainbuttons{text-align: center;padding:35px 12px;border-radius:5px;background:rgba(0,176,154);color: white;cursor: pointer;box-shadow: inset 12px 0 0 white;}
.mainbuttons:hover{background:#ddd;color:#666;}
.mainbuttons i{font-size:5em;}
.peak{margin-left: -25px;margin-top: 25px;float: right;position: absolute;}
.peak2{margin-right: 9px;margin-top: -25px;float: right;}
.preloader{background: rgb(8, 178, 157,0.8);height: 100vh;width: 100vw;position: fixed;top: 0;left: 0;z-index:9999;display:none;user-select: none;}
.preloader img{position: fixed;top: 47vh;left: 46vw;transform: translate(-50%, -50%);animation:preload;animation-duration: 1.5s;animation-iteration-count: infinite;}
.preloader::after {content: "Procesando...";display: block;font-size: 3em;color: white;position: fixed;top: 38vh;width: 100vw;text-align: center;}

@media only screen and (max-width:768px){
    .contenido-login{width:90%}
}

@keyframes v{0%{opacity:1}100%{opacity:0}}
@keyframes preload{
    0%{transform: scaleX(1);}
    25%{transform: scaleX(0);}
    50%{transform: scaleX(-1);}
    75%{transform: scaleX(0);}
    100%{transform: scaleX(1);}
}