@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
html {
  font-family: "Roboto", sans-serif;
  font-size: 100%;
}

@supports (font-variation-settings: normal) {
  html {
    font-family: "Roboto", sans-serif;
    font-size: 100%;
  }
}
#main-wrapper {
  max-width: 1060px;
  margin: 0 auto;
  padding-bottom: 20px;
  background-color: #e4e4e4;
  padding: 10px 15px;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  background: url("../images/bg-jhr_mdt.gif") repeat-x top center;
  background-color: #201f49;
}
body.path-frontpage #main-wrapper {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif !important;
}

.container {
  max-width: 1060px;
  padding: 0;
}

.container-fluid {
  padding: 0;
}

#page {
  background: transparent;
}

.row {
  margin: 0 auto;
}

.highlighted {
  max-width: 1060px;
  margin: 0 auto;
  background-color: #e4e4e4;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-left {
  padding-left: 0;
}

a {
  color: #428bca;
  text-decoration: none;
}

.nav.primary.nav-tabs .nav-link {
  color: #000;
}

.site-footer {
  background: transparent;
  padding: 0;
}
.site-footer .site-footer__bottom {
  border-top: 1px solid #757251;
  margin-top: 0;
}
.site-footer .site-footer__bottom .region {
  margin-top: 0;
}
.site-footer .content {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #fff;
}
.site-footer .content ul {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
  text-align: right;
}
.site-footer .content ul li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
}
.site-footer .content ul li a {
  color: #fff;
  margin: 0;
  font-size: 11px;
  text-decoration: none;
}
.site-footer .content ul li:after {
  content: "/";
  position: absolute;
  right: -12px;
  top: 1px;
  display: block;
  height: 12px;
}
.site-footer .content ul li:first-child {
  margin-left: 0;
}
.site-footer .content ul li:last-child {
  margin-right: 0;
}
.site-footer .content ul li:last-child:after {
  display: none;
}

span[class^=ikon-jkt] {
  margin-right: 5px;
}

span[class^=ikon-jkt-] {
  background-image: url("..//images/mdr-icon-sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: text-top;
}

.ikon-jkt-phone {
  background-position: -29px -169px;
  width: 10px;
  height: 12px;
}

.ikon-jkt-fax {
  background-position: -26px -189px;
  width: 16px;
  height: 12px;
}

.ikon-jkt-email {
  background-position: -27px -207px;
  width: 15px;
  height: 13px;
}

.ikon-jkt-facebook {
  background-position: -7px -234px;
  width: 30px;
  height: 30px;
}

.ikon-jkt-twitter {
  background-position: -7px -269px;
  width: 30px;
  height: 30px;
}

.ikon-jkt-msg {
  background-position: -42px -234px;
  width: 30px;
  height: 30px;
}

.ikon-jkt-qrsearch {
  background-position: -42px -269px;
  width: 30px;
  height: 30px;
}

.featured-bottom {
  color: #fff;
  padding: 0 0 10px;
  max-width: 1060px;
  margin: 0 auto;
}
.featured-bottom .rembau-address {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}
.featured-bottom .col-sm-3 {
  border-right: 1px solid #757251;
  min-height: 85px;
}
.featured-bottom .col-sm-3:last-child {
  border-right: none;
}
.featured-bottom .contact-footer ul {
  margin: 0 auto;
  width: 60%;
  padding: 0;
}
.featured-bottom .contact-footer ul li {
  display: block;
  margin: 0 auto 5px;
}
.featured-bottom .contact-footer ul li span[class^=ikon-jkt] {
  width: 20px;
}
.featured-bottom .contact-footer ul li a {
  color: #fff;
  text-decoration: none;
}
.featured-bottom .contact-footer ul li a:hover {
  text-decoration: underline;
}
.featured-bottom .region-featured-bottom-first {
  background-color: #fff;
  border-bottom: 2px solid #ffac35;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#block-mdt2024-footerfeature {
  padding: 0;
}

#block-mdt2024-externallink {
  padding: 0;
}
#block-mdt2024-externallink h2 {
  font-size: 14px;
  border-bottom: 1px solid #e8e8e8;
  background-color: #e4e4e4;
  margin: 0;
  padding: 20px 0 10px 0;
  text-align: center;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 500;
  color: #333;
}
#block-mdt2024-externallink .content {
  padding: 20px 0 0 0;
}
#block-mdt2024-externallink .owl-carousel .owl-item .item-pautan {
  text-align: center;
}
#block-mdt2024-externallink .owl-carousel .owl-item a {
  text-decoration: none;
  color: #000;
}
#block-mdt2024-externallink .owl-carousel .owl-item .pautan-image {
  vertical-align: middle;
  display: table-cell;
  height: 60px;
}
#block-mdt2024-externallink .owl-carousel .owl-item .pautan-item {
  font-size: 14px;
}
#block-mdt2024-externallink .owl-nav button {
  background: url("../images/mdr-icon-sprite.png") no-repeat;
  width: 24px;
  height: 39px;
  position: absolute;
  top: 15px;
  text-indent: -9999px;
  border-radius: 0;
  box-shadow: none;
  outline: 0 !important;
  display: block;
}
#block-mdt2024-externallink .owl-nav button.owl-prev {
  left: 0;
  background-position: -34px -440px;
}
#block-mdt2024-externallink .owl-nav button.owl-next {
  right: 0;
  background-position: -60px -440px;
}

#block-mdt2024-internallink {
  margin-top: 20px;
}
#block-mdt2024-internallink .footer-mdr-inner-links {
  text-align: center;
  padding: 20px;
  background-size: cover;
  height: 90px;
}
#block-mdt2024-internallink .footer-mdr-inner-links.galeri-multimedia-links {
  background: url("../images/thumb-gallery.jpg") no-repeat center center;
}
#block-mdt2024-internallink .footer-mdr-inner-links.pautan-anggota-link {
  background: url("../images/thumb-pautan-anggota.jpg") no-repeat center center;
}
#block-mdt2024-internallink .footer-mdr-inner-links.tender-sebutharga-link {
  background: url("../images/thumb-tender.jpg") no-repeat center center;
}
#block-mdt2024-internallink .footer-title {
  border-bottom: 3px solid #fff800;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  padding-bottom: 5px;
  font-size: 14px;
  margin: 15px 0 0;
}
#block-mdt2024-internallink .footer-title a {
  color: #fff;
  text-decoration: none;
}
#block-mdt2024-internallink .footer-title-big {
  font-size: 1.05em;
}

#block-mdt2024-middlehome {
  padding: 20px 0 0 0;
}

.middle-left-home,
.middle-right-home {
  padding: 0 15px;
}

.banner-home {
  padding: 0;
  margin-bottom: 20px;
}

.view-main-banner .item-list {
  padding: 0;
}
.view-main-banner .bx-wrapper {
  box-shadow: none;
  border: none;
  background: none;
  margin-bottom: 0;
}
.view-main-banner .bx-wrapper img {
  height: auto;
  width: 100%;
}
.view-main-banner .bx-wrapper ul {
  margin: 0;
}
.view-main-banner .bx-wrapper ul li {
  padding: 0;
}
.view-main-banner .bx-wrapper .bx-prev {
  background: url("../images/controls.png") 0 -32px no-repeat;
}
.view-main-banner .bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/controls.png") -43px -32px no-repeat;
}
.view-main-banner .bx-wrapper .bx-pager {
  display: none;
}

.block-with-title {
  margin-top: 20px;
  background-color: #fff;
}
.block-with-title h2 {
  border-top: 3px solid #fef01b;
  font-size: 14px;
  color: #000;
  font-weight: 700;
  padding: 10px;
}

.social-link {
  text-align: center;
  margin-top: 20px;
}
.social-link .social-link-title {
  color: #666;
  margin-bottom: 10px;
}
.social-link .social-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.social-link .social-links li {
  display: inline-block;
  vertical-align: top;
}

.quicktabs-tabs {
  margin: 0 !important;
  display: table !important;
  width: 100%;
  border: none !important;
}
.quicktabs-tabs li {
  border: 1px solid #e8e8e8 !important;
  display: table-cell !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  border-top: 3px solid #fff !important;
  padding: 0 !important;
}
.quicktabs-tabs li a {
  text-transform: uppercase;
  color: #000 !important;
  padding: 10px 15px !important;
  background-color: transparent !important;
  border: none !important;
  text-decoration: none !important;
}
.quicktabs-tabs li.active {
  border: none !important;
  border-top: 3px solid #fef01b !important;
  background-color: #fff !important;
}
.quicktabs-tabs li.active a {
  font-weight: 700;
}

.quicktabs-main {
  background-color: #fff;
  padding: 10px !important;
}
.quicktabs-main .node__title {
  display: none;
}
.quicktabs-main .node--view-mode-teaser {
  border: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.quicktabs-main .node-readmore {
  padding: 0;
}
.quicktabs-main .node-readmore a {
  text-decoration: none;
}
.quicktabs-main .view-tab-list a {
  text-decoration: none;
}
.quicktabs-main .view-tab-list a:hover {
  text-decoration: underline;
}

.beta-design .accordion-header .accordion-button {
  background-color: #f61e1e;
  font-size: 13px;
  font-family: "Montserrat", sans-serif !important;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 15px;
  position: relative;
  z-index: 1;
  border-radius: 0;
  box-shadow: none;
}
.beta-design .accordion-header .accordion-button:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  z-index: -1;
  height: 50%;
  bottom: 0;
  left: 0;
  background-color: #e20c0c;
}
.beta-design .accordion-header .accordion-button:after {
  content: "";
  background: url("../images/mdr-icon-sprite.png") no-repeat;
  background-position: -44px -114px;
  width: 6px;
  height: 11px;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 5px);
}
.beta-design .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.beta-design .accordion-header .accordion-button[aria-expanded=true] {
  border: none;
  border-top: 3px solid #fef01b;
  background-color: #fff;
  color: #000;
}
.beta-design .accordion-header .accordion-button[aria-expanded=true]:after {
  background-position: -28px -117px;
  width: 11px;
  height: 6px;
  right: 15px;
  transform: none;
}
.beta-design .accordion-header .accordion-button[aria-expanded=true]:before {
  display: none;
}
.beta-design .accordion-header .accordion-button[aria-expanded=true]:active {
  border: none !important;
}

#block-mdt2024-frontpageaccordioneperkhidmatanpautankakitangan {
  margin-bottom: 30px;
}

.e-perkhidmatan {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.e-perkhidmatan li {
  margin: 0 0 10px;
  color: #000;
}
.e-perkhidmatan li a {
  color: #000;
}
.e-perkhidmatan li a:hover {
  text-decoration: underline;
}

.poll .poll-question {
  font-size: 13px;
  text-transform: capitalize;
  color: #000;
  font-weight: 700;
  letter-spacing: normal;
}
.poll .form-actions {
  text-align: center;
}
.poll .form-actions input {
  width: auto;
  width: auto;
  background-color: #ef702d;
  border: 1px solid #ef702d;
  font-size: 13px;
}

.view-tarikh-kemaskini {
  text-align: center;
}

#block-mdt2024-pelawatpelawat .list-group-item {
  text-align: center;
  background-color: transparent;
  color: #fff;
}
#block-mdt2024-pelawatpelawat .list-group-item em {
  font-style: normal;
}

#block-mdt2024-page-title .title {
  margin-top: 25px;
  color: #0b4889;
  font-size: 22px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
}

main#content {
  background-color: #fff;
  padding: 10px 10px 20px 10px;
  border-radius: 5px;
}

.breadcrumb {
  color: #000;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  padding: 8px 15px;
}
.breadcrumb .breadcrumb-item {
  color: #000;
  font-size: 12px;
}
.breadcrumb .breadcrumb-item a {
  color: #000;
  font-size: 12px;
}
.breadcrumb .breadcrumb-item:first-child {
  position: relative;
}
.breadcrumb .breadcrumb-item:first-child:before {
  content: "";
  font-family: FontAwesome;
  font-size: 2em;
  position: absolute;
  left: 0;
  top: -6px;
  display: inline-block;
}
.breadcrumb .breadcrumb-item:first-child a {
  color: transparent;
  display: inline-block;
  width: 21px;
  text-indent: -9999px;
  height: 18px;
  position: relative;
}
.breadcrumb .breadcrumb-item:last-child {
  font-weight: 700;
}
.breadcrumb .breadcrumb-item.active, .breadcrumb .breadcrumb-item:not(first-child) {
  color: #000;
}
.breadcrumb .breadcrumb-item.active:before, .breadcrumb .breadcrumb-item:not(first-child):before {
  content: "";
  font-family: FontAwesome;
  font-size: 1.3333333333em;
  margin: -4px 5px 0 5px;
}

#sidebar_second {
  padding: 0 0 0 30px;
}
#sidebar_second .side-menu-box {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-top: 3px solid #fef01b;
  padding: 0;
}
#sidebar_second .side-menu-box .nav {
  margin: 0;
}
#sidebar_second .side-menu-box .nav > li {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px;
}
#sidebar_second .side-menu-box .nav > li:last-child {
  border-bottom: none;
}
#sidebar_second .side-menu-box .nav > li ul.dropdown-menu {
  border: none;
  width: 195px;
  position: relative !important;
  transform: none !important;
}
#sidebar_second .side-menu-box .nav > li ul.dropdown-menu .dropdown-item {
  padding: 3px 20px;
}
#sidebar_second .side-menu-box .nav > li ul.dropdown-menu .dropdown-item:hover {
  background-color: transparent;
}
#sidebar_second .side-menu-box .nav > li ul.dropdown-menu .dropdown-item a {
  color: #000;
  white-space: wrap;
  font-size: 12px;
  display: block;
}
#sidebar_second .side-menu-box .nav > li ul.dropdown-menu .dropdown-item a:hover {
  color: #0b4889;
}
#sidebar_second .side-menu-box .nav > li ul.dropdown-menu .dropdown-item a.dropdown-toggle:after {
  display: none;
}
#sidebar_second .side-menu-box .nav > li ul.dropdown-menu ul.dropdown-menu {
  width: 150px;
}
#sidebar_second .side-menu-box .nav > li > .nav-link {
  color: #000;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  padding: 5px;
}
#sidebar_second .side-menu-box .nav > li > .nav-link:after {
  background: url("../images/mdr-icon-sprite.png") no-repeat -72px -114px;
  width: 6px;
  height: 11px;
  position: absolute;
  right: 15px;
  top: 20px;
  border: none;
}
#sidebar_second .side-menu-box .nav > li > .nav-link.is-active + ul.dropdown-menu, #sidebar_second .side-menu-box .nav > li > .nav-link.active + ul.dropdown-menu {
  display: block;
  border: none;
}
#sidebar_second .side-menu-box .nav > li > .nav-link.is-active + ul.dropdown-menu .dropdown-item, #sidebar_second .side-menu-box .nav > li > .nav-link.active + ul.dropdown-menu .dropdown-item {
  padding: 3px 20px;
}
#sidebar_second .side-menu-box .nav > li > .nav-link.is-active + ul.dropdown-menu .dropdown-item:hover, #sidebar_second .side-menu-box .nav > li > .nav-link.active + ul.dropdown-menu .dropdown-item:hover {
  background-color: transparent;
}
#sidebar_second .side-menu-box .nav > li > .nav-link.is-active + ul.dropdown-menu .dropdown-item a, #sidebar_second .side-menu-box .nav > li > .nav-link.active + ul.dropdown-menu .dropdown-item a {
  color: #000;
  white-space: wrap;
  font-size: 12px;
  display: block;
}
#sidebar_second .side-menu-box .nav > li > .nav-link.is-active + ul.dropdown-menu .dropdown-item a:hover, #sidebar_second .side-menu-box .nav > li > .nav-link.active + ul.dropdown-menu .dropdown-item a:hover {
  color: #0b4889;
}
#sidebar_second .side-menu-box .nav > li > .nav-link.is-active + ul.dropdown-menu .dropdown-item a.is-active, #sidebar_second .side-menu-box .nav > li > .nav-link.active + ul.dropdown-menu .dropdown-item a.is-active {
  color: #0b4889;
}
#sidebar_second .side-menu-box .nav > li > .nav-link.is-active + ul.dropdown-menu ul.dropdown-menu, #sidebar_second .side-menu-box .nav > li > .nav-link.active + ul.dropdown-menu ul.dropdown-menu {
  display: block;
}
#sidebar_second .side-menu-box .nav > li > .nav-link.is-active:after, #sidebar_second .side-menu-box .nav > li > .nav-link.active:after {
  background-position: -28px -117px;
  width: 11px;
  height: 6px;
  top: 22px;
}
#sidebar_second .side-menu-box .nav > li > .nav-link.show:after {
  background-position: -28px -117px;
  width: 11px;
  height: 6px;
  top: 22px;
}

#block-mdt2024-floatingstickysidebar {
  position: fixed;
  top: 150px;
  right: 0;
  width: auto;
}
#block-mdt2024-floatingstickysidebar .sticky-sidebar ul {
  border: 3px solid #ef702d;
  margin: 0;
  padding: 0;
  background-color: #ef702d;
}
#block-mdt2024-floatingstickysidebar .sticky-sidebar ul li {
  display: block;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 1px;
}
#block-mdt2024-floatingstickysidebar .sticky-sidebar ul li a {
  display: block;
  background: #fff url("../images/mdr-icon-sprite.png") no-repeat 0 0;
  background-position-x: 0px;
  background-position-y: 0px;
  width: 25px;
  height: 25px;
  padding: 10px;
  margin: 0 auto 1px;
  text-indent: -9999px;
}
#block-mdt2024-floatingstickysidebar .sticky-sidebar ul li.calendar-icon a {
  background-position: -54px -133px;
}
#block-mdt2024-floatingstickysidebar .sticky-sidebar ul li.statistik a {
  background-position: -52px -166px;
  width: 29px;
  height: 22px;
}
#block-mdt2024-floatingstickysidebar .sticky-sidebar ul li.faq a {
  background-position: -58px -196px;
  width: 17px;
  height: 27px;
}

body.page-node-209 #block-mdt2024-primus-beta-mdt-system-main .field--name-field-tarikh-tamat {
  margin-top: 20px;
}
body.page-node-209 #block-mdt2024-primus-beta-mdt-system-main .field__label {
  font-weight: 700;
}

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

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

.view table {
  caption-side: top;
}
.view table thead tr th {
  color: #333;
  font-weight: 700;
  font-size: 12px;
  border: 1px solid #e4e4e2;
}
.view table thead tr th.views-field-field-tender-closing-date {
  white-space: nowrap;
}
.view table tbody tr td {
  border: 1px solid #e4e4e2;
}
.view table .datetime {
  white-space: nowrap;
}
.view nav {
  text-align: center;
}
.view nav ul {
  display: inline-flex;
}
.view .table-responsive.col {
  flex: auto;
}

#image-gallery {
  height: 400px !important;
}

.lslide {
  height: 100% !important;
}
.lslide img {
  width: auto !important;
  height: 100% !important;
}

.lSSlideOuter .lSPager.lSGallery img {
  height: 125px !important;
  width: 100%;
  object-fit: cover;
}

.view-directory .js-form-item {
  margin-right: 15px;
}
.view-directory .form-control {
  height: auto;
}
.view-directory label {
  font-weight: 700;
  margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  #block-mdt2024-tagcloud {
    margin-bottom: 20px;
  }

  #block-mdt2024-internallink .footer-mdr-inner-links,
.featured-bottom .contact-footer {
    margin-bottom: 20px;
  }

  #block-mdt2024-footerfeature,
#block-mdt2024-footer,
.site-footer .content ul,
#quicktabs-tabpage-undian_waktu_solat-1 {
    text-align: center;
  }

  .featured-bottom .rembau-address {
    display: block;
    margin-bottom: 20px;
  }

  #block-mdt2024-floatingstickysidebar {
    position: absolute;
    top: 120%;
    z-index: 2;
  }

  #main-wrapper img {
    width: 100%;
    height: auto;
  }

  #sidebar_second {
    margin-top: 20px;
    padding: 0;
  }
}

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