/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

 body,
 html {
     width: 100%;
     height: 100%;
 }
 
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
     font-weight: 700;
 }
 
 @media screen and (min-width: 960px) {
     body{
 /*        background: url(../../../bundles/brisasp/images/home-page.jpg) no-repeat center;
         background-size: 100% 100%;*/
     }
 }
 
 @media (min-width: 768px) {
     .modal-dialog {
         width: 500px;
         margin: 0 auto;
     }
     
     .login-content {
         margin-top: 80px !important;
     }
 }
 
 .loginError {
     padding-top: 10px;
 }
 
 .header_login {
     background: rgba(0, 0, 0, 0) linear-gradient(90deg, #669835, #4d752f) repeat scroll 0 0;
     height: 80px;
     padding: 20px 10px 0;
     width: 100%;
 }
 
 .inside::after {
     clear: both;
     content: "";
     display: block;
 }
 .inside {
     margin: 0 auto;
     max-width: 1020px;
     position: relative;
 }
 
 .headerpic {
     float: left;
     margin: 0 15px 0 0;
     text-align: left;
     width: 250px;
 }
 
 .headerpic img {
     display: block;
 }
 
 .btn.btn-login {
     background-color: #649a2b;
     border-color: #327eab;
     color: #ffffff;
 }
 
 .input-login {
     border-color: #649a2b;
 }
 
 .login-dialog {
     margin: auto;
     width: 500px;
 }
 
 .login-content {
     margin-top: 0;
 }
 .login-header-left {
     color:#FFF;
     float:left;
     margin-top:5px;
 }
 .login-header-right {
     color:#FFF;
     float:right;
     margin-top:15px;
 }
 @media (max-width: 768px) {
     .login-header-right {
         margin: 15px 0px 0 10px;
         width: 40px;
         position: absolute;
         text-align: center;
     }
     .header_login {
         padding: 10px 30px 0;
     }
     .login-header-left {
         font-size: 8px;
     }
     .header-logo-size {
         width: 70%;
     }
 }
#birth, #email {
    height: 35px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    width: 260px !important;
}

#btnLogin{
    width: 50%;
    margin: 5px auto;
}

#btnforgot {
    width: 65%;
    margin: 0 auto;
}


#new_password, #repassword {
    height: 35px !important;
    font-size: 14px !important;
}

#btn_Login{
    width: 65%;
    margin: 5px auto;
}

#btnLogin{
    width: 59%;
    margin: 5px auto;
}

#btnChangePass {
    width: 59%;
    margin: 0 auto;
}

.messError {
    color: #d9534f;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#btnChangePass{
    padding-top: 10px;
}

.title {
    font-size:14px;
    color:#000000;
    text-align:center;
    padding-top: 10px;
}

.titleForgot {
    font-size:14px;
    text-align:left;
}
.titleForgotH2 {
    font-size:24px;
    color:#649a2b;
    text-align:center;
    padding-bottom: 20px
}
@media only screen and (max-device-width : 730px) {
    .modal-dialog{
        width: 100% !important;
    }
    #birth, #email {
         width: 200px !important;
    }

    #new_password, #repassword {
        width: 146px !important;
    }

    #btnChangePass {
        margin-left: 30px !important;
        width: 80% !important;
    }

    .title {
        text-align: left !important;
        padding: 0 20px 0 10px;
    }
    .titleForgot {
        padding-right: 15px;
    }
}