.pointer {
  cursor: pointer;
}

.nowrap {
  white-space: nowrap !important;
}

.baseline {
  vertical-align: baseline !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>th {
  padding: 8px;
  font-weight: 400;
  font-size: 13px;
}

.select2-close-mask {
  z-index: 2099;
}

.select2-dropdown {
  z-index: 3051;
}

.page-item .page-link.active {
  z-index: 3;
  color: #fff;
  background-color: #0052cc !important;
  border-color: #0052cc !important;
  height: 40px !important;
  padding: 6px !important;
  border-radius: 4px !important;
}

.btn-group.w-max {
  width: 100% !important;
}

.sm-blue a i {
  margin: 0px 5px 0 0 !important;
}

@media (min-width: 768px) {
  .sm-blue>li {
    border-left: 0px solid #172b4c;
    padding: 0 2px 0 0;
  }

  .sm-blue a {
    padding: 10px !important;
  }
}

.modal-dialog-scrollable .modal-content {
  overflow: auto !important;
}

.chartdiv {
  width: 100%;
  height: 300px;
}

/*MAP*/
#map-dashboard {
  width: 100%;
  height: 500px;
  clear: both;
  background: #75CFF0;
}

.infowindow {
  width: 400px;
  margin-bottom: 10px;
}

.infowindow thead {
  background: #996F4E;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.infowindow th {
  padding: 2px 5px;
  border: 1px solid #fff;
  width: 50%;
}

.infowindow td {
  padding: 2px 5px;
  border: 1px solid #ccc;
}

.infowindow td.col-left {
  background: #222D32;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.infowindow td.col-right {
  font-weight: bold;
  text-transform: uppercase;
}

.leaflet-popup {
  width: 460px;
}

.select-prop {
  width: 48%;
  float: left;
}

/*MAP DIV ICON*/
.leaflet-div-icon {
  background: transparent !important;
  border: 0 !important;
}

.map-div-icon {
  border-radius: 50%;
  padding: 3px;
  width: 30px;
  height: 30px;
}

.map-div-icon-beban {
  width: 37px;
  height: 37px;
}

.bg-info-green, .map-div-icon-green {
  background: #2B8638 !important;
}

.bg-info-blue, .map-div-icon-blue {
  background: #5959FF !important;
}

.bg-info-yellow, .map-div-icon-yellow {
  background: #c4c419 !important;
}

.bg-info-red, .map-div-icon-red {
  background: #FF1E00 !important;
}

.bg-info-brown, .map-div-icon-brown {
  background: #915E3B !important;
}

.bg-info-gray, .map-div-icon-gray {
  background: #7B7B7B !important;
}

.bg-info-black, .map-div-icon-black {
  background: #000 !important;
}

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

.map-div-icon-content-beban {
  padding-top: 8px;
}

.map-title {
  padding: 3px;
  color: #fff;
}

.lihat-banksampah, .lihat-sebaran-kabkota {
  display: block;
  margin: 5px 0;
}

.gis-title {
  font-weight: bold;
  text-transform: uppercase;
}

span.nama-param {
  width: 70%;
  display: inline-block;
}

.txt1 {
  font-size: 15px !important;
  font-weight: bold !important;
}

.txt2 {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.txt3 {
  font-size: 13px;
  font-weight: 300 !important;
}

.txt4 {
  font-size: 12px;
  font-weight: 100 !important;
}

.w-full {
  width: 100% !important;
}

.accordion-button:not(.collapsed) {
  background-color: #3d71cf !important;
  color: #ffff !important;
}

.border-none {
  border: none !important;
}

.accordion-button-custom:focus {
  box-shadow: none !important;
  border-radius: 7px !important;
}

.accordion-button-custom {
  box-shadow: none !important;
  border-radius: 7px !important;
}

.myAlert-top {
  position: fixed;
  top: 5px;
  left: 2%;
  width: 96%;
}

.myAlert-bottom {
  position: fixed;
  bottom: 5px;
  left: 25%;
  width: 50%;
}

@media (min-width: 1200px) {
  .modal-xxl {
    max-width: 1366px !important;
  }