html {
    background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 100%;
    background-color: #e9e9e9;
}

body {
    background-color: transparent !important;
    background-image: none;
}

.mainContent.transparent:has(.staffLoginPanel) {
    height: calc(100%);
}

.staffLoginPanel {
    display: flex;
    height: 100vh;
}

#loginWrapper {
    flex: 1;
    align-content: center;
}
#login, .login {
}

#header {
    display:none;
}

.portal-type {
    display: none;
}


    #ctl00_PageContent_loginControl_txtUN:focus, #ctl00_PageContent_loginControl_txtPwd:focus {
        outline: 0;
    }

.loginFeedback {
    text-align:center;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}


/* These cant be combined on to one line :-\ */
::-webkit-input-placeholder {
    color: #676767;
    font-weight: bold;
}

:-moz-placeholder {
    color: #676767;
    font-style: italic;
}

::-moz-placeholder {
    color: #676767;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #676767;
    font-style: italic;
}

.logintbl {
    margin-bottom:10px !important;
}
    .logintbl td {
        padding: 7px 0px 7px 0px;
        vertical-align: middle;
    }

.bdr td {
    border-bottom: 1px solid black;
}

.shadow {
    padding-bottom: 0px;
    margin-bottom: 10px;
    -moz-box-shadow: 2px 5px 5px #888;
    -webkit-box-shadow: 2px 5px 5px #888;
    border-left: 1px solid #ccc;
    border-top-color: #000;
    border-top-style:solid;
    border-top-width: 1px !important;
    border-radius: 0;
    padding-bottom: 0;
   
}

.RadComboBox_StyleFilter.width100pc {
    width: 100% !important;
}

.noMargin { 
    margin: 0px;
}

.loginImg {
    height: 176px;
}

.createAccount {
    width: auto;
    max-width: 700px;
}
.createAccountContent {
    width: auto;
    max-width: 700px;
    padding: 0px 20px;
    background-color: #fff;
}

@media only screen and (max-device-width: 600px) and (orientation: portrait), only screen and (max-device-height: 600px) and (orientation: landscape) {
    .loginImg {
        object-fit: contain;
        max-height: 45dvh;
        max-width: 90dvw;
        height: 200px !important;
        padding: 0px 25px 0px 25px;
    }
}

    @media only screen and (max-device-height: 600px) {
        #login, .login {
            margin-top: 5px;
            padding: 0 0 0 0;
        }

        .pageContainer {
            height: 100%;
        }
    }