body {
    background: #fff !important;
}
body #main-container {
    background: url(https://netestsaintegrations.blob.core.windows.net/generaldata/Connect.jpg) center right no-repeat!important;
    background-size: contain !important;
    background-color: #fff !important;
    display: flex;
    align-items: center;
}

h1.client-name-header, div.form-logo {
    color: black !important;
-webkit-text-fill-color: black !important;
}

.form-footer .visma-logo {
    display: none !important;
}

@media (max-width:  1100px) {
    body #main-container {
        background: url(https://netestsaintegrations.blob.core.windows.net/generaldata/Connect-small.jpg) center center no-repeat!important;
        background-size: cover !important;
    }
    #page-login-index.form-box .form-content {
        border-radius: 15px 15px 0px 0px;
    }
    .form-box .form-footer {
        background-color: #fff !important;
        border-radius: 0px 0px 15px 15px;
    }
    .form-box .form-header {
        border-radius: 15px 15px 0px 0px;
        background: #fff !important;
    }
    .footer-container {
        background: #fff !important;
        z-index: 100;
    }
    #page-forgot-index.form-box .form-content, #page-fido2-index.form-box .form-content {
        margin-top: 0px !important;
    }
    #page-forgot-index.form-box .form-header, #page-fido2-index.form-box .form-header {
        background:  #fff !important;
        border-radius: 15px 15px 0px 0px;
    }

    #page-login-unauthorized {
        width: 100%;
    }
    /*h1.login-header-text {
        display: none !important;
    }*/
    div.login-content-container {
        background: #fff !important;
    }
}


@media (min-width: 1101px) {
    .form-box {
        width:  50vw !important;
        margin:  0 auto 0 0 !important;
        padding-top:  0 !important;
        max-width: 50vw !important;
    }
    .form-box .form-footer {
        background: unset;
        border-bottom: none !important;
    }
    .form-box .form-header {
        background: unset;
    }
    #page-login-index, #page-forgot-index, #page-fido2-index {
        max-width: 50vw !important;
    }
    .footer-container {
        background: unset!important;
        width: 50vw !important;
        z-index: 100;
    }
    #page-login-index .form-content, .form-content {
        max-width:  500px;
        width:  75%;
        margin: auto;
    }
    #page-forgot-index .form-content, #page-login-magiclink-success .form-content {
        max-width: 500px;
        width: 75%;
        margin:  0 auto;
    }
    #page-login-unauthorized {
        width: 50%;
    }
    div.login-content-container, div.login-content-container .login-bottom {
        background: none !important;
    }
}


div#page-login-index {
    display: flex;
    flex-direction:  column;
    justify-content: space-between;
}

div#page-forgot-index, #page-login-magiclink-success, #page-fido2-index {
    display: flex;
    flex-direction:  column;
    justify-content: center;
}

.footer-container:before, .form-box .form-footer:before, .footer-bg, .form-box .form-header:after {
    display: none;
}
 
.footer-inner {
    display: flex;
    justify-content:  center;
}

div#application-logo-container {
    display: none;
}

.form-box {
    color:  #252626 !important;
    text-align: center;
    font-weight: 600 !important;
}

.message-element {
    text-align:left !important;
}
.form-group input, .form-group input, input[type=password], .form-control {
    border-radius: 5px !important;
    border-color: #888 !important;
    margin-bottom: 10px !important;
}
.btn.btn-primary {
    border-color:  #1F704A !important;
    background:  #1F704A !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    height: 42px !important;
}
.btn.btn-primary:hover {
    border-color:  #1F704A !important;
    background:  #1F704A !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    height: 42px !important;
}
.btn.btn-default {
    height: 42px !important;
}
.btn.btn-login-pwdless {
    line-height: 30px;
}
.link-containter .pull-right {
    float: none !important;
}
.pwdless-login-link {
    text-align: center !important;
    width: 100% !important;
    border: 1px solid #8a8a8a;
    border-radius: 5px;
    padding: 7px 15px;
    display: block;
    color:  #8a8a8a !important;
    text-decoration:  none !important;
    float:  none !important;
}
input.label-animated:focus~label, input.label-animated:not(:placeholder-shown)~label, input.label-animated:valid~label {
    top:  -24px !important;
    color:  #252626 !important;
}
.form-group.margin-top {
    margin-top:  40px !important;
}
.message-box.col-xs-offset-4.col-xs-8 {
    text-align:left !important;
}
.panel-button {
    border-radius:5px !important;
}
.panel-button-content {
    text-align:left !important;
}
#TotpAddPhoneForm #addPhoneNumberInput {
    width: 90% !important;
    margin-left: 10% !important;
}
#TotpAddPhoneForm #phoneCountryPrefixSelection_chosen .chosen-single {
    height: 30px !important;
}
#page-login-unauthorized {
    margin: 0;
}
.error-page {
    width: fit-content;
}