.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 : #4c0084 !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;
}

.btn-theme {
  background-color: #51018a !important;
  color: #fff !important;
}

.btn-theme:hover {
  background-color: #6100a7 !important;
}

.btn-outline-theme {
    color: #51018a !important;
    border-color: #51018a !important;
}

.btn-outline-theme:hover {
    color: #fff !important;
    background-color: #51018a !important;
    border-color: #51018a !important;
}

.bg-kuning {
  background-color: #ffd100 !important;
}