/*your custom css goes here*/ 
/*your custom css goes here*/ 
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");
.slick-slide.selected {
  background-color: #fff;
}
.conten-tab {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}

.tab-input {
    display: none;
}

.tab-label {
    display: inline-block;
    position: relative;
    margin: 0 0 -1px;
    padding: 10px 15px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
}

.tab-label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 4px;
}

.tab-label[for*='_packed']:before {
  content: '\f06b';
}

.tab-label[for*='_sent']:before {
  content: '\f0d1';
}

.tab-label[for*='_finished']:before {
  content: '\f4ce';
}

.tab-label[for*='_unpaid']:before {
  content: '\f555';
}

.tab-label[for*='_workout']:before {
  content: '\f44b';
}

.tab-label[for*='_available']:before {
  content: '\f145';
}

.tab-label[for*='_done']:before {
  content: '\f14a';
}

.tab-label[for*='_cancel']:before {
  content: '\f00d';
}

.tab-label[for*='_return']:before {
  content: '\f3e5';
}

.tab-label[for*='_expired']:before {
  content: '\f273';
}

.tab-label:before {
    font-family: fontawesome;
    font-weight: normal;
}

.tab-label:hover {
    color: #888;
    cursor: pointer;
}

.tab-input:checked + label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 2px solid #fff;
}

#tab_unpaid:checked ~ #unpaid,
#tab_packed:checked ~ #packed,
#tab_sent:checked ~ #sent,
#tab_finished:checked ~ #finished,
#tab_workout:checked ~ #workout,
#tab_available:checked ~ #available,
#tab_done:checked ~ #done,
#tab_expired:checked ~ #expired,
#tab_cancel:checked ~ #cancel,
#tab_return:checked ~ #return {
    display: block;
}

@media screen and (max-width: 650px) {
    .tab-label {
        font-size: 0;
    }

    .tab-label:before {
        margin: 0;
        font-size: 18px;
    }
}
@media screen and (max-width: 400px) {
    .tab-label {
        padding: 15px;
    }
}

.loading-page {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 99;
}
.loading-page span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #09d;
	margin: 8px;
  z-index: 999;
}

.loading-page span {
	animation: bounce .6s cubic-bezier(0.6,0.1,1,0.4);
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.loading-page span:nth-child(1) {
	animation-delay: .1s;
}

.loading-page span:nth-child(2) {
	animation-delay: .2s;
}

.loading-page span:nth-child(3) {
	animation-delay: .3s;
}

@keyframes bounce {
	to {
		transform: translateY(50px);
	}
}

/* Style untuk radio button yang AKTIF */
input[type="radio"]:not(:disabled) + .aiz-megabox-elem {
    cursor: pointer;
    opacity: 1;
}

/* Style untuk radio button yang DISABLED */
input[type="radio"]:disabled + .aiz-megabox-elem {
    background-color: #f5f5f5; /* contoh warna abu-abu */
    color: #999; /* teks jadi abu-abu */
    cursor: not-allowed;
    opacity: 0.6;
}