[class*=sidebar-dark-] {
    background-color: rgb(44, 154, 132);
}

.sidebar a {
    color: #dfe4ec !important;
}


.sidebar .nav-item {
    a.nav-link.active {
        color: #dfe4ec !important;
    }

    .nav-treeview a.active {
        color: #717478 !important;
    }
}


.brand-text {
    font-size: 17px;
    color: rgb(86 244 213);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color:rgb(25, 89, 76);
    color: #fff;
}
.brand-image {
    width: 43px !important;
}
.font-weight-light {
    font-weight: 500 !important;
}

.bg-primary-madani {
    color: #fff;
    background-color: rgb(63, 209, 180);
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: rgb(22, 73, 63);
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: rgb(46 130 113);
    border-color: rgb(46 130 113);
}
.btn-default {
    border-radius: 5px;
}
.btn-primary {
    background-color: rgb(46 130 113) !important;
}
.sidebar-wrapper {
    background-color: rgb(25, 89, 76);
}
.profile-menu-right {
    border-radius: 15px !important;
}
.btn-pill {
    border-radius: 50px; /* Adjust the value for the desired pill shape */
    padding-left: 20px; /* Add padding for better appearance */
    padding-right: 20px; /* Add padding for better appearance */
}
.footer-primary-madani {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}



/* General table styles */
.dataTables_wrapper {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 20px;
}

.dataTable {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 14px;
    text-align: left;
}

/* Table header styles */
.dataTable thead {
    background-color: #4CAF50;
    color: white;
}

.dataTable thead th {
    padding: 12px 15px;
    border: 1px solid #dddddd;
    text-align: left;
    background-color: rgb(25, 89, 76) !important;
    color: #fff;
    border-color: #383f45;
}

.dataTable thead th .text-center {
    text-align: center !important;
}

/* Table body styles */
.dataTable tbody tr {
    border-bottom: 1px solid #dddddd;
}

.dataTable tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.dataTable tbody tr:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

.dataTable tbody td {
    padding: 12px 15px;
    text-align: left;
    border: 1px solid #dddddd;
}

.dataTable tbody td .text-center {
    text-align: center !important;
}

/* Pagination styles */
.dataTables_paginate {
    margin-top: 10px;
    text-align: right;
}

.dataTables_paginate a {
    color: #4CAF50;
    float: right;
    padding: 8px 16px;
    text-decoration: none;
    margin: 5px 3px 0;
    border-radius: 5px;
    border: 1px solid #4CAF50;
    transition: background-color 0.3s;
}

.dataTables_paginate a.active {
    background-color: #4CAF50;
    color: white;
}

.dataTables_paginate a:hover:not(.active) {
    background-color: #ddd;
}

/* Search input styles */
.dataTables_filter {
    float: right;
    margin-bottom: 10px;
}

.dataTables_filter label {
    font-weight: bold;
}

.dataTables_filter input {
    padding: 6px;
    margin-left: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Length menu styles */
.dataTables_length {
    float: left;
    margin-bottom: 10px;
}

.dataTables_length label {
    font-weight: bold;
}

.dataTables_length select {
    padding: 6px;
    margin-left: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Info styles */
.dataTables_info {
    float: left;
    margin-top: 10px;
    font-weight: bold;
}

/* Clear both for clearfix */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 50px;
    display: inline-block;
}