:root {
    --ibas-primary-color: #000;
    --ibas-secondary-color: #555;
    --ibas-fontsize: 14px;
    --ibas-fontfamily: Roboto, Nikosh, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --ibas-container-padding-x: 0.5rem;
    --ibas-main-bg-color: #ebebeb;
}


html, body {
    font-size: var(--ibas-fontsize);
    min-height: 100%;
}

body {
    width: 100%;
    height: 100%;
    background-image: url('../../../images/loginnew/login/spectrum-gradient.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #0068B3 !important;
    font-size: var(--ibas-fontsize);
    font-family: var(--ibas-fontfamily);
}

*::-webkit-input-placeholder {
    color: #0068B3 !important;
}

*:-moz-placeholder {
    /* FF 4-18 */
    color: #0068B3 !important;
    opacity: 1;
}

*::-moz-placeholder {
    /* FF 19+ */
    color: #0068B3 !important;
    opacity: 1;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    color: #0068B3 !important;
}

*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #0068B3 !important;
}

*::placeholder {
    /* modern browser */
    color: #0068B3 !important;
}

input:not([type='checkbox']) {
    color: #0068B3 !important;
    background-color: #D9DAE6 !important;
}

.form-signin input.form-control, .form-otp input.form-control, .forgetPassword input.form-control, .changePassword input.form-control, .forgetLoginId input.form-control {
    padding-left: 50px;
}

.white-card {
    background-color: #fff !important;
}

.color-primary {
    color: rgba(2, 47, 98) !important;
}

.bangla {

}

.login-area {
    margin-top: 10%;
}

    .login-area .card {
        /*background-color: #022F62;*/
        background-color: rgba(2, 47, 98, 0.5);
        /*margin-right: 150px;*/
        padding: 0px 10px;
        border-radius: 7px;
        border: none;
    }

    .login-area .login-form, .login-area .subsystem-area {
        margin-right: 150px;
    }

    .login-area button, .digit-group .btn {
        background-color: #006FB8;
    }

    .login-area a {
        text-decoration: none;
        transition: .3s ease;
    }

.subsystem-area button {
    background-color: #006FB8;
}

.subsystem-area a {
    text-decoration: none;
    transition: .3s ease;
    color: #151965;
    font-weight: 600;
    background-color: #D9DAE6;
}

.placeholder-img {
    position: absolute;
    margin-top: -30px;
    margin-left: 15px;
    font-size: 1.5rem;
}

.placeholder-img-right {
    position: absolute;
    margin-top: -30px;
    right: 40px;
    font-size: 1.25rem;
}

.try-text a {
    color: #fff;
}

    .try-text a:hover {
        border-bottom: 1px solid #fff;
    }

.blue-hover:hover {
    color: #11ABDD;
    transition: .3s ease;
}

.white-hover:hover {
    color: #fff;
    transition: .3s ease;
}

.form-control {
    border-radius: 0.15rem;
}

.text-under-btn {
    font-size: 12px;
}

.white-text {
    color: #fff;
}

.blue-text {
    color: #11ABDD;
}

@media only screen and (max-width: 768px) {
    .login-area .card {
        margin-right: 0px;
        margin-top: 10px;
    }

    .login-area .link-menu-container {
        margin-right: 0px;
        margin-top: 30px;
        margin-bottom: 0px !important;
    }

    .welcome-section {
        text-align: center;
    }
}

.captcha {
    border-radius: 0.15rem;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1200px;
    }
    /*.placeholder-img-right {
                margin-left: 325px !important;
            }*/
}

@media (max-width: 576px) {
    .ibas-logo {
        max-width: 50% !important;
    }
    /*.placeholder-img-right {
                margin-left: 250px!important;
            }*/
}

.resource-menu .nav-item {
    background-color: #3584AA;
    border: none;
}

.social-icon a, .social-icon span {
    color: #FFF;
}