/* :root {
  --vz-form-valid-select: 5px 10px !important;
  --vz-form-valid-input: 0.25rem 0.5rem !important;
  } */
  /* base */  
  a{
    --vz-link-color-rgb : none;
  }
  /* custom modified */
  .textupper{
    text-transform: uppercase;
  }
  .label-text{
    padding: 2px !important;
    width: 100px !important;
  }
  .c-pointer{
    cursor: pointer;
  }
  .top-4{
    top: 4px !important;
  }
  .left-10{
    left: 10px !important;
  }
  .l-30{
    left: 30px !important;
  }
  .t-10{
    top: 10px !important;
  }
  .w-3{
    width: 3% !important;
  }
  .w-4{
    width: 4% !important;
  }
  .w-5{
    width: 5% !important;
  }
  .w-8{
    width: 8% !important;
  }
  .w-9{
    width: 9% !important;
  }
  .w-10{
    width: 10% !important;
  }
  .w-12{
    width: 12% !important;
  }
  .w-13{
    width: 13% !important;
  }
  .w-14{
    width: 14% !important;
  }
  .w-15{
    width: 15% !important;
  }
  .w-17{
    width: 17% !important;
  }
  .w-19{
    width: 17% !important;
  }
  .w-20{
    width: 20% !important;
  }
  .w-23{
    width: 23% !important;
  }
  .w-25{
    width: 25% !important;
  }
  .w-30{
    width: 30% !important;
  }
  .w-33{
    width: 33% !important;
  }
  .w-35{
    width: 35% !important;
  }
  .w-40{
    width: 40% !important;
  }
  .w-45{
    width: 45% !important;
  }
  .w-52{
    width: 52% !important;
  }
  .w-70{
    width: 70% !important;
  }
  .w-80{
    width: 80% !important;
  }
  .w-85{
    width: 85% !important;
  }
  /* height */
  .h-60{
    height: 60% !important;
  }
  .h-60px{
    height: 60px !important;
  }
  .h-125px{
    height: 125px !important;
  }
  .icon-80{
    font-size: 80px !important;
  }
  .icon-100{
    font-size: 100px !important;
  }
  .p-r5px{
    padding-right: 5px !important;
  }
  .p-r9px{
    padding-right: 9px !important;
  }
  .table>:not(caption)>*>* {
    padding: .45rem .3rem !important;
  }
  .tglStamp{
    font-size: 9px;
    /* color: #1b6029; */
    position: relative;
    display: block;
    font-weight: bold;
  }
  .tglStampRed{
    font-size:9px;
    /* color:#ca1516; */
    position: relative;
    display:block;
    font-weight:bold;
  }
  fieldset{
    border-color: var(--vz-card-color) !important;
    border : 1px solid !important;
  }
  fieldset .timenotes{
    font-size: 0.6rem !important ;
    font-style: italic !important ;
  }
  fieldset > legend{
    color:var(--vz-table-color-state),var(--vz-table-color-type, var(--vz-table-color)) !important;
    float: none !important;
    width: auto !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
  }
  .display-nomor{
    margin: 0;
  }
  .display-nomor > li{
    display: inline;
    list-style: none;
  }
  .display-nomor > li:first-child:before{
    content: none;
  }
  .display-nomor > li:before{
    font-family:Material Design Icons;
    font-size: 18px;
    top: 2px;
    position: relative;
    padding-right: var(--vz-breadcrumb-item-padding-x);
    color: var(--vz-breadcrumb-divider-color);
    content: var(--vz-breadcrumb-divider, "󰅂")
  }
  .inputJadiRupiah{
    padding: .25rem !important;
  }
  .modal-line{
    border-bottom: 1px solid #e9ebec;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .form-control.flatpickr-input.is-valid{
    background-position: right 2.5rem center !important;
  }
  .form-control.flatpickr-input.is-invalid{
    background-position: right 2.5rem center !important;
  }
  input.readonly{
    background-color: var(--vz-tertiary-bg) !important;
  }
  .inputJadiRupiah[readonly]{
    background-color: var(--vz-tertiary-bg) !important;
  }

  .modalRedup {
    --vz-modal-zindex: 1050 !important;
  }

  /* modified pagination bootstrap */
.pagination .page-link {
  color: #555; /* warna teks biasa */
  border-color: #ddd;
}

.pagination .page-link:hover {
  background-color: #f5f5f5;
  color: #000;
}

.pagination .page-item.active .page-link {
  background-color: #343a40; /* ubah jadi abu gelap / hitam */
  border-color: #343a40;
  color: #fff;
}

.modal-dialog-scrollable .modal-body {
  max-height: 65vh;
  overflow-y: auto;
}

#remoteModalXtraLargeNoti .modal-body {
  /* max-height: 70vh; */
  max-height: 65vh;
  overflow-y: auto;
}


/* select 2 */
.select2-container {
    margin-top: 0px !important;
}

.select2-results li {
    font-size: 11px !important;
}

.select2-choice {
    line-height: 14px !important;
    font-size: 11px !important;
}

.select2-arrow {
    top: -4px !important;
}

.select2-results {
    box-shadow: 0 5px 10px #1e20251f !important;
}
/* validation */
.select2.is-valid {
  --vz-form-select-bg-icon:none !important;
  padding-right: 10px !important;
}
.is-valid {
  background-image: none !important;
  /* padding-right: 10px !important; */
}

.select2.is-invalid {
    background-image: none !important;
    padding-right: 10px !important;
}
.is-invalid {
    background-image: none !important;
    /* padding-right: 10px !important; */
}
/* check outline on delet checklist top table */
.form-check-outline .form-check-input:checked[type=checkbox]:before {
    top: -3px !important;
    left: 0px !important;
}
/* table document */

.table_document {
    font-size: 10pt;
    border-spacing: 0 !important;
}

.table_document td {
    border: 0.5pt solid #000;
}