/***** Top Header ****/
body {
  overflow-x: hidden;
}

#navbar-top {
  padding: 0;
}

.region-top-header {
  background: #fff;
  width: 100%;
  margin: 0 auto;
  background: url("/themes/contrib/mdkt/images/pattern mdkt.png");
  height: 271px;
}

.branding-title a {
  color: #2E2E2E;
  text-decoration: none;
}
.branding-title .title1 {
  position: relative;
  top: 5px;
  font-size: 0.875rem;
}
.branding-title .title2 {
  font-size: 23px;
}

.divider {
  width: 100%;
  background: #fff;
  height: 1px;
  margin-top: 11px;
}

.topone {
  gap: 10px;
}

.pautan {
  display: flex;
  gap: 8px;
}
.pautan .dropdown:hover .dropdown-menu {
  display: block;
}
.pautan .dropdown .dropdown-menu {
  padding: 0;
  display: none;
  min-width: 90px;
  text-align: center;
  border: 0;
}
.pautan .dropdown .dropdown-menu .dropdown-item {
  font-size: 14px;
  padding: 2px 10px;
}
.pautan .dropdown-toggle:after {
  display: none;
}
.pautan .dropdown-toggle:hover ~ .dropdown-menu, .pautan .dropdown-toggle:focus ~ .dropdown-menu {
  display: block;
}
.pautan .dropdown-toggle:hover ~ .dropdown-menu .dropdown-item, .pautan .dropdown-toggle:focus ~ .dropdown-menu .dropdown-item {
  display: block;
}

.search-container {
  position: relative;
  display: inline-block;
}

.search-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: auto;
  background: #fff;
  padding: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  margin-top: 10px;
}
.search-wrapper .form-control {
  border: 1px solid #D1D5DB;
  font-size: 13px;
}
.search-wrapper .form-control:focus {
  box-shadow: none;
  border: 1px solid #FFEFBE;
}

#block-mdkt-searchform #search-block-form {
  flex-flow: row;
  padding: 0;
  gap: 8px;
}
#block-mdkt-searchform #search-block-form .js-form-item,
#block-mdkt-searchform #search-block-form .form-actions {
  margin-bottom: 0px !important;
}
#block-mdkt-searchform #search-block-form .js-form-item input {
  width: 250px;
}
#block-mdkt-searchform #search-block-form .form-actions #edit-submit {
  background: #F2B705;
  border: #F2B705;
  border-radius: 4px;
  color: #1F1F1F;
  font-weight: 600;
}
#block-mdkt-searchform #search-block-form .form-actions #edit-submit:hover {
  background: #E79100;
  border: #E79100;
}

.w3c-wrapper {
  background: #F2B705;
  width: 48px;
  height: 40px;
}
.w3c-wrapper img {
  display: block;
  margin: 8px auto;
}

.lang-dropdown-form .form-select {
  color: #636363;
  font-size: 14px;
  padding: 5px;
  line-height: 16px;
}

.chatgpt-wrapper {
  background: #5BA08E;
  border-radius: 18px;
  padding: 5px 9px;
}
.chatgpt-wrapper a {
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.chatgpt-wrapper .icon-chatgpt {
  background: #fff;
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
}

:not(.path-frontpage) #main-wrapper {
  margin-top: -6rem;
}

#block-mdkt-kongsikantab {
  position: relative;
  top: 56px;
}

/*** w3c ***/
.w3c-wrapper {
  position: relative;
  display: inline-block;
}

.w3c-dropdown {
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: all 0.3s ease;
  position: absolute;
  top: 120%;
  right: 0;
  width: 245px;
  background: #F5F5F5;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  z-index: 999;
}
.w3c-dropdown.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.w3c-dropdown::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 20px;
  width: 10px;
  height: 10px;
  background-color: #FFC96D;
  transform: rotate(45deg);
}

.w3c-header {
  background: #FFC96D;
  display: flex;
  align-items: center;
  padding: 5px;
}
.w3c-header span {
  font-size: 14px;
  font-weight: 600;
  color: #222;
}

.w3c-container {
  padding: 10px;
  background-color: #fff;
  margin: 10px;
  border-radius: 9px;
}
.w3c-container h6 {
  font-size: 14px;
}
.w3c-container .font-part,
.w3c-container .color-part {
  display: flex;
  gap: 10px;
  align-items: center;
}
.w3c-container .ikon-w3c {
  background: #F3F3F4;
  width: 60px;
  height: 42px;
  border-radius: 9px;
  display: flex;
  align-items: center;
}

/*** main menu ***/
#block-mdkt-mainmenu .tbm {
  background-color: transparent;
}
#block-mdkt-mainmenu .tbm-item.level-1 {
  border-right: 0;
  padding: 1rem;
  padding-bottom: 0;
}
#block-mdkt-mainmenu .tbm-item.level-1:first-child {
  padding-left: 0;
}
#block-mdkt-mainmenu .tbm-link.level-1 {
  color: #484848;
  padding: 0;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}
#block-mdkt-mainmenu .tbm-link.level-1:hover, #block-mdkt-mainmenu .tbm-link.level-1.active-trail {
  background-color: transparent;
  color: #41347A;
  border-bottom: 3px solid #41347A;
}
#block-mdkt-mainmenu .tbm-submenu {
  border: 0;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  margin-top: 20px;
  min-height: 350px;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 {
  position: static;
  padding-left: 10px;
  width: 260px;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2.open {
  background: #FFFDF0;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2.active {
  background: #FFEFBE;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-link {
  position: relative;
  text-decoration: none;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-link:before {
  content: "";
  border: 0;
  position: absolute;
  left: 0;
  top: 0;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-link:hover {
  color: #222222;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-item.level-3 {
  position: static;
  margin-bottom: 3px;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-item.level-3.active {
  background: #FFEFBE;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-item.level-3.open {
  background: #FFEFBE;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-item.level-3 .tbm-submenu {
  background: #FFFDF0;
  top: 0;
  border-radius: 0;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #DBDBDB;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-item.level-3 .tbm-link.level-3 :hover {
  color: #222222;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-item.level-4 {
  margin-bottom: 3px;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-item.level-4.active {
  background: #FFEFBE;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-item.level-4.open {
  background: #FFEFBE;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-link {
  color: #484848;
  text-decoration: none;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item.level-2 .tbm-submenu .tbm-link:before {
  border-width: 6px 0 6px 6px;
  border-left-color: #FFEFBE;
  top: 3px;
  position: relative;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-item .tbm-link {
  font-size: 15px;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-submenu {
  background: #FFFDF0;
  box-shadow: none;
  margin-top: 0;
  left: calc(100% - 590px);
}
#block-mdkt-mainmenu .tbm-submenu .tbm-submenu .tbm-link:hover {
  color: #222222;
}
#block-mdkt-mainmenu .tbm-submenu .tbm-submenu .tbm-column {
  width: 280px !important;
}
#block-mdkt-mainmenu .column-right {
  left: 100% !important;
  width: 285px;
}
#block-mdkt-mainmenu .column-left {
  left: 50% !important;
  width: 285px;
}
#block-mdkt-mainmenu .column-nosubmenu {
  left: 67% !important;
  width: 300px;
  margin-left: -20px;
}

/*** Main Banner ***/
#block-mdkt-mainbanner {
  margin-top: -5.5rem;
}

.bx-wrapper {
  border: 0;
  box-shadow: none;
  margin-bottom: 15px;
  background: transparent;
}

.main-banner .item-list ul li {
  padding: 0;
}
.main-banner .bx-wrapper img {
  width: 100%;
  border-radius: 18px;
}
.main-banner .bx-wrapper .bx-pager {
  bottom: 15px;
}
.main-banner .bx-wrapper .bx-pager.bx-default-pager a {
  background: #CBD5E1;
  width: 9px;
  height: 9px;
}
.main-banner .bx-wrapper .bx-pager.bx-default-pager a.active, .main-banner .bx-wrapper .bx-pager.bx-default-pager a:focus, .main-banner .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #1E2F8A;
  width: 22px;
}
.main-banner .bx-wrapper .bx-prev {
  background: url("/themes/contrib/mdkt/images/bnr-l.svg") no-repeat;
}
.main-banner .bx-wrapper .bx-next {
  background: url("/themes/contrib/mdkt/images/bnr-r.svg") no-repeat;
}

/*** pengumuman ***/
.path-frontpage .highlighted aside {
  padding: 0;
}

.ann-heading {
  background: #01167F;
  min-width: 259px;
  height: 46px;
  border-radius: 0 23px 23px 0;
  padding: 10px 20px;
}
.ann-heading .ann-heading-text {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  justify-content: end;
  line-height: 24px;
}

.ann-content {
  padding-left: 10px;
}
.ann-content .views-field-title a {
  text-decoration: none;
  color: #171717;
}
.ann-content .bxsliderAnn li {
  width: auto !important;
  white-space: nowrap;
  display: inline-block;
  border-right: 1px solid #6B6B6B;
  padding: 0 20px !important;
}
.ann-content .bxsliderAnn li:last-child {
  border-right: 0;
}

.announcements-slider .bx-wrapper {
  margin-bottom: 0;
}
.announcements-slider .bx-wrapper .bx-controls {
  display: none;
}
.announcements-slider .view-empty p {
  margin-bottom: 0;
}

/*** Perkhidmatan MDKT ***/
#block-mdkt-perkhidmatanmdkt .nav-tabs {
  border: 0;
  display: flex;
  justify-content: center;
}
#block-mdkt-perkhidmatanmdkt .nav-tabs .nav-item {
  margin: 0 5px;
}
#block-mdkt-perkhidmatanmdkt .nav-tabs .nav-item .nav-link {
  color: #6B6B6B;
  position: relative;
  cursor: pointer;
  border: 0;
}
#block-mdkt-perkhidmatanmdkt .nav-tabs .nav-item .nav-link.active {
  background-color: #FFEFBE;
  color: #171717;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 0;
}
#block-mdkt-perkhidmatanmdkt .nav-tabs .nav-item .nav-link.active:before {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 50%;
  width: 10px;
  height: 10px;
  background: #FFEFBE;
  transform: rotate(45deg);
}

.view-perkhidmatan-mdkt > div {
  display: flex;
  justify-content: center;
  padding: 30px 0 10px;
}
.view-perkhidmatan-mdkt .views-row {
  display: flex;
  max-width: 176px;
  text-align: center;
  justify-content: center;
}
.view-perkhidmatan-mdkt .views-row:nth-child(n+8) {
  display: none;
}
.view-perkhidmatan-mdkt .perkhidmatan-online {
  display: flex;
  justify-content: center;
  text-align: center;
}
.view-perkhidmatan-mdkt .perkhidmatan-online a {
  text-decoration: none;
  display: block;
  position: relative;
  margin-top: 5px;
  overflow: hidden;
  min-height: 155px;
  transition: ease 0.5s;
  margin-bottom: 20px;
}
.view-perkhidmatan-mdkt .perkhidmatan-online a > div {
  padding: 0 10px;
  text-align: center;
  color: #010101;
  line-height: 24px;
  width: 100%;
  font-size: 18px;
  width: 100%;
  padding-top: 25px;
}
.view-perkhidmatan-mdkt .perkhidmatan-online a:hover {
  color: #FDAC57;
  transition: ease 0.5s;
  margin-top: 0;
}
.view-perkhidmatan-mdkt .perkhidmatan-online a .perkhidmatan-image {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}
.view-perkhidmatan-mdkt .perkhidmatan-online a .perkhidmatan-title {
  display: block;
  color: #010101;
  line-height: 24px;
  font-size: 18px;
}

.btn {
  border-radius: 4px;
}
.btn.btn-primary {
  background: #F2B705;
  border-color: #F2B705;
  color: #1F1F1F;
  font-weight: 600;
}
.btn.btn-primary:hover {
  background: #E79100;
  border-color: #E79100;
}

.btn-buka-semua {
  margin: 0 auto;
  display: block;
  margin-bottom: 3rem;
}

/*** Directory ***/
.dept-list .views-view-grid {
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2509803922);
  padding: 30px 20px;
  position: relative;
  top: -20px;
}
.dept-list .views-col {
  padding-left: 8px;
  padding-right: 8px;
}
.dept-list .views-col span a {
  max-height: 65px;
  min-height: 65px;
  display: inline-flex;
  padding: 8px 15px;
  border: 2px solid #CDD8FF;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 15px;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
  color: #0A0A0A;
  text-decoration: none;
  font-weight: 600;
  line-height: 20px;
}
.dept-list .views-col span a:hover {
  background: #FEC2B1;
  border-color: #FEC2B1;
}

.dir-people .alert-danger {
  background-color: #CF2A4B;
  color: #FFF;
  border-radius: 10px;
  line-height: 20px;
}

table {
  caption-side: top;
  text-align: center;
}
table thead {
  background: #000053;
  color: #fff;
  font-weight: 600;
}
table tr {
  background: transparent;
}
table tr td {
  border: 1px solid #E9E9E9;
}
table tr td a {
  text-decoration: none;
}
table tr th {
  vertical-align: middle;
}
table tr.odd {
  background: #fff;
}
table caption {
  padding-bottom: 1rem;
  color: #0A0A0A;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}

.view-staff-directory .view-filters form {
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.0784313725);
  padding: 15px;
}
.view-staff-directory .view-filters form label {
  color: #2E2E2E;
  font-weight: 600;
}
.view-staff-directory .view-filters form .form-control,
.view-staff-directory .view-filters form .form-select {
  border: 1px solid #D1D5DB;
  font-size: 13px;
}
.view-staff-directory .view-filters form .form-control:focus,
.view-staff-directory .view-filters form .form-select:focus {
  box-shadow: none;
  border: 1px solid #FFEFBE;
}
.view-staff-directory .view-filters form .form-item-title {
  border-top: 1px solid #E5E7EB;
  padding-top: 15px;
  width: 100%;
}
.view-staff-directory .view-filters form .form-actions {
  width: 100%;
  margin-bottom: 0px !important;
}
.view-staff-directory .view-filters form .form-actions .btn.btn-primary {
  background: #F59E0B;
  font-size: 16px;
}

/*** Tender ***/
.views-field-field-attachments,
.views-field-field-tender-closing-date {
  text-align: center;
}

.views-field-field-tender-closing-date {
  width: 130px;
  text-align: center;
}

.views-field-field-tender-ref {
  width: 250px;
}

.views-field-field-attachments {
  width: 100px;
}

.ikon-jkt-download {
  background: url(/themes/contrib/mdkt/images/icon-download.png) no-repeat 0 0 !important;
  display: inline-block !important;
  width: 21px;
  height: 19px;
}

.tender-download {
  text-indent: -9999px;
}

.view-tender .table-responsive.col {
  flex: auto;
}

/*** Hubungi Kami ***/
.text-lokasi .heading {
  color: #24409A;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

.divider-operasi {
  border-left: 1px solid #CDCDCD;
}

.bg-orange {
  background: #FFF4E8;
  border: 1px solid #F79521;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 700;
}

/**** Sitemap ***/
.path-sitemap .sitemap .sitemap-item > div > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0;
  list-style: none;
}
.path-sitemap .sitemap .sitemap-item > div > ul > li {
  flex: 0 0 calc(34% - 20px);
  background: #fff;
  border: 2px solid #CDD8FF;
  border-radius: 10px;
  padding: 20px;
  font-size: 24px;
  font-weight: 700;
}
.path-sitemap .sitemap .sitemap-item > div > ul > li.leaf {
  display: none;
}
.path-sitemap .sitemap .sitemap-item > div > ul > li a {
  color: #171717;
  text-decoration: none;
}
.path-sitemap .sitemap .sitemap-item > div > ul > li a:hover {
  color: #E79100;
}
.path-sitemap .sitemap .sitemap-item > div > ul > li ul {
  list-style-type: none;
  font-size: 16px;
  font-weight: 600;
}
.path-sitemap .sitemap .sitemap-item > div > ul > li ul li {
  position: relative;
  padding-left: 15px;
}
.path-sitemap .sitemap .sitemap-item > div > ul > li ul li:before {
  content: "";
  width: 1px;
  height: calc(100% + 5px);
  border-left: 1px solid #666666;
  position: absolute;
  left: 0;
  top: 0;
}
.path-sitemap .sitemap .sitemap-item > div > ul > li ul li:after {
  content: "";
  width: 10px;
  height: 1px;
  border-top: 1px solid #666666;
  top: 13px;
  left: 0;
  position: absolute;
}
.path-sitemap .sitemap .sitemap-item > div > ul > li ul li:last-child:before {
  height: 13px;
}

.path-node a {
  text-decoration: none;
}

/*--------------------------------------------------------------
# Responsives
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .region-top-header {
    height: auto;
  }
  #block-mdkt-mainbanner {
    margin-top: 0;
  }
  .search-wrapper {
    right: unset;
  }
  #block-mdkt-searchform #search-block-form .js-form-item #edit-keys {
    width: auto;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-button {
    float: right;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-collapse {
    margin-top: 50px;
    padding-top: 0;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-nav {
    background: #fff;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-item {
    border-top: 0;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-item.level-1 {
    padding: 10px;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-item.level-1:first-child {
    padding-left: 10px;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-link.level-1:hover, #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-link.level-1.active-trail {
    border-bottom: 0;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-submenu {
    box-shadow: none;
    margin-top: 0;
    min-height: auto;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-submenu .tbm-link {
    padding: 10px;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-submenu .tbm-item.level-2 {
    width: 100%;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-submenu .tbm-submenu .tbm-column {
    width: 100% !important;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-button-container {
    width: 32px;
    height: 23px;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-button-container span {
    height: 3px;
    background: #fff;
  }
  #block-mdkt-mainmenu .tbm.tbm--mobile .tbm-button {
    background-color: #F2B705;
  }
  #block-mdkt-mainmenu .tbm-submenu-toggle {
    background-color: transparent;
    border-left: 0;
    width: 1rem;
  }
  .chatgpt-wrapper {
    width: 168px;
  }
  .toptwo {
    padding-top: 10px;
  }
  .ann-heading {
    min-width: auto;
  }
  .main-banner .bx-wrapper img {
    width: 100%;
    height: auto;
  }
  .branding-title .title2 {
    font-size: 21px;
  }
  .path-sitemap .sitemap .sitemap-item > div > ul > li {
    flex: 1;
  }
}

/*# sourceMappingURL=custom2.css.map */