/** Login style */
.loginScreen {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background: url('../img/login_bg.jpg') no-repeat fixed top;
    background-size: cover;
    overflow: auto;
    min-width:420px;
}

.loginWrapper {
    background: rgba(0, 51, 102, 0.8);
    background: -webkit-linear-gradient(rgba(0, 116, 188, 0.8), rgba(0, 51, 102, 0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0, 116, 188, 0.8), rgba(0, 51, 102, 0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0, 116, 188, 0.8), rgba(0, 51, 102, 0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0, 116, 188, 0.8), rgba(0, 51, 102, 0.8)); /* Standard syntax */
}

.loginHeader {
    height: 16em;
    font-family: robotothin;
    padding:.69rem 0;

}
.localeSwitcher {
    float:right;
    margin: 0 1em auto auto;
    color: #fff;
    text-transform: uppercase;
}

.localeSwitcher a {
    color: #fff;
}

.localeSwitcher li {
    float: left;
    padding:0 .5em 0 0;
    cursor:pointer;
}

.localeSwitcher li.selected,
.localeSwitcher li.selected a {
    font-weight:bold;
}

.localeSwitcher li + li:before {
    content: "|";
    padding-right: .5em;
}

.loginHeader .logo {
    background: url('../img/logo.png') no-repeat;
    height: 100px;
    width:calc(25% - 1em);
    float:left;
    margin: .5em  auto auto 1em;
}

.loginHeader .cgm-wrapper {
    width:50%;
    position:relative;
    float:left;
    height:100%;
    text-align: center;
    margin-bottom: 1rem;
}

@media (max-width: 993px){
    .loginHeader .clock {
        display:none;
    }
}


.loginHeader .clock {
    box-sizing: border-box;
    width: 100%;
    float:left;
    margin: 0 auto;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    text-transform: capitalize;
}

.loginTitle {
    position:absolute;
    bottom:0;
}

.loginTitle h1 {
    color: #fff;
    font-weight: 100;
    font-size: 5em;
    text-transform: none;
    font-family: robotothin;
}

.loginBody {
    color:#fff !important;
}

.loginScreen label {
    color: #ddd !important;
}

.loginBody .cgm-wrapper {
    padding: 0 25%;
}

.loginButton {
    padding-top: 1.13rem;
    padding-bottom: 1.38rem;
}

.loginScreen .cgm-button:not([disabled]):not([default]) button {
    color: #fff;
}

.org-unit-message {
    color: #fff;
}

.loginBody .cgm-tree.checkbox-selection .fancytree-node:not(.fancytree-partsel):not(.fancytree-active) {
    color: white;
}

.loginBody .bas-org-unit-tree .cgm-tree .fancytree-ext-filter-hide span.fancytree-node.fancytree-match:not(.fancytree-selected):not(.fancytree-partsel) span.fancytree-title {
    color: white;
}

.loginBody .bas-org-unit-tree .cgm-tree .fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title:not(.fancytree-partsel):hover,
.loginBody .bas-org-unit-tree .cgm-tree .fancytree-ext-filter-hide span.fancytree-node.fancytree-active:not(.fancytree-selected) span.fancytree-title:not(.fancytree-partsel),
.loginBody .cgm-tree.checkbox-selection .fancytree-node:not(.fancytree-partsel):hover {
    color: black;
}

.login-step {
    margin-bottom: 1rem;
}