.panel-body
{  
    color:#7B7070;
}
.panel-default
{
    width:400px;
    min-height:300px;
    border-top: 5px solid #7B7070;
    border-bottom: 5px solid #7B7070;
    margin:auto;
    overflow:hidden;
    position: relative;
    margin-top:6%;
}

.other-way-login
{
    text-align: center;
    padding-bottom: 25px;
}

.email_place
{
    width: 94%!important;
    margin-left: 12px;
    bottom: 20px;
}

.email-icon
{
    position: relative;
    bottom: 27px;
    left: 85%;
}

.password-icon
{
    display: inline-block;
    position: relative;
    bottom: 27px;
    left: 85%;
}

.password_place
{
    width: 94%!important;
    margin-left: 12px;
    margin-bottom: -47px!important;
    bottom: 40px;
}

.remember_me 
{
    left: 13px;
}

.remember_word
{
    padding-left: 5px;
}
.confirm_login
{
    right: 112px;
}

.remember-login
{
    margin-top: 0px;
}

.btn-login
{
    right: 20px;
    padding: 8px 48px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #7B7070;
    color: #FFFFFF;
}

.btn-register
{
    right: 22px;
    padding: 8px 18px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #7B7070;
    color: #FFFFFF;
}
.password_recovery {
    padding-left: 13px;
}
.click_here{
    color: #337ab7;
}
h3
{
    color:#7B7070;
    font-weight: bold!important;
    text-align: center;
}

.or-option
{
    font-size: 20px;
   
    color:#7B7070;
    font-weight: bold;
    text-align: center;
}

.link
{
  clear:both;
  margin-top: 20px;
}
#login-btn
{
    z-index: 1;
}
.link a
{
    color: #7B7070 !important;
}
.links_login{
    padding:0!important;
}

.register_user
{
    background: #dad2d2;
    margin-top: 10px;
    padding: 5px 0px 19px 15px;
    margin-bottom: -15px;
}
.register-button {
    float: right;
    margin-right: 8%;
}
.new_user_text{
    margin-top: 2.5%;
}
.bg-success
{
    padding: 15px;
    max-width: 340px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-size: 13px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.bg-danger
{
    padding: 15px;
    max-width: 340px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #a94442;
    background-color:#f2dede;
    border-color: #ebccd1;
    font-size: 13px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.error_msg{
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: 13px;
}


@media (max-width: 440px) {
  .panel-default {
      width: 100%;
  }
}

@media (max-width: 425px) {
  .login-button {
    padding:8px 35px;
  }
}

@media (max-width: 425px) {
  .register-button {
    margin-left: 44px;
    padding: 8px 9px;
  }
}
.mfp-close{
    color: #333;
}