.btn-xs{padding:5px 15px; font-size:11px;}
.pagination{display:flex; justify-content:center; align-items:center; gap:2px;}
.page-link{display:flex; align-items:center; justify-content:center; padding:.25rem .75rem; color:#333; background:#f4f4f4; border:1px solid #cccccc; transition:all 0.3s ease-in-out; text-decoration:none; line-height:1;}
.page-link:hover{background:#333; color:#fff;}
.page-item.active .page-link{background:#000; color:#fff; font-weight:600;}
.page-item.disabled .page-link{opacity:0.5; pointer-events:none;}
.page-link svg{width:18px; height:18px;}


.top-nav-search {
    position: relative;
    width: 480px;
}
.top-nav-search .form-control {padding-left: 30px;}
.top-nav-search .btn {
    background-color: transparent;
    border-color: transparent;
    color: #333;
    padding: 7px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
}


audio {
    width: 320px;
    height: 25px;
    border: 1px solid #cccccc;
    border-radius: 20px;
}

.nav-item > .nav-item-wrapper > a.nav-link.dropdown-indicator{background-color: #26493B; color: #ffffff !important; margin-bottom: 5px;}
.nav-item > .nav-item-wrapper > a.nav-link.dropdown-indicator:hover{background-color: #4C8C6E !important; color: #ffffff !important;}

.nav-item > .nav-item-wrapper > a.nav-link{background-color: #26493B; color: #ffffff !important; margin-bottom: 5px;}
.nav-item > .nav-item-wrapper > a.nav-link:hover, .nav-item > .nav-item-wrapper > a.nav-link.active{background-color: #4C8C6E !important; color: #ffffff !important;}

.nav-item .nav-item-wrapper .parent-wrapper ul.parent{padding-bottom: .35rem;}
.navbar-vertical .navbar-vertical-content .nav-link-text {padding-top: 0;}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active {color: #4C8C6E;}

.navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link:hover {background-color: #4C8C6E; color: #ffffff;}

.parent-wrapper .nav > .nav-item > .nav-link.label-1{
    background-color: transparent !important;
    color: #26493B !important;
}

.parent-wrapper .nav > .nav-item > .nav-link.label-1:hover{
    color: #4C8C6E !important;
}

.navbar-vertical .dropdown-indicator .dropdown-indicator-icon{color: #ffffff !important;}
.navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav-link {padding-left: 2.6125rem;}
.navbar-vertical .nav-item-wrapper:has(.active) .dropdown-indicator.label-1.collapsed .nav-link-text, .navbar-vertical .nav-item-wrapper:has(.active) .dropdown-indicator.label-1.collapsed .nav-link-icon {color: #ffffff;}

.custombtn a.active, .custombtn a:hover{
    background-color: #3874ff;
    border: 0;
    box-shadow: none;
}
.custombtn a{border: 0; box-shadow: none;}

.navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator {
    padding-left: 1.75rem;
}
.nav-link-icon img{filter: brightness(0) invert(1);}


@media (min-width: 992px) {
    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg + .navbar.navbar-top ~ .content {
        margin-left: 4rem !important;
    }
}


.cusbadge{padding: 5px 20px; font-size: 14px;}



.cusStats{box-shadow:0 4px 20px rgba(0,0,0,0.08); padding:1.5rem; transition:transform 0.2s ease,box-shadow 0.2s ease; background:#fff;}
.cusStats:hover{transform:translateY(-5px); box-shadow:0 6px 25px rgba(0,0,0,0.12);}
.cusStatsIcon{width:70px; height:70px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; color:#fff; flex-shrink:0;}
.lightblue{background:linear-gradient(135deg,#4bb8f2,#2a91e8);}
.darkblue{background:linear-gradient(135deg,#0159ac,#013d7a);}
.redColor{background:linear-gradient(135deg,#ff0000,#ff0000);}
.greenColor{background:linear-gradient(135deg,#008000,#008000);}
.cusStats h4{font-size:1.8rem; font-weight:700; color:#0159ac; margin:0;}
.cusStats p{margin:0; color:#6c757d; font-size:0.95rem;}
.table.customTable thead{background:#31374a;}
.table.customTable thead tr th{color:#ffffff; font-size:14px; line-height:14px; font-weight:700;}
.table.customTable>tbody>tr>td:first-child{padding-left:.5rem;}
.table.customTable tbody tr td{font-size:14px; line-height:14px; padding:.5rem;}
.table.customTable tbody tr td audio{height:18px;}




.customCard{border:1px solid #26493B;}
.customCardHead{background:#26493B; color:#ffffff;}
.customCardHead h4{color:#ffffff; padding:0.5rem 15px; font-size:18px;}
.customCardBody{padding:0.45rem 15px;}
.customCardBody p{margin-bottom:0; font-size:15px;}
.customCardBody p button{padding:1px 15px; font-size:12px;}
.customCardBody p strong{color:#000000;}
.customCardBody ul{}
.customCardBody ul li{font-size:15px;}







.dashboard-stats{display:flex; flex-wrap:wrap;}
.stats-panel{display:flex; flex-direction:column; justify-content:space-between;}
.stat-card{padding:1.2rem 1rem; transition:transform 0.2s ease,box-shadow 0.2s ease;border-radius: 10px; border: 1px solid #cccccc;}
.stat-card:hover{transform:translateY(-4px);}
.stat-icon{width:50px; height:50px; border-radius: 5px; display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff; flex-shrink:0;}
.stat-card h4{font-size:22px; font-weight:700; color:#0159ac; margin:0;}
.stat-card p{margin:0; color:#6c757d; font-size:0.95rem;}



.customBorder{border: 1px solid #cccccc; border-radius: 10px;}



@media (max-width: 1600px) {
    .stat-card {padding: 1.2rem 0;}
}

@media (max-width: 1440px) {
    .stat-card p {font-size: 13px;}

}