.s-TranslationGrid input.custom-text {
  width: 100%;
}

.s-UserPermissionDialog > .size,
.s-RolePermissionDialog > .size,
.s-UserRoleDialog > .size {
    min-width: 770px;
    width: 770px;
    min-height: 550px;
    height: 550px;
}

.s-UserPermissionDialog .s-DataGrid,
.s-RolePermissionDialog .s-DataGrid,
.s-UserRoleDialog .s-DataGrid {
  height: 100%;
}

.modal{
    z-index:1200 !important;
}

.s-Toolbar button.button-inner

{
    display: inline-block;
    min-height: 24px;
    min-width: 1px;
}

/*.file-item {
    border: 1px solid #ccc;
    padding: 1px;
    width: min-content !important;
}

    .file-item .thumb {
        background-repeat: no-repeat;
        background-position: left top;
        display: block;
        max-width: 128px;
        max-height: 96px;
        width: min-content !important;
        height: min-content !important;
    }

.s-MultipleFileUploadEditor .file-item .thumb {
    background-repeat: no-repeat;
    background-position: center !important;
    display: block;
    max-width: 128px;
    max-height: 96px;
    width: min-content !important;
    height: min-content !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.file-item .thumb:empty {
    display: block;
    width: 128px !important;
    height: 96px !important;
}

.s-MultipleFileUploadEditor .file-item .thumb:empty {
    display: block;
    width: 128px !important;
    height: 96px !important;
}

.s-FileUploadEditor ul,
.s-MultipleFileUploadEditor ul {
    border-width: 1px;
    border-style: none solid solid solid;
    border-color: #eee;
    padding: 6px 6px 8px 6px;
    overflow-y: auto;
    background-color: #fff;
    min-height: 116px;
    margin-bottom: 0;
    list-style-type: none !important;
}

.s-FileUploadEditor .file-item,
.s-MultipleFileUploadEditor .file-item {
    box-shadow: 1px 1px 4px rgba(4, 4, 4, 0.2);
    max-width: 128px !important;
    -webkit-box-sizing: unset !important;
    box-sizing: unset !important;
}

.s-FileUploadEditor .s-Toolbar,
.s-MultipleFileUploadEditor .s-Toolbar {
    border-radius: 0px;
    padding: 4px;
    background-color: #eee;
    margin-bottom: 0;
}

    .s-FileUploadEditor .s-Toolbar .tool-button,
    .s-MultipleFileUploadEditor .s-Toolbar .tool-button {
        margin-bottom: 0;
    }

.s-FileUploadEditor.error,
.s-MultipleFileUploadEditor.error {
    border: 1px solid #ff4040;
}

    .s-FileUploadEditor.error ul,
    .s-MultipleFileUploadEditor.error ul {
        background-color: #ffefef;
        list-style-type: none !important;
    }

.s-MultipleFileUploadEditor li {
    float: left;
    margin-right: 6px !important;
    margin-top: 6px !important;
}

    .s-MultipleFileUploadEditor li .delete {
        display: block;
        position: absolute;
        top: 2px;
        right: 0px;
        width: 16px;
        height: 16px;
        background: url('images/cross-script.png') no-repeat center center;
        opacity: 0.5;
        cursor: pointer;
    }

        .s-MultipleFileUploadEditor li .delete:hover {
            opacity: 1;
        }

.s-FileUploadEditor.hide-original-name ul {
    min-height: 100px;
}

.s-FileUploadEditor li .delete,
.s-MultipleFileUploadEditor li .delete {
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhFJREFUeNpi/P//PwMlgImBQsACY6xiZPQAUi1Q7vF/DAy5v4GMH1BFbBBam5GBIRjINALibWH//8+CGwBU3BJRUmL84/v3/zdPn5a8fuqUJdBzJjB5ILuTgY3N7fevX++AhvQChbaDxBlhYbCAkTENyErTNjeXVNTWlvr57dvvM/v23Xn96lUsPx9fjqiUlN2DGzeuAzVnszIwPATSDFFAvXAD5jMyMvxiYDAGOj0cyHUyd3RU4hEQ4L937dozdg4OhhsXL54DOjcdqPkFK8hmHAaA/fwXaBBQwUw9Q0N1BiYm9tvXrt36/v27DiPEK2AgDjUAHgaPENEiChSsVZKSkv7x8SPbradPbwjy8vJ/+/Pn0pffv/VAlvwB4lfo0fgDEpAgyRoFUVFTMWZmsWtPn97++PPnxPtv3pxlZ2XlAspt+4crHYAMAJqeLsHL663GxCT15NOnF29//lwIdPJcoMagR9++beVhYZEHstt+Q9SiGgD0t/xPBoZUaw4O+e+/fn098/HjeSB/zieg3D+Iy/Kf/PmzFmiREVCzI4YBQMW5hlxckjx//7Js/fTpPpBfD1T0HqYQakgd0IAzQDmPH9BEiGyAgw07u+SlX7/ePv/7dwdQ49nvQPHvEDm4IUCX1gD5r4De0ENJSNHApPwfkpTfMgPDAhhlD5BSIQNa4CkCxSSW/f9/nHHAcyNAgAEAxF3igbzwV7kAAAAASUVORK5CYII=') !important;
    opacity: 0.5;
    cursor: pointer;
}*/

.img-container img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}

.popover.j-custom-help-popover {
    display: block !important;
    z-index: 1101;
    /*min-width: 400px*/
}

.treeview-menu {
    background-color: whitesmoke !important;
}

/*.s-LembarKerja-LembarKerjaDialog {
    > .size

{
    .widthAndMin(480px);
    .heightAndMin(635px);
}*/

.s-LembarKerja-LembarKerjaDialog .caption {
    width: 150px;
    margin-bottom: 2px;
    text-align: left;
    flex-basis: 100%;
}

.s-LembarKerja-LembarKerjaDialog .field {
    flex-wrap: wrap;
}

/*}

.s-LembarKerja-LembarKerjaDialog .s-Serenity-LembarKerja-TemplateLembarKerja-TemplateLembarKerjaDialog {
    > .size

{
    .widthAndMin(480px);
    .heightAndMin(635px);
}*/

.s-LembarKerja-LembarKerjaDialog .s-Serenity-LembarKerja-TemplateLembarKerja-TemplateLembarKerjaDialog .caption {
    width: 150px;
    margin-bottom: 2px;
    text-align: left;
    flex-basis: 100%;
}

.s-LembarKerja-LembarKerjaDialog .s-Serenity-LembarKerja-TemplateLembarKerja-TemplateLembarKerjaDialog .field {
    flex-wrap: wrap;
}

/*.s-Klien-KlienDokumen-KlienDokumenDialog {
    width: 520px !important;
}

.s-Klien-KlienKeuangan-KlienKeuanganDialog {
    width: 520px !important;
}

.s-Klien-KlienPerusahaan-KlienPerusahaanDialog {
    width: 520px !important;
}*/

.s-Partner-PartnerDialog {
    width: 520px !important;
}

.s-template-templatedialog {
    width: 540px !important;
}

/*.s-LembarKerja-MenuNotaris-MenuNotarisDialog {
    width: 610px !important;
}

.s-LembarKerja-MenuProses-MenuProsesDialog {
    width: 700px !important;
}

.s-LembarKerja-MenuNotarisLain-MenuNotarisLainDialog {
    width: 610px !important;
}

.s-LembarKerja-MenuWaarmerking-MenuWaarmerkingDialog {
    width: 700px !important;
}

.s-LembarKerja-MenuLegalisasi-MenuLegalisasiDialog {
    width: 700px !important;
}

.s-LembarKerja-MenuSuratKeluar-MenuSuratKeluarDialog {
    width: 700px !important;
}

.s-LembarKerja-MenuPajak-MenuPajakDialog {
    width: 750px !important;
}*/

.s-LembarKerja-JenisLegalisasi-JenisLegalisasiDialog {
    width: 510px !important;
}

.s-LembarKerja-JenisWaarmerking-JenisWaarmerkingDialog {
    width: 510px !important;
}

.s-LembarKerja-JenisAktaNotaris-JenisAktaNotarisDialog {
    width: 510px !important;
}

.s-LembarKerja-JenisProses-JenisProsesDialog {
    width: 510px !important;
}
.s-LembarKerja-LembarkerjaProgressDialog {
    width: 510px !important;
}

.s-LembarKerja-KasBankDialog {
    width: 510px !important;
}

.s-LembarKerja-JenisSkn-JenisSknDialog {
    width: 510px !important;
}

.s-LembarKerja-JenisPajak-JenisPajakDialog {
    width: 510px !important;
}

.s-LembarKerja-JenisAktaPpat-JenisAktaPpatDialog {
    width: 510px !important;
}

.s-LembarKerja-JenisSertifTanah-JenisSertifTanahDialog {
    width: 510px !important;
}

.s-LembarKerja-KwitansiDialog {
    width: 650px !important;
}

.s-LembarKerja-InvoiceDialog {
    width: 520px !important;
}
.s-LembarKerja-LembarKerjaDokumen-LembarkerjaDokumenDialog {
    width: 550px !important;
}

/*.s-LembarKerja-KelengkapanDokumen-KelengkapanDokumenDialog {
    width: 650px !important;
}
*/
.theme-cosmos-dark .user-lkcard {
    background-color: rgba(var(--s-bright-rgb), 0.03) !important;
}
.theme-cosmos-dark .lkbadge {
    border: 1px solid var(--s-tool-border) !important;
    background-color: rgba(var(--s-bright-rgb), 0.03) !important;
}
.theme-cosmos-dark .link-check {
    background-color: #121f33 !important;
}
.theme-cosmos-dark .border {
    border: 1px solid var(--s-tool-border) !important;
}
.theme-cosmos-dark .border-left {
    border-left: 1px solid var(--s-tool-border) !important;
}
.theme-cosmos-dark .border-right {
    border-right: 1px solid var(--s-tool-border) !important;
}
.theme-cosmos-dark .border-top {
    border-top: 1px solid var(--s-tool-border) !important;
}
.theme-cosmos-dark .border-bottom {
    border-bottom: 1px solid var(--s-tool-border) !important;
}
.theme-cosmos-dark body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}
.theme-cosmos-dark .text-black {
    color: var(--bs-body-color) !important;
}
.theme-cosmos-dark .lkcard {
    background-color: var(--s-card-bg) !important;
    border: 1px solid var(--s-card-border) !important;
    border-radius: 4px !important;
    box-shadow: var(--s-card-shadow) !important;
}
.theme-cosmos-dark .lkcard-title .title {
    color: #d0d6e3 !important;
}
.theme-cosmos-dark .amount {
    color: #d0d6e3 !important;
}
.theme-cosmos-dark .nk-tb-head span {
    color: #d0d6e3 !important;
}
.theme-cosmos-dark #display-tgl {
    color: #d0d6e3 !important;
}
.theme-cosmos-dark .icon {
    color: #d0d6e3 !important;
}
.theme-cosmos-dark h3 {
    color: var(--bs-body-color) !important;
}
.theme-cosmos-dark .lkcard-inner-group .lkcard-inner:not(:last-child) {
    border-bottom: 1px solid var(--s-card-border) !important;
}
.theme-cosmos-dark .nk-tb-item:not(:last-child) .nk-tb-col {
    border-bottom: 1px solid var(--s-card-border) !important;
}
.theme-cosmos-dark .nk-tb-item:hover {
    background-color: var(--s-card-bg) !important;
}
.field{
    padding-bottom:0px !important;
}
.field .caption{
    margin-bottom : 0px !important;
}
.theme-cosmos-dark .lkinput-group textarea {
    background-color: #071222 !important;
    border: 1px solid var(--s-card-border) !important;
    color: #d0d6e3 !important;
}
.theme-cosmos-dark .countToolbar-val {
    color: #d0d6e3 !important;
}
.info-box-text {
    display: block !important;
}

.info-box-content {
    padding-left: 10px !important;
}

.card-container .card {
    height: min-content;
}
.first-category .category-title {
    margin-bottom: 10px;
}
.s-LembarKerja-LembarKerjaProgress > .grid-container {
    height: 220px;
}
.s-LembarKerja-MenuNotaris-MenuNotarisGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuLegalisasi-MenuLegalisasiGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuLegalisasi-MenuLegalisasiGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuWaarmerking-MenuWaarmerkingGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuPajak-MenuPajakGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuPpat-MenuPpatGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuPpatLuarWilayah-MenuPpatLuarWilayahGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuSuratKeluar-MenuSuratKeluarGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuNotaris-MenuNotarisAktaGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuNotarisLain-MenuNotarisLainAktaGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuPpat-MenuPpatAktaGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuPpatLuarWilayah-MenuPpatLuarWilayahAktaGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-MenuWaarmerking-MenuWaarmerkingAktaGrid > .grid-container {
    height: 290px !important;
}
.s-LembarKerja-KeuanganEditor > .grid-container {
    height: 350px !important;
}
.s-LembarKerja-LayananLKEditor > .grid-container {
    height: 290px !important;
}
.btn-group.view-switch a{
    line-height:39px;
}


.jq-dropdown {
    background-color: var(--s-body-bg, #ffffff) !important;
    border: 1px solid var(--s-border-color, #e2e8f0) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.jq-dropdown-menu {
    background-color: transparent !important;
    margin: 0 !important;
}

.jq-dropdown-menu li a {
    color: var(--s-text-color, #334155) !important;
    padding: 8px 15px !important;
    display: block !important;
}

.jq-dropdown-menu li a:hover {
    background-color: var(--s-secondary-bg, #f1f5f9) !important;
    color: var(--s-primary-color, #0f172a) !important;
}

html.theme-cosmos-dark .jq-dropdown {
    background-color: #1e293b !important; /* Kotak jadi biru dongker gelap */
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5) !important;
}

html.theme-cosmos-dark .jq-dropdown-menu li a {
    color: #cbd5e1 !important; /* Teks jadi abu-abu terang */
}

html.theme-cosmos-dark .jq-dropdown-menu li a:hover {
    background-color: #334155 !important; /* Sorotan abu-abu gelap saat di-hover */
    color: #ffffff !important; /* Teks jadi putih terang saat di-hover */
}