@charset "utf-8";

/*-----------------------------------------------
    login
-----------------------------------------------*/
html{
    position: relative;
}
body{
    height: auto;
}
/*.login-page{
    background: url(../img/login/bgLoginCrm.jpg) center top / cover no-repeat;
}*/
.login-page{
    background: #333 ;
}
.topLogo{
    padding: 24px 0 0 30px;
}
@media only screen and (max-width:767px){
    .topLogo{
        padding: 20px 0 0 5%;
    }
    .topLogo img{
        width: 30px;
        height: auto;
    }
}

/* login-box */
.login-box{
    width: 440px;
    max-width: 90%;
    background: #FFF;
    padding: 48px 35px 55px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin-top: 90px;
}
.login-box .form-control:not(select){
    border: 1px solid #CCC;
    height: 48px;
    font-size: 15px;
    border-radius: 3px;
    letter-spacing: 1px;
}
.login-box-body, .register-box-body{
    padding: 5px 0 0;
}
.login-box .form-group{
    margin-bottom: 10px;
}
.login-box .imgPassword{
    position: absolute;
    top: 13px;
    right: 14px;
    color: #000;
    cursor: pointer;
}
@media only screen and (max-width:767px){
    .login-box{
        margin-top: 20px;
    }
}

/* boxBtn */
.boxBtn{
    margin-top: 32px;
}
.boxBtn .txtPass{
    float: left;
    margin-left: 20px;
}
.boxBtn .txtPass a{
    font-size: 13px;
    text-decoration: underline;
    color: #FF5A5F;
    margin-left: 10px;
    letter-spacing: 0.5px;
}
.login-page.ma .boxBtn .txtPass a{
    color: #1D8BD7;
}
.boxBtn .txtPass a:hover{
    opacity: 0.8;
}
.boxBtn .btn{
    float: right;
    width: 120px;
    margin-top: 3px;
    border: none;
    color: #FFF;
    height: 48px;
    font-size: 15px;
    padding: 0;
}
.boxBtn .btn:hover,
.boxBtn .btn:active,
.boxBtn .btn.hover{
    opacity: 0.8;
}
.boxBtn .btn,
.boxBtn .btn:hover,
.boxBtn .btn:active,
.boxBtn .btn.hover{
    background: #FF5A5F;
}
.login-page.ma .boxBtn .btn,
.login-page.ma .boxBtn .btn:hover,
.login-page.ma .boxBtn .btn:active,
.login-page.ma .boxBtn .btn.hover{
    background: #1D8BD7;
}
@media only screen and (max-width:767px){
    .boxBtn .txtPass,
    .boxBtn .btn{
        float: none;
        text-align: center;
    }
    .boxBtn .txtPass a{
        margin-left: 0;
    }
    .boxBtn .btn{
        margin: 16px auto 0;
    }
}

/* copy */
#copy{
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0.75px;
    position: absolute;
    bottom: 30px;
    right: 30px;
}
@media only screen and (max-height:767px){
    #copy{
        position: static;
        text-align: right;
        padding: 0 30px 10px 0;
    }
}