/*============================================================================
   #Webcms
==============================================================================*/
/* Form đăng nhập */
/*#maincontent {*/
/*  min-height: 85vh;*/
 
/*}*/
#maincontent .login-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.login-container .login-form {
  width: 50%;
  border-right: 1px solid #e8e8e8;
}
.login-container .login-form .block-customer-login {
  width: 73%;
}
.block-customer-login .block-title{
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.form-login .field {
  margin-bottom: 10px;
}
.form-login .field input {
  color: #231f20; 
}
input[type=text], input[type=password], input[type=url], input[type=tel], input[type=search], input[type=number], input[type=datetime], input[type=email] {
  background: #fff;
  border: 1px solid #707070;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 300;
  width: 100%;
  height: 46px;
  padding: 0 13px;
  vertical-align: baseline;
  box-shadow: none !important;
}
.action-toolbar .secondary a{
  color: #231f20;
  text-decoration: none;
}
.create-account_link .link-create {
  text-decoration: underline !important;
  color: #231f20;
}
.action-toolbar .btn-primaries {
  margin-top: 15px;
  min-width: 140px;
  color: #fff;
  border: 1px solid #231f20;
  background-color: #231f20;
}

.login-container .social-login {
  width: 37.5%;
  margin-left: 5%;
}
.btn-snetwork {
  margin-top: 0;
  text-align: left;
}
.btn-snetwork .title {
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 15px;
}
.btn-snetwork .modal-facebook {
  background: #4267b2 !important;
  color: #fff;
}
.btn-snetwork .modal-socialogin {
  font-size: 15px;
  max-width: 414px;
  width: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  background: 0 0;
  box-shadow: none;
  margin: 0 0 10px;
  height: auto;
  text-transform: uppercase;
  padding: 9px 0 9px 131px;
  float: left;
}
.modal-socialogin {
  position: relative;
  
  display: inline-block;
  transition: all .3s;
}
.modal-facebook .span-img {
  width: 13px;
  height: 24px;
  top: 10px;
  position: absolute;
  transform: none;
  left: 64px;
}
.modal-socialogin .span-img img{
  width: 100%;
}
.modal-zalo .span-img {
  width: 33px;
  height: 31px;
  top: 6px;
  position: absolute;
  transform: none;
  left: 64px;
}
.modal-google .span-img {
  width: 22px;
  height: 22px;
  top: 10px;
  left: 64px;
  position: absolute;
  transform: none;
 
}