:root {
    --primary-color: #061D6F;
}


/*Login  layout css*/
.custom_sidebar {
    background-color: var(--primary-color);
}

.btn.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn.btn-brand {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.login-input {
    border: 1px solid var(--primary-color) !important;
}
/*End Login  layout css*/



/* Layout  css*/
.active__menu {
    border: 1px solid var(--primary-color) !important;
    ;
}

.kt-aside {
    background-color: var(--primary-color) !important;
}

.card-block {
    background-color: var(--primary-color) !important;
}

.btn.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn.btn-brand, .btn.btn-sm {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.btn_action {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn.btn-success {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

#kt_aside_menu, #kt_aside_brand, #kt_aside_menu_wrapper {
    background-color: var(--primary-color) !important;
}

.tab {
    overflow: hidden;
    background-color: var(--primary-color) !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 10px 16px;
        transition: 0.3s;
        font-size: 15px;
        color: white;
    }

.tabcontent {
    display: none;
    padding: 0;
    border: none;
    border-top: none;
}

.tab button.active {
    background-color: #808080;
}

.tab button:hover {
    background-color: #ddd;
    color: black;
}

.modal .modal-content .modal-header {
    background-color: var(--primary-color) !important;
}

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

.pagination .page-item.active > .page-link {
    background-color: var(--primary-color) !important;
    color: #fff !important
}

.page-link:hover {
    background-color: var(--primary-color) !important;
    color: #fff;
    !important
}

.kt-datatable__body .kt-datatable__toggle-subtable > i {
    color: var(--primary-color) !important;
}

.kt-datatable__pager-info .dropdown-toggle:hover, .kt-datatable__pager-info .dropdown-toggle:focus {
    background-color: var(--primary-color) !important;
}


.kt-datatable__pager-size.show > .btn.dropdown-toggle {
    background-color: var(--primary-color) !important;
}

.kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link.kt-datatable__pager-link--active {
    background-color: var(--primary-color) !important;
}

.kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link:hover {
    background-color: var(--primary-color) !important;
}

.kt-scrolltop {
    background-color: var(--primary-color) !important;
}

.cust_profile_bar {
    background-color: var(--primary-color) !important;
}

.input_textarea {
    border: 1px solid var(--primary-color) !important;
}

.kt-header-mobile {
    background-color: var(--primary-color) !important;
}

.kt-header {
    background-color: var(--primary-color) !important;
}

#kt_header_menu_wrapper h5, .kt-header__topbar-username {
    color: #fff !important;
}
.reported_incident_icon {
    color: var(--primary-color);
}

/*End  Layout  css*/