.base-button {
    padding: 0.75rem 2rem;
}

.base-text {
    font-size: 1rem;
}

.base-card-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.base-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-size: 24.5px;
}


.fs-64 {
    font-size: 64px;
}

.fs-80 {
    font-size: 80px;
}

.fs-128 {
    font-size: 128px;
}
.fs-14 {
    font-size: 14px;
}
.fs-12 {
    font-size: 12px;
}
.fs-10 {
    font-size: 10px;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.toast-text-color-white .swal2-title {
    color: white;
}

.content-payment .nav-pills .nav-link.active {
    display: none;
}

.content-payment .nav-pills .nav-link {
    color: #212837;
    border: solid 1px #212837;
    margin-right: 0.5rem;
}

.cash-calculator-numbers {
    font-size: 2rem;
}

.cash-calculator-numbers [class^="button"] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border: 1px solid #e4e4e4;
    width: 100%;
    height: 100%;
    user-select: none;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cash-calculator-numbers [class^="button"]:active {
    background-color: #e4e4e4;
}

.cash-calculator-numbers .button.ok:active:active {
    background-color: #1f6bff;
    color: #fff !important;
}

.cash-calculator-numbers .button.backspace:active {
    background-color: rgb(255, 149, 0);
}

.cash-calculator-numbers .button.backspace:active i {
    color: #fff !important;
}

.cash-calculator-wrapper .input {
    font-size: 3rem;
    margin-bottom: 1rem;
    text-align: right;
}

.pos .pos-checkout-table.selected:not(.disabled) .pos-checkout-table-container:before {
    border: none !important;
}

.pos .pos-checkout-table.selected:not(.disabled) .pos-checkout-table-container:after {
    content: "" !important;
}

@media only screen and (min-width: 768px) {
    .pos .pos-task .pos-task-body {
        width: 70%;
    }
}

.swiper-overflow-container {
    overflow-x: hidden;
}

.swiper-button-next,
.swiper-button-prev {
    color: white !important;
    background: rgba(60, 78, 113, .75);
    width: 3rem !important;
    height: 3rem !important;
    border-radius: 100%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.5rem !important;
}

.pad-box {
    width: 72px;
    height: 72px;
}
.pad-box:active {
    background-color:#e4e4e4 !important;
}
.pad-box.remove:active {
    border-radius: 100%;
}
.pad-text {
    letter-spacing: 0.15rem;
    font-size: 0.65rem;
}

.cursor-pointer {
    cursor: pointer;
}

.user-select-none {
    user-select: none;
}

.pad-dot-box {
    width: 16px;
    height: 16px;
}
.split-bills .order-list {
    display: flex;
    flex: 1;
}
.split-bills .order-list .img {
    width: 3.5rem;
    height: 3.5rem;
    background-position: center;
    background-size: cover;
}

.split-bills .order-list>*+* {
    margin-left: 1rem;
}

.split-bills+.split-bills {
    border-top: solid 1px #d1d9e7;
}
.split-bills {
    padding: 1rem;
    position: relative;
    display: flex;
}
.split-nav {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    scrollbar-width: thin;
    height: calc(100vh - 12.25rem);
    gap: 0.5rem;
    padding-bottom: 0.5rem;
}
.split-nav .nav-link {
    position: relative;
    padding: .75rem;
    white-space: nowrap;
    text-align: center;
    color: #212837;
    border: 1px solid #d1d9e7;
    font-size: .765625rem;
    font-weight: 500;
    border-radius: 9px;
    background: #fff;
}
.split-items-wrapper {
    height: calc(100vh - 20.3rem);
}

.splitted-wrapper {
    height: calc(100vh - 25.125rem);
    overflow-y: auto;
    scrollbar-width: thin;
}
.split-amount-nav {
        overflow-y: auto;
        scrollbar-width: thin;
        height: calc(100vh - 12.5rem);
        padding-bottom: 0.5rem;
}
.just-validate-error-label {
    margin-top: .25rem;
    color: #ea868f !important;
}
.just-validate-error-field {
    border-color: #ea868f !important;
}
.just-validate-error-field:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25) !important;
}
.pos .pos-product .info {
    border-top: solid 1px #d1d9e7;
}
.swal2-popup.swal2-toast .swal2-title {
    margin: 0 1em !important;
    font-weight: 400;
}
.swal2-popup.swal2-toast {
    padding: 0.75em !important;
    display: flex !important;
    align-items: center;
}