.text-sidebar-primary {
      color: #0c4f86ce;
    }

    .main-menu-content li {
      position: relative;
      transition: all 0.25s ease;
    }

    .main-menu-content li:hover {
      background: rgba(0, 0, 0, 0.06);
      padding-left: 5px;
    }

    .main-menu-content li:hover::before {
      content: "";
      position: absolute;
      left: 0;
      top: 6px;
      bottom: 8px;
      width: 4px;
      background: #2702aad3;
      border-radius: 0 4px 4px 0;
    }

    .max-width100 {
      max-width: 100% !important;
    }

    .badge {
      text-transform: none !important;
    }

    #drop-zone {
      width: 100%;
      background: #ededed;
      height: px;
      border: 1px dashed rgba(0, 0, 0, .3);
      font-family: Arial;
      text-align: center;
      position: relative;
      line-height: 180px;
      font-size: 20px;
      color: #646565;
    }

    #drop-zone input {
      position: absolute;
      cursor: pointer;
      left: 0px;
      top: 0px;
      width: 100%;
      opacity: 0;
    }

    .table td,
    .table th {
      padding: 10px !important;
    }

    .dropdown-item {
      text-transform: none !important;
    }

    #drop-zone.mouse-over {
      background: #bcbcbc;
      color: #fff;
      border-style: solid;
      border-color: #6d6d6d;
      border-width: 1px;
    }

    #drop-zone #clickHere {
      cursor: pointer;
      line-height: 50px;
      color: #646565;
      font-size: 16px;
      height: 50px;
      width: 100%;
    }

    #drop-zone #clickHere #csv_file[disabled] {
      cursor: not-allowed !important;
    }

    .pop-up-center {
      margin: 40px auto;
      max-width: 850px;
    }

    /* Just logged in / new */
    tr.new {
      background: #fdfd96 !important;
      /* Light yellow */
    }

    /* New for 1 minute */
    tr.new_for_1_min {
      background: #fff89a !important;
      /* Slightly deeper yellow */
    }

    /* New for 5 minutes */
    tr.new_for_5_min {
      background: #fff176 !important;
      /* Medium yellow */
    }

    /* New for 10 minutes */
    tr.new_for_10_min {
      background: #ffecb3 !important;
      /* Pale golden/yellow-beige */
    }

    /* On call - just connected */
    tr.in_call {
      background: #dcffdf !important;
      /* Light green */
    }

    /* On call for 1 minute */
    tr.in_call_for_1_min {
      background: #c5ffca !important;
      /* Medium-light green */
    }

    /* On call for 5 minutes */
    tr.in_call_for_5_min {
      background: #b5ffc5 !important;
      /* Stronger green */
    }

    tr.logout {
      background: #eddfff !important;
      /* Light purple */
    }

    tr.logout_for_30_min {
      background: #e3cbff !important;
      /* Medium purple */
    }


    tr.pause {
      background: #faffdc !important;
      /* Very light pause (just entered) */
    }

    tr.pause_for_1_min {
      background: #f8ffc1 !important;
      /* Light yellow-green */
    }

    tr.pause_for_5_min {
      background: #f6ffb0 !important;
      /* Brighter yellow */
    }

    tr.pause_for_10_min {
      background: #f5ffa5 !important;
      /* Deeper yellow */
    }

    tr.pause_for_15_min {
      background: #f3ff9b !important;
      /* Strong yellow - attention needed */
    }

    tr.waiting_for_call {
      background: #ffe6e6 !important;
      /* Light red - recently idle */
    }

    tr.waiting_for_call_for_1_min {
      background: #ffd8d8 !important;
      /* Medium-light red */
    }

    tr.waiting_for_call_for_5_min {
      background: #ffbebe !important;
      /* Stronger red */
      /* color: white; */
      /* Good contrast for text */
    }

    tr.in_dispo {
      background: #dbefff !important;
    }

    tr.in_dispo_for_1_min {
      background: #c5e6ff !important;
    }

    tr.in_dispo_for_5_min {
      background: #b0deff !important;
    }

    tr.manual_call {
      background: #fff4eb !important;
      /* Light orange-beige */
    }

    tr.manual_call_for_1_min {
      background: #ffe8d0 !important;
      /* Mid orange */
    }

    tr.manual_call_for_5_min {
      background: #ffd9ae !important;
      /* Deeper orange */
    }

    .collapsibleButton {
      color: white;
      cursor: pointer;
      padding: 4px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
    }

    .collapsibleButton:after {
      content: '\002B';
      color: white;
      font-weight: bold;
      float: right;
      margin-left: 5px;
    }

    .collapsibleContent {
      padding: 0 18px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      background-color: #f1f1f1;
    }

    .card-center {
      margin: 0 auto;
      /* Added */
      float: none;
      /* Added */
      margin-bottom: 10px;
      /* Added */
    }

    .card.box-shadow {
      box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13) !important;
      border-radius: 12px !important;
    }

    .bg-color {
      background: #e9e9e987 !important;
    }

    .bg-transparent-color {
      background: #e9e9e900 !important;
    }

    .bg-pending-color {
      background: #7a5aad !important;
    }

    .bg-progress-color {
      background: #3c75df !important;
    }

    .bg-completed-color {
      background: #23BD70 !important;
    }

    .widget-timeline li.timeline-items.timeline-day-color:before {
      background: green !important;
    }

    .text-day-color {
      color: green !important;
    }

    .widget-timeline li.timeline-items.timeline-info-color:before {
      background: #39DA8A !important;
    }

    .text-info-color {
      color: #1876f2 !important;
    }

    .set-min-height {
      min-height: 150px;
    }


    .placeholder_container {
      max-height: 304px;
      overflow-y: auto;
      background-color: #FFFFFF;
    }

    .placeholder_container>div {
      cursor: pointer;
      line-height: 18px;
      font-size: 13px;
      padding: 2px 3px;
    }

    .placeholder_container>div:hover {
      background-color: #4a89dc;
      color: #FFFFFF;
    }

    .noselect {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    .removeBreak {
      cursor: pointer;
    }

    .gap-1 {
      gap: 1px
    }

    .gap-2 {
      gap: 2px
    }

    .gap-3 {
      gap: 2px
    }

    .gap-4 {
      gap: 2px
    }

    .gap-5 {
      gap: 2px
    }

    .hidePart {
      display: none;
    }

    .h110 {
      height: 110px !important;
    }

    .h120 {
      height: 120px !important;
    }

    .h130 {
      height: 130px !important;
    }

    .h140 {
      height: 140px !important;
    }

    .h150 {
      height: 150px !important;
    }

    .h160 {
      height: 160px !important;
    }

    .h170 {
      height: 170px !important;
    }

    .h200 {
      height: 200px !important;
    }

    .h246 {
      height: 246px !important;
    }

    .h300 {
      height: 300px !important;
    }

    .h270 {
      height: 270px !important;
    }

    .h400 {
      height: 400px !important;
    }

    .h470 {
      height: 470px !important;
    }

    .h500 {
      height: 500px !important;
    }

    .h600 {
      height: 600px !important;
    }

    .h642 {
      height: 642px !important;
    }

    .h700 {
      height: 700px !important;
    }

    .h800 {
      height: 800px !important;
    }

    .h900 {
      height: 900px !important;
    }

    .h1000 {
      height: 1000px !important;
    }

    .rotate-180deg {
      transform: rotate(180deg)
    }

    .rotate-135deg {
      transform: rotate(135deg)
    }

    .table thead,
    label {
      text-transform: none !important;
    }

    .customized-footer {
      padding: 10px;
      display: block;
      margin-top: -1px;
      line-height: 16px;
      position: relative;
      background: #F5F5F5;
      border: 1px solid #DDD;
      font-family: Arial, Helvetica, sans-serif;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      font-size: 11px;
      color: #999;
    }

    .customRow {
      width: 400px;
      clear: both;
      font-family: 'Exo';
    }

    .digit,
    .dig {
      float: right;
      padding: 7px 45px;
      font-size: 2rem;
      width: 1px;
      cursor: pointer;
    }

    .sub {
      font-size: 0.8rem;
      color: grey;
      width: 40px;

    }

    #output {
      border: 1px;
      border-style: solid;
      font-family: "Exo";
      font-size: 1.5rem;
      padding: 5px 0px 0px 0px;
      height: 50px;
      width: 280px;
      font-weight: bold;
      color: #1976d2;
      text-align: center;
    }

    #output-number-dial {
      font-family: "Exo";
      font-size: 1.5rem;
      margin: 20px 0px 0px 0px;
      width: 320px;
      font-weight: bold;
      color: #1976d2;
      text-align: center;
    }

    #call {
      display: inline-block;
      background-color: #66bb6a;
      padding: 4px 30px;
      margin: 10px;
      color: white;
      border-radius: 4px;
      float: left;
      cursor: pointer;
    }

    .digit:active,
    .dig:active {
      background-color: #e6e6e6;
    }

    #call:hover {
      background-color: #81c784;
    }

    .dig {
      float: left;
      padding: 10px 20px;
      margin: 10px;
      width: 30px;
      cursor: pointer;
    }

    .call-box {
      font-size: 1.7rem;
    }

    .customModalIframe {
      width: 100%;
      height: 90vh;
      padding: 0;
      margin: 0;
    }

    .p-9px {
      padding: 9px !important;
    }

    .custom-close-padding {
      padding-top: 9px !important;
      padding-right: 10px !important;
    }

    .json-pre {
      outline: 1px solid #ccc;
      padding: 5px;
      margin: 5px;
    }

    .json-string {
      color: olive;
    }

    .json-number {
      color: navy;
    }

    .json-boolean {
      color: blue;
    }

    .json-null {
      color: magenta;
    }

    .json-key {
      color: brown;
    }

    .select2-container {
      z-index: 999;
    }

    body.modal-open .select2-container--open {
      z-index: 99999;
    }

    .user-select-table {
      max-height: 385px;
      overflow-y: auto;
    }

    .user-table-header {
      position: sticky;
      top: 0;
      z-index: 999;
      background-color: #fff;
      border-bottom: 1px solid !important
    }

    .custom-h5 {
      margin-bottom: .5rem;
      font-family: Rubik, Helvetica, Arial, serif;
      font-weight: 400;
      line-height: 1.2;
      font-size: 1.3rem;
      color: #475F7B;
    }

    .select2-container--default .select2-selection--multiple {
      border-color: #DFE3E7 !important;
    }

    #purchase_new_number_modal {
      z-index: 99999 !important;
    }

    .custom-toaster {
      width: 400px !important;
      max-width: 100% !important;
      top: 1px;
      right: 1px;
      opacity: 1.0;
    }

    .custom-toast-info {
      background-color: #2F96B4;
    }

    .toast-container>.custom-toast-info {
      background-position: 5px 20px;
      background-size: 40px 40px;
      background-image: url("/assets/images/icon/455604.svg") !important;
    }

    .border-primary-top {
      border-color: #5A8DEE !important
    }

    .border-top-4 {
      border-top-width: 4px !important
    }

    .border-success-top {
      border-color: #39DA8A !important
    }

    .border-danger-top {
      border-color: #FF5B5C !important
    }

    .border-warning-top {
      border-color: #FDAC41 !important
    }

    .status-scroll {
      overflow: auto;
      max-height: 270px
    }

    .thead-tbody-common {
      display: block;
    }

    .th-width {
      width: 20.5%;
      /* Optional */
    }

    .td-width {
      width: 18.5%;
      /* Optional */
    }

    .underline_textbox::-webkit-inner-spin-button,
    .underline_textbox::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    .underline_textbox {
      width: 150px !important;
      border: none !important;
      text-align: center;
      padding: 9px;
      border-bottom: 1px solid !important;
      height: 10px !important;
    }

    .col-md-15 {
      width: 25%;
      float: left;
    }

    .col-md-20 {
      width: 33%;
      float: left;
    }

    .col-md-19 {
      width: 30%;
      float: left;
    }

    .col-md-custom-15 {
      width: 19.7%;
      float: left;
    }

    .col-md-custom-12 {
      width: 16.1%;
      float: left;
    }

    .col-md-custom-32 {
      width: 14.2%;
      float: left;
    }

    .col-md-custom-8 {
      width: 25%;
      float: left;
    }

    .col-md-custom-single {
      width: 98.5%;
      float: left;
    }

    .pie-chart-min-height {
      min-height: 26.7rem;
    }

    .mt10 {
      margin-top: 10px !important;
    }

    .wrap-text-in-div {
      word-wrap: break-word;
      white-space: normal
    }

    .btn-add-balance {
      width: 12rem;
    }

    .btn-add-balance-submit {
      width: 9rem;
    }

    .mt-custom {
      margin-top: 5.3rem !important;
    }

    .icon-padding {
      padding: 0.6rem;
    }

    .slot-price-label-padding {
      padding-left: 0.3rem;
    }

    .desc-span {
      display: inline-block;
      width: 280px;
      white-space: nowrap;
      overflow: hidden !important;
      text-overflow: ellipsis;
    }

    .section-divider {
      height: 0;
      border-top: 1px solid #DDD;
      text-align: center;
      margin-top: 20px;
      max-width: 98%;
    }

    .custom-divider {
      display: inline-block;
      position: relative;
      padding: 0 17px;
      top: -11px;
      font-size: 18px;
      color: #5a8dee !important;
      background: rgb(255, 255, 255);
    }

    .mg-tp {
      margin-top: 2.5rem !important
    }

    .mg-tp2 {
      margin-top: -1.5rem !important;
    }

    .card-list-dropdown .select2-selection__rendered {
      height: 100% !important;
    }

    .drip-maximize-icon {
      position: absolute;
      right: 35px;
      top: 15px;
      color: #fff !important;
    }

    .bg-custom-chat {
      background: #eaeaeac7
    }

    .z-index {
      z-index: 114800 !important;
    }

    .iframe-z-index {
      z-index: 114801 !important;
    }

    .card-list-dropdown .select2-selection__rendered {
      height: 100% !important;
    }

    .custom-design-changes {
      margin-top: -10px !important;
      margin-right: -10px !important;
      margin-bottom: 6px;
    }

    .button-customize-for-edit {
      margin-top: -10px !important;
      margin-right: 12px !important;
    }

    .online-button-customize {
      margin-right: -3px !important;
    }

    .iframe-custom-width {
      width: 100%;
      border-style: none !important;
      height: 325px;
    }

    .customModalIframe_custom {
      width: 100%;
      height: 35vh;
      padding: 0;
      margin: 0;
      border: none;
    }

    .cke_maximized {
      z-index: 114801 !important;
    }

    #actionWidth {
      width: 150px;
    }

    .modalContentWidth {
      width: 180%;
    }


    .listenBtnMargin {
      margin-bottom: 9px;
    }

    .callFeedback {
      height: 75vh;
      padding: 0;
      margin: 0;
      border: none;
    }

    .div-shadow-effect {
      box-shadow: 0 3px 8px 0 rgba(34, 16, 16, 0.2);
    }

    .hide-body {
      display: none;
    }

    .loader {
      margin-left: 50%;
      margin-top: 20%;
    }

    .custom-margin-left {
      margin-left: 0.3rem !important
    }

    .main-col {
      margin-bottom: 30px;
    }

    .main-col .card {
      height: 100%;
      margin-bottom: 0;
    }

    .custom-padding-for-checkbox {
      padding-top: 1.3rem !important
    }

    .icon-position {
      position: relative;
      top: 4px !important
    }

    .icon-title-position {
      position: relative;
      top: 2px !important
    }

    .custom-margin-for-tab-heading {
      margin-left: 2rem;
      margin-top: 2rem
    }

    .custom-tr-font-changes {
      font-size: 15px;
      color: #9665c1 !important;
      font-weight: bold;
    }

    .custom-current-tr-font-changes {
      font-size: 15px;
      color: #681da8 !important;
      font-weight: bold;
    }


    .open_lead_history_in_tab {
      height: 36px;
      width: 36px;
      opacity: 0.5;
      background-color: #F2F4F4;
    }

    .open_lead_history_in_tab:hover {
      opacity: 0.75;
    }

    .open_lead_history_in_tab i {
      line-height: 32px;
      font-size: 1.25rem !important;
      color: #000;
    }

    .dynamicHeight {
      height: 400px;
      overflow: hidden;
    }

    .lead-status-modal-width {
      max-width: 1027px;
      margin-left: 262px;
    }

    .callsRow {
      flex-wrap: nowrap;
      padding-right: 18px;
    }

    .apexcharts-menu-icon {
      padding-right: 30px;
    }

    .nodeModalFooter {
      padding-right: 0rem;
    }

    .didNumbersModal {
      width: 450px;
      max-width: 100%;
    }

    .call-table {
      max-height: 450px;
      overflow: auto;
    }

    .loaderClass {
      margin: 0px 180px;
    }

    .modal-waiting-calls {
      max-width: 800px;
    }

    .waiting-call-padding {
      padding: 1.15rem 1.5rem !important;
    }

    .callTransferReport {
      height: 183px;
    }

    .webhook-modal-body {
      height: auto;
      max-height: 400px;
    }

    .callTransferReport {
      height: 183px;
    }

    .suppression-remove {
      height: 33px;
      padding-bottom: 1.9rem;
      width: 40px;
      margin: 3px 15px;
    }

    .bxs-trash-alt:before {
      margin-left: -8px;
    }

    .blur60 {
      opacity: 0.6;
    }

    .eyeIcon {
      position: relative;
      top: 0px !important;
    }

    .spinnerBrandDetails {
      margin-top: 350px !important;
    }

    .bg-light-primary-01 {
      background-color: #9fbbed !important;
    }

    .bg-light-secondary-01 {
      background-color: #aebccd !important;
      color: #000 !important;
    }

    .bg-light-secondary-02 {
      background-color: rgb(231, 231, 231) !important;
    }

    .sample-files {
      height: 60px !important;
    }

    .campaign-details {
      position: relative;
      top: 5px !important;
    }

    .mno-details {
      position: relative;
      color: #000 !important;
      top: 25px !important;
    }

    .span-for-nudge {
      margin-inline-end: 6px !important;
    }

    .bg-secondary-03 {
      background-color: rgb(244, 244, 244) !important;
    }

    .wallet-amount {
      position: relative;
      top: 3px !important;
    }

    .col-md-custom-14 {
      width: 32.5%;
      float: left;
    }

    .table-working-hours {
      width: 98% !important;
    }

    .drip-status {
      width: 96% !important;
    }

    .fields-custom-height {
      max-height: 470px !important;
      overflow-y: auto;
    }

    .chat-scroll {
      max-height: 480px !important;
      overflow-y: auto;
      height: 480px;
    }


    .chat-right {
      /* text-align: right !important; */
      position: relative !important;
      float: right !important;
      padding: 0.75rem 1rem !important;
      margin: 0.2rem 0.2rem 1.8rem 0 !important;
      max-width: calc(100% - 5rem) !important;
      clear: both !important;
      word-break: break-word !important;
      color: #232425d9 !important;
      background: #5a8dee47 !important;
      border-radius: 0.267rem !important;
      box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.6) !important;
    }

    .chat-left {
      /* text-align: left !important; */
      float: left !important;
      margin: 0.2rem 0.2rem 1.8rem 0 !important;
      max-width: calc(100% - 5rem) !important;
      position: relative !important;
      padding: 0.75rem 1rem !important;
      color: hsl(0, 3%, 18%) !important;
      word-break: break-word !important;
      background-color: #bababa87 !important;
      border-radius: 0.267rem !important;
      box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.6) !important;
      clear: both !important;
    }

    /* widget chat */
    /* ----------- */
    .widget-chat .widget-chat-container {
      position: relative;
      height: 420px;
      text-align: center;
      padding: 1.4rem;
    }

    .widget-chat .chat-content .chat-body {
      overflow: hidden !important;
      margin: 0.67rem 0 0 0 !important;
    }

    .widget-chat .chat-content .chat-body .chat-message {
      position: relative !important;
      float: right !important;
      text-align: right !important;
      padding: 0.75rem 1rem !important;
      margin: 0.2rem 0.2rem 1.8rem 0 !important;
      max-width: calc(100% - 5rem) !important;
      clear: both !important;
      word-break: break-word !important;
      color: #FFFFFF !important;
      background: #5A8DEE !important;
      border-radius: 0.267rem !important;
      box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.6) !important;
    }

    .widget-chat .chat-content .chat-body .chat-message p {
      margin-bottom: 0 !important;
    }

    .chat-time {
      position: absolute !important;
      bottom: -20px !important;
      right: 0 !important;
      color: #828D99 !important;
      font-size: 0.8rem !important;
      white-space: nowrap !important;
    }

    .widget-chat .chat-content .chat-left .chat-message {
      text-align: left !important;
      float: left !important;
      margin: 0.2rem 0 1.8rem 0.2rem !important;
      color: #727E8C !important;
      background-color: #FAFBFB !important;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3) !important;
    }

    .widget-chat.widget-chat-demo {
      position: fixed;
      z-index: 1031;
      bottom: 11.5%;
      right: 80px;
      width: 350px;
    }

    .widget-chat.widget-chat-demo .widget-chat-container {
      height: 27rem;
    }

    .widget-chat.widget-chat-demo .chat-content .chat-message {
      max-width: calc(100% - 3rem);
    }

    .widget-chat.widget-chat-demo .card {
      box-shadow: 0 0 22px 0 rgba(25, 42, 70, 0.25);
    }

    .checkbox label:after {
      border: 1px solid #007fff
    }

    .custom-checkbox-margin {
      margin-top: 2.0rem !important;
    }

    .did-row {
      margin-top: 4px !important;
    }

    .table-visible {
      overflow: visible !important;
    }

    .table-responsive-fixed-height {
      max-height: 800px;
      overflow-y: auto;
    }

    .user-stats-report-table {
      text-align: center;
      position: sticky;
      top: 0;
      background-color: #E6EAEE !important;
      z-index: 1;
    }

    .table-responsive-for-agent-details {
      overflow-x: auto;
      white-space: nowrap;
    }

    .table-responsive-for-agent-details table thead th:first-child,
    .table-responsive-for-agent-details table tbody td:first-child {
      position: -webkit-sticky;
      /* for Safari */
      position: sticky;
      left: 0;
      background: #E6EAEE !important;
      z-index: 1;
    }

    .agent-performance-labels {
      position: relative !important;
      top: 15px !important;
    }

    .result-transformation {
      position: relative;
      top: 8px;
    }

    .agent-details .table tbody tr:last-child td {
      background-color: #fff !important;
    }

    #replayer .rr-player,
    #replayer .rr-player__frame {
      width: 100% !important;
    }


    .navbar-nav li a span {
      position: relative;
    }

    .navbar-nav li a span img.sourcelogo-img {
      box-shadow: none !important;
      width: 75px;
      position: absolute;
      left: -10px;
      top: -13px;
    }

    .main-menu .navbar-header .navbar-brand .brand-logo .logo {
      height: 42px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      left: 1px;
    }

    .vertical-align-middle {
      vertical-align: middle
    }

    .bg-custom-light-info {
      color: #0f5f64 !important;
      background: #d4ffff70 !important;
    }

    .bg-custom-light-success {
      color: #4daa64 !important;
      background: #daffe770 !important;
    }

    .bg-custom-light-primary {
      color: #002879 !important;
      background: #cde7ff70 !important;
    }

    .bg-custom-light-warning {
      background: #ffe0c770;
      color: #5f3702;
    }

    .bg-custom-light-secondary {
      background: #d9d9d970;
      color: #273444;
    }

    .bg-custom-light-danger {
      background: #ffcdc970;
      color: #750924;
    }

    .custom-card-margin {
      margin-left: 10px;
      margin-top: 0px;
      width: 11.80%;
    }

    .custom-card-margin .card-content .card-body {
      padding: 10px;
    }

    .custom-margin P {
      font-size: 12px;
      margin-bottom: 0px;

    }

    .custom-card-margin:first-child {
      margin-left: 0px;
    }

    .report-main-wrapper .card {
      margin-bottom: 0px;
    }

    .report-main-wrapper .table thead th {
      white-space: nowrap;
    }

    @media(max-width:1599px) {
      .custom-card-margin {
        width: 10.80%;
      }
    }

    @media (min-width:992px) and (max-width:1399px) {
      .custom-card-margin {
        width: 13.80%;
      }

      .custom-card-margin:nth-child(7) {
        margin-left: 0px;
      }
    }

    @media (min-width:768px) and (max-width:991px) {
      .custom-card-margin {
        width: 18.80%;
      }

      .custom-card-margin:nth-child(6) {
        margin-left: 0px;
      }
    }

    @media (min-width:576px) and (max-width:767px) {
      .custom-card-margin {
        width: 30.80%;
      }

      .custom-card-margin:nth-child(4),
      .custom-card-margin:nth-child(7) {
        margin-left: 0px;
      }
    }

    @media(max-width:575px) {
      .custom-card-margin {
        width: 100%;
      }

      .custom-card-margin {
        margin-left: 0px;
      }
    }

    .report-main-wrapper .submitButtonDialAbleLeadReport,
    .report-main-wrapper .btn-restart,
    .report-main-wrapper .btn-export,
    .report-main-wrapper .btn-wrapper {
      height: fit-content;
    }

    .report-main-wrapper .report-btn {
      height: fit-content;
    }

    .report-main-wrapper .content-header-left {
      margin-left: -18px !important;
      margin-right: -25px !important;
    }

    .list-main-wrapper .report-btn {
      height: fit-content;
    }

    .list-main-wrapper {
      margin-left: -18px !important;
      margin-right: -25px !important;
    }

    .add-main-wrapper .report-btn {
      height: fit-content;
    }

    .add-main-wrapper {
      margin-left: -18px !important;
      margin-right: -25px !important;
    }

    .bg-sidebar {
      background-color: #e6eaee !important;
      box-shadow: #273444 !important;
    }

    .report-btn {
      height: fit-content;
    }

    .wallet-balance-warning {
      width: 100%;
      border-radius: 8px;
      padding: 10px 20px;
      background-color: #fc6d6d;
    }

    /* ===== Logo-spinner css start ===== */
    .loader-overlay {
      position: fixed;
      inset: 0;
      background: rgba(236, 240, 247, 0.35);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    @supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))) {
      .loader-overlay {
        background: rgba(236, 240, 247, 0.15);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
      }
    }

    /* ===== WRAPPER ===== */
    .loader-wrapper {
      text-align: center;
    }

    /* ===== LOGO IMAGE ===== */
    .multi-spinner {
      width: 160px;
      height: auto;
      animation: logoPulseRotate 6s linear infinite;
      will-change: transform, filter;
    }

    /* ===== COMBINED PULSE + ROTATION (avoids transform animation conflicts) ===== */
    @keyframes logoPulseRotate {
      0% {
        transform: rotate(0deg) scale(1);
        filter: drop-shadow(0 0 0px rgba(99, 102, 241, 0.22));
      }

      50% {
        transform: rotate(180deg) scale(1.05);
        filter: drop-shadow(0 0 14px rgba(99, 102, 241, 0.4));
      }

      100% {
        transform: rotate(360deg) scale(1);
        filter: drop-shadow(0 0 0px rgba(99, 102, 241, 0.22));
      }
    }

    /* ===== Logo-spinner css end ===== */


    .bl-info {
      border-left-color: #0f8f98 !important;
      border-left: 3px solid transparent;
    }

    .bl-primary {
      border-left-color: #0052cc !important;
      border-left: 3px solid transparent;
    }

    .bl-success {
      border-left-color: #1d9954 !important;
      border-left: 3px solid transparent;
    }

    .bl-warning {
      border-left-color: #d4860a !important;
      border-left: 3px solid transparent;
    }

    .bl-danger {
      border-left-color: #d93025 !important;
      border-left: 3px solid transparent;
    }

    .bl-secondary {
      border-left-color: #292d30 !important;
      border-left: 3px solid transparent;
    }