@CHARSET "UTF-8"; /***********************************/
/*********** LoginPage *************/
/***********************************/
body.login-page {
    background-image: url('../img/login/bg1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-color: #222;
    position: relative
}

.login-box {
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
}
.login-box:after {
    content: '';
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.login-box .content {
    width: 320px;
    display: inline-block;
    vertical-align: middle;
}

.skin-blue .main-header .navbar {
    background-color: #cf671c !important;
}

#submitLogin:hover {
    color: #fff !important;
    background-color: #d06f27 !important;
}

.login-logo img {
    width: 100% !important;
    position: relative;
}

.login-box-body {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 19px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#submitLogin:hover {
    color: #ffffff !important;
    border: solid 1px #ffffff !important;
    background-color: #ef923a !important;
}

.login-box .btn-block {
    display: block;
    width: auto;
    padding: 6px 20px;
    margin: auto;
    border-radius: 3px 9px !important;
    background: #960048;
    border: solid 1px #960048 !important;
    color: #ffffffa8;
    transition: all ease .4s;
}

.login-box .btn-block:hover {
    border: solid 1px #ffffff82 !important;
    color: #ffffffa8;
}

#loginButton {
    width: 100%;
    padding: 8px 11px;
    border: none;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.response {
    background-color: #fff;
    color: #a67eb1;
    font-weight: 600;
    text-align: center;
    border-radius: 10px;
    font-size: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px
}

.response p {
    padding: 10px
}

.login_link   { margin-top:10px; }