#dlgLogin .modal-header, .modal-header h4, .close.dlglogin {
  background-color: #2e3a4c;
  color:white !important;
  text-align: center;
  font-size: 30px;
}

#dlgLogin  .modal-footer {
  background-color: #f9f9f9;
}

#loginBtn, #logoutBtn, #loginBtnMb, #logoutBtnMb {
 font-weight:normal;
}

a#loginBtnMb, a#logoutBtnMb {
 color:#9e9e9e;
}

a#loginBtn:hover,a#logoutBtn:hover,
a#loginBtnMb:hover,a#logoutBtnMb:hover
{
    text-decoration: none;
    color:black;
}

#login-error {
 display:none;
 padding: 5px 15px 5px 15px;
 font-weight:bold;
 background:#ccc;
}

#login-error span {
 color:red; 
}

.modal {
  text-align: center;
  padding: 0!important;
}

.login-type-head {
 color: #585757;
 font-size: 18px;
 font-weight:bold;
}

.login-type-desc {
 color: #757474;
 font-size: 11px;
 margin: 7px 0 15px;
 font-weight:bold;
}

.modal:before {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.login.disabled, .login.disabled:hover {
 cursor: not-allowed;
 filter: alpha(opacity=50);
 -webkit-box-shadow: none;
 box-shadow: none;
 opacity: 0.5;
}

.login.disabled *, .login.disabled *:hover  {
 cursor: not-allowed;
}