.summarybox
    {
        border: 1px solid #ffffff4f;
    }

  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 */
  }
  

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: #05070f;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background-color: #615dd3;
        color: white !important;
    }
    div.dt-buttons .dt-button :hover
    {
        color: #139393;
    }
    .table-dark td,
    .table-dark th {
        color: #fff;
        
        border-color: #454d55;
    }
    .table td{
        background: #05070f;
        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 #6c757d;
        background: #009743;
    }
    .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: #05070F !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: #05070F !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: #05070F !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: #05070F !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: #05070F !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: #05070F !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: #05070f;
    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: #139393;
    color: white;
    border-color: #139393;
}

/* Active Button */
.pagination .active a {
    background-color: #009743;
    color: white;
    border-color: #009743;
}

/* 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: #009743 !important;
    }

    #summaryBoxes .card-text {
        font-size: 1.4rem;
        font-weight: 600;
        color:white !important;
    }
.status-pending { color: #f1c40f; }
.status-initiated { color: #3498db; }
.status-failed { color: #e74c3c; }
.status-success { color: #2ecc71; }
.status-expired { color: #7f8c8d; }
.status-requested { color: #83ccfc; }

.exportexcel-button
{
    background: #05070f;
    border: 1px solid #ffffff5e;
    color: #ffffffcf;
}
.exportexcel-button :hover
{
    background: #05070f;
    color: #ffffffcf;
}
.sidebar-menu .sidebar-submenu li.active-page a
{
    background-color: #4b556300 !important;
    color: #009743 !important;
}
.text-warning-main {
  color: #009743 !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: #009743;
  border: none;
}
.btn-primary
{
  background: #009743;
  border: none;
}
.btn:hover
{
    background: #ffcc0a;
    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: #05070f;
}
.custom-select-clean {
  background-color: #ffffffcf;
  color: #05070f;
  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: #05070f;
  border-bottom: 1px solid #eee;
}

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

.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;
}

/* 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: #05070f;
  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: #05070f;
  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: #121212; /* or #000 for pure black */
    color: #fff;
    border: 1px solid #444;
  }

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

  select.form-control:focus {
    background-color: #121212;
    color: #fff;
    border-color: #666;
    outline: none;
    box-shadow: none;
  }
.table, .table th, .table td
{
    background: unset;
    color: rgba(245, 245, 245, 0.705);
}
.btn
{
    background-color: #009642;
}

.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: #05070F;
}

.daterangepicker .ranges li :hover
{
    background-color: #4b4b4b;
}
.white-close {
    filter: brightness(0) invert(1);
  }
.modal-content
{
    border:  1px solid white;
}
.loginformfield
{
    background: #05070f;
    padding: 22px;
    box-shadow: 0 6px 15px rgb(0, 150, 66), 0 6px 12px rgb(253, 202, 9);
    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: #009743;
    padding: 8px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}
.sidebar-menu li > a.active-page
{
    background-color: #ffcb0a !important;
} 
.sidebar-menu li.dropdown.open > a, .sidebar-menu li.dropdown.dropdown-open > a
{
    background-color: #ffcb0a !important;
    color: black !important;
}
.sidebar-menu li a:hover
{
    color: #ffcb0a !important;
}
.card-title-sticker
{
    color: #009743 !important;

}

/* Change background color and text color of the loader */
.dataTables_processing {
    background-color: rgba(255, 255, 255, 0); /* loader overlay */
    color: #009743; /* text color */
    font-weight: bold;
    border: none;
}

/* Optional: style the loader text or add custom animation */
.dataTables_processing:before {
    content: "Loading..."; /* custom text */
    color: #009743;
    font-size: 16px;
}


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

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

.my-cancel-btn {
    background-color: #6c757d !important; /* Theme secondary */
    color: white !important;
}
/*    .daterangepicker {
        background-color: #05070f !important;
    }
    .daterangepicker .ranges li:hover {
        background-color: #009743 !important;
    }
    .daterangepicker .calendar-table {
        border: 1px solid #05070f !important;
        border-radius: 4px !important; 
        background-color: #05070f !important;
    }
    .daterangepicker th.month{
        color:#009743 !important ;
        font-size: 20px !important;
    }
    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
            background-color: #000000 !important;
    border-color: transparent !important;
    color: #454545 !important;

    }
    .cancelBtn{
        color: #fff !important;
    }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: black !important;
}
.daterangepicker .ranges li.active {
    background-color: #009743 !important;   
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #009743 !important;
    border-color: transparent;
    color: #fff;
}
.form-control:focus{
    border-color: #009743 !important;
}*/