:root {
  --qn-primary-100: #F1F6FE;
  --qn-primary-200: #ABC9F5;
  --qn-primary-300: #4E91F6;
  --qn-primary-400: #0F6AF5;
  --qn-primary-500: #074BB2;
  --qn-primary-600: #094093;
  --qn-primary: #0F6AF5;
  --qn-success-100: #F0FDF9;
  --qn-success-200: #99F6E0;
  --qn-success-300: #2ED3B7;
  --qn-success-400: #15B79E;
  --qn-success-500: #0E9384;
  --qn-success-600: #125D56;
  --qn-success: #15B79E;
  --qn-warning-100: #FFF7E9;
  --qn-warning-200: #FEE5BD;
  --qn-warning-300: #FCC564;
  --qn-warning-400: #EF9600;
  --qn-warning-500: #D18300;
  --qn-warning-600: #A15C07;
  --qn-warning: #EF9600;
  --qn-danger-100: #FBE2DD;
  --qn-danger-200: #F8C4BC;
  --qn-danger-300: #EF6954;
  --qn-danger-400: #EC3D27;
  --qn-danger-500: #C02413;
  --qn-danger-600: #9B1D0F;
  --qn-danger: #EC3D27;
  --qn-helper-100: #EBFDFF;
  --qn-helper-200: #B2EBF2;
  --qn-helper-300: #4DD0E1;
  --qn-helper-400: #33BDCD;
  --qn-helper-500: #00ACC1;
  --qn-helper-600: #008A9A;
  --qn-helper: #33BDCD;
  --qn-violet-100: #F5F3FF;
  --qn-violet-200: #DDD6FE;
  --qn-violet-300: #A48AFB;
  --qn-violet-400: #875BF7;
  --qn-violet-500: #6927DA;
  --qn-violet-600: #4F1CA5;
  --qn-violet: #875BF7;
  --qn-fuschia-100: #FDF4FF;
  --qn-fuschia-200: #F6D0FE;
  --qn-fuschia-300: #E478FA;
  --qn-fuschia-400: #D444F1;
  --qn-fuschia-500: #BA24D5;
  --qn-fuschia-600: #9F1AB1;
  --qn-fuschia: #D444F1;
  --qn-neutral-900: #202939;
  --qn-neutral-800: #364152;
  --qn-neutral-700: #4B5565;
  --qn-neutral-600: #697586;
  --qn-neutral-500: #9AA4B2;
  --qn-neutral-400: #CDD5DF;
  --qn-neutral-300: #E3E8EF;
  --qn-neutral-200: #EEF2F6;
  --qn-neutral-100: #F8FAFC;
  --qn-neutral: #9AA4B2;
  --qn-white: #FFFFFF;
  --qn-black: #222222;
  --qn-sevima-red-500: #891520;
  --qn-sevima-red-400: #C82630;
  --qn-sevima-red-300: #E1202D;
  --qn-sevima-red-200: #E1113D;
  --qn-sevima-red-100: #DD3645;
  --qn-sevima-blue-500: #09305C;
  --qn-sevima-blue-400: #0C3A6E;
  --qn-sevima-blue-300: #3B549F;
  --qn-sevima-blue-200: #135BA2;
  --qn-sevima-blue-100: #1C78B1;
  --qn-edlink-500: #004407;
  --qn-edlink-400: #009B24;
  --qn-edlink-300: #00B711;
  --qn-edlink-200: #ABDEB7;
  --qn-edlink-100: #F1FEF2;
  --qn-maukuliah-500: #B05507;
  --qn-maukuliah-400: #F58220;
  --qn-maukuliah-300: #F69D51;
  --qn-maukuliah-200: #F5CEAD;
  --qn-maukuliah-100: #FEF7F1;
  --qn-shadow-outer-sm: 0px 1px 2px rgba(0, 0, 0, 0.12);
  --qn-shadow-outer-lg: 0px 4px 8px rgba(0, 0, 0, 0.1);
  --qn-shadow-inner-sm: inset 1px 2px 2px rgba(0, 0, 0, 0.12);
  --qn-size-1: 0.063rem;
  --qn-size-2: 0.125rem;
  --qn-size-4: 0.25rem;
  --qn-size-7: 0.438rem;
  --qn-size-6: 0.375rem;
  --qn-size-8: 0.5rem;
  --qn-size-10: 0.625rem;
  --qn-size-11: 0.688rem;
  --qn-size-12: 0.75rem;
  --qn-size-13: 0.813rem;
  --qn-size-14: 0.875rem;
  --qn-size-16: 1rem;
  --qn-size-18: 1.125rem;
  --qn-size-20: 1.25rem;
  --qn-size-22: 1.375rem;
  --qn-size-24: 1.5rem;
  --qn-size-26: 1.625rem;
  --qn-size-28: 1.75rem;
  --qn-size-30: 1.875rem;
  --qn-size-32: 2rem;
  --qn-size-36: 2.25rem;
  --qn-size-40: 2.5rem;
  --qn-size-44: 2.75rem;
  --qn-size-48: 3rem;
  --qn-size-52: 3.25rem;
  --qn-size-56: 3.5rem;
  --qn-size-64: 4rem;
  --qn-space-4: 0.25rem;
  --qn-space-8: 0.5rem;
  --qn-space-12: 0.75rem;
  --qn-space-16: 1rem;
  --qn-space-20: 1.25rem;
  --qn-space-24: 1.5rem;
  --qn-space-32: 2rem;
  --qn-space-40: 3rem;
  --qn-space-48: 3rem;
  --qn-space-64: 4rem;
  --qn-space-80: 5rem;
  --qn-space-96: 8rem;
  --qn-space-128: 8rem;
  --qn-space-160: 10rem;
  --qn-space-192: 12rem;
  --qn-space-224: 14rem;
  --qn-space-256: 16rem;
  --qn-breakpoint-xs: 23.5rem;
  --qn-breakpoint-sm: 48rem;
  --qn-breakpoint-md: 80rem;
  --qn-breakpoint-lg: 83.5rem;
  --qn-breakpoint-xl: 90rem;
  --qn-breakpoint-2xl: 120rem;
  --qn-man-sidebar-gradient-background: none;
  --qn-man-sidebar-illustration-content: none;
  --qn-man-sidebar-badge-background: var(--qn-danger-400);
}



@font-face {
    font-family: "sevima-icons";
    src: url("./../assets/vendor/quantum-v2.2.1-202310260001/assets/fonts/Icons/sevima-icons.eot?qgtc6a");
    src: url("./../assets/vendor/quantum-v2.2.1-202310260001/assets/fonts/Icons/sevima-icons.eot?qgtc6a") format("embedded-opentype"), url("./../assets/vendor/quantum-v2.2.1-202310260001/assets/fonts/Icons/sevima-icons.eot?qgtc6a") format("truetype"), url("./../assets/vendor/quantum-v2.2.1-202310260001/assets/fonts/Icons/sevima-icons.woff?qgtc6a") format("woff"), url("/assets/fonts/Icons/sevima-icons.svg?qgtc6a#sevima-icons") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }


.pagination-quantum {
    display: inline-flex;
    gap: 0;
}

@media only screen and (max-width: 47.937rem) {
    .pagination-quantum {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}

.pagination-quantum button,
.pagination__item,
.pagination__ellipsis {
    min-width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--qn-white);
    border-width: 0.063rem 0.063rem 0.063rem 0;
    border-style: solid;
    border-color: #EEF2F6;
    cursor: pointer;
    color: var(--qn-neutral-700);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
}

.pagination-quantum button:hover,
.pagination__item:hover,
.pagination__ellipsis:hover {
    background-color: var(--qn-neutral-100);
}

.pagination-quantum button:active,
.pagination__item:active,
.pagination__ellipsis:active {
    background-color: var(--qn-primary-100);
}

.pagination-quantum button.active,
.pagination__item.active,
.pagination__ellipsis.active {
    cursor: default;
    background-color: var(--qn-primary-400);
    border-color: var(--qn-primary-400);
    color: var(--qn-white);
}

@media only screen and (max-width: 47.937rem) {

    .pagination__item,
    .pagination__ellipsis {
        display: none;
    }
}

.pagination__button-text,
.pagination-quantum a,
.pagination-quantum p {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 79.937rem) {
    .pagination__button-text {
        display: none;
    }
}

.pagination__ellipsis {
    cursor: default;
}

.pagination__list {
    display: inline-flex;
    gap: 0;
    list-style: none;
    padding-left: 0;
}

@media only screen and (max-width: 47.937rem) {
    .pagination__list {
        visibility: hidden;
    }

    .pagination__list::after {
        content: attr(data-mobile-text);
        visibility: visible;
        color: #697586;
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
        display: flex;
        height: 100%;
        align-items: center;
    }
}

.pagination__button-previous,
.pagination__button-next {
    border: 1px solid #EEF2F6 !important;
    padding: 0.125rem 0.5rem;
}

.pagination__button-previous::before,
.pagination__button-previous::after,
.pagination__button-next::before,
.pagination__button-next::after {
    font-family: "sevima-icons";
    font-size: 1rem;
    line-height: 0.0625rem;
    vertical-align: 0rem;
    font-weight: 500;
    color: inherit;
}

@media only screen and (max-width: 79.937rem) {

    .pagination__button-previous::before,
    .pagination__button-previous::after,
    .pagination__button-next::before,
    .pagination__button-next::after {
        font-size: 1.125rem;
        line-height: 0.0555555565rem;
        vertical-align: -0.0416666661rem;
    }
}

.pagination__button-previous:disabled,
.pagination__button-next:disabled {
    cursor: default;
    background-color: var(--qn-white);
    color: var(--qn-neutral-400);
}

@media only screen and (max-width: 47.937rem) {

    .pagination__button-previous,
    .pagination__button-next {
        border-radius: 0.5rem !important;
    }
}

.pagination__button-previous {
    border-radius: 0.5rem 0 0 0.5rem;
}

.pagination__button-previous::before {
    content: "\e92b";
    padding-right: 0.25rem;
}

@media only screen and (max-width: 79.937rem) {
    .pagination__button-previous::before {
        padding: 0;
    }
}

.pagination__button-next {
    border-radius: 0 0.5rem 0.5rem 0;
}

.pagination__button-next::after {
    content: "\e946";
    padding-left: 0.25rem;
}

@media only screen and (max-width: 79.937rem) {
    .pagination__button-next::after {
        padding: 0;
    }
}

.box-table__action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 1rem;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #EEF2F6;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

@media only screen and (max-width: 79.937rem) {
    .box-table__action {
        padding: 0.875rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .box-table__action {
        padding: 0;
        flex-direction: column;
        justify-content: unset;
    }
}

@media only screen and (max-width: 47.937rem) {
    .box-table__action-right .form-control {
        display: none;
    }
}

.box-table__action-right .dropdown {
    width: 120px;
}

.box-table__action-right .dropdown__text {
    min-height: 36px;
    max-height: 36px;
    align-items: center;
    background-position-y: 0.5rem;
}

.box-table__action-right .dropdown__box {
    min-width: 7.5rem;
    width: 7.5rem;
    max-width: 7.5rem;
}

.box-table__action .choices .choices__inner {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    min-height: unset;
    height: -moz-fit-content;
    height: fit-content;
    max-height: unset;
    padding: 0.5rem 0.75rem;
}

.box-table__action .choices .choices__inner .choices__list {
    padding: 0 0.75rem 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.box-table__action .choices .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.25rem;
}

.box-table__result {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #4B5565;
}

.box-table__action-left,
.box-table__action-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.box-table__action-left .grid,
.box-table__action-right .grid {
    align-items: center;
}

@media only screen and (max-width: 47.937rem) {
    .box-table__action-left {
        display: none;
    }
}

@media only screen and (max-width: 47.937rem) {
    .box-table__action-right {
        width: 100%;
    }
}