#login_wrapper {
  display: none;
}

#form_wrapper form.responsive, #portalForgotPasswordContent form.responsive {
  display: none;
}

#form_wrapper .input-group-addon {
  background-color: #fff;
}

#form_wrapper form.active, #portalForgotPasswordContent form.active {
  display: block;
}

#form_wrapper form.usergroup .img-circle {
  margin-bottom: 16px;
  width: 178px;
  height: 178px;
  /*-webkit-filter: grayscale(100%);
  filter: grayscale(100%);*/
  margin-top: -4px;
}

#form_wrapper form.forgot_password {
  /*width: 675px;*/
}

#form_wrapper a.forgot {
  color: #919191;
}

  #form_wrapper a.forgot:hover {
    color: #4a4a4a;
  }

#form_wrapper label {
  display: block;
}

#form_wrapper .bottom {
  margin-top: 20px;
  clear: both;
}

  #form_wrapper .bottom a {
    display: block;
    clear: both;
    padding: 10px 30px;
  }

#form_wrapper a.back {
  margin-left: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

  #form_wrapper a.back:hover {
    filter: alpha(opacity=50);
    opacity: .5;
  }

.portal-login {
  background-color: rgba(255, 255, 255, 0.2);
}

  .portal-login .panel-body {
    height: 400px;
  }

  /*.portal-login-university-img {
    height: 85%;
    max-width: 90%;
}*/


  .portal-login .input-group-addon {
    font-size: 19px;
    color: #B9B6B6;
    background-color: #FFF;
  }

  .portal-login label {
    color: #fff;
    margin-top: 15px;
    font-size: medium;
  }

  .portal-login .logo-image {
    height: 80px;
    text-align: center;
  }

  .portal-login .portal-login-content {
    width: 80%;
    margin-left: 10%;
  }

  .portal-login .portal-login-footer {
    text-align: center;
    width: 100%;
  }

    .portal-login .portal-login-footer a {
      color: #ffffff;
      font-size: 1.2em;
      text-shadow: 1px 1px 5px #000000;
    }

      .portal-login .portal-login-footer a:hover {
        cursor: pointer;
        text-decoration: underline;
      }

  .portal-login .btn.ladda-button {
    background-color: rgba(2, 2, 2, 0.43);
    color: #fff;
  }

.social-media {
  margin-top: 10px;
}

  .social-media a {
    width: 20px;
    height: 20px;
    display: inline-block;
  }

  .social-media > a > i {
    text-align: center;
    text-shadow: none;
    color: #ffffff;
    font-size: 24px;
  }

/*.btn-portal-facebook, .btn-portal-twitter, .btn-portal-youtube, .btn-portal-instagram {
  background: url(/images/NewPortal/socialsprite.png);
}

.btn-portal-facebook {
  background-position: 0px 0px;
}

.btn-portal-twitter {
  background-position: 0px -30px;
}

.btn-portal-youtube {
  background-position: 0px -60px;
}*/


.mail-login-panel .input-group {
  width: 100%;
}


  .mail-login-panel .input-group span.input-group-addon {
    width: 30%;
    text-align: right;
    /*height: 46px;*/
  }





/**** Theme 4 İlkbahar ****/
body.theme4 .portal-login label {
  color: #4ca298;
}

body.theme4 .portal-login .portal-login-footer a {
  color: #559a90;
}

body.theme4 .btn-portal-facebook,
body.theme4 .btn-portal-twitter,
body.theme4 .btn-portal-youtube {
  background-image: url(/images/NewPortal/socialsprite-t4.png);
}


/**** Theme 5 YAZ ****/
body.theme5 .portal-login label {
  color: #397fba;
}

body.theme5 .portal-login .portal-login-footer a {
  color: #59a8eb;
}

body.theme5 .btn-portal-facebook,
body.theme5 .btn-portal-twitter,
body.theme5 .btn-portal-youtube {
  background-image: url(/images/NewPortal/socialsprite-t5.png);
}