@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, #0ba360, #D46303) !important;
  /* background: linear-gradient(103deg, #0ba360, #0f7881) !important; */
}

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

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

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

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

.main-header-profile h6 {
  font-size: 14px;
}

.main-content:after {
  /* background: linear-gradient(103deg, #0ba360, #D46303) !important; */
  background: linear-gradient(103deg, #0ba360, #0f7881) !important;
}

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

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

a.disabled {
  color: #7987a1 !important;
  pointer-events: none;
  background-color: transparent;
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a,
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
  text-transform: uppercase !important;
  font-size: 12px !important;
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
  min-width: 350px;
}

.main-footer .container-fluid {
  /* background: linear-gradient(103deg, #0ba360, #D46303) !important; */
  background: linear-gradient(103deg, #0ba360, #0f7881) !important;
  color: #fff;
}

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

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

.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: #0ba360 !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 rgb(222 220 251);
}

.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: #0ba360;
  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 {
  text-transform: uppercase;
}

.nav-tabs .nav-link.active {
  text-transform: uppercase;
  border-width: 1px;
  color: #0ba360;
}

.table-bordered thead th, .table-bordered thead td {
  background-color: #0ba360;
  color: #fff;
  padding: 6px 4px 6px;
  font-size: 12px;
  font-weight: 400;
  vertical-align: middle;
}

.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, #D46303);
}

.bd-x-0 {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}

.accordion .card-header a {
  font-weight: 400;
  font-size: 12px;
}

.select2 {
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 26px;
  height: 36px;
  background: #fff;
}

.select2-container.select2-container--default.select2-container--open {
  z-index: 99999;
}

.wizard>.content {
  padding: .25rem;
}

.help-block {
  text-transform: uppercase;
}