.ladda-spinner {
    direction: ltr !important;
}



html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    padding-right: 0 !important; /*modal scroll*/
    background-color: #dfe0e2 !important;
    background-image: url('/../Images/back.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.login-container {
    margin: 0 auto;
    width: 415px;
}

.login-layout label, .ui-jqdialog-content .searchFilter .queryresult {
    margin-bottom: 11px;
}

.login-layout {
    background-color: #1D2024;
}

    .login-layout .main-container:before {
        display: none;
    }

    .login-layout .main-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        min-height: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .login-layout .widget-box {
        -moz-transform: scale(0, 1) translate(-150px);
        -ms-transform: scale(0, 1) translate(-150px);
        -o-transform: scale(0, 1) translate(-150px);
        -webkit-transform: scale(0, 1) translate(-150px);
        background-color: #095683;
        border-bottom: none;
        box-shadow: none;
        padding: 2px;
        position: fixed;
        transform: scale(0, 1) translate(-150px);
        visibility: hidden;
        z-index: -5;
    }

        .login-layout .widget-box.visible {
            -moz-transform: scale(1, 1) translate(0);
            -moz-transition: -moz-transform .3s ease;
            -ms-transform: scale(1, 1) translate(0);
            -o-transform: scale(1, 1) translate(0);
            -o-transition: -o-transform .2s ease;
            -webkit-transform: scale(1, 1) translate(0);
            -webkit-transition: -webkit-transform .3s ease;
            position: relative;
            transform: scale(1, 1) translate(0);
            transition: transform .3s ease;
            visibility: visible;
            z-index: auto;
        }

        .login-layout .widget-box .widget-main {
            background: #F7F7F7;
            padding: 16px 36px 24px 36px;
        }

            .login-layout .widget-box .widget-main form {
                margin: 0;
            }

        .login-layout .widget-box .widget-body .toolbar > div > a {
            font-size: 15px;
            font-weight: 400;
            text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
        }

.login-box .forgot-password-link {
    color: #FE9;
}

.login-box .user-signup-link {
    color: #CF7;
}

.login-box .toolbar {
    background: #5090C1;
    border-top: 2px solid #597597;
}

    .login-box .toolbar > div {
        display: inline-block;
        padding: 9px 0 11px;
        width: 50%;
    }

        .login-box .toolbar > div:first-child {
            float: left;
            text-align: left;
        }

            .login-box .toolbar > div:first-child > a {
                margin-left: 11px;
            }

            .login-box .toolbar > div:first-child + div {
                float: right;
                text-align: right;
            }

                .login-box .toolbar > div:first-child + div > a {
                    margin-right: 11px;
                }


input[type="text"], input[type="password"] {
    color: #333 !important;
}

.form-control:focus {
    outline: 0 !important;
}

.modal-body > .bootbox-close-button {
    display: none;
}

.field-validation-error {
    color: red;
}

h1, h2, h3, h4, h5 {
    font-family: inherit !important;
}

 @media only screen and (max-width:540px) {
    .login-container {
        width: 98%;
    }
}