/* @import url(https://fonts.googleapis.com/css?family=Rubik); */
body {
  font-family: 'Rubik';
}

table thead tr th {
  background-color: #46a6f7;
  color: white;
  text-transform: uppercase;
  text-align: center;
}

.table thead tr th {
  vertical-align: middle;
}

.table>tbody>tr>td {
  vertical-align: middle;
}

.user-login-5 .login-container>.login-content {
  position: absolute;
}

.user-login-5 .login-container>.login-content {
  padding: 50px 40px;
  margin-top: 28%;
}

.text-footer {
  color: #000;
}

.user-login-5 .login-container>.login-content p {
  color: #fff;
}

.leaflet-marker-icon .leaflet-zoom-animated .leaflet-interactive .leaflet-marker-draggable {
  display: none !important;
}

.custom-alert-info {
  background-color: #f5f8fd;
  //border-color: #5b9bd1;
  border: 0px;
  color: #5b9bd1;
  border-left: 5px solid #5b9bd1;
}

.modal.fade.in {
  top: 5%;
}

.page-header.navbar {
  background: #8775a7;
  border-bottom: 1px solid #e9ecf3;
}

.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a {
  font-size: 13px;
}

#mapid {
  width: 100%;
  height: 500px;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
  padding: 0px 0px 0px;
}

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

.scroll {
  overflow-y: auto;
}

.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}

.amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}

.legend {
  line-height: 18px;
  color: #555;
}

.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.leaflet-control-container .leaflet-routing-container-hide {
  display: none;
}

/* 2024 */
.border-radius {
  border-radius: 10px !important;
}

.btn {
  border-radius: 5px !important;
}

.page-sidebar .page-sidebar-menu>li.active>a {
  background: linear-gradient(21deg, #192a56, #47a9fb) !important;
  color: #fff !important;
}

.page-sidebar-menu>li.active>a>i {
  color: #fff !important;
}

.page-sidebar {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.portlet, .dashboard-stat2, .modal, .note {
  border-radius: 10px !important;
}

.modal {
  padding-right: 0px !important;
}

.page-head .page-title {
  padding: 5px 0 18px;
}

.dashboard-stat2 .display .icon>i {
  color: rgb(255 255 255 / 50%) !important;
  font-size: 71px;
  margin-top: 23px;
}

.btn-primary-1 {
  background: #1b2a56;
}

.text-white {
  color: #fff;
}

/* .box-rotasi {
  padding-right: 10px;
  border-bottom: 705px solid transparent;
  border-right: 110px solid #ffffff;
  height: 100%;
  top: 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
} */