#kt_app_body {
  overflow-x: hidden;
}
#kt_app_header_logo{
  margin-top: 10%;
    margin-bottom: 15%;
}
.currency-svg{
  width:14px; height:14px;
}
[data-bs-theme=light]{
    --bs-secondary: #737373;
    --bs-info-light: #e8deff;
    --bs-table-striped-bg: rgb(63, 63, 63);
  }

.fw-700{
  font-weight: 700 !important;
}
/* .table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-accent-bg: rgb(63, 63, 63) !important;
  color: var(--bs-table-striped-color);
} */
.table-striped>tbody>tr:nth-child(odd){
  background-color:#edf6fa;
  color: black; 
}
.table-striped>tbody>tr:nth-child(odd)>*{
    /* background-color: #edf6fa; */
    color: black; 
}
.form-check.form-check-solid .form-check-input:not(:checked){
  background-color: #DAE1EA;
}
.form-check-custom {
  display:flex;
  align-items:center;
  padding-left:0;
  margin:0;
  padding-left: 1rem;
}
.mw-1300px {
  max-width:1300px!important
}
.mw-1200px {
  max-width:1200px!important
}
.mw-1100px {
  max-width:1100px!important
}
.w-30{
  width: 30% !important;
}
.w-auto{
  width: auto;
}
.br-50{
  border-radius: 50% !important;
}

.ps-21 {
  padding-left: 5.25rem;
}

.ps-22 {
  padding-left: 5.5rem;
}

.ps-23 {
  padding-left: 5.75rem;
}

.ps-24 {
  padding-left: 6rem;
}

.ps-25 {
  padding-left: 6.25rem;
}

.ps-26 {
  padding-left: 6.5rem;
}

.ps-27 {
  padding-left: 6.75rem;
}

.ps-28 {
  padding-left: 7rem;
}

.ps-29 {
  padding-left: 7.25rem;
}

.ps-30 {
  padding-left: 7.5rem;
}

.ps-31 {
  padding-left: 7.75rem;
}

.ps-32 {
  padding-left: 8rem;
}

.ps-33 {
  padding-left: 8.25rem;
}

.ps-34 {
  padding-left: 8.5rem;
}

.ps-35 {
  padding-left: 8.75rem;
}

.ps-36 {
  padding-left: 9rem;
}

.ps-37 {
  padding-left: 9.25rem;
}

.ps-38 {
  padding-left: 9.5rem;
}

.ps-39 {
  padding-left: 9.75rem;
}

.ps-40 {
  padding-left: 10rem;
}

.ps-41 {
  padding-left: 10.25rem;
}

.ps-42 {
  padding-left: 10.5rem;
}

.ps-43 {
  padding-left: 10.75rem;
}

.ps-44 {
  padding-left: 11rem;
}

.ps-45 {
  padding-left: 11.25rem;
}

.ps-46 {
  padding-left: 11.5rem;
}

.ps-47 {
  padding-left: 11.75rem;
}

.ps-48 {
  padding-left: 12rem;
}

.ps-49 {
  padding-left: 12.25rem;
}

.ps-50 {
  padding-left: 12.5rem;
}

.modal-header{
  background-color: var(--bs-primary) !important;
}
.modal-header.transparent{
  background-color: transparent !important;
}
.modal-header > .modal-title{
color:var(--bs-light) !important;
}

/* Put this code in your CSS file */

/* The div container */
.qrcodeImage {

  text-align: center;
}


/* Switch styling */
.switch {
  position: relative;
  display: inline-block;
  width: 34px;  /* Adjust to your preference */
  height: 20px; /* Adjust to your preference */
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;  /* Default color */
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px; /* Adjust to your preference */
  width: 14px;  /* Adjust to your preference */
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196F3;  /* Color when checked */
}

input:checked + .slider:before {
  transform: translateX(14px);  /* Move when checked */
}

/* Optional rounded corners for slider */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



.ml-20-percent{
  margin-left: 20% !important;
}