@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI"),
    url(../fonts/SegoeUI.woff2) format("woff2"),
    url(../fonts/SegoeUI.woff) format("woff"),
    url(../fonts/SegoeUI.ttf) format("truetype");
    font-weight: 400;
}

html {
    height: 100%;
    font-family: "Segoe UI";
}

.LoginControls label {
    min-width: 100px;
    display: inline-block;
}

.LoginControls ul li {
    padding: 10px;
}

.LoginControls {
    width: 400px;
    background: white;
    /* text-align: center; */
    margin: 0 auto;
    padding-bottom: 10px;
}

.LoginControls_wrapper ul, .resetControls_wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.resetControls_wrapper {
    text-align: center;
}

.LoginControls_wrapper {
    margin: 0 auto;
    position: fixed;
    bottom: 8em;
    width: 100%;

    text-align: center;
}

.wrapper {
    /*border-style: solid;*/
    border-width: 0px;
    height: 100%;
}

.loginerrors {
    color: red;
}

.loginbuttonsarea {
    padding: 10px;
}

label.k-checkbox-label {
    width: 160px;
    text-align: initial;
}

.LoginControls label {
    display: inline-block;
    width: 130px;

}

.hidden {
    display: none;
}

.LoginControls input[type=text], .LoginControls input[type=password] {
    width: 200px;
}

.app-login-left-wrapper{
    background: #39529C;
}
.app-login-left{
    background: url(../images/HQ3.png);
    background-position-y: calc(50% - 100px) !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    height: 85vh;
    margin:50px;
}

#LoginForm ul{
    list-style: none;
}
#LoginForm ul li {
    padding: 20px;
}
.app-button-green{
    background-color: #77BE1D;
    color: white;
    padding: 5px 15px;
}
.app-login-link {
    color: #0D72A6;
    text-decoration: none;
}
.app-login-link:hover {
    text-decoration-color: #012C49;
}


.ForgotPasswordBackground{
    /*height: 100%;*/
    background: #38529C url(../images/HQ3.png);
    /*background-size: cover !important;*/
    /*background-repeat: no-repeat !important;*/
    /*background: #38529C;*/
    /*background-position: bottom;*/
    background-size: 90ch !important;
    background-position-y: calc(50% - 100px) !important;
    background-position-x: center !important;
    background-repeat: no-repeat !important;
}