.required {
    color: red;
}
.offcanvas-size-30 {
    width: 30% !important;
}
.offcanvas-size-50 {
    width: 50% !important;
}
.offcanvas-size-85 {
    width: 85% !important;
}
 .offcanvas-size-35 {
        width: 35% ;
    }
.table-view-1 {
    width: 1%;
}
.table-view-5 {
    width: 5%;
}
.table-view-9 {
    width: 9%;
}
.table-view-10 {
    width: 10%;
}
.table-view-15 {
    width: 15%;
}
.table-view-20 {
    width: 20%;
}
.table-view-25 {
    width: 25%;
}
.table-view-30 {
    width: 30%;
}
.table-view-35 {
    width: 35%;
}
.table-view-40 {
    width: 40%;
}
.table-view-50 {
    width: 50%;
}

.table-responsive {
    min-height: 400px !important;
}
.table-responsive.no-min-height {
    min-height: 0 !important;
    overflow-y: auto;
}
.dt-search,
.dt-length {
    display: none !important;
}
.form-check-input:checked {
    background-color: #090909;
    border-color: #0d0d0d;
}
.active > .page-link, .page-link.active {
    z-index: 3;
    color: var(--vz-pagination-active-color);
    background-color: #0b0b0b;
    border-color: var(--vz-pagination-active-border-color);
}
.nav-tabs-custom .nav-item .nav-link.active {
    color: #101111;
}
.nav-link {
   
    color: #030303;
}
.nav {
    --vz-nav-link-color: #111111;
    --vz-nav-link-hover-color: var(--vz-link-hover-color);
}
.nav {
    --vz-nav-link-color: #111111;
    --vz-nav-link-hover-color: #060607;
}
a {
    color: #121213;
    text-decoration: underline;
}
.choices__list--multiple .choices__item {
   
    background-color: #040505;
    border: 1px solid #020202; 
}
.mt-29{
    margin-top: 29px;
}

.icon-css{
    font-size: 15px;
     vertical-align: middle; 
     cursor: pointer;
}
/* custom.css */
.tooltip .tooltip-inner{
  background:#000;
  color:#fff;
  font-size:13px;
  padding:6px 10px;
  border-radius:4px;
}

/* BS5 arrow */
.bs-tooltip-top .tooltip-arrow::before   { border-top-color:#000; }
.bs-tooltip-bottom .tooltip-arrow::before{ border-bottom-color:#000; }
.bs-tooltip-start .tooltip-arrow::before { border-left-color:#000; }
.bs-tooltip-end .tooltip-arrow::before   { border-right-color:#000; }

/* BS4 arrow */
.bs-tooltip-top .arrow::before    { border-top-color:#000; }
.bs-tooltip-bottom .arrow::before { border-bottom-color:#000; }
.bs-tooltip-left .arrow::before   { border-left-color:#000; }
.bs-tooltip-right .arrow::before  { border-right-color:#000; }

/* Minimal custom CSS for specific design elements */
.gradient-header {
    background: linear-gradient(135deg, #d6d2d2 0%, #000000 100%);
}
.icon-circle {
    width: 48px;
    height: 48px;
}
.expense-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.expense-card:hover {
    transform: translateY(-2px);
}
.status-approved {
    background-color: rgba(16, 185, 129, 0.1) !important;
    color: #10b981 !important;
}
.status-pending {
    background-color: rgba(245, 158, 11, 0.1) !important;
    color: #f59e0b !important;
}
.status-rejected {
    background-color: rgba(239, 68, 68, 0.1) !important;
    color: #ef4444 !important;
}
.btn-approve {
    background-color: #10b981;
    border-color: #10b981;
}
.btn-approve:hover {
    background-color: #059669;
    border-color: #059669;
}
.btn-reject {
    background-color: #ef4444;
    border-color: #ef4444;
}
.btn-reject:hover {
    background-color: #dc2626;
    border-color: #dc2626;
}