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

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

.table-ivory {
  background-color: ivory;
  color: #fff;
}

@keyframes ripple {
  0%   {background-color:#F8F9FA;}
  25%  {background-color:#66ccff;}
  50%  {background-color:#F8F9FA;}
  75%  {background-color:#66ccff;}
  100% {background-color:#F8F9FA;}
}

.bg-blink {
  animation-name: ripple;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes ripple2 {
  0%   {background-color:#F8F9FA;}
  25%  {background-color:#d9534f;}
  50%  {background-color:#F8F9FA;}
  75%  {background-color:#d9534f;}
  100% {background-color:#F8F9FA;}
}

.bg-red-blink {
  animation-name: ripple2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

.bg-amber {
  background-color: #ff9933 !important;
  color: #000 !important;
}

.bg-ivory {
  background-color: ivory !important;
  color: #000 !important;
}

.bg-yellow {
  background-color: #ffff00 !important;
  color: #000 !important;
}

.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-dark-blue {
  color: #fff;
  background-color: #4e6999;
  border-color: #4e6999;
}

.btn-dark-blue-outlined {
  color: #4e6999;
  background-color: #fff;
  border-color: #4e6999;
}

.btn-dark-blue-outlined:hover {
  color: #fff;
  background-color: #4e6999;
  border-color: #4e6999;
}

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

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

.btn-lg {
  color: #fff;
  background-color: #4e6999;
  border-color: #4e6999;
  border-radius: 10px;
}

#header-info {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-left: 1rem;
  font-weight: 700;
  font-size: 14px !important;
}

#header-info-item {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

#row-header {
  background-color: #e4e4e4;
}

.toggle-header {
  margin-left: -15px;
}

#item-info {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-weight: 700;
  font-size: 14px !important;
}

#info-item {
  margin-top: 1.5rem;
}

#item-info-button {
  margin-top: 5px;
  margin-left: -15px;
}

#checked-item {
  margin-top: 0.75rem;
}

#checkbox-info {
  margin-top: 1rem !important;
}

#checkbox {
  margin-left: -15px;
}

#remarks {
  margin-bottom: 0.25rem;
}

/*.toggle {
  margin-top: 0.5rem;
}*/

.remarks {
  margin-top: 0.5rem;
}

.checks {
  margin-top: 0.75rem;
}

.checkbox-table {
  margin-right: 1.75rem;
}
#field-lainnya {
  margin-left: -15px;
}

.table-item {
  background-color: #f5f5f5;
}

#btn-preventive {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

#btn-messages {
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
}

#btn-ng {
  padding-left: 1.1rem !important;
  padding-right: 1.1rem !important;
}

#btn-detail {
  padding-left: 3.1rem !important;
  padding-right: 3.1rem !important;
}

.hidden {
  display: none !important;
}