body {
    background: #fff;
    margin: auto;
    /*background: linear-gradient(0deg, rgba(20,80,109,1) 0%, rgba(99,207,126,1) 100%);*/
    background: linear-gradient(0deg, rgb(41 66 123) 0%, rgb(73 118 175) 46%, rgb(111 165 202) 75%, rgb(167 239 251) 100%);
    min-height: 100vh;
}
header {
    text-align: center;
    margin: 20px auto 15px;
}
header img {
    width: 215px;
    height: auto;
}
footer {
    text-align: center;
    font-size: 0.9em;
    margin: 50px auto;
    color: #fff;
}
footer a {
    color: #ff9d37;
}
.form-login, .form-forgotpass {
    position: relative;
    display: block;
    width: 350px;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(162, 162, 162, 0.7);
    text-align: center;
	overflow: hidden;
}
.header {
    padding: 25px 30px;
    border-radius: 3px 3px 0 0;
    background-color: #456e9e;
    text-align: center;
    color: #fff;
}
.header h2 {
    text-transform: uppercase;
    font-size: 1.1em;
}
.contenido {
    padding: 25px 30px;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
}
.campo-form label {
    width: 100%;
    height: 38px;
    border-radius: 5px;
    font-size: 1.2em;
}
.campo-form label input {
    box-shadow: 0 1.5px 0 0 rgba(0,0,0,.16);
    /*box-shadow: 0 3px 0 0 rgba(0,0,0,.16);*/
    border: 1px solid rgba(0,0,0,.1);
    height: 38px;
    width: 100%;
    border-radius: 5px;
}
.campo-form label input:focus {
    background-color: #fff;
    border: 1px solid rgba(69, 110, 158, .7);
    box-shadow: 0 1.5px 0 0 rgba(69, 110, 158, .7);
    /*box-shadow: 0 3px 0 0 rgba(69, 110, 158, .7);*/
}
.campo-form label input:active + i {
    color: rgb(69, 110, 158);
}
.btn-transparente {
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, .1);
    padding: 10px;
    height: 40px;
    background-color: #f9573e;/*#4978af*/
    color: #fff !important;
    cursor: pointer;
    margin-left: 10px;
}
.content-check span {
    color: #7a848c;
}
.content-check label i {
    font-weight: 600;
    color: #ccc;
    font-size: 1.5em;
    margin-right: 3px;
    vertical-align: middle;
}
.campo-check {
    display: none;
    vertical-align: middle;
    align-items: center;
    align-content: center;
}
.recordar-pass {
    color: #456e9e;
    font-family: 'FontMedium', serif;
}
.recordar-pass:focus ,.recordar-pass:hover {
    color: #2b856c;
}
.div-btnEntrar button {
    background-color: #2196F3; /*#456e9e;*/
    width: 100%;
}
.div-btnEntrar button:hover,
.div-btnEntrar button:focus {
    background-color: #e8482f;
}
.div-btnEntrar button i {
    margin-left: 8px;
}
.footer {
    padding: 20px 30px;
    border-radius: 0 0 3px 3px;
    background-color: #e8482f;/*#456e9e*/
    color: #fff;
}
.btn-transparente:focus,
.btn-transparente:hover {
    background-color: rgba(255,255,255,.17);
}

.form-forgotpass .div-user-icon i {
    font-size: 4.5em;
    color: #ededed;
}
form#usuario-forgotpass .eventos-campos-formulario {
    margin: 15px 0;
}

.descripcion {
    margin: 15px auto;
}
.descripcion h1 {
    margin-bottom: 10px;
    line-height: 1.3em;
    font-size: 1.5em;
    color: #fff;
}
.descripcion .planes {
    color: #55ab73;
}