.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;
}

.btn {  
  border-radius: 10px;
}

/* Button dark blue */

.btn-dark-blue {
  color: #fff;
  background-color: #1C2E65;
  border-color: #0F4567;
}

.btn-dark-blue:hover {
  color: #fff;
  background-color: #0b3148;
  border-color: #0062cc;
}

.btn-dark-blue:focus, .btn-dark-blue.focus {
  color: #fff;
  background-color: #1C2E65;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* Button pale green */

.btn-pale-green {
  color: #fff;
  background-color: #82B83C;
  border-color: #82b83c;
}

.btn-pale-green:hover {
  color: #fff;
  background-color: #669030;
  border-color: #98d746;
}

.btn-pale-green:focus, .btn-pale-green.focus {
  color: #fff;
  background-color: #82B83C;
  border-color: #98d746;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* Button Template */

.btn-template {
  color: #000;
  background-color: #A9AFD1;
  border-color: #7C809B;
}

.btn-template:hover {
  color: #000;
  background-color: #A1CDF4;
  border-color: #7C809B;
}

.btn-template:focus, .btn-template.focus {
  color: #000;
  background-color: #A1CDF4;
  border-color: #7C809B;
  box-shadow: 0 0 0 0.2rem rgba(124, 128, 155, 0.5);
}

/* Radius Line Selection */
#line-selection {
  border-radius: 10px;
}

/* Btn filter */
.btn-filter {
  background-color: transparent;
  border-color: #669030;
}

/* Styling Generated Product Entry */
#header-info {
  font-weight: 700;
}

.header-info > h6 {
  margin-bottom: 0px !important;
}

.info-content > p {
  margin-bottom: 0px !important;
  
}

.text-dark-blue {
  color: #1C2E65 !important;
}