.login-container {
  margin-top: 70px; 
  background-color: #090e14; 
  color: #FFF;
}

.login-box, .register-box {
  max-width: 470px; 
  margin: 75px auto 75px auto; 
  background-color: #121f2a;
  border-radius: 25px;
}

.register-box {
  display: none;
}

.login-form-container, .register-form-container {
  padding: 30px 50px 40px 50px;
}

.login-form, .register-form, .login-link-form {
  margin-top: 20px;
}

.login-form-bottom {
  border-top: 1px solid #000; 
  padding: 20px 0px 20px 0px;
}

.error-margin-top {
  margin-top: 20px;
}

.login-form input[type=text],
.login-form input[type=password]{
  width:100%;
}

.login-input {
  background-color: #fff;
  border: 1px solid #3c4c59;
  color: #0a1117;
  height: 50px;
  border-radius: 25px;
  margin: 0px 0px 22px 0px;
}

#user_password, #user_passwordl, #password_facebook_register {
  display: none;
}

.form-control::-moz-placeholder {
  color: #000;
}
.form-control:-ms-input-placeholder {
  color: #000;
}
.form-control::-webkit-input-placeholder {
  color: #000;
}

.checkbox {
  padding-left: 20px;
  margin: 0px 0px 20px 0px;
}
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px; 
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 0px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555; 
}
.checkbox input[type="checkbox"] {
  opacity: 0; 
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; 
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c"; 
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; 
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; 
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; 
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; 
}

.forgot-password {
  margin-bottom: 20px;
}

#login, #register, #login-link {
  background: #0061c0 none repeat scroll 0 0;
  background-image: linear-gradient(to bottom, #428bca 0%, #0061c0 100%);
  background-repeat: repeat-x;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 17px;
  height: 50px;
  line-height: 20px;
  margin: 0px 0 20px 10px;
  padding: 10px 15px;
  border-radius: 25px;
}

.login-with {
  margin-bottom: 20px;
}

.btn-facebook{
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3b5999;
  background-image: -moz-linear-gradient(top, #0A60BA, #3b5999);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0A60BA), to(#3b5999));
  background-image: -webkit-linear-gradient(top, #0A60BA, #3b5999);
  background-image: -o-linear-gradient(top, #0A60BA, #3b5999);
  background-image: linear-gradient(to bottom, #0A60BA, #3b5999);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0A60BA', endColorstr='#ff3b5999', GradientType=0);
  border-color: #3b5999 #3b5999 #3b5999;
  *background-color: #0061c0;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

}
.btn-twitter{
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #55ACEE;
  background-image: -moz-linear-gradient(top, #1c7ad0, #55ACEE);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c7ad0), to(#55ACEE));
  background-image: -webkit-linear-gradient(top, #1c7ad0, #55ACEE);
  background-image: -o-linear-gradient(top, #1c7ad0, #55ACEE);
  background-image: linear-gradient(to bottom, #1c7ad0, #55ACEE);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1c7ad0', endColorstr='#ff55ACEE', GradientType=0);
  border-color: #55ACEE #55ACEE #55ACEE;
  *background-color: #0061c0;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

}
.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #ffffff;
  background-color: #3b5999;
}

.btn-twitter:hover,
.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter.disabled,
.btn-twitter[disabled] {
  color: #ffffff;
  background-color: #55ACEE;
}

.ext-login-btn-holder{
  float:left;
  display:inline;
  width:48%;
  margin:0px;
}
.ext-login-btn-holder:nth-child(odd){
  margin-left:4%;
}
@media (max-width:480px){
  .ext-login-btn-holder{
    margin-left:0px !important;
    width:100%;
  }
  .ext-login-btn-holder:nth-child(odd){
    margin-top:20px;
  }
}

#loginFacebook, #facebookRegister {
  background: #3b5999;
  background-image: linear-gradient(to bottom, #5289d7 0%, #3b5999 100%);
  background-repeat: repeat-x;
  height: 50px;
  line-height: 50px;
  margin-right: 5px;
  text-align: center;
  padding: 0px !important;
  border: 0px !important;
  vertical-align: baseline !important;
  color: #fff !important;
  box-shadow: none;
  text-shadow: none;
  border-radius: 25px;
}

#loginFacebook i, #facebookRegister i, #loginTwitter i, #twitterRegister i {
  height: 50px;
  width: 20px;
  display: inline-block;
  line-height:50px;
  font-size:15px;
}

#loginTwitter, #twitterRegister {
  background: #55acef;
  background-image: linear-gradient(to bottom, #07C8F9  0%, #55acef 100%);
  background-repeat: repeat-x;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
  text-decoration: none;
}

#loginTwitter:hover, #twitterRegister:hover {
  color: #fff;
  text-decoration: none;
}

.input-checked {
    background-image: url("../images/icon-checked.png");
    background-position: 97% 16px;
    background-repeat: no-repeat;
}

.input-mandatory{
    background-image: url(../images/icon-mandatory.png);
    background-position:97% 21px;
    background-repeat:no-repeat;
}

input.input-loader{
    background-image: url(../images/small-ajax-loader.gif);
    background-position:97% 16px;
    background-repeat:no-repeat;
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline{
    color: red;
}

.register-control input[type=text] {
  padding-right: 25px;
}

.register-control > .login-input {
  margin-bottom: 0px;
}

.register-control {
  margin-bottom: 22px;
}

.input-readonly {
  cursor: no-drop !important;
}