/***
Login page
***/
/* logo page */
.login {
  background-color: #fff !important;
}
.loginMain{
	width:1440px;
	position:relative;
	margin:182px auto 0;
}
.loginMain .loginInt{
	margin-left:145px;
	border-right:1px solid #F1F1F1;
	float:left;
	padding-right:103px;
}
.loginMain .loginInt p{
	font-size:32px;
	color:#424242;
	font-weight:500;
}
.loginMain .loginInt img{
	display: block;
	width:671px;
	margin:27px 0 0 0;
}
.loginBody{
	width:316px;
	position:relative;
	float:left;
	margin-left:98px;
}
.login .logo {
  margin: 58px auto 67px auto;
  text-align: center;
}
.login .logo img{
	display: block;
	width:158px;
	margin:0 auto;
}
.login .content .input-icon > i{
	color:#71748D;
}
.login .content {
  width: 360px;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 0;
  padding-bottom: 15px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}
.content .form-control{
	border:1px solid #DCE0E6;
}
.content .form-control::-moz-placeholder {
  color: #424242;
  opacity: 1;
}
.content .form-control:-ms-input-placeholder {
  color: #424242;
}
.content .form-control::-webkit-input-placeholder {
  color: #424242;
}
.login .content h3 {
  color: #eee;
}

.login .content h4 {
  float:right;
  font-size:14px;
  color:#7C838C;
  font-weight:400;
}
.login .content h4 a{
	color:#7C838C;
}
.login .content p,
.login .content label {
  color: #fff;
}
.login .content label{
	margin-left:20px;
	float:left;
	font-size:14px;
	color:#7C7F8C;
	font-weight:400;
}
.login .content input[type="checkbox"]:hover,
.login .content input[type="checkbox"]:focus {
    outline: none;
}
.login .content input[type="checkbox"] {
    width: 13px;
    height: 13px;
    position: relative;
    margin-top: -1px;
    margin-right: 4px;
    cursor: pointer;
}
.login .content input[type="checkbox"]:before {
    content: "";
    width: 13px;
    height: 13px;
    background: #FFFFFF;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    border: 1px solid #DCE0E6;
}
.login .content input[type="checkbox"]:after {
    content: "";
    width: 13px;
    height: 13px;
    background: #FFFFFF;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    border: 1px solid #DCE0E6;
}
.login .content input[type="checkbox"]:checked::before {
    content: "✓";
    color:#D44547;
    font-weight:bold;
    line-height:10px;
}
.login .content input[type="checkbox"]:checked::after {
    content: "✓";
    color:#D44547;
    font-weight:bold;
    line-height:10px;
}
.login .content .login-form,
.login .content .forget-form {
  padding: 0px;
  margin: 0px;
}

.login .content .form-control {
  background-color: #fff;
}

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

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

.login .content .form-title {
  font-weight: 500;
  margin-bottom: 25px;
	color:#424242;
	font-size:20px;
}

.login .content .form-actions {
  background-color: transparent;
  clear: both;
  border: 0px;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.login .content .form-actions .checkbox {
  margin-left: 0;
  padding-left: 0;
}

.login .content .forget-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.login .content .register-form .form-actions {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
  margin-top: 8px;
  display: inline-block;
}
.login .content .blue.btn:hover,.login .content .blue.btn:focus,.login .content .blue.btn:active,.login .content .blue.btn.active {
  opacity: .9;
  background:#D1383A;
}
.login .content .blue.btn:active:hover,.login .content .blue.btn.active:hover {
  opacity: .9;
  background:#D1383A;
}
.login .content .form-actions .btn {
	width:100%;
	background:#D1383A;
	border-radius: 4px!important;
	font-size:14px;
	padding: 11px 14px;
	letter-spacing: 4px;
}

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

.login .content .create-account {
  /*border-top: 1px dotted #eee;*/
  padding-top: 10px;
  margin-top: 15px;
}

.login .content .create-account a {
  display: inline-block;
  margin-top: 5px;
}

/* select2 dropdowns */
.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #ccc;
  z-index: 1;
  top: 1px;
  margin: 4px 4px 0px -1px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.login .content .has-error .select2-container i {
  color: #b94a48;
}

.login .content .select2-container a span {
  font-size: 13px;
}

.login .content .select2-container a span img {
  margin-left: 4px;
}

/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 172px 0 0 30px;
  color: #7C7F8C;
  font-size: 14px;
}

@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top: 10px;
  }

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

  .login .content h3 {
    font-size: 22px;
  }

  .login .checkbox {
    font-size: 13px;
  }
  html,body{
  	overflow: hidden;
  }
  .loginMain{
  	width:100%;
  	margin-top:50px;
  	overflow: hidden;
  }
  .loginInt{
  	display: none;
  }
  .loginBody{
  	float:none;
  	margin:0 auto 0;
  }
  .login .logo{
  	margin-bottom:0;
  }
}