/* Your app custom files in this file */
/* Tab bar icons */
html{touch-action:pan-down !important}
html,
body {
  /* Disables pull-to-refresh but allows overscroll glow effects. */
  overscroll-behavior-y: contain !important;
}

.loader-wrapper {
  width: 100%;
  /*height: 100vh;*/
  position: fixed;
  top: 50px;
  bottom: 60px;
  left: 0;
  background-color: #fff;
  display:flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
.top-zero {
  top: 0px !important;
}
.loader {
  border: 7px solid #f3f3f3; /* Light grey */
  border-top: 7px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}
.loading-data {
  display: block;
  position: absolute;
  top: 57%;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
i.tabbar-demo-icon-1 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23929292'><g><circle cx='15.2' cy='8.8' r='1.5'/><polygon points='16.7,12.3 16.7,11.7 16.7,11.3 13.7,11.3 13.7,12.3 14.7,12.3 14.7,20.3 13.7,20.3 13.7,21.3 17.7,21.3 17.7,20.3 16.7,20.3'/><path d='M15.2,2.3C8.3,2.3,2.7,7.9,2.7,14.8s5.6,12.5,12.5,12.5c6.9,0,12.5-5.6,12.5-12.5S22.1,2.3,15.2,2.3z M15.2,26.3 c-6.3,0-11.5-5.2-11.5-11.5S8.8,3.3,15.2,3.3s11.5,5.2,11.5,11.5S21.5,26.3,15.2,26.3z'/></g></svg>");
}
.active i.tabbar-demo-icon-1 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 30' fill='%23007aff'><path d='M15,2.6C8.1,2.6,2.5,8.2,2.5,15.1C2.5,22,8.1,27.6,15,27.6S27.5,22,27.5,15.1C27.5,8.2,21.9,2.6,15,2.6z M15,7.6 c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5C13.5,8.3,14.2,7.6,15,7.6z M17.5,21.6h-4v-1h1v-8h-1v-1h3V12 v0.6v8h1V21.6z'/></svg>");
}
i.tabbar-demo-icon-2 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23929292'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.4L5.9,1z M24,16H1V7h7.1 c0.5,1.9,2.3,3.4,4.4,3.4s3.9-1.5,4.4-3.4H24V16z'/></svg>");
}
.active i.tabbar-demo-icon-2 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23007aff'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.3L5.9,1z'/></svg>");
}
i.tabbar-demo-icon-3 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23929292'><path d='M16.8,1c3.7,0,6.8,3,6.8,6.8l0,0.1c0,0,0,0.1,0,0.1l0,1l1,0C27,9,29,11,29,13.5c0,2.5-2,4.5-4.5,4.5H6c-2.8,0-5-2.2-5-5 c0-2.1,1.4-4,3.4-4.7L5,8.1l0.1-0.6C5.3,6,6.5,5,8,5c0.4,0,0.9,0.1,1.3,0.3l0.9,0.5l0.4-0.9C11.8,2.5,14.2,1,16.8,1 M16.8,0 c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4.1,7.3C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5 c0-3-2.5-5.5-5.5-5.5c0-0.1,0-0.2,0-0.2C24.5,3.5,21.1,0,16.8,0L16.8,0z'/></svg>");
}
.active i.tabbar-demo-icon-3 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23007aff'><path d='M24.5,8c0-0.1,0-0.2,0-0.2C24.5,3.5,21,0,16.8,0c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4,7.3 C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5C30,10.5,27.5,8,24.5,8z'/></svg>");
}
i.tabbar-demo-icon-4 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23929292'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15,0h-5C9.5,0,8.9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M24,17c0,0.6-0.4,1-1,1H2c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h4.2h0.4 l0.3-0.3l1.2-1.2l0,0.1l1.1-1.2C9.5,1.1,9.8,1,10,1h5c0.3,0,0.5,0.1,0.7,0.3l2.4,2.4L18.4,4h0.4H23c0.6,0,1,0.4,1,1V17z'/><path d='M12.5,4C8.9,4,6,6.9,6,10.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5C19,6.9,16.1,4,12.5,4z M12.5,16 c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5S18,7.5,18,10.5C18,13.5,15.5,16,12.5,16z'/><path d='M12.5,6C10,6,8,8,8,10.5C8,13,10,15,12.5,15s4.5-2,4.5-4.5C17,8,15,6,12.5,6z M12.5,14C10.6,14,9,12.4,9,10.5 C9,8.6,10.6,7,12.5,7S16,8.6,16,10.5C16,12.4,14.4,14,12.5,14z'/></g></svg>");
}
.active i.tabbar-demo-icon-4 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23007aff'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15.1,0h-5C9.5,0,9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M12.5,16c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5c3,0,5.5,2.5,5.5,5.5 C18,13.5,15.5,16,12.5,16z'/><circle cx='12.5' cy='10.5' r='4.5'/></g></svg>");
}

/** Core **/
.mt-0 {
  margin-top: 0 !important
}
.tab {
  padding-bottom: 0;
}
.page {
  background-color: #FFF;
}
.display-flex {
  display: flex !important;
}
.justify-content-space-between {
  justify-content: space-between !important;
}
.content-sep {
  display: block;
  clear: both;
  height: 120px;
}
/** Navbar **/
.navbar {
  background: #C10E21;
  color: #FFF;
}
.navbar .navbar-inner {
  align-items: flex-start;
}
.navbar .navbar-inner .title {
  display: flex;
  font-size: .8em;
  font-weight: 600;
  margin-left: 8px;
}
.navbar .navbar-inner .title small {
  font-weight: 500;
}
.navbar .navbar-inner .title img {
  max-width: 34px;
  margin-right: 10px
}
.navbar .card {
  display: flex;
  color: #000;
  width: 100%;
  top: 50px;
  z-index: 99;
}
.navbar .card .permohonan,
.navbar .card .dokumen {
  width: calc((100% - 5px) / 2);
  display: inline-block;
}
.navbar .card .permohonan .item,
.navbar .card .dokumen .item {
  display: flex;
  font-weight: 600;
}
.navbar .card .permohonan .item img,
.navbar .card .dokumen .item img {
  margin-right: 10px;
  width: 22px;
}
.navbar .card .permohonan small,
.navbar .card .dokumen small {
  color: rgba(49,53,59,0.68);
  font-weight: 500
}
.navbar .card .permohonan .item > div,
.navbar .card .dokumen .item > div {
  color: #c10f21
}
.navbar-hidden .card {
  transform: translate3d(0,-100%,0);
  transition: all .5s;
  -wenkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
}
.navbar .separator {
  display: flex;
  margin: 0 15px;
  width: 1px;
}
.navbar .separator::after {
  background-color: #f0f0f0;
  content: "";
  height: 100%;
  margin: auto;
  transition: background-color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  width: 20px;
}
.navbar .right i.f7-icons {
  color: #FFF !important;
  padding-right: 10px !important;
}
.navbar .navbar-inner a {
  color: #FFF;
}
.nav-search {
  width: 100%;
  top: 44px;
  position: absolute;
  padding: 0 15px 10px;
  background: #c10f21;
}
.nav-search .wp_autosearch_form_wrapper {
  height: 40px !important;
  border: 0px !important;
  border-radius: 7px;
}
.nav-search .wp_autosearch_form_wrapper button {
  display: none !important
}
.nav-search .wp_autosearch_form_wrapper input {
  height: 40px !important;
  border-radius: 7px;
}


/** Other **/
.lookforward[data-animation] {
}
ul small {
  color: rgba(49,53,59,0.68);
}
.list-block .item-title {
  font-size: 15px;
}
.card {
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
  border-radius: 8px;
}
.content-block {
  width: 100%
}
.content-block-title {
  font-size: 17px;
  text-transform: none;
  font-weight: 500;
  color: #000;
}
.content-block-title a {
  font-size: 15px;
}
.content-block-item {
  background: #fff;
  padding: 5px 15px;
  border-radius: 7px;
}
.content-block-item-title {
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 0 10px;
  border-bottom: 1px solid #f0f0f0;
}
.green-alert .content-block-item {
  background: #ecf4f0;
  border: 1px solid #4f9b68;
  color: #27603a;
  padding: 10px 15px;
}
.list-block .item-subtitle {
  white-space: normal;
  line-height: 1.2em;
}
.list-green a {
  background-color: #ecf4f0
}
.list-blue a {
  background-color: #ecf2fa
}
.list-brown a {
  background-color: #fcf2eb
}
.list-red a {
  background-color: #fceeeb
}
.dokumen-hukum .item-title {
  white-space: normal;
  font-weight: 400 !important;
  font-size: 14px;
}
.framework7-root #pojo-a11y-toolbar {
  display: none
}
table.posts-data-table {
  overflow-x: hidden;
}

table.posts-data-table {
  border-collapse: collapse;
}

.demo-card-header-pic {
  background-size: cover;
  height: 170px;
  display: flex;
  align-items: center;
  box-shadow: rgb(217 218 219 / 20%) 0px 8px 24px;
}
.demo-card-header-pic .card-header {
  display: block;
  width: 70%;
  font-weight: 500;
  color: #333;
  padding-left: 0;
}
.demo-card-header-pic .card-header::after {
  display: none
}
.demo-card-header-pic .card-header a {
  display: table;
  background-color: #f4a01a;
  margin-top: 10px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11.5px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: .05em;
}
.wp_autosearch_suggestions {
  display: block;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: 80px !important;
  width: 100% !important;
  max-height: 100vh !important;
  border-radius: 0 !important;
}
.wp_autosearch_suggestions ul li a {
  font-size: 14px !important;
  padding: 10px 15px !important;
}
.wp_autosearch_suggestions .searchheading {
  -webkit-line-clamp: 2 !important;
}
.wp_autosearch_suggestions a.wp_autosearch_more {
  background: #c01222 !important;
  padding: 10px 15px !important;
}
.accordion-item-content .timeline-item-inner {
  background: #f2f2f2;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #view-2 .page-content,
  #view-8 .page-content,
  .archive-jdih .page-content {
    height: 100%;
    width: 100%;

    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  #view-2 .page-content::-webkit-scrollbar,
  #view-8 .page-content::-webkit-scrollbar,
  .archive-jdih .page-content::-webkit-scrollbar {
    display: none;
    width: 0px;
  }
  iframe {
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .no-line.navbar::after {
    display: none
  }
  .posts-table-wrapper .dataTables_length {

  }

  .posts-table-wrapper .posts-table-controls.posts-table-above {
    display: grid;
    background-color: #fff;
    margin: 0;
    position: sticky;
    top: 0;
    z-index: 500;
  }
  .posts-table-wrapper .posts-table-controls .posts-table-select-filters .select2-container {
    margin: 0 0 10px 0!important;
    width: 49% !important;
  }
  .posts-table-wrapper .select2-dropdown {
    border: 0px solid #e6e6e6 !important;
  }
  .posts-table-controls .select2-container .select2-selection--single {
    border-radius: 8px;
    border: 0;
    border: 1px solid rgb(220 220 220);
    height: auto;
  }
  .posts-table-controls .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 33px;
  }
  .posts-table-controls .select2-container .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
    right: 4px
  }
  .posts-table-wrapper .dataTables_filter {
    margin: -4px 10px;
  }
  .posts-table-wrapper .dataTables_filter label {
    width: 100%;
    padding: 2px;
  }
  .posts-table-wrapper .dataTables_length {
    display: none
  }
  .posts-table-wrapper .dataTables_filter input {
    width: 100% !important;
    margin: -9px 0 0 !important;
    padding: 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    height: 40px !important;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px !important;
    font-size: 14px;
    color: #1e1e1e;
  }
  .posts-table-wrapper .posts-table-select-filters {
    order: 2;
    margin-right: 12px;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    padding: 10px 1px;
  }
  .dataTables_wrapper .dataTables_filter {
    order: 1;
    background: #c10f21;
    padding: 10px 10px 5px;
    margin: 0 !important;
  }
  table.posts-data-table {
    width: 100%;
    min-width: 320px;
    padding: 0px 12px;
  }

  /* Force table to not be like tables anymore */
  table.posts-data-table, table.posts-data-table thead, table.posts-data-table tbody, table.posts-data-table th, table.posts-data-table td, table.posts-data-table tr { 
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  table.posts-data-table th { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.posts-data-table td {
    background-color: #fff;
    font-size: 14px;
    color: #1a1a1a;
    padding: 10px !important;
  }

  table.posts-data-table tr {
    /*border-top: 6px solid #efeff4;*/
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-bottom: 10px;
    border-radius: 8px;
  }
  table.posts-data-table tr td:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  table.posts-data-table tr td:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  table.posts-data-table tr:nth-of-type(even) {
    background-color: #eee;
  }

  table.posts-data-table td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 28% !important;
  }

  table.posts-data-table td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 16px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }

  table.posts-data-table tr.odd>.sorting_1,
  table.posts-data-table tr.even>.sorting_1 {
    background-color: #fff !important;
  }

  .posts-table-below.posts-table-controls {
    display: none;
  }
}