.page_login { background-color: #444 !important; padding-top: 10% !important;}
.box_logo_login{ text-align: center; margin-bottom: 30px;}
.box_logo_login img{ max-width: 250px;}
.box_login { width: 360px; max-width: 100% !important; margin: 0 auto;}
.box_login .box_title { color: #999; text-align: center; font-size: 30px; font-weight: 300; margin-bottom: 30px;}
.box_login .box_content {}
.box_login .box_content .form-group { margin-bottom: 20px; }
.box_login .box_content .input-icon .form-control { border: 0; height: 40px; font-size: 14px; background-color: #666; color: #FFF; border-radius: 20px !important; padding-left: 40px !important;}
.box_login .box_content .input-icon i { margin: 13px 2px 4px 15px; font-size: 17px;}
.box_login .box_content .control-label { font-weight: normal; font-size: 14px;}
.box_login .box_content .form-actions { background: none; border: 0; padding: 10px 0 0; margin: 0; text-align: center;}
.box_login .box_content .form-actions .btn{ background: #ff6b6b; color: #FFF; font-weight: 300; font-size: 16px; height: 40px; border-radius: 20px !important; padding: 0 20px;}
.box_login .box_content .form-actions .btn:HOVER{ background: #ec5b5b;}
.box_login .box_content .form-actions .btn > i{ margin-top: 4px; margin-left: 3px;}
.box_login .box_content .form-actions .forgot_password{ color: #999; margin-top: 10px; font-size: 13px;}
.box_login .box_content .form-actions .forgot_password:HOVER{ text-decoration: none; color: #AAA;}
.box_login .alert{ border-radius: 20px !important; text-align: center; margin-bottom: 20px;}

.footer{ position: fixed; width: 100%; bottom: 0; left: 0; text-align: right; color: #999;}
.footer a{ color: #AAA;}

@media (max-width: 786px) {
}

@media (max-width: 480px) {
}