body{
	background: #f0f1f5;
	color: #e9f2ff;
}
header {
	background: #466ad5;
}

footer {
    background: #466ad5;
}

.current-antrian {
	background: #6f6fa6;
}

.current-antrian-title, .current-antrian-tujuan {
	/* font-weight: bold; */
}

.box-antrian-body {
	background: #fbddb1;
}

/* .box-antrian-header {
	background: #f7d39f;
    border-bottom: 1px solid #ffcc82;
} */

.box-antrian:nth-child(1) .box-antrian-header {
	background: #9e26fb;
	border-color: #9e26fb;
}

.box-antrian:nth-child(1) .box-antrian-body {
	background: #a838ff;
}

.box-antrian.green .box-antrian-header {
	background: #00be7a;
    border-color: #00c67f;
}

.box-antrian.green .box-antrian-body {
	background: #00cf85;
}

.box-antrian:nth-child(3) .box-antrian-header {
	background: #e63f48;
    border-color: #f55961;
}

.box-antrian:nth-child(3) .box-antrian-body {
	background: #ee4e57;
}

.box-antrian:nth-child(4) .box-antrian-header {
	background: #308ded;
    border-color: #278cf5;
}

.box-antrian:nth-child(4) .box-antrian-body {
	background: #3699ff;
}

.box-antrian.purple .box-antrian-header {
	background: #ec8431;
    border-color: #e87c25
}

.box-antrian.purple .box-antrian-body {
	background: #ff9541;
}


.ambil-antrian:nth-child(1) {
	background: #9e26fb;
}

.ambil-antrian.green {
	background: #00cf85;
}

.ambil-antrian:nth-child(3) {
	background: #ee4e57;
}

.ambil-antrian:nth-child(4) {
	background: #308ded;
}

.ambil-antrian.purple {
	background: #ff9541;
}
.small-item .current-antrian {
    background: #566495;
}
.small-item .box-antrian-body {
	color: #FFFFFF;
}

/* Ambil Antrian Blue */
button.btn-ambil-antrian-small.blue {
	background: #d9e8fc;
	border: 1px solid #a7ceeb;
}
button.btn-ambil-antrian-small.blue .badge-jumlah-antrian {
    background-color: #499cee !important;
    border: 1px solid #2484e3;
	color: #FFFFFF;
}

button.btn-ambil-antrian-small.blue .badge-sisa-antrian {
    background-color: #bedeff !important;
    border: 1px solid #8dc6fe;
	color: #13215e;
}
button.btn-ambil-antrian-small.blue:hover {
    background: #519ef3 !important;
}

button.btn-ambil-antrian-small.blue:hover .badge-jumlah-antrian {
	background-color: #2d7bc8 !important;
	border: 1px solid #0c6ccb;
}
button.btn-ambil-antrian-small.blue:hover .badge-sisa-antrian {
	/* background-color: #ffcd82 !important */
}

/* Ambil Antrian Green */
button.btn-ambil-antrian-small.green {
	background: #daffce;
    border: 1px solid #9edaa3;
}

button.btn-ambil-antrian-small.green .badge-jumlah-antrian {
    background-color: #5dcd65 !important;
    border: 1px solid #60bc4f;
    color: #ffffff;
}

button.btn-ambil-antrian-small.green .badge-sisa-antrian {
	background-color: #d8f6db !important;
    border: 1px solid #6dc179;
    color: green;
}
button.btn-ambil-antrian-small.green:hover {
    background: #63ce69 !important;
}

button.btn-ambil-antrian-small.green:hover .badge-jumlah-antrian {
	background-color: #2aa734 !important;
	border: 1px solid #2c9a34;
}
button.btn-ambil-antrian-small.green:hover .badge-sisa-antrian {
	background-color: #b8e9be !important;
}
/* Ambil Antrian Red */
button.btn-ambil-antrian-small.red {
	background: #ffd8d8;
	border: 1px solid #edb8b8;
}

button.btn-ambil-antrian-small.red .badge-jumlah-antrian {
    background-color: #ff5e5e !important;
    border: 1px solid #e16161;
	color: #ffffff;
}

button.btn-ambil-antrian-small.red .badge-sisa-antrian {
	background-color: #ffdede !important;
    border: 1px solid #ffa1a1;
	color: #7a2f2f;
}
button.btn-ambil-antrian-small.red:hover {
    background: #ff5050 !important;
}

button.btn-ambil-antrian-small.red:hover .badge-jumlah-antrian {
	background-color: #e61d1d !important;
	border: 1px solid #d41010;
}
button.btn-ambil-antrian-small.red:hover .badge-sisa-antrian {
	background-color: #ffa2a2 !important;
}
/* Ambil Antrian Grey */
button.btn-ambil-antrian-small.grey {
	background: #e3e5e9;
    border: 1px solid #bfc1ca;
}

button.btn-ambil-antrian-small.grey .badge-jumlah-antrian {
	background-color: #989dac !important;
    border: 1px solid #949494;
	color: #ffffff;
}

button.btn-ambil-antrian-small.grey .badge-sisa-antrian {
	background-color: #dfdfdf !important;
    border: 1px solid #bdbec2;
    color: #53575e;
}
button.btn-ambil-antrian-small.grey:hover {
    /* background: #06c806 !important; */
    background: #a1a6b4 !important;
}
button.btn-ambil-antrian-small.grey:hover .badge-sisa-antrian {
	background-color: #ced1d7 !important;
    border: 1px solid #9a9daa;
}
button.btn-ambil-antrian-small.grey:hover .badge-jumlah-antrian {
    background-color: #7f8596 !important;
    border: 1px solid #757887;
    color: #ffffff;
}
/* Ambil Antrian Purple */
button.btn-ambil-antrian-small.purple {
	background: #e3d9ff;
    border: 1px solid #c6bddf;
}

button.btn-ambil-antrian-small.purple .badge-jumlah-antrian {
	background-color: #957eda !important;
	border: #957eda !important;
	color: #ffffff;
}

button.btn-ambil-antrian-small.purple .badge-sisa-antrian {
	background-color: #d8cbff !important;
	border: 1px solid #b5a4eb;
	color: #4c3d7a;
}
button.btn-ambil-antrian-small.purple:hover {
    /* background: #06c806 !important; */
    background: #846bd0 !important;
}

button.btn-ambil-antrian-small.purple:hover .badge-jumlah-antrian {
	background-color: #634da7 !important;
    border: 1px solid #5a4599;
}
button.btn-ambil-antrian-small.purple:hover .badge-sisa-antrian {
	background-color: #cfc0ff !important;
}
/* Ambil Antrian #6 Orange */
button.btn-ambil-antrian-small.orange {
    background: #ffe8c7;
    border: 1px solid #ffd394;
}

button.btn-ambil-antrian-small.orange .badge-jumlah-antrian {
    background-color: #ffb74c !important;
    border: 1px solid #fba527;
	color: #ffffff;
}

button.btn-ambil-antrian-small.orange .badge-sisa-antrian {
	background-color: #ffdfb1 !important;
	border: 1px solid #e9bc7a;
	color: #74501b;
}
button.btn-ambil-antrian-small.orange:hover {
    background: #ffba54 !important;
}

button.btn-ambil-antrian-small.orange:hover .badge-jumlah-antrian {
	background-color: #f49200 !important;
	border: 1px solid #ec8d00;
}
button.btn-ambil-antrian-small.orange:hover .badge-sisa-antrian {
	background-color: #ffd9a3 !important;
}
/* Ambil Antrian #7 Yellow */
button.btn-ambil-antrian-small.yellow {
    background: #fff3be;
    border: 1px solid #ffde4a;
}

button.btn-ambil-antrian-small.yellow .badge-jumlah-antrian {
    background-color: #fccf0e !important;
    border: 1px solid #e7be0f;
	color: #ffffff;
}

button.btn-ambil-antrian-small.yellow .badge-sisa-antrian {
	background-color: #ffeda0 !important;
    border: 1px solid #ffdb45;
    color: #746b1b;
}
button.btn-ambil-antrian-small.yellow:hover {
    background: #fde771 !important;
}

button.btn-ambil-antrian-small.yellow:hover .badge-jumlah-antrian {
	background-color: #f7d100 !important;
    border: 1px solid #ebc600;
}
button.btn-ambil-antrian-small.yellow:hover .badge-sisa-antrian {
	background-color: #fff3b1 !important;
	border: 1px solid #f6d83b;
}
/* Ambil Antrian Blue Soft */
button.btn-ambil-antrian-small.blue-soft {
    background: #d7e3ed;
    border: 1px solid #bbcbd8;
}

button.btn-ambil-antrian-small.blue-soft .badge-jumlah-antrian {
	background-color: #6897be !important;
    border: 1px solid #5a85a8;
	color: #ffffff;
}

button.btn-ambil-antrian-small.blue-soft .badge-sisa-antrian {
	background-color: #c8d8e5 !important;
    border: 1px solid #b8cad8;
    color: #2a465c;
}
button.btn-ambil-antrian-small.blue-soft:hover {
    background: #90a5b5 !important;
}

button.btn-ambil-antrian-small.blue-soft:hover .badge-jumlah-antrian {
	background-color: #617a8e !important;
    border: 1px solid #59778f;
}
button.btn-ambil-antrian-small.blue-soft:hover .badge-sisa-antrian {
	background-color: #c8d8e5 !important;
    border: 1px solid #b8cad8;
}
/* Ambil Antrian Brown */
button.btn-ambil-antrian-small.brown {
	background: #e7e2d4;
    border: 1px solid #d2ccbd;
}

button.btn-ambil-antrian-small.brown .badge-jumlah-antrian {
	background-color: #beb6a3 !important;
    border: 1px solid #b2aa94;
    color: #ffffff;
}

button.btn-ambil-antrian-small.brown .badge-sisa-antrian {
	background-color: #ded5c0 !important;
    border: 1px solid #bcb5a6;
    color: #524a38;
}
button.btn-ambil-antrian-small.brown:hover {
    background: #beb49d !important;
}

button.btn-ambil-antrian-small.brown:hover .badge-jumlah-antrian {
    background-color: #978c72 !important;
    border: 1px solid #8b826a;
}
button.btn-ambil-antrian-small.brown:hover .badge-sisa-antrian {
	background-color: #ded5c0 !important;
    border: 1px solid #bcb5a6;
    color: #524a38;
}
/* Ambil Antrian Green Soft */
button.btn-ambil-antrian-small.green-soft {
    background: #d4e7d6;
    border: 1px solid #b9d5bc;
}

button.btn-ambil-antrian-small.green-soft .badge-jumlah-antrian {
	background-color: #8bb08f !important;
	border: 1px solid #87a38a;
    color: #ffffff;
}

button.btn-ambil-antrian-small.green-soft .badge-sisa-antrian {
	background-color: #b8d6bb !important;
    border: 1px solid #aacaad;
    color: #37513a;
}
button.btn-ambil-antrian-small.green-soft:hover {
    background: #8fbd94 !important;
}

button.btn-ambil-antrian-small.green-soft:hover .badge-jumlah-antrian {
    background-color: #5d8161 !important;
    border: 1px solid #547c59;
}
button.btn-ambil-antrian-small.green-soft:hover .badge-sisa-antrian {
    background-color: #b8d6bb !important;
    border: 1px solid #88ae8b;
    color: #524a38;
}
/* Ambil Antrian Pink */
button.btn-ambil-antrian-small.pink {
	background: #ffd1fd;
    border: 1px solid #ffb0fb;
}

button.btn-ambil-antrian-small.pink .badge-jumlah-antrian {
	background-color: #e04cda !important;
	border: 1px solid #cb38c5;
	color: #ffffff;
}

button.btn-ambil-antrian-small.pink .badge-sisa-antrian {
   /*  background-color: #e2c3e0 !important;
    border: 1px solid #cbaac9;
    color: #4b3149; */
	background-color: #fdb4fa !important;
    border: 1px solid #f391ef;
    color: #4b3149;
}
button.btn-ambil-antrian-small.pink:hover {
    background: #f178eb !important;
}

button.btn-ambil-antrian-small.pink:hover .badge-jumlah-antrian {
    background-color: #d417cb !important;
    border: 1px solid #b313ab;
}
button.btn-ambil-antrian-small.pink:hover .badge-sisa-antrian {
    background-color: #f8b3f5 !important;
    border: 1px solid #d14bcb;
    color: #510d4e;
}
/* Ambil Antrian Sage */
button.btn-ambil-antrian-small.sage {
	background: #e1e7d5;
	border: 1px solid #cad2bc;
}

button.btn-ambil-antrian-small.sage .badge-jumlah-antrian {
	background-color: #9ea68c !important;
	border: 1px solid #939986;
	color: #ffffff;
}

button.btn-ambil-antrian-small.sage .badge-sisa-antrian {
	background-color: #ced6bd !important;
    border: 1px solid #bdc8a7;
    color: #3d4727;
}
button.btn-ambil-antrian-small.sage:hover {
    background: #aabf82 !important;
}

button.btn-ambil-antrian-small.sage:hover .badge-jumlah-antrian {
	background-color: #708647 !important;
	border: 1px solid #647a3b;
}
button.btn-ambil-antrian-small.sage:hover .badge-sisa-antrian {
	background-color: #ced4c1 !important;
	border: 1px solid #b4c09c;
	color: #4f5a38;
}
/* Monitor Antrian Online */
.monitor-antrian-online .content-container {
	background: #3b5bba;
}
/* .table-striped>tbody>tr:nth-of-type(odd)>* {
	background-color: #fff6ea;
    --bs-table-bg-type: none;
}
.table-hover>tbody>tr:hover>* {
    --bs-table-bg-state: #fff0d7;
}
.table {
	border-color: #e6e3dd;
} */
/** Sisa antrian */
.badge-group-sisa-antrian span:first-child {
	background-color: #ebd6ff;
	color: #433353;
	border-top: 1px solid #c5a7e1;
	border-left: 1px solid #c5a7e1;
	border-bottom: 1px solid #c5a7e1;
}
.badge-group-antrian-dipanggil span:first-child {
	background-color: #ccffd9;
    color: #24412b;
    border-top: 1px solid #7ac58d;
    border-left: 1px solid #7ac58d;
    border-bottom: 1px solid #7ac58d;
}
.badge-group-sisa-antrian span:last-child {
    background: #9f76c6;
    color: #FFFFFF;
}
.badge-group-antrian-dipanggil span:last-child {
	background: #3fb618;
    color: #FFFFFF;
}
/** Antrian Dipanggil */
.antrian-dipanggil {
	background: #d9ceff;
    border: 1px solid #c4b9ea;
    color: #363243;
}
.sisa-antrian {
	background: #c6e1ff;
	border: 1px solid #8cc6ff;
	color: #32383e;
}
.jml-antrian {
	background: #c9f7d3;
	border: 1px solid #9ae39f;
	color: #323e33;
}