.horizontalMenucontainer .main-header.hor-header,
.main-content:after,
.header-img {
  background: linear-gradient(45deg, #143a7e, #60efff) !important;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: "/";
}

.main-header-right .dropdown-menu:after {
  border-bottom: 9px solid #60efff;
}

.table>thead>tr>th {
  color: #ffffff;
  background: #296ca2;
  text-align: center;
  line-height: 1.4;
  font-size: 12px;
  vertical-align: middle;
  padding: 9px 15px;
  border: 1px solid #ffffff;
}

.table>tbody>tr>td {
  line-height: 1.4;
  font-size: 12px;
  font-weight: 400;
}

.table .text-nowrap {
  width: 1% !important;
  white-space: nowrap;
}

.page-link {
  color: #3858f9;
  margin-left: 2px;
}

.page-link.active {
  color: #ffffff !important;
  background: #3858f9;
}

.formError {
  margin-top: 10px !important;
  color: #f53c5b;
}

.ui-datepicker {
  z-index: 99992 !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  border: 1px solid #dedcfb;
  padding: 0.2rem 0.7rem;
  text-transform: uppercase;
  color: #746d94;
  font-weight: 700;
  font-size: 13px;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
  background-color: #f6f5ff;
  color: #031b4e;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover {
  background-color: #296ca2;
  color: #fff;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a.ui-state-default.ui-state-active {
  background-color: #296ca2;
  color: #fff;
}

.ui-datepicker .ui-datepicker-calendar a.ui-state-default:hover {
  background-color: #296ca2;
  color: #fff;
}

.bg-login {
  background: url('../img/bg-login.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.btn-login {
  background: #1c85bf;
}

.btn-sm-icon {
  line-height: 0;
  font-size: .7rem;
  padding: 0.2rem 0.2rem;
}

.btn-sm-icon i {
  line-height: .95;
  font-size: .95rem;
}

.sweet-alert button.cancel {
  background-color: #C1C1C1 !important;
  color: #3b4863;
}

.sweet-alert p {
  color: #3b4863;
}

.leaflet-div-icon {
  background: none;
  border: none;
}

.map-div-icon-primary {
  background: #3858f9;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.map-div-icon-secondary {
  background: #7987A1;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.map-div-icon-warning {
  background: #FFC107;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.map-div-icon-danger {
  background: #F53C5B;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.map-div-icon-iklh {
  background: #24C6DC;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.map-div-icon-count {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 7px;
  font-size: 10px;
}

.tx-iklh {
  color: #24C6DC;
}

.badge-iklh {
  background: #24C6DC;
  color: #FFFFFF;
}