html[lang='kh'], body[lang='kh']{font-family: 'Hanuman', 'Arial', serif; font-size:1em;}
body[lang='kh'] input,body[lang='kh'] select,body[lang='kh'] label{font-family: 'Hanuman', 'Arial', serif;}
html,body{
    height: 100% !important;
    width: 100% !important;
}
.body-login{
    padding-top: 15px !important;
    overflow-y: auto;
}
.nav>li>a{
    color: #333;
}
.nav>li>a:focus, .nav>li>a:hover{
    color: #3598dc !important;
    background-color: transparent !important;
    text-decoration: none !important;
    border-bottom: 2px solid #3598dc;
}
.icon-bar{
    background-color: #3598dc !important;
}
.login-content{
    margin-top: 5%;
    height: calc(100% - 200px);

}
.login-content-left{
    padding-right: 25px;
    /*color: #a0a9b4;*/
}
.login-content-left p,.login-content-right p{
    font-size: 15px;
    line-height: 25px;
}
.login-content-right{
    padding-left: 25px;
}

.footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 99px;
    border-top: 1px solid #ddd;
    background-color: #f5f5f5;
}
.footer-list{
    margin-top: 15px;
    text-align: center;
}
.footer-link{
    color: #666;
}

.text-center{
    text-align: center;
}
.text-link{
    color: #3598dc;
}

@media (min-width: 320px) and (orientation: portrait){
    .login-content-left{
        display: none;
    }
    .logo{
        height: 70px;
    }
}
@media (min-width: 320px)and (orientation: landscape){
    .login-content-left{
        display: none;
    }
}
@media (min-width: 768px) and (orientation: portrait){
    .login-content-left{
        display: block;
    }
}
@media (min-width: 1024px) {
    .login-content-left{
        display: block;
    }
}
@media (min-width: 1200px){
    .login-content-left{
        display: block;
    }
}