html, body {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
    background: url(../img/login-bg.png) #fff center bottom repeat-x;
    overflow-y:auto;
}

nav.navbar {
    border-top: 4px solid #3D4A5D;
    margin-bottom: 1rem;
}

.content-title {
    font-size: 1.4rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 8px;
    font-weight: normal;
}

.content {
    padding: 10px;
}

.main-screen-wrap{
    padding-top: 10vh;
    
    /*v-center:*/
    /*display: flex;*/
    /*height: 100%;*/
    /*align-items: center;*/
}

@media screen and (max-width: 1023px) {
    .main-screen-wrap{
        padding-left: 16px;
        padding-right: 16px;
    }
}

.subtitle{
    font-size: 1.1rem;
}

.title:not(.is-spaced) + .subtitle {
    margin-top: -0.8rem;
}

/* sticky footer start */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.main-content {
    flex: 1;
    margin-bottom: 20px;
}

.footer{
    padding: 0.5rem 0;
    background: rgba(255,255,255,0.3);
}

/* sticky footer end */

/* padding helper start */

.m-none { margin: 0; }
.p-none { padding: 0; }
.m-t-none { margin-top: 0; }
.p-t-none { padding-top: 0; }
.m-r-none { margin-right: 0; }
.p-r-none { padding-right: 0; }
.m-b-none { margin-bottom: 0; }
.p-b-none { padding-bottom: 0; }
.m-l-none { margin-left: 0; }
.p-l-none { padding-left: 0; }
.m-xxs { margin: 0.125rem; }
.p-xxs { padding: 0.125rem; }
.m-t-xxs { margin-top: 0.125rem; }
.p-t-xxs { padding-top: 0.125rem; }
.m-r-xxs { margin-right: 0.125rem; }
.p-r-xxs { padding-right: 0.125rem; }
.m-b-xxs { margin-bottom: 0.125rem; }
.p-b-xxs { padding-bottom: 0.125rem; }
.m-l-xxs { margin-left: 0.125rem; }
.p-l-xxs { padding-left: 0.125rem; }
.m-xs { margin: 0.25rem; }
.p-xs { padding: 0.25rem; }
.m-t-xs { margin-top: 0.25rem; }
.p-t-xs { padding-top: 0.25rem; }
.m-r-xs { margin-right: 0.25rem; }
.p-r-xs { padding-right: 0.25rem; }
.m-b-xs { margin-bottom: 0.25rem; }
.p-b-xs { padding-bottom: 0.25rem; }
.m-l-xs { margin-left: 0.25rem; }
.p-l-xs { padding-left: 0.25rem; }
.m-sm { margin: 0.5rem; }
.p-sm { padding: 0.5rem; }
.m-t-sm { margin-top: 0.5rem; }
.p-t-sm { padding-top: 0.5rem; }
.m-r-sm { margin-right: 0.5rem; }
.p-r-sm { padding-right: 0.5rem; }
.m-b-sm { margin-bottom: 0.5rem; }
.p-b-sm { padding-bottom: 0.5rem; }
.m-l-sm { margin-left: 0.5rem; }
.p-l-sm { padding-left: 0.5rem; }
.m-md { margin: 1rem; }
.p-md { padding: 1rem; }
.m-t-md { margin-top: 1rem; }
.p-t-md { padding-top: 1rem; }
.m-r-md { margin-right: 1rem; }
.p-r-md { padding-right: 1rem; }
.m-b-md { margin-bottom: 1rem; }
.p-b-md { padding-bottom: 1rem; }
.m-l-md { margin-left: 1rem; }
.p-l-md { padding-left: 1rem; }
.m-lg { margin: 2rem; }
.p-lg { padding: 2rem; }
.m-t-lg { margin-top: 2rem; }
.p-t-lg { padding-top: 2rem; }
.m-r-lg { margin-right: 2rem; }
.p-r-lg { padding-right: 2rem; }
.m-b-lg { margin-bottom: 2rem; }
.p-b-lg { padding-bottom: 2rem; }
.m-l-lg { margin-left: 2rem; }
.p-l-lg { padding-left: 2rem; }
.m-xl { margin: 4rem; }
.p-xl { padding: 4rem; }
.m-t-xl { margin-top: 4rem; }
.p-t-xl { padding-top: 4rem; }
.m-r-xl { margin-right: 4rem; }
.p-r-xl { padding-right: 4rem; }
.m-b-xl { margin-bottom: 4rem; }
.p-b-xl { padding-bottom: 4rem; }
.m-l-xl { margin-left: 4rem; }
.p-l-xl { padding-left: 4rem; }
.m-xxl { margin: 8rem; }
.p-xxl { padding: 8rem; }
.m-t-xxl { margin-top: 8rem; }
.p-t-xxl { padding-top: 8rem; }
.m-r-xxl { margin-right: 8rem; }
.p-r-xxl { padding-right: 8rem; }
.m-b-xxl { margin-bottom: 8rem; }
.p-b-xxl { padding-bottom: 8rem; }
.m-l-xxl { margin-left: 8rem; }
.p-l-xxl { padding-left: 8rem; }

/* padding helper end*/

/* common components*/

a {
    color: #66759a;
}

a:hover {
    color: #3D4A5D; 
}

.default-submit-button-hack{
    position: fixed;
    top:-1000px;
    left:-1000px;
    width:1px;
    height:1px;
    border: 0;
    color:transparent;
    background: transparent;
}

[required].input, [required].input-select {
    background: url("../img/mandatory.png") #ffffff no-repeat left center;
}

/* captcha */

.captcha-prompt {
    font-size: 0.9em;
}

.idpCaptcha{
    display: flex;
    flex-direction: row-reverse;
}

.idpCaptcha .input {
    margin-right: 10px;
}

.idpCaptcha img {
    width:100px;
    height: 40px;
}

.idpCaptcha .text-danger {
    display: none;
}

.glass {
    background: rgba(255,255,255, 0.3);
    backdrop-filter: blur(3px);
    border-radius: 8px;
}