.error {
    color: red;
}
#sidebar-menu {
    background-color: white !important;
}
 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: unset;
}
 
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
    color: white;
}
#kt_app_sidebar_menu .menu-link.active .menu-icon > svg {
    fill: white !important;
}
#kt_app_sidebar_menu .menu-link.active .menu-icon > i {
    color: white !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title{
    color: #9a9cae;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show>.menu-link .menu-title{
    color: #9a9cae;
}
 
/* #kt_app_sidebar_menu .menu-link:hover .menu-icon > svg {
    fill: green !important;
}
#kt_app_sidebar_menu .menu-link:hover .menu-icon > i {
    color: green !important;
} */
 /* For SVG icons on hover (when menu-link is NOT active) */
#kt_app_sidebar_menu .menu-link:not(.active):hover .menu-icon > svg {
    fill: #17C653 !important;
}

/* For <i> icons on hover (when menu-link is NOT active) */
#kt_app_sidebar_menu .menu-link:not(.active):hover .menu-icon > i {
    color: #17C653 !important;
}


/* //green color  */
#kt_app_sidebar_menu .menu-link.active{
    background-color:#17C653;
}

#kt_app_sidebar_menu .menu-icon > svg {
    fill: black !important;
    width: 17px !important;
    height: 17px !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #17C653 !important;
}
#kt_app_sidebar_menu .menu-icon > i {
    color: rgb(17, 16, 16) !important;
    font-size: 17px;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo{
    border-bottom: unset;
    background-color :white ;
}

th, td {
    text-align: center;
}

.cursor-pointer {
    cursor: pointer;
}


.image-input-empty {
    background-image: url('./../images/blank.svg');
}

.action-div > * {
    margin-right: 15px;
}

.table .icon {
    font-size: 18px;
}

.table .icon.edit-icon {
    color: black;
}
[data-bs-theme=dark] .table .icon.edit-icon {
    color: white;
}

.table th {
    background-color: #f8f9fa;
    color: #333;
}

.srh-flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
@media (min-width: 992px) {
    .app-content {
        padding-top: 8px;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .app-container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}
table td,
table th {
    padding: 1.00rem !important;
}
.form-control:focus, .form-select:focus {
    border: 1px solid #17C653;
    border-color: #17C653;
    box-shadow: 0 0 0 0.2rem #dfffea;
}

.input-group:focus-within {
    border: 1px solid #17C653;
    border-radius: 0.375rem;
    box-shadow: 0 0 0 0.2rem #dfffea;
}

/* Apply green border and shadow on Select2 when open or focused */
.select2-container--bootstrap-5.select2-container--open .select2-selection{
    border-color: #17C653 !important;
    box-shadow: 0 0 0 0.2rem #dfffea !important;
    border-width: 1px !important;
    border-style: solid;
    border-radius: 0.375rem !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
    border-color: #17C653 !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus{
     border-color: #17C653 !important;
     box-shadow: 0 0 0 0.2rem #dfffea !important;
}