@media (min-width:768px){#login .form-wrap{width:30%;margin:0 auto;}
}
@media (max-width:768px){#login .form-wrap{width:70%;margin:0 auto;}
}
#login{padding-top:50px}
#login h1{color:#367fa9;font-size:18px;text-align:center;font-weight:bold;padding-bottom:20px;}
#login .form-group{margin-bottom:25px;}
#login .checkbox{margin-bottom:20px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
#login .checkbox.show:before{content:'\e013';color:#367fa9;font-size:14px;margin:1px 0 0 3px;position:absolute;pointer-events:none;font-family:'Glyphicons Halflings';}
#login .checkbox .character-checkbox{width:20px;height:20px;cursor:pointer;border-radius:3px;border:1px solid #ccc;vertical-align:middle;display:inline-block;}
#login .checkbox .label{color:#6d6d6d;font-size:13px;font-weight:normal;}
#login .btn.btn-custom{font-size:14px;margin-bottom:20px;}
#login .forget{font-size:13px;text-align:center;display:block;}
.form-control{color:#212121;}
.btn-custom{color:#fff;background-color:#367fa9;}
.btn-custom:hover,
.btn-custom:focus{color:#fff;}
#footer{color:#6d6d6d;font-size:12px;text-align:center;}
#footer p{margin-bottom:0;}
#footer a{color:inherit;}