@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;&display=swap");
body,
.z-window-content,
.login-container {
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 0px !important; }

.sticky-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #ffffff;
  /* Change this to your header's background color */ }

.form-group {
  padding: 24px;
  border: solid 1px #e3e3e3;
  border-radius: 8px;
  background-color: #fff; }
  .form-group .scrollable-div {
    width: 100%;
    /* Set the desired width */
    height: 400px;
    /* Set the desired height */
    overflow: auto;
    /* Enable vertical scrolling */
    border: 1px solid #ccc;
    /* Optional: Add a border for styling */
    padding: 10px;
    /* Optional: Add padding for content */
    margin-left: 12px; }
  .form-group .h1 span.z-label {
    font-weight: bold;
    font-size: 22px; }
  .form-group span.error-label.z-label {
    font-size: 12px;
    font-weight: 400;
    color: #de4436; }
  .form-group.with-shadow {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15); }
  .form-group.no-border {
    border: none;
    background: none; }
  .form-group .left-content-border {
    border-right: solid 1px #e3e3e3; }
  .form-group .devide-content {
    display: flex;
    align-items: center; }
    .form-group .devide-content .z-div,
    .form-group .devide-content span {
      margin-bottom: 8px; }
    .form-group .devide-content.top-content {
      align-items: flex-start; }
    .form-group .devide-content .inline-text {
      line-height: 24px; }
  .form-group.with-margin {
    margin: 0px 16px;
    height: 150px; }
  .form-group .row .z-div {
    margin-bottom: 16px; }
  .form-group span,
  .form-group label,
  .form-group input,
  .form-group button,
  .form-group .z-label,
  .form-group .z-textbox,
  .form-group .z-listbox-emptybody-content,
  .form-group h1 {
    font-family: 'Inter', sans-serif; }
  .form-group span.z-label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    color: #53535f;
    font-weight: 600; }
  .form-group .z-radiogroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .form-group .z-radiogroup.radio-block {
      display: block !important; }
    .form-group .z-radiogroup.z-radiogroup-horizontal {
      margin-bottom: 8px !important; }
      .form-group .z-radiogroup.z-radiogroup-horizontal span {
        margin-bottom: 8px !important; }
  .form-group .z-radio {
    display: inline-block;
    flex-direction: row; }
    .form-group .z-radio input[type='radio'] {
      margin: -2px 4px 0px 0px; }
    .form-group .z-radio label {
      margin-right: 16px; }
  .form-group input[type='text'],
  .form-group input[type='number'],
  .form-group input[type='password'],
  .form-group .z-searchbox-label,
  .form-group textarea {
    border-color: #e3e3e3;
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 4px;
    background: #fff; }
    .form-group input[type='text']:active, .form-group input[type='text']:hover, .form-group input[type='text']:focus,
    .form-group input[type='number']:active,
    .form-group input[type='number']:hover,
    .form-group input[type='number']:focus,
    .form-group input[type='password']:active,
    .form-group input[type='password']:hover,
    .form-group input[type='password']:focus,
    .form-group .z-searchbox-label:active,
    .form-group .z-searchbox-label:hover,
    .form-group .z-searchbox-label:focus,
    .form-group textarea:active,
    .form-group textarea:hover,
    .form-group textarea:focus {
      border-color: #0080c6;
      box-shadow: none; }
  .form-group .disable-input input,
  .form-group .z-textbox[readonly],
  .form-group .z-decimalbox[readonly],
  .form-group .z-intbox[readonly],
  .form-group .z-longbox[readonly],
  .form-group .z-doublebox[readonly],
  .form-group .z-textbox[disabled] {
    background: #ededed;
    color: #53535f;
    cursor: not-allowed !important; }
  .form-group .z-searchbox-label,
  .form-group .z-combobox-disabled,
  .form-group input {
    height: 40px;
    font-size: 13px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #53535f; }
  .form-group .z-searchbox-placeholder,
  .form-group .z-searchbox-label {
    padding: 8px;
    background: #fff !important;
    border-bottom: solid 1px #e3e3e3; }
  .form-group .z-searchbox-disabled .z-searchbox-placeholder,
  .form-group .z-searchbox-disabled .z-searchbox-label {
    background: #ededed !important;
    cursor: not-allowed; }
  .form-group .z-searchbox-clear {
    display: none !important; }
  .form-group .z-searchbox,
  .form-group .z-combobox,
  .form-group .z-datebox {
    width: 100%;
    height: 40px !important;
    margin-bottom: 4px;
    border-color: #edf2f9; }
    .form-group .z-searchbox.no-border,
    .form-group .z-combobox.no-border,
    .form-group .z-datebox.no-border {
      width: auto;
      height: 25px !important; }
      .form-group .z-searchbox.no-border input[type='text'],
      .form-group .z-combobox.no-border input[type='text'],
      .form-group .z-datebox.no-border input[type='text'] {
        border: none !important;
        padding: 5px 0px;
        background: none;
        font-size: 14px;
        color: #53535f;
        padding-bottom: 8px; }
      .form-group .z-searchbox.no-border .z-combobox-button,
      .form-group .z-combobox.no-border .z-combobox-button,
      .form-group .z-datebox.no-border .z-combobox-button {
        border: none;
        background: none;
        margin-top: -4px; }
        .form-group .z-searchbox.no-border .z-combobox-button:hover,
        .form-group .z-combobox.no-border .z-combobox-button:hover,
        .form-group .z-datebox.no-border .z-combobox-button:hover {
          background: none;
          text-decoration: none; }
  .form-group .z-searchbox {
    border: solid 1px #e3e3e3 !important; }
  .form-group .z-combobox-button,
  .form-group .z-datebox-button {
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    border: solid 0px;
    border-left: solid 1px #e3e3e3;
    position: absolute;
    margin-top: 2px;
    margin-right: 2px;
    text-decoration: none; }
    .form-group .z-combobox-button.z-combobox-disabled,
    .form-group .z-datebox-button.z-combobox-disabled {
      display: none; }
    .form-group .z-combobox-button:hover,
    .form-group .z-datebox-button:hover {
      background: #e3e3e3; }
  .form-group .button,
  .form-group button {
    height: 40px;
    background-image: none;
    text-shadow: none;
    padding: 0px 24px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block; }
  .form-group .btn-primary,
  .form-group .btn-primary:hover {
    background: #0080c6;
    border-color: #0080c6;
    color: #fff; }
    .form-group .btn-primary:hover,
    .form-group .btn-primary:hover:hover {
      opacity: 0.8; }
  .form-group .btn-primary-v2,
  .form-group .btn-primary-v2:hover {
    background: linear-gradient(180deg, #16aee6 0%, #0670d8 100%);
    border-radius: 8px;
    color: #fff;
    border: none;
    font-size: 16px;
    height: 44px; }
    .form-group .btn-primary-v2.medium,
    .form-group .btn-primary-v2:hover.medium {
      font-size: 14px;
      height: 36px; }
  .form-group .btn-outline-v2,
  .form-group .btn-outline-v2:hover {
    background: #fff;
    border-radius: 8px;
    color: #fff;
    border: solid 1px #195ba0;
    font-size: 16px;
    height: 44px;
    color: #195ba0; }
  .form-group .btn-outline-v2.small {
    font-size: 13px !important;
    height: 40px; }
  .form-group .btn-warning,
  .form-group .btn-warning:hover {
    background: #ffc107;
    border-color: #ffc107;
    color: #53535f; }
    .form-group .btn-warning:hover,
    .form-group .btn-warning:hover:hover {
      opacity: 0.8; }
  .form-group .btn-success,
  .form-group .btn-success:hover {
    background: #00c9a7;
    border-color: #00c9a7;
    color: #fff; }
    .form-group .btn-success:hover,
    .form-group .btn-success:hover:hover {
      opacity: 0.8; }
  .form-group .btn-danger {
    background: #de4436;
    border-color: #de4436;
    color: #fff; }
    .form-group .btn-danger:hover {
      opacity: 0.8; }
  .form-group .btn-danger-outline {
    background: #fff;
    border-color: #fff;
    color: #de4436;
    text-decoration: underline; }
    .form-group .btn-danger-outline:hover {
      color: #ff3d3d; }
  .form-group .btn-primary-outline {
    background: #fff;
    border-color: #fff;
    color: #0080c6;
    text-decoration: underline; }
    .form-group .btn-primary-outline:hover {
      opacity: 0.8; }
  .form-group .btn-outline {
    background: #fff;
    border: solid 1px #e3e3e3;
    color: #0080c6; }
    .form-group .btn-outline:hover {
      opacity: 0.8; }
  .form-group .btn-gray {
    background: #6f6f6f;
    border-color: #6f6f6f;
    color: #fff; }
    .form-group .btn-gray:hover {
      opacity: 0.8; }
  .form-group .btn-green {
    background: #14c52c;
    border-color: #14c52c;
    color: #fff; }
    .form-group .btn-green:hover {
      opacity: 0.8; }
  .form-group .row-group {
    margin: 0px 0px 16px;
    padding-bottom: 8px;
    border-bottom: solid 1px #e6e6e6; }
  .form-group .line-separator {
    width: 100%;
    border-bottom: solid 1px #e3e3e3;
    margin: 8px 0px;
    clear: both; }
  .form-group .full-width {
    width: 100%; }
  .form-group .w-200 {
    width: 200px; }
  .form-group .z-checkbox-content {
    font-size: 13px;
    margin-bottom: 0px !important;
    line-height: 17px; }
  .form-group input[type='checkbox'] {
    margin: 0px 8px 0px 0px; }
  .form-group .z-checkbox {
    display: flex;
    align-items: center; }

.dashboard-template .z-label {
  font-family: 'Inter', sans-serif; }

.header {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15);
  height: 70px !important; }
  .header .logo-wrapper {
    width: 250px;
    border-right: solid 1px #e6e6e6;
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    transition: all 0.3s;
    overflow: hidden; }
    .header .logo-wrapper img {
      transition: all 0.3s; }
  .header .header-right {
    width: calc(100% - 250px);
    padding-right: 16px;
    position: relative;
    display: flex;
    justify-content: space-between;
    transition: all 0.3s; }
  .header .row {
    display: flex;
    align-items: center;
    margin: 0px; }
    .header .row .z-label {
      display: flex;
      align-items: center;
      font-size: 14px; }
  .header span {
    font-weight: 600; }
  .header .user-icon {
    border: none;
    background: none;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    color: #2c2c2c;
    display: flex;
    align-items: center;
    color: #53535f;
    margin-top: 6px;
    margin-left: 9px; }
    .header .user-icon::before {
      content: ' ';
      display: block;
      width: 28px;
      height: 28px;
      background-image: url(/public/images/profile-user.png);
      background-size: 28px;
      margin-top: -4px;
      margin-right: 8px;
      margin-left: 8px; }
    .header .user-icon::hover {
      background: none; }
    .header .user-icon i {
      margin-right: 8px; }
      .header .user-icon i::before {
        font-size: 20px;
        color: #53535f; }
    .header .user-icon:hover, .header .user-icon:focus {
      background: none !important; }
    .header .user-icon:active {
      background: #f2f4f7 !important; }
  .header .notif-menu {
    border-right: solid 1px #eaeaea;
    display: block;
    padding-right: 16px; }
    .header .notif-menu::before {
      content: ' ';
      display: block;
      width: 32px;
      height: 32px;
      background-image: url(/public/images/notification-icon.png);
      background-size: 32px; }
  .header .notif-menu-read {
    border-right: solid 1px #eaeaea;
    display: block;
    padding-right: 16px; }
    .header .notif-menu-read::before {
      content: ' ';
      display: block;
      width: 32px;
      height: 32px;
      background-image: url(/public/images/notification-read-icon.png);
      background-size: 32px; }
  .header button {
    font-family: 'Inter', sans-serif;
    border: none;
    background: none;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    margin-left: -8px;
    z-index: 99;
    align-items: center;
    color: #53535f; }
    .header button i {
      margin-right: 8px; }
      .header button i::before {
        font-size: 20px;
        color: #53535f; }
    .header button:hover, .header button:focus {
      background: none !important; }
    .header button:active {
      background: #f2f4f7 !important; }

.menu-navbar {
  background-color: #fff;
  border-right: solid 1px #e3e3e3;
  transition: all 0.3s;
  overflow-y: auto;
  padding-left: 8px;
  padding-right: 8px; }
  .menu-navbar a {
    background: url(/public/images/sidebar/bg-sidebar-top.svg) top right no-repeat, url(/public/images/sidebar/bg-sidebar-bottom.svg) bottom left no-repeat, #ffffff !important;
    background-blend-mode: lighten !important;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    height: auto;
    border: 0px solid transparent;
    cursor: pointer !important; }
    .menu-navbar a:hover {
      background-color: #f0f0f0 !important;
      text-decoration: none; }
    .menu-navbar a span {
      font-family: 'Inter', sans-serif;
      font-size: 14px;
      color: #53535f;
      white-space: normal; }
    .menu-navbar a i::before {
      font-size: 18px;
      color: #53535f; }
    .menu-navbar a:active,
    .menu-navbar a .active {
      background-color: #b94a48; }
  .menu-navbar .z.nav-child .z-navitem-content a {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    height: auto;
    border-radius: 8px;
    cursor: pointer !important; }
  .menu-navbar .haschild a:after {
    content: '\f106';
    font-size: 18px;
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    right: 16px;
    font-weight: normal;
    color: #53535f;
    transition: all 0.5s; }
  .menu-navbar .haschild.z-nav-open a:after {
    transform: rotate(180deg); }
  .menu-navbar .haschild ul a:after {
    display: none; }
  .menu-navbar .haschild ul li {
    position: relative; }
    .menu-navbar .haschild ul li::before {
      content: ' ';
      width: 1px;
      height: 100%;
      position: absolute;
      z-index: 100; }
    .menu-navbar .haschild ul li::after {
      content: ' ';
      width: 16px;
      height: 1px;
      position: absolute;
      top: 24px;
      z-index: 100; }
    .menu-navbar .haschild ul li.haschild .z-nav-content:after {
      content: '\f106';
      font-size: 18px;
      font: normal normal normal 12px/1 FontAwesome;
      position: absolute;
      right: 16px;
      font-weight: normal;
      color: #53535f;
      display: block !important;
      transition: all 0.5s;
      transform: rotate(0deg) !important; }
    .menu-navbar .haschild ul li.haschild .haschild .z-nav-content {
      padding-left: 32px; }
      .menu-navbar .haschild ul li.haschild .haschild .z-nav-content span {
        color: #53535f; }
    .menu-navbar .haschild ul li.haschild .haschild li .z-navitem-content {
      padding-left: 48px; }
    .menu-navbar .haschild ul li.haschild .haschild.z-nav-open .z-nav-content span {
      color: #3f87f5; }
    .menu-navbar .haschild ul li.haschild.z-nav-open .z-nav-content:after {
      transform: rotate(180deg) !important; }
    .menu-navbar .haschild ul li.haschild .z-navitem-content {
      padding-left: 32px; }
  .menu-navbar .z-navbar-vertical .z-nav-content:before {
    background: none; }
  .menu-navbar .z-nav-popup .z-nav-content:before {
    background: #3f87f5;
    height: 100%;
    left: unset;
    right: 0px; }
  .menu-navbar .z-navitem-selected a {
    background: url(/public/images/sidebar/bg-sidebar-top.svg) top right no-repeat, url(/public/images/sidebar/bg-sidebar-bottom.svg) bottom left no-repeat, linear-gradient(180deg, #16AEE6 0%, #0670D8 100%) !important; }
  .menu-navbar .nav-child .z-navitem-selected a {
    background-image: none !important;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    height: auto;
    border-radius: 8px;
    cursor: pointer !important; }
  .menu-navbar .z-navitem-selected .z-navitem-content {
    border-radius: 8px; }
  .menu-navbar .z-navitem-selected a {
    position: relative; }
    .menu-navbar .z-navitem-selected a span {
      color: white;
      font-weight: 700;
      font-family: 'Plus Jakarta Sans', sans-serif; }
    .menu-navbar .z-navitem-selected a::before {
      content: ' ';
      right: 0px;
      position: absolute;
      width: 2px;
      border-radius: 8px; }
  .menu-navbar .nav-icon {
    position: relative;
    margin-top: 8px; }
    .menu-navbar .nav-icon::before {
      content: ' ';
      position: absolute;
      width: 22px;
      height: 22px;
      background-repeat: no-repeat;
      left: 13px;
      top: 13px;
      z-index: 10; }
  .menu-navbar .nav-penerimaan::before {
    background-image: url(/public/images/sidebar/penerimaan.svg);
    left: 18px; }
  .menu-navbar .nav-penerimaan.z-navitem-selected::before {
    background-image: url(/public/images/sidebar/penerimaan-1.svg); }
  .menu-navbar .nav-penanganan::before {
    background-image: url(/public/images/sidebar/penanganan.svg);
    left: 18px; }
  .menu-navbar .nav-penanganan.z-navitem-selected::before {
    background-image: url(/public/images/sidebar/penanganan-1.svg); }
  .menu-navbar .nav-child a {
    position: relative;
    background-image: none !important;
    background: none !important;
    border-width: 0; }
    .menu-navbar .nav-child a span {
      color: #242424;
      font-weight: 700;
      font-family: 'Plus Jakarta Sans', sans-serif; }
    .menu-navbar .nav-child a::before {
      content: ' ';
      right: 0px;
      position: absolute;
      width: 2px;
      border-radius: 8px; }
  .menu-navbar .nav-child.z-navitem-selected a {
    position: relative;
    background-image: none !important;
    background: none !important;
    border-width: 0; }
    .menu-navbar .nav-child.z-navitem-selected a span {
      color: #3f87f5;
      font-weight: 700;
      font-family: 'Plus Jakarta Sans', sans-serif; }
    .menu-navbar .nav-child.z-navitem-selected a.nav-penanganan-data_case .z-navitem-image {
      background-image: url(/public/images/sidebar/layer-group.svg) !important;
      left: 18px; }
    .menu-navbar .nav-child.z-navitem-selected a::before {
      content: ' ';
      right: 0px;
      position: absolute;
      width: 2px;
      border-radius: 8px; }
  .menu-navbar .nav-child.nav-penanganan-data_case a .z-navitem-image {
    background-image: url(/public/images/sidebar/layer-group-1.svg) !important;
    left: 18px;
    background-repeat: no-repeat; }
  .menu-navbar .nav-child.nav-penanganan-data_case.z-navitem-selected a .z-navitem-image {
    background-image: url(/public/images/sidebar/layer-group.svg) !important;
    left: 18px;
    background-repeat: no-repeat; }
  .menu-navbar .nav-child.nav-penanganan-reassign-picpenanganan a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-reassign-crmho a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-reassign-picmonitoring a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-reassign-spvcabang a .z-navitem-image {
    background-image: url(/public/images/sidebar/reassign-1.svg) !important;
    left: 18px;
    background-repeat: no-repeat; }
  .menu-navbar .nav-child.nav-penanganan-reassign-picpenanganan.z-navitem-selected a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-reassign-crmho.z-navitem-selected a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-reassign-picmonitoring.z-navitem-selected a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-reassign-spvcabang.z-navitem-selected a .z-navitem-image {
    background-image: url(/public/images/sidebar/reassign.svg) !important;
    left: 18px;
    background-repeat: no-repeat; }
  .menu-navbar .nav-child.nav-penanganan-approval_reassign a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-approval_grouping a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-approval_extend_sla a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-approval_letter a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-case_verification a .z-navitem-image, .menu-navbar .nav-child.nav-penyelesaian-pertinjauan_surat_tanggapan a .z-navitem-image, .menu-navbar .nav-child.nav-penyelesaian-persetujuan_surat_tanggapan a .z-navitem-image {
    background-image: url(/public/images/sidebar/dark-approvel-1.svg) !important;
    left: 18px;
    background-repeat: no-repeat;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  .menu-navbar .nav-child.nav-penanganan-approval_reassign.z-navitem-selected a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-approval_grouping.z-navitem-selected a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-approval_extend_sla.z-navitem-selected a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-approval_letter.z-navitem-selected a .z-navitem-image, .menu-navbar .nav-child.nav-penanganan-case_verification.z-navitem-selected a .z-navitem-image, .menu-navbar .nav-child.nav-penyelesaian-pertinjauan_surat_tanggapan.z-navitem-selected a .z-navitem-image, .menu-navbar .nav-child.nav-penyelesaian-persetujuan_surat_tanggapan.z-navitem-selected a .z-navitem-image {
    background-image: url(/public/images/sidebar/approvel.svg) !important;
    left: 18px;
    background-repeat: no-repeat;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  .menu-navbar .nav-child.nav-penanganan-data_followup a .z-navitem-image {
    background-image: url(/public/images/sidebar/follow-up-1.svg) !important;
    left: 18px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-repeat: no-repeat; }
  .menu-navbar .nav-child.nav-penanganan-data_followup.z-navitem-selected a .z-navitem-image {
    background-image: url(/public/images/sidebar/follow-up.svg) !important;
    left: 18px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-repeat: no-repeat; }
  .menu-navbar .nav-child.nav-penanganan-bap a .z-navitem-image {
    background-image: url(/public/images/sidebar/bap-1.svg) !important;
    left: 18px;
    background-repeat: no-repeat;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  .menu-navbar .nav-child.nav-penanganan-bap.z-navitem-selected a .z-navitem-image {
    background-image: url(/public/images/sidebar/bap.svg) !important;
    left: 18px;
    background-repeat: no-repeat;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
  .menu-navbar .nav-child.nav-penyelesaian-surat_tanggapan a .z-navitem-image {
    background-image: url(/public/images/sidebar/approval-letter-1.svg) !important;
    left: 18px;
    background-repeat: no-repeat; }
  .menu-navbar .nav-child.nav-penyelesaian-surat_tanggapan.z-navitem-selected a .z-navitem-image {
    background-image: url(/public/images/sidebar/approval-letter.svg) !important;
    left: 18px;
    background-repeat: no-repeat; }
  .menu-navbar .nav-penyelesaian::before {
    background-image: url(/public/images/sidebar/penyelesaian.svg);
    left: 18px; }
  .menu-navbar .nav-penyelesaian.z-navitem-selected::before {
    background-image: url(/public/images/sidebar/penyelesaian-1.svg); }
  .menu-navbar .nav-home::before {
    background-image: url(/public/images/icon-beranda.png);
    left: 16px;
    width: 20px;
    height: 20px;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center; }
  .menu-navbar .nav-home.z-navitem-selected::before {
    background-image: url(/public/images/icon-beranda-active.png); }
  .menu-navbar .nav-master::before {
    background-image: url(/public/images/icon-master.png);
    left: 16px; }
  .menu-navbar .nav-master ul li::before {
    background-image: none !important; }
  .menu-navbar .nav-master.z-nav-open::before {
    background-image: url(/public/images/icon-master-active.png); }
  .menu-navbar .nav-master.z-nav-open .z-nav-text {
    font-weight: 500;
    color: #3f87f5; }
  .menu-navbar .nav-master.z-nav-open ul li.z-nav-open .z-nav-text {
    font-weight: 500;
    color: #3f87f5; }
  .menu-navbar .nav-master.z-nav-open ul li .z-nav-text {
    font-weight: 400;
    color: #53535f; }
  .menu-navbar .nav-logout::before {
    background-image: url(/public/images/icon-logout.png);
    left: 20px; }
  .menu-navbar .nav-logout.z-navitem-selected::before {
    background-image: url(/public/images/icon-logout-active.png); }

.center-content {
  border: none;
  padding: 24px;
  background-color: #f2f4f7;
  overflow-y: auto;
  transition: all 0.3s;
  width: calc(100% - 250px); }
  .center-content .breadcumbs {
    margin-bottom: 16px;
    display: flex;
    align-items: center; }
    .center-content .breadcumbs .title {
      margin-right: 24px; }
      .center-content .breadcumbs .title span {
        font-size: 17px;
        font-weight: 500;
        color: #53535f; }
    .center-content .breadcumbs .z-navitem-image {
      display: none; }
    .center-content .breadcumbs .z-navitem {
      width: auto;
      min-width: auto; }
      .center-content .breadcumbs .z-navitem:last-child a:after {
        display: none; }
      .center-content .breadcumbs .z-navitem:last-child .z-navitem-text {
        color: #53535f; }
      .center-content .breadcumbs .z-navitem a {
        background: none !important;
        border: none !important;
        display: flex;
        align-items: center;
        padding-left: 0px;
        padding-right: 0px; }
        .center-content .breadcumbs .z-navitem a i {
          margin-right: 2px;
          margin-top: -3px; }
          .center-content .breadcumbs .z-navitem a i::before {
            color: #53535f; }
        .center-content .breadcumbs .z-navitem a .z-navitem-text {
          font-family: 'Inter', sans-serif;
          font-weight: 500;
          font-size: 13px;
          color: #72849a; }
        .center-content .breadcumbs .z-navitem a::after {
          content: '\f054';
          display: inline-block;
          color: #53535f;
          padding-left: 8px;
          font: normal normal normal 10px/1 FontAwesome;
          padding-right: 8px; }
        .center-content .breadcumbs .z-navitem a:hover {
          text-decoration: none; }
  .center-content .z-window,
  .center-content .z-window-content {
    background: none; }

.z-panel.noborder {
  border: none; }

.z-panel {
  border-radius: 8px;
  border: solid 1px #e3e3e3;
  margin-bottom: 16px; }
  .z-panel.error {
    border: solid 1px #b94a48;
    position: relative; }
  .z-panel.gray-pannel div {
    background-color: #f8f9fc; }
    .z-panel.gray-pannel div.history-item {
      margin: 16px;
      background-color: #fff;
      border-radius: 8px;
      padding: 16px;
      width: calc(100% - 32px);
      border: solid 1px #edf2f9; }
      .z-panel.gray-pannel div.history-item div {
        background-color: #fff; }
      .z-panel.gray-pannel div.history-item span {
        font-size: 14px; }
      .z-panel.gray-pannel div.history-item .title span {
        font-size: 15px;
        font-weight: 600; }
  .z-panel.gray-pannel .z-panel-body {
    padding-bottom: 16px; }
  .z-panel .header-title,
  .z-panel .z-panel-header {
    font-family: 'Inter', sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    background: #fff;
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 8px;
    color: #363636 !important; }
  .z-panel .z-panel-head {
    padding: 24px 24px 16px;
    background: #fff;
    border: none; }
  .z-panel .z-panelchildren {
    border: none; }
  .z-panel .z-panel-expand {
    border: none;
    background: none; }
  .z-panel .radio-box input[type='radio'] {
    display: none; }
  .z-panel .radio-box .z-radio {
    border: solid 1px #e6e6e6;
    text-align: center;
    padding: 6px 24px;
    border-radius: 8px;
    margin-right: 16px; }
    .z-panel .radio-box .z-radio.z-radio-on {
      background-color: #0080c6;
      color: #fff;
      border: solid 1px #0080c6; }
    .z-panel .radio-box .z-radio label {
      margin-right: 0px;
      margin-bottom: 0px; }
  .z-panel .radio-box-select-contract input[type='radio'] {
    display: none; }
  .z-panel .radio-box-select-contract .z-radio {
    border: solid 1px #e6e6e6;
    text-align: center;
    padding: 6px 24px;
    border-radius: 16px;
    margin-right: 16px; }
    .z-panel .radio-box-select-contract .z-radio.z-radio-on {
      background-color: #72849a;
      color: #0080c6;
      border: solid 1px #0080c6; }
    .z-panel .radio-box-select-contract .z-radio label {
      margin-right: 0px;
      margin-bottom: 0px; }
  .z-panel .upload-wrapper {
    border-radius: 8px;
    background-color: #f3f5f9;
    border: solid 1px #e6e6e6;
    margin-left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 16px; }
    .z-panel .upload-wrapper img {
      border-radius: 8px;
      width: 100%; }
    .z-panel .upload-wrapper.no-image {
      min-height: 200px; }
  .z-panel.z-panel-collapsed .z-panel-header {
    border-bottom: none !important; }
  .z-panel .z-listcell-content .z-panel-head {
    padding: 16px 16px 16px; }

span.z-label.bold,
.bold {
  display: inline-block;
  font-weight: 700 !important; }
  span.z-label.bold span,
  .bold span {
    font-weight: 700; }

span.z-label.col.bold {
  display: block !important; }

.small {
  font-size: 12px !important; }

.normal {
  font-size: 14px !important; }

.blue {
  color: #3f87f5 !important; }

.inline-text {
  display: flex; }

.login-container {
  background: url("/public/images/bg-login.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }
  .login-container .z-window-content {
    background: none; }
    .login-container .z-window-content h1 {
      font-size: 32px;
      font-weight: 800; }
    .login-container .z-window-content .form-group {
      padding: 32px; }
      .login-container .z-window-content .form-group .z-label {
        font-size: 14px; }
      .login-container .z-window-content .form-group input[type='text'],
      .login-container .z-window-content .form-group input[type='password'] {
        font-size: 14px;
        border: none;
        border-bottom: solid 1px #e6e6e6;
        border-radius: 0px;
        box-shadow: none;
        margin-top: 8px;
        width: 100%;
        color: #53535f;
        padding-left: 36px; }
      .login-container .z-window-content .form-group button {
        font-size: 16px;
        font-weight: 600;
        height: 45px;
        border-radius: 24px; }
      .login-container .z-window-content .form-group .username-input {
        position: relative; }
        .login-container .z-window-content .form-group .username-input::before {
          content: '\f2c2';
          font: normal normal normal 14px/1 FontAwesome;
          position: absolute;
          left: 0px;
          font-weight: normal;
          color: #53535f;
          top: 17px;
          font-size: 20px; }
      .login-container .z-window-content .form-group .password-input {
        position: relative; }
        .login-container .z-window-content .form-group .password-input::before {
          content: '\f023';
          font: normal normal normal 14px/1 FontAwesome;
          position: absolute;
          left: 0px;
          font-weight: normal;
          color: #53535f;
          top: 17px;
          font-size: 20px; }
      .login-container .z-window-content .form-group .captcha-input {
        position: relative; }
        .login-container .z-window-content .form-group .captcha-input::before {
          content: '\f121';
          font: normal normal normal 14px/1 FontAwesome;
          position: absolute;
          left: 0px;
          font-weight: normal;
          color: #53535f;
          top: 13px;
          font-size: 20px; }
      .login-container .z-window-content .form-group .btn-refresh {
        position: relative;
        display: flex;
        justify-content: center;
        height: 20px;
        font-size: 14px; }
        .login-container .z-window-content .form-group .btn-refresh:hover {
          background: none;
          border: solid 1px #fff; }
        .login-container .z-window-content .form-group .btn-refresh::before {
          content: '\f021';
          font: normal normal normal 14px/1 FontAwesome;
          position: absolute;
          /* left: 0px; */
          font-weight: normal;
          color: #53535f;
          top: -22px;
          font-size: 16px; }

.z-paging {
  height: auto;
  padding: 8px !important;
  float: right;
  margin: 8px;
  background: none; }
  .z-paging input[type='text'] {
    width: 40px !important;
    font-size: 13px; }
  .z-paging .z-paging-button {
    font-family: 'Inter', sans-serif;
    font-size: 13px; }
    .z-paging .z-paging-button.z-paging-selected {
      font-weight: 600; }

.z-listitem:hover .z-listcell {
  background: none !important; }

.z-listbox-odd > .z-listcell {
  background: #fff !important; }

.delete-right-button {
  position: absolute;
  right: 16px;
  top: 16px; }

.modal-wrapper-notif .hide,
.modal-wrapper .hide {
  display: none; }
.modal-wrapper-notif .modal-overlay,
.modal-wrapper .modal-overlay {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15); }
.modal-wrapper-notif .modal-content-wrapper,
.modal-wrapper .modal-content-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 10001;
  overflow-y: auto; }
  .modal-wrapper-notif .modal-content-wrapper .title-modal b,
  .modal-wrapper .modal-content-wrapper .title-modal b {
    font-size: 16px; }
  .modal-wrapper-notif .modal-content-wrapper .modal-content,
  .modal-wrapper .modal-content-wrapper .modal-content {
    display: block;
    padding: 16px;
    width: 600px;
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left: -300px;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
.modal-wrapper-notif .desc,
.modal-wrapper .desc {
  position: relative; }
  .modal-wrapper-notif .desc span,
  .modal-wrapper .desc span {
    font-size: 14px;
    line-height: 24px; }
  .modal-wrapper-notif .desc .text-center,
  .modal-wrapper .desc .text-center {
    text-align: center; }

.modal-content {
  display: none; }

.btn-with-menu-wrapper {
  position: relative; }
  .btn-with-menu-wrapper .z-menubar {
    border: none;
    background: none;
    display: flex;
    justify-content: flex-end; }
    .btn-with-menu-wrapper .z-menubar .z-menu-content {
      background: #0080c6;
      border-color: #0080c6;
      color: #fff;
      padding: 8px 24px 8px;
      padding-right: 32px; }
      .btn-with-menu-wrapper .z-menubar .z-menu-content span {
        text-shadow: none; }
      .btn-with-menu-wrapper .z-menubar .z-menu-content i {
        right: 11px;
        top: 7px; }
        .btn-with-menu-wrapper .z-menubar .z-menu-content i::before {
          color: #fff; }

.z-menupopup {
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border: none;
  padding: 0px; }
  .z-menupopup .notif-item a {
    padding: 16px;
    transition: all 0.3s; }
    .z-menupopup .notif-item a:hover {
      background: rgba(63, 135, 245, 0.1) !important;
      border: solid 1px #fff;
      text-decoration: none; }
      .z-menupopup .notif-item a:hover span {
        text-decoration: none;
        text-shadow: none; }
        .z-menupopup .notif-item a:hover span::before {
          background-color: rgba(63, 135, 245, 0.3); }
    .z-menupopup .notif-item a span {
      font-size: 12px;
      width: 300px;
      white-space: normal;
      display: flex;
      align-items: center; }
      .z-menupopup .notif-item a span::before {
        content: ' ';
        display: block;
        background-color: rgba(63, 135, 245, 0.2);
        background-image: url(/public/images/icon-penerimaan-active.png);
        background-size: 16px;
        width: 58px !important;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 8px;
        border-radius: 20px; }
  .z-menupopup .z-menupopup-separator {
    display: none; }
  .z-menupopup .z-menuitem-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px; }
  .z-menupopup img {
    display: none; }
  .z-menupopup .z-menuitem-content {
    border-bottom: solid 1px #e3e3e3;
    border-radius: 0px;
    padding: 8px; }
    .z-menupopup .z-menuitem-content:hover {
      border-bottom: solid 1px #8fb9d0; }

.z-spinner-button {
  height: 32px;
  border-top: none;
  top: 1px;
  border-bottom: none;
  border-radius: 0px 0px 0px 0px;
  border-right: 0px;
  right: 3px;
  border-left: solid 1px #e6e6e6; }
  .z-spinner-button .z-spinner-up {
    top: 1px !important; }
  .z-spinner-button .z-spinner-down {
    bottom: 1px !important; }

.z-tabs-content {
  border-bottom: solid 1px #e3e3e3; }
  .z-tabs-content .z-tab {
    border-radius: 8px 8px 0px 0px;
    margin-right: 2px;
    padding: 1px 16px;
    border-color: #e3e3e3; }
    .z-tabs-content .z-tab span {
      font-family: 'Inter', sans-serif;
      font-weight: 500; }
    .z-tabs-content .z-tab.z-tab-selected {
      background: #0080c6;
      border-color: #0080c6;
      position: relative; }
      .z-tabs-content .z-tab.z-tab-selected span {
        color: #fff;
        font-weight: 700; }
      .z-tabs-content .z-tab.z-tab-selected:after {
        content: ' ';
        position: absolute;
        width: calc(100% + 2px);
        height: 1px;
        background-color: #0080c6;
        bottom: -1px;
        left: -1px; }

.z-tabpanel {
  border: none;
  padding: 0px; }
  .z-tabpanel .z-toolbar {
    padding: 0px;
    background: none; }

.z-tabbox-top > .z-tabs .z-tab:first-child.z-tab-selected + .z-tab,
.z-tabbox-top > .z-tabs .z-tab:first-child.z-tab-selected {
  box-shadow: none;
  -webkit-box-shadow: none; }

.z-stepbar {
  max-width: 600px;
  margin: auto; }
  .z-stepbar .z-step-title {
    font-family: 'Inter', sans-serif;
    font-size: 14px; }
  .z-stepbar .z-step-complete .z-step-title,
  .z-stepbar .z-step-active .z-step-title {
    font-weight: 600;
    color: #3f87f5; }
  .z-stepbar .z-step-icon-empty {
    border-color: #e3e3e3;
    border-width: 3px;
    width: 60px;
    height: 60px; }
  .z-stepbar.z-step-active .z-step-icon-empty, .z-stepbar.z-step-complete .z-step-icon-empty {
    background: linear-gradient(225deg, #1999ff -4.37%, #0043f0 110.63%) !important; }
  .z-stepbar.z-stepbar-wrapped-label .z-step-content:after {
    left: calc(50% + (63px / 2)); }
  .z-stepbar.z-stepbar-wrapped-label .z-step-content:before {
    right: calc(50% + (60px / 2)); }
  .z-stepbar.z-stepbar-wrapped-label .z-step-content:before, .z-stepbar.z-stepbar-wrapped-label .z-step-content:after {
    top: 26px; }
  .z-stepbar.z-stepbar-wrapped-label .z-step:before, .z-stepbar.z-stepbar-wrapped-label .z-step:after {
    margin-top: 26px; }
  .z-stepbar .z-step-icon {
    position: relative;
    background-color: rgba(230, 230, 230, 0.36); }
  .z-stepbar .step-penerimaan .z-step-icon::before {
    content: ' ';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-image: url(/public/images/icon-penerimaan.png);
    left: calc(50% - 18px);
    top: calc(50% - 15px); }
  .z-stepbar .step-penerimaan.previous .z-step-icon, .z-stepbar .step-penerimaan.z-step-complete .z-step-icon, .z-stepbar .step-penerimaan.z-step-active .z-step-icon {
    background: linear-gradient(225deg, #1999ff -4.37%, #0043f0 110.63%) !important;
    border-color: #fff;
    width: 62px;
    height: 62px;
    margin-top: -2px; }
    .z-stepbar .step-penerimaan.previous .z-step-icon::before, .z-stepbar .step-penerimaan.z-step-complete .z-step-icon::before, .z-stepbar .step-penerimaan.z-step-active .z-step-icon::before {
      content: ' ';
      display: block;
      position: absolute;
      width: 30px;
      height: 30px;
      background-size: 30px;
      background-image: url(/public/images/icon-penerimaan-white.svg);
      left: calc(50% - 17px);
      top: calc(50% - 15px); }
  .z-stepbar .step-penerimaan.z-step-complete .z-step-icon {
    border: solid 2px #fff; }
  .z-stepbar .step-penanganan .z-step-icon::before {
    content: ' ';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-image: url(/public/images/icon-penanganan.png);
    left: calc(50% - 12px);
    top: calc(50% - 15px); }
  .z-stepbar .step-penanganan.previous .z-step-icon, .z-stepbar .step-penanganan.z-step-complete .z-step-icon, .z-stepbar .step-penanganan.z-step-active .z-step-icon {
    background: linear-gradient(225deg, #1999ff -4.37%, #0043f0 110.63%) !important;
    border-color: #fff;
    width: 62px;
    height: 62px;
    margin-top: -2px; }
    .z-stepbar .step-penanganan.previous .z-step-icon::before, .z-stepbar .step-penanganan.z-step-complete .z-step-icon::before, .z-stepbar .step-penanganan.z-step-active .z-step-icon::before {
      content: ' ';
      display: block;
      position: absolute;
      width: 30px;
      height: 30px;
      background-size: 30px;
      background-image: url(/public/images/icon-penanganan-white.svg);
      left: calc(50% - 12px);
      top: calc(50% - 15px); }
  .z-stepbar .step-penyelesaian .z-step-icon::before {
    content: ' ';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-image: url(/public/images/icon-penyelesaian.png);
    left: calc(50% - 13px);
    top: calc(50% - 15px); }
  .z-stepbar .step-penyelesaian.previous .z-step-icon, .z-stepbar .step-penyelesaian.z-step-complete .z-step-icon, .z-stepbar .step-penyelesaian.z-step-active .z-step-icon {
    background: linear-gradient(225deg, #1999ff -4.37%, #0043f0 110.63%) !important;
    border-color: #fff;
    width: 62px;
    height: 62px;
    margin-top: -2px; }
    .z-stepbar .step-penyelesaian.previous .z-step-icon::before, .z-stepbar .step-penyelesaian.z-step-complete .z-step-icon::before, .z-stepbar .step-penyelesaian.z-step-active .z-step-icon::before {
      content: ' ';
      display: block;
      position: absolute;
      width: 30px;
      height: 30px;
      background-size: 30px;
      background-image: url(/public/images/icon-penyelesaian-white.svg);
      left: calc(50% - 12px);
      top: calc(50% - 15px); }

.z-stepbar-linear .z-step-active:before,
.z-stepbar-linear .z-step-complete:before,
.z-stepbar-wrapped-label.z-stepbar-linear .z-step-complete:after,
.z-stepbar-wrapped-label.z-stepbar-linear
.z-step-complete
.z-step-content:after,
.z-stepbar-wrapped-label.z-stepbar-linear .z-step-active .z-step-content:before,
.z-stepbar-wrapped-label.z-stepbar-linear
.z-step-complete
.z-step-content:before {
  background: #0080c6 !important; }

ol {
  padding-left: 16px; }
  ol li {
    padding: 8px 4px 0px;
    line-height: 18px; }

.error-messages ol li {
  position: relative;
  font-size: 12px;
  padding-right: 32px; }
  .error-messages ol li::before {
    font-size: 18px;
    font: normal normal normal 17px/1 FontAwesome;
    right: 0px;
    position: absolute;
    color: #b94a48; }

.alert-danger button {
  opacity: 1; }
  .alert-danger button span {
    position: relative; }
    .alert-danger button span::before {
      content: '\f057';
      font-size: 18px;
      font: normal normal normal 14px/1 FontAwesome;
      right: 0px;
      position: absolute;
      top: -4px;
      color: #b94a48;
      opacity: 1; }

.devide-content {
  display: flex;
  align-items: center; }

.toggle-menu {
  margin-left: 8px; }
  .toggle-menu::before {
    content: '\f100';
    font-family: FontAwesome;
    color: #53535f;
    font-size: 15px; }

.collapse-menu .menu-navbar {
  width: 50px !important; }
.collapse-menu .center-content {
  left: 50px !important;
  width: calc(100% - 50px) !important; }
.collapse-menu .menu-navbar .z-navitem-selected a {
  width: 50px !important; }
.collapse-menu .header .logo-wrapper {
  width: 50px !important; }
.collapse-menu .logo-wrapper img {
  height: 30px !important; }
.collapse-menu .header .header-right {
  width: calc(100% - 50px); }
.collapse-menu .toggle-menu::before {
  content: '\f101'; }
.collapse-menu .haschild.nav-icon ul {
  display: none !important; }

.only-view,
.z-row-inner:has(.only-view) {
  width: 160px;
  text-align: center !important; }

.z-row-inner:has(.only-view) .z-row-content {
  padding: 0px; }

.z-listheader-content,
.z-column-content {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #53535f;
  padding: 8px; }

.blue-header .z-listheader-content {
  background-color: #004996;
  color: #fff; }

.z-row-content {
  color: #72849a;
  padding: 8px; }

.z-row:hover > .z-row-inner > .z-row-content {
  color: #72849a !important; }

.list-table .z-listcell,
.z-row .z-row-inner,
.z-row .z-cell {
  border: solid 1px #e3e3e3; }

.z-grid {
  border: 1px solid #e3e3e3;
  padding: 8px;
  border-radius: 8px; }

.list-table .z-listcell,
.z-column {
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3; }

.list-view-table .z-listbox-header table,
.list-view-table .z-listbox-body table {
  border-bottom: solid 1px #ebebeb;
  overflow: auto; }

.list-view-table .z-listbox-header {
  overflow: auto !important; }

.z-listbox-header::-webkit-scrollbar {
  display: none; }

.z-listitem td:first-child {
  border: none; }

.z-listbox-odd > .z-listcell,
.z-listbox-odd:hover > .z-listcell,
.z-grid-odd > .z-row-inner,
.z-grid-odd > .z-cell,
.z-grid-odd:hover > .z-row-inner,
.z-grid-odd:hover > .z-cell {
  background: #fff !important; }

.form-group .z-row-inner .z-label,
.z-listcell-content,
.z-listcell-content span.z-label {
  font-family: 'Inter', sans-serif;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 21px; }

.z-row:hover > .z-row-inner,
.z-row:hover > .z-cell {
  background: none; }

::-webkit-scrollbar {
  width: 4px; }

::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 4px; }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #e3e3e3; }

.z-toolbar-start {
  width: 100%; }

.z-listitem.z-listitem-selected > .z-listcell {
  background: none !important;
  border-color: #e3e3e3 !important; }

.m-4 {
  margin: 16px; }

.m-8 {
  margin: 32px; }

.ml-1 {
  margin-left: 4px; }

.ml-2 {
  margin-left: 8px; }

.ml-4 {
  margin-left: 16px; }

.ml-min-4 {
  margin-left: -16px; }

.mr-1 {
  margin-right: 4px; }

.mr-2 {
  margin-right: 8px; }

.mr-4 {
  margin-right: 16px; }

.mr-min-4 {
  margin-right: -16px; }

.-mt-2 {
  margin-top: -8px; }

.-mt-0-3 {
  margin-top: -3px; }

.mt-0 {
  margin-top: 0px !important; }

.mt-2 {
  margin-top: 8px; }

.mt-4 {
  margin-top: 16px; }

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

.mb-1 {
  margin-bottom: 4px !important; }

.mb-2 {
  margin-bottom: 8px !important; }

.mb-3 {
  margin-bottom: 12px !important; }

.mb-4 {
  margin-bottom: 16px !important; }

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.ml-2 {
  margin-left: 8px; }

.ml-4 {
  margin-left: 16px; }

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.mx-4 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.pl-0 {
  padding-left: 0px; }

.pl-1 {
  padding-left: 4px; }

.pl-2 {
  padding-left: 8px; }

.pl-4 {
  padding-left: 8px; }

.pl-0-5 {
  padding-left: 4px; }
  .pl-0-5 .z-panel-head {
    padding-left: 4px; }

.p-4 {
  padding: 16px !important; }

.pt-0 {
  padding-top: 0px !important; }

.pt-2 {
  padding-top: 8px !important; }

.pt-4 {
  padding-top: 32px; }

.py-0 {
  padding-bottom: 0px !important;
  padding-top: 0px !important; }

.py-4 {
  padding-bottom: 16px !important;
  padding-top: 16px !important; }

.pb-0 {
  padding-bottom: 0px; }
  .pb-0 .z-panel-head {
    padding-bottom: 0px; }

.pb-2 {
  padding-bottom: 8px; }

.pb-4 {
  padding-bottom: 16px; }

.pr-0 {
  padding-right: 0px; }

.pr-1 {
  padding-right: 4px; }

.pr-2 {
  padding-right: 8px; }

.pr-4 {
  padding-right: 16px !important; }

.px-0 {
  padding-left: 0px;
  padding-right: 0px; }

.px-1 {
  padding-left: 4px;
  padding-right: 4px; }

.px-4 {
  padding-left: 16px;
  padding-right: 16px; }

.px-8 {
  padding-left: 32px;
  padding-right: 32px; }

.vertical-center {
  display: flex;
  align-items: center; }

.right-corner {
  position: absolute;
  right: 0px;
  top: 0px; }

.card-contract-selected {
  border: solid 1px #3f87f5; }

.z-combobox-open {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.col-md-6.z-combobox {
  padding-left: 0px;
  padding-right: 0px; }

.z-listbox-table .z-listheader,
.z-listbox-table .z-listcell {
  border: solid 1px #edf2f9 !important; }

.footer-group button {
  min-width: 150px; }

.all-left-column .col {
  font-weight: bold; }
.all-left-column tr td {
  text-align: left;
  border: solid 0px #fff !important;
  vertical-align: top; }
  .all-left-column tr td:nth-child(1) {
    width: 220px; }
  .all-left-column tr td:nth-child(2) {
    width: 20px; }

.z-panel-noheader.z-panel-noframe .z-panelchildren {
  border-top: none !important; }

.pull-right {
  display: flex;
  justify-content: end; }

.label-created-at {
  padding: 3px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 16px;
  background: var(--neutral-50, #f6f6f6); }
  .label-created-at span {
    font-size: 12px !important;
    font-style: normal;
    line-height: 18px; }

.approve-letter-label {
  border-radius: 16px;
  background: var(--warning-100, #ecfdf3);
  height: 24px;
  padding: 3px 8px;
  gap: 4px; }
  .approve-letter-label span {
    color: #028940 !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500; }

.reject-letter-label {
  border-radius: 16px;
  background: var(--warning-100, #fee4e2);
  height: 24px;
  padding: 3px 8px;
  gap: 4px; }
  .reject-letter-label span {
    color: #b42318 !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500; }

.send-letter-label {
  border-radius: 16px;
  background: var(--warning-100, #f3f7ff);
  height: 24px;
  padding: 3px 8px;
  gap: 4px; }
  .send-letter-label span {
    color: #195ba0 !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500; }

.waiting-letter-label {
  border-radius: 16px;
  background: var(--warning-100, #fef0c7);
  height: 24px;
  padding: 3px 8px;
  gap: 4px; }
  .waiting-letter-label span {
    color: #dc6803 !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500; }

.z-center-body {
  width: 100%; }

td span.z-label {
  font-weight: 400 !important; }

.pengaduan .header {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 3px 0px #bbbbbb;
  -moz-box-shadow: 0px 0px 3px 0px #bbbbbb;
  box-shadow: 0px 0px 3px 0px #bbbbbb;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-bottom: 16px; }
.pengaduan .z-stepbar .z-step-icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center; }
.pengaduan .first-step .z-step-icon::before {
  content: '1'; }
.pengaduan .second-step .z-step-icon::before {
  content: '2'; }
.pengaduan .z-stepbar.z-stepbar-wrapped-label .z-step:before,
.pengaduan .z-stepbar.z-stepbar-wrapped-label .z-step:after {
  margin-top: 22px; }
.pengaduan .z-step-icon::before {
  font-size: 22px;
  color: #72849a; }
.pengaduan .z-step-complete .z-step-icon,
.pengaduan .z-step-active .z-step-icon {
  background-color: #0080c6;
  border-color: #0080c6; }
.pengaduan .z-step-complete .z-step-icon::before,
.pengaduan .z-step-active .z-step-icon::before {
  color: #fff; }
.pengaduan .label-radio,
.pengaduan .instruction,
.pengaduan .label-radio span.z-label,
.pengaduan .instruction span.z-label {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px; }
.pengaduan .label-radio {
  background: #f8f9fc;
  padding: 14px;
  border-radius: 8px;
  margin-left: 0px;
  margin-right: 0px;
  border: solid 1px #edf2f9; }
  .pengaduan .label-radio .col-xs-8 {
    border-left: solid 1px #dae0ea; }
.pengaduan .label-radio,
.pengaduan .label-radio span.z-label {
  text-align: left; }
  .pengaduan .label-radio .z-radio-content,
  .pengaduan .label-radio span.z-label .z-radio-content {
    font-size: 16px; }
.pengaduan .btn-upload {
  border: solid 1px #53535f;
  padding: 24px;
  text-align: center;
  position: relative;
  border-radius: 8px;
  padding-top: 75px;
  cursor: pointer;
  display: flex;
  background: #fff;
  width: 100%;
  color: #53535f;
  margin: 0px;
  justify-content: center;
  align-items: center; }
  .pengaduan .btn-upload::before {
    content: ' ';
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(/public/images/upload.png) center;
    left: 50%;
    margin-left: -20px;
    z-index: 8;
    top: 25px;
    background-size: 20px; }
  .pengaduan .btn-upload:hover {
    background-color: #fff;
    color: #53535f; }
.pengaduan .btn-upload-doc {
  border: solid 1px #53535f;
  padding: 24px;
  text-align: center;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  background: #fff;
  width: 100%;
  color: #185ba0;
  margin: 0px;
  justify-content: center;
  align-items: center; }
  .pengaduan .btn-upload-doc::before {
    content: ' ';
    width: 20px;
    height: 20px;
    background: url(/public/images/upload-icon.png) center;
    left: 50%;
    margin-left: 20px;
    margin-right: 10px;
    z-index: 8;
    top: 25px;
    background-size: 20px; }
  .pengaduan .btn-upload-doc:hover {
    background-color: #fff;
    color: #53535f; }
.pengaduan .btn-download {
  border: solid 1px #53535f;
  padding: 24px;
  text-align: center;
  position: relative;
  border-radius: 8px;
  padding-top: 75px;
  cursor: pointer;
  display: flex;
  background: #fff;
  width: 100%;
  color: #53535f;
  margin: 0px;
  justify-content: center;
  align-items: center; }
  .pengaduan .btn-download::before {
    content: ' ';
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(/public/images/download-icon.png) center;
    left: 50%;
    margin-left: -20px;
    z-index: 8;
    top: 25px;
    background-size: 20px; }
  .pengaduan .btn-download:hover {
    background-color: #fff;
    color: #53535f; }

.normal-font span {
  font-weight: 400; }

.document-list .document-item .document-box {
  border: solid 1px #53535f;
  margin: 16px;
  padding: 24px;
  text-align: center;
  position: relative;
  border-radius: 8px;
  padding-top: 80px;
  cursor: pointer; }
.document-list .upload-wrapper {
  position: relative; }
  .document-list .upload-wrapper .image-preview {
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -25px;
    top: 12px; }
    .document-list .upload-wrapper .image-preview img {
      width: 50px;
      height: 50px;
      border-radius: 8px; }
.document-list .hide {
  display: none; }

.penerimaan-list .z-column,
.penerimaan-list .z-listcell,
.penerimaan-list .z-listheader,
.penerimaan-list .z-row-inner {
  width: 160px;
  text-align: center !important;
  border-color: #e3e3e3 !important; }
  .penerimaan-list .z-column.large-column,
  .penerimaan-list .z-listcell.large-column,
  .penerimaan-list .z-listheader.large-column,
  .penerimaan-list .z-row-inner.large-column {
    width: 400px; }
  .penerimaan-list .z-column.large-column.sla_remaining, .penerimaan-list .z-column.large-column.contact_detail_status, .penerimaan-list .z-column.large-column.contact_reject_reason, .penerimaan-list .z-column.large-column.created_at, .penerimaan-list .z-column.large-column[column='sla_remaining'], .penerimaan-list .z-column.large-column[column='contact_reject_reason'], .penerimaan-list .z-column.large-column[column='created_at'], .penerimaan-list .z-column.large-column[column='contact_detail_status'],
  .penerimaan-list .z-listcell.large-column.sla_remaining,
  .penerimaan-list .z-listcell.large-column.contact_detail_status,
  .penerimaan-list .z-listcell.large-column.contact_reject_reason,
  .penerimaan-list .z-listcell.large-column.created_at,
  .penerimaan-list .z-listcell.large-column[column='sla_remaining'],
  .penerimaan-list .z-listcell.large-column[column='contact_reject_reason'],
  .penerimaan-list .z-listcell.large-column[column='created_at'],
  .penerimaan-list .z-listcell.large-column[column='contact_detail_status'],
  .penerimaan-list .z-listheader.large-column.sla_remaining,
  .penerimaan-list .z-listheader.large-column.contact_detail_status,
  .penerimaan-list .z-listheader.large-column.contact_reject_reason,
  .penerimaan-list .z-listheader.large-column.created_at,
  .penerimaan-list .z-listheader.large-column[column='sla_remaining'],
  .penerimaan-list .z-listheader.large-column[column='contact_reject_reason'],
  .penerimaan-list .z-listheader.large-column[column='created_at'],
  .penerimaan-list .z-listheader.large-column[column='contact_detail_status'],
  .penerimaan-list .z-row-inner.large-column.sla_remaining,
  .penerimaan-list .z-row-inner.large-column.contact_detail_status,
  .penerimaan-list .z-row-inner.large-column.contact_reject_reason,
  .penerimaan-list .z-row-inner.large-column.created_at,
  .penerimaan-list .z-row-inner.large-column[column='sla_remaining'],
  .penerimaan-list .z-row-inner.large-column[column='contact_reject_reason'],
  .penerimaan-list .z-row-inner.large-column[column='created_at'],
  .penerimaan-list .z-row-inner.large-column[column='contact_detail_status'] {
    width: 160px !important; }
  .penerimaan-list .z-column[column='contact_detail_status'], .penerimaan-list .z-column[column='updated_by'], .penerimaan-list .z-column[column='access_menus'], .penerimaan-list .z-column[column='role'], .penerimaan-list .z-column[column='contact_status'],
  .penerimaan-list .z-listcell[column='contact_detail_status'],
  .penerimaan-list .z-listcell[column='updated_by'],
  .penerimaan-list .z-listcell[column='access_menus'],
  .penerimaan-list .z-listcell[column='role'],
  .penerimaan-list .z-listcell[column='contact_status'],
  .penerimaan-list .z-listheader[column='contact_detail_status'],
  .penerimaan-list .z-listheader[column='updated_by'],
  .penerimaan-list .z-listheader[column='access_menus'],
  .penerimaan-list .z-listheader[column='role'],
  .penerimaan-list .z-listheader[column='contact_status'],
  .penerimaan-list .z-row-inner[column='contact_detail_status'],
  .penerimaan-list .z-row-inner[column='updated_by'],
  .penerimaan-list .z-row-inner[column='access_menus'],
  .penerimaan-list .z-row-inner[column='role'],
  .penerimaan-list .z-row-inner[column='contact_status'] {
    width: 190px !important; }
  .penerimaan-list .z-column[column='created_at'], .penerimaan-list .z-column[column='updated_at'], .penerimaan-list .z-column[column='penanganan_duedate'], .penerimaan-list .z-column[column='penanganan_status_updated_at'], .penerimaan-list .z-column[column='name'], .penerimaan-list .z-column[column='central_credit_code'], .penerimaan-list .z-column[column='central_credit_name'], .penerimaan-list .z-column[column='central_remidial_code'], .penerimaan-list .z-column[column='amf_branch_name'], .penerimaan-list .z-column[column='sma_branch_name'], .penerimaan-list .z-column[column='organization_name'], .penerimaan-list .z-column[column='name_full'], .penerimaan-list .z-column[column='amf_license_status'], .penerimaan-list .z-column[column='amf_start_date'], .penerimaan-list .z-column[column='amf_end_date'], .penerimaan-list .z-column[column='sma_license_status'], .penerimaan-list .z-column[column='sma_start_date'], .penerimaan-list .z-column[column='sma_end_date'], .penerimaan-list .z-column[column='sma_updated_at'], .penerimaan-list .z-column[column='responsible_names'], .penerimaan-list .z-column[column='external_view'], .penerimaan-list .z-column.created_at, .penerimaan-list .z-column.penanganan_duedate,
  .penerimaan-list .z-listcell[column='created_at'],
  .penerimaan-list .z-listcell[column='updated_at'],
  .penerimaan-list .z-listcell[column='penanganan_duedate'],
  .penerimaan-list .z-listcell[column='penanganan_status_updated_at'],
  .penerimaan-list .z-listcell[column='name'],
  .penerimaan-list .z-listcell[column='central_credit_code'],
  .penerimaan-list .z-listcell[column='central_credit_name'],
  .penerimaan-list .z-listcell[column='central_remidial_code'],
  .penerimaan-list .z-listcell[column='amf_branch_name'],
  .penerimaan-list .z-listcell[column='sma_branch_name'],
  .penerimaan-list .z-listcell[column='organization_name'],
  .penerimaan-list .z-listcell[column='name_full'],
  .penerimaan-list .z-listcell[column='amf_license_status'],
  .penerimaan-list .z-listcell[column='amf_start_date'],
  .penerimaan-list .z-listcell[column='amf_end_date'],
  .penerimaan-list .z-listcell[column='sma_license_status'],
  .penerimaan-list .z-listcell[column='sma_start_date'],
  .penerimaan-list .z-listcell[column='sma_end_date'],
  .penerimaan-list .z-listcell[column='sma_updated_at'],
  .penerimaan-list .z-listcell[column='responsible_names'],
  .penerimaan-list .z-listcell[column='external_view'],
  .penerimaan-list .z-listcell.created_at,
  .penerimaan-list .z-listcell.penanganan_duedate,
  .penerimaan-list .z-listheader[column='created_at'],
  .penerimaan-list .z-listheader[column='updated_at'],
  .penerimaan-list .z-listheader[column='penanganan_duedate'],
  .penerimaan-list .z-listheader[column='penanganan_status_updated_at'],
  .penerimaan-list .z-listheader[column='name'],
  .penerimaan-list .z-listheader[column='central_credit_code'],
  .penerimaan-list .z-listheader[column='central_credit_name'],
  .penerimaan-list .z-listheader[column='central_remidial_code'],
  .penerimaan-list .z-listheader[column='amf_branch_name'],
  .penerimaan-list .z-listheader[column='sma_branch_name'],
  .penerimaan-list .z-listheader[column='organization_name'],
  .penerimaan-list .z-listheader[column='name_full'],
  .penerimaan-list .z-listheader[column='amf_license_status'],
  .penerimaan-list .z-listheader[column='amf_start_date'],
  .penerimaan-list .z-listheader[column='amf_end_date'],
  .penerimaan-list .z-listheader[column='sma_license_status'],
  .penerimaan-list .z-listheader[column='sma_start_date'],
  .penerimaan-list .z-listheader[column='sma_end_date'],
  .penerimaan-list .z-listheader[column='sma_updated_at'],
  .penerimaan-list .z-listheader[column='responsible_names'],
  .penerimaan-list .z-listheader[column='external_view'],
  .penerimaan-list .z-listheader.created_at,
  .penerimaan-list .z-listheader.penanganan_duedate,
  .penerimaan-list .z-row-inner[column='created_at'],
  .penerimaan-list .z-row-inner[column='updated_at'],
  .penerimaan-list .z-row-inner[column='penanganan_duedate'],
  .penerimaan-list .z-row-inner[column='penanganan_status_updated_at'],
  .penerimaan-list .z-row-inner[column='name'],
  .penerimaan-list .z-row-inner[column='central_credit_code'],
  .penerimaan-list .z-row-inner[column='central_credit_name'],
  .penerimaan-list .z-row-inner[column='central_remidial_code'],
  .penerimaan-list .z-row-inner[column='amf_branch_name'],
  .penerimaan-list .z-row-inner[column='sma_branch_name'],
  .penerimaan-list .z-row-inner[column='organization_name'],
  .penerimaan-list .z-row-inner[column='name_full'],
  .penerimaan-list .z-row-inner[column='amf_license_status'],
  .penerimaan-list .z-row-inner[column='amf_start_date'],
  .penerimaan-list .z-row-inner[column='amf_end_date'],
  .penerimaan-list .z-row-inner[column='sma_license_status'],
  .penerimaan-list .z-row-inner[column='sma_start_date'],
  .penerimaan-list .z-row-inner[column='sma_end_date'],
  .penerimaan-list .z-row-inner[column='sma_updated_at'],
  .penerimaan-list .z-row-inner[column='responsible_names'],
  .penerimaan-list .z-row-inner[column='external_view'],
  .penerimaan-list .z-row-inner.created_at,
  .penerimaan-list .z-row-inner.penanganan_duedate {
    width: 220px !important; }
  .penerimaan-list .z-column[column='amf_updated_at'], .penerimaan-list .z-column[column='sma_updated_at'],
  .penerimaan-list .z-listcell[column='amf_updated_at'],
  .penerimaan-list .z-listcell[column='sma_updated_at'],
  .penerimaan-list .z-listheader[column='amf_updated_at'],
  .penerimaan-list .z-listheader[column='sma_updated_at'],
  .penerimaan-list .z-row-inner[column='amf_updated_at'],
  .penerimaan-list .z-row-inner[column='sma_updated_at'] {
    width: 240px !important; }
  .penerimaan-list .z-column[column='extratime_total'], .penerimaan-list .z-column[column='profile'], .penerimaan-list .z-column.extratime_total,
  .penerimaan-list .z-listcell[column='extratime_total'],
  .penerimaan-list .z-listcell[column='profile'],
  .penerimaan-list .z-listcell.extratime_total,
  .penerimaan-list .z-listheader[column='extratime_total'],
  .penerimaan-list .z-listheader[column='profile'],
  .penerimaan-list .z-listheader.extratime_total,
  .penerimaan-list .z-row-inner[column='extratime_total'],
  .penerimaan-list .z-row-inner[column='profile'],
  .penerimaan-list .z-row-inner.extratime_total {
    width: 260px !important; }
.penerimaan-list .detail-column {
  width: 100px; }
.penerimaan-list .medium-column {
  width: 250px; }
.penerimaan-list .only-view,
.penerimaan-list .z-listcell:has(.only-view),
.penerimaan-list .z-row-inner:has(.only-view) {
  width: 155px;
  text-align: center !important; }

.select-combobox input {
  font-weight: 500;
  padding: 0px;
  margin: 0px;
  height: 22px;
  color: #53535f; }
.select-combobox a.z-combobox-button {
  height: 20px; }

.login-page {
  min-width: 450px; }

.combobox-search-type {
  position: absolute;
  margin-top: -38px; }

.empty-label {
  height: 18px; }

.devide-top-line {
  border-top: solid 1px #e3e3e3;
  padding-top: 16px;
  margin-left: 0px;
  margin-right: 0px; }
  .devide-top-line .col-md-6:nth-child(1) {
    padding-left: 0px; }
  .devide-top-line .col-md-6:nth-child(2) {
    padding-right: 0px; }

.default-button.z-button:hover,
.default-button.z-button:focus,
.default-button.z-button:focus-visible {
  border: 1px solid #a9a9a9; }

.no-border-bottom {
  border-bottom: none !important; }

.text-center {
  text-align: center; }

.z-button[disabled] {
  opacity: 0.4; }

.z-toast-content {
  background: #fbe7c7;
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  color: #000000; }

.z-toast-close {
  color: #000; }

.z-toast-icon {
  top: 12px; }
  .z-toast-icon.z-icon-times {
    top: -1px;
    left: -14px; }
    .z-toast-icon.z-icon-times::before {
      content: '\f00d';
      font-size: 14px;
      margin-left: 16px; }
  .z-toast-icon::before {
    content: '\f06a';
    font-size: 20px;
    color: #000;
    font-family: FontAwesome;
    font-style: normal;
    margin-left: 13px; }

td:has(.large-column) {
  width: 200px !important; }

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

.text-left {
  text-align: left; }

.button-radio {
  height: 40px !important;
  background-image: none;
  text-shadow: none;
  padding: 0px 24px;
  font-size: 13px;
  font-weight: 600;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 4px !important;
  cursor: pointer; }

.searchbox-combo {
  position: absolute;
  left: 15px;
  top: 21px;
  width: calc(100% - 30px);
  z-index: 10; }

.z-searchbox-icon {
  background: #fff;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -2px;
  padding: 13px;
  border-right: solid 1px #e3e3e3;
  border-left: solid 1px #e3e3e3; }

.sorting-header {
  cursor: pointer; }
  .sorting-header::before, .sorting-header:after {
    font-size: 12px;
    color: #53535f;
    font-family: 'FontAwesome';
    position: absolute;
    right: 12px;
    opacity: 0.2; }
  .sorting-header::before {
    content: '\f0d8';
    top: 9px; }
  .sorting-header::after {
    content: '\f0d7';
    top: 16px; }
  .sorting-header.sort-asc::before {
    opacity: 1; }
  .sorting-header.sort-desc::after {
    opacity: 1; }

.checkbox-column {
  width: 50px !important;
  text-align: center !important; }
  .checkbox-column input[type='checkbox'] {
    margin: 0px !important; }
  .checkbox-column .z-checkbox {
    display: block !important; }

.checkbox-total {
  font-size: 14px;
  font-weight: bold;
  float: left;
  padding: 24px;
  padding-left: 0px; }

.z-listitem a {
  font-size: 13px;
  text-decoration: underline; }
  .z-listitem a:hover {
    text-decoration: underline; }

.searchbox-wrapper {
  min-width: 250px !important; }
  .searchbox-wrapper.z-div,
  .searchbox-wrapper div {
    margin-bottom: 0px !important; }

.link-view {
  display: inline-block;
  background-color: #0080c6;
  padding: 7px 24px;
  border-radius: 4px;
  margin-top: 1px; }
  .link-view::before {
    content: '\f06e';
    font-size: 14px;
    color: #fff;
    font-family: FontAwesome; }

.file-name-wrapper {
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  background-color: #f3f5f9;
  border-radius: 8px;
  border: solid 1px #e6e6e6;
  margin-bottom: 16px !important;
  width: 50%;
  text-align: center; }

.description {
  line-height: 24px; }

.right-content {
  display: flex;
  justify-content: flex-end; }

.title.z-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #242424 !important;
  margin-bottom: 12px !important; }

.z-label {
  font-size: 14px;
  font-weight: 400;
  color: #585858; }

.small.z-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #585858 !important; }

.case-verification-wrapper .case-verification-item {
  padding: 16px;
  box-shadow: 0px 4px 12px 0px #0000000a;
  background-color: #fff !important;
  border-radius: 8px;
  border: solid 1px #e3e3e3; }
.case-verification-wrapper .z-listbox-odd > .z-listcell {
  background-color: #fff !important; }

.fif-label {
  color: #fff !important;
  display: inline !important;
  padding: 3px 10px;
  font-size: 13px !important; }

.z-combobox-disabled,
.z-bandbox-disabled,
.z-datebox-disabled,
.z-timebox-disabled,
.z-spinner-disabled,
.z-doublespinner-disabled {
  opacity: 1; }

.unclickable input,
.unclickable label {
  cursor: not-allowed !important; }

.unclickable.z-checkbox {
  position: relative; }
  .unclickable.z-checkbox ::after {
    content: '\2713';
    position: absolute;
    top: 11px;
    left: 1px;
    color: #fff; }
  .unclickable.z-checkbox ::before {
    position: absolute;
    content: ' ';
    width: 14px;
    height: 14px;
    background-color: #ededed;
    top: 13px;
    left: 0px;
    border-radius: 2px; }

.z-combobox-disabled *,
.z-bandbox-disabled *,
.z-datebox-disabled *,
.z-timebox-disabled *,
.z-spinner-disabled *,
.z-doublespinner-disabled * {
  background: #ededed !important;
  color: #aaaaaa !important;
  cursor: not-allowed !important; }

a {
  cursor: pointer; }

.btn-delete {
  padding: 0px 8px !important;
  background: #fff;
  border: none;
  cursor: pointer; }
  .btn-delete i {
    color: red;
    font-size: 20px; }

.z-timebox-button {
  height: calc(100% - 8px);
  border: none;
  top: 3px;
  right: 1px; }

.z-searchbox[disabled] .z-searchbox-icon {
  background-color: #ededed; }

.z-html {
  line-height: 24px; }

th[column='label_penerimaan_status'].z-listheader,
td[column='label_penerimaan_status'].z-listcell {
  width: 400px !important;
  padding-right: 4px;
  padding-left: 4px; }

.comboboxNik {
  width: 115px !important; }

span.small {
  font-size: 12px !important; }

.container-scroll-modal {
  height: calc(100vh - 250px);
  overflow-y: scroll;
  overflow-x: hidden; }

.container-scroll-modal::-webkit-scrollbar {
  width: 5px;
  margin-right: 16px; }

.container-scroll-modal::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.container-scroll-modal::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #16aee6 0%, #0670d8 100%);
  outline: 1px solid #fff; }

.border-bottom {
  border-bottom: solid 1px #e3e3e3; }

.border-top {
  border-top: solid 1px #e3e3e3 !important;
  border-radius: 0px; }

.close-icon-modal-contract,
.close-icon-modal-media-massa,
.close-icon-modal {
  width: 24px;
  height: 24px;
  border: solid 1px #e3e3e3;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 16px;
  cursor: pointer;
  z-index: 100; }
  .close-icon-modal-contract::before,
  .close-icon-modal-media-massa::before,
  .close-icon-modal::before {
    content: ' ';
    display: block;
    background-image: url(/public/images/close-modal.png);
    background-size: 14px 14px;
    width: 14px;
    height: 14px; }

.close-modal-notification {
  width: 24px;
  height: 24px;
  border: solid 1px #e3e3e3;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 16px;
  cursor: pointer;
  z-index: 100; }
  .close-modal-notification::before {
    content: ' ';
    display: block;
    background-image: url(/public/images/close-modal.png);
    background-size: 14px 14px;
    width: 14px;
    height: 14px; }

.input-disabled {
  position: relative;
  cursor: not-allowed; }
  .input-disabled::before {
    content: ' ';
    width: 14px;
    height: 14px;
    background-color: #ededed;
    position: absolute;
    border-radius: 2px;
    border: solid 1px #e3e3e3;
    z-index: 10; }
  .input-disabled .z-checkbox-content {
    cursor: not-allowed; }
  .input-disabled::after {
    content: '';
    font-size: 10px;
    color: #cacad7;
    z-index: 11;
    left: 3px;
    position: absolute;
    font-weight: bold;
    top: 13px; }

.border-bottom {
  border-bottom: solid 1px #e3e3e3; }

.z-tabpanels .z-window-content {
  overflow-x: hidden !important; }

.z-listbox-emptybody-content {
  text-align: left;
  padding-left: 16px;
  display: none; }

.crm-system-history .z-listbox-emptybody-content {
  text-align: Center;
  padding-left: 16px;
  display: contents; }

.empty-label {
  height: 17px;
  margin-bottom: 5px; }

a.z-navitem-content {
  text-decoration: none;
  cursor: default; }
  a.z-navitem-content :focus {
    text-decoration: none; }

.form-additional-pananganan-document {
  margin-top: 20px; }

.rejectTypeList {
  width: 100%;
  height: 40px;
  border-radius: 7px 7px 7px 7px;
  border: solid 1px #336dab;
  padding: 8px 16px; }

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

.swal-modal .swal-text {
  text-align: center !important; }

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