:root {
    --bs-primary: #9BCBEB  !important;
    --bs-primary-inverse: #1D2A6E   !important;
}

.btn.btn-primary {
    color: #9BCBEB !important;
    background-color: var(--bs-primary-inverse) !important;
}

/*.btn.btn-primary:focus:hover  {*/
/*    color: #1D2A6E !important;*/
/*    background-color: #9BCBEB !important;*/


/*}*/

#quick-punch {
    color: #1D2A6E;
}


.btn-secondary {
    color: #1D2A6E !important;
}

#kt_app_content_container > div.card.mb-8 > div > div > div.d-flex.flex-wrap.align-items-center.gap-2.gap-lg-3 > a.btn.btn-sm.fw-bold.btn-primary:hover {
    color: #1D2A6E !important;
    background-color: #9BCBEB !important;
}


.form-label {
    color: #000 !important
}

.app-header {
   /* background-color: #00205B !important*/
     background-color: #ffffff !important
}

#kt_header_menu .menu-title {
    color: #063743 !important
}

.app-toolbar {
    background-color: var(--primary)
}

.app-toolbar h1 {
    color: #ff0000 !important
}

.breadcrumb-item {
    box-shadow: none !important;
    color: #fff;
    background-color: var(--primary) !important
}

.breadcrumb-item a {
    background-color: var(--primary) !important;
    box-shadow: none !important
}

.main-header-logo {
    height: 60px;
    padding: 3px
}

.menu-item .menu-link .menu-title {
    color: #0bb783 !important;
    color: var(--client-medium-grey) !important
}



.breadcrumb-item a {
    box-shadow: none !important;
    color: #fff !important;
    padding: 3px
}

.breadcrumb-item a:hover {
    background-color: #fff !important;
    color: #052538 !important;
    font-weight: 700
}

#kt_sign_in_submit {
    background-color: var(--bs-primary) !important;
    color: #fff !important
}

#kt_sign_in_submit:hover {
    color: var(--bs-primary) !important;
    background-color: #fff !important
}

#navigate-to-password-reset {
    color: var(--bs-primary) !important
}

#navigate-to-password-reset:hover {
    text-decoration: underline !important
}

#kt_sign_in_form .form-control {
    background-color: #ddd
}




.app-toolbar .btn-clean {
    color: #fff !important;
    font-family: Poppins, Helvetica, sans-serif !important
}

.app-header-menu .menu > .menu-item > .menu-link {
    background-color: #fff !important;
    color: #00205B !important
}

#kt_app_header {
    height: 65px !important
}


/*
 * Module (sub) menu shown in the page toolbar next to the module name.
 * Instance stylesheets override these colours when they repaint the toolbar.
 */
.module-menu-item {
    display: inline-flex;
    align-items: center;
    padding: .4rem .9rem;
    margin: .25rem .5rem .25rem 0;
    border: 1px solid transparent;
    border-radius: 2rem;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.2;
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.module-menu-item:hover {
    background-color: var(--bs-gray-200);
    color: var(--bs-gray-900);
}

.module-menu-item.active,
.module-menu-item.active:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #ffffff;
}

.module-menu-divider {
    width: 1px;
    height: 30px;
    background-color: var(--bs-gray-300);
}