/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@font-face {
    font-family: "inter_bold";
    src: url("/font/Inter-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "inter_semibold";
    src: url("/font/Inter-SemiBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "inter_extrabold";
    src: url("/font/Inter-ExtraBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "inter_medium";
    src: url("/font/Inter-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "inter_regular";
    src: url("/font/Inter-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "inter_light";
    src: url("/font/Inter-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "inter_extralight";
    src: url("/font/Inter-ExtraLight.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "inter_black";
    src: url("/font/Inter-Black.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "inter_thin";
    src: url("/font/Inter-Thin.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('/font/sourcesanspro-italic-webfont.eot');
    src: url('/font/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/sourcesanspro-italic-webfont.woff') format('woff'), url('/font/sourcesanspro-italic-webfont.ttf') format('truetype'), url('/font/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('/font/sourcesanspro-regular-webfont.eot');
    src: url('/font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/font/sourcesanspro-regular-webfont.woff') format('woff'), url('/font/sourcesanspro-regular-webfont.ttf') format('truetype'), url('/font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('/font/sourcesanspro-semibold-webfont.eot');
    src: url('/font/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/font/sourcesanspro-semibold-webfont.woff') format('woff'), url('/font/sourcesanspro-semibold-webfont.ttf') format('truetype'), url('/font/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proSBdIt';
    src: url('/font/sourcesanspro-semibolditalic-webfont.eot');
    src: url('/font/sourcesanspro-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/font/sourcesanspro-semibolditalic-webfont.woff') format('woff'), url('/font/sourcesanspro-semibolditalic-webfont.ttf') format('truetype'), url('/font/sourcesanspro-semibolditalic-webfont.svg#source_sans_proSBdIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    background: #0e0f2d;
    min-height: 100vh;
}

.container.main-container {
    height: calc(100vh - 25px);   
}

.container.main-container main  {
    height: 100%;
}

/** Login 3 start **/
.cq-login .login-inner-form .col-pad-0 {
    padding: 0;
}

.cq-login {
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
    max-width: 1000px;
}

    .cq-login .bg-img {
        background: rgba(0, 0, 0, 0.04) url(../login_image.png) top left repeat;
        background-size: cover;
        top: 0;
        bottom: 0;
        text-align: left;
        z-index: 999;
        opacity: 1;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 30px;
        min-height: 580px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }

.cq-login .form-section {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background: #fff;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.cq-login .login-inner-form {
    max-width: 350px;
    color: #717171;
    width: 100%;
    text-align: center;
}

    .cq-login .login-inner-form p {
        color: #717171;
        font-size: 14px;
        margin: 0;
    }

        .cq-login .login-inner-form p a {
            color: #23299B;
            font-weight: 700;
            text-decoration: none;
        }

    .cq-login .login-inner-form img {
        margin-bottom: 15px;
        margin-right: 15px;
        width: auto;
        height: 80px !important;
    }

    .cq-login .login-inner-form h3 {
        margin: 0 0 40px;
        font-weight: 600;
        font-family: 'inter_semibold', inter_semibold;
        color: #9C27B0;
        background: -webkit-linear-gradient(45deg, #000279, #f38264 60%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .cq-login .login-inner-form .form-group {
        margin-bottom: 25px;
    }

    .cq-login .login-inner-form .input-text {
        outline: none;
        width: 100%;
        padding: 10px 20px;
        font-size: 13px;
        outline: 0;
        font-weight: 600;
        color: #717171;
        height: 45px;
        border-radius: 50px;
        border: 1px solid #dbdbdb;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
    }

    .cq-login .login-inner-form .btn-md {
        cursor: pointer;
        padding: 12px 30px 11px 30px;
        letter-spacing: 1px;
        font-size: 15px;
        font-weight: 600;
        font-family: 'inter_semibold', inter_semibold;
        border-radius: 50px;
    }

    .cq-login .login-inner-form input[type=checkbox], input[type=radio] {
        margin-right: 3px;
    }

    .cq-login .login-inner-form button:focus {
        outline: none;
        outline: 0 auto -webkit-focus-ring-color;
    }

    .cq-login .login-inner-form .btn-theme.focus, .btn-theme:focus {
        box-shadow: none;
    }

    .cq-login .login-inner-form .btn-theme {
        background-image: linear-gradient(to right, #1c2178, #d4767c);
        border: none;
        color: #fff;
        min-width: 200px;
    }

        .cq-login .login-inner-form .btn-theme:hover {
            background-image: linear-gradient(to right, #3d134b, #181759, #02072b);
        }

    .cq-login .login-inner-form .checkbox .terms {
        margin-left: 3px;
    }

.cq-login .informeson {
    color: #fff;
    margin: 0 20px 0 70px;
}

    .cq-login .informeson h1 {
        color: #fff;
        margin-bottom: 20px;
        font-weight: 100;
    }

        .cq-login .informeson h1.text-gradient {
            background: -webkit-linear-gradient(45deg, #0b73c4, #fe744a 50%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

    .cq-login .informeson p {
        color: #fff;
        margin-bottom: 20px;
    }

        .cq-login .informeson p.text {
            color: #fff;
            margin-bottom: 20px;
            opacity: 0.8;
        }

.cq-login .none-2 {
    display: none;
}

.cq-login .btn-section {
    margin-bottom: 30px;
}

.cq-login .informeson .link-btn:hover {
    text-decoration: none;
}

.cq-login .informeson .link-btn {
    background: #fff;
    padding: 6px 30px;
    font-size: 13px;
    border-radius: 3px;
    margin: 3px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #376bff;
}

.cq-login .informeson .active {
    background: #376bff;
    color: #fff;
}

.cq-login .login-inner-form .terms {
    margin-left: 3px;
}

.cq-login .login-inner-form .checkbox {
    margin-bottom: 25px;
    font-size: 14px;
}

.cq-login .login-inner-form .form-check {
    float: left;
    margin-bottom: 0;
}

    .cq-login .login-inner-form .form-check a {
        color: #717171;
        float: right;
    }

.cq-login .login-inner-form .form-check-input {
    position: absolute;
    margin-left: 0;
}

.cq-login .login-inner-form .form-check label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    margin-left: -25px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
}

.cq-login .login-inner-form .form-check-label {
    padding-left: 25px;
    margin-bottom: 0;
    font-size: 14px;
}

.cq-login .login-inner-form .checkbox-theme input[type="checkbox"]:checked + label::before {
    background-color: #376bff;
    border-color: #376bff;
}

.cq-login .login-inner-form input[type=checkbox]:checked + label:before {
    font-weight: 300;
    color: #f3f3f3;
    line-height: 15px;
    font-size: 14px;
    content: "\2713";
}

.cq-login .login-inner-form input[type=checkbox], input[type=radio] {
    margin-top: 4px;
}

.cq-login .login-inner-form .checkbox a {
    font-size: 14px;
    color: #717171;
    float: right;
}

.input-validation-error {
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.25) !important;
    border: 1px solid red !important;
}

.error-message {
    color: red;
    font-size: 16px;
    display: block;
}

button:disabled {
    background: #dddddd !important;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.reset-password {
    .row {
        height: 90%;
        display: flex;
        align-items: center;

        > div {
            background-color: white;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
            font-size: 0.75em;
            line-height: 1;
            white-space: nowrap;
            padding: 15px;
            min-width: 600px;
            width: 600px;
        }
    }

    .login-inner-form {
        max-width: unset;
        text-align: unset;
    }

    .cq-login .form-control {
        background-color: rgb(232, 240, 254) !important;
    }

    .logo-container {
        padding: 20px 40px 20px 40px;
    }

    .logo-container img {
        width: 100%;
    }

    .page-title {
        text-align: center;
    }

    form {
        display: grid;
        padding-bottom: 25px;
    }

    .bg-img {
        min-width: 600px;
        min-height: unset;
        background: rgba(0, 0, 0, 0.04);
        background-image: url(../login_image.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center 50%;
        padding: 33px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
    }

    .login-inner-form .form-group {
        margin: 10px 20px;
        max-width: 500px;
    }

    .login-inner-form h3 {
        background: -webkit-linear-gradient(45deg, #000279, #f38264 65%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}


/** MEDIA **/
@media (max-width: 992px) {
    .cq-login .none-2 {
        display: block;
    }

    .cq-login .form-section {
        padding: 30px 15px;
    }
}

.text-muted {
    color: #ffffff !important;
}