.modal-login {
    width: 36% !important;
}

.margin-login {
    padding: 15px 15px 12px;
}

.modal-content {
    color: #151821 !important;
    letter-spacing: 0.3px; font-size: 16px
}

.modal label { color: #151821;
    font-weight: 500 !important; }

.modal h3.form-title {
    margin-bottom: 10px !important;
    font-size: 32px !important;
    color: #001765 !important;
    margin-top: 0px;
}

.modal .with-icon i {
    color: #353d5a !important;
    margin-top: 11px;
    margin-left: 15px;
}

.modal .form-control { font-size: 16px !important; margin-bottom: 15px !important }

.modal .control-label.col-md-12 { padding-left: 15px !important;
    padding-right: 15px !important; }

.modal .dotted-line {
    border-top: 1px solid rgba(53, 61, 90, 0.5);
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}
.modal-content { border: none !important; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #d0d0d0 !important;
    color: white !important;
}

.modal .btn.default {
    color: #001765 !important;
    background-color: transparent !important;
    border: 3px solid #001765 !important;
    font-weight: bold !important;
    border-radius: 0px;
    font-size: 16px;
    padding: 7px 35px !important;
}

.modal .btn.red { color: #d00000 !important;
    background-color: transparent !important;
    border: 3px solid #d00000 !important;
    font-weight: bold !important;
    border-radius: 0px;
    font-size: 16px;
    padding: 7px 35px !important; }

.modal .icon-fcbk {
    padding: 10px 17px 10px;
}
.modal .form-control { background: none;
    border-color: #cccccc }

.modal-login .form-group {
    height: 35px !important;
    margin-bottom: 10px !important;
}

.modal .control-label {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 0px !important;
    line-height: 33px !important;
}

.modal .control-label i { padding-right: 5px }

.modal .col-md-9 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.modal form .btn {
    padding: 7px 14px;
    letter-spacing: 0.3px;
    width: initial;
}

.btn.login-fcbk   
{
  color: white;  
  text-shadow: none;    
  background-color: #3f5f9f !important;
  box-shadow: inset 0px -17px 0px #395795 !important;
  width: 100% !important;
  border-radius: 6px !important;
  -webkit-transition:all 0.3s;  
  -o-transition:all 0.3s;  
  -moz-transition:all 0.3s;  
  -ms-transition:all 0.3s;   
  transition:all 0.3s;  
}
.btn.login-fcbk:hover, 
.btn.login-fcbk:focus, 
.btn.login-fcbk:active,
.btn.login-fcbk.active,
.btn.login-fcbk[disabled],
.btn.login-fcbk.disabled {  
  background-color: #92a1b1 !important;
  box-shadow: none !important;
  color: #fff !important;
}

.icon-fcbk {
    padding: 10px 14px;
    margin: -8px 10px -7px 0px;
    margin-top: -9px !important;
    border-radius: 6px 0px 0px 6px;
    border-right: 1px solid #1f3563;
    float: left;
}

.modal {
    z-index: 10050;
    outline: none;
    overflow-y: auto !important;
    background: rgba(255, 255, 255, 0.94) !important;
}
.modal-content {
    box-shadow: none !important;
    background-color: transparent !important;
}

label {
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
}

.modal-backdrop { background-color: transparent;  }
.fade {
    transition: opacity 0.6s;
}