.px-24 {
  padding: 0 24px;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.qr-logo {
  margin-left: 24px;
}

.language-group {
  right: 16px;
}

.language-group .btn-language {
  background: #F1F1F1;
  border: solid 1px #F1F1F1;
  width: 68px;
  height: 36px;
  padding: 0 12px;
  color: #222 !important;
  font-weight: 600;
  text-transform: capitalize;
  line-height: unset;
  text-align: left;
  border-radius: 4px;
}

.language-group .btn-language.dropdown-toggle::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M8.23332 0.741675L4.99998 3.97501L1.76665 0.741675C1.44165 0.416675 0.91665 0.416675 0.59165 0.741675C0.26665 1.06667 0.26665 1.59167 0.59165 1.91667L4.41665 5.74167C4.74165 6.06668 5.26665 6.06668 5.59165 5.74167L9.41665 1.91667C9.74165 1.59167 9.74165 1.06667 9.41665 0.741675C9.09165 0.425008 8.55832 0.416675 8.23332 0.741675Z' fill='black'/%3E%3C/svg%3E") no-repeat center center;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 11px;
  height: 7px;
  vertical-align: 3px;
  border: none;
  transition:.5s ease-in-out;
}

.language-group.show .btn-language {
  border: solid 1px #681F6E;
}

.language-group.show .btn-language.dropdown-toggle::after {
  transform: rotate(180deg);
  transition:.5s ease-in-out;
}

.language-group.show .dropdown-menu.show {
  border: solid 1px #E0E0E0;
  width: 128px;
  margin-top: 4px;
  padding: 10px 0;
  border-radius: 4px;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.04);
}

.language-group.show .dropdown-menu.show .dropdown-item {
  color: #333333 !important;
  padding: 6px 15px;
}

.language-group.show .dropdown-menu.show .dropdown-item:hover,
.language-group.show .dropdown-menu.show .dropdown-item.active {
  background: #681F6E;
  color: #fff !important;
  font-weight: 600;
}

.path-scan-and-recharge, .simplified-qr-home {
  background: #F8F9FB;
}

.simplified-qr-pending {
  background: #fff;
  height: 100vh;
}

.simplified-qr-home .nav-mb {
  margin-bottom: 31px;
}

.simplified-qr-home .nav-tabs {
  flex-wrap: nowrap;
  border: solid 1px #C4C4C4;
  height: 72px;
  overflow: hidden;
  border-radius: 8px;
}

.simplified-qr-home .nav-tabs .nav-link {
  width: 99px;
  min-width: 64px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: unset;
  border-right: solid 1px #C4C4C4;
  font-size: 13px;
  color: #000;
  font-weight: 600;
  border-radius: unset;
  flex-grow: 1;
  align-content: center;
}

.simplified-qr-home .nav-tabs .nav-link .tab-label {
  line-height: 14px;
}

.lang_si .simplified-qr-home .nav-tabs .nav-link:nth-child(2) .tab-label {
  line-height: 18px;
}

.simplified-qr-home .nav-tabs .nav-link:nth-child(2) {
  font-size: 12px;
}

.simplified-qr-home .nav-tabs .nav-link:nth-child(2) .tab-label {
  width: 65px;
  margin: 0 auto;
}

.simplified-qr-home .nav-tabs .nav-link:last-child {
  border-right: unset;
}

.simplified-qr-home .nav-tabs .nav-link.active, 
.simplified-qr-home .nav-tabs .nav-item.show .nav-link {
  border: unset;
  border-right: solid 1px #C4C4C4;
  background: #646FD4;
  color: #fff;
}

.simplified-qr-home .nav-tabs .nav-link.active:last-child, 
.simplified-qr-home .nav-tabs .nav-item.show .nav-link:last-child {
  border: unset;
}

.simplified-qr-home .nav-tabs .nav-link svg {
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}

.simplified-qr-home .nav-tabs .nav-link:nth-child(2) svg {
  margin-bottom: 2px;
}

.simplified-qr-home .nav-tabs .nav-link.active svg path,
.simplified-qr-home .nav-tabs .nav-link.active rect,
.simplified-qr-home .nav-tabs .nav-link:hover svg path, 
.simplified-qr-home .nav-tabs .nav-link:hover rect, 
.simplified-qr-home .nav-tabs .nav-link:focus svg path,
.simplified-qr-home .nav-tabs .nav-link:focus rect {
  fill: #fff;
}

.simplified-qr-home .nav-tabs .nav-link:hover, 
.simplified-qr-home .nav-tabs .nav-link:focus {
  border: unset;
  border-right: solid 1px #C4C4C4;
  background: #646FD4;
  color: #ffff;
}

.simplified-qr-home .nav-tabs .nav-link:last-child:hover,
.simplified-qr-home .nav-tabs .nav-link:last-child:focus {
  border: unset;
}

.simplified-qr-home .sticky-bar {
  z-index: 2;
}

.language-modal .modal-body {
  padding: 16px 37px 24px;
}

.language-modal .modal-body .modal-title {
  margin-bottom: 12px;
}

.language-modal .modal-body .modal-lang-btn {
  background: #EEEEEE;
  border: none;
  width: 164px;
  height: 33px;
  margin-bottom: 12px;
  padding: 0;
  border-radius: 4px;
}

.language-modal .modal-body .modal-lang-btn.active .body-2 {
  font-weight: 600;
}

.language-modal .modal-dialog {
  max-width: 264px !important;
  margin: 0 auto;
}

.recent-numb-block, .recent-amount-block {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  margin-top: 9.5px;
  padding: 16px;
  background: #fff;
  border: solid 1px #E0E0E0;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}

.recent-amount-block {
  top: auto;
  bottom: 51px;
  margin-top: 0;
}

.recent-numb-block .recent-numb-list, 
.recent-amount-block .recent-numb-list {
  padding: 12px 0 14px;
}

.recent-numb-block .recent-numb-list:first-child, 
.recent-amount-block .recent-numb-list:first-child {
  padding-top: 0;
}

.recent-numb-block .recent-numb-list:last-child,  
.recent-amount-block .recent-numb-list:last-child {
  padding-bottom: 0;
}

.recent-numb-block .recent-numb-list2, 
.recent-amount-block .recent-numb-list2 {
  padding: 12px 0 14px;
}

.recent-numb-block .recent-numb-list2:first-child, 
.recent-amount-block .recent-numb-list2:first-child {
  padding-top: 0;
}

.recent-numb-block .recent-numb-list2:last-child,  
.recent-amount-block .recent-numb-list2:last-child {
  padding-bottom: 0;
}

.simplified-qr-input input {
  font-size: 18px !important;
  font-weight: 600;
  letter-spacing: 2px;
}

.simplified-qr-input input::placeholder {
  font-weight: 400;
}

.success-title {
  color: #222222;
  line-height: 24px;
}

.success-total-amount-label {
  line-height: 20px !important;
}

.success-total-amount {
  line-height: 28px !important;
}

.item-name {
  line-height: 24px !important;
}

.lob-name,
.date-time {
  line-height: 21.79px !important;
}

.sub-title {
  line-height: 24px !important;
}

.item-title {
  line-height: 19.07px !important;
}

.number-value,
.date-time-value {
  line-height: 21.79px !important;
  text-decoration: none !important;
}

.subtitle-fail {
  line-height: 24px !important;
}

.card-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  /* row-gap: 9px; */
  column-gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
}

.offer-section {
  margin-bottom: 24px;
  padding-left: 24px;
}

.card-loader {
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
  gap: 8px;
}

.offer-title,
.reloads-title {
  color: #000;
}

.skeleton-loader {
  width: 140px;
}

.tile-card {
  margin-bottom: 9px !important;
}