.bg-body {
  background: url("../img/bg-body-default.png") no-repeat top left !important;
}
.bg-body-bulan {
  background: url("../img/wpp2.png") no-repeat top left !important;
}
.bg-body-bulan50 {
  background: url("../img/wpp50.png") no-repeat top left !important;
}
.bg-body-red {
  background: url("../img/bg-body-red.png") no-repeat top left !important;
}
.bg-body-blue {
  background: url("../img/bg-body-blue.png") no-repeat top left !important;
}
.bg-body-gray {
  background: url("../img/bg-body-gray.png") no-repeat top left !important;
}
.bg-body-green {
  background: url("../img/bg-body-green.png") no-repeat top left !important;
}
.bg-body-violet {
  background: url("../img/bg-body-violet.png") no-repeat top left !important;
}
.bg-body-yellow {
  background: url("../img/bg-body-yellow.png") no-repeat top left !important;
}

.bg-card-red {
  background: url("../img/bg-card-red.png") no-repeat top left !important;
}
.bg-card-blue {
  background: url("../img/bg-card-blue.png") no-repeat top left !important;
}
.bg-card-gray {
  background: url("../img/bg-card-gray.png") no-repeat top left !important;
}
.bg-card-green {
  background: url("../img/bg-card-green.png") no-repeat top left !important;
}
.bg-card-violet {
  background: url("../img/bg-card-violet.png") no-repeat top left !important;
}
.bg-card-yellow {
  background: url("../img/bg-card-yellow.png") no-repeat top left !important;
}

.dark-1 {
  background: url("../img/bg/dark-1.png") repeat top left !important;
}
.dark-2 {
  background: url("../img/bg/dark-2.png") repeat top left !important;
}
.dark-3 {
  background: url("../img/bg/dark-3.png") repeat top left !important;
}
.dark-4 {
  background: url("../img/bg/dark-4.png") repeat top left !important;
}

.black-1 {
  background: url("../img/bg/black-1.png") repeat top left !important;
}
.black-2 {
  background: url("../img/bg/black-2.png") repeat top left !important;
}
.black-3 {
  background: url("../img/bg/black-3.png") repeat top left !important;
}
.black-4 {
  background: url("../img/bg/black-4.png") repeat top left !important;
}
.black-4h {
  background: url("../img/bg/black-4h.png") repeat top left !important;
}

.blue-1 {
  background: url("../img/bg/blue-1.png") repeat top left !important;
}
.blue-2 {
  background: url("../img/bg/blue-2.png") repeat top left !important;
}
.blue-3 {
  background: url("../img/bg/blue-3.png") repeat top left !important;
}
.blue-4 {
  background: url("../img/bg/blue-4.png") repeat top left !important;
}
.blue-4h {
  background: url("../img/bg/blue-4h.png") repeat top left !important;
}

.dodger-1 {
  background: url("../img/bg/dodger-1.png") repeat top left !important;
}
.dodger-2 {
  background: url("../img/bg/dodger-2.png") repeat top left !important;
}
.dodger-3 {
  background: url("../img/bg/dodger-3.png") repeat top left !important;
}
.dodger-4 {
  background: url("../img/bg/dodger-4.png") repeat top left !important;
}

.gray-1 {
  background: url("../img/bg/gray-1.png") repeat top left !important;
}
.gray-2 {
  background: url("../img/bg/gray-2.png") repeat top left !important;
}
.gray-3 {
  background: url("../img/bg/gray-3.png") repeat top left !important;
}
.gray-4 {
  background: url("../img/bg/gray-4.png") repeat top left !important;
}

.light-1 {
  background: url("../img/bg/light-1.png") repeat top left !important;
}
.light-2 {
  background: url("../img/bg/light-2.png") repeat top left !important;
}
.light-3 {
  background: url("../img/bg/light-3.png") repeat top left !important;
}
.light-4 {
  background: url("../img/bg/light-4.png") repeat top left !important;
}
.light-4h {
  background: url("../img/bg/light-4h.png") repeat top left !important;
}

.lime-1 {
  background: url("../img/bg/lime-1.png") repeat top left !important;
}
.lime-2 {
  background: url("../img/bg/lime-2.png") repeat top left !important;
}
.lime-3 {
  background: url("../img/bg/lime-3.png") repeat top left !important;
}
.lime-4 {
  background: url("../img/bg/lime-4.png") repeat top left !important;
}

.red-1 {
  background: url("../img/bg/red-1.png") repeat top left !important;
}
.red-2 {
  background: url("../img/bg/red-2.png") repeat top left !important;
}
.red-3 {
  background: url("../img/bg/red-3.png") repeat top left !important;
}
.red-4 {
  background: url("../img/bg/red-4.png") repeat top left !important;
}

.white-1 {
  background: url("../img/bg/white-1.png") repeat top left !important;
}
.white-2 {
  background: url("../img/bg/white-2.png") repeat top left !important;
}
.white-3 {
  background: url("../img/bg/white-3.png") repeat top left !important;
}
.white-4 {
  background: url("../img/bg/white-4.png") repeat top left !important;
}
.white-4h {
  background: url("../img/bg/white-4h.png") repeat top left !important;
}

.yellow-1 {
  background: url("../img/bg/yellow-1.png") repeat top left !important;
}
.yellow-2 {
  background: url("../img/bg/yellow-2.png") repeat top left !important;
}
.yellow-3 {
  background: url("../img/bg/yellow-3.png") repeat top left !important;
}
.yellow-4 {
  background: url("../img/bg/yellow-4.png") repeat top left !important;
}
.yellow-4h {
  background: url("../img/bg/yellow-4h.png") repeat top left !important;
}

.asin-1 {
  background: url("../img/bg/asin-1.png") repeat top left !important;
}
.asin-2 {
  background: url("../img/bg/asin-2.png") repeat top left !important;
}
.asin-3 {
  background: url("../img/bg/asin-3.png") repeat top left !important;
}
.asin-4 {
  background: url("../img/bg/asin-4.png") repeat top left !important;
}
.asin-4h {
  background: url("../img/bg/asin-4h.png") repeat top left !important;
}

.brown-1 {
  background: url("../img/bg/brown-1.png") repeat top left !important;
}
.brown-2 {
  background: url("../img/bg/brown-2.png") repeat top left !important;
}
.brown-3 {
  background: url("../img/bg/brown-3.png") repeat top left !important;
}
.brown-4 {
  background: url("../img/bg/brown-4.png") repeat top left !important;
}

.bg-head-container-white {
  background: url("../img/bg/white-4.png") repeat top left !important;
  color: #343a40;
}
.bg-head-container-light {
  background: url("../img/bg/light-4.png") repeat top left !important;
  color: #343a40;
}
.bg-head-container-blue {
  background: url("../img/bg/blue-4.png") repeat top left !important;
  color: #343a40;
}
.bg-head-container-asin {
  background: url("../img/bg/asin-4.png") repeat top left !important;
  color: #343a40;
}
.bg-head-container-red {
  background: url("../img/bg/red-4.png") repeat top left !important;
  color: #343a40;
}
.bg-head-container-yellow {
  background: url("../img/bg/yellow-4.png") repeat top left !important;
  color: #343a40;
}
.bg-head-container-lime {
  background: url("../img/bg/lime-4.png") repeat top left !important;
  color: #343a40;
}

.bg-head-container-gray {
  background: url("../img/bg/gray-4.png") repeat top left !important;
  color: #f8f9fa;
}
.bg-head-container-dodger {
  background: url("../img/bg/dodger-4.png") repeat top left !important;
  color: #f8f9fa;
}
.bg-head-container-brown {
  background: url("../img/bg/brown-4.png") repeat top left !important;
  color: #f8f9fa;
}
.bg-head-container-black {
  background: url("../img/bg/black-4.png") repeat top left !important;
  color: #f8f9fa;
}

.thead-0 {
  background: url("../img/thead/thead-0.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-1 {
  background: url("../img/thead/thead-1.png") repeat top left !important;
  color: #343a40;
}
.thead-2 {
  background: url("../img/thead/thead-2.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-3 {
  background: url("../img/thead/thead-3.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-4 {
  background: url("../img/thead/thead-4.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-5 {
  background: url("../img/thead/thead-5.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-6 {
  background: url("../img/thead/thead-6.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-7 {
  background: url("../img/thead/thead-7.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-8 {
  background: url("../img/thead/thead-8.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-9 {
  background: url("../img/thead/thead-9.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-10 {
  background: url("../img/thead/thead-10.png") repeat top left !important;
  color: #343a40;
}
.thead-11 {
  background: url("../img/thead/thead-11.png") repeat top left !important;
  color: #343a40;
}
.thead-12 {
  background: url("../img/thead/thead-12.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-13 {
  background: url("../img/thead/thead-13.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-14 {
  background: url("../img/thead/thead-14.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-15 {
  background: url("../img/thead/thead-15.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-16 {
  background: url("../img/thead/thead-16.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-17 {
  background: url("../img/thead/thead-17.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-18 {
  background: url("../img/thead/thead-18.png") repeat top left !important;
  color: #f8f9fa;
}

.thead-0-tr {
  background: url("../img/thead/thead-0-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-1-tr {
  background: url("../img/thead/thead-1-tr.png") repeat top left !important;
  color: #343a40;
}
.thead-2-tr {
  background: url("../img/thead/thead-2-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-3-tr {
  background: url("../img/thead/thead-3-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-4-tr {
  background: url("../img/thead/thead-4-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-5-tr {
  background: url("../img/thead/thead-5-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-6-tr {
  background: url("../img/thead/thead-6-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-7-tr {
  background: url("../img/thead/thead-7-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-8-tr {
  background: url("../img/thead/thead-8-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-9-tr {
  background: url("../img/thead/thead-9-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-10-tr {
  background: url("../img/thead/thead-10-tr.png") repeat top left !important;
  color: #343a40;
}
.thead-11-tr {
  background: url("../img/thead/thead-11-tr.png") repeat top left !important;
  color: #343a40;
}
.thead-12-tr {
  background: url("../img/thead/thead-12-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-13-tr {
  background: url("../img/thead/thead-13-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-14-tr {
  background: url("../img/thead/thead-14-tr.png") repeat top left !important;
  color: #f8f9fa;
}
.thead-15-tr {
  background: url("../img/thead/thead-15-tr.png") repeat top left !important;
  color: #f8f9fa;
}

.c-biru {
  background: url("../img/c_biru.png") no-repeat top left !important;
}
.c-gray {
  background: url("../img/c_gray.png") no-repeat top left !important;
}
.c-hijau {
  background: url("../img/c_hijau.png") no-repeat top left !important;
}
.c-kuning {
  background: url("../img/c_kuning.png") no-repeat top left !important;
}
.c-lime {
  background: url("../img/c_lime.png") no-repeat top left !important;
}
.c-merah {
  background: url("../img/c_merah.png") no-repeat top left !important;
}
.c-pink {
  background: url("../img/c_pink.png") no-repeat top left !important;
}
.c-primary {
  background: url("../img/c_primary.png") no-repeat top left !important;
}
.c-putih {
  background: url("../img/c_putih.png") no-repeat top left !important;
}
.c-putih:hover {
  background: url("../img/c_kuning.png") no-repeat top left !important;
}