.summarybox
    {
        border: 0.5px solid #2420451A;
        background-color: #FFFFFF !important;
    }

  input[type="date"],
  input[type="month"] {
   position: relative; /* Required for positioning the custom icon */
   /* Other styles (color, background, etc.) */
  }

  input[type="date"]::after,
  input[type="month"]::after {
   content: '\f073'; /* Font Awesome calendar icon (example) */
   font-family: 'Font Awesome 5 Free'; /* Or your icon font */
   font-weight: 900; /* For solid icons */
   color: #f0ffff91; /* Your desired color */
   position: absolute;
   right: 15px; /* Adjust position as needed */
   top: 50%;
   transform: translateY(-50%);
   pointer-events: none; /* Prevent icon from interfering with clicks */
  }
  
root {
    --white: #fff !important;

}

pre {
        white-space: pre-wrap;
        word-break: break-word;
        font-size: 13px;
        max-height: 200px;
        overflow-y: auto;
    }

   div.dt-buttons .dt-button {
        overflow: hidden;
        text-overflow: ellipsis;
        border: 1px solid #ffffff9c;
        padding: 0px;
        /*! width: 50px; */
        text-align: center;
        margin: 1px;
        padding: 8px;
        background: #242045;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background-color: #bd9eff;
        color: white !important;
    }
    div.dt-buttons .dt-button :hover
    {
        color: #fff;
    }
    .table-dark td,
    .table-dark th {
        color: #fff;
        
        border-color: #454d55;
    }
    .table td{
        background: #f7f8fc;
        border-bottom: 1px solid #ffffff25 !important;
        border-left: 1px solid #ffffff25 !important;
        border-right: 1px solid #ffffff25 !important;
    }
    .table
    {
        border-bottom: 1px solid #ffffff25 !important;
    }

    .table thead th {
        border-bottom: 2px solid transparent;
        background: #bd9eff;
    }
    .table thead .thfirst
    {
        border-radius: 10px 0px 0px 0px;
    }
    .table thead .thlast
    {
        border-radius: 0px 10px 0px 0px;
    }
    table.dataTable tbody tr {
  border-bottom: 1px solid #333; /* subtle dark border */
}
.dt-buttons
    {
        width: 50%;
        float:left;
    }
/* Expired Status */
.bg-expireds {
    background-color: #f7f8fc !important;
    color: white;
    font-weight: normal; /* Reduced font-weight */
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

/* Requested Status */
.bg-requesteds {
    background-color: #f7f8fc !important;
    color: white;
     font-weight: normal; /* Reduced font-weight */
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

/* Initiated Status */
.bg-initiateds {
    background-color: #f7f8fc !important;
    color: black;
   font-weight: normal; /* Reduced font-weight */
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

/* Success Status */
.bg-successs {
    background-color: #f7f8fc !important;
    color: white;
   font-weight: normal; /* Reduced font-weight */
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 12px;
    width: 100%;
    
}

/* Failed Status */
.bg-faileds {
    background-color: #f7f8fc !important;
    color: white;
    font-weight: normal; /* Reduced font-weight */
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

/* Default Status (for any unknown status) */
.bg-defaults {
    background-color: #f7f8fc !important;
    color: black !important;
    font-weight: normal; /* Reduced font-weight */
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

/* Table Styles */
table.simple-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 14px;  /* Reduced font size for overall table */
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

table.simple-table th, table.simple-table td {
    padding: 10px;
    border: 1px solid #e2e2e2;
}

table.simple-table th {
    background-color: #f7f7f7; /* Lighter background color for header */
    font-weight: normal;  /* Reduced font-weight for header */
    font-size: 14px;  /* Smaller font size for header */
    color: #333;
}

table.simple-table td {
    background-color: #fafafa;
    font-size: 14px;
    color: #555;
}

table.simple-table tr:hover {
    background-color: #f1f1f1;
}

/* Pagination Container */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-top: 20px;
}

/* Pagination Buttons */
.pagination a,
.pagination .page-link {
    color: #7c7c7cc7;
    background-color: #f7f8fc;
    border: 1px solid #7c7c7cc7;
    padding: 8px 18px;
    font-size: 14px;
    border-radius: 6px;
    margin: 0 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Pagination Hover Effects */
.pagination a:hover,
.pagination .page-link:hover {
    background-color: #bd9eff;
        color: rgb(70 71 73);
        border-color: #ffffff;
}

/* Active Button */
.pagination .active a {
    background-color: #242045;
    color: #fff;
    border-color: #ffffff;
}

/* Disabled Button */
.pagination .disabled a {
    color: #6c757d;
    pointer-events: none;
}

/* First & Last Button Styling */
.pagination .first, 
.pagination .last {
    font-weight: bold;
}

/* Ellipsis (...) */
.pagination .disabled span {
    color: #6c757d;
    font-weight: bold;
}

/* Links */
a.text-primary {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

a.text-primary:hover {
    text-decoration: underline;
}
 #summaryBoxes .card-title {
        font-size: 1rem !important;
        font-weight: 500;
        text-transform: capitalize;
        letter-spacing: 0.5px;
        color: #242045 !important;
    }


    #summaryBoxes .card-text {
        font-size: 1.4rem;
        font-weight: 600;
        color:#464749 !important;
    }
.status-pending { color: rgba(254, 165, 0, 1); }
.status-initiated { color: rgba(163, 133, 226, 1); }
.status-failed { color: rgba(227, 5, 5, 1); }
.status-success { color: rgba(3, 139, 63, 1); }
.status-expired { color: #7f8c8d; }
.status-requested { color: rgba(91, 83, 206, 1); }

.exportexcel-button
{
    background: #f7f8fc;
    border: 1px solid #ffffff5e;
    color: #ffffffcf;
}
.exportexcel-button :hover
{
    background: #f7f8fc;
    color: #ffffffcf;
}
.sidebar-menu .sidebar-submenu li.active-page a
{
    background-color: #4b556300 !important;
    color: #5351b6 !important;
}
.text-warning-main {
  color: #5350B5 !important;
}
.sidebar-menu li a i {
  line-height: 1.2;
  width: 24px;

  margin-inline-end: 0.75rem;
  font-size: 1rem;
}
.sidebar-submenu
{
    padding-left: 11px;
}
.sidebar-submenu li a i {

  font-size: .8rem;
}
.btn-primary-600
{
  background: #5d5acb;
  border: none;
}
.btn-primary
{
  background: #5d5acb;
  border: none;
}
.btn:hover
{
    background: #5d5acb;
    border: none ;
}
/* Rounded corners for thead */
.table thead th:first-child {
    border-top-left-radius: 8px;
}

.table thead th:last-child {
    border-top-right-radius: 8px;
}

/* Rounded corners for last row in tbody */
.table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}
.table
{
    border: unset !important;
}
.table, .table th, .table td {
    border: 1px solid #ffffff25;
    border-collapse: separate;
    border-spacing: 0;
}
/*.table tbody tr:last-child td {
    border: 1px solid #ffffff25 !important;
}*/
select option
{
   background: #ffffffcf;
    color: #f7f8fc;
}
.custom-select-clean {
  background-color: #ffffffcf;
  color: #f7f8fc;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 8px 12px;
  appearance: none;
  transition: all 0.3s ease;
  min-height: 44px;
}

.custom-select-clean:focus {
  border-color: #458EFF;
  outline: none;
  box-shadow: 0 0 0 2px rgba(69, 142, 255, 0.2);
}

.custom-select-clean option {
  background-color: #ffffffcf;
  color: #f7f8fc;
  border-bottom: 1px solid #eee;
}

.custom-select-clean option:hover {
  background-color: #d1e4ff;
  color: #f7f8fc;
}

.custom-select-dark {
  background-color: var(--input-bg, #1F2937);
  color: var(--text-primary-light, #ffffff);
  border: 1px solid var(--input-stroke, #4B5563);
  border-radius: 6px;
  padding: 8px 12px;
  appearance: none;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}
.card-body svg path {
    fill: #423C73; /* your color */
}
.icon-color path {
    fill: #423C73; /* your color */
}



/* Focus effect */
.custom-select-dark:focus {
  border-color: var(--primary-500, #458EFF);
  box-shadow: 0 0 0 2px rgba(69, 142, 255, 0.25);
  outline: none;
}

/* Option styling */
.custom-select-dark option {
  background-color: var(--input-bg, #1F2937);
  color: var(--text-primary-light, #ffffff);
  border-bottom: 1px solid var(--input-stroke, #4B5563);
  padding: 8px;
}

/* ::part is not widely supported, but this helps if the browser allows */
.custom-select-dark option:hover {
  background-color: var(--primary-700, #486CEA);
  color: #ffffff;
}

.custom-select-dark-clean {
  background-color: #f7f8fc;
  color: #ffffff;
  border: 1px solid #374151;
  border-radius: 6px;
  padding: 8px 12px;
  appearance: none;
  transition: all 0.3s ease;
  min-height: 44px;
}

.custom-select-dark-clean:focus {
  border-color: #458EFF;
  outline: none;
  box-shadow: 0 0 0 2px rgba(69, 142, 255, 0.25);
}

.custom-select-dark-clean option {
  background-color: #f7f8fc;
  color: #ffffff;
  border-bottom: 1px solid #374151;
}

.custom-select-dark-clean option:hover,
.custom-select-dark-clean option:checked {
  background-color: #1b2431;
  color: #ffffff;
}
.text-muted{
    color: rgba(165, 170, 174, 0.88) !important;
}
.summaryDate
{
  color: #f0ffff91 !important;
  display: block;
  text-align: center;
}
.summaryDateBox
{
    margin: auto;
}

  select.form-control {
    background-color: #fff; /* or #000 for pure black */
    color: #fff;
    border: 1px solid #444;
  }

  select.form-control option {
    background-color: #fff;
    color: #000;
  }

  select.form-control:focus {
    background-color: #fff;
    color: #000;
    border-color: #666;
    outline: none;
    box-shadow: none;
  }
.table, .table th, .table td
{
    background: unset;
    color: rgba(70, 71, 73, 1);
}
.btn
{
    background-color: #6361ccba;
}

.tablebuttonclasses  div.dt-buttons .dt-button {

   width: 17%;
  border-radius: 7px;
  padding: 3px;

}
.dev_setting_form{
  border-color: #d1d5db33; outline-color: #d1d5db33;" 
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   rgba(104, 107, 113, 0.25);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    rgba(104, 107, 113, 0.25);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    rgba(104, 107, 113, 0.25);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    rgba(104, 107, 113, 0.25);
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    rgba(104, 107, 113, 0.25);
}

::placeholder { /* Most modern browsers support this now. */
   color:    rgba(104, 107, 113, 0.25);
}
.daterangepicker .ranges li
{
    background-color: #f7f8fc;
}

.daterangepicker .ranges li :hover
{
    background-color: #4b4b4b;
}
.white-close {
    filter: brightness(0) invert(1);
  }
.modal-content
{
    border:  1px solid white;
}
.loginformfield
{
    background: #242045;
    padding: 22px;
    box-shadow: 0 6px 15px rgb(97, 93, 211), 0 6px 12px rgb(36 32 69);
    transition: box-shadow .25s ease, transform .25s ease;
    border-radius: 12px;

}
.login-logo
{
    margin: auto;
    display: block;
    width: 60%;
}

.sidebar-menu .sidebar-menu-group-title
{
    font-size: 1rem;
    background: #BD9EFF;
    padding: 8px;
    color: #242045;
    border-radius: 4px;
    text-align: center;
}
.card-title-sticker
{
    color: #6361ccba !important;

}



.my-swal-popup {
    background-color: #f7f8fc; /* Light background */
    border-radius: 10px;
    border: solid;
    border-color: #838385;
    color: #c8c7e9;
    font-size: 12px;
}

.my-confirm-btn {
    background-color: #5d5acc !important; /* Theme primary */
    color: white !important;
}

.my-cancel-btn {
    background-color: #6c757d !important; /* Theme secondary */
    color: white !important;
}
:root {
  --default-font: 'Inter', 'IBM Plex Sans', sans-serif;

  /* Headings */
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);

  /* Sizes */
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;

  /* Rounded */
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;

  /* SHADOWS (Light Mode) */
  --shadow-1: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-2: 0 4px 30px rgba(0, 0, 0, 0.12);
  --shadow-3: 0 10px 50px rgba(0, 0, 0, 0.10);
  --shadow-4: 4px 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-5: 4px 12px 32px rgba(0, 0, 0, 0.05);
  --shadow-6: 4px 16px 32px rgba(0, 0, 0, 0.04);

  /* FONT SIZES */
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;

  /* LIGHT THEME COLORS */
  --bg-color: #f7f8fc;
  --base: #f7f8fc;
  --white: #f7f8fc;
  --black: #000000;
  --brand: #BD9EFF; /* soft modern blue */

  /* TEXT COLORS */
  --text-primary-light: #111827;     /* Very dark gray */
  --text-secondary-light: #6B7280;   /* Neutral gray */
  --text-secondary-dark: #9CA3AF;    /* Lighter gray */

  /* INPUT COLORS */
  --input-bg: #F9FAFB;
  --input-stroke: #E5E7EB;
  --input-form-light: #6B7280;
  --input-form-dark: #111827;

  /* BORDER */
  --border-color: #E5E7EB;

  /* NEUTRALS */
  --neutral-50: #F9FAFB;
  --neutral-100: #F3F4F6;
  --neutral-200: #E5E7EB;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;

  /* BUTTON */
  --button-secondary: #E5E7EB;

  /* PRIMARY */
  --primary-50: #EEF2FF;
  --primary-100: #C7D2FE;
  --primary-600: rgba(70, 71, 73, 1);

  /* STATUS COLORS */
  --success-50: #ECFDF5;
  --danger-50: #FEF2F2;
  --warning-50: #FFFBEB;
  --info-50: #EFF6FF;

  --success-main: #22C55E;
  --danger-main: #EF4444;
  --warning-main: #F59E0B;
  --info-main: #3B82F6;
}




/* Sidebar Colors */
.sidebar {
    background-color:#242045;
}

.sidebar-menu li > a.active-page {
    color:#000;
}

.sidebar-menu li a {
    color:#DCDBDD;
}

.sidebar-menu li.dropdown.dropdown-open > a {
    background-color:transparent !important;
    color:#bd9eff ;
}

.sidebar-menu li.dropdown.dropdown-open > a:hover {
    color: #bd9eff;
}

.sidebar-menu .sidebar-submenu li.active-page a {
    color: #bd9eff !important;
}

/* Select / Form Inputs */
.select2-container,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-dropdown,
.form-control {
    background: #ffffff !important;
}
.select2-container {
        border: 0.5px solid rgba(36, 32, 69, 0.1) !important;
}
.select2-dropdown {
        border: unset !important;
}
/* Buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary-600,
.btn-primary-600:hover {
    background-color: rgba(240, 231, 248, 1);
    color: #242045 !important;
    border: 0.5px solid rgb(36 32 69 / 24%);
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary-600,
.btn-secondary-600:hover {
    background-color: #242045;
    color: rgba(240, 231, 248, 1);
}

.btn-success,
.btn-success:hover {
    background-color: rgba(36, 32, 69, 1);
    color: rgba(240, 231, 248, 1);
    border-color: transparent;
}

.btn-customs,
.btn-customs:hover {
    background-color: rgba(189, 158, 255, 1);
    color: #bfc3c7;
}

/* Form Border Colors */
.form-select,
.form-control,
textarea {
    border: 0.5px solid rgba(36, 32, 69, 0.1);
}
.subtotalclass td{
        background-color: #FAF5FF !important;
        box-shadow: unset !important;
}
/* Table Row Colors */
table.dataTable.table-striped>tbody>tr.odd>*,
table.dataTable.table-striped>tbody>tr.even>*,
.table-striped>tbody>tr:nth-of-type(odd)>*,
.table-striped>tbody>tr:nth-of-type(even)>* {
    box-shadow: inset 0 0 0 9999px rgb(255 255 255);
    border-bottom: 0.5px solid rgba(45, 55, 76, 0.2) !important;
    border-right: 0.5px solid rgba(45, 55, 76, 0.2) !important;
}

/* Form Label Color */
.form-label {
    color: #242045 !important;
}

/* Search Box Colors */
.custom-search-box {
    background: rgba(243, 237, 255, 1);
    border: 0.2px solid rgba(36, 32, 69, 0.2);
}

.custom-search-box .search-icon {
    color: #5b4c9a;
}

.custom-search-box input::placeholder {
    color: #bfc3c7 !important;
}

/* Show By Dropdown Colors */
.custom-showby select {
    color: #5b4c9a;
}

/* Status Colors */
.status-item.success .icon-circle {
    background-color: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.status-item.error .icon-circle {
    background-color: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

.status-item .count {
    color: #1f2937;
}


.action-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;   /* space between buttons */
    font-size: 18px;
    transition: 0.2s ease;
}

/* View */
.action-view {
    background: #F3EDFF;      /* light blue */
    color: #242045;
    font-size: 18px !important;
}

/* Edit */
.action-edit {
    background: #F3EDFF;      /* light blue */
    color: #242045;
}

/* Delete */
.action-delete {
   background: #F3EDFF;      /* light blue */
    color: #242045;
}

/* Hover effect */
.action-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.card .card-header {
  border:unset !important;
}

.card {
  box-shadow:unset !important;
}

body {
    font-family: 'Figtree', sans-serif !important;
    font-style: normal !important;
}
.exportexcel-button :hover ,.exportexcel-button{
    background-color: #242045 !important;
    color: #DCDBDD !important;
}

/*.btn-outline-primary {
    --bs-btn-color: #ffffff !important;
    --bs-btn-border-color: #fff !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #242045 !important;
    --bs-btn-hover-border-color: #242045 !important;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #242045 !important;
    --bs-btn-active-border-color: #242045 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #242045 !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #242045 !important;
    --bs-gradient: none;
}
.btn {
    background-color: #24204594;
}
.btn:hover {
    background-color: #242045;
    border: 1px solid #fff ;
}*/
.btn-secondary.active{
        background-color:#bd9eff !important;
        color: #242045 important;
}
.gtv-critical {
    color: #dc2626 !important; /* red - critical */
}

.gtv-warning {
    color: #ffcb00 !important; /* orange - warning */
}

.gtv-normal {
    color: rgb(70 71 73) !important; /* default light gray */
}
.totalsum{
    background-color: #f0e7f8 !important;
}

table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgb(255 255 255) !important;
}
div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button{
        background: #242045 !important;
        color:#f7f8fc !important;
}
.daterangepicker .ranges ul li {
    color: #000000 !important;
}
.daterangepicker .drp-buttons .applyBtn {
    background: #666;
    color: #fff !important;
    border: none;
}
#dataTable_filter .form-control,#balancehistory_filter .form-control,#balancesTable_filter input{
    background-color: #F3EDFF !important;
    border: 0.2px solid #24204533 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background-color: #242045 !important;
}
a.text-primary{
color: #242045 !important;
}

/* Toggle Button Base */
.toggle-btn {
    width: fit-content !important;
    color: #fff !important;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Status Colors */
.toggle-active {
    background-color: #242045 !important;
}

.toggle-inactive {
    background-color: #f0e7f8 !important;
    color: #242045 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #242045 !important;
}

.summarybox-icon{
  background-color: #F3EEFF;
  border-radius: 10px;
  min-height: 50px;
  min-width: 50px;
  justify-content: center;
  flex-shrink: 0;
}


.summarybox-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.summarybox-value {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
}
.summarybox-icon iconify-icon{
    color: #423C73 !important;
}
.dailymerchants{
    background-color: #FFFFFF;
}
.overlayer-dailymerchants{
    background-color: #F3EEFF !important;
    padding: 20px !important;
}

/* CARD COLORS */
.merchant-card {
    background: #ffffff;
}

.overlayer_merchant-card-body {
    background-color: #F3EEFF;
}

/* TEXT COLORS */
.merchant-title {
    color: #242045;
}

.amount-value {
    color: #000000;
}

.amount-percent {
    color: #242045;
}

/* BADGE COLORS */
.badge-success-pill {
    border-color: #038B3F;
    color: #16a34a;
}

.badge-danger-pill {
    border-color: #E30505;
    color: #dc2626;
}


.payin-summary{
background: #BD9EFF; 
color: #242045;
}

.text-login{
  color: #000;
}

.acquirer-block{
    background-color: #f7f8fc;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
    {
      color: #000 !important;
    }

  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
    {
        background-color: var(--brand);
        color: #242045;
    }

.amount-percent-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    font-size: 0.75rem;
    padding: 6px 10px;
    border: 1px solid var(--primary-700, #242045);
    border-radius: 7px;
    background-color: transparent;
    color: var(--primary-700, #242045);
    font-weight: 600;
}

.select2-results__options li{
  color: #242045 !important;
}

.page-link:focus {
    box-shadow:  0 0 0 0.25rem rgb(189 158 255);
}

.text-login{
  color: #242045;
}

.btn-login-submit,.btn-login-submit:hover{
    background-color: #bd9eff;
    color: #242045;
    font-weight: 900 !important;
    font-size: 16px !important;
    padding: 12px 5px !important;
}

.cus-login-form.form-select, .form-control:not(textarea) {
    height: 3.3rem !important;

}
.sidebar-menu li.dropdown.open > a{
    color: #red !important;
}