@media (min-width: 992px) {
    .app-sidebar {
        display: flex;
        flex-shrink: 0;
        width: var(--bs-app-sidebar-width);
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .app-header .app-navbar {
        border-bottom: none;
    }

    :root {
        --bs-app-sidebar-width: 340px;
        --bs-app-sidebar-width-actual: 340px;
        --bs-app-sidebar-gap-start: 0px;
        --bs-app-sidebar-gap-end: 0px;
        --bs-app-sidebar-gap-top: 0px;
        --bs-app-sidebar-gap-bottom: 0px
    }

    [data-kt-app-sidebar-minimize=on] {
        --bs-app-sidebar-width: 80px;
        --bs-app-sidebar-gap-start: 0px;
        --bs-app-sidebar-gap-end: 0px;
        --bs-app-sidebar-gap-top: 0px;
        --bs-app-sidebar-gap-bottom: 0px
    }
}

.app-main {
    background-color: #eeeeee;
}

.bg-bm {
    background-color: #09347a !important;
}

.text-bm {
    color: #09347a !important;
}

#kt_app_header {
    background-color: #0343b3;
}

.app-sidebar-menu-primary.menu {
    padding: 0 10px;
}

.app-sidebar-menu-primary.menu>.menu-item>.menu-link.active {
    transition: color .2s ease;
    background-color: var(--bs-success-active);
    color: var(--bs-white);
}

.app-sidebar-menu-primary.menu>.menu-item .menu-item .menu-link.active {
    transition: color .2s ease;
    background-color: var(--bs-success-active);
    color: var(--bs-white);
}

.menu-link {
    color: #003573;
}

.menu-link.active {
    transition: color .2s ease;
    background-color: var(--bs-success-active);
    color: var(--bs-white);
}

.menu-link:hover,
.menu-icon i:hover {
    color: #3e97ff;
}

.app-sidebar .menu-heading {
    font-size: 1.1rem !important;
    color: #00296f;
}

table#kt_table_pa thead tr {
    background-color: #0343b3;
}

table#kt_table_pa thead tr th {
    color: var(--bs-white);
}

table#kt_table_pa .th-text {
    font-style: normal;
    color: var(--bs-white);
}

input.noinput:read-only {
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300);
    opacity: 1;
}

/* _card.scss:45 */
.card-subtitle {
    margin-top: 20px;
    margin-bottom: 0;
}

.pa-list p {
    margin-bottom: 0;
}

table.table_form_pa {
    font-size: 12px;
}

.btn-outline-secondary.nolink{
    border-color: #000;
}

.badge-self_reviewer,
.badge-employee {
    background-color: #7ac143;
    color: #FFFFFF;
}
.btn.badge-self_reviewer:hover,
.badge-employee:hover {
    background-color: #DBDFE9;
}

.badge-appraiser,
.badge-direct_superior {
    background-color: #00296f;
    color: #FFFFFF;
}

.btn.badge-appraiser:hover,
.badge-direct_superior:hover {
    background-color: #DBDFE9;
}

.badge-reviewer,
.badge-indirect_superior {
    background-color: #6799c8;
    color: #FFFFFF;
}

.btn.badge-reviewer:hover,
.badge-indirect_superior:hover {
    background-color: #DBDFE9;
}

.badge-final_reviewer,
.badge-lane_director {
    background-color: #fbb034;
    color: #FFFFFF;
}

.btn.badge-final_reviewer:hover,
.btn.badge-lane_director:hover {
    background-color: #DBDFE9;
}

.badge-completed {
    background-color: #7ac143;
    color: #FFFFFF;
}

.btn.badge-completed:hover {
    background-color: #DBDFE9;
}

.bm-detail-badge{
    font-size: 1.075rem;
}

.bm-detail-badge.badge-acknowledgement{
    color: #FFF;
}

.badge-acknowledgement {
    color: #FFF;
    background-color: #008000;
}

.bg-input-self_reviewer {
    background-color: #e8ffd6;
}

.bg-input-appraiser {
    background-color: #d0e1ff;
}

.bg-input-reviewer {
    background-color: #eff7ff;
}

.bg-input-final_reviewer {
    background-color: #fff4e1;
}

.btn-outline-self_reviewer {
    border-color: #7ac143 !important;
}

.btn-outline-appraiser, .btn-outline-direct_superior {
    border-color: #00296f !important;
}

.btn-outline-reviewer, .btn-outline-indirect_superior {
    border-color: #6799c8 !important;
}

.btn-outline-final_reviewer {
    border-color: #fbb034 !important;
}

.btn-outline-one_on_one {
    border-color: #7743DB !important;
}

.btn-outline-acknowledgement {
    border-color: #706233 !important;
}

.table-responsive::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}