/*===========================VOUCHER ORDER CSS===================================*/

.jumbotron-arggo-order {
    background-color: var(--grey-white);
    border-radius: 16px;
    border: 1px solid var(--grey-d5);
    box-shadow: none;
    padding: 40px !important;
    margin-bottom: 48px !important;
    margin-top: 24px !important;
}

.order-footer {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 32px;
    padding-right: 32px;
}

.order-panel-footer {
    outline: 1px solid var(--grey-e0);
    outline-offset: -1px;
}

.order-panel-header {
    padding: 22px 32px !important;
    margin: 0 !important;
    height: 85px;
    display: flex;
    align-items: center;
}

.order-panel-header {
    position: relative;
    border: none;
}

.order-panel-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 32px;
    right: 32px;
    height: 1px;
    background-color: var(--grey-e0);
}

.order-panel-header .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.voucher-title {
    color: var(--grey-black);
    font-size: 24px;
    font-weight: bold;
    line-height: 28.80px;
    letter-spacing: 0.72px;
    word-wrap: break-word;
    margin: 0;
    padding-left: 20px;
    font-family: var(--font-segoe);
}

.voucher-title h4 {
    color: var(--grey-black);
    font-size: 24px;
    font-weight: var(--fw-bold);
    line-height: 28.80px;
    letter-spacing: 0.72px;
    word-wrap: break-word;
}

.quick-to-title {
    font-size: 20px;
    margin-bottom: 24px;
    color: var(--grey-black);
    font-weight: var(--fw-bold);
    line-height: 24px;
    letter-spacing: 0.60px;
    display: block;
    word-wrap: break-word;
}

.order-file-input.custom-file .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: auto;
    padding: .375rem .75rem;
    line-height: 37px;
    color: var(--grey-black);
    background-color: var(--grey-white);
    border-radius: 0 .25rem .25rem 0;
}

.order-file-input.custom-file .custom-file-label {
    font-style: normal;
    font-weight: var(--fw-bold);
    font-size: 14px;
    letter-spacing: 0.03em;
    color: var(--grey-black);
    border-radius: 25px;
    padding-left: 20px;
}

.order-file-input.custom-file.custom-file-sm .custom-file-label {
    height: calc(2.713rem + 2px);
    padding: .25rem .5rem;
    border-bottom: none;
    border-top: none;
    border-right: none;
    line-height: 37px;
}

.order-file-input.custom-file.custom-file-sm .custom-file-label::after {
    height: 2.813rem;
    padding: .25rem .5rem;
}

.order-input {
    padding: 12px 12px 12px 16px;
    gap: 16px;
    height: 48px;
    background: var(--grey-white);
    border: 1px solid var(--grey-g400);
    border-radius: 12px;
    font-weight: var(--fw-medium);
    letter-spacing: 0.42px;
}

.order-file-input.custom-file .custom-file-input {
    padding: 12px 12px 12px 16px;
    gap: 16px;
    height: 48px;
    background: var(--grey-white);
    border: 1px solid var(--grey-g400);
    border-radius: 25px;
}

.order-section-main-title {
    font-size: 28px;
    color: var(--grey-black);
    font-weight: var(--fw-bold);
    line-height: 33.60px;
    letter-spacing: 0.84px;
    word-wrap: break-word;
}

.order-nav-link {
    font-style: normal;
    font-weight: var(--fw-medium);
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.03em;
    color: var(--grey-black);
}

.order-label-blue {
    padding: 8px 16px;
    box-shadow: none;
    font-weight: var(--fw-medium);
    border: 1px solid var(--blue-light-bg);
    color: var(--blue-text);
}

.order-step-label {
    margin-top: 48px;
    margin-bottom: 24px;
    color: var(--grey-black);
    font-size: 20px;
    font-weight: var(--fw-bold);
    line-height: 26px;
    letter-spacing: 0.70px;
    word-wrap: break-word;
}

.order-label-bold {
    color: var(--gray-black);
    font-size: 14px;
    font-weight: var(--fw-bold);
    line-height: 16px;
    letter-spacing: 0.42px;
    word-wrap: break-word;
    margin-bottom: 12px;
}

.order-label-imprint {
    font-style: normal;
    font-weight: var(--fw-bold);
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: var(--gray-black);
}

.order-reference-msg {
    color: var(--gray-black);
    font-size: 16px;
    font-family: var(--font-roboto);
    font-weight: var(--fw-light);
    line-height: 26px;
    letter-spacing: 0.04px;
    word-wrap: break-word;
}

.btn-round-close {
    border-radius: 50%;
    border: 1px solid var(--grey-g200) !important;
    width: 36px;
    height: 36px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    background: var(--grey-white);
}

.btn-round-close:hover {
    background-color: var(--grey-g200) !important;
    border-color: var(--grey-black) !important;
    color: var(--grey-black) !important;
}

.btn-round-close:focus,
.btn-round-close:active {
    box-shadow: none !important;
    background-color: var(--grey-white) !important;
}

.client-btn-text {
    color: var(--grey-black);
    font-size: 20px;
    font-weight: var(--fw-bold);
    line-height: 24px;
    letter-spacing: 0.60px;
    word-wrap: break-word;
}

.order-footer-btn-pill {
    padding: 16px 20px;
    gap: 6px;
    height: 48px;
    border-radius: 999px;
    font-size: 14px;
    letter-spacing: 3%;
    line-height: 16px;
    font-weight: var(--fw-bold);
}

.order-print-btn-width {
    width: 135px;
    margin-right: 16px;
}

.voucher-title > .stage-alt {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 12px 12px;
    border-radius: 999px;
    outline: 0.50px var(--blue-outline) solid;
    outline-offset: -0.50px;
    color: var(--blue-text);
    font-size: 16px;
    font-family: var(--font-segoe);
    font-weight: var(--fw-bold);
    line-height: normal;
    text-decoration: none;
    border: 0;
    box-shadow: none;
}

.btn-collapse {
    border-radius: 50%;
    border: 1px solid var(--grey-g200);
    width: 38px;
    height: 38px;
    padding: 0;
}

.order-content {
    width: 926px;
}

.list-group.w-146 {
    flex-shrink: 0;
    margin-right: 146px;
}

.order-header-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.order-header-container h4 {
    margin: 0 !important;
}

.product-cell {
    width: 522px;
}

.order-custom-table {
    border-top: none !important;
}

.table-gray-head {
    background-color: var(--grey-g100);
}

.jumbotron-arggo-order div[type=radio] label.radio-inline input,
.jumbotron-arggo-remake div[type=radio] label.radio-inline input {
    margin-right: 0.25em;
}

.jumbotron-arggo-order label.radio-inline {
    font-weight: var(--fw-medium);
}

.jumbotron-arggo-order .form-control.form-control-sm > div.ss-single-selected,
.jumbotron-arggo-order .form-control.form-control-sm > div.ss-multi-selected {
    font-size: .875rem;
    line-height: 1.5;
    border: none;
}

.jumbotron-arggo-order client-combo-box[disabled],
.jumbotron-arggo-order client-combo-box[disabled="disabled"] {
    background: var(--clr-bluegray-05) !important;
    cursor: not-allowed;
}

.jumbotron-arggo-order client-combo-box[disabled] .ss-main .ss-single-selected,
.jumbotron-arggo-order client-combo-box[disabled] .ss-single-selected.ss-disabled {
    background-color: transparent !important;
    border: none !important;
    color: var(--text-muted);
}

.jumbotron-arggo-order client-combo-box[disabled] .ss-single-selected .placeholder {
    color: var(--text-muted) !important;
}

.order-custom-table th,
.order-custom-table td {
    height: 48px;
}

.order-custom-table th {
    color: var(--grey-black);
    font-size: 14px;
    font-weight: var(--fw-bold) !important;
    line-height: 21px;
    letter-spacing: 0.49px;
    word-wrap: break-word;
}

.order-custom-table td {
    color: var(--grey-black);
    font-size: 14px;
    font-weight: var(--fw-medium);
    line-height: 21px;
    letter-spacing: 0.49px;
    word-wrap: break-word;
}

.order-file-input ~ .custom-file-label::after,
.order-file-input .custom-file-label::after {
    content: "Upload scan";
}

.modal-content:has(.order-panel-header) {
    border: none;
    padding-bottom: 0.5rem;
    border-radius: 15px;
}

.order-panel-header + .scroll-box-container {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100%;
    padding-left: 15%;
}

.order-content .scroll-parent.scroll-box {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}

/*======================================= REMAKE ORDER CSS==========================*/

.list-group.w-200 {
    flex-shrink: 0;
    margin-right: 200px;
}

.left-ear button.btn.btn-sm.btn-outline-secondary {
    position: absolute !important;
    bottom: 0.5rem !important;
    left: 0.4rem !important;
    right: auto !important;
}

.remake-panel-title .order-section-main-title {
    margin-bottom: 24px;
}

.remake-panel-title button.client-btn-text {
    font-size: 26px !important;
    font-weight: var(--fw-bold) !important;
    color: var(--grey-black) !important;
    letter-spacing: 0.91px !important;
}

.remake-panel-title {
    padding-bottom: 32px;
}

.jumbotron-arggo-remakes {
    background: var(--grey-white);
    border: 1px solid var(--grey-be);
    border-radius: 16px;
    padding: 40px 40px 56px 40px !important;
    width: 926px;
    margin-bottom: 24px;
    margin-top: 24px;
    box-shadow: none;
}

hr {
    border-top: 1px solid var(--grey-g200);
}

.control-label.remake-label-bold {
    color: var(--grey-black);
    font-size: 20px !important;
    font-weight: var(--fw-bold);
    line-height: 26px;
    letter-spacing: 0.70px;
    word-wrap: break-word;
    margin: 25px 0px 12px 0px;
}

.control-label.remake-label-bold-small {
    color: var(--gray-black);
    font-size: 14px !important;
    font-weight: var(--fw-bold);
    line-height: 16px;
    letter-spacing: 0.42px;
    word-wrap: break-word;
    margin: 25px 0px 4px 0px;
}

.control-label.remake-label-bold-med {
    color: var(--grey-black);
    font-size: 16px !important;
    font-weight: var(--fw-bold);
    line-height: 20.80px;
    letter-spacing: 0.56px;
    word-wrap: break-word;
    margin: 25px 0px 12px 0px;
}

.item-2 .control-label.remake-label-bold {
    font-size: 14px;
    font-weight: var(--fw-medium);
    color: var(--gray-black);
    letter-spacing: 0.49px;
    margin-bottom: 4px;
    opacity: 0.8;
}

.form-control.remake-custom-input {
    border: 1px solid var(--grey-g400);
    border-radius: 12px;
    height: auto;
    padding: 12px 12px;
    font-size: 14px;
    font-weight: var(--fw-medium);
    color: var(--grey-black);
    background-color: var(--grey-white);
    transition: all 0.3s ease-in-out;
}

.form-control.remake-custom-input::placeholder {
    color: var(--grey-g600);
}

.form-control.remake-custom-input:hover {
    background-color: var(--grey-g200) !important;
    border-color: var(--grey-black) !important;
}

.form-control.remake-custom-input:focus-within {
    border-color: var(--grey-black) !important;
}

.remake-options span {
    color: var(--grey-g600);
    font-size: 14px;
    font-weight: var(--fw-medium);
    letter-spacing: 0.42px;
    word-wrap: break-word;
}

.ears {
    padding-top: 72px;
}

.row-ears {
    padding-bottom: 5px;
}

.remake-subtitle {
    font-size: 20px !important;
    font-weight: var(--fw-bold) !important;
    color: var(--grey-black) !important;
    letter-spacing: 0.6px;
    display: block;
    margin-bottom: 16px;
}

.remake-footer-btn-pill {
    border-radius: 999px;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: var(--fw-bold);
    letter-spacing: 0.03em;
    height: 48px;
}

.btn-primary.remake-footer-btn-pill {
    background-color: var(--btn-primary);
    border: 1px solid var(--btn-primary);
    color: var(--grey-white);
    border-radius: 999px !important;
    padding: 16px 20px !important;
    height: auto;
    min-height: 48px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 14px !important;
    font-weight: var(--fw-bold) !important;
    line-height: 16px !important;
    letter-spacing: 0.42px !important;
    text-align: center;
    text-transform: none;
    box-shadow: none !important;
}

.btn-outline-secondary.remake-footer-btn-pill {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 16px 20px !important;
    min-height: 48px;
    width: auto;
    background-color: var(--grey-white);
    border: 1px solid var(--grey-g400);
    border-radius: 999px !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--grey-black) !important;
    font-size: 14px !important;
    font-weight: var(--fw-bold) !important;
    line-height: 16px !important;
    letter-spacing: 0.42px !important;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
}

.remake-content {
    margin-right: 100px;
}

.custom-control-label {
    cursor: pointer;
}

.client-row {
    margin-bottom: 5px;
}

.remake-order-row {
    margin-bottom: 10px;
}

.client-label {
    color: var(--gray-black);
    font-size: 14px;
    font-weight: var(--fw-medium);
    line-height: 21px;
    letter-spacing: 0.49px;
    word-wrap: break-word;
}

.client-section-title {
    padding-top: 32px;
}

.client-info {
    color: var(--gray-black);
    font-size: 14px;
    font-weight: var(--fw-bold);
    line-height: 16px;
    letter-spacing: 0.42px;
    word-wrap: break-word;
}

.modal-content:has(.remake-content) .modal-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 24px !important;
    background: var(--grey-white) !important;
    border-bottom: 1px solid var(--grey-g200) !important;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    font-weight: var(--fw-bold);
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: 0.72px;
    color: var(--grey-black);
}

.modal-header .close {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: transparent;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    border: 1px solid var(--grey-g200) !important;
    width: 36px;
    height: 36px;
    background: url("IconClose.svg") no-repeat center !important;
    opacity: 1 !important;
    font-size: unset !important;
}

.close span {
    display: none !important;
}

.modal-header .close-btn {
    width: 40px !important;
    height: 40px !important;
    padding: 6px !important;
    background: var(--grey-white) !important;
    border-radius: 999px !important;
    outline: 1px solid var(--grey-g200) !important;
    outline-offset: -1px;
    border: none !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2px !important;
    cursor: pointer;
    overflow: hidden !important;
}

.modal-header .close-btn i,
.modal-header .close-btn svg {
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: var(--grey-black) !important;
}

.modal-header .close:hover {
    background-color: var(--grey-g200) !important;
    border-color: var(--grey-black) !important;
    color: var(--grey-black) !important;
}

.modal-header .close:focus,
.modal-header .close:active {
    box-shadow: none !important;
    background-color: var(--grey-white) !important;
}

.modal-body:has(.remake-content) .remake-panel-footer {
    padding: 24px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;
    background: var(--grey-white) !important;
    border-top: 1px solid var(--grey-g200) !important;
    flex-shrink: 0 !important;
}

.modal-content:has(.remake-content) {
    border: none !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}


/*======================================VOUCHERS CSS==================================*/

.btn-outline-dark {
    border-color: var(--outline-dark-alpha);
}

.form-control {
    height: unset;
}

.panel-custom-voucher {
    max-height: 500px;
    padding-bottom: 0px;
    align-items: stretch;
}

.filter-button-voucher {
    cursor: pointer;
    padding: 0 20px;
    background: var(--grey-white);
    border-radius: 999px;
    border: 1px solid var(--grey-g300) !important;
    align-items: center;
    gap: 8px;
    display: flex;
    height: 48px;
}

.filter-text {
    color: var(--grey-black);
    font-size: 14px;
    font-family: var(--ff-online);
    font-weight: var(--fw-medium);
}

.scroll-box-container:has(.table-voucher) {
    background-color: var(--grey-white);
    overflow: hidden;
    margin-bottom: 20px;
    width: 100% !important;
    height: 20% !important;
    max-height: none !important;
}

input.fa.form-control::placeholder {
    color: var(--grey-g600) !important;
    opacity: 0.7;
}

input.fa.form-control::-webkit-input-placeholder,
input.fa.form-control::-moz-placeholder {
    color: var(--grey-g600) !important;
}

/* ========================================invoices css====================================*/
table tbody tr:hover td {
    background-color: var(--grey-g200) !important;
    border-top-color: transparent;
    border-bottom-color: transparent;
    cursor: pointer;
}

.table-th-custom {
    height: 48px;
    padding: 16px 12px !important;
    align-items: center;
    gap: 4px !important;
    align-self: stretch;
    border-bottom: 1px solid var(--shadow-light-10) !important;
    background: var(--grey-g100) !important;
}

.table-th-empty-custom {
    width: 24px;
    height: 48px;
    padding: 16px 24px 16px 0 !important;
    align-items: center;
    gap: 4px !important;
    border-bottom: 1px solid var(--shadow-light-10) !important;
    background: var(--grey-g100) !important;
}

.table-th-custom:hover,
.table-th-empty-custom:hover,
.table-th-checkbox-custom:hover {
    background: var(--grey-g200) !important;
}

.table-th-checkbox-custom {
    width: 44px;
    height: 48px;
    padding: 16px 24px 16px 0 !important;
    align-items: center;
    gap: 4px !important;
    border-bottom: 1px solid var(--shadow-light-10) !important;
    background: var(--grey-g100) !important;
}

.table-checkbox-custom {
    width: 18px;
    height: 18px;
    flex-shrink: 0 !important;
}

.table-th-text-custom {
    color: var(--grey-black) !important;
    font-family: var(--ff-online);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-bold);
    line-height: 150%;
    letter-spacing: 0.49px;
}

.table-td-custom {
    height: 48px;
    padding: 16px 12px !important;
    align-items: center;
    gap: 4px !important;
    align-self: stretch;
    border-top: 1px solid var(--shadow-light-10) !important;
    border-bottom: 1px solid var(--shadow-light-10) !important;
    background: var(--grey-white) !important;
}

.table-td-empty-custom {
    height: 48px;
    padding: 16px 24px 16px 0 !important;
    align-items: center;
    gap: 4px !important;
    align-self: stretch;
    border-top: 1px solid var(--shadow-light-10) !important;
    background: var(--grey-white) !important;
}

.table-td-checkbox-custom {
    width: 44px;
    height: 48px;
    padding: 16px 24px 16px 0 !important;
    align-items: center;
    gap: 4px !important;
    border-top: 1px solid var(--shadow-light-10) !important;
    border-bottom: 1px solid var(--shadow-light-10) !important;
    background: var(--grey-white) !important;
}

.table-td-year-empty {
    height: 48px;
    padding: 16px 24px 16px 0 !important;
    align-items: center;
    gap: 4px !important;
    align-self: stretch;
    border-top: 1px solid var(--shadow-light-10) !important;
    border-bottom: 1px solid var(--shadow-light-10) !important;
    background: var(--grey-white) !important;
}

.table-expandcolapseicon {
    width: 18px;
    height: 18px;
}

.table-td-expandcolapseicon {
    height: 48px;
    padding: 16px 24px 16px 0 !important;
    align-items: center;
    gap: 4px !important;
    border-top: 1px solid var(--shadow-light-10) !important;
    border-bottom: 1px solid var(--shadow-light-10) !important;
    background: var(--grey-white) !important;
}

.table-td-year {
    left: -16px !important;
    top: 64px !important;
    color: var(--gray-black) !important;
    font-family: var(--ff-online);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-bold);
    line-height: 16px;
    letter-spacing: 0.49px;
}

.table-td-cell {
    color: var(--grey-black) !important;
    font-family: var(--ff-online);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 150%;
    letter-spacing: 0.49px;
}

.table-icons {
    width: 16px;
    height: 16px;
    margin-right: 6px !important;
}

.table-icons-left {
    width: 16px;
    height: 16px;
    margin-left: 6px !important;
}

.panel-custom {
    display: flex;
    width: 1556px;
    padding-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
    background: var(--grey-white);
    border-radius: 16px;
    border: 1px solid var(--shadow-light-10);
}

.header-custom {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.header-title-custom {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.header-title-col-custom {
    display: flex;
    padding: 3.5px 0;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}

.header-buttons-custom {
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    border: 1px solid var(--grey-g400);
    opacity: 0.5;
    background: var(--grey-white);
    transition: all 0.3s ease-in-out;
}

.header-buttons-custom:hover {
    background: var(--grey-g200);
    border: 1px solid var(--grey-black) !important;
}

.download-text {
    color: var(--grey-black) !important;
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--ff-online);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-bold);
    line-height: 16px;
    letter-spacing: 0.42px;
}

.download-icon {
    width: 20px;
    height: 20px;
}

.button-pay-custom {
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: var(--orange-primary) !important;
    border: none;
    transition: all 0.3s ease-in-out;
}

.button-pay-custom:hover {
    background-color: var(--btn-primary-active) !important;
}

.button-pay-text-custom {
    color: var(--grey-white) !important;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--ff-online);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-bold);
    line-height: 16px;
    letter-spacing: 0.42px;
}

.dropdown-button-custom {
    display: flex;
    padding: 14px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    border: 1px solid var(--grey-g300) !important;
    background: var(--grey-white) !important;
    transition: all 0.3s ease-in-out;
}

.dropdown-button-custom:hover,
.sel-button:hover {
    background: var(--grey-g200) !important;
    border: 1px solid var(--grey-black) !important;
}

.header-dropdown-selections {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.header-col-selections {
    display: flex;
    width: 546px;
    align-items: flex-start;
    gap: 16px;
}

.sel-button {
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    border: 1px solid var(--grey-g300) !important;
    background: var(--grey-white) !important;
    transition: all 0.3s ease-in-out;
}

.sel-text-custom {
    color: var(--grey-black);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--ff-online);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-bold);
    line-height: 16px;
    letter-spacing: 0.42px;
}

.header-search {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.header-search-form-element {
    display: flex;
    align-items: flex-start;
    border-radius: 999px;
}

.filter-button-custom {
    display: flex;
    padding: 12px 14px 12px 16px;
    align-items: center;
    gap: 12px;
    border-radius: 999px 0 0 999px;
    border-top: 1px solid var(--grey-g300) !important;
    border-bottom: 1px solid var(--grey-g300) !important;
    border-left: 1px solid var(--grey-g300) !important;
    border-right: none;
    background: var(--grey-white) !important;
    height: 48px;
    transition: all 0.3s ease-in-out;
}

.filter-button-custom-text {
    color: var(--grey-black);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--ff-online);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 24px;
    letter-spacing: 0.42px;
}

input.fa.form-control::placeholder {
    color: var(--grey-g600) !important;
    opacity: 0.7;
}

input.fa.form-control::-webkit-input-placeholder,
input.fa.form-control::-moz-placeholder {
    color: var(--grey-g600) !important;
}

/* ==================================== INVOICES LIST =============================== */

.invoices-list.jumbotron-scroll {
	min-height: 640px;
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	padding-top: 40px;
}

.invoices-list .button-orange-figma {
	padding: 0 24px;
	background: var(--btn-primary);
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	border: none;
	margin-left: 4px;
	transition: all 0.3s ease-in-out;
}

.invoices-list .button-orange-figma:hover {
	background-color: var(--btn-primary-active) !important;
}

.invoices-list .button-white-figma {
	cursor: pointer;
	padding: 0 20px;
	background: var(--grey-white);
	border-radius: 999px;
	border: 1px solid var(--grey-g300) !important;
	align-items: center;
	gap: 8px;
	display: flex;
	height: 48px;
	transition: all 0.3s ease-in-out;
}

.invoices-list .button-white-figma:hover {
	background: var(--grey-g200);
	border: 1px solid var(--grey-black) !important;
}

.invoices-list .text-white-figma {
	color: var(--grey-white);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.42px;
}

.invoices-list .text-black-figma {
	color: var(--grey-black);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.42px;
}

.invoices-list input.form-control.shadow-none {
	text-indent: 20px;
}

.invoices-list .input-with-icon {
	padding-left: 40px;
	background-image: url("chevron.svg");
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 16px 16px;
}

.invoices-list .input-with-icon::placeholder {
	color: var(--grey-g600);
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.49px;
}

/* === VOUCHER LIST HEADER & CONTROLS === */

.button-orange-figma {
    padding: 0 24px;
    background: var(--btn-primary) !important;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border: none;
    margin-left: 4px;
    transition: all 0.3s ease-in-out;
}

.button-orange-figma:hover {
    background: var(--btn-primary-active) !important;
}

.button-white-figma {
    cursor: pointer;
    padding: 0 20px;
    background: var(--grey-white);
    border-radius: 999px;
    border: 1px solid var(--grey-g300) !important;
    align-items: center;
    gap: 8px;
    display: flex;
    height: 48px;
    transition: all 0.3s ease-in-out;
}

.button-white-figma:hover {
    background: var(--grey-g200);
    border: 1px solid var(--grey-black) !important;
}

.text-white-figma {
    color: var(--grey-white);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--ff-online);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-bold);
    line-height: 16px;
    letter-spacing: 0.42px;
}

.text-black-figma {
    color: var(--grey-black);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--ff-online);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-bold);
    line-height: 16px;
    letter-spacing: 0.42px;
}

input.form-control.shadow-none {
    text-indent: 20px;
}

.input-with-icon {
    padding-left: 40px;
    background-image: url("content/resources/chevron.svg");
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px 16px;
}

.input-with-icon::placeholder {
    color: var(--grey-g600);
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--fw-medium);
    line-height: 24px;
    letter-spacing: 0.49px;
}

/* === EXTRACTED INLINE STYLES === */

.icon-wrapper-24 {
    width: 24px; 
    height: 24px; 
    position: relative; 
    overflow: hidden;
}

.header-title-text {
    font-size: 24px;
}

.btn-radius-25 {
    border-radius: 25px !important;
}

.btn-strong-text {
    font-style: normal; 
    font-weight: var(--fw-bold); 
    font-size: 14px; 
    line-height: 16px; 
    letter-spacing: 0.03em; 
    color: var(--grey-black);
}

.dropdown-menu-custom {
    border-radius: 12px; 
    z-index: 1050;
}

.search-input-header {
    width: 280px !important; 
    height: 48px; 
    padding: 12px 16px 12px 40px; 
    border-radius: 0 999px 999px 0; 
    border: 1px solid var(--grey-g300); 
    background-color: var(--grey-white); 
    background-image: url('search.svg'); 
    background-repeat: no-repeat; 
    background-position: 12px center; 
    background-size: 16px; 
    outline: none; 
    box-shadow: none; 
    cursor: pointer;
}

.filter-icon {
    width: 20px; 
    height: 20px; 
    margin: 6px;
}

.filter-icon-inverted {
    width: 20px; 
    height: 20px; 
    margin: 6px; 
    filter: brightness(0) invert(1);
}

.filter-count-badge {
    width: 20px; 
    height: 20px; 
    padding-top: 2.50px; 
    padding-left: 5px; 
    padding-right: 5px; 
    background: var(--grey-white); 
    border-radius: 50%; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    display: inline-flex;
}

.filter-count-text {
    color: var(--grey-black); 
    text-align: center; 
    leading-trim: both; 
    text-edge: cap; 
    font-feature-settings: 'liga' off, 'clig' off; 
    font-family: var(--ff-online); 
    font-size: 11px; 
    font-style: normal; 
    font-weight: var(--fw-bold); 
    line-height: 15px;
}

.table-voucher-grid {
    border-radius: 25px; 
    background: var(--grey-white);
}

.tr-height-47 {
    height: 47px;
}

/* === USERS DASHBOARD COMPONENT (STRICTLY SCOPED) === */

/* 1. Global Wrapper & Main Layout Constraints */
.users-dashboard-wrapper {
	width: 100%;
}

.users-dashboard-wrapper.jumbotron-scroll {
	min-height: 640px;
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	padding-top: 40px;
}

.users-dashboard-wrapper .employee-scroll-box.scroll-box-container {
	width: 100%;
}

/* 2. Header & Company Info */
.users-dashboard-wrapper .company-title {
	color: var(--grey-black);
	font-size: 24px;
	font-weight: var(--fw-bold);
	line-height: 28.80px;
	letter-spacing: 0.72px;
	word-wrap: break-word;
}

.users-dashboard-wrapper .company-meta {
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	color: var(--text-muted, #6c757d);
}

.users-dashboard-wrapper .company-address {
	color: rgba(25, 23, 26, 0.80); /* Suggest variable mapping */
	font-size: 16px;
	font-weight: var(--fw-medium);
	line-height: 24px;
	letter-spacing: 0.48px;
	word-wrap: break-word;
}

.users-dashboard-wrapper .company-id {
	color: rgba(25, 23, 26, 0.80);
	font-size: 16px;
	font-weight: var(--fw-medium);
	line-height: 24px;
	letter-spacing: 0.48px;
	word-wrap: break-word;
}

.users-dashboard-wrapper .file-icon {
	margin-right: 4px;
}

.users-row:has(.table-td-custom) td {
	background-color: var(--protection-primary-bg, #E5F5FA) !important;
}

/* 3. Action Buttons */
.users-dashboard-wrapper .btn-submit-order,
.users-dashboard-wrapper .button-orange-figma {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	padding: 0 24px;
	background: var(--btn-primary);
	border-radius: 999px;
	border: none;
	color: var(--grey-white);
	font-size: 14px;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.42px;
	word-wrap: break-word;
	transition: all 0.3s ease-in-out;
}

.users-dashboard-wrapper .btn-submit-order:hover,
.users-dashboard-wrapper .button-orange-figma:hover {
	background-color: var(--btn-primary-active) !important;
}

.users-dashboard-wrapper .btn-employee {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	padding: 14px 20px;
	background: var(--grey-white);
	border-radius: 999px;
	border: 1px solid var(--grey-g300);
	color: var(--grey-black);
	font-size: 14px;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.42px;
	word-wrap: break-word;
}

.users-dashboard-wrapper .button-white-figma {
	cursor: pointer;
	padding: 0 20px;
	background: var(--grey-white);
	border-radius: 999px;
	border: 1px solid var(--grey-g300) !important;
	align-items: center;
	gap: 8px;
	display: flex;
	height: 48px;
	transition: all 0.3s ease-in-out;
}

.users-dashboard-wrapper .button-white-figma:hover {
	background: var(--grey-g200);
	border: 1px solid var(--grey-black) !important;
}

/* Text styles inside figma buttons */
.users-dashboard-wrapper .text-white-figma {
	color: var(--grey-white);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.42px;
}

.users-dashboard-wrapper .text-black-figma {
	color: var(--grey-black);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.42px;
}

/* Row Action Dropdown Trigger */
.users-dashboard-wrapper .btn-more-options {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid var(--grey-g300) !important;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
}

.users-dashboard-wrapper .btn-more-options:hover {
	background-color: var(--grey-g100);
	border-color: var(--grey-black) !important;
}

/* 4. Search & Filters */
.users-dashboard-wrapper .custom-dropdown-z {
	border-radius: 12px;
	z-index: 1050;
}

.users-dashboard-wrapper .search-input-styled {
	width: 280px;
	height: 48px;
	padding: 12px 16px 12px 40px;
	border-radius: 0 999px 999px 0;
	border: 1px solid var(--grey-g300);
	background-color: var(--grey-white);
	background-image: url('search.svg') !important;
	background-repeat: no-repeat !important;
	background-position: 12px center !important;
	background-size: 16px !important;
	outline: none;
	box-shadow: none;
	cursor: pointer;
}

/* Native Form Input Overrides (Sandboxed) */
.users-dashboard-wrapper input.form-control.shadow-none {
	text-indent: 20px;
}

.users-dashboard-wrapper .input-with-icon {
	padding-left: 40px;
	background-image: url("content/resources/chevron.svg");
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 16px 16px;
}

.users-dashboard-wrapper .input-with-icon::placeholder {
	color: var(--grey-g600);
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 14px;
	font-weight: var(--fw-medium);
	line-height: 24px;
	letter-spacing: 0.49px;
}

/* Custom Filter Badges */
.users-dashboard-wrapper .icon-filter {
	width: 20px;
	height: 20px;
	margin: 6px;
}

.users-dashboard-wrapper .filter-inverted {
	filter: brightness(0) invert(1);
}

.users-dashboard-wrapper .filter-badge {
	width: 20px;
	height: 20px;
	padding-top: 2.50px;
	padding-left: 5px;
	padding-right: 5px;
	background: var(--grey-white);
	border-radius: 50%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.users-dashboard-wrapper .filter-badge-text {
	color: var(--grey-black);
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 11px;
	font-weight: var(--fw-bold);
	line-height: 15px;
}

/* 5. User Grid Data Table */
.users-dashboard-wrapper .user-grid-table {
	border-radius: 25px;
	background: var(--grey-white);
}

.users-dashboard-wrapper .table-borderless td.send-order-area {
	border-top: 1px solid var(--shadow-light-10, rgba(0, 0, 0, 0.10)) !important;
}

.users-dashboard-wrapper .send-order-area {
	padding-top: 24px !important;
	padding-right: 32px !important;
}

.users-dashboard-wrapper .selected-text {
	color: var(--grey-desc, #334142);
	font-size: 14px;
	font-weight: var(--fw-medium);
	line-height: 21px;
	margin-right: 8px;
}

.users-dashboard-wrapper .table-header-row {
	border-bottom: 2px solid #f8f9fa; /* Standard bootstrap gray */
}

.users-dashboard-wrapper .contact-subtext {
	font-size: 11px;
	color: var(--grey-g400);
}

/* Interactive Elements inside Table */
.users-dashboard-wrapper .elacin4life .custom-control-label::before {
	border-radius: 50% !important;
}

.users-dashboard-wrapper .elacin4life .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--status-ready, #00AA64) !important;
	border-color: var(--status-ready, #00AA64) !important;
}

.users-dashboard-wrapper .status-badge {
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 12px;
}

.users-dashboard-wrapper .status-pill {
	border-radius: 999px;
	font-size: 14px;
	font-weight: var(--fw-medium);
	line-height: 21px;
	letter-spacing: 0.49px;
	word-wrap: break-word;
	max-width: 100%;
	overflow: hidden;
	padding: 8px 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Status ComboBox inside Table Cell */
.users-dashboard-wrapper .table-td-custom.table-td-combobox-custom {
	padding: 0 !important;
}

.users-dashboard-wrapper .table-td-combobox-custom:has(.status-select) client-combo-box {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 48px;
}

.users-dashboard-wrapper .status-select {
	height: 100% !important;
	min-height: 48px !important;
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
}

.users-dashboard-wrapper .status-select .ss-single-selected {
	height: 100% !important;
	width: 100% !important;
	border: none !important;
}

.users-dashboard-wrapper .status-select.form-control > div.ss-single-selected {
	background-color: transparent;
}

.users-dashboard-wrapper .status-select .ss-single-selected .placeholder {
	color: var(--grey-black);
	font-size: 14px;
	font-weight: var(--fw-medium);
	line-height: 21px;
	letter-spacing: 0.49px;
	word-wrap: break-word;
}

.users-dashboard-wrapper .status-select.ss-main .ss-single-selected .placeholder {
	flex: none;
	width: auto;
}

.users-dashboard-wrapper .user-filters.header-col-selections {
	width: auto;
}

.users-dashboard-wrapper .icon-20 {
	width: 20px;
	height: 20px;
}

/* ===================== DRAFT ORDERS LIST ADDITIONAL CSS ========================= */

.orders-list.jumbotron-scroll {
	min-height: 640px;
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	padding-top: 40px;
}

.orders-list .input-with-icon {
	padding-left: 40px;
	background-image: url("chevron.svg");
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 16px 16px;
}

.orders-list .checkbox-slider--b input:checked + span:before,
.orders-list .checkbox-slider--b-flat input:checked + span:before {
	background: #28a745;
}

.orders-list .canvas {
	width: 300px !important;
}

.orders-list .voucher-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid rgba(52,58,64,0.38);
	border-radius: 25px;
	padding: 0 0 0 10px;
	min-width: 120px;
	max-width: 180px;
	flex-shrink: 0;
}

.orders-list .btn-outline-dark {
	border-color: var(--outline-dark-alpha);
}

.orders-list .table-th-custom {
	height: 48px;
	padding: 16px 12px !important;
	align-items: center;
	gap: 4px !important;
	align-self: stretch;
	border-bottom: 1px solid var(--shadow-light-10) !important;
	background: var(--grey-g100) !important;
}

.orders-list .table-td-empty-custom {
	height: 48px;
	padding: 16px 24px 16px 0 !important;
	align-items: center;
	gap: 4px !important;
	align-self: stretch;
	border-top: 1px solid var(--shadow-light-10) !important;
	background: var(--grey-white) !important;
}

.orders-list .table-th-empty-custom {
	width: 24px;
	height: 48px;
	padding: 16px 24px 16px 0 !important;
	align-items: center;
	gap: 4px !important;
	border-bottom: 1px solid var(--shadow-light-10) !important;
	background: var(--grey-g100) !important;
}

.orders-list .filter-button-custom {
	display: flex;
	padding: 12px 14px 12px 16px;
	align-items: center;
	gap: 12px;
	border-radius: 999px 0 0 999px;
	border-top: 1px solid var(--grey-g300) !important;
	border-bottom: 1px solid var(--grey-g300) !important;
	border-left: 1px solid var(--grey-g300) !important;
	border-right: none;
	background: var(--grey-white) !important;
	height: 48px;
}

.orders-list .table-checkbox-custom {
	width: 18px;
	height: 18px;
	flex-shrink: 0 !important;
}

.orders-list .table-th-text-custom {
	color: var(--grey-black) !important;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-bold);
	line-height: 150%;
	letter-spacing: 0.49px;
}

.orders-list .table-td-custom {
	height: 48px;
	padding: 16px 12px !important;
	align-items: center;
	gap: 4px !important;
	align-self: stretch;
	border-top: 1px solid var(--shadow-light-10) !important;
	border-bottom: 1px solid var(--shadow-light-10) !important;
	background: var(--grey-white) !important;
	vertical-align: unset !important;
}

.orders-list .table-td-checkbox-custom {
	width: 44px;
	height: 48px;
	padding: 16px 24px 16px 0 !important;
	align-items: center;
	gap: 4px !important;
	border-top: 1px solid var(--shadow-light-10) !important;
	border-bottom: 1px solid var(--shadow-light-10) !important;
	background: var(--grey-white) !important;
}

.orders-list .table-td-year-empty {
	height: 48px;
	padding: 16px 24px 16px 0 !important;
	align-items: center;
	gap: 4px !important;
	align-self: stretch;
	border-top: 1px solid var(--shadow-light-10) !important;
	border-bottom: 1px solid var(--shadow-light-10) !important;
	background: var(--grey-white) !important;
}

.orders-list .table-expandcolapseicon {
	width: 18px;
	height: 18px;
}

.orders-list .table-td-expandcolapseicon {
	height: 48px;
	padding: 16px 24px 16px 0 !important;
	align-items: center;
	gap: 4px !important;
	border-top: 1px solid var(--shadow-light-10) !important;
	border-bottom: 1px solid var(--shadow-light-10) !important;
	background: var(--grey-white) !important;
}

.orders-list .table-td-year {
	left: -16px !important;
	top: 64px !important;
	color: var(--gray-black) !important;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.49px;
}

.orders-list .table-td-cell {
	color: var(--grey-black) !important;
	font-family: var(--fw-main);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-medium);
	line-height: 150%;
	letter-spacing: 0.49px;
}

.orders-list .table-icons {
	width: 16px;
	height: 16px;
	margin-right: 6px !important;
}

.orders-list .table-icons-left {
	width: 16px;
	height: 16px;
	margin-left: 6px !important;
}

.orders-list .panel-custom {
	display: flex;
	width: 1556px;
	padding-bottom: 24px;
	flex-direction: column;
	align-items: flex-start;
	background: var(--grey-white);
	border-radius: 16px;
	border: 1px solid var(--shadow-light-10);
}

.orders-list .header-custom {
	display: flex;
	padding: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.orders-list .header-title-custom {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.orders-list .header-title-col-custom {
	display: flex;
	padding: 3.5px 0;
	align-items: center;
	gap: 8px;
	flex: 1 0 0;
}

.orders-list .header-buttons-custom {
	display: flex;
	padding: 14px 20px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	border: 1px solid var(--grey-g400);
	opacity: 0.5;
	background: var(--grey-white);
}

.orders-list .scroll-box-container {
	background-color: white;
	overflow: hidden;
	margin-bottom: 20px;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
}

.orders-list .download-text {
	color: var(--grey-black) !important;
	text-align: right;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.42px;
}

.orders-list .download-icon {
	width: 20px;
	height: 20px;
}

.orders-list .button-pay-custom {
	display: flex;
	padding: 16px 20px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	background: var(--orange-primary) !important;
}

.orders-list .button-pay-text-custom {
	color: var(--grey-white) !important;
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.42px;
}

.orders-list .dropdown-button-custom {
	display: flex;
	padding: 14px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	border: 1px solid var(--grey-g300) !important;
	background: var(--grey-white) !important;
}

.orders-list .header-dropdown-selections {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.orders-list .header-col-selections {
	display: flex;
	width: 546px;
	align-items: flex-start;
	gap: 12px;
}

.orders-list .sel-button {
	display: flex;
	padding: 14px 20px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	border: 1px solid var(--grey-g300) !important;
	background: var(--grey-white) !important;
	transition: all 0.3s ease-in-out;
}

.orders-list .sel-button:hover {
	background: var(--grey-g200) !important;
	border: 1px solid var(--grey-black) !important;
}

.orders-list .sel-text-custom {
	color: var(--grey-black);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.42px;
}

.orders-list .header-search {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.orders-list .header-search-form-element {
	display: flex;
	align-items: flex-start;
	border-radius: 999px;
}

.orders-list .filter-button-custom-text {
	color: var(--grey-black);
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-medium);
	line-height: 24px;
	letter-spacing: 0.42px;
}

.orders-list .input-with-icon::placeholder {
	color: #737578;
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-medium);
	line-height: 24px;
	letter-spacing: 0.49px;
}

.orders-list .filter-option {
	width: 100%;
	height: 100%;
	padding: 8px 16px;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	color: black;
	font-family: var(--font-segoe);
	font-size: 14px;
	font-weight: var(--fw-regular);
	line-height: 16px;
	word-wrap: break-word;
	cursor: pointer;
}

.orders-list .button-orange-figma {
	padding: 0 24px;
	background: var(--btn-primary) !important;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	border: none;
	transition: all 0.3s ease-in-out;
}

.orders-list .button-orange-figma:hover {
	background-color: var(--btn-primary-active) !important;
}

.orders-list .button-white-figma {
	cursor: pointer;
	padding: 0 20px;
	background: white;
	border-radius: 999px;
	border: 1px solid var(--grey-g300) !important;
	align-items: center;
	gap: 8px;
	display: flex;
	height: 48px;
	transition: all 0.3s ease-in-out;
}

.orders-list .button-white-figma:hover {
	background: var(--grey-g200);
	border: 1px solid var(--grey-black) !important;
}

.orders-list .text-white-figma {
	color: var(--grey-white);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.42px;
}

.orders-list .text-black-figma {
	color: var(--grey-black);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: var(--font-main);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--fw-bold);
	line-height: 16px;
	letter-spacing: 0.42px;
}

.orders-list button.dropdown-button-custom {
	outline: none;
	box-shadow: none;
	background-color: transparent;
	background-clip: padding-box;
}

.orders-list button.dropdown-button-custom:focus,
.orders-list button.dropdown-button-custom:active,
.orders-list button.dropdown-button-custom:focus-visible {
	outline: none;
	box-shadow: none;
}

.orders-list button.dropdown-button-custom[aria-expanded="true"] {
	background-color: rgba(52,58,64,0.15);
}