@import url('https://fonts.googleapis.com/css?family=Open+Sans:400italic,400');

:root {
    --blue_button: var(--brandColour) !important;
}

.blue_button {
    color: var(--contrastColour) !important;
}

/*body.loginPage, body.logoutPage, body.forgotPage, body.setPassPage{*/
body {
    background-color: #eee !important;
    color: #333;
    font: 400 15px/25px 'Open Sans', "Helvetica", "Arial", sans-serif;
    overflow-x: hidden;
}

h1, h2, h3, h4{
    font: 400 15px/25px 'Open Sans', sans-serif;
    font-weight: bold;
}

.login_webname{
    font-size: 1em;
}

.login_main, .login_sidebar {
    min-height: 100vh;
}

.login_main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.login_form{
    /*width: 300px;*/
    width: 20em; /* Scale for font but wide enough to fit 2fa */
}

.login_form h1{
    margin-bottom: 1.5em;
}

img#webbossiologo {
    margin-top: 1em;
}

.inputWrap input {
    width: 100%;
    padding: 0.6em;
    border-radius: 0.3em;
    text-align: left;
}

.inputWrap label{
    float: left;
}

.inputWrap--checkbox label {
    float: none;
}

.inputWrap--checkbox input {
    display: inline-block;
    width: auto;
}

input#reset_pass, input#setPassButton {
    text-align: center;
    font-weight: bold;
}

p.bold a {
    font-weight: bold;
}

#login_footer{
    margin-top: 4em;
}

.hasPlaceholder {
    color: #a9a9a9;
}

.ie8 { display: none; }

.login_footer {
    background: #2f2f2f;
    color: #fff;
    padding: 3em;
    clear: both;
}

body.lightTheme .login_footer {
    background: #bdbdbd;
    color: #222;
}

.login_sidebar {
    background: #545454;
    padding: 3em !important;
    padding-bottom: 0 !important;
    color: #fff;
}

body.lightTheme .login_sidebar {
    background: #e0e0e0;
    color: #222;
}

/*#stayLoggedInWrap{*/
/*    overflow: hidden;*/
/*    margin-bottom: 0;*/
/*}*/

/*input#stay_logged_in {*/
/*    width: auto;*/
/*    display: inline-block;*/
/*}*/

/*.stay_logged_in {*/
/*    float: left;*/
/*    margin-bottom: 2em;*/
/*}*/


.inputWrap i.fa.fa-question-circle {
    position: inherit;
    font-size: 1em;
}

input#login-button {
    text-align: center;
    font-weight: bold;
}

#forgotPassLink{
    float: right;
    font-size: 0.9em;
}

.footer_copyright{
    padding-top: 2em;
}

.sidebar_block {
    margin-bottom: 3em;
    font-size: 0.9em;
    text-align: left;
}

h2.sidebar_header{
    margin-bottom: 1.3em;
    text-align: center;
}

h2.sidebar_header, .sidebar_block h3 {
    font-size: 1.5em;
}

.sidebar_block h3 i.fa {
    margin-right: 0.5em;
    font-size: 1.2em;
}

.sidebar_block a {
    /*color: #00b7f1;*/
}

.sidebar_block a:after {
    content: "";
}

div#eu-cookies {
    width: 100%;
    margin: 0;
    right: 0;
    border-radius: 0;
    height: 32px;
    text-align: center;
    z-index: 9999;
    font-size: 0.6em;
    background-color: #DADADA;
    color: #84939D;
    box-shadow: none;
    border: 1px solid #84939D;
}

div#read-links {
    display: none;
}

#top-text, #long-text { clear: none !important; }

div#eu-cookies p { margin: 0; }

div#eu-cookies-show {
    border: 1px solid #84939D;
    background-color: #DADADA;
    color: #84939D;
    box-shadow: none;
}
#capslockmsg i.fa-exclamation-triangle, #capslockmsg-repeat i.fa-exclamation-triangle {
    right: 7px !important;
    left: unset;
    top: 37px;
}
div#capslockmsg {
    margin-top: -0.5em;
    margin-bottom: 1em;
}

div#password-login_minchar {
    font-size: 0.8em;
}