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

.dashboard-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

header {
    flex-shrink: 0;
}

.dashboard-content {
    display: flex;
    flex: 1;
    overflow: hidden;
}


.main-content {
    flex: 1;
    /* padding: 20px 0; */
    overflow-y: auto;
}


footer {
    border-top: 1px solid rgb(196, 196, 196);

    flex-shrink: 0;
    background-color: #f8f9fa;
    padding: 10px 0;
    text-align: center;
    color: rgb(107, 107, 107);
    font-size: 12px;
}


.navbar-blank-layout {
    background-color: #B49C83;
    border-bottom: 1px solid #f0f0f0;
}

.brand-logo-icon {
    background: url('../../images/admin/sprite.png') no-repeat -434px -61px;
    height: 40px;
    width: 166px;
}

#timestamp {
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
}

/* Custome checkbox CSS */
.custome_checkbox {
    width: 15px;
    height: 15px;
    border: 1px solid #8f959b;
    font-weight: bold;
    appearance: none;
    outline: none;
    cursor: default;
    position: relative;
}

/* When checkbox is checked */
.custome_checkbox:checked {
    background-color: #fff;
    border-color: #a17e54;
}

/* Add a checkmark when checked */
.custome_checkbox:checked::after {
    content: '\2713';
    color: #a17e54;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-btn {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #49afcd !important;
    background-color: #49afcd;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
}

.login-btn:hover {
    background-color: #2f96b4 !important;
    background-image: none !important;
    border-color: #2f96b4 !important;
}

.login-btn:hover span,
.fa-arrow-right-to-bracket {
    color: #fff;
}



/* Login style */
.noimage-icon {
    background: url('<?= base_url(); ?>assest/images/admin/sprite.png') no-repeat -187px -25px;
    height: 75px;
    width: 75px;
}

.noimage-icon-small {
    background: url('<?= base_url(); ?>assest/images/admin/sprite.png') no-repeat -130px -26px;
    width: 50px;
    height: 50px;
}

.btn_hover {

    background-color: #B49C83;
}

/* .btn_hover:hover {

    background-color: transparent;
    border: 1px solid #B49C83;
    color: #B49C83;
} */

/* .btn_hover:hover span {
    color: #B49C83;
} */

/* .btn_hover:hover i {
    color: #B49C83;
} */



.center-card-container {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    width: 100%;
}



/* START Theme Setting */
/* START CIT THEME */
/* START CIT default theme */
/* Navbar */
.navbar-blank-layout-cit-default {
    background-color: rgb(0, 188, 212);
}

/* Border around main contant */
.login_main_content_cit-default .main_contant {
    border-color: rgb(0, 188, 212);
}

/* Login Button */
.login_main_content_cit-default .login_button {
    background-color: rgb(0, 188, 212);
}

.login_main_content_cit-default .login_button:hover {
    border: 1px solid rgb(0, 188, 212);
    background-color: rgb(255, 255, 255) !important;
    color: rgb(0, 188, 212);
}

.login_main_content_cit-default .login_button:hover span {
	color: rgb(0, 188, 212);
}

.login_main_content_cit-default .login_button:hover i {
	color: rgb(0, 188, 212);
}


/* remember checkbox */
.login_main_content_cit-default .custome_checkbox {
    border-color: rgb(0, 188, 212);
    background-color: rgb(255, 255, 255);
    color: rgb(0, 188, 212);
}

.login_main_content_cit-default .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(0, 188, 212);
}

.login_main_content_cit-default .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(0, 188, 212);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-default .forgot-text {
    color: rgb(159, 174, 188);
}

/* forgot password page */
.login_main_content_cit-default .forgot-password-card {
    border: 1px solid rgb(0, 188, 212);
}

/* Button */
.login_main_content_cit-default .forgot_password_btn {
    background-color: rgb(0, 188, 212);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-default .forgot_password_btn:hover {
    border: 1px solid rgb(0, 188, 212);
    background-color: rgb(255, 255, 255);
    color: rgb(0, 188, 212);
}

/* Back to login link */
.login_main_content_cit-default .login-link {
    color: #888e94;
}

.login_main_content_cit-default .login-link .login_word {
    color: rgb(0, 188, 212);
}

/* ResetPassword page */
.login_main_content_cit-default .reset_password_btn {
    background-color: rgb(0, 188, 212);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-default .reset_password_btn:hover {
    border: 1px solid rgb(0, 188, 212);
    background-color: rgb(255, 255, 255);
    color: rgb(0, 188, 212);
}

/* END CIT default theme */

/* START CIT black theme */
/* Navbar */
.navbar-blank-layout-cit-black {
    background-color: rgb(37, 49, 62);
}

/* Border around main contant */
.login_main_content_cit-black .main_contant {
    border-color: rgb(37, 49, 62);
}

/* Login Button */
.login_main_content_cit-black .login_button {
    background-color: rgb(37, 49, 62);
}

/* remember checkbox */
.login_main_content_cit-black .custome_checkbox {
    border-color: rgb(37, 49, 62);
    background-color: rgb(255, 255, 255);
    color: rgb(37, 49, 62);
}

.login_main_content_cit-black .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(37, 49, 62);
}

.login_main_content_cit-black .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(37, 49, 62);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-black .forgot-text {
    color: rgb(101, 189, 119);
}

/* forgot password page */
.login_main_content_cit-black .forgot-password-card {
    border: 1px solid rgb(37, 49, 62);
}

/* Button */
.login_main_content_cit-black .forgot_password_btn {
    background-color: rgb(37, 49, 62);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-black .forgot_password_btn:hover {
    border: 1px solid rgb(37, 49, 62);
    background-color: rgb(255, 255, 255);
    color: rgb(37, 49, 62);
}

/* Back to login link */
.login_main_content_cit-black .login-link {
    color: #888e94;
}

.login_main_content_cit-black .login-link .login_word {
    color: rgb(37, 49, 62);
}

/* ResetPassword page */
.login_main_content_cit-black .reset_password_btn {
    background-color: rgb(37, 49, 62);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-black .reset_password_btn:hover {
    border: 1px solid rgb(37, 49, 62);
    background-color: rgb(255, 255, 255);
    color: rgb(37, 49, 62);
}

/* END CIT black theme */

/* START CIT purple theme */
/* Navbar */
.navbar-blank-layout-cit-purple {
    background-color: rgb(89, 79, 141);
}

/* Border around main contant */
.login_main_content_cit-purple .main_contant {
    border-color: rgb(89, 79, 141);
}

/* Login Button */
.login_main_content_cit-purple .login_button {
    background-color: rgb(89, 79, 141);
}

/* remember checkbox */
.login_main_content_cit-purple .custome_checkbox {
    border-color: rgb(89, 79, 141);
    background-color: rgb(255, 255, 255);
    color: rgb(89, 79, 141);
}

.login_main_content_cit-purple .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(89, 79, 141);
}

.login_main_content_cit-purple .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(89, 79, 141);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-purple .forgot-text {
    color: rgb(187, 173, 255);
}

/* forgot password page */
.login_main_content_cit-purple .forgot-password-card {
    border: 1px solid rgb(89, 79, 141);
}

/* Button */
.login_main_content_cit-purple .forgot_password_btn {
    background-color: rgb(89, 79, 141);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-purple .forgot_password_btn:hover {
    border: 1px solid rgb(89, 79, 141);
    background-color: rgb(255, 255, 255);
    color: rgb(89, 79, 141);
}

/* Back to login link */
.login_main_content_cit-purple .login-link {
    color: #888e94;
}

.login_main_content_cit-purple .login-link .login_word {
    color: rgb(89, 79, 141);
}

/* ResetPassword page */
.login_main_content_cit-purple .reset_password_btn {
    background-color: rgb(89, 79, 141);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-purple .reset_password_btn:hover {
    border: 1px solid rgb(89, 79, 141);
    background-color: rgb(255, 255, 255);
    color: rgb(89, 79, 141);
}

/* END CIT purple theme */

/* START CIT blue theme */
/* Navbar */
.navbar-blank-layout-cit-blue {
    background-color: rgb(66, 139, 202);
}

/* Border around main contant */
.login_main_content_cit-blue .main_contant {
    border-color: rgb(66, 139, 202);
}

/* Login Button */
.login_main_content_cit-blue .login_button {
    background-color: rgb(66, 139, 202);
}

/* remember checkbox */
.login_main_content_cit-blue .custome_checkbox {
    border-color: rgb(66, 139, 202);
    background-color: rgb(255, 255, 255);
    color: rgb(66, 139, 202);
}

.login_main_content_cit-blue .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(66, 139, 202);
}

.login_main_content_cit-blue .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(66, 139, 202);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-blue .forgot-text {
    color: rgb(159, 174, 188);
}

/* forgot password page */
.login_main_content_cit-blue .forgot-password-card {
    border: 1px solid rgb(66, 139, 202);
}

/* Button */
.login_main_content_cit-blue .forgot_password_btn {
    background-color: rgb(66, 139, 202);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-blue .forgot_password_btn:hover {
    border: 1px solid rgb(66, 139, 202);
    background-color: rgb(255, 255, 255);
    color: rgb(66, 139, 202);
}

/* Back to login link */
.login_main_content_cit-blue .login-link {
    color: #888e94;
}

.login_main_content_cit-blue .login-link .login_word {
    color: rgb(66, 139, 202);
}

/* ResetPassword page */
.login_main_content_cit-blue .reset_password_btn {
    background-color: rgb(66, 139, 202);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-blue .reset_password_btn:hover {
    border: 1px solid rgb(66, 139, 202);
    background-color: rgb(255, 255, 255);
    color: rgb(66, 139, 202);
}

/* END CIT blue theme */

/* START CIT turquoise theme */
/* Navbar */
.navbar-blank-layout-cit-turquoise {
    background-color: rgb(31, 181, 173);
}

/* Border around main contant */
.login_main_content_cit-turquoise .main_contant {
    border-color: rgb(31, 181, 173);
}

/* Login Button */
.login_main_content_cit-turquoise .login_button {
    background-color: rgb(31, 181, 173);
}

/* remember checkbox */
.login_main_content_cit-turquoise .custome_checkbox {
    border-color: rgb(31, 181, 173);
    background-color: rgb(255, 255, 255);
    color: rgb(31, 181, 173);
}

.login_main_content_cit-turquoise .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(31, 181, 173);
}

.login_main_content_cit-turquoise .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(31, 181, 173);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-turquoise .forgot-text {
    color: rgb(103, 92, 124);
}

/* footer */
.footer_cit-turquoise {
    background-color: #4fada8;
    border-color: 1px solid #1bafa7;
    color: rgb(255, 255, 255);
}

/* forgot password page */
.login_main_content_cit-turquoise .forgot-password-card {
    border: 1px solid rgb(31, 181, 173);
}

/* Button */
.login_main_content_cit-turquoise .forgot_password_btn {
    background-color: rgb(31, 181, 173);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-turquoise .forgot_password_btn:hover {
    border: 1px solid rgb(31, 181, 173);
    background-color: rgb(255, 255, 255);
    color: rgb(31, 181, 173);
}

/* Back to login link */
.login_main_content_cit-turquoise .login-link {
    color: #888e94;
}

.login_main_content_cit-turquoise .login-link .login_word {
    color: rgb(31, 181, 173);
}

/* ResetPassword page */
.login_main_content_cit-turquoise .reset_password_btn {
    background-color: rgb(31, 181, 173);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-turquoise .reset_password_btn:hover {
    border: 1px solid rgb(31, 181, 173);
    background-color: rgb(255, 255, 255);
    color: rgb(31, 181, 173);
}

/* END CIT turquoise theme */

/* START CIT brown theme */
/* Navbar */
.navbar-blank-layout-cit-brown {
    background-color: rgb(180, 156, 131);
}

/* Border around main contant */
.login_main_content_cit-brown .main_contant {
    border-color: rgb(180, 156, 131);
}

/* Login Button */
.login_main_content_cit-brown .login_button {
    background-color: rgb(180, 156, 131);
}

/* remember checkbox */
.login_main_content_cit-brown .custome_checkbox {
    border-color: rgb(180, 156, 131);
    background-color: rgb(255, 255, 255);
    color: rgb(180, 156, 131);
}

.login_main_content_cit-brown .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(180, 156, 131);
}

.login_main_content_cit-brown .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(180, 156, 131);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-brown .forgot-text {
    color: rgb(159, 174, 188);
}

/* forgot password page */
.login_main_content_cit-brown .forgot-password-card {
    border: 1px solid rgb(180, 156, 131);
}

/* Button */
.login_main_content_cit-brown .forgot_password_btn {
    background-color: rgb(180, 156, 131);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-brown .forgot_password_btn:hover {
    border: 1px solid rgb(180, 156, 131);
    background-color: rgb(255, 255, 255);
    color: rgb(180, 156, 131);
}

/* Back to login link */
.login_main_content_cit-brown .login-link {
    color: #888e94;
}

.login_main_content_cit-brown .login-link .login_word {
    color: rgb(180, 156, 131);
}

/* ResetPassword page */
.login_main_content_cit-brown .reset_password_btn {
    background-color: rgb(180, 156, 131);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-brown .reset_password_btn:hover {
    border: 1px solid rgb(180, 156, 131);
    background-color: rgb(255, 255, 255);
    color: rgb(180, 156, 131);
}

/* END CIT brown theme */

/* START CIT cloud theme */
/* Navbar */
.navbar-blank-layout-cit-cloud {
    background-color: rgb(94, 135, 176);
}

/* Border around main contant */
.login_main_content_cit-cloud .main_contant {
    border-color: rgb(94, 135, 176);
}

/* Login Button */
.login_main_content_cit-cloud .login_button {
    background-color: rgb(94, 135, 176);
}

/* remember checkbox */
.login_main_content_cit-cloud .custome_checkbox {
    border-color: rgb(94, 135, 176);
    background-color: rgb(255, 255, 255);
    color: rgb(94, 135, 176);
}

.login_main_content_cit-cloud .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(94, 135, 176);
}

.login_main_content_cit-cloud .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(94, 135, 176);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-cloud .forgot-text {
    color: rgb(143, 185, 227);
}

/* footer */
.footer_cit-cloud {
    background-color: rgb(143, 185, 227);
    border-color: 1px solid rgb(143, 185, 227);
    color: rgb(255, 255, 255);
}

/* forgot password page */
.login_main_content_cit-cloud .forgot-password-card {
    border: 1px solid rgb(94, 135, 176);
}

/* Button */
.login_main_content_cit-cloud .forgot_password_btn {
    background-color: rgb(94, 135, 176);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-cloud .forgot_password_btn:hover {
    border: 1px solid rgb(94, 135, 176);
    background-color: rgb(255, 255, 255);
    color: rgb(94, 135, 176);
}

/* Back to login link */
.login_main_content_cit-cloud .login-link {
    color: #888e94;
}

.login_main_content_cit-cloud .login-link .login_word {
    color: rgb(94, 135, 176);
}

/* ResetPassword page */
.login_main_content_cit-cloud .reset_password_btn {
    background-color: rgb(94, 135, 176);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-cloud .reset_password_btn:hover {
    border: 1px solid rgb(94, 135, 176);
    background-color: rgb(255, 255, 255);
    color: rgb(94, 135, 176);
}

/* END CIT cloud theme */

/* START CIT dark_slate_blue theme */
/* Navbar */
.navbar-blank-layout-cit-dark_slate_blue {
    background-color: rgb(48, 55, 83);
}

/* Border around main contant */
.login_main_content_cit-dark_slate_blue .main_contant {
    border-color: rgb(48, 55, 83);
}

/* Login Button */
.login_main_content_cit-dark_slate_blue .login_button {
    background-color: rgb(48, 55, 83);
}

/* remember checkbox */
.login_main_content_cit-dark_slate_blue .custome_checkbox {
    border-color: rgb(48, 55, 83);
    background-color: rgb(255, 255, 255);
    color: rgb(48, 55, 83);
}

.login_main_content_cit-dark_slate_blue .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(48, 55, 83);
}

.login_main_content_cit-dark_slate_blue .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(48, 55, 83);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-dark_slate_blue .forgot-text {
    color: rgb(88, 95, 123);
}

/* footer */
.footer_cit-dark_slate_blue {
    background-color: rgb(88, 95, 123);
    border-color: 1px solid rgb(88, 95, 123);
    color: rgb(255, 255, 255);
}

/* forgot password page */
.login_main_content_cit-dark_slate_blue .forgot-password-card {
    border: 1px solid rgb(48, 55, 83);
}

/* Button */
.login_main_content_cit-dark_slate_blue .forgot_password_btn {
    background-color: rgb(48, 55, 83);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-dark_slate_blue .forgot_password_btn:hover {
    border: 1px solid rgb(48, 55, 83);
    background-color: rgb(255, 255, 255);
    color: rgb(48, 55, 83);
}

/* Back to login link */
.login_main_content_cit-dark_slate_blue .login-link {
    color: #888e94;
}

.login_main_content_cit-dark_slate_blue .login-link .login_word {
    color: rgb(48, 55, 83);
}

/* ResetPassword page */
.login_main_content_cit-dark_slate_blue .reset_password_btn {
    background-color: rgb(48, 55, 83);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-dark_slate_blue .reset_password_btn:hover {
    border: 1px solid rgb(48, 55, 83);
    background-color: rgb(255, 255, 255);
    color: rgb(48, 55, 83);
}

/* END CIT dark_slate_blue theme */

/* START CIT brown_thomas theme */
.login_main_content_cit-brown_thomas {
    background-color: #ffece3;
}

.login_main_content_cit-brown_thomas .bg-light {
    background-color: #ffece3 !important;
}

/* Navbar */
.navbar-blank-layout-cit-brown_thomas {
    background-color: rgb(255, 102, 0);
}

/* Border around main contant */
.login_main_content_cit-brown_thomas .main_contant {
    border-color: rgb(255, 102, 0);
}

/* Login Button */
.login_main_content_cit-brown_thomas .login_button {
    background-color: rgb(255, 102, 0);
}

/* remember checkbox */
.login_main_content_cit-brown_thomas .custome_checkbox {
    border-color: rgb(255, 102, 0);
    background-color: rgb(255, 255, 255);
    color: rgb(255, 102, 0);
}

.login_main_content_cit-brown_thomas .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 102, 0);
}

.login_main_content_cit-brown_thomas .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(255, 102, 0);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-brown_thomas .forgot-text {
    color: rgb(245, 141, 71);
}

/* footer */
.footer_cit-brown_thomas {
    background-color: rgb(245, 141, 71);
    border-color: 1px solid rgb(245, 141, 71);
    color: rgb(255, 255, 255);
}

/* forgot password page */
.login_main_content_cit-brown_thomas .forgot-password-card {
    background-color: #ffece3 !important;
}

.login_main_content_cit-brown_thomas .forgot-password-card {
    border: 1px solid rgb(255, 102, 0);
}

/* Button */
.login_main_content_cit-brown_thomas .forgot_password_btn {
    background-color: rgb(255, 102, 0);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-brown_thomas .forgot_password_btn:hover {
    border: 1px solid rgb(255, 102, 0);
    background-color: rgb(255, 255, 255);
    color: rgb(255, 102, 0);
}

/* Back to login link */
.login_main_content_cit-brown_thomas .login-link {
    color: #888e94;
}

.login_main_content_cit-brown_thomas .login-link .login_word {
    color: rgb(255, 102, 0);
}

/* ResetPassword page */
.login_main_content_cit-brown_thomas .reset_password_btn {
    background-color: rgb(255, 102, 0);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-brown_thomas .reset_password_btn:hover {
    border: 1px solid rgb(255, 102, 0);
    background-color: rgb(255, 255, 255);
    color: rgb(255, 102, 0);
}

/* END CIT brown_thomas theme */

/* START CIT atom theme */
/* Navbar */
.navbar-blank-layout-cit-atom {
    background-color: rgb(30, 41, 61);
}

/* Border around main contant */
.login_main_content_cit-atom .main_contant {
    border-color: rgb(30, 41, 61);
}

/* Login Button */
.login_main_content_cit-atom .login_button {
    background-color: rgb(30, 41, 61);
}

/* remember checkbox */
.login_main_content_cit-atom .custome_checkbox {
    border-color: rgb(30, 41, 61);
    background-color: rgb(255, 255, 255);
    color: rgb(30, 41, 61);
}

.login_main_content_cit-atom .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(30, 41, 61);
}

.login_main_content_cit-atom .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(30, 41, 61);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-atom .forgot-text {
    color: #1e293d;
}

/* forgot password page */
.login_main_content_cit-atom .forgot-password-card {
    border: 1px solid rgb(30, 41, 61);
}

/* Button */
.login_main_content_cit-atom .forgot_password_btn {
    background-color: rgb(30, 41, 61);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-atom .forgot_password_btn:hover {
    border: 1px solid rgb(30, 41, 61);
    background-color: rgb(255, 255, 255);
    color: rgb(30, 41, 61);
}

/* Back to login link */
.login_main_content_cit-atom .login-link {
    color: #888e94;
}

.login_main_content_cit-atom .login-link .login_word {
    color: rgb(30, 41, 61);
}

/* ResetPassword page */
.login_main_content_cit-atom .reset_password_btn {
    background-color: rgb(30, 41, 61);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-atom .reset_password_btn:hover {
    border: 1px solid rgb(30, 41, 61);
    background-color: rgb(255, 255, 255);
    color: rgb(30, 41, 61);
}

/* END CIT atom theme */

/* START CIT conquer theme */
/* Navbar */
.navbar-blank-layout-cit-conquer {
    background-color: rgb(36, 37, 39);
}

/* Border around main contant */
.login_main_content_cit-conquer .main_contant {
    border-color: rgb(36, 37, 39);
}

/* Login Button */
.login_main_content_cit-conquer .login_button {
    background-color: rgb(36, 37, 39);
}

/* remember checkbox */
.login_main_content_cit-conquer .custome_checkbox {
    border-color: rgb(36, 37, 39);
    background-color: rgb(255, 255, 255);
    color: rgb(36, 37, 39);
}

.login_main_content_cit-conquer .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(36, 37, 39);
}

.login_main_content_cit-conquer .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(36, 37, 39);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-conquer .forgot-text {
    color: rgb(51, 51, 51);
}

/* footer */
.footer_cit-conquer {
    background-color: rgb(189, 189, 189);
    border-color: 1px solid rgb(189, 189, 189);
    color: rgb(51, 51, 51);
}

/* forgot password page */
.login_main_content_cit-conquer .forgot-password-card {
    border: 1px solid rgb(36, 37, 39);
}

/* Button */
.login_main_content_cit-conquer .forgot_password_btn {
    background-color: rgb(36, 37, 39);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-conquer .forgot_password_btn:hover {
    border: 1px solid rgb(36, 37, 39);
    background-color: rgb(255, 255, 255);
    color: rgb(36, 37, 39);
}

/* Back to login link */
.login_main_content_cit-conquer .login-link {
    color: #888e94;
}

.login_main_content_cit-conquer .login-link .login_word {
    color: rgb(36, 37, 39);
}

/* ResetPassword page */
.login_main_content_cit-conquer .reset_password_btn {
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-conquer .reset_password_btn:hover {
    border: 1px solid rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
}

/* END CIT conquer theme */

/* START CIT forest_green theme */
.login_main_content_cit-forest_green {
    background-color: #edfff1;
}

.login_main_content_cit-forest_green .bg-light {
    background-color: rgb(255, 255, 255) !important;
}

/* Navbar */
.navbar-blank-layout-cit-forest_green {
    background-color: rgb(39, 174, 96);
}

/* Border around main contant */
.login_main_content_cit-forest_green .main_contant {
    border-color: rgb(39, 174, 96);
}

/* Login Button */
.login_main_content_cit-forest_green .login_button {
    background-color: rgb(39, 174, 96);
}

/* remember checkbox */
.login_main_content_cit-forest_green .custome_checkbox {
    border-color: rgb(39, 174, 96);
    background-color: rgb(255, 255, 255);
    color: rgb(36, 37, 39);
}

.login_main_content_cit-forest_green .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(39, 174, 96);
}

.login_main_content_cit-forest_green .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(39, 174, 96);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-forest_green .forgot-text {
    color: rgb(135, 230, 154);
}

/* footer */
.footer_cit-forest_green {
    background-color: rgb(39, 174, 96);
    border-color: 1px solid rgb(39, 174, 96);
    color: rgb(255, 255, 255);
}

/* forgot password page */
.login_main_content_cit-forest_green .forgot-password-card {
    background-color: rgb(255, 255, 255) !important;
}

.login_main_content_cit-forest_green .forgot-password-card {
    border: 1px solid rgb(39, 174, 96);
}

/* Button */
.login_main_content_cit-forest_green .forgot_password_btn {
    background-color: rgb(39, 174, 96);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-forest_green .forgot_password_btn:hover {
    border: 1px solid rgb(39, 174, 96);
    background-color: rgb(255, 255, 255);
    color: rgb(39, 174, 96);
}

/* Back to login link */
.login_main_content_cit-forest_green .login-link {
    color: #888e94;
}

.login_main_content_cit-forest_green .login-link .login_word {
    color: rgb(39, 174, 96);
}

/* ResetPassword page */
.login_main_content_cit-forest_green .reset_password_btn {
    background-color: rgb(39, 174, 96);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-forest_green .reset_password_btn:hover {
    border: 1px solid rgb(39, 174, 96);
    background-color: rgb(255, 255, 255);
    color: rgb(39, 174, 96);
}

/* END CIT forest_green theme */

/* START CIT indigo theme */
/* Navbar */
.navbar-blank-layout-cit-indigo {
    background-color: rgb(74, 49, 83);
}

/* Border around main contant */
.login_main_content_cit-indigo .main_contant {
    border-color: rgb(74, 49, 83);
}

/* Login Button */
.login_main_content_cit-indigo .login_button {
    background-color: rgb(74, 49, 83);
}

/* remember checkbox */
.login_main_content_cit-indigo .custome_checkbox {
    border-color: rgb(74, 49, 83);
    background-color: rgb(255, 255, 255);
    color: rgb(36, 37, 39);
}

.login_main_content_cit-indigo .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(74, 49, 83);
}

.login_main_content_cit-indigo .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(74, 49, 83);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-indigo .forgot-text {
    color: rgb(198, 106, 235);
}

/* footer */
.footer_cit-indigo {
    background-color: rgb(131, 86, 148);
    border-color: 1px solid rgb(131, 86, 148);
    color: rgb(255, 255, 255);
}

/* forgot password page */
.login_main_content_cit-indigo .forgot-password-card {
    border: 1px solid rgb(74, 49, 83);
}

/* Button */
.login_main_content_cit-indigo .forgot_password_btn {
    background-color: rgb(74, 49, 83);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-indigo .forgot_password_btn:hover {
    border: 1px solid rgb(74, 49, 83);
    background-color: rgb(255, 255, 255);
    color: rgb(74, 49, 83);
}

/* Back to login link */
.login_main_content_cit-indigo .login-link {
    color: #888e94;
}

.login_main_content_cit-indigo .login-link .login_word {
    color: rgb(74, 49, 83);
}

/* ResetPassword page */
.login_main_content_cit-indigo .reset_password_btn {
    background-color: rgb(74, 49, 83);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-indigo .reset_password_btn:hover {
    border: 1px solid rgb(74, 49, 83);
    background-color: rgb(255, 255, 255);
    color: rgb(74, 49, 83);
}

/* END CIT indigo theme */

/* START CIT lightblue theme */
/* Navbar */
.navbar-blank-layout-cit-lightblue {
    background-color: rgb(92, 205, 222);
}

/* Border around main contant */
.login_main_content_cit-lightblue .main_contant {
    border-color: rgb(92, 205, 222);
}

/* Login Button */
.login_main_content_cit-lightblue .login_button {
    background-color: rgb(92, 205, 222);
}

/* remember checkbox */
.login_main_content_cit-lightblue .custome_checkbox {
    border-color: rgb(92, 205, 222);
    background-color: rgb(255, 255, 255);
    color: rgb(36, 37, 39);
}

.login_main_content_cit-lightblue .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(92, 205, 222);
}

.login_main_content_cit-lightblue .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(92, 205, 222);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-lightblue .forgot-text {
    color: rgb(130, 238, 255);
}

/* forgot password page */
.login_main_content_cit-lightblue .forgot-password-card {
    border: 1px solid rgb(92, 205, 222);
}

/* Button */
.login_main_content_cit-lightblue .forgot_password_btn {
    background-color: rgb(92, 205, 222);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-lightblue .forgot_password_btn:hover {
    border: 1px solid rgb(92, 205, 222);
    background-color: rgb(255, 255, 255);
    color: rgb(92, 205, 222);
}

/* Back to login link */
.login_main_content_cit-lightblue .login-link {
    color: #888e94;
}

.login_main_content_cit-lightblue .login-link .login_word {
    color: rgb(92, 205, 222);
}

/* ResetPassword page */
.login_main_content_cit-lightblue .reset_password_btn {
    background-color: rgb(92, 205, 222);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-lightblue .reset_password_btn:hover {
    border: 1px solid rgb(92, 205, 222);
    background-color: rgb(255, 255, 255);
    color: rgb(92, 205, 222);
}

/* END CIT lightblue theme */

/* START CIT maroon theme */
/* Navbar */
.navbar-blank-layout-cit-maroon {
    background-color: rgb(251, 85, 87);
}

/* Border around main contant */
.login_main_content_cit-maroon .main_contant {
    border-color: rgb(251, 85, 87);
}

/* Login Button */
.login_main_content_cit-maroon .login_button {
    background-color: rgb(251, 85, 87);
}

/* remember checkbox */
.login_main_content_cit-maroon .custome_checkbox {
    border-color: rgb(251, 85, 87);
    background-color: rgb(255, 255, 255);
    color: rgb(36, 37, 39);
}

.login_main_content_cit-maroon .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: rgb(251, 85, 87);
}

.login_main_content_cit-maroon .custome_checkbox:checked::after {
    content: '\2713';
    color: rgb(251, 85, 87);
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_cit-maroon .forgot-text {
    color: rgb(68, 182, 174);
}

/* footer */
.footer_cit-maroon {
    background-color: rgb(251, 197, 197);
    border-color: 1px solid rgb(251, 197, 197);
    color: rgb(173, 0, 3);
}

/* forgot password page */
.login_main_content_cit-maroon .forgot-password-card {
    border: 1px solid rgb(251, 85, 87);
}

/* Button */
.login_main_content_cit-maroon .forgot_password_btn {
    background-color: rgb(251, 85, 87);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-maroon .forgot_password_btn:hover {
    border: 1px solid rgb(251, 85, 87);
    background-color: rgb(255, 255, 255);
    color: rgb(251, 85, 87);
}

/* Back to login link */
.login_main_content_cit-maroon .login-link {
    color: #888e94;
}

.login_main_content_cit-maroon .login-link .login_word {
    color: rgb(251, 85, 87);
}

/* ResetPassword page */
.login_main_content_cit-maroon .reset_password_btn {
    background-color: rgb(251, 85, 87);
    color: rgb(255, 255, 255);
}

.login_main_content_cit-maroon .reset_password_btn:hover {
    border: 1px solid rgb(251, 85, 87);
    background-color: rgb(255, 255, 255);
    color: rgb(251, 85, 87);
}

/* END CIT maroon theme */
/* END CIT THEME */

/* START Metronic THEME */
/* START Metronic black theme */
/* Navbar */
.navbar-blank-layout-metronic-black {
    background-color: rgb(31, 31, 31);
}

/* Border around main contant */
.login_main_content_metronic-black .main_contant {
    border-color: #bcc3ca;
}

/* Login Button */
.login_main_content_metronic-black .login_button {
    background-color: rgb(77, 144, 254);
}

/* remember checkbox */
.login_main_content_metronic-black .custome_checkbox {
    border-color: #99a1a7;
    background-color: rgb(255, 255, 255);
    color: #55c2f0;
}

.login_main_content_metronic-black .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: #99a1a7;
}

.login_main_content_metronic-black .custome_checkbox:checked::after {
    content: '\2713';
    color: #55c2f0;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_metronic-black .forgot-text {
    color: rgb(77, 144, 254);
}

/* footer */
.footer_metronic-black {
    color: #5d5d5d;
    background: url('../../images/header-bg.png');
    /* background-color: #efefef;
    border-color: 1px solid #efefef;
    color: #5d5d5d; */
}

/* forgot password page */
.login_main_content_metronic-black .forgot-password-card {
    border: 1px solid #bcc3ca;
}

/* Button */
.login_main_content_metronic-black .forgot_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-black .forgot_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* Back to login link */
.login_main_content_metronic-black .login-link {
    color: #888e94;
}

.login_main_content_metronic-black .login-link .login_word {
    color: #4d90fe;
}

/* ResetPassword page */
.login_main_content_metronic-black .reset_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-black .reset_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* END Metronic black theme */

/* START Metronic light theme */
/* Navbar */
.navbar-blank-layout-metronic-light {
    background-color: rgb(63, 63, 63);
}

/* Border around main contant */
.login_main_content_metronic-light .main_contant {
    border-color: #bcc3ca;
}

/* Login Button */
.login_main_content_metronic-light .login_button {
    background-color: rgb(77, 144, 254);
}

/* remember checkbox */
.login_main_content_metronic-light .custome_checkbox {
    border-color: #99a1a7;
    background-color: rgb(255, 255, 255);
    color: #55c2f0;
}

.login_main_content_metronic-light .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: #99a1a7;
}

.login_main_content_metronic-light .custome_checkbox:checked::after {
    content: '\2713';
    color: #55c2f0;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_metronic-light .forgot-text {
    color: rgb(77, 144, 254);
}

/* footer */
.footer_metronic-light {
    color: #5d5d5d;
    background: url('../../images/header-bg.png');
    /* background-color: #efefef;
    border-color: 1px solid #efefef;
    color: #5d5d5d; */
}

/* forgot password page */
.login_main_content_metronic-light .forgot-password-card {
    border: 1px solid #bcc3ca;
}

/* Button */
.login_main_content_metronic-light .forgot_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-light .forgot_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* Back to login link */
.login_main_content_metronic-light .login-link {
    color: #888e94;
}

.login_main_content_metronic-light .login-link .login_word {
    color: #4d90fe;
}

/* ResetPassword page */
.login_main_content_metronic-light .reset_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-light .reset_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* END Metronic light theme */

/* START Metronic blue theme */
/* Navbar */
.navbar-blank-layout-metronic-blue {
    background-color: rgb(27, 46, 68);
}

/* Border around main contant */
.login_main_content_metronic-blue .main_contant {
    border-color: #bcc3ca;
}

/* Login Button */
.login_main_content_metronic-blue .login_button {
    background-color: rgb(77, 144, 254);
}

/* remember checkbox */
.login_main_content_metronic-blue .custome_checkbox {
    border-color: #99a1a7;
    background-color: rgb(255, 255, 255);
    color: #55c2f0;
}

.login_main_content_metronic-blue .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: #99a1a7;
}

.login_main_content_metronic-blue .custome_checkbox:checked::after {
    content: '\2713';
    color: #55c2f0;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_metronic-blue .forgot-text {
    color: rgb(77, 144, 254);
}

/* footer */
.footer_metronic-blue {
    color: #5d5d5d;
    background: url('../../images/header-bg.png');
    /* background-color: #efefef;
    border-color: 1px solid #efefef;
    color: #5d5d5d; */
}

/* forgot password page */
.login_main_content_metronic-blue .forgot-password-card {
    border: 1px solid #bcc3ca;
}

/* Button */
.login_main_content_metronic-blue .forgot_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-blue .forgot_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* Back to login link */
.login_main_content_metronic-blue .login-link {
    color: #888e94;
}

.login_main_content_metronic-blue .login-link .login_word {
    color: #4d90fe;
}

/* ResetPassword page */
.login_main_content_metronic-blue .reset_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-blue .reset_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* END Metronic blue theme */

/* START Metronic brown theme */
/* Navbar */
.navbar-blank-layout-metronic-brown {
    background-color: rgb(39, 28, 15);
}

/* Border around main contant */
.login_main_content_metronic-brown .main_contant {
    border-color: #bcc3ca;
}

/* Login Button */
.login_main_content_metronic-brown .login_button {
    background-color: rgb(77, 144, 254);
}

/* remember checkbox */
.login_main_content_metronic-brown .custome_checkbox {
    border-color: #99a1a7;
    background-color: rgb(255, 255, 255);
    color: #55c2f0;
}

.login_main_content_metronic-brown .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: #99a1a7;
}

.login_main_content_metronic-brown .custome_checkbox:checked::after {
    content: '\2713';
    color: #55c2f0;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_metronic-brown .forgot-text {
    color: rgb(77, 144, 254);
}

/* footer */
.footer_metronic-brown {
    color: #5d5d5d;
    background: url('../../images/header-bg.png');
    /* background-color: #efefef;
    border-color: 1px solid #efefef;
    color: #5d5d5d; */
}

/* forgot password page */
.login_main_content_metronic-brown .forgot-password-card {
    border: 1px solid #bcc3ca;
}

/* Button */
.login_main_content_metronic-brown .forgot_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-brown .forgot_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* Back to login link */
.login_main_content_metronic-brown .login-link {
    color: #888e94;
}

.login_main_content_metronic-brown .login-link .login_word {
    color: #4d90fe;
}

/* ResetPassword page */
.login_main_content_metronic-brown .reset_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-brown .reset_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* END Metronic brown theme */

/* START Metronic purple theme */
/* Navbar */
.navbar-blank-layout-metronic-purple {
    background-color: rgb(63, 8, 75);
}

/* Border around main contant */
.login_main_content_metronic-purple .main_contant {
    border-color: #bcc3ca;
}

/* Login Button */
.login_main_content_metronic-purple .login_button {
    background-color: rgb(77, 144, 254);
}

/* remember checkbox */
.login_main_content_metronic-purple .custome_checkbox {
    border-color: #99a1a7;
    background-color: rgb(255, 255, 255);
    color: #55c2f0;
}

.login_main_content_metronic-purple .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: #99a1a7;
}

.login_main_content_metronic-purple .custome_checkbox:checked::after {
    content: '\2713';
    color: #55c2f0;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content_metronic-purple .forgot-text {
    color: rgb(77, 144, 254);
}

/* footer */
.footer_metronic-purple {
    color: #5d5d5d;
    background: url('../../images/header-bg.png');
    /* background-color: #efefef;
    border-color: 1px solid #efefef;
    color: #5d5d5d; */
}

/* forgot password page */
.login_main_content_metronic-purple .forgot-password-card {
    border: 1px solid #bcc3ca;
}

/* Button */
.login_main_content_metronic-purple .forgot_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-purple .forgot_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* Back to login link */
.login_main_content_metronic-purple .login-link {
    color: #888e94;
}

.login_main_content_metronic-purple .login-link .login_word {
    color: #4d90fe;
}

/* ResetPassword page */
.login_main_content_metronic-purple .reset_password_btn {
    background-color: rgb(77, 144, 254);
    color: rgb(255, 255, 255);
}

.login_main_content_metronic-purple .reset_password_btn:hover {
    border: 1px solid #0362fd;
    background-color: #0362fd;
    color: rgb(255, 255, 255);
}

/* END Metronic purple theme */
/* END Metronic THEME */

/* START Default THEME */
/* START Default Header patterns THEME */
/* START default Header patterns THEME */
/* Navbar */
.navbar-blank-layout-supr-default {
    background: url('../../images/header-bg.png');
}

/* Login Button */
.login_main_content-supr .login_button {
    color: rgb(255, 255, 255);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #49afcd;
    background-color: #49afcd;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
}

.login_main_content-supr .login_button:hover {
    color: rgb(255, 255, 255);
    background-color: #2f96b4;
    background-image: none;
    border-color: #2f96b4;
}

/* remember checkbox */
.login_main_content-supr .custome_checkbox {
    border-color: #99a1a7;
    background-color: rgb(255, 255, 255);
    color: #55c2f0;
}

.login_main_content-supr .custome_checkbox:checked {
    background-color: rgb(255, 255, 255);
    border-color: #99a1a7;
}

.login_main_content-supr .custome_checkbox:checked::after {
    content: '\2713';
    color: #55c2f0;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* forgot password link */
.login_main_content-supr .forgot-text {
    color: rgb(73, 175, 205);
}

/* footer */
.footer_blank_layout_supr {
    background-color: #efefef;
    border-color: 1px solid #efefef;
    color: #5d5d5d;
}

/* forgot password page */
.login_main_content-supr .forgot-password-card {
    border: 1px solid #bcc3ca;
}

/* Button */
.login_main_content-supr .forgot_password_btn {
    color: rgb(255, 255, 255);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #49afcd;
    background-color: #49afcd;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
}

.login_main_content-supr .forgot_password_btn:hover {
    background-color: #2f96b4;
    background-image: none;
    border-color: #2f96b4;
}

/* Back to login link */
.login_main_content-supr .login-link {
    color: #888e94;
}

.login_main_content-supr .login-link .login_word {
    color: rgb(73, 175, 205);
}

/* ResetPassword page */
.login_main_content-supr .reset_password_btn {
    color: rgb(255, 255, 255);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #49afcd;
    background-color: #49afcd;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
}

.login_main_content-supr .reset_password_btn:hover {
    color: rgb(255, 255, 255);
    background-color: #2f96b4;
    background-image: none;
    border-color: #2f96b4;
}

/* Footer */
.footer_blank_layout_supr {
    color: #5d5d5d;
    background: url('../../images/header-bg.png');
}

/* END default Header patterns THEME */

/* START bedge_grunge Header patterns THEME */
/* Navbar */
.navbar-blank-layout-supr-bedge_grunge {
    background: url('../../images/bedge_grunge.png');
}

/* END bedge_grunge Header patterns THEME */

/* START grid Header patterns THEME */
/* Navbar */
.navbar-blank-layout-supr-grid {
    background: url('../../images/grid.png');
}

/* END grid Header patterns THEME */

/* START nasty_fabric Header patterns THEME */
/* Navbar */
.navbar-blank-layout-supr-nasty_fabric {
    background: url('../../images/nasty_fabric.png');
}

/* END nasty_fabric Header patterns THEME */

/* START natural_paper Header patterns THEME */
/* Navbar */
.navbar-blank-layout-supr-natural_paper {
    background: url('../../images/natural_paper.png');
}

/* END natural_paper Header patterns THEME */
/* END Default Header patterns THEME */
/* END Default THEME */
/* END Theme Setting */