:root{
    --verde: #19b688;
}
*{
    margin: 0;
    padding: 0;
}
body{
    min-height: 100vh;
    background: linear-gradient(to top, #F3F3F3, 50%, #fff);
    background: -webkit-linear-gradient(to top, #F3F3F3, 50%, #fff);
}
body > section{
    height: 100%;
    min-height: 100vh;
/*    padding: 15px;*/
}
.row{
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
}
*[class^="col"]{
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
}
img{
    max-width: 100%;
}
.titulo{
    font-weight: 700;
    color: #666;
    margin-bottom: 1.5rem;
}
.text-verde{
    color: var(--verde);
}
.mb-3{
    margin-bottom: 1rem!important;
}
.mb-4{
    margin-bottom: 2rem!important;
}
.px-0{
    padding-left: 0;
    padding-right: 0;
}
.py-3{
    padding-top: 15px;
    padding-bottom: 15px;
}
.mx-auto{
    margin: auto;
}
.img-lateral{
    background-image: url('../i/lateral-login.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
/*    height: calc(100vh - 30px);*/
    height: 100vh;
    margin: 0;
/*    border-radius: 30px;*/
    overflow: hidden;
    color: #fff;    
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.img-lateral h1{
    margin: 0 0 1.5rem 0;
    font-weight: 700;
}
.img-lateral p{
    font-size: 17px;
    font-weight: 400;
}
.iniciar-sesion{
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
.iniciar-sesion .cont-form{
    background-color: #fff;
    box-shadow: 0 3px 15px rgba(175, 188, 187, 0.1);
    padding: 5rem 3rem;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}
.cont-form img{
    margin-bottom: 2.5rem;
}
.cont-form form{
    width: 100%;
}
.cont-form label{
    font-size: 15px;
    color: #666;
    font-weight: 300;
    margin-bottom: .5rem;
}
.cont-form .form-control{
    height: 47px;
    border-radius: 11px;
    padding: 1rem 1rem 0.8rem 1rem;
    border:none;
    background-color: #f6f6f6;
    box-shadow: none;
    transition: all .2
    s ease-in;
    border: 1px solid transparent;
}
.cont-form .form-control:is(:focus){
    box-shadow: 0 0 3px 3px rgba(22, 197, 162, .2);
    border: 1px solid var(--verde);
}
.cont-form .form-control::placeholder{
    font-size: 13px;
}
.cont-form a.forgot-pass{
    color: var(--verde);
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    margin-bottom: 1rem;
}
.cont-form a.forgot-pass:is(:hover,:focus){
    color: #f0814f;
}
.btn-verde{
    border-radius: 15px;
    background-color: var(--verde);
    color: #fff;
    padding: 1.4rem 2rem;
    margin-top: 1.5rem;
    transition: all .3s ease-in;
}
.btn-verde:is(:hover,:focus){
    background-color: #17a67c;
    color: #fff;
}
.foot-datos p{
    font-size: 12px;
    margin-bottom: 0;
    color: #888;
}
a.text-verde:is(:hover,:focus){
    color: #f0814f;
}
@media screen and (max-width: 992px){
    .img-lateral h1{
        font-size: 30px;
    }
}

/* Alert Principal */
.info_principal {
	z-index: 1080;
	width: 100%;
    margin-bottom: 10px;
}

.info_principal .alert {
	width: 100%;
	margin: auto;
	text-align: center;
}

.info_principal .alert .close {
	margin-top: -2px;
}

body.full_body .info_principal {
	margin: 0 0 0 18%;
}

body.full_body_online .info_principal {
	margin: 0 5%;
}