/* Container untuk progress bar dan teks */
.progress-container-wrapper {
  display: flex;
  align-items: center;
}

/* Container untuk progress bar */
.progress-container {
  width: 30px; /* Ukuran lingkaran */
  height: 30px;
  border-radius: 50%; /* Membuat lingkaran */
  border: 5px solid #e0e0e0; /* Warna latar belakang lingkaran */
  position: relative;
  animation: rotate 2s linear infinite; /* Animasi putar */
}

/* Lingkaran yang bergerak */
.progress-bar {
  width: 100%;
  height: 100%;
  border-radius: 50%; /* Membuat lingkaran */
  border: 5px solid transparent; /* Membuat lingkaran transparan */
  border-top: 5px solid #4caf50; /* Warna progress bar */
  position: absolute;
  top: 0;
  left: 0;
  animation: spin 2s linear infinite; /* Animasi berputar */
}

/* Animasi putar seluruh container */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Animasi untuk progress bar berputar */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.loading-text {
  margin-left: 10px;
  font-size: 16px;
  color: #ffffff; 
}

.hide {
    display:none;
}

.swal-popup-custom-title {
  font-size: 16px; /* Atur ukuran font sesuai kebutuhan */
  font-weight: bold; /* Jika diperlukan */
  color: #ffffff; /* Atur warna sesuai kebutuhan */
}

.swal-popup-custom {
  max-width: 90%; /* Sesuaikan lebar popup jika title panjang */
  justify-content: center; /* Center secara horizontal (opsional) */
  align-items: center;
   scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; 
  background-color:orange;
}

.swal-toast-custom-title-container {
  display: flex;
  white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis;
  justify-content: center; /* Center secara horizontal (opsional) */
  align-items: center;
}

.swal-toast-custom-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px; /* Beri jarak antara icon dan title */
}

.swal-toast-custom-title {
  font-size: 16px; /* Atur ukuran font sesuai kebutuhan */
  font-weight: bold; /* Jika diperlukan */
  color: #ffffff; /* Atur warna sesuai kebutuhan */
  text-overflow: ellipsis;
   scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; 
  display:block;
}

.swal-toast-custom-text {
  font-size: 12px; /* Atur ukuran font sesuai kebutuhan */  
  color: #ffffff; /* Atur warna sesuai kebutuhan */
  text-overflow: ellipsis;
   scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; 
  display:block;
}

.swal-toast-custom {
  max-width: 90%; /* Sesuaikan lebar popup jika title panjang */
   scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; 
}

.cart-item-title {
  color: #ffffff;
  font-size: 14px;
  background-color:orange;
  width:100%;
  padding: 8px;
}

.cart-item-summary {
  color: #ffffff;
  font-size: 20px;
}

.cart-item-grand-total {
  color: white;
  font-size: 20px;
}