body{
	min-width:300px;
}

.login {
    overflow: auto;
    padding-bottom: 50px;
}

.login_bg {
  position: fixed;
  background: url(../../images/login_bg.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1000;
}

.login .logo {
  margin: 0 auto;
  margin-top:40px;
  padding: 15px;
  text-align: center;
}

.login .content {
  background-color:#fff;
  width: 500px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 40px 50px 35px 50px;
  border-radius: 10px !important;
}

.login .content p {
  color: #222;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px;
}

.login .content .m-wrap {
  width: 410px;
  border-left: 0 !important;
}

.login .content .control-group {
  margin-bottom: 25px !important;
  border-bottom: 1px solid #bad7ef !important;
}

.login .content .control-group .controls {
    margin: 9px 5px;
}
.login .content .control-group .controls  .icon-img.lock{
	margin:0 4px;
}
.login .content .input-icon .m-wrap {
  margin: 0px !important;
}

.login .content  input.m-wrap{
	border:0px;
	background-color:#fff;
	color:#187ecc;
    height:25px;
    font-size:20px;
}
.login .content .forget-form {
  display: none;
}

.login .content .register-form {
  display: none;
}

.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px;
}

.login .content .form-actions {
  overflow:hidden;
  background-color: #fff;
  clear: both;
  border: 0px;
  margin:0px;
  color:#08c;
  font-size:20px;
  padding: 0px 20px 0px 20px;
  margin-left: -20px;
  margin-right: -20px;
}

.login .content .form-actions.h-center {
	text-align:center;
}

.login .content .form-actions .checkbox,
.login .content .form-actions .radio {
  display: inline-block;
}
div.checker span,
div.checker.hover span,
div.checker.focus span{
    margin-right:10px;
 	background: url(../../images/auto_login.png) 0 0 no-repeat;
}
div.checker span.checked,
div.checker.hover span.checked,
div.checker.focus span.checked{
 	background: url(../../images/auto_login_check.png) 0 0 no-repeat;
}

div.radio span,
div.radio.hover span,
div.radio.focus span{
	margin-right:30px;
 	background: url(../../images/radio_bg.png) 0 0 no-repeat;
}
div.radio span.checked,
div.radio.hover span.checked,
div.radio.focus span.checked{
 	background: url(../../images/radio_bg_checked.png) 0 0 no-repeat;
}
.login .content .form-actions .btn {
  margin-top: 1px;
}

.login .content .forget-password {
  margin-top: 25px;
}

.login .content .form-actions a{
  color:#e4720d;
  font-size:17px;
  margin-left:30px;
  margin-right:6px;
}

.login .content .form-actions #downloadClient{
	margin-top:6px;
}
.login .content .form-actions div a{
    margin-left:0px;
}
.login #clients{
	width:100%;
	text-align: right;
}
.login .content .client-download a {
  margin-top: 5px;
  margin-right:10px;
}

.login .copyright {
  text-align: center;
  width: 250px;
  margin: 0 auto;
  padding: 10px 10px 0 10px;
  color: #999;
  font-size: 11px;
}

.login .content .control-group .controls .input-icon img{
    width:30px;
}
.login .content .control-group .controls .input-icon .lock{
    width:28px;
    margin:0 2px;
}

#btnLogin,#btnFindPassWord{
    width:400px;
    height:55px;
    background-color:#8cca07;
    font-size:26px;
    margin-top: 20px;
}
#btnLogin.orange {
    background-color: #ec761f;
}
.login .content .form-actions .checkbox {
  margin-top: 6px;
  font-size:17px;
}
.login .content .form-actions .radio {
  font-size:17px;
}
#clients a img{
    width:35px;
}

@media (max-width: 600px) {
  .login .logo {
    margin-top:10px;
  }

  .login .content {
    padding: 30px;
    width: 222px;
  }

  .login .content .m-wrap {
      width: 125px;
  }

  .login .checkbox {
    font-size: 13px;
  }

  #btnLogin,#btnFindPassWord{
    width:220px;
    height:55px;
    font-size:26px;
    margin-top: 20px;
  }
}