@media (min-width: 1400px) {
  .menu-item-cari:hover,.menu-item-cari:focus { width: 27em !important; }
  
}
@media  screen and (min-width: 992px) and  (max-width: 1200px) {
  
}

@media (max-width: 576px){
.hide-sm {
  display: none !important;
}
}

[data-kt-sticky-landing-header="on"] .landing-header {
  background-image: url("../img/navbar-bg.png");
  background-size: 100%;
}

body[data-kt-sticky-landing-header="on"] .logo-navbar {
  height: 60px !important;
  background: url(../img/navbar-logo.png); 
  background-repeat: no-repeat;
  background-size: contain;
}

body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link-dropdown   { color: #fff; }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link-dropdown  > i {  color: #fff;  }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active > a.menu-link-dropdown   { color: #fff; }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active > a.menu-link-dropdown  > i {   color: #fff;  }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link-dropdown  .menu-text  { color: #fff; }

body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item .menu-link.dropdown-item { color: #357; padding: 0.5em !important; }
body[data-kt-drawer="on"] #kt_landing_menu .menu-item > a.menu-link-dropdown  .menu-text { color: #357 !important; }

#kt_landing_menu .menu-item .menu-link.dropdown-item { color: #357; padding: 0.5em !important; }
#kt_left_menu_mobile_toggle { display: none !important; }

body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link  { color: #fff; }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item > a.menu-link > i {  color: #fff;  }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active > a.menu-link  { color: #fff; }
body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active > a.menu-link > i {   color: #fff;  }



.stroked {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.landing-header { height: auto; }
.main-header { width: 100%;max-width: unset;padding-bottom: 1.5em; }
#kt_landing_menu { margin: 0 auto;width: fit-content; }
#kt_landing_menu .menu-item { padding: 0.5em !important; }
#kt_landing_menu .menu-item .menu-link { padding: 0 !important;} 
#kt_landing_menu .menu-item:hover {  
  /*border: 1px solid #EAA82445;
  border-radius: 1em;
  background: #EAA82463;*/
  color: #017A87;
}
#kt_landing_menu .menu-item.active {  
  /*  box-shadow: 1px 1px 11px #017A87;
    border-radius: 1em;
    background: #017A87;*/
    color: #fff;
  }
  
  #kt_landing_menu_logo { padding-top: 0.5em !important;  display: none !important;  }
  #kt_landing_menu_logo  .menu-item img { width: 3em; }
  #kt_landing_menu .menu-item .menu-icon { display: none; }
  #kt_landing_menu .menu-item.active a, #kt_landing_menu .menu-item.active i {   color: #357; }
  body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active a, body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item.active i {   color: #EAA824 !important; }

  body[data-kt-sticky-landing-header="on"] #kt_landing_menu_logo {
    display: none !important; 
  }
  body[data-kt-sticky-landing-header="on"] #kt_landing_menu .menu-item .menu-icon {
    display: none !important; 
  }
  body[data-kt-sticky-landing-header="on"] .main-header {
    padding-top: 1.5em;
  }

  .drawer.drawer-on { 
  flex-direction: column;
  }
  .drawer.drawer-on #kt_landing_menu_logo{ 
  flex-direction: row;
  }
  .drawer.drawer-on  #kt_landing_menu_logo .menu-item img {
    width: 1.8em !important;
  }
  .drawer.drawer-on  .ctn-menu { flex-direction: column !important; } 
  .drawer.drawer-on  .ctn-menu-right { flex-direction: column !important; } 
  .drawer.drawer-on .menu-item-cari { width: 100% !important; }
  .drawer.drawer-on .ctn-menu-user-login { margin-top: 1em; }
  .drawer.drawer-on .ctn-menu-user-login .btn {   margin: 0 auto; }
  body[data-kt-sticky-landing-header="on"] .drawer.drawer-on #kt_landing_menu .menu-item > a.menu-link { color: #357 !important; }
  body[data-kt-sticky-landing-header="on"] .drawer.drawer-on #kt_landing_menu .menu-item .menu-icon { display: none; }

  .menu-item-cari {
    width: 2em;
    border: none;
    border-radius: 0.5em;
    padding: 0.6em;
    padding-left: 2.5em;
    color: #017A87;
    background-image: url(../img/cari.png);
    background-repeat: no-repeat;
    background-size: 2em;
    background-position-y: center;
  }
  .menu-item-cari:hover,.menu-item-cari:focus  {
    width: 27em !important;
    border: 1px solid #f0dfab;
    background-color: #ffeeba;
  }

  nav ul.pagination > li > a { 
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    border: 1px solid #aaa;
    border-radius: 0.5em;
    margin: 0.5em 0.25em;
  }
  nav ul.pagination > li.active > a {  background: #EAA82455; }

  .logo-navbar {
    background: url(../img/logo.png);
      background-repeat: no-repeat;
      background-size: contain;
    width: 21em;
  }

  #ctn-leftmenu .menu-item > a.active {
    border: 1px solid #EAA824;
    border-radius: 1em;
    background: #EAA82475;
  }
.ctn-footer { 
  background-color: #fff; 
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom !important;
  min-height: 21em;
}

.ctn-footer .menu-item img { width: 5em; }

#carousel_content {
  width: 100% !important;
  max-width: 100% !important;
  display: flex;
  flex-direction: column;
  /* background-image: url(../img/pendataan.png); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#carousel_content .carousel-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 45em;
  width: 50% !important;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #eee;
} 

#carousel_content .carousel-inner-text  { 
  position: absolute;top: 3em;
  background: #fff;
  padding: 3em;border: 1px solid #aaa;
  border-radius: 1em;
  height: 37em; 
}
#carousel_content .carousel-inner-text.item2 {
  width: calc(75% + 3em) !important;
  left: calc(25% - 3em);
  background: #ffffffba;
}
#carousel_content .carousel-inner-text.item1 {
  width: 100% !important;
  left: 0;
}
#carousel_content .carousel-item.notext .carousel-inner-text { display: none; }
#carousel_content .carousel-item.notext .carousel-image { width: 100% !important; }

.carousel.carousel-custom .carousel-indicators.carousel-indicators-bullet li {  width: 27px !important; }
.carousel.carousel-custom .carousel-indicators.carousel-indicators-bullet li::after {  height: 17px !important;width: 27px !important;  }
.carousel.carousel-custom .carousel-indicators.carousel-indicators-bullet li.active::after {  width: 27px !important; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

  .header-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: var(--header-bg);
  }
  .launcher {
   padding:50px
  }
  .launcher .sidebar {
   position:fixed;
   overflow:auto;
   display:flex;
   flex-direction:column;
   width:425px;
   top:50px;
   right:50px;
   bottom:50px;
   background-color:transparent;
  }
  .launcher .sidebar .timeline .timeline-line {
   opacity:.2
  }
  .launcher .sidebar .timeline .timeline-icon .symbol-label {
   background-color:#244cab
  }
  .launcher .sidebar .border {
   border:1px solid rgba(255,255,255,.1)!important
  }
  .launcher .sidebar .hover-scroll-y {
   scrollbar-color:rgba(255,255,255,.15) transparent
  }
  .launcher .sidebar .hover-scroll-y::-webkit-scrollbar-thumb {
   background-color:rgba(255,255,255,.15)
  }
  .launcher .sidebar .hover-scroll-y:hover {
   scrollbar-color:rgba(255,255,255,.25) transparent
  }
  .launcher .sidebar .hover-scroll-y:hover::-webkit-scrollbar-thumb {
   background-color:rgba(255,255,255,.25)
  }
  .launcher.sidebar-enabled {
   padding-right:475px
  }
  @media (max-width:991.98px) {
   .launcher {
    padding:15px
   }
   .launcher.sidebar-enabled {
    padding:15px
   }
   .launcher .sidebar {
    display:none;
    background-color:rgba(19,0,97,.75);
    top:15px;
    right:15px;
    bottom:15px
   }
  }


  .fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .bg-video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .bg-video {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../img/poster.jpg') center center / cover no-repeat;
    }

    .bg-video {
        display: none;
    }
}

.form-control.form-control-solid[readonly] {
    background-color: #c9cacb;
}

.btn-outline.bg-success .fa { color: #fff !important; }
.btn-outline.bg-danger .text-muted { color: #fff !important; }

.modal-danger .modal-content { background-color: #ed5959; }
table.stripe { border: 1px solid #3A7;border-radius: 0 0 1em 1em; }
table.stripe thead { background-size: cover; background-repeat: no-repeat; background-image: var(--header-bg); }
table.stripe thead tr * { color: #fff; }
table.stripe tr th:first-child { padding-left: 1em; }
table.stripe tr td:first-child { padding-left: 1em; }
table.stripe tr th:last-child { padding-right: 1em; }
table.stripe tr td:last-child { padding-right: 1em; }
table.stripe tbody tr.odd { background-color: #f9f9f9; }


.item-file { position: relative;display:inline-block;width:177px;margin:10px }
.item-file .delete-file { display: none;position: absolute;top:0;right:0;padding: 1px 7px !important;}
.item-file:hover .delete-file { display: block; }


table.datatable-card { display: flex;  width: 100%; }
table.datatable-card > thead { display: none;}
table.datatable-card > tbody { display: flex; width: 100%; flex-flow: wrap; }
table.datatable-card > tbody > tr { display: flex;}
table.datatable-card > tbody > tr > td { display: flex; width: 21em;}
table.datatable-card > tbody > tr > td > div { width: 100%; }

table.datatable-card-100 > tbody > tr { display: flex;width: 100%;}
table.datatable-card-100 > tbody > tr > td > div {width: 100%;display: flex;flex-direction: row;  }
table.datatable-card-100 > tbody > tr > td {display: flex;width: 100%;text-align: left !important; }

.item-post img { max-width: 100%;  max-height: 100%; }
.share-btn { padding: 0.5em; }
.share-btn > i { font-size: 2em; color: #3A7; }

.item-post .item-content , .wyswyg-content {     display: inline-block !important;width: 100% !important;height: auto !important; white-space: normal; }
.ql-editor .ql-video ,.ql-editor img ,.wyswyg-content .ql-video ,.wyswyg-content img{  margin: 0.5em; }
#editor-resizer .toolbar {
    display: flex !important;
    flex-direction: column !important;
    height: 6em !important;
  }
.tagify__dropdown__item .add-all .name { color:rgb(104, 27, 27); border-bottom: 1px dashed #ed5959; }

.modal-green .modal-content .modal-header { border-color: #3A7; background: rgb(131, 181, 159);}


.drawer-on > ul.nav  { flex-direction: column;margin-left: 1em; }

#map-tooltip { background-color: #fff; padding: 1em; border-radius: 0.5em;}


.symbol.symbol-60px.symbol-2by3 .symbol-label {
  overflow: hidden;
}