/*
-----------
LOGIN STYLE
----------- 
*/

/*login background*/
.login-bg {
    background-image: url(/intranet/images/login-bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    width: 100%;
    min-height: 700px;
    position:relative;

}

/*login box*/
.login-box {
    background-color: #f6f6f6;
    max-width:240px;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translateY(-50%, -50%);
}

.flex-container {
    display: flex;
    flex-direction: column;
}

/*header*/
.login-header {
    height: 125px;
}

.login-h1 {
    float:left;
    margin-top: 105px;
    margin-bottom: -10px;
}

.login-h2 {
    font-style: italic;
    text-align: left;
}

.login-header-logo {
    max-height: 140px;
    float:right;
}
hr {
    border: 1px solid #c0c0c0;
    margin-top: -20px;
}

/******** FORM ********/
label {
    font-weight: 600;
    font-size: 17px;
}

input[type=text], input[type=password] {
    border: 2px solid #e3e3e3;
    width:230px;
    height: 30px;
    margin-top:-2px;
    background-color: #f6f6f6;
    color: #2e7354;
    font-family: Din;
    font-weight: 600;
    padding: 5px;
}

.login-extra > p {
    font-size: 12px;
}

.form-block {
    padding-top: 10px;
    padding-bottom: 10px;
}

a {
    text-decoration: none;
    color:#2e7354;
    font-weight: 600;
}

input[type=submit] {
    float: right;
    border: 2px solid #e3e3e3;
    width:100px;
    background-color: #5c5c5c;
    color: #ffffff;
    font-family: Din;
    font-weight: 600;
    padding: 10px;
}

input[type="submit"]:hover, input[type="submit"]:active {
    background-color: #2e7354;
    cursor: pointer;
}

/*error msg*/
.error-msg {
    margin-top:-20px;
    margin-bottom:-14px;
}

.error-msg-last{
    margin-top: -10px;
}

.error-text {
    color: #b60000;
    font-weight: 600;
    font-size: 15px;
}