.logo-abbr{
    margin-top: 15px !important;
}
:root{
    --app-gradient-code : linear-gradient(95deg, #fbac3d 15%, #e63026 45%, #e07c2f 75%, #e73127 100%) 95% / 200% 100%;
}
#preloader{
    background: #171622 !important;
}

.waviy span{
    color:#fff !important;
}

.bg-gradient{
    background: var(--app-gradient-code) !important;
}
.card-tabs .nav-tabs .nav-link:after,.btn-gradient{
    background: var(--app-gradient-code) !important;
    border:none;
}
.badge-gradient{
    background-color: none !important;
    background: var(--app-gradient-code) !important;
}
#toast-container > div{

    max-width: 20rem !important;
    width: 15rem !important;
}
[data-theme-version="dark"] .nav-tabs .nav-link:hover, [data-theme-version="dark"] .nav-tabs .nav-link.active,[data-theme-version="dark"] .gradient-text,.gradient-text {
    color: transparent !important;
    background-clip: text !important;
    background: var(--app-gradient-code) !important;
    -webkit-background-clip: text !important;
    border:none;
    border-color:transparent;
}
.card-title-billpe{
    font-size: 24px !important;
    font-weight: 700 !important;
}
.footer .copyright p {
    text-align: center;
    margin: 0;
    font-size: 20px;
    color: white;
}
[data-theme-version="dark"] .dlabnav .header-profile > a.nav-link .header-info span{
    color:#fff;
}
.dlabnav .header-profile > a.nav-link .header-info small, .dlabnav .header-profile > a.nav-link .header-info .small{
    color: #fff !important;
    font-size: 14px;
}
[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li > a{
    padding: 22px 20px;
    font-size: 18px;
}

[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li.mm-active > a i{
    color: transparent !important;
    background-clip: text !important;
    background: var(--app-gradient-code) !important;
    -webkit-background-clip: text !important;
    border:none;
    border-color:transparent;
}
.photo-content .cover-photo{
    background-image: url(https://suvarnayugbank.com/images/bharatbill.jpg);
}
.lable-billpe{
    font-size: 20px !important;
    color: #ffffff !important;
    text-transform: capitalize;
}
/* .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--app-gradient-code) !important;
    border-color: transparent;
    color: #ffffff !important;
} */
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 10px 5px;
}
[data-theme-version="dark"] .select2-container .select2-selection--multiple{
    background: #212130;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 3rem !important;
    min-height: 3rem !important;
    font-size: 1.4rem;
    color: #ffffff !important;
}
.select2-results__options {
    font-size: 1.4rem !important;
}
.btn-custom{
    font-size: 1.5rem !important;
    width:30% !important;
    padding: 10px !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.ck.ck-editor .ck.ck-button{
    color: #6549d5 !important;
}

.form-check-input:checked[type="radio"]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.form-check-input:checked {
    background-color: #e33fa1 !important;
    border-color: #e33fa1 !important;
}
[data-theme-version="dark"] .select2-search--dropdown .select2-search__field{
    color:#fff;
    font-size: 1.4rem;
}
span.editableclass {
    min-width: 2rem;
    border: 1px solid;
    border-radius: 5px;
    padding: 0px 10px;
}
.dataTables_wrapper .dataTables_processing{
    background: #171622;
    color:#fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    color: transparent !important;
    background-clip: text !important;
    background: var(--app-gradient-code) !important;
    -webkit-background-clip: text !important;
}
.dataTables_empty,.dataTables_filter,.dataTables_length,.dataTables_info {
    color: #fff !important;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
    background: var(--app-gradient-code) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    color: transparent !important;
    background-clip: text !important;
    background: var(--app-gradient-code) !important;
    -webkit-background-clip: text !important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button{
    color: #ffffff !important;
}
[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button.current, [data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.previous.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.next:hover,.btn-gradiant{
    background: var(--app-gradient-code) !important;
    border-color: transparent;
    color: #ffffff !important;
}
.select2-selection__clear{
    display: none;
}

/* my custom style */

button, a.btn {
    background: var(--app-gradient-code)!important;
    color: #ffffff!important;
    border-color: transparent;
}

/* Track */
.table-responsive::-webkit-scrollbar-track {
    background: #ffffff;
  }

  /* Handle */
  .table-responsive::-webkit-scrollbar-thumb {
    background: var(--app-gradient-code)!important;
  }

  /* Handle on hover */
  .table-responsive::-webkit-scrollbar-thumb:hover {
    background: var(--app-gradient-code)!important;
  }
  .form-wizard.sw-theme-default{
     border: none;
  }
  button.toast-close-button{
    background: none!important;
  }
  
  #billpeloader{
      position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('billpe-assets/spinner.gif') 50% 50% no-repeat #171622;
  opacity: 0.7;

  }
  
  .input-group-text{
        border: 1px solid !important;
        border: 1px solid #fff;
        font-size: 1.25rem;
        background: var(--app-gradient-code)!important;
        color: #fff !important;
        padding-right: 3rem;
        padding-left: 3rem;
}
 .nav-link.done {
            pointer-events: none;
        }
        
        .toggle {
    position: relative;
  }
  .toggle input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
  }
  .toggle label {
    position: relative;
    display: flex;
    align-items: center;
  }
  .toggle label:before {
      content: '';
      border: 5px solid red;
      height: 35px;
      width: 70px;
      position: relative;
      display: inline-block;
      border-radius: 46px;
      transition: 0.2s ease-in;
  }
  .toggle label:after {
      content: '';
      position: absolute;
      background: red;
      width: 21px;
      height: 21px;
      left: 8px;
      top: 7px;
      border-radius: 50%;
      z-index: 1;
      box-shadow: 0 0 5px #0002;
      transition: 0.2s ease-in;
  }
  .toggle input[type="checkbox"]:hover + label:after  {
      box-shadow: 0 2px 15px 0 #0002, 0 3px 8px 0 #0001;
  }
  .toggle input[type="checkbox"]:checked + label:before {
    border-color: #66ff00;
  }
  .toggle input[type="checkbox"]:checked + label:after {
    background: #66ff00;
    left: 41px;
  }
  /* .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: var(--app-gradient-code) !important;
    border: 1px solid #fff !important;
    font-size: 15px !important;
    color: #fff !important;
  } */
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff !important;
  }
  [data-theme-version="dark"] .select2-container .select2-selection--multiple{
    border-color: #fff;
  }
  .bt-paginations span.page-link, .bt-paginations a.page-link, .bt-paginations a.page-link.disabled {
    transition: none!important;
    border-radius: 17px 17px;
    margin: 0 4px;
    margin-top: 10px;
    border: none!important;
}
.bt-paginations {
    float: right;
}
.bt-paginations ul.pagination {
    margin: 10px;
    width: fit-content;
    background-color: #212130;
    padding: 0px 5px 8px 5px;
    border-radius: 15px;
}
.bt-paginations li.page-item a.page-link[rel="next"], .bt-paginations li.page-item.disabled span.page-link, .bt-paginations li.page-item a.page-link[rel="prev"] {
    border-radius: 15px 15px;
    font-size: xx-large;
    line-height: 0.95;
    padding: 5px 14px 8px 14px;
}
.bt-paginations .page-item.active .page-link {
    background: var(--app-gradient-code)!important;
    color: #ffffff!important;
    border-color: transparent!important;
    border-radius: 14px;
}
.bt-paginations span.page-link:hover, .bt-paginations a.page-link:hover, .bt-paginations li.page-item.disabled:hover .page-link {
    background: var(--app-gradient-code)!important;
    color: #ffffff!important;
    border-color: transparent!important;
}
button.btn-red, a.btn.btn-red, .badge.badge-red {
    background: #b40000!important;
    color: #ffffff!important;
    border-color: transparent!important;
}

button.btn-green, a.btn.btn-green, .badge.badge-green {
    background: green!important;
    color: #ffffff!important;
    border-color: transparent!important;
}

button.btn-gray, a.btn.btn-gray, .badge.badge-gray {
    background: gray!important;
    color: #ffffff!important;
    border-color: transparent!important;
}

button.btn-tan, a.btn.btn-tan, .badge.badge-tan {
    background: #ca8222!important;
    color: #ffffff!important;
    border-color: transparent!important;
}
button.btn-brown, a.btn.btn-brown, .badge.badge-brown {
    background: #c18b1f!important;
    color: #ffffff!important;
    border-color: transparent!important;
}
.bg-blue{
    background-color: #1433a9!important;
}
.bg-purpel{
    background-color: #640058!important;
}
.bg-brown {
    background-color: #c18b1f!important;
}
.bg-green {
    background-color: green!important;
}
.bg-red {
    background-color: #b40000!important;
}
.text-upercase{
    text-transform: uppercase;
}
[data-theme-version="dark"] .form-control {
    border-color: #ffffff;
    font-size: 24px;
}
  [data-theme-version="dark"] .form-label {
    color: #ffffff;
}
button.btn-light-green, a.btn.btn-light-green, .badge.badge-light-green {
    background: #1bbc1b!important;
    color: #ffffff!important;
    border-color: transparent!important;
}
.dataTables_wrapper .dataTables_filter input{
    font-size: 22px;
    padding: 5px 10px;
}
.dataTables_wrapper .dataTables_length select{
    font-size: 18px;
    padding: 5px 10px;
}
.fs24px{
    font-size: 24px;
}
.fs18px{
    font-size: 18px;
}
.fw-bold{
    font-weight: bold;
}
.txtrnf-upper{
    text-transform: uppercase;
}
.ln-h1p2{
    line-height: 1.2;
}
.popover{
    border: 3px solid #212130;
}
.popover .popover-header{
    background: #212130;
}
[data-theme-version="dark"] .daterangepicker {
    background: #141414;
    border: 1px solid;
    border-color: #515151;
}
[data-theme-version="dark"] .daterangepicker .calendar-table .table-condensed td:hover{
    background-color: var(--primary);
}
.daterangepicker .calendar-table th{
    color: white;
}
.daterangepicker .drp-calendar.right{
    padding: 16px 8px;
}
.daterangepicker td.in-range, .daterangepicker td.active.start-date,.daterangepicker td.available:hover{
    color: #fff!important;
    background: var(--app-gradient-code)!important;
}
.daterangepicker .drp-buttons .cancelBtn, .daterangepicker .drp-buttons .applyBtn{
    border-radius: 10px;
    font-size: 17px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: var(--app-gradient-code)!important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background: #212130;
}
.select2-results__option{
    border-radius: 12px;
}
.text-uppercase{
    text-transform: uppercase!important;
}
.text-transform-init{
    text-transform: initial;
}
table.dataTable td, table.dataTable th {
    border: 1px solid!important;
    border-color: #3f3f3f!important;
    text-transform: uppercase;
}
.dataTables_filter{
    display: none;
}
[data-theme-version="dark"] .select2-container--default .select2-selection--single{
    background: #212130;
    border-color: #ffffff;
}
#paymama-preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    background: #171622;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: var(--app-gradient-code)!important;
    color: #ffffff;
}
.select2-container--default .select2-search--inline .select2-search__field {
    color: #ffffff !important;
    font-size: 1.2rem !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 10px 5px;
}
[data-theme-version="dark"] .select2-container .select2-selection--multiple{
    background: #212130;
}
[data-theme-version="light"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6e6e6e !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 3rem !important;
    min-height: 3rem !important;
    font-size: 1.4rem;
    color: #ffffff !important;
}
.select2-results__options {
    font-size: 1.4rem !important;
}
.newtag-badge{
    background: red;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 16px;
    margin-left: 5px;
}
.freetag-badge{
    background: #7066e0;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 16px;
    margin-left: 5px;
}
.blink {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}
.swal2-container .swal2-popup .swal2-html-container{
    color: #ffffff;
}
.hidden{display: none;}
.modal-body .alert {
    padding: 1rem;
}
[data-theme-version="dark"] hr {
    border-color: #898991;
}