:root {
    --primary: #401dce;
    /* --primary: #4B26DE; */
    --dark-primary: #013375;
    --secondary: #4927e1;
    --success: #27AE60;
    --info: #008ffb;
    --warning: #FEB82F;
    --danger: #ED3336;
    --dark: #303030;
    --primary-light: #efebff;
    --secondary-light: #f9f9f9;
    --success-light: #e8fff3;
    --info-light: #f8f5ff;
    --warning-light: #fff8dd;
    --danger-light: #FFE0E8;
    --dark-light: #f4f4f4;
    --white: #fff;
    --text-muted: #ABB4BD;
    --success-inverse: #e1ffed;
    --info-inverse: #ffffff;
    --warning-inverse: #ffffff;
    --danger-inverse: #ffebeb;
    --dark-inverse: #ffffff;
    --primary-inverse: #ebeff4;
    --white-inverse: #ffffff;
    --white-light: #ffffff;
    --grey: #e3e3e3;
    --black: #333;
    --dark-grey: #666;
    --soft-grey: #F6F6F6;


    --bg-menu: linear-gradient(90deg, #003775 0%, #0057b9 104.42%);
    --bg-sub-menu: #f8f8f840;

    --border-radius: 20px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 14px;
}

::-webkit-scrollbar-thumb {
    background: #ababab;
    border: none;
}

::-webkit-scrollbar-track {
    background: #dedede;
}

html {
    font-family: "Poppins", sans-serif;
}

button {
    font-family: "Poppins", sans-serif;

}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

/*BUTTON*/

.bs-btn-label {
    border-radius: 10px !important;
    padding: 2px 10px !important;
    height: 30px !important;
    font-weight: 600 !important;
    min-width: 40px;
    font-size: 12px !important;
}

.bs-btn-label.primary {
    color: var(--primary-inverse);
    border-color: var(--primary);
    background-color: var(--primary);
}

.bs-btn.bs-btn-primary {
    color: var(--primary-inverse);
    border-color: var(--primary);
    background-color: var(--primary);
}

.bs-btn.bs-btn-primary:hover {
    background-color: #00214BFF !important;
    color: #fff !important
}

.bs-btn.bs-btn-download {
    color: var(--primary-inverse);
    border-color: #303030;
    background-color: #303030;
    font-weight: 600;
    padding: 10px 25px;
    display: flex;
    gap: 10px;
}

.bs-btn.bs-btn-light-primary {
    color: var(--primary);
    border-color: var(--primary-light);
    background-color: var(--primary-light);
}

.bs-btn.bs-btn-light-primary:hover {
    color: var(--white) !important;
    background-color: var(--primary) !important;
}

.bs-btn.bs-btn-light {
    color: var(--black);
    border-color: var(--dark-light);
    background-color: var(--dark-light);
}

.bs-btn.bs-btn-light:hover {
    color: var(--black) !important;
    background-color: var(--dark-light) !important;
}

.bs-btn.bs-btn-outline-primary {
    color: var(--primary);
    background-color: var(--white);
    border: 1px solid var(--primary);
}

.bs-btn.bs-btn-outline-primary:hover {
    color: var(--white);
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.bs-btn.bs-btn-success {
    color: var(--success-inverse);
    border-color: var(--success);
    background-color: var(--success);
}

.bs-btn.bs-btn-light-success {
    color: var(--primary);
    border-color: var(--success-light);
    background-color: var(--success-light);
}

.bs-btn.bs-btn-danger {
    color: var(--danger-inverse);
    border-color: var(--danger);
    background-color: var(--danger);
}

.bs-btn.bs-btn-danger:hover {
    background-color: #db2854 !important;
    color: #fff !important;
}

.bs-btn.bs-btn-light-danger {
    color: var(--danger);
    border-color: var(--danger-light);
    background-color: var(--danger-light);
}

.bs-btn.bs-btn-warning {
    color: var(--warning-inverse);
    border-color: var(--warning);
    background-color: var(--warning);
}

.bs-btn.bs-btn-warning:hover {
    color: var(--warning-inverse) !important;
    border-color: var(--warning) !important;
    background-color: #e9a726 !important;
}

.bs-btn.bs-btn-light-warning {
    color: var(--warning);
    border-color: var(--warning-light);
    background-color: var(--warning-light);
}

.bs-btn.bs-btn-info {
    color: var(--info-inverse);
    border-color: var(--info);
    background-color: var(--info);
}

.bs-btn.bs-btn-light-info {
    color: var(--primary);
    border-color: var(--info-light);
    background-color: var(--info-light);
}

.bs-btn.bs-btn-dark {
    color: var(--dark-inverse);
    border-color: var(--dark);
    background-color: var(--dark);
}

.bs-btn.bs-btn-light-dark {
    color: var(--dark);
    border-color: var(--dark-light);
    background-color: var(--dark-light);
}

.bs-btn.bs-btn-white {
    color: var(--white-inverse);
    border-color: var(--white);
    background-color: var(--white);
}

.bs-btn.bs-btn-light-white {
    color: var(--white);
    border-color: var(--white-light);
    background-color: var(--white-light);
}

.bs-btn.bs-btn-circle {
    border-radius: 50%;
}

.bs-btn-transparent {
    background: #ffffff00;
    color: white;
    border: 1px solid #ffffff1f;
}

.bs-btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0px 25px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 9;
    transition: all 0.2s ease;
}

.bs-btn-round-lg {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 40px;
    min-width: 140px;
    padding: 0 24px;
    border-radius: 15px;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
}

.bs-btn-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: none;
    outline: none;
    color: #fff;
    background: var(--blue);
    cursor: pointer;
    padding: 10px;
    transition: all 0.2s ease;
}

.bs-btn-circle.bs-btn-sm {
    width: 30px;
    height: 30px;
    padding: 3px 7px;
}

.bs-btn-circle-sm {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: none;
    outline: none;
    color: #fff;
    background: var(--blue);
    cursor: pointer;
    transition: all 0.2s ease;
}

.bs-btn-inquiry {
    margin-left: -30px;
    z-index: 1;
    border-radius: 0 15px 15px 0;
}

.bs-btn-transparent {
    border: 1px solid #CFCFCF;
    color: var(--primary);
}

/*BUTTON*/

.rdt_TableCol {
    padding: 8px 11px;
    color: #304f82 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.rdt_TableRow {
    border-bottom: 1px solid #eff2f5 !important;
    border-radius: 20px;
}

.rdt_TableRow:hover {
    background-color: #eef6ff !important;
}

.rdt_TableHeadRow {
    background: #eef6ff !important;
    border: none !important;
    margin-bottom: 10px;
}

.rdt_TableHeadRow:nth-child(1) {
    border-radius: 15px !important;
}

.rdt_Pagination {
    border-top: none !important;
    /* border-top: 1px solid #EFF2F5 !important; */
}

.ant-table-cell {
    font-size: 13px;
}

.ant-pagination .ant-pagination-item-active a {
    color: #fff !important;
}

.ant-pagination .ant-pagination-item-active {
    border-color: var(--primary) !important;
}

.ant-table-wrapper .ant-table-thead>tr>th,
.ant-table-wrapper .ant-table-thead>tr>td {
    position: relative;
    color: var(--dark);
    font-weight: 600;
    text-align: start;
    background: #40569F14;
    border-bottom: 1px solid #ffffff;
    padding: 11px 16px;
}


.ant-table-tbody tr td {
    font-weight: 500;
    padding: 5px 13px !important;
}

.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover {
    background: var(--primary);
    color: #fff;
}

.ant-table-wrapper .ant-table-column-sorter-up.active,
.ant-table-wrapper .ant-table-column-sorter-down.active {
    color: #fff;
}

.ant-table-wrapper .ant-table-thead th.ant-table-column-sort {
    background: var(--primary);
    color: #fff;
}

.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:last-child {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.ant-table-wrapper .ant-table-container table>thead>tr:first-child>*:first-child {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.ant-table-cell-row-hover {
    background: #fafafa !important;
}

.ant-table-wrapper .ant-table-tbody>tr>td {
    color: #1B1B1B;
    border-bottom: 1px solid #EBEFF4;
}

.ant-pagination .ant-pagination-total-text {
    position: absolute;
    left: 22px;
    font-size: 13px;
    color: var(--text-muted);
    font-weight: 400;
}

.customTable {
    width: 100%;
    border-collapse: collapse;
}

.customTable th .customTable td {
    padding: 8px;
}

.customTable th {
    background-color: #4CAF50;
    color: white;
    text-align: left;
}

.customTable tr:nth-child(even) {
    background-color: #f2f2f2;
}

.customTable tr:hover {
    background-color: #ddd;
}

.customTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

.ant-table-wrapper .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before,
.ant-table-wrapper .ant-table-thead>tr>td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
    background-color: #CCCCCC;
}

.ant-pagination .ant-pagination-item-active {
    background-color: var(--primary);
}

.form-control {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 17px;
    height: 40px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 15px;
    color: #181c32;
    background-color: #ffffff;
    border: 1px solid #e1e3ea;
    z-index: 9;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ant-select-selection-item {
    font-weight: 600 !important;
    font-size: 13px !important;
}

.form-group {
    margin-bottom: 25px;
}

.ant-select-disabled {
    background: #fff;
    border: 0;
}

.ant-select-disabled .ant-select-selector {
    background: #fff !important;
    color: #181c32 !important;
}

.ant-select-disabled .ant-select-arrow {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control[type=file] {
    overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control:focus {
    color: #181c32;
    background-color: #ffffff;
    border-color: var(#b5b5c3);
    outline: 0;
    /* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08); */
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em;
}

.form-control::placeholder {
    font-size: 14px;
    color: #a1a5b7;
    font-weight: 400;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    border: none;
    opacity: 1;
}

/* ======== FLOATING LABEL  ======== */
.floating-label-content {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.floating-label-content textarea {
    min-height: 120px;
    padding: 10px 20px;
}

.floating-label {
    position: absolute;
    left: 15px;
    top: 8px;
    font-size: 13px;
    font-weight: 500;
    padding: 0 7px;
    background: #fff;
    color: #757575;
    cursor: text;
    transition: 0.2s ease all;
    border-radius: 20px;
    z-index: 10;
}

.floating-input:focus,
.floating-select:focus {
    outline: none;
}

.floating-input:focus~.floating-label {
    top: -10px;
    left: 10px;
    font-size: 12px;
}

.floating-input:not(:-moz-placeholder-shown)~.floating-label {
    top: -10px;
    left: 10px;
    font-size: 12px;
}

.floating-input:not(:-ms-input-placeholder)~.floating-label {
    top: -10px;
    left: 10px;
    font-size: 12px;
}

.floating-input:not(:placeholder-shown)~.floating-label {
    top: -10px;
    left: 10px;
    font-size: 12px;
}

.floating-select:not([value=""]):valid~.floating-label {
    top: -10px;
    left: 10px;
    font-size: 12px;
}

textarea {
    min-height: 120px;
    padding: 14px 20px;
}

/* ======== END FLOATING LABEL  ======== */
.label-form {
    font-size: 14px;
    font-weight: 400;
    color: #1f2233;
    margin-bottom: 4px;
}

.icon-password {
    cursor: pointer;
    position: absolute;
    right: 15px;
    color: #c1c1c1;
    top: 0px;
    font-size: 25px;
    border-radius: 27px;
}

/* INPUT IMAGE */
.image-input {
    position: relative;
}

.image-input .content-btn {
    display: flex;
    position: absolute;
    left: -11px;
    top: -10px;
    gap: 3px;
    flex-direction: column;
}

.image-input input {
    display: none;
}

.image-input label {
    display: block;
    color: #FFF;
    background: #000;
    padding: 0.3rem 0.6rem;
    font-size: 115%;
    cursor: pointer;
}

.image-input label i {
    font-size: 125%;
    margin-right: 0.3rem;
}

.image-input label:hover i {
    animation: shake 0.35s;
}

.image-input img {
    width: 100%;
    object-fit: contain;
    height: 200px;
    /* aspect-ratio: 1; */
    border-radius: 20px;
    border: 1px dashed #f1f1f1;
}

.image-input span {
    display: none;
    text-align: center;
    cursor: pointer;
}

@keyframes shake {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/* INPUT IMAGE */
.searchInput {
    border-radius: 20px;
    padding-left: 2.6rem;
    background-color: #fff !important;
    transition: all 0.2s;
    width: 300px;
    border: 1px solid rgba(0, 73, 175, 0.1411764706);
    height: 40px;
}

.icon-search {
    position: absolute;
    top: 11px;
    left: 13px;
    font-size: 18px;
    z-index: 9;
}

.error-form {
    font-size: 11px;
    color: var(--danger);
    margin-top: 5px;
    margin-left: 22px;
}

.error .form-control {
    border: 1px solid var(--danger);
}

.error .floating-label {
    color: var(--danger);
}

.ant-select-selector {
    padding: 0 !important;
}

.ant-select-selection-search {
    left: 0 !important;
}

.satuanInput {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    font-weight: 400;
    font-size: 13px;
    border-radius: 0px 15px 15px 0;
    background: #eeeeee;
    padding: 0 18px;
    height: 40px;
    border: 1px solid #e1e3ea;
    color: var(--text-muted);
    z-index: 99;
}


.bs-text-primary {
    color: var(--primary) !important;
    transition: .3s;
}

.bs-text-primary.hoverable:hover {
    color: #fff !important;
    transition: .3s;
}

.bs-text-light-primary {
    color: var(--primary-light) !important;
}

.bs-text-dark-primary {
    color: var(--dark-primary) !important;
}

.bs-text-light-success {
    color: var(--success-light) !important;
}

.bs-text-success {
    color: var(--success) !important;
}

.bs-text-info {
    color: var(--info) !important;
}

.bs-text-light-info {
    color: var(--info-light) !important;
}

.bs-text-warning {
    color: var(--warning) !important;
}

.bs-text-light-warning {
    color: var(--warning-light) !important;
}

.bs-text-danger {
    color: var(--danger) !important;
}

.bs-text-light-danger {
    color: var(--danger-light) !important;
}

.bs-text-dark {
    color: var(--dark) !important;
}

.bs-text-black {
    color: var(--dark) !important;
}

.bs-bg-primary {
    background: var(--primary) !important;
}

.bs-bg-primary-light {
    background: var(--primary-light) !important;
    transition: .3s;
}

.bs-bg-primary-light.hoverable:hover {
    color: var(--primary) !important;
    transition: .3s;
}

.bs-bg-dark-primary {
    background: var(--dark-primary) !important;
}

.bs-bg-success {
    background: var(--success) !important;
}

.bs-bg-info {
    background: var(--info) !important;
}

.bs-bg-warning {
    background: var(--warning) !important;
}

.bs-bg-danger {
    background: var(--danger) !important;
}

.bs-bg-dark {
    background: var(--dark) !important;
}

.bs-bg-black {
    background: var(--dark) !important;
}

.bs-bg-success-light {
    background: var(--success-light) !important;
}

.bs-bg-info-light {
    background: var(--info-light) !important;
}

.bs-bg-warning-light {
    background: var(--warning-light) !important;
}

.bs-bg-danger-light {
    background: var(--danger-light) !important;
}

.bs-bg-dark-light {
    background: var(--dark-light) !important;
}

.bs-bg-black-light {
    background: var(--dark-light) !important;
}

.bs-text-muted {
    color: var(--text-muted) !important;
}

.bs-text-lowercase {
    text-transform: lowercase !important;
}

.bs-text-uppercase {
    text-transform: uppercase !important;
}

.bs-text-capitalize {
    text-transform: capitalize !important;
}

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

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

.bs-text-right {
    text-align: right;
}

.bs-text-justify {
    text-align: justify;
}

.bs-m-0 {
    margin: 0 !important;
}

.bs-m-1 {
    margin: 0.25rem !important;
}

.bs-m-2 {
    margin: 0.5rem !important;
}

.bs-m-3 {
    margin: 1rem !important;
}

.bs-m-4 {
    margin: 1.5rem !important;
}

.bs-m-5 {
    margin: 3rem !important;
}

.bs-m-auto {
    margin: auto !important;
}

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

.bs-mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.bs-mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.bs-mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.bs-mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.bs-mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.bs-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

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

.bs-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.bs-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.bs-my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.bs-my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.bs-my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.bs-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

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

.bs-mt-1 {
    margin-top: 0.25rem !important;
}

.bs-mt-2 {
    margin-top: 0.5rem !important;
}

.bs-mt-3 {
    margin-top: 1rem !important;
}

.bs-mt-4 {
    margin-top: 1.5rem !important;
}

.bs-mt-5 {
    margin-top: 3rem !important;
}

.bs-mt-auto {
    margin-top: auto !important;
}

.bs-me-0 {
    margin-right: 0 !important;
}

.bs-me-1 {
    margin-right: 0.25rem !important;
}

.bs-me-2 {
    margin-right: 0.5rem !important;
}

.bs-me-3 {
    margin-right: 1rem !important;
}

.bs-me-4 {
    margin-right: 1.5rem !important;
}

.bs-me-5 {
    margin-right: 3rem !important;
}

.bs-me-auto {
    margin-right: auto !important;
}

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

.bs-mb-1 {
    margin-bottom: 0.25rem !important;
}

.bs-mb-2 {
    margin-bottom: 0.5rem !important;
}

.bs-mb-3 {
    margin-bottom: 1rem !important;
}

.bs-mb-4 {
    margin-bottom: 1.5rem !important;
}

.bs-mb-5 {
    margin-bottom: 3rem !important;
}

.bs-mb-auto {
    margin-bottom: auto !important;
}

.bs-ms-0 {
    margin-left: 0 !important;
}

.bs-ms-1 {
    margin-left: 0.25rem !important;
}

.bs-ms-2 {
    margin-left: 0.5rem !important;
}

.bs-ms-3 {
    margin-left: 1rem !important;
}

.bs-ms-4 {
    margin-left: 1.5rem !important;
}

.bs-ms-5 {
    margin-left: 3rem !important;
}

.bs-ms-auto {
    margin-left: auto !important;
}

.bs-p-0 {
    padding: 0 !important;
}

.bs-p-1 {
    padding: 0.25rem !important;
}

.bs-p-2 {
    padding: 0.5rem !important;
}

.bs-p-3 {
    padding: 1rem !important;
}

.bs-p-4 {
    padding: 1.5rem !important;
}

.bs-p-5 {
    padding: 3rem !important;
}

.bs-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.bs-px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.bs-px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.bs-px-3 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

.bs-px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.bs-px-5 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}

.bs-px-6 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.bs-px-7 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
}

.bs-px-8 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.bs-px-9 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
}

.bs-px-10 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
}

.bs-px-11 {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
}

.bs-px-12 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.bs-px-13 {
    padding-right: 3.25rem !important;
    padding-left: 3.25rem !important;
}

.bs-px-14 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
}

.bs-px-15 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
}

.bs-px-16 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}

.bs-px-17 {
    padding-right: 4.25rem !important;
    padding-left: 4.25rem !important;
}

.bs-px-18 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
}

.bs-px-19 {
    padding-right: 4.75rem !important;
    padding-left: 4.75rem !important;
}

.bs-px-20 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
}

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

.bs-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.bs-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.bs-py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.bs-py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.bs-py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.bs-py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.bs-py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}

.bs-py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.bs-py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
}

.bs-py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.bs-py-11 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
}

.bs-py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.bs-py-13 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
}

.bs-py-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.bs-py-15 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
}

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

.bs-py-17 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
}

.bs-py-18 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}

.bs-py-19 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
}

.bs-py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

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

.bs-pt-1 {
    padding-top: 0.25rem !important;
}

.bs-pt-2 {
    padding-top: 0.5rem !important;
}

.bs-pt-3 {
    padding-top: 1rem !important;
}

.bs-pt-4 {
    padding-top: 1.5rem !important;
}

.bs-pt-5 {
    padding-top: 3rem !important;
}

.bs-pe-0 {
    padding-right: 0 !important;
}

.bs-pe-1 {
    padding-right: 0.25rem !important;
}

.bs-pe-2 {
    padding-right: 0.5rem !important;
}

.bs-pe-3 {
    padding-right: 1rem !important;
}

.bs-pe-4 {
    padding-right: 1.5rem !important;
}

.bs-pe-5 {
    padding-right: 3rem !important;
}

.bs-pb-0 {
    padding-bottom: 0 !important;
}

.bs-pb-1 {
    padding-bottom: 0.25rem !important;
}

.bs-pb-2 {
    padding-bottom: 0.5rem !important;
}

.bs-pb-3 {
    padding-bottom: 1rem !important;
}

.bs-pb-4 {
    padding-bottom: 1.5rem !important;
}

.bs-pb-5 {
    padding-bottom: 3rem !important;
}

.bs-ps-0 {
    padding-left: 0 !important;
}

.bs-ps-1 {
    padding-left: 0.25rem !important;
}

.bs-ps-2 {
    padding-left: 0.5rem !important;
}

.bs-ps-3 {
    padding-left: 1rem !important;
}

.bs-ps-4 {
    padding-left: 1.5rem !important;
}

.bs-ps-5 {
    padding-left: 3rem !important;
}

.bs-fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.bs-fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.bs-fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.bs-fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.bs-fs-5 {
    font-size: 1.25rem !important;
}

.bs-fs-6 {
    font-size: 1rem !important;
}

.bs-fs-7 {
    font-size: 0.8rem !important;
}

.bs-fs-8 {
    font-size: 0.6rem !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-semibold {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 600 !important;
}

.fw-bolder {
    font-weight: 700 !important;
}

.flex {
    display: flex;
}

.justify-center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.justify-start {
    display: flex !important;
    justify-content: start !important;
    align-items: center !important;
}

.justify-end {
    display: flex !important;
    justify-content: end !important;
    align-items: center !important;
}

.zn-close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.bs-modal {
    backdrop-filter: blur(5px);
}

.zn-bg-modal {
    background: var(--primary-light);
    border-radius: 0px 0px 20px 20px !important;
}

.ant-modal .ant-modal-header {
    border-radius: 20px 20px 0 0;
    padding: 20px 15px;
}

.ant-modal-content {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 20px !important;
}

.bs-separator {
    border: 1px solid #eaeaea;
}

.bs-btn-act-modal {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    padding: 0px 30px;
}

.header-separator {
    border: 3px solid #EBEFF4;
    margin-top: 2rem;
}

.bs-modal-header {
    padding-top: 2rem;
}

.bs-modal-header .bs-modal-title {
    font-size: 16px;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--primary);
}

.bs-modal-header .bs-modal-subtitle {
    font-size: 11px;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    font-weight: 400;
    color: #BEBEBE;
}

.bs-modal-header .bs-modal-icon-header {
    font-size: 2.3rem !important;
    color: var(--primary) !important;
}

.bs-btn-close-modal {
    font-size: 1.5rem;
    color: var(--primary) !important;
    cursor: pointer !important;
    position: absolute !important;
    top: 9px !important;
    right: 12px !important;
}

.bs-content-notif {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem 4rem;
    min-height: 145px;
    overflow: hidden;
}

.bs-icon-notif {
    position: absolute;
    bottom: -40px;
    left: -30px;
    font-size: 160px;
    opacity: .2;
}

.bs-content-notif .bs-title-notif {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.bs-content-notif .bs-subtitle-notif {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.32px;
    color: var(--dark);
    text-align: center;
}

.bs-content-confirm {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem 4rem;
    min-height: 230px;
}

.bs-content-confirm .bs-title-confirm {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 1rem;
}

.bs-content-confirm .bs-subtitle-confirm {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.32px;
    color: var(--dark);
    text-align: center;
}

.bs-content-confirm .bs-descResult {
    position: relative;
    width: 100%;
    margin-top: 12px;
    z-index: 9;
}

.bs-content-confirm .bs-action-confirm {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 2.6rem;
    z-index: 9;
}


.wave {
    background-color: #f3f6f9;
    overflow: hidden;
    position: relative;
}

.wave>div {
    z-index: 1;
}

.wave:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.wave:after {
    content: " ";
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: #fff;
    z-index: 0;
}

.wave:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wave-animate:after {
    -webkit-animation: animate-wave 15s infinite linear;
    animation: animate-wave 15s infinite linear;
}

.wave-animate-slower:after {
    -webkit-animation: animate-wave 30s infinite linear;
    animation: animate-wave 30s infinite linear;
}

.wave-animate-slow:after {
    -webkit-animation: animate-wave 25s infinite linear;
    animation: animate-wave 25s infinite linear;
}

.wave-animate-fast:after {
    -webkit-animation: animate-wave 10s infinite linear;
    animation: animate-wave 10s infinite linear;
}

.wave-animate-faster:after {
    -webkit-animation: animate-wave 5s infinite linear;
    animation: animate-wave 5s infinite linear;
}

.wave.wave-primary {
    background-color: var(--primary-light) !important;
}

.wave.wave-primary .svg-icon svg g [fill] {
    fill: var(--primary-light);
}

.wave.wave-secondary {
    background-color: rgba(228, 230, 239, 0.1) !important;
}

.wave.wave-secondary .svg-icon svg g [fill] {
    fill: #e4e6ef;
}

.wave.wave-success {
    background-color: rgba(27, 197, 189, 0.1) !important;
}

.wave.wave-success .svg-icon svg g [fill] {
    fill: #43a047;
}

.wave.wave-info {
    background-color: rgba(137, 80, 252, 0.1) !important;
}

.wave.wave-info .svg-icon svg g [fill] {
    fill: #8950fc;
}

.wave.wave-warning {
    background-color: rgba(255, 168, 0, 0.1) !important;
}

.wave.wave-warning .svg-icon svg g [fill] {
    fill: #ffa800;
}

.wave.wave-danger {
    background-color: rgba(246, 78, 96, 0.1) !important;
}

.wave.wave-danger .svg-icon svg g [fill] {
    fill: #039be5;
}

.wave.wave-light {
    background-color: rgba(243, 246, 249, 0.1) !important;
}

.wave.wave-light .svg-icon svg g [fill] {
    fill: #f3f6f9;
}

.wave.wave-dark {
    background-color: rgba(24, 28, 50, 0.1) !important;
}

.wave.wave-dark .svg-icon svg g [fill] {
    fill: #181c32;
}

.wave.wave-white {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.wave.wave-white .svg-icon svg g [fill] {
    fill: #fff;
}

@-webkit-keyframes animate-wave {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-wave {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.bs-content-notif {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*MODULE UJIAN*/
.step-proses-pengajuan .ant-steps-item-process.ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon,
.step-proses-pengajuan .ant-steps-item-finish.ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon,
.step-proses-pengajuan .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: var(--primary) !important;
}

.step-proses-pengajuan .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail::after {
    background-color: #037b3a !important;
}

.step-proses-pengajuan .ant-steps-item-tail {
    margin-inline-start: 56px !important;
    padding: 4px 35px !important;
}

.step-proses-pengajuan .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: var(--primary) !important;
    font-weight: 500;
}

.container-pengajuan-kredit {
    background: #fff;
    border-radius: 15px;
    padding: 20px 40px 40px 40px !important;
}

.bs-btn-secondary {
    position: relative;
    background: #ebebeb;
    transition: 0.3s;
    border: 1px solid #ebebeb;
    color: #555555;
}

.bs-btn-secondary:hover {
    transition: 0.3s;
    border: 1px solid #dddddd;
}

.bs-text-decoration-none {
    text-decoration: none;
}

.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--primary);
}

.bs-text-muted {
    color: var(--text-muted);
}

.ant-tabs-tab .ant-tabs-tab-active {
    color: var(--primary);
}

.ant-tabs-tab:hover .ant-tabs-tab-btn,
.ant-tabs-tab:hover .ant-tabs-tab-btn .bs-tabCount,
.ant-tabs-tab:hover .ant-tabs-tab-btn .bs-tabCount .done {
    color: var(--primary);
    transition: .3s;
}

.ant-tabs .ant-tabs-ink-bar {
    background-color: var(--primary);
}

.table-document-debitur td {
    padding: 6px 0;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.justify-between {
    justify-content: space-between;
}

.table-list-pinjaman {
    border-spacing: 0;
}

.table-list-pinjaman thead {
    background: #f5f5f5;
    font-size: 0.85rem;
    font-weight: 500;
    color: #737171;
}

.table-list-pinjaman tbody tr:not(:first-child) td {
    border-top: 1px dashed #dcdcdc;
}

.table-list-pinjaman tbody tr td {
    font-size: 14px;
}

.table-list-pinjaman div {
    margin-bottom: 0 !important;
}

.table-list-pinjaman thead tr td:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.table-list-pinjaman thead tr td:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.ant-upload-select {
    border: none !important;
}

.container-upload-slik .ant-upload-wrapper {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-name,
.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-actions .anticon,
.ant-upload-list .ant-upload-list-item-error .ant-upload-icon .anticon {
    color: var(--danger) !important;
}

.avatar-image {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    border: 1px solid #ccc;
    object-fit: contain !important;
}

/* Change the checkbox border color */
.ant-checkbox-inner {
    border-color: var(--primary);
    /* Custom border color */
}

/* Change the background color when checked */
.ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--primary);
    /* Custom background color */
    border-color: var(--primary);
    /* Custom border color */
}

/* Change the checkmark color */
.ant-checkbox-checked .ant-checkbox-inner::after {
    border-color: #ffffff;
    /* Custom checkmark color */
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: var(--primary);
    border-color: transparent;
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    border-color: var(--primary);
}

.antUploadContainer {
    position: relative;
    width: 100%;
    margin-top: 8px;
}

.antUploadContainer .ant-upload-list.ant-upload-list-picture-card {
    gap: 1rem !important;
}

.antUploadContainer .antUploadButton {
    position: relative;
    border: none;
    background: transparent;
    cursor: pointer;
}

.antUploadContainer .antUploadButton svg {
    font-size: 52px;
    color: #ccc;
}

.antUploadContainer .antUploadButton .bs-text {
    font-size: 16px;
    font-weight: 500;
    color: #ccc;
}

.antUploadContainer .antUploadButton .ext {
    font-size: 12px;
    font-weight: 400;
    color: #ccc;
}

.antUploadContainer div[class=ant-upload-list-item-thumbnail] {
    visibility: hidden !important;
}

.antUploadContainer div[class=ant-upload-list-item-thumbnail]:after {
    content: "Loading...";
    visibility: visible;
    display: block;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.antUploadContainer .ant-upload-list-item-progress {
    width: 120px !important;
    bottom: 30% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.antUploadContainer .ant-upload-list-item-container,
.antUploadContainer .ant-upload-select {
    width: 160px !important;
    height: 160px !important;
    background-color: #ffffff !important;
    border: 1px solid #e1e3ea !important;
    border-radius: 30px !important;
    overflow: hidden;
}

.antUploadContainer .ant-upload-list-item-actions {
    border-radius: 30px !important;
}

.antUploadContainer .ant-upload-list-item {
    border: none !important;
}

.antUploadContainer .ant-upload-list-item::before {
    width: 160px !important;
    height: 160px !important;
    left: 0 !important;
}

.antUploadContainer .ant-upload-list-item .ant-upload-list-item-image {
    border-radius: 22px !important;
    object-fit: cover !important;
}

.antUploadContainer .container-img-uploaded {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 160px;
    height: 160px;
    align-items: center;
    color: #a1a5b7;
}

.scoring-credit-info {
    text-align: center;
}

.scoring-credit-score {
    font-weight: 600;
}

.fw-500 {
    font-weight: 500;
}

.fw-500 .badge-jenis-debitur {
    background: var(--info);
    border-radius: "15px";
}

.ant-dropdown-menu .bs-dropdown-item {
    color: inherit !important;
}


.headContent {
    position: relative;
    justify-content: end;
    flex-direction: column;
    top: 0;
    padding: 10px 0;
    width: 100%;
    border-radius: 24px 24px 0 0;
}

.headContent::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    width: calc(100% - 25px);
}

.headContent .filter {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100% !important;
}

.headContent .filter .justify-start {
    justify-content: end;
    flex-direction: column;
    width: 100% !important;
    margin-top: 1rem;
}

.headContent .filter .justify-start .form-control,
.headContent .filter .justify-start button {
    width: 100%;
}

.ant-tabs>.ant-tabs-nav {
    position: relative;
    z-index: 99;
    margin-bottom: 0;
}

.ant-tabs-content-holder {
    border-bottom-right-radius: 20px;
    padding: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    background: #fff;
    overflow: hidden;
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 20px 20px 0 0;
    padding: 10px 40px;
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab {
    background: var(--soft-grey);
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active {
    box-shadow: inset 0px 0, inset 0px 4px var(--primary);
    background: #ffffff90;
}

.ant-tabs-top .ant-tabs-tab {
    color: rgba(102, 102, 102, 0.6980392157);
    border-top: 1px solid #E0E0E0 !important;
    border-right: 1px solid #E0E0E0 !important;
    border-left: 1px solid #E0E0E0 !important;
}

.ant-tabs-left .ant-tabs-tab {
    background: transparent;
    border-radius: 20px 0 0 20px !important;
    border: none !important;
    min-width: 220px;
}

.ant-tabs-left .ant-tabs-tab.ant-tabs-tab-active {
    background: #fff;
    border-radius: 20px 0 0 20px !important;
}

.container-tab-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: -10px 0;
}

.container-tab-title .tab-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.32px;
    text-transform: uppercase;
}

.container-tab-title .tab-subtitle {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.32px;
    color: #B5B5B5;
    display: none;

}

.bs-tabTitleLeft {
    display: flex;
    justify-content: start;
    align-items: center;
}

.bs-tabTitleLeft img,
.bs-tabTitleLeft svg {
    font-size: 18px;
    color: #868686;
}

.bs-tabTitleLeft .bs-tabTitle {
    font-size: 13px;
    font-weight: 400;
    color: #868686;
}

.ant-tabs-tab {
    padding: 0 40px 0 !important;
    height: 50px;
    margin-top: 20px !important;
}

.ant-tabs-left .ant-tabs-tab {
    padding: 0 20px 0 !important;
    margin-top: 0 !important;
    border-radius: 20px 0 0 20px;
}


.ant-tabs-top .ant-tabs-tab-active {
    padding: 10px 40px 10px !important;
    height: 70px;
    margin-top: 0px !important;
}

.ant-tabs-tab-active .container-tab-title .tab-subtitle,
.ant-tabs-tab-active .bs-containerTab .bs-tabSubtitle {
    display: block;
}

.ant-tabs-tab-active .container-tab-title,
.ant-tabs-tab-active .bs-containerTab {
    margin: 0;
}

.ant-tabs-tab-active .bs-containerTab .bs-tabCount {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.32px;
    color: var(--primary);
    transition: .3s;
}

.ant-tabs-tab-active .bs-containerTab .bs-tabCount .done {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.32px;
    color: var(--primary);
    transition: .3s;
}

.ant-tabs-left .ant-tabs-tab.ant-tabs-tab-active .bs-tabTitleLeft img,
.ant-tabs-left .ant-tabs-tab.ant-tabs-tab-active .bs-tabTitleLeft svg,
.ant-tabs-left .ant-tabs-tab.ant-tabs-tab-active .bs-tabTitleLeft .bs-tabTitle {
    font-weight: 500 !important;
    color: var(--primary) !important;
    transition: .3s !important;
}


.bs-tag-info {
    background: #EBEFF4;
    border-radius: 20px;
    display: flex;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border: 1px dashed var(--primary);
    color: var(--primary);
}

.ant-table-wrapper .ant-table {
    background: transparent;
}

.ant-table-wrapper {
    position: relative;
    z-index: 2;
}

/*MODULE UJIAN*/

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item,
.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item,
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title {
    padding: 10px 24px;
    font-weight: 500;
    font-size: 13px;
    border-radius: 10px;
    gap: 10px;
}

.bs-dropdown-item {
    display: flex;
    gap: 10px;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover {
    background-color: var(--primary-inverse);
    color: var(--primary);
    font-weight: 600;
}

.ant-dropdown .ant-dropdown-menu {
    border-radius: 10px;
}

.no-click {
    cursor: inherit;
}

/*FILTER*/
.bs-filter-data {
    width: 450px;
    padding: 15px 20px;
    /* padding:10px; */
}

.bs-filter-icon {
    font-size: 34px;
    color: var(--primary);
}

.bs-filter-title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary);
}

.bs-filter-subtitle {
    font-size: 12px;
    font-weight: 300;
    color: var(--text-muted);

}

.bs-filter-separator {
    height: 4px;
    border-radius: 10px;
    background-color: var(--primary-inverse);
    margin: 20px 0;
}

.bs-filter-close {
    position: absolute;
    top: 15px;
    right: 18px;
    color: var(--primary);
    font-size: 23px;
}

.ant-popover .ant-popover-inner {
    border-radius: 20px;
    padding: 0;
}

.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector {
    border: 1px solid #fff !important;
    box-shadow: none !important;
    border-color: #fff !important;
}

.bs-filter-footer {
    text-transform: uppercase;
    background: var(--primary-inverse);
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: end;
    padding: 15px;
    border-radius: 0 0 20px 20px;
}

/*FILTER*/

.bs-breadCrumbRelative {
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
}

.bs-breadCrumb {
    position: absolute;
    right: -18px;
    top: -54px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.bs-breadCrumbRelative,
.text,
.bs-breadCrumb .text {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: #B0B0B0;
    margin-right: 1.4rem;
}

.bs-breadCrumbRelative,
.text-active,
.bs-breadCrumb .text-active {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary);
    margin-right: 1.4rem;
}

.bs-breadCrumbRelative,
.text:not(:last-child)::after,
.bs-breadCrumb .text:not(:last-child)::after {
    content: '>';
    position: absolute;
    top: -1px;
    right: -16px;
    font-size: 14px;
    font-weight: 500;
    color: #B0B0B0;
}

.bs-tb-waktu tr td {
    padding: 1px 5px !important;
}


.bs-expand-icon {
    background: var(--primary-inverse);
    border-radius: 5px;
    color: var(--primary);
    width: 17px;
    height: 17px;
    font-size: 12px;
}

.bs-expand-content {
    background: #ebeff4;
    width: 400px;
    border-radius: 10px;
    padding: 10px;
}

.ant-spin .ant-spin-dot-item {
    background: #013375;
}

.bs-card-white {
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0px 6px 6px #e9e9e9;
}

.bs-card-footer {
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 8px;

    /* display: flex;
    justify-content: end;
    align-items: center;
    gap: 8px;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    background: var(--primary-light);
    border-radius: 0 0 20px 20px;
    padding: 8px 12px; */
}

.bs-card-name {
    background: var(--soft-grey);
    border-radius: 15px;
    height: 100%;
    padding: 15px 25px;
}

.bs-card-name .bs-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--dark);
}

.bs-card-name .bs-subtitle {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: 400;
}

.bs-card-detail {
    border-radius: 15px;
    padding: 10px 20px;
}

.bs-card-detail.dark {
    background: var(--dark);
    color: #fff;
    text-align: center;
}

.bs-card-detail .bs-title {
    font-weight: 300;
    font-size: 12px;
}

.bs-card-detail .bs-subtitle {
    font-weight: 700;
    font-size: 30px;
}

.bs-detail-form .bs-title {
    font-weight: 400;
    font-size: 13px;
    color: var(--text-muted);
}

.bs-detail-form .bs-value {
    font-weight: 500;
    font-size: 15px;
}

.bs-soal-salah {
    /*background: var(--danger-inverse);*/
    border-radius: 20px;
}

.bs-soal-salah td {
    color: var(--danger) !important;
}

.bs-soal-salah td:first-child>*:first-child {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.bs-soal-salah td:first-child>*:last-child {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.bs-file-upload {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: start; */
    position: relative;
    margin-top: -10px;
}

.bs-file-input {
    display: none;
}

.bs-file-label {
    color: #757575;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    background: #fff;
    padding: 4px;
    left: 12px;
    top: -14px;
    font-weight: 500;
    transition: background 0.2s ease;
}

.bs-file-name {
    margin-top: 10px;
    padding: 10px 17px;
    height: 40px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 15px;
    color: #181c32;
    background-color: #ffffff;
    width: 100%;
    border: 1px solid #e1e3ea;
}

.bs-pilihfile {
    background: var(--primary);
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 12px;
    color: #fff;
    border-radius: 20px;
    padding: 4px 14px;
    font-weight: 500;
    cursor: pointer;
}

.ant-switch-handle::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}

/*  */

.bs-text-grey {
    color: #999;
}

.bs-text-black {
    color: #323232;
}

.bs-text-green {
    color: #27AE60;
}

.bs-text-red {
    color: #ED3336;
}

.bs-text-white {
    color: #fff;
}

.switch-indonesia .ant-switch-handle::before {
    background-image: url('/flag/id.png');
}

.switch-english .ant-switch-handle::before {
    background-image: url('/flag/en.png');
}

.bs-badge {
    position: relative;
    display: inline-block;
    padding: 1px 12px;
    border-radius: 12px;
}

.ant-modal-content {
    background: var(--soft-grey) !important;
}

.bs-rounded-card {
    position: relative;
    border-radius: 20px;
    padding: 1.4rem 1.6rem;
    background: #fff;
    box-shadow: 0px 10px 22.1px -5px #0000000A;
}

.bs-rounded-card.bordered {
    border-top: 4px solid var(--primary);
}

.bs-rounded-card.bs-card-black {
    background: #282828;
}

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

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

.bs-text-right {
    text-align: right;
}

.bs-text-sm {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.bs-text-md {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.bs-text-xl {
    font-size: 30px;
    font-weight: 800;
    line-height: 32px;
}

.bs-modal-content {
    position: relative;
    padding: 1rem 1.4rem;
}

.bs-content {
    position: relative;
    margin-top: 2rem;
}

.bs-containerTab {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bs-containerTab .bs-tabTitle {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.32px;
    text-transform: uppercase;
}

.bs-containerTab .bs-tabSubtitle {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.32px;
    color: #B5B5B5;
    display: none;
}

.bs-containerTab .bs-tabCount {
    /* font-size: 16px; */
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.32px;
    color: #666666B2;
    /* color: var(--primary); */
}

.bs-containerTab .bs-tabCount .done {
    font-size: 16px;
    font-weight: 700;
    /* font-size: 32px;
    font-weight: 700; */
    letter-spacing: 0.32px;
    color: #666666B2;
    /* color: var(--primary); */
}

.tabsCustom .ant-tabs-tab-btn {
    width: 340px;
}

.tabsCustom .ant-tabs-tab {
    padding: 10px 20px !important;
}


.bs-custom-switch {
    position: relative;
    width: 80px;
    height: 40px;
    background: #F0F1F7 !important;
    padding: 2px;
    border-radius: 999px;
}

.bs-custom-switch .ant-switch-handle::before {
    width: 36px;
    height: 36px;
    background: var(--primary);
    border-radius: 50%;
}

.bs-custom-switch.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 38px);
}

.bs-custom-switch .ant-switch-inner .ant-switch-inner-checked,
.bs-custom-switch .ant-switch-inner .ant-switch-inner-unchecked {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin-top: 0 !important;
}

.bs-custom-switch .ant-switch-inner {
    position: relative;
    width: 100%;
}

.bs-custom-switch .ant-switch-inner .ant-switch-inner-checked {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 20px;
    color: #fff;
}

.bs-custom-switch .ant-switch-inner .ant-switch-inner-unchecked {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 20px;
    color: #A2A2A2;
}

.bs-custom-switch.ant-switch-checked .ant-switch-inner-checked {
    color: #A2A2A2;
}

.bs-custom-switch.ant-switch-checked .ant-switch-inner-unchecked {
    color: #fff;
}

.bs-gridView {
    position: relative;
}

.bs-gridView .bs-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 1.2rem 1.4rem;
    margin-bottom: 1rem;
    border-radius: 16px;
    background: #fafafa;
    border: 1px solid #DEDEDE;
}


.bs-gridView .bs-content .bs-dataContent {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 1.4rem;
}

.bs-gridView .bs-content .bs-actionWrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    width: 35px;
}

.bs-gridView .bs-dataImage {
    position: relative;
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 1rem;
}

.bs-gridView .bs-wrapperImg {
    position: relative;
    width: 116px;
    border-radius: 12px;
}

.bs-gridView .bs-wrapperImg .bs-contentImg {
    position: relative;
    width: 100%;
    height: 116px;
    border-radius: 12px;
    z-index: 9;
}

.bs-gridView .bs-wrapperImg .bs-contentImg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.bs-gridView .bs-wrapperImg .bs-nameImg.lg {
    display: flex;
    justify-content: center;
    align-items: center;
    top: -16px;
    height: 65px;
    padding-top: 16px;
    border-radius: 0 0 18px 18px;
}

.bs-gridView .bs-wrapperImg .bs-nameImg.lg .text {
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    text-align: center;
}

.bs-gridView .bs-wrapperImg .bs-nameImg {
    position: relative;
    top: -12px;
    width: 100%;
    height: 40px;
    padding-top: 14px;
    background: #2b2b2b;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0 0 12px 12px;
    z-index: 1;
    text-transform: uppercase;
}

.bs-profileAsesi img {
    position: relative;
    height: 164px;
    border-radius: 20px;
    object-fit: cover;
}

.bs-profileAsesor img {
    position: relative;
    height: 220px;
    border-radius: 20px;
    object-fit: cover;
}

.bs-labelBadge {
    position: relative;
    padding: 1.4rem 1.8rem;
    border-radius: 20px;
    background: var(--soft-grey);
}

.bs-labelBadge .bs-name {
    font-size: 15px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 6px;
}

.bs-labelBadge .bs-subname {
    font-size: 11px;
    font-weight: 500;
    color: #656565;
}

.bs-labelBadge .bs-subname span {
    font-weight: 700;
}

.bs-tabsLeft {
    position: relative;
    margin-top: 2rem;
}

.bs-downloadBtn {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 38px;
    padding: 1.2rem 1.4rem;
    border-radius: 20px;
    margin-top: 6px;
    margin-bottom: 12px;
    z-index: 99;
}

.bs-downloadBtn.primary {
    background: var(--primary);
}

.bs-downloadBtn.dark {
    background: var(--dark);
}

.bs-downloadBtn.light-grey {
    background: var(--soft-grey);
}

.bs-downloadBtn.grey {
    background: var(--grey);
}

.bs-downloadBtn.danger {
    background: var(--danger-light);
}

.bs-downloadBtn svg,
.bs-downloadBtn img {
    font-size: 20px;
}

.bs-downloadBtn.primary svg,
.bs-downloadBtn.primary img,
.bs-downloadBtn.dark svg,
.bs-downloadBtn.dark img {
    color: #fff;
}

.bs-downloadBtn.danger svg,
.bs-downloadBtn.danger img {
    color: var(--danger);
}

.bs-downloadBtn.grey svg,
.bs-downloadBtn.grey img,
.bs-downloadBtn.light-grey svg,
.bs-downloadBtn.light-grey img {
    color: var(--dark);
}

.bs-downloadBtn .bs-nameDoc {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
}

.bs-downloadBtn.dark .bs-nameDoc {
    color: #fff;
    font-weight: 700;
}

.bs-downloadBtn.danger .bs-nameDoc {
    color: var(--danger);
}

.bs-downloadBtn.primary .bs-nameDoc {
    color: #fff;
}

.bs-downloadBtn .bs-nameDoc.dark {
    color: var(--dark);
}

.bs-downloadBtn .bs-nameDoc.uppercase {
    text-transform: uppercase;
    font-weight: 600 !important;
}

.bs-summaryProfile {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4px;
    padding: .8rem 1rem;
    border-radius: 20px;
}

.bs-summaryProfile .bs-countSummary {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}

.bs-summaryProfile .bs-countSummary span {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.bs-summaryProfile .bs-descSummary {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.bs-summaryProfile.success {
    background: var(--success);
}

.bs-summaryProfile.dark {
    background: var(--dark);
}

.bs-summaryProfile.light-success {
    background: var(--success-light);
}

.bs-summaryProfile.light-success .bs-countSummary,
.bs-summaryProfile.light-success .bs-descSummary {
    color: var(--success);
}

.bs-summaryProfile.light-danger {
    background: var(--danger-light);
}

.bs-summaryProfile.light-danger .bs-countSummary,
.bs-summaryProfile.light-danger .bs-descSummary {
    color: var(--danger);
}

/* ======== */

.bs-wrapperHeading {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 2rem;
}

.bs-wrapperHeading .bs-mTitle {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
    text-transform: uppercase;
}

.bs-wrapperHeading .bs-mSubTitle {
    font-size: 12px;
    font-weight: 400;
    color: var(--dark);
}

.tabsMonitoring {
    position: relative;
}

.tabsMonitoring>.ant-tabs-nav::before {
    border: none !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list {
    gap: 10px !important;
}

.tabsMonitoring .ant-tabs-tab {
    border: none !important;
}

.tabsMonitoring .ant-tabs-content-holder {
    position: relative;
    border-radius: 20px !important;
    border-top: 4px solid var(--primary) !important;
}

.tabsMonitoring>.ant-tabs-nav {
    position: relative;
    z-index: 99;
    margin-bottom: 1rem !important;
}

.tabsMonitoring .ant-tabs-tab {
    margin-top: 0px !important;
    height: 84px !important;
}

.tabsMonitoring .ant-tabs-tab-active {
    margin-top: 0px !important;
    height: 84px !important;
    padding: 0 !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 18px !important;
    padding: 0 !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-tab-active {
    box-shadow: none !important;
    z-index: 99;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-tab-active .bs-tabsMonitoring {
    height: 84px !important;
    padding: 12px 6px 0 6px !important;
    border-radius: 18px !important;
    background: var(--primary) !important;
    z-index: 99;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-tab-active {
    border-radius: 18px !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(3) .bs-tabsMonitoring {
    border-radius: 18px !important;
    background: #f6f6f6 !important;
    box-shadow: none !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(3) .bs-tabsCount {
    background: #EBEBEB75 !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(3) .bs-tabsTitle,
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(3) .bs-tabsSubTitle,
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(3) .bs-count,
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(3) .bs-icon {
    font-weight: 400 !important;
    color: var(--dark) !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(4),
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(5),
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(6),
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(7) {
    position: relative;
    margin-left: -10px !important;
    z-index: 99;
}

.tabsMonitoring.open>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(3) {
    border-radius: 18px 0 0 18px !important;
}

.tabsMonitoring.open>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(3) .bs-tabsCount {
    border-radius: 18px !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(4),
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(5),
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(6) {
    border-radius: 0 !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(7) {
    border-radius: 0 18px 18px 0 !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(4) .bs-tabsTitle,
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(5) .bs-tabsTitle,
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(6) .bs-tabsTitle,
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(7) .bs-tabsTitle {
    padding: 0 14px !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(4) .bs-tabsCount,
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(5) .bs-tabsCount,
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(6) .bs-tabsCount,
.tabsMonitoring>.ant-tabs-nav .ant-tabs-nav-list div:nth-child(7) .bs-tabsCount {
    min-width: 200px;
    width: 100%;
    transition: all .3s ease-in-out;
}

.tabsMonitoring .bs-tabsMonitoring {
    position: relative;
    width: 100%;
    padding: 8px 6px 4px 6px !important;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-tab-active .bs-tabsMonitoring .bs-tabsTitle {
    font-weight: 500 !important;
    color: #fff !important;
}

.tabsMonitoring .bs-tabsMonitoring .bs-tabsTitle {
    font-size: 16px;
    font-weight: 400;
    color: var(--dark);
    text-transform: uppercase;
    margin-bottom: 8px;
    padding: 0 3rem 0 14px;
}

.tabsMonitoring .bs-tabsMonitoring .bs-icon {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 16px;
    color: var(--dark);
    transition: all .3s ease-in-out;
}

.tabsMonitoring .bs-tabsMonitoring .bs-icon.open {
    top: 22px;
    right: 12px;
    transform: rotate(180deg);
    transition: all .3s ease-in-out;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-tab-active .bs-tabsMonitoring .bs-tabsCount {
    background: #00000075;
}

.tabsMonitoring .bs-tabsMonitoring .bs-tabsCount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    position: relative;
    min-width: 190px;
    height: 32px;
    padding: 0 1rem;
    border-radius: 16px;
    background: #EBEBEB75;
    transition: all .3s ease-in-out;
}

.tabsMonitoring .bs-tabsMonitoring .bs-tabsCount.open {
    min-width: 170px;
    width: 170px;
    gap: 0 !important;
    transition: all .3s ease-in-out;
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-tab-active .bs-tabsMonitoring .bs-tabsCount .bs-tabsSubTitle {
    color: #fff;
}

.tabsMonitoring .bs-tabsMonitoring .bs-tabsCount .bs-tabsSubTitle {
    font-size: 12px;
    font-weight: 400;
    color: var(--dark);
}

.tabsMonitoring>.ant-tabs-nav .ant-tabs-tab-active .bs-tabsMonitoring .bs-tabsCount .bs-count {
    color: #fff;
}

.tabsMonitoring .bs-tabsMonitoring .bs-tabsCount .bs-count {
    font-size: 12px;
    font-weight: 400;
    color: var(--dark);
}

.tabsMonitoring .bs-tabsMonitoring .bs-tabsCount .bs-count span {
    font-size: 14px;
    font-weight: 600;
}


/*  */

.bs-collapseWrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.bs-collapseWrapper button {
    position: relative;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.bs-collapseWrapper .bs-collapsePanel {
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease;
    background: #fafafa;
    white-space: nowrap;
    transition: .3s;
}

.bs-collapseWrapper .bs-collapsePanel.open {
    width: 300px;
    padding: 16px;
    transition: .3s;
}

.bs-listName {
    font-size: 15px;
    font-weight: 700;
    color: var(--dark);
}

.bs-listReg {
    font-size: 11px;
    font-weight: 400;
    color: #656565;
}

.bs-listReg span {
    font-weight: 700;
}

.bs-w-full {
    width: 100% !important;
}

.bs-table-list-document {
    border-spacing: 0;
    overflow-y: auto;
}

.bs-table-list-document thead {
    background: #eef6ff;
    font-size: .85rem;
    font-weight: 500;
    color: #737171;
}

.bs-table-list-document tbody tr:not(:first-child) td {
    border-top: 1px dashed #dcdcdc;
}

.bs-table-list-document tbody tr td {
    font-size: 14px;
}

.bs-table-list-document div {
    margin-bottom: 0 !important;
}

.bs-table-list-document thead tr td:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.bs-table-list-document thead tr td:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.bs-rounded-bl-xl {
    border-bottom-left-radius: 12px;
}

.bs-rounded-bl-xl {
    border-bottom-left-radius: 12px;
    /* sama seperti Tailwind xl */
}

.bs-rounded-tr-xl {
    border-top-right-radius: 12px;
}

.bs-rounded-br-xl {
    border-bottom-right-radius: 12px;
}

.bs-layout-init{
    background: #EBEFF4;
    display:flex;
    gap: 10px;
    height: 100vh;
}
.bs-menu-list{
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    width: 200px;
    margin: 20px;
}

.bs-menu-list .bs-menu-act{
    text-transform: uppercase;
    background: #EBEFF4;
    padding: 10px 30px;
    border-radius: 20px;
    margin-bottom: 10px;
}


.ant-menu-title-content a{
    text-decoration: none;
    color: #000;
}

.ant-menu-title-content {
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.ant-menu-submenu.ant-menu-submenu-inline,
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
    position: relative;
    border-radius: 20px;
    background: #ebeff4;
}

.ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open::after {
    content: '';
    position: absolute;
    top: 42px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    height: 1px;
    background: #dde3ea;
}

.ant-layout-sider-children{
    position: relative;
}