@font-face { font-family: ConcertOne; src: url('ConcertOne-Regular.ttf'); }

.font-speed {
    font-family: ConcertOne;
}

/*PAGE LOGIN */
.page-signin-style:before {
  background: linear-gradient(103deg, #ff085a, #00bba9);
}

.dark-theme .main-signin-header h2 {
  color: #fd0256;
}

.btn-main-login {
  background-color: #fd0256 !important;
  border-color: #fd0256 !important;
  color: white;
}

.btn-main-login:hover {
  background-color: #e80652 !important;
  border-color: #e80652 !important;
  color: white;
}

/*HEADER*/
.light-theme .main-header {
  background: linear-gradient(103deg, #ff085a, #e7b200) !important;
}

.main-content:after {
  background: linear-gradient(103deg, #ff085a, #e7b200) !important;
}

.main-content.horizontal-content:after {
  height: 215px;
}

.hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active {
  color: #0ba360;
  background: #c2ffe4;
}

/*TABS*/
.dark-theme .nav-tabs .nav-link {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .nav-tabs .nav-link.active {
  background-color: #1d2244 !important;
}

.dark-theme .nav-tabs .nav-link.back {
  background-color: #dedcfb !important;
}

/*PAGING*/
.pagination .page-item {
  display: flex;
}

.pagination .page-item a, .pagination .page-item span {
  color: #000;
  background-color: #e7e5f6;
  position: relative;
  border: 1px solid #dedcfb;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 38px;
  border-width: 0;
  font-weight: 500;
}

.pagination .page-item span.active {
  z-index: 1;
  border-color: #3858f9;
  background-color: #3858f9;
}

/*TABLE*/
.table .nw-w-1 {
  width: 1%;
  white-space: nowrap;
}

/*FORM*/
.control-label {
  text-align: right;
  text-transform: uppercase;
}

.help-block {
  font-size: 12px;
  color: #a2a6bf;
}

/*CARD*/
.card-header i {
  display: unset;
}

/*SWEETALERT*/
.sweet-alert {
  padding: 25px;
  width: 400px;
}

.sweet-alert .sa-button-container .cancel {
  background-color: #7987a1 !important;
}

.sweet-alert .sa-button-container .confirm {
  background-color: #f53c5b !important;
}

/*SELECT2*/
.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 4px;
}

/*DATEPICKER SELECT*/
.ui-datepicker {
  z-index: 99993 !important;
}

.ui-datepicker-year, .ui-datepicker-month {
  color: #fff;
  background-color: #333963;
  border: 1px solid rgba(226, 232, 245, 0.2);
}

/*TAGSINPUT*/
.bootstrap-tagsinput {
  background-color: #fff !important;
  min-height: 38px;
  padding: 0 0.75rem 0.375rem 0.75rem;
  border: 1px solid rgba(226, 232, 245, 0.2);
}

.bootstrap-tagsinput .badge {
  font-size: 0.875rem;
  margin-top: 0.375rem !important;
}

/*LAPOR*/
.lapor, .lapor a, .blmlapor {
  font-weight: bold;
  color: #fff;
}

.lapor {
  background: #0ba360;
  color: #fff;
}

.blmlapor {
  background: #f53c5b;
  color: #fff;
}

/*MAP*/
.leaflet-pane {
  z-index: 98 !important;
}

.leaflet-bottom, .leaflet-top {
  z-index: 98 !important;
}

.leaflet-control-attribution {
  display: none;
}

/*AMCHART*/
.amcharts-chart-div a {
  display: none !important;
}

.horizontalMenu>.horizontalMenu-list>li>a {
  padding: 15px 15px !important;
}

.sisultan-bg {
  margin-top: -50px;
  margin-left: -20px;
  margin-right: -20px;
  height: 720px;
  background-image:
    url('../../img/SIRAJA NO.jpg');
  background-size: cover;
}

.sisultan-pd {
  margin: 0;
  padding-top: 190px;
  padding-left: 140px;
}

.sisultan-title {
  color: black;
  font-size: 50px;
  color: #009486;
  letter-spacing: -4px;
  font-weight: bold;
}

.sisultan-sub {
  color: black;
  font-weight: bold;
  font-size: 14px;
}

.sisultan-text {
  margin-top: 10px;
  color: black;
}

.sisultan-btn {
  width: 100px;
  margin-top: 15px;
  border-radius: 50px;
}

.bg-gray-200 {
  background-color: #f3f3f3;
}

.nav-tabs .nav-link.active {
  background-color: #0ba360;
  color: #ffffff;
}

.table-bordered thead th, .table-bordered thead td {
  background-color: #0ba360;
  color: #fff;
  font-size: 13px;
}

.table td {
  font-size: 12px;
  color: #000;
}

.tab-pane form .card {
  box-shadow: 6px 11px 41px -28px #ffffff;
  ;
}

.table th {
  text-align: center;
}

.pagination .page-item span.active {
  color: #fff;
  border-color: #0ba360;
  background-color: #0ba360;
}

.header-img {
  background: linear-gradient(45deg, #0ba360, #65e3ab);
}