body {
    margin-top: 0;
    background-color: #fff !important;
    overflow-x: hidden;
    font-family: Raleway, sans-serif;
}
#wrapper{
    padding-left:0;
}
#background-login{
    min-height: 100%;
    max-height:100%;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}

#page-wrapper{
    background-color: transparent !important;
}
.login .btn-link{
    color:#61B6FF !important
}
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .fa {
    position: absolute;
    padding: 14px;
    pointer-events: none;
    color:#D9D9D9;
}

/* align icon */
.left-addon .fa  { left:  0px;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  38px; }
.right-addon input { padding-right: 38px; }


.login h4{
    margin-top:0;
    text-align:center;
    margin-bottom:13px;
    color:#444;
}
.login-form {
    box-shadow: 0 0 1px #ccc;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom: 5px solid #8AE5D9;
    background: white;
    padding: 60pt 60pt 15pt 60pt;
    position: relative;
}
.login-form img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.login-form-footer {
    bottom: 0;
    text-align: center;
    font-family: Roboto, sans-serif;
}
form[role=login] input,
form[role=login] button {
    margin: 9px 0;
}
.btn-lg-material{
    padding: 7px 10px;
    border-radius: 2px;
}
.logo-login{
    width:143px;
}
.login {
    max-width: 475px;
}
@media screen and (max-width:2048px){
    .login {
        width: 41%;
        margin: 0 auto;
    }
}
@media screen and (max-width:1536px){
    .login {
        width: 48%;
        margin: 0 auto;
    }
}
@media screen and (max-width:1024px){
    .login {
        width: 65%;
        margin: 0 auto;
    }
}
@media screen and (max-width:700px){
    .login {
        width: 75%;
        margin: 0 auto;
    }
}
@media screen and (max-width:400px){
    .login {
        width: 100%;
        margin: 0 auto;
    }
}
.navbar .navbar-brand{
    padding:15px 15px;
}
.navbar-brand > img{
    width:163px;
}

.navbar-footer a{
    color:#fff !important
}
.navbar-footer a:hover{
    color:#fff !important;
    text-decoration: none !important;
}
.navbar-footer .pull-right{
    padding:15px 0;
}
@media screen and (max-width:700px){
    .grid-sizer,
    .grid-item { width: 50%; }
}

.text{
    background-color: white;
    padding: 10px;
    border: 1px solid #a6a6a6;
}

.text p{
    margin-bottom: 0px;
}

.buttons{
    margin-top: 10px;
}
.mt-10{
    margin-top: 10px !important;
}

.btn-link.btn-link-dark {
    color: #23527c!important;
}

.text-intro-login {
    text-align: center;
    margin-bottom: 35pt;
}
.login-wrapper {
    padding-top: 0!important;
}
.navbar {
    margin-bottom: 0!important;
}
.mensaje-bienvenida {
    text-align: center;
    font-size: 20pt;
    font-family: Roboto, sans-serif;
    line-height: 25pt;
    margin-top: 22pt;
}
label {
    cursor: pointer;
}