/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#securityCodeWrap1, #forceLoginWrap1 {
    display: none
}

fieldset, img {
    border: 0;
}

input {
    border: 1px solid #b0b0b0;
    padding: 3px 5px 4px;
    color: #979797;
    width: 190px;
    opacity: 1 !important;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}
/*reset css ends*/

.mobile-login-form {
    border-radius: 8px;
    background: rgba(250, 251, 255, 0.2);
    padding: 50px 100px;
    box-shadow: 0 8px 14px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
}

.mobileLogin {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center; /* vertical */
}


.login-title {
    display: block;
    width: 100%;
    text-align: center !important;
    margin: 0 0 25px 0;
    letter-spacing: 1px;
}

.login-title-small {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 4px;
}

.login-title-big {
    display: block;
    font-size: 22px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1.2;
}

.fixed-bottom.footer-logo {
    padding: 10px;
    width: 100%;
    display:flex;
    justify-content:flex-end    
}
h2:after{
    content:none;
}


.login-screen-bg {
    background: url(../images/LoginPageDesktop.png) no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.login-small a {
    color: #fff!important;
}
.btn.btn-primary {
    margin: 1rem 0;
    padding: 5px 1rem;
    background: #FF8500;
    border-color: transparent;
    border-radius: 3px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.3s ease;
}
@media (max-width: 767px) {
    .login-screen-bg {
        background: url(../images/LoginPageMobile.png) no-repeat;
        width: 100%;
        background-position: unset;
        background-size: cover;
    }

    .mobile-login-form {
        width: 100%;
        padding: 30px 16px;
    }

    .login-logo {
        height: 170px;
        width: unset;
        margin-top: 10px;
    }

    .mobile-login-form {
        width: 100%;
        max-width: 100%; /* prevent shrink */
        flex: 1 1 auto; /* allow flex item to grow */
    }
    .login-title-small {
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: #ffffff;
        line-height:1.5rem;
        margin-bottom: 4px;
    }

    .login-title-big {
        display: block;
        font-size: 18px;
        font-weight: 900;
        color: #ffffff;
        line-height: 1.2;
    }
    .mobileLogin {
        display: flex;
        flex-direction: column;
        align-items: normal;
    }
}
@media (min-width: 992px) {
    .mobile-login-form {
        width: 700px;
        margin: 0 auto;
    }
}