.material-icons {
  vertical-align: middle;
}

.btn-group-xs>.btn,
.btn-xs {
  padding: .15rem .2rem;
  font-size: .600rem !important;
  line-height: .4 !important;
  border-radius: .2rem;
}

.datepicker {
  background-color: #ffffff !important;
}

.text-uli-blue,
.text-uli-blue a,
.text-uli-blue i {
  color: #384967 !important;
}

.text-24px {
  font-size: 24px !important;
}

.text-abu {
  color: #626262 !important;
}

.text-maroon {
  color: #C71454 !important;
}

.table-maroon {
  background-color: #C71454;
  color: #FAFF00;
}

.table-dark-blue {
  background-color: #1164A5;
  color: #fff;
}

.bg-sv {
  background-color: #276DA4 !important;
  color: #fff !important;
}

.bg-maroon {
  background-color: #C71454 !important;
  color: #FAFF00 !important;
}

.bg-abu {
  background-color: #626262 !important;
  color: #fff !important;
}

.bg-hijau {
  background-color: #28B43F !important;
  color: #fff !important;
}

.opacity-50 {
  opacity: 0.5;
}

tr:hover {
  background-color: lightgray;
  cursor: pointer;
}