html {
  background: transparent !important;
}

body {
  font-family: "Rubik", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.iku-logo {
  font-size: 125px;
  background: -webkit-linear-gradient(#b2e9ff, #0e80ba);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.modal-content {
  border-radius: 10px;
}

.bg-primary-1 {
  background-color: #1e60aa;
  color: #fff;
}

.border-radius {
  border-radius: 10px;
}

.login-box {
  width: 100%;
  max-width: 700px;
}

.login-register {
  background: url(../images/bg-5.png) center center/cover no-repeat !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-ujiemisi {
  background-image: url(../images/bg-4.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-statusujiemisi {
  background-image: url(../images/bg-4.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-blue-transparent {
  background: #e1f1ff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #1e60aa;
  border-radius: 5px;
  border-bottom-right-radius: 27px;
}

.table>thead>tr>th, .table>tfoot>tr th {
  font-size: 13px;
  vertical-align: middle;
}

.table>tbody>tr td {
  font-size: 13px;
  vertical-align: top;
}

.table {
  margin-bottom: 0px;
}

span .mdi {
  font-size: 21px;
}

.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 5px;
  font-weight: 400;
  font-size: 14px;
}

.table .parent-row td {
  background: #c8ebd9;
  cursor: pointer;
}

.table .parent-row- td {
  background: #c8ebd9;
  cursor: pointer;
}

.table .lv-1 td {
  cursor: pointer;
  background: #ffe5db;
}

.table .lv-2 td {
  cursor: pointer;
  background: #fcfc99;
}

.table .lv-3 td {
  cursor: pointer;
  background: #b0effc;
}

.table .lv-4 td {
  cursor: pointer;
  background: #ededed;
}

.table .lv-1- td {
  cursor: pointer;
  background: #ffe5db;
}

.table .lv-2- td {
  cursor: pointer;
  background: #fcfc99;
}

.table .lv-3- td {
  cursor: pointer;
  background: #b0effc;
}

.table .lv-4- td {
  cursor: pointer;
  background: #ededed;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 8px 8px;
}

.table>thead>tr>th {
  text-align: center;
}

.nowrap-w-1 {
  white-space: nowrap;
  width: 1%;
}

.pagination li span {
  background: #2cabe3 !important;
  color: aliceblue !important;
}

/* calendar */
.fc-basic-view .fc-day-number {
  padding: 10px 15px !important;
}

.fc-event {
  border-radius: 0 !important;
  border: none !important;
  font-size: 13px !important;
  margin: 1px -1px 0 !important;
  padding: 5px !important;
  background: rgb(24 25 25 / 10%) !important;
}

.fc-toolbar {
  padding: 5px;
}

.fc-unthemed .fc-today {
  background: #dbecf8 !important;
}

.fc-sat, .fc-sun {
  /* background: #ffb1b1 !important; */
  color: red;
}

.fc th, .fc td {
  padding: 2px !important;
}

.fc-past {
  background: #e6e6e6;
}

.fc-toolbar {
  margin-bottom: 0px !important;
}

.myadmin-alert-top {
  z-index: 2000;
}

#side-menu>li.active {
  background: #2cabe3;
  color: #ffffff;
  font-weight: 500;
}

#side-menu li.active>a {
  background: rgba(0, 0, 0, 0);
  color: #fff;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.bg-merah {
  background-color: red;
  color: #fff;
}

.bg-kuning {
  background-color: #dada2d;
  color: #fff;
}

.bg-biru {
  background-color: blue;
  color: #fff;
}

.bg-hijau {
  background-color: green;
  color: #fff;
}

.bg-emas {
  background-color: #FFD700;
  color: #fff;
}

/* scroll */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.table>thead,
.table>thead>tr>td {
  color: #fff;
  top: 0px;
  /* position: sticky; */
}

.table-responsive {
  display: block;
  /* overflow: scroll; */
  width: 100%;
}

.table .rows {
  position: absolute;
}

.modal {
  overflow-y: auto;
}

#add-new-event {
  z-index: 1062;
}

.login-box {
  margin: 10% auto 0;
  box-shadow: 0px 0px 5px 0px #ddd;
}

.sidebar {
  /* background: linear-gradient(90deg, rgba(12, 93, 180, 1) 28%, rgba(11, 182, 216, 1) 100%);
  box-shadow: 1px 0px 20px rgb(0 0 0 / 24%); */
  background: #fff;
  box-shadow: 0px 0px 4px 0px #797979;
}

.bg-title {
  padding: 10px 10px;
  /* background: linear-gradient(90deg, rgba(12, 93, 180, 1) 28%, rgba(11, 182, 216, 1) 100%); */
  background: #efefef;
}

.navbar-header {
  /* background: rgb(11 174 213 / 42%);
  background-image: url("https://www.transparenttextures.com/patterns/fresh-snow.png"); */
  background: linear-gradient(90deg, rgba(12, 93, 180, 1) 28%, rgba(11, 182, 216, 1) 100%);
}

#side-menu>li.active {
  background: #004085;
}

#side-menu li a {
  /* color: #d5d5d5; */
  color: #505050;
}

#side-menu li {
  color: #d5d5d5;
}

#side-menu .nav-second-level li a {
  color: #414141;
}

/* .navbar-top-links>li>a {
  padding: 10px 14px;
} */
.margin-top-min-6 {
  margin-top: -6px;
}

.form-group, .form-horizontal .form-group {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .modal-xl {
    width: 1200px;
  }

  .header-sx {
    display: block;
  }
}

@media (min-width: 768px) {
  #side-menu .nav-second-level>li>a {
    width: auto;
    min-width: 250px;
  }

  .header-sx {
    display: none;
  }
}

@media (max-width: 768px) {
  .mt-cont {
    margin-top: 50px;
  }

  .header-md {
    display: none;
  }

  .bg-eee {
    background: #eee !important;
  }
}

.error {
  color: red;
  font-size: 12px;
}

.form-control {
  border: 1px solid #bcbec1;
}

.bg-danger, .btn-danger {
  background: #c44141;
  border-color: #c44141;
}

.bg-primary, .btn-primary {
  background: #0e80ba;
  border-color: #0e80ba;
}

.color-table.primary-table thead th {
  background-color: #001e47;
  color: #fff;
}

.text-danger {
  color: #c44141;
}

.box-shadow {
  box-shadow: 1px 1px 8px #dedede;
}

.bg-title .breadcrumb a {
  color: rgb(255 255 255 / 68%);
}

.bg-title .breadcrumb .active {
  color: #000b52;
}

.select2 {
  width: 100% !important;
}

.badge {
  padding: 6px 6px;
}

.pagination {
  display: flex;
  margin: 0px;
  line-height: 1;
  color: #B8E6F0;
  font-weight: 600;
}

.pagination a,
.pagination span {
  padding: 6px 8px;
  border: 1px solid #B8E6F0;
  background-color: #B8E6F0;
  border-radius: 4px;
  margin-left: 0.5rem;
}

.pagination span.active, .pagination a:hover, .pagination span.active:hover {
  border: 1px solid #2cabe3;
  background-color: #2cabe3;
  color: #B8E6F0;
  border-radius: 4px;
}

.d-flex {
  display: flex !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.content-wrap section {
  display: none;
  margin: 0 auto;
  padding: 10px 0px;
  min-height: 0;
}

.input-no-kendaraan {
  padding: 25px;
  color: #0a4098;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.btn-no-kendaraan {
  padding: 15px !important;
  font-size: 14px;
}

.img-circle {
  background: #fff;
  padding: 5px;
}

.top-left-part {
  background: #004085;
  width: auto;
  height: 54px;
  padding: 0px 31px;
  padding-top: -10px;
  float: left;
  border-right: 0px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-left: 20px;
  color: #fff;
  margin-top: -6px;
}

.sales-report {
  background: #e7f5ff;
  border-left: 5px solid #1e60aa;
  border-radius: 10px;
  margin: 0px;
}

.input-nopol {
  padding: 23px;
  font-size: 20px;
  font-weight: 500;
  color: #1e60aa;
  text-transform: uppercase;
}

.btn-nopol {
  padding: 10px 18px !important;
  font-size: 18px !important;
  margin-left: 10px !important;
}

.navbar-default .navbar-nav>li>a {
  color: #3c3c3c;
  font-size: 16px;
}

.leaflet-div-icon {
  background: transparent !important;
  border: 0px !important;
}

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

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

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

#bengkel-detail {
  position: absolute;
  z-index: 888;
  margin: 15px;
}

.btn {
  padding: 8px 12px;
}