/***
Login page
***/
/* logo page */
body.slay {
  background: #374a7a; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #374a7a 0%, #7a3776 45%, #202b46 100%, #202b46 100%) fixed; /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg,  #374a7a 0%,#7a3776 45%,#202b46 100%,#202b46 100%) fixed; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg,  #374a7a 0%,#7a3776 45%,#202b46 100%,#202b46 100%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374a7a', endColorstr='#202b46',GradientType=1 ) fixed; /* IE6-9 fallback on horizontal gradient */
}
.login {
  width: 600px;
  height: 500px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
body.slay.signup .login {
  position: static;
}
.login .logo {
  margin: 20px auto 20px auto;
  padding: 15px;
  text-align: center;
}
.login a {
  color: #4b6eb2;
  text-decoration: underline;
}

.login .content {
  background: white;
  width: 600px;
  margin: 0 auto;
  margin-bottom: 0px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  padding: 50px 75px 40px;
}
.login .form-group {
  margin: 0;
}
.login .content input.email {
  border-bottom: none;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.login .content input.password {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.login .content .form-control {
  padding: 10px 8px 10px 15px;
  border: none;
  border-bottom: 1px solid #DEE2E5;
  height: auto;
}
.login .content .form-control.select2-container{
  padding: 2px;
}
.login .content .form-control .select2-choice {
  border: none;
  padding: 3px 0 0 0;
}
.login .content .forgot-btn {
  color: #4b6eb2;
  margin-right: 12px;
  float: right;
  position: relative;
  margin-top: -28px;
  text-decoration: none;
}
.login .content .form-actions {
  margin-top: 16px;
}
.login .content .login-btn {
  background-color: #659f48;
  margin-top: 20px;
  color: white;
  width: 100%;
  padding: 11px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.login .no-account {
  text-align: center;
  color: black;
}
.login .content .form-control::-webkit-input-placeholder {
   color: #6E787F;
}
.login .content .form-control:-moz-placeholder { /* Firefox 18- */
   color: #6E787F;
}
.login .content .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #6E787F;
}
.login .content .form-control:-ms-input-placeholder {
   color: #6E787F;
}

.login .content h3 {
  color: #eee;
}

.login .content h4 {
  color: #eee;
}

.login .content p,
.login .content label {
  color: #333;
}

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

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


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

.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 .form-actions .btn {
  margin-top: 1px;
}

.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 .register-form h2 {
  font-size: 22px;
  margin-top: 0;
}
.login .content .select2-container a span {
  font-size: 13px;
  color: #6E787F;
}

.login .content .select2-container a span img {
  margin-left: 4px;
}
.login .content h3 {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 200;
  text-align: left;
}
.login .content .pricing-opt
.login .content .pricing-opt, .login .content h3, .login .content .pricing-opt p {
  color: #333;
  text-align: center;
}
.login .content h3 {
  text-align: center;
}
.login .content .pricing-opt, .login .content .pricing-opt p {
  font-size: 14px;
  padding-top: 0;
  font-weight: 200;
  color: #6E787F;
}
.login h4 {
  font-weight: bold;
}
.login .pricing-opt {
  padding: 0;
}
.login .pricing-opt > div {
  cursor: default;

}
.login .pricing-opt div{
  text-align: left;
}
.login .pricing-opt > div {
    margin-bottom: 10px;
}
.login .pricing-opt.active div{
}
.login .pricing-opt span{
  font-size: 24px;
  color: #333;
  text-align: left;
}
.login .pricing-opt p {
  padding-top: 16px;
}
.login .pricing-opt hr {
  margin: 4px 0 2px;
  border-top: 1px solid #cdd5ca;
}
/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  color: #eee;
  font-size: 12px;
  margin: 20px;
  opacity: 0.8;
}
.login .content .withvat, .login .content .withoutvat {
  font-size: 32px;
  text-align: left;
}
.login .content .register-form .form-control[name='email'], .login .content .register-form .form-control[name='fullname'] {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.login .content .register-form .form-control{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-weight: 200;
  padding: 14px 14px 12px;
}
.login .content .select2-container .select2-choice .select2-arrow {
  border-left: none;
}
.login .content .select2-container .select2-choice .select2-arrow b {
  background-position: 1px 3px;
  border-left: none;
}
.select2-drop-active {
  border: none !important;
}
.login .select2-dropdown-open.select2-drop-above .select2-choice, .login .select2-dropdown-open.select2-drop-above .select2-choices {
  border: none !important;
}
.login .select2-drop.select2-drop-above.select2-drop-active {
  border: none !important;
}
.login .content .select2-choice {
  border: none !important;
}
.login .content .register-form .form-control[name='vatnumber'] {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #cdd5ca;
}
.login .content .register-form .form-control[name='ccNumber'] {
  width: 70%;
  float: left;
  border-right: none;
  background: white url(/assets/global/img/cards.png);
  background-repeat: no-repeat;
  background-position: 97% center;
}
.login .content .register-form .form-control[name='ccCvv'] {
  width: 30%;
  background: white url(/assets/global/img/ccv.png);
  background-repeat: no-repeat;
  background-position: 93% center;
}
.login .content .register-form .tos {
  margin-top: 0;
  width: 100%%;
  margin-bottom: 4px;
}
.login .content .register-form .tos label {
  font-size: 12px;
  margin-bottom: 6px;
}
.login .content hr {
  border: none !important;
}
.login .content .form-control {
  font-size: 16px;
}
.form-control .select2-choice {
  font-size: 16px;
}
.login .content .select2-container a span {
  font-size: 16px;
}
#register-submit-btn {
  padding: 10px 25px;
  width: 100%;
}
#expm, #expy {
  width: 50%;
  padding: 5px;
  border: none;
  border-radius: 0;
  -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
  background: white;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  padding: 10px 8px 10px 15px;
  color: #6E787F;
  font-weight: 300;
}
#expm {
  border-radius: 0 0 0 5px;
  border-right: 1px solid #DEE2E5;
}
#expy {
  border-radius: 0 0 5px 0;
}

@media (max-width: 480px) {
  .login .logo {
    margin-top: 10px;
  }
  .login {
    width: 100%;
  }
  .login .content {
    padding: 30px;
    width: 100%;
  }

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

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