.grid {
  display: inline-block;
}

.grid-row {
}

.grid-cell {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: #ffffff;
  border: 1px solid #d2d9e5;
}

.grid-cell.active {
  background: #acb7bf;
  border: 1px solid #acb7bf;
}

.colorpicker-element {
  padding: 0.78rem 1.14rem !important;
  border-radius: .25rem !important;
}

.colorpicker-2x .colorpicker-saturation {
  width: 200px;
  height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
  width: 30px;
  height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
  height: 30px;
}

.help-text ul {
  margin: 1rem;
  padding-left: 15px;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background-color: #eeeeee !important;
}

.bootstrap-datetimepicker-widget table td.active.active.disabled,
.bootstrap-datetimepicker-widget table td.active:active.disabled:hover,
.bootstrap-datetimepicker-widget table table td.active.disabled:hover.active,
.bootstrap-datetimepicker-widget table table td.active.disabled:hover:active:hover {
  color: #777777 !important;
}

.fuel-tank-icon {
  font-size: 5rem !important;
}