@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

body {
    background-color: #fafafa;
    padding-top: 123px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
}

label, input, button, select, textarea{
    font-weight: normal;
    line-height: 20px;
}

label {
    width: 100%;
}
#login {
    margin: 0 auto 10px 0;
}

#staging{
    /*background-color:#C4D937;*/
    background-color: #81BC00;
}

#login .loginform-heading {
    font-weight: normal;
    letter-spacing: 0.05em;
    margin: 1em 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
}

#login .login-credentials-message {
    font-size: 11px;
    margin: 0 auto;
    max-width: 338px;
    text-align: center;
}

#login .developed {
    font-size: 11px;
    margin: 0 auto;
    max-width: 338px;
    text-align: right;
}

.btn-primary{
    background-color: #14abe4;
    border-color: #14abe4;
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.uppercase {
    text-transform: uppercase;
}


#login form {
    /*background-color: #f5f5f5;
    border: 1px solid #e3e3e3;*/
    /*margin: 0 auto 10px;*/
    padding: 20px;
}
#login {
    margin: 0 auto;
    max-width: 450px;
    vertical-align: middle;
}
#login.panel {
    border-radius: 10px !important;
}

#login.border-top{
    border: 0 !important;
    border-top:  3px solid  #18a4d5!important;
    border-color: #0dcaf0!important;
}

#login.panel-body {
    /*max-width: 300px;*/
}

#login .logo {
    /*background-color: #fff;*/
    /*border-radius: 10px;*/
    width: 85%;
    padding: 15px;
    padding-top: 0px;
    text-align: center;
    margin: 0 auto;
}

.input-group-addon {
    background-color: transparent;
    color: #18a4d5;
/*    border-right: 0 !important;*/
}

.input-group-addon .form-control:last-child {
    border-left: 0 !important;
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-right: 0 !important;
}

#login .forgot {
     margin-top: 20px;
}

label.error{
    color: #b94a48;
    cursor: auto;
    font-size: 13px;
}

.training {
    color:#8B0000;
    white-space:nowrap;
    font-weight:bold !important;
}