/**
 * LogOn.cshtml
 */

input[type=button][disabled],
input[type=button][disabled]:hover,
button[disabled],
button[disabled]:hover {
    background: #bbbbbb !important;
    box-shadow: none !important;
}

.submit[disabled] {
    color: white !important;
}

div.button-section {
    display: flex;
    justify-content: space-between;
}

div.button-extend button {
    width: 150px !important;
}

body#login section.extended {
    height: 320px;
}

body#login footer.extended {
    top: calc(50% + 220px);
    text-align: center;
}

/*1*/

.loginValidationErrors.opt1 {
    margin-top: -20px;
    display: block;
}

body#login header.opt1,
body#login #content.opt1 {
    margin-top: -52px;
}

body#login #content.opt2 {
    height: 395px;
}

body#login footer.opt2 {
    top: calc(50% + 240px);
}

/*2*/

body#login #content.opt3 {
    height: 450px;
}

body#login footer.opt3 {
    top: calc(50% + 295px);
}

/*3*/

body#login #content.opt4 {
    height: 345px;
}

body#login footer.opt4 {
    top: calc(50% + 240px);
}

.cs1 {
    margin-top: 15px;
}

.cs2 {
    margin-top: -8px;
}

.cs3 {
    margin-top: 0px;
}

.cs4 {
    margin-top: -53px;
    display: block;
}

.cs5 {
    margin-left: 5px;
    margin-right: 5px;
}

.cs6 {
    left: 5px;
    width: 138px;
}