.login_page { height: 100vh; }
.login_area .login_area_layer { display: table-cell; vertical-align: middle; padding:0 0 30px;}
.form-container .mat-form-field-underline {display: none !important;}
.captcha_grid .mat-form-field.example-full-width .mat-form-field-infix input { height: 40px !important; }
.form-container .mat-form-field-subscript-wrapper {margin:0;}
.form-container .mat-form-field-infix {padding-top: 0; border-top: none;}
.login_area .form-container button.btn.btn-success:hover{box-shadow: none;}
.login-btns.mbl-login-bttns {display: none;}
/*=== BLUE-THEME ===*/
#blue_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #3e3993 !important; }
#blue_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #3e3993 !important; }
#blue_theme { height: 100vh; }
#blue_theme .overlay {background:#3e3993;}
#blue_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #3e3993 !important; }
#blue_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #3e3993 !important; }
#blue_theme .login_area .form-container button.btn.btn-success { background-color: #3e3993; color: #fff;}
#blue_theme .login-btns label.active{background:#3e3993;}
/**/
#blue_theme .dashboard-cards .ng-star-inserted .ng-star-inserted .card-icon { background: #eee; box-shadow: none; border: solid 2px #eee; }
#blue_theme .dashboard-cards .ng-star-inserted .ng-star-inserted .card-icon i { color: #3e3993; }
#blue_theme .card-title span { color: #3e3993 !important; }
#blue_theme .ui-carousel-content .ui-carousel-dots-container li.ui-state-highlight button span { background-color: #3e3993 !important; }
#blue_theme .card-header.card-header-text.card-header-success .card-text.panel-form-color h4 { color: #3e3993; }
/*=== GREEN_THEME ===*/
#green_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: green !important; }
#green_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: green !important; }
#green_theme { height: 100vh; }
#green_theme .overlay {background:linear-gradient(60deg, #66bb6a, #43a047);}
#green_theme .form-container button.btn {background:#66bb6a;  border-color:#66bb6a;}
#green_theme .login-btns label.active{background:#66bb6a;}
#green_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #66bb6a !important; }
#green_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #66bb6a !important; }
#green_theme .login_area .form-container button.btn.btn-success { background-color: #66bb6a;  color: #fff;}
/*=== ORANGE_THEME ===*/
#orange_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #fb8c00 !important; }
#orange_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #fb8c00 !important; }
#orange_theme { height: 100vh; }
#orange_theme .overlay {background:linear-gradient(60deg, #ffa726, #fb8c00)}
#orange_theme .form-container button.btn {background:#fb8c00;  border-color:#fb8c00;}
#orange_theme .login-btns label.active{background:#fb8c00;}
#orange_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #fb8c00 !important; }
#orange_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #fb8c00 !important; }
#orange_theme .login_area .form-container button.btn.btn-success { background-color: #fb8c00; color: #fff; }
/*=== PURPLE_THEME ===*/
#purple_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ab47bc !important; }
#purple_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #ab47bc !important; }
#purple_theme { height: 100vh; }
#purple_theme .overlay {background:linear-gradient(60deg, #ab47bc, #8e24aa)}
#purple_theme .form-container button.btn {background:#ab47bc;  border-color:#ab47bc;}
#purple_theme .login-btns label.active{background:#ab47bc;}
#purple_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ab47bc !important; }
#purple_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #ab47bc !important; }
#purple_theme .login_area .form-container button.btn.btn-success { background-color: #ab47bc;  color: #fff;}
/*=== PINK_THEME ===*/
#pink_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #d81b60 !important; }
#pink_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #d81b60 !important; }
#pink_theme { height: 100vh; }
#pink_theme .overlay {background:linear-gradient(60deg, #ec407a, #d81b60)}
#pink_theme .form-container button.btn {background:#d81b60;  border-color:#d81b60;}
#pink_theme .login-btns label.active{background:#d81b60;}
#pink_theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #d81b60 !important; }
#pink_theme .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #d81b60 !important; }
#pink_theme .login_area .form-container button.btn.btn-success { background-color: #d81b60;  color: #fff;}

/* ===== RESPONSIVE ===== */

/*1599 to 1440 */
@media (max-width: 1599px) {
}

/*1439 to 1360 */
@media (max-width: 1439px) {
}

/*1359 to 1280 */
@media (max-width: 1359px) {
    /* #blue_theme .overlay {background:#01455a;} */
}

/*1279 to 1152 */
@media (max-width: 1279px) {
}

/*1151 to 1024 */
@media (max-width: 1151px) {
}

/*1023 to 992 */
@media (max-width: 1023px) {
}

/*1023 to 970 */
@media (max-width: 991px) {
    .form-container{padding:0 30px;}
    .login_page .container {max-width: 95%; width: 100%; margin: 0 auto;}
    .login_area .login_area_layer {
        padding:
                0 0 30px;
    }
}

/*969 to 900 */
@media (max-width: 969px) {
}

/*899 to 800 */
@media (max-width: 899px) {
}

/*799 to 768 */
@media (max-width: 799px) {
    .login_area .login_area_in {width: auto;}
    .sign-up-container .forgot-container{
        right: 350px;}
    .overlay-container{
        display: none;
    }
    .login_area .login_area_in{
        width: auto !important;
    }
    .overlay-container{
        display: none;
    }
    .form-container{
        width: 100% !important;
    }
    #signUp:checked ~ .container .sign-up-container {
        transform: translateX(383px) !important;}
    #forgot:checked ~ .container .forgot-container {
        transform: translateX(383px) !important;}
    .login-btns{
        text-align: right !important;
        margin:
                0 0 15px 0 !important;
    }
    .login-btns.mbl-login-bttns {
        display: block;
    }
}

/*767 to 736 */
@media (max-width: 767px) {
    .login-header{
        padding:
                10px 0px !important;
    }
}

/*735 to 667 */
@media (max-width: 735px) {
}

/*666 to 600 */
@media (max-width: 666px) {
    .login-header .login-header-right a {
        font-size: 11px !important;
        padding:
                0px 17px !important;
        margin-left: 6px !important;
    }
    .login-header .login-header-left img {
        margin:
                0 1px !important;
        object-fit: contain;
        max-width: 55px;
    }
    .form-container{
        padding:
                0 30px !important;}
    .login_page .container {
        max-width: 98%;
    }
}

/*599 to 568 */
@media (max-width: 599px) {
}

/*567 to 480  */
@media (max-width : 567px) {
    .login-btns label {
        padding:
                8px 11px !important;
        font-size: 13px !important;}
}

/*479 to 414  */
@media (max-width : 479px) {
}

/*413 to 375*/
@media (max-width : 413px) {
}

/*374 to 320*/
@media (max-width : 374px) {
    .form-container {
        padding:
                0 10px !important;
    }
    .login-btns label {
        margin:
                2px !important;}
}