.card {
  background: #2c2832;
  border: none;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  margin-bottom: 20px;
}
.card-body {
  padding: 20px;
}
.card-header {
  padding: 14px 20px;
  font-weight: 600;
  border-color: var(--border-color);
}
.form-control {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 100px;
  font-size: 14px;
  color: #fff !important;
  background: #38343e !important;
  padding: 12px 24px;
  position: relative;
}
textarea.form-control {
  border-radius: 14px;
}
#toolbarContainer {
  display: none;
}
::-ms-input-placeholder {
  color: #9b9b9b !important;
}
::placeholder {
  color: #9b9b9b !important;
}
.btn {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 14px;
  border-radius: 6px;
  color: #fff;
}
.btn-primary {
  background: var(--primary) !important;
}
.table > :not(caption) > * > * {
  background: transparent;
}
table tr {
  background: transparent;
}
table.border-top {
  border-color: var(--border-color) !important;
}
table tr th,
table tr td {
  padding: 10px 18px !important;
  color: #fff !important;
  border-right: 1px solid;
  border-color: var(--border-color) !important;
}
table tr:last-child th,
table tr:last-child td {
  border-bottom: none;
}
.alert {
  padding: 11px;
}
.text-muted {
  color: #939295 !important;
}
.input-group-text {
  font-size: 14px;
  background: #3e3a44;
  border: none;
  padding: 0 18px;
  color: #fff;
}
input[type="file"].form-control:before {
  content: "Pilih File";
  position: absolute;
  left: 0;
  background: #3e3a44;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 32px;
}
.badge {
  padding: 6px 8px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 4px;
}
.owl-nav {
  display: none;
}
.owl-dots {
  text-align: center;
  margin-top: 16px;
}
.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 2px 4px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary);
}
.owl-banner .item img {
  border-radius: 10px;
}
.form-check-input:checked {
  background-color: var(--primary-2);
  border-color: var(--primary-2);
}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: none;
}
.noUi-connect {
  background: #ffcc32;
}
.noUi-target {
  border: 1px solid #dbac1e;
}