/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Jan 23, 2025, 9:00:49 PM
    Author     : cahyanahelmy
*/

html {
    font-size: 13px;
}



body {
    margin: 0;
    padding: 0;
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        'Helvetica Neue',
        Arial,
        'Noto Sans',
        sans-serif,
        'Apple Color Emoji',
        'Segoe UI Emoji',
        'Segoe UI Symbol',
        'Noto Color Emoji';
    font-size: 13px;
    background-color: var(--blue-50)!important;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    margin-bottom: 16px;
    font-weight: normal;
}

strong {
    font-weight: 700;
}

.ui-widget {
    font-size: 13px;
}

.ui-widget .ui-widget {
    font-size: 13px;
}

.ui-datatable thead tr th,
.ui-datatable tbody tr td {
    font-size: 13px;
}

.ui-widget .ui-selectonemenu-label {
    font-size: 13px!important;
}

.profile-panel {
    max-width: 600px;
    margin: auto;
}

.error-panel {
    max-width: 600px;
    margin: auto;
    text-align: center;
    backdrop-filter: blur(10px);
}

.soap-val{
    white-space: pre-wrap;
    display: block;
}
.soap-label{
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    float: left;
    display: block;
    width: 20px;
    text-decoration: underline
}

.neraca-cell-label-true {
    font-weight: 600;
}

.neraca-cell-label-false {
    font-weight: normal;
}

.laba-rugi-cell-label-true {
    font-weight: 600;
}

.laba-rugi-cell-label-false {
    font-weight: normal;
}

.state-0 {
    color: #990000;
}
.state-1 {
    color: orange;
}
.state-2 {
    color: green;
}

.header {
    background-color: var(--blue-800)!important;
}

.content {
    padding-top: 3rem;
    margin-left: 15rem;
}

.sidebar {
    padding-top: 4rem;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 15rem;
    position: fixed;
    overflow: auto;
}

.footer {

}

img.brand {
    height: 35px;
}

/* menubar */
.menubar-item,
.menubar-item .pi {
    color: #fff!important;
}

.menubar-item.ui-state-hover {
    background-color: var(--blue-400)!important;
}

.counter-item {

}

.sidebar-menu.ui-menu.ui-widget.ui-widget-content {
    background: none!important;
    border: none!important;
}

.sidebar-menu .ui-widget-header {
    background: none!important;
}

.sidebar-menu .ui-widget-header h3 {
    font-weight: 600!important;
    color: var(--blue-600)!important;
}
.sidebar-menu .ui-widget-header.ui-state-hover h3 .ui-icon {

}

.sidebar-menu-item {
    border-radius: 4px!important;
}

.sidebar-menu-item.ui-menuitem-link .ui-menuitem-text,
.sidebar-menu-item.ui-menuitem-link .ui-menuitem-icon {
}

.sidebar-menu-item.ui-menuitem-link.ui-state-hover {
    background-color: var(--blue-100)!important;
}

.sidebar-menu-item.ui-menuitem-link.ui-state-hover .ui-menuitem-text,
.sidebar-menu-item.ui-menuitem-link.ui-state-hover .ui-menuitem-icon {
    font-weight: 600!important;
    color: var(--bule-900);
}

.sidebar-menu-item.ui-menuitem-link.ui-state-hover.is-selected-true {
    background-color: var(--blue-300)!important;
}

.sidebar-menu-item.is-selected-true {
    background-color: var(--blue-300)!important;
}

.sidebar-menu-item.is-selected-true .ui-menuitem-text,
.sidebar-menu-item.is-selected-true .ui-menuitem-icon {
    font-weight: 600!important;
    color: #fff!important;
}

.sidebar-menu-item.is-selected-false {

}

.summary-grid {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.summary-grid tbody tr td.label {
    text-align: right;
}

.summary-grid tbody tr td.value {
    width: 180px;
    text-align: right;
}

.summary-grid tbody tr td.space {
    width: 80px;
}

@media screen and (max-width: 992px) {
    .content {
        margin-left: 0;
    }
}

.grid-detail {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.grid-detail tbody tr td.label {
    width: 120px;
}

.grid-detail td.label-rtl,
.grid-detail td.label-rtl * {
    width: 160px;
    text-align: right !important;
}
.grid-detail tbody tr td.label-sm {
    width: 100px;
}

.grid-detail tbody tr td.label-md {
    width: 160px;
}

.grid-detail tbody tr td.label-lg {
    width: 200px;
}

.grid-detail tbody tr td.dot {
    width: 16px;
}

.grid-detail tbody tr td.dot-lg {
    width: 30px;
}

.grid-detail tbody tr td.value {

}

.grid-detail.vtop {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.grid-detail.vtop tbody tr td.label,
.grid-detail.vtop tbody tr td.label-sm,
.grid-detail.vtop tbody tr td.label-md,
.grid-detail.vtop tbody tr td.label-lg,
.grid-detail.vtop tbody tr td.dot,
.grid-detail.vtop tbody tr td.value {
    vertical-align: top;
}


.grid-form {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.grid-form tbody tr td.label {
    width: 120px;
}

.grid-form tbody tr td.label-sm {
    width: 100px;
}

.grid-form tbody tr td.label-md {
    width: 160px;
}

.grid-form tbody tr td.label-lg {
    width: 200px;
}

.grid-form tbody tr td.dot {
    width: 16px;
}

.grid-form tbody tr td.value {
    padding-top: 2px;
    padding-bottom: 2px;
}

.grid-form tbody tr td.value-200 {
    padding-top: 2px;
    padding-bottom: 2px;
    width: 200px;
}


.grid-form.vtop {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.dtv-top td {
    vertical-align: top;
}

.grid-form.vtop tbody tr td.label,
.grid-form.vtop tbody tr td.label-sm,
.grid-form.vtop tbody tr td.label-md,
.grid-form.vtop tbody tr td.label-lg,
.grid-form.vtop tbody tr td.dot,
.grid-form.vtop tbody tr td.value {
    vertical-align: top;
}

.grid-form.vtop tbody tr td.label,
.grid-form.vtop tbody tr td.label-sm,
.grid-form.vtop tbody tr td.label-md,
.grid-form.vtop tbody tr td.label-lg,
.grid-form.vtop tbody tr td.dot {
    padding-top: 6px;
}

.grid-form.vtop tbody tr td.value {
    padding-bottom: 8px;
}

/* data table */
.table-noborder.ui-datatable thead tr th {
    background-color: #fff!important;
}

.table-noborder.ui-datatable thead tr th .ui-column-title {
    font-weight: 600!important;
}

.table-noborder.ui-datatable tbody tr.ui-widget-content.ui-datatable-odd {
    background-color: var(--blueblue-50)!important;
}

.table-noborder.ui-datatable tbody tr td {
    border: none!important;
    border-width: 0!important;
}

.table-noborder.vtop.ui-datatable tbody tr td {
    vertical-align: top;
}

.table-noborder.ui-datatable tfoot tr td {
    border-top: 1px solid #e0e0e0!important;
}

.table-noborder.ui-datatable tbody tr.ui-rowgroup-header.ui-datatable-headerrow.ui-widget-header td {
    /*background-color: #ff6600!important;*/
}

.table-noborder.ui-datatable.table-checkbox tbody tr td {
    vertical-align: top!important;
}

.table-noborder.ui-datatable.table-checkbox tbody tr.ui-widget-content.ui-datatable-even {
    background-color: #fff!important;
}

.table-noborder.ui-datatable .ui-datatable-footer.ui-widget-header.ui-corner-bottom {
    background-color: #fff!important;
    border-radius: 0!important;
}

.table-noborder.ui-datatable .ui-paginator.ui-paginator-bottom {
    border-width: 0!important;
}

.table-noborder.ui-datatable thead tr th .ui-column-title {
    padding-right: 8px;
}

/* tree table */

.treetable-noborder.ui-treetable thead tr th {
    background-color: #fff!important;
}

.treetable-noborder.ui-treetable tbody tr:nth-child(even) {
    background-color: var(--blueblue-50)!important;
}

.treetable-noborder.ui-treetable tbody tr td {
    border: none!important;
    border-width: 0!important;
}

.treetable-noborder.vtop.ui-treetable tbody tr td {
    vertical-align: top;
}

.treetable-noborder.ui-treetable tfoot tr td {
    border-top: 1px solid #e0e0e0!important;
}

.table-simple.ui-datatable tbody tr.ui-rowgroup-header.ui-datatable-headerrow.ui-widget-header td {
}

.table-resep.ui-datatable tbody tr.ui-rowgroup-header.ui-datatable-headerrow.ui-widget-header td {
    background-color: #E1F7F5 !important;
}

.tanggal input {
    width: 100px;
}

.tanggal-sm input {
    width: 85px;
}

.waktu input {
    width: 130px;
}

table.ui-datepicker-calendar thead tr th,
table.ui-datepicker-calendar tbody tr td {
    padding: 2px!important;
}

table.ui-datepicker-calendar tbody tr td a.ui-state-default {
    height: 24px!important;
    width: 24px!important;
    line-height: 24px!important;
}

.heading-1,
.heading-2,
.heading-3 {
    color: var(--blue-500)!important;
}

.berkas-1,
.berkas-2,
.berkas-3 {
    color: var(--primary-500) !important;
}

.grid-space{
    display: block;
    height: 10px;
}

.va-top{
    vertical-align: top;
}

.berkas-belum-dibuat {
    text-align: center;
    margin: 32px auto;
    width: 400px;
}

.berkas-belum-dibuat h1 {
    margin: 0;
    margin-bottom: 16px;
    color: #333;
}

.berkas-belum-dibuat p {
    margin: 0;
    margin-bottom: 16px;
    color: #333;
}

.view-panel {

}

.view-panel h1 {
    margin: 0;
    margin-bottom: 16px;
    color: #333;
    font-weight: 600;
}

.view-panel h3 {
    margin: 0;
    margin-bottom: 16px;
    color: #333;
    font-weight: 600;
}

.view-panel p {
    margin: 0;
    margin-bottom: 16px;
    color: #333;
}

.grid-2-cols {
    width: 100%;
}

.grid-2-cols tbody tr td.col-left {
    vertical-align: top;
    width: 50%;
}

.grid-2-cols tbody tr td.col-right {
    vertical-align: top;
    width: 50%;
}

.grid-3-cols {
    width: 100%;
}

.grid-3-cols tbody tr td.col-left {
    vertical-align: top;
    width: 33%;
}

.grid-3-cols tbody tr td.col-right {
    vertical-align: top;
    width: 33%;
}

.input-num {
    text-align: right;
}

.gambar-grid {
    width: 100%;
}

.gambar-grid tbody tr td.gambar {
    width: 200px;
    text-align: center;
    vertical-align: top;
}

.gambar-grid tbody tr td.gambar-600 {
    width: 600px;
    text-align: center;
    vertical-align: top;
}

.gambar-grid tbody tr td.hasil {
    text-align: center;
    vertical-align: top;
}

tr.ui-autocomplete-item.ui-autocomplete-row td {
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}

tr.ui-selectonemenu-item td {
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}

.chip {
    display: inline-block;
    background-color: #ff6600;
    color: #fff;
    padding: 4px;
    font-size: 12px;
    border-radius: 2px;
}

.tool-bt {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    background-color: #fafafa;
}

.tool-bt:hover {
    background-color: #ccc;
    cursor: pointer;
}

.tool-bt.selected-true {
    background-color: #0099cc;
    color: #fff;
    border: 1px solid #1565C0;
}

.tool-od {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    background-color: #fafafa;
    display: block;
    text-align: left;
    width: 100% !important;
}

.tool-od:hover {
    background-color: #ccc;
    cursor: pointer;
}

.tool-od.selected-true {
    background-color: #0099cc;
    color: #fff;
    border: 1px solid #1565C0;
}

.laporan-menu-item {
    text-decoration: none!important;
    color: var(--blue-300)!important;
}

.laporan-menu-item:hover {
    text-decoration: none!important;
}

.jurnal-summary-grid {
    width: 100%;
}

.jurnal-summary-grid tbody tr td.c1 {

}

.jurnal-summary-grid tbody tr td.debit {
    width: 100px;
    text-align: right;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 600;
}

.jurnal-summary-grid tbody tr td.debit2 {
    width: 120px;
    text-align: right;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 600;
}

.jurnal-summary-grid tbody tr td.kredit {
    width: 100px;
    text-align: right;
    padding-right: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 600;
}

.jurnal-summary-grid tbody tr td.kredit2 {
    width: 120px;
    text-align: right;
    padding-right: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 600;
}

.jurnal-summary-grid tbody tr td.del {
    width: 50px;
}

.cell-kredit {
    padding-left: 16px;
    display: block;
}

.summary-buku-besar-grid {
    width: 100%;
}

.summary-buku-besar-grid tbody tr td.bb-label {
    text-align: right;
    font-weight: 600;
    padding-top: 2px;
    padding-bottom: 2px;
}

.summary-buku-besar-grid tbody tr td.bb-debit {
    width: 120px;
    text-align: right;
    font-weight: 600;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 2px;
    padding-bottom: 2px;
}

.summary-buku-besar-grid tbody tr td.bb-kredit,
.summary-buku-besar-grid tbody tr td.bb-saldo {
    width: 120px;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: right;
    font-weight: 600;
    padding-top: 2px;
    padding-bottom: 2px;
}

.cell-level-1 {
    display: inline-block;
    margin-left: 0;
}

.cell-level-2 {
    display: inline-block;
    margin-left: 20px;
}

.cell-level-3 {
    display: inline-block;
    margin-left: 40px;
}

.cell-label-true.cell-level-1,
.cell-label-true.cell-level-2,
.cell-label-true.cell-level-3 {
    font-weight: 600;
}
.sbar-grid tbody tr td {
    padding: 0 4px!important;
    vertical-align: top!important;
    border: none!important;
}

.acc-0 {
    font-size: 10px;
    color: white;
    font-weight: bold;
    background-color: var(--orange-400);
    border-radius: 1px;
    padding-left: 3px;
    padding-right: 3px;
    width: 80px;
    text-align: center;
}

.acc-10 {
    text-align: center;
    font-size: 10px;
    color: white;
    font-weight: bold;
    background-color: var(--teal-400);
    border-radius: 1px;
    padding-left: 3px;
    padding-right: 3px;
    width: 80px;
}

.acc-20 {
    text-align: center;
    width: 80px;
    font-size: 10px;
    color: white;
    font-weight: bold;
    background-color: var(--red-600);
    border-radius: 1px;
    padding-left: 3px;
}

.revisi-0{

}

.revisi-1{
    font-style: italic;
    text-decoration: line-through;
    color: #ccc
}

.sticky-table .ui-datatable-scrollable-body {
    overflow-y: auto;
    max-height: 500px; /* Atur tinggi sesuai kebutuhan */
}

.sticky-table .ui-datatable-scrollable-header-box table,
.sticky-table .ui-datatable-scrollable-body table {
    border-collapse: separate;
    border-spacing: 0;
}

.sticky-table .ui-datatable-scrollable-body td:first-child,
.sticky-table .ui-datatable-scrollable-body td:nth-child(2),
.sticky-table .ui-datatable-scrollable-header-box th:first-child,
.sticky-table .ui-datatable-scrollable-header-box th:nth-child(2) {
    position: sticky;
    left: 0;
    background: white;
    z-index: 2;
    border-right: 1px solid #ddd;
}

.sticky-table .ui-datatable-scrollable-body td:nth-child(2),
.sticky-table .ui-datatable-scrollable-header-box th:nth-child(2) {
    left: 40px;
}

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

@media (min-width: 769px) {
    .hide-desktop {
        display: none !important;
    }
}

.status-1{

}
.status-0{
    background-color: var(--red-100)!important;
}

.jadwal-libur {
    background-color: var(--red-100)!important;
    font-style: italic;
}

.jadwal-cuti {
    background-color: var(--yellow-100)!important;
    font-style: italic;
}

.grade-a{
    color: var(--green-500)!important;
    font-weight: bold;
}

.grade-b{
    color: var(--teal-400)!important;
    font-weight: bold;
}

.grade-c{
    color: var(--yellow-600)!important;
    font-weight: bold;
}

.grade-d{
    color: var(--orange-500)!important;
    font-weight: bold;
}

.grade-e{
    color: var(--red-500)!important;
    font-weight: bold;
}

.grid-exp-detail {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

.grid-exp-detail td {
    border: none !important;
    padding: 4px 8px;
    vertical-align: top;
}

.grid-exp-detail tbody tr td.label {
    width: 120px;
}

.grid-exp-detail tbody tr td.dot {
    width: 16px;
}

.grid-exp-detail tbody tr td.value {

}

.blink {
    -webkit-animation: 1s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
    animation: 1s linear infinite condemned_blink_effect;
}

/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}