@media (max-width: 767px) {
    .main-header .navbar-custom-menu {
        float: none !important;
        display: block !important;
    }

    .main-header .navbar-custom-menu .dropdown-menu {
        left: auto !important;
    }

    .skin-blue-light .main-header .navbar .dropdown-menu li a {
        color: #777;
    }

    .main-header .navbar {
        height: auto;
    }

    .product-image-grid,
    .image-grid {
        display: block;
    }

    .product-image-grid>div.product__picture {
        height: 27rem;
        width: auto;
    }

    .product-image-grid>div>img,
    .image-grid>div.variant_pictures>img {
        height: 25rem !important;
    }

    .product-image-grid,
    .image-grid {
        --gap: 14px !important;
        --num-cols: 2 !important;
        --row-height: auto !important;
        --row-width: auto !important;
    }

    .custom-switch-indicator {
        min-width: 3.5rem !important;
    }

    .grid-row {
        display: table;
        width: max-content;
    }

    div.view_modal_destroy>div.modal-dialog>div.modal-content>form>div.modal-footer-destroy>div.form-group-sb {
        display: flex;
        width: auto;
    }
}

.cash-closing-modal-dialog {
    max-width: 1024px;
    width: calc(100% - 32px);
}

.cash-closing-modal-content {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
    color: #333;
    overflow: hidden;
}

.cash-closing-modal-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px 24px 16px;
}

.cash-closing-modal-title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

button.cash-closing-close {
    color: #333;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    opacity: 1;
    padding: 0;
}

.cash-closing-modal-body {
    max-height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 24px 0;
}

.cash-closing-field-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 322px) minmax(0, 322px);
    margin-bottom: 16px;
}

.cash-closing-field,
.cash-closing-next-day-value {
    min-width: 0;
}

.cash-closing-label {
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 5px;
}

.cash-closing-control,
.cash-closing-readonly-field,
.cash-closing-select-field .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d8e2f0 !important;
    border-radius: 5px !important;
    color: #333;
    font-size: 13px;
    height: 34px !important;
    min-height: 34px;
}

.cash-closing-readonly-field {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 11px;
}

.cash-closing-readonly-field i {
    color: #333;
    font-size: 11px;
}

.cash-closing-select-field .select2-container {
    width: 100% !important;
}

.cash-closing-select-field .select2-selection__rendered {
    color: #333 !important;
    font-size: 13px;
    line-height: 32px !important;
    padding-left: 11px !important;
}

.cash-closing-select-field .select2-selection__arrow {
    height: 32px !important;
    right: 8px !important;
}

.cash-closing-summary-card {
    align-items: center;
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 17px;
    min-height: 68px;
}

.cash-closing-summary-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 18px 22px;
    position: relative;
    text-align: center;
}

.cash-closing-summary-item + .cash-closing-summary-item::before {
    background-color: #d8e2f0;
    content: "";
    height: calc(100% - 36px);
    left: 0;
    position: absolute;
    top: 18px;
    width: 1px;
}

.cash-closing-summary-item span {
    color: #666;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 7px;
}

.cash-closing-summary-item strong {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}

.cash-closing-section-title {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}

.cash-closing-table-wrap {
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    margin-bottom: 24px;
    overflow-x: auto;
}

.cash-closing-payment-table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 0;
    min-width: 720px;
}

.cash-closing-payment-table thead th {
    background-color: #f9fafb;
    border-bottom: 1px solid #d8e2f0 !important;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    padding: 8px 12px !important;
    text-align: center;
}

.cash-closing-payment-table tbody td {
    border-top: 1px solid #e7edf5 !important;
    color: #333;
    font-size: 12px;
    height: 32px;
    padding: 4px 12px !important;
    text-align: center;
    vertical-align: middle !important;
}

.cash-closing-payment-table tbody tr:first-child td {
    border-top: 0 !important;
}

.cash-closing-payment-table tbody td:first-child {
    text-align: left;
}

.cash-closing-payment-table tfoot th,
.cash-closing-payment-table tfoot td {
    background-color: #f9fafb;
    border-top: 1px solid #d8e2f0 !important;
    color: #333;
    font-size: 12px;
    height: 34px;
    padding: 6px 12px !important;
    text-align: center;
    vertical-align: middle !important;
}

.cash-closing-payment-table tfoot th:first-child {
    text-align: left;
}

.cash-closing-payment-type,
.cash-closing-system-value {
    font-weight: 500;
}

.cash-closing-conferred-input {
    border: 1px solid #d8e2f0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-size: 12px;
    height: 30px;
    margin: 0 auto;
    max-width: 128px;
    padding: 3px 10px;
    text-align: center;
}

.cash-closing-difference {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
}

.cash-closing-difference-value {
    color: #077af1;
    font-size: 12px;
    font-weight: 500;
}

.cash-closing-difference-icon {
    align-items: center;
    display: inline-flex;
    height: 16px;
    justify-content: center;
    width: 16px;
}

.cash-closing-next-day-card {
    align-items: center;
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 338px);
    margin-bottom: 25px;
    min-height: 68px;
    padding: 10px 16px 8px 24px;
}

.cash-closing-next-day-toggle {
    align-items: center;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 500;
    gap: 18px;
}

.cash-closing-next-day-toggle .custom-switch {
    padding: 0;
}

.cash-closing-next-day-toggle .custom-switch-input:checked~.custom-switch-indicator {
    background: #006bff;
}

.cash-closing-next-day-toggle .custom-switch-indicator {
    height: 17px;
    min-width: 30px !important;
    width: 30px;
}

.cash-closing-next-day-toggle .custom-switch-indicator:before {
    height: 13px;
    left: 1px;
    top: 1px;
    width: 13px;
}

.cash-closing-next-day-toggle .custom-switch-input:checked~.custom-switch-indicator:before {
    left: 14px;
}

.cash-closing-next-day-value .cash-closing-control {
    font-weight: 600;
}

.cash-closing-alert {
    align-items: center;
    background-color: #e6f2fe;
    border: 1px solid #077af1;
    border-radius: 7px;
    display: grid;
    gap: 24px;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    margin-bottom: 24px;
    min-height: 76px;
    padding: 16px 22px 16px 26px;
}

.cash-closing-alert-copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cash-closing-alert-copy strong {
    color: #077af1;
    font-size: 16px;
    font-weight: 600;
}

.cash-closing-alert-copy span {
    color: #666;
    font-size: 16px;
    line-height: 1.25;
}

.cash-closing-alert-orders {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: flex-end;
}

.cash-closing-alert-orders strong {
    color: #333;
    font-size: 13px;
    font-weight: 600;
}

.cash-closing-order-pill {
    background-color: #fff;
    border: 1px solid #077af1;
    border-radius: 8px;
    color: #077af1;
    display: inline-flex;
    font-size: 13px;
    line-height: 1;
    padding: 9px 15px;
}

.cash-closing-footer {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(180px, 242px) minmax(180px, 242px) minmax(260px, 1fr);
    padding: 0 24px 24px;
}

.cash-closing-footer .btn {
    align-items: center;
    border-radius: 5px;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    justify-content: center;
    line-height: 1;
}

.cash-closing-cancel-button {
    background-color: #fff;
    border: 1.5px solid #cc4444;
    color: #cc4444;
    gap: 48px;
}

.cash-closing-print-button {
    background-color: #fff;
    border: 1.5px solid #006bff;
    color: #006bff;
    gap: 70px;
}

.cash-closing-print-dropup,
.cash-closing-print-dropup .cash-closing-print-button {
    width: 100%;
}

.cash-closing-print-menu {
    border: 1px solid #d8e2f0;
    border-radius: 6px;
    box-shadow: 0 10px 24px rgba(15, 63, 117, 0.12);
    min-width: 100%;
    padding: 6px 0;
}

.cash-closing-print-menu .dropdown-item {
    background: #fff;
    border: 0;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    padding: 9px 14px;
    text-align: left;
    width: 100%;
}

.cash-closing-print-menu .dropdown-item:hover,
.cash-closing-print-menu .dropdown-item:focus {
    background: #f3f8ff;
    color: #077af1;
}

.cash-closing-confirm-button {
    background-color: #077af1;
    border: 1.5px solid #077af1;
    color: #fff;
}

.cash-closing-cancel-button:hover,
.cash-closing-cancel-button:focus {
    color: #cc4444;
}

.cash-closing-print-button:hover,
.cash-closing-print-button:focus {
    color: #006bff;
}

.cash-closing-confirm-button:hover,
.cash-closing-confirm-button:focus {
    color: #fff;
}

@media (max-width: 991px) {
    .cash-closing-modal-body {
        max-height: calc(100vh - 190px);
    }

    .cash-closing-field-grid,
    .cash-closing-next-day-card,
    .cash-closing-alert,
    .cash-closing-footer {
        grid-template-columns: 1fr;
    }

    .cash-closing-alert-orders {
        justify-content: flex-start;
    }

    .cash-closing-footer {
        gap: 12px;
    }
}

@media (max-width: 575px) {
    .cash-closing-modal-dialog {
        margin: 8px auto;
        width: calc(100% - 16px);
    }

    .cash-closing-modal-header,
    .cash-closing-modal-body,
    .cash-closing-footer {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cash-closing-modal-title {
        font-size: 21px;
    }

    .cash-closing-summary-card {
        grid-template-columns: 1fr;
    }

    .cash-closing-summary-item + .cash-closing-summary-item::before {
        height: 1px;
        left: 22px;
        right: 22px;
        top: 0;
        width: auto;
    }

    .cash-closing-next-day-toggle {
        align-items: flex-start;
        flex-direction: column;
        font-size: 15px;
        gap: 10px;
    }
}

.switch-store-modal-dialog {
    max-width: 1024px;
    width: calc(100% - 32px);
}

.switch-store-modal-content {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
    color: #333;
    overflow: hidden;
}

.switch-store-modal-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px 24px 18px;
}

.switch-store-modal-title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.switch-store-close {
    color: #333;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    opacity: 1;
    padding: 0;
}

.switch-store-modal-body {
    max-height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 24px 0;
}

.switch-store-current-card {
    align-items: center;
    background-color: #f9fafb;
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    display: grid;
    gap: 20px;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    margin-bottom: 24px;
    min-height: 76px;
    padding: 16px 48px 16px 26px;
}

.switch-store-current-icon {
    align-items: center;
    display: flex;
    justify-content: center;
}

.switch-store-current-content {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.switch-store-current-content strong {
    color: #077af1;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

.switch-store-current-content span {
    color: #666;
    font-size: 16px;
    line-height: 1.2;
}

.switch-store-current-badge {
    border-radius: 8px;
    font-size: 11px;
    line-height: 1;
    padding: 5px 12px;
    white-space: nowrap;
}

.switch-store-current-badge--open {
    background-color: #e8f5ec;
    border: 1px solid #1b9b45;
    color: #1b9b45;
}

.switch-store-current-badge--closed {
    background-color: #f8eeee;
    border: 1px solid #cc4444;
    color: #cc4444;
}

.switch-store-search-section {
    margin-bottom: 24px;
    max-width: 363px;
}

.switch-store-label {
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 5px;
}

.switch-store-hidden-fields {
    display: none;
}

.switch-store-list {
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
    min-height: 330px;
    overflow-y: auto;
    padding: 16px;
}

.switch-store-list-item {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d8e2f0;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: grid;
    column-gap: 36px;
    grid-template-columns: 24px 145px 175px minmax(0, 1fr);
    grid-template-rows: 18px 15px;
    row-gap: 12px;
    height: 80px;
    margin: 0;
    padding: 19px 30px 14px;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    width: 100%;
}

.switch-store-list-item--selected {
    background-color: #e6f2fe;
    border-color: #077af1;
}

.switch-store-radio {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.switch-store-radio-visual {
    align-items: center;
    border: 1px solid #8fc6ff;
    border-radius: 50%;
    display: flex;
    grid-column: 1;
    grid-row: 1 / 3;
    height: 24px;
    justify-content: center;
    justify-self: center;
    width: 24px;
}

.switch-store-radio:checked + .switch-store-radio-visual {
    border-color: #077af1;
}

.switch-store-radio:checked + .switch-store-radio-visual::before {
    background-color: #077af1;
    border-radius: 50%;
    content: "";
    height: 12px;
    width: 12px;
}

.switch-store-item-main {
    display: flex;
    flex-direction: column;
    gap: 12px;
    grid-column: 2;
    grid-row: 1 / 3;
    min-width: 0;
}

.switch-store-item-title {
    color: #333;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.switch-store-item-company,
.switch-store-item-detail {
    color: #666;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.switch-store-item-detail {
    align-self: center;
    color: #333;
    grid-row: 2;
}

.switch-store-item-detail--cnpj {
    grid-column: 3;
}

.switch-store-item-detail--address {
    grid-column: 4;
}

.switch-store-item-detail strong {
    color: #333;
    font-weight: 600;
}

.switch-store-empty {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 13px;
    justify-content: center;
    min-height: 80px;
}

.switch-store-status-note {
    background-color: #eaf2fd;
    border: 1px solid #077af1;
    border-radius: 7px;
    color: #077af1;
    font-size: 13px;
    margin-bottom: 24px;
    padding: 12px 16px;
}

.switch-store-modal-footer {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(180px, 242px) minmax(260px, 1fr);
    padding: 0 24px 24px;
}

.switch-store-modal-footer .btn {
    align-items: center;
    border-radius: 5px;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    justify-content: center;
    line-height: 1;
}

.switch-store-cancel-button {
    background-color: #fff;
    border: 1.5px solid #cc4444;
    color: #cc4444;
    gap: 48px;
}

.switch-store-confirm-button {
    background-color: #077af1;
    border: 1.5px solid #077af1;
    color: #fff;
}

.switch-store-cancel-button:hover,
.switch-store-cancel-button:focus {
    color: #cc4444;
}

.switch-store-confirm-button:hover,
.switch-store-confirm-button:focus {
    color: #fff;
}

@media (max-width: 991px) {
    .switch-store-current-card {
        grid-template-columns: 40px minmax(0, 1fr);
        padding-right: 24px;
    }

    .switch-store-current-badge {
        grid-column: 2;
        justify-self: flex-start;
    }

    .switch-store-search-section {
        max-width: none;
    }

    .switch-store-list-item {
        column-gap: 14px;
        grid-template-columns: 20px minmax(120px, 160px) minmax(120px, 0.8fr) minmax(140px, 1fr);
    }

    .switch-store-modal-footer {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 767.98px) {
    .switch-store-list-item {
        align-items: flex-start;
        gap: 12px;
        grid-template-columns: 28px minmax(0, 1fr);
        grid-template-rows: auto;
        height: auto;
        min-height: auto;
        padding: 14px 16px;
    }

    .switch-store-radio-visual {
        grid-row: 1;
    }

    .switch-store-item-main,
    .switch-store-item-detail {
        grid-column: 2;
        grid-row: auto;
    }

    .switch-store-item-title,
    .switch-store-item-company,
    .switch-store-item-detail {
        white-space: normal;
    }
}

@media (max-width: 575px) {
    .switch-store-modal-dialog {
        margin: 8px auto;
        width: calc(100% - 16px);
    }

    .switch-store-modal-header,
    .switch-store-modal-body,
    .switch-store-modal-footer {
        padding-left: 16px;
        padding-right: 16px;
    }

    .switch-store-modal-title {
        font-size: 21px;
    }

    .switch-store-current-card,
    .switch-store-list-item {
        padding-left: 16px;
        padding-right: 16px;
    }

    .switch-store-list {
        min-height: 260px;
        padding: 12px;
    }
}

.conditional-list-modal-dialog {
    max-width: 1256px;
    width: calc(100vw - 32px);
}

.conditional-list-modal {
    border: 0;
    border-radius: 10px;
    color: #333;
    min-height: 612px;
    overflow: hidden;
}

.conditional-list-header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 24px 24px 18px;
}

.conditional-list-title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 6px;
}

.conditional-list-subtitle {
    color: #666;
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
}

.conditional-list-close {
    color: #333;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    opacity: 1;
    padding: 0;
}

.conditional-list-filters {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(240px, 1.35fr) minmax(170px, 0.9fr) minmax(170px, 0.9fr) minmax(190px, 0.9fr);
    padding: 22px 24px 32px;
}

.conditional-list-filters .form-group {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .sell-return-list-modal .conditional-list-filters {
        grid-template-columns: minmax(240px, 1.35fr) repeat(2, minmax(190px, 0.9fr));
    }
}

.sell-return-order-list-modal {
    min-height: 724px;
}

.sell-return-order-list-modal .conditional-list-table-wrap {
    height: 354px;
}

.sell-return-order-list-modal .conditional-list-summary {
    justify-content: flex-end;
}

.conditional-list-table-wrap {
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    height: 350px;
    margin: 0 24px 24px;
    overflow: hidden;
}

.conditional-list-table-scroll {
    height: 100%;
    overflow: auto;
}

.conditional-list-table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    table-layout: fixed;
    width: 100%;
}

.conditional-list-table th,
.conditional-list-table td {
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #333;
    height: 33px;
    line-height: 1.2;
    overflow: hidden;
    padding: 8px 10px;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.conditional-list-table th {
    background-color: #f7f9fb;
    border-top: 0;
    font-weight: 400;
    height: 38px;
}

.conditional-list-table tbody tr {
    cursor: pointer;
}

.conditional-list-table tbody tr:hover td {
    background-color: #fbfdff;
}

.conditional-list-table th:nth-child(3),
.conditional-list-table td:nth-child(3) {
    text-align: left;
}

.sell-return-order-list-table th:nth-child(3),
.sell-return-order-list-table td:nth-child(3) {
    text-align: center;
}

.sell-return-order-list-table th:nth-child(4),
.sell-return-order-list-table td:nth-child(4) {
    text-align: left;
}

.conditional-list-col-check {
    overflow: visible !important;
    text-overflow: clip !important;
    width: 44px;
}

.conditional-list-col-code {
    width: 80px;
}

.conditional-list-col-action {
    width: 130px;
}

.conditional-list-check,
.conditional-list-check-all {
    cursor: pointer;
    height: 13px;
    margin: 0;
    width: 13px;
}

.conditional-list-status {
    border: 1px solid;
    border-radius: 10px;
    display: inline-flex;
    font-size: 11px;
    justify-content: center;
    line-height: 1;
    padding: 4px 10px;
}

.conditional-list-status--open {
    background-color: rgba(27, 155, 69, 0.1);
    border-color: #1b9b45;
    color: #1b9b45;
}

.conditional-list-status--finalized {
    background-color: #e6f2fe;
    border-color: #077af1;
    color: #077af1;
}

.conditional-list-actions {
    align-items: center;
    display: flex;
    justify-content: center;
}

.conditional-list-actions .selectgroup-item {
    align-items: center;
    display: inline-flex;
    height: 35px;
    line-height: 0;
    vertical-align: middle;
}

.conditional-list-action-button {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #077af1;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    line-height: 0;
    padding: 0;
    width: 40px;
}

.conditional-list-action-button svg {
    display: block;
    flex: 0 0 auto;
}

.conditional-list-action-button:hover,
.conditional-list-action-button:focus {
    color: #077af1;
    text-decoration: none;
}

.conditional-list-action-button--disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.conditional-list-empty {
    color: #666;
    height: 80px !important;
    text-align: center !important;
}

.conditional-list-summary {
    align-items: center;
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
    margin: 0 24px 24px;
    min-height: 76px;
    padding: 12px 24px;
}

.sell-return-list-modal .conditional-list-summary {
    justify-content: flex-end;
}

.conditional-list-summary-items {
    align-items: center;
    display: flex;
    gap: 42px;
}

.conditional-list-summary-item {
    align-items: center;
    display: flex;
    gap: 15px;
}

.conditional-list-summary-icon {
    align-items: center;
    border-radius: 14px;
    display: flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    width: 50px;
}

.conditional-list-summary-icon--blue {
    background-color: #edf4fd;
    color: #077af1;
}

.conditional-list-summary-icon--green {
    background-color: #ecf8f0;
    color: #1b9b45;
}

.conditional-list-summary-item strong,
.conditional-list-summary-item em {
    display: block;
    font-style: normal;
}

.conditional-list-summary-item strong {
    color: #666;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 7px;
}

.conditional-list-summary-item em {
    color: #666;
    font-size: 16px;
    font-weight: 600;
}

.conditional-list-summary-item .conditional-list-summary-total {
    color: #077af1;
}

.conditional-list-grand-total {
    color: #077af1;
    font-size: 26px;
    font-weight: 600;
    white-space: nowrap;
}

.conditional-list-footer {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    padding: 0 24px 20px;
}

.conditional-list-footer .btn {
    border-radius: 7px;
    font-size: 16px;
    height: 46px;
    min-width: 210px;
}

.conditional-list-close-button {
    background-color: #fff;
    border: 1px solid #077af1;
    color: #077af1;
}

.conditional-list-apply-button {
    background-color: #077af1;
    border: 1px solid #077af1;
    color: #fff;
}

.conditional-list-close-button:hover,
.conditional-list-close-button:focus {
    color: #077af1;
}

.conditional-list-apply-button:hover,
.conditional-list-apply-button:focus {
    color: #fff;
}

@media (max-width: 991px) {
    .conditional-list-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .conditional-list-summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .conditional-list-summary-items {
        flex-wrap: wrap;
        gap: 18px 28px;
    }
}

@media (max-width: 767.98px) {
    .conditional-list-modal-dialog {
        margin: 8px auto;
        width: calc(100vw - 16px);
    }

    .conditional-list-header,
    .conditional-list-filters,
    .conditional-list-footer {
        padding-left: 16px;
        padding-right: 16px;
    }

    .conditional-list-filters {
        grid-template-columns: 1fr;
        gap: 14px;
        padding-bottom: 20px;
    }

    .conditional-list-table-wrap,
    .conditional-list-summary {
        margin-left: 16px;
        margin-right: 16px;
    }

    .conditional-list-summary-items,
    .conditional-list-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .conditional-list-footer .btn {
        min-width: 0;
        width: 100%;
    }
}

.crediary-consult-dialog {
    max-width: 1172px;
}

.crediary-consult-modal {
    min-height: 0;
}

.crediary-consult-header {
    align-items: flex-start;
    padding: 24px 22px 28px;
}

.crediary-consult-header-actions {
    align-items: center;
    display: flex;
    gap: 28px;
}

.crediary-consult-customer-badge {
    background: #eaf4ff;
    border-radius: 8px;
    color: #077af1;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    min-width: 99px;
    padding: 9px 14px;
}

.crediary-consult-body {
    padding: 0 22px;
}

.crediary-consult-customer-card,
.crediary-consult-card,
.crediary-consult-summary-card {
    border: 1px solid #d8e2f0;
    border-radius: 7px;
}

.crediary-consult-customer-card {
    align-items: center;
    display: grid;
    grid-template-columns: 72px minmax(230px, 1.55fr) minmax(120px, 0.85fr) minmax(150px, 1fr) minmax(140px, 0.95fr) minmax(236px, 1.32fr);
    min-height: 118px;
    padding: 22px 16px;
}

.crediary-consult-avatar {
    align-items: center;
    background: #eaf4ff;
    border-radius: 50%;
    color: #077af1;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    height: 62px;
    justify-content: center;
    width: 62px;
}

.crediary-consult-customer-info,
.crediary-consult-info-group,
.crediary-consult-status-panel {
    border-left: 1px solid #d8e2f0;
    min-height: 70px;
    padding-left: 30px;
}

.crediary-consult-customer-info {
    border-left: 0;
    padding-left: 22px;
}

.crediary-consult-customer-info strong {
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}

.crediary-consult-customer-info span,
.crediary-consult-info-group span,
.crediary-consult-status-panel > span {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 1.2;
}

.crediary-consult-customer-info span + span {
    margin-top: 7px;
}

.crediary-consult-info-group {
    display: flex;
    flex-direction: column;
    gap: 18px;
    justify-content: center;
}

.crediary-consult-info-group strong {
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

.crediary-consult-status-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.crediary-consult-segmented {
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 32px;
    margin: 8px 0 12px;
    overflow: hidden;
}

.crediary-consult-segmented span {
    align-items: center;
    background: #fff;
    color: #333;
    display: flex;
    font-size: 10px;
    justify-content: center;
}

.crediary-consult-segmented span.active {
    background: #077af1;
    color: #fff;
}

.crediary-consult-status-panel small {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 8px;
}

.crediary-consult-status-panel small i,
.crediary-consult-card-header em i {
    background: currentColor;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    width: 8px;
}

.crediary-consult-status-panel small.is-active {
    color: #1b9b45;
}

.crediary-consult-status-panel small.is-inactive {
    color: #dc3545;
}

.crediary-consult-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(360px, 0.66fr) minmax(520px, 1fr);
    margin-top: 16px;
}

.crediary-consult-card {
    min-height: 244px;
    padding: 22px 22px 20px;
}

.crediary-consult-card-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.crediary-consult-title-with-icon {
    align-items: center;
    display: flex;
    gap: 16px;
}

.crediary-consult-title-with-icon > span,
.crediary-consult-history-side span,
.crediary-consult-metric > span {
    align-items: center;
    background: #eaf4ff;
    border-radius: 7px;
    color: #077af1;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.crediary-consult-title-with-icon strong {
    color: #333;
    font-size: 17px;
    font-weight: 600;
}

.crediary-consult-card-header em {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-size: 10px;
    font-style: normal;
    gap: 9px;
    padding: 6px 10px;
}

.crediary-consult-card-header em.is-available {
    background: #e7f6ec;
    color: #1b9b45;
}

.crediary-consult-card-header em.is-unavailable {
    background: #fdecec;
    color: #dc3545;
}

.crediary-consult-limit-balance {
    margin: 32px 0 14px;
}

.crediary-consult-limit-balance span,
.crediary-consult-limit-values span,
.crediary-consult-card-footer span,
.crediary-consult-history-list dt,
.crediary-consult-history-side small,
.crediary-consult-metric small {
    color: #666;
    font-size: 12px;
    font-weight: 400;
}

.crediary-consult-limit-balance strong {
    color: #077af1;
    display: block;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 6px;
}

.crediary-consult-progress {
    background: #e8f3ff;
    border-radius: 999px;
    height: 6px;
    margin-bottom: 12px;
    overflow: hidden;
}

.crediary-consult-progress span {
    background: #077af1;
    border-radius: 999px;
    display: block;
    height: 100%;
}

.crediary-consult-limit-values {
    border-bottom: 1px solid #d8e2f0;
    display: grid;
    gap: 18px;
    grid-template-columns: 1fr 1fr;
    padding: 0 8px 20px 0;
}

.crediary-consult-limit-values strong {
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 5px;
}

.crediary-consult-card-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
}

.crediary-consult-card-footer a,
.crediary-consult-metric a {
    color: #077af1;
    font-size: 12px;
    font-weight: 700;
}

.crediary-consult-card-footer a i {
    margin-left: 9px;
}

.crediary-consult-history-card {
    display: grid;
    gap: 38px;
    grid-template-columns: minmax(0, 1fr) 236px;
}

.crediary-consult-history-main {
    border-right: 1px solid #d8e2f0;
    padding-right: 24px;
}

.crediary-consult-history-list {
    display: grid;
    gap: 24px 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 40px 0 0;
}

.crediary-consult-history-list dd {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    text-align: right;
}

.crediary-consult-history-list dt {
    font-weight: 400;
}

.crediary-consult-history-side {
    display: grid;
    gap: 10px;
}

.crediary-consult-history-side > div {
    align-items: center;
    background: #f7f9fb;
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    display: grid;
    gap: 0 18px;
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 62px;
    padding: 7px 16px;
}

.crediary-consult-history-side span {
    grid-row: span 2;
}

.crediary-consult-history-side strong {
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.crediary-consult-summary-card {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 16px;
    min-height: 126px;
    padding: 30px 24px;
}

.crediary-consult-metric {
    align-items: center;
    display: flex;
    gap: 22px;
}

.crediary-consult-metric > span {
    border-radius: 7px;
    flex: 0 0 62px;
    height: 62px;
    width: 62px;
}

.crediary-consult-metric > span.is-green {
    background: #e7f6ec;
    color: #1b9b45;
}

.crediary-consult-metric > span.is-orange {
    background: #fff0e8;
    color: #ff5a1f;
}

.crediary-consult-metric small,
.crediary-consult-metric strong {
    display: block;
}

.crediary-consult-metric small {
    font-size: 16px;
    margin-bottom: 8px;
}

.crediary-consult-metric strong {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.crediary-consult-financial-details {
    margin-top: 16px;
}

.crediary-consult-table-wrap.conditional-list-table-wrap {
    height: 240px;
    margin: 18px 0 0;
}

.crediary-consult-table-wrap .conditional-list-table th,
.crediary-consult-table-wrap .conditional-list-table td {
    text-align: center;
}

.crediary-consult-table-wrap .conditional-list-table th:nth-child(2),
.crediary-consult-table-wrap .conditional-list-table td:nth-child(2) {
    text-align: left;
}

.crediary-consult-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 22px 20px;
}

.crediary-consult-footer span {
    color: #666;
    font-size: 12px;
}

.crediary-consult-footer .btn {
    border-radius: 7px;
    font-size: 16px;
    height: 43px;
    min-width: 196px;
}

.crediary-financial-modal {
    z-index: 1065;
}

.crediary-financial-dialog {
    max-width: 1256px;
}

.crediary-financial-content {
    display: flex;
    flex-direction: column;
    min-height: 738px;
}

.crediary-financial-header {
    padding: 32px 24px 40px;
}

.crediary-financial-body {
    flex: 1 1 auto;
    padding: 0 24px;
}

.crediary-financial-filters {
    display: grid;
    gap: 34px;
    grid-template-columns: 378px 252px;
    margin-bottom: 24px;
}

.crediary-financial-field label {
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.crediary-financial-field .form-control {
    border: 1px solid #d8e2f0;
    border-radius: 5px;
    box-shadow: none;
    color: #333;
    font-size: 13px;
    height: 36px;
}

.crediary-financial-search {
    position: relative;
}

.crediary-financial-search .form-control {
    padding-right: 38px;
}

.crediary-financial-search i {
    color: #333;
    font-size: 14px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.crediary-financial-summary {
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 107px;
}

.crediary-financial-summary-item {
    align-items: center;
    display: flex;
    gap: 42px;
    padding: 18px 54px;
}

.crediary-financial-summary-item + .crediary-financial-summary-item {
    border-left: 1px solid #d8e2f0;
}

.crediary-financial-summary-item > span {
    align-items: center;
    border-radius: 7px;
    display: flex;
    flex: 0 0 42px;
    font-size: 19px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.crediary-financial-summary-item > span.is-paid {
    background: #e7f6ec;
    color: #1b9b45;
}

.crediary-financial-summary-item > span.is-open {
    background: #fff0e8;
    color: #ff8a00;
}

.crediary-financial-summary-item > span.is-overdue {
    background: #fdecee;
    color: #ff3b3b;
}

.crediary-financial-summary-item small,
.crediary-financial-summary-item strong,
.crediary-financial-summary-item em {
    display: block;
    font-style: normal;
}

.crediary-financial-summary-item small {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
}

.crediary-financial-summary-item > div small:first-child {
    color: #1b9b45;
}

.crediary-financial-summary-item:nth-child(2) > div small:first-child {
    color: #ff8a00;
}

.crediary-financial-summary-item:nth-child(3) > div small:first-child {
    color: #ff3b3b;
}

.crediary-financial-summary-item strong {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
}

.crediary-financial-summary-item em {
    color: #666;
    font-size: 16px;
    font-weight: 400;
}

.crediary-financial-table-wrap.conditional-list-table-wrap {
    height: 337px;
    margin: 24px 0 0;
}

.crediary-financial-table th,
.crediary-financial-table td {
    text-align: center;
}

.crediary-financial-table th:nth-child(3),
.crediary-financial-table td:nth-child(3) {
    text-align: center;
}

.crediary-financial-status {
    border: 1px solid;
    border-radius: 7px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 600;
    justify-content: center;
    line-height: 1;
    min-width: 69px;
    padding: 5px 11px;
}

.crediary-financial-status.is-paid {
    background: #e7f6ec;
    border-color: #1b9b45;
    color: #1b9b45;
}

.crediary-financial-status.is-open {
    background: #fff4e6;
    border-color: #ff8a00;
    color: #ff8a00;
}

.crediary-financial-status.is-overdue {
    background: #fdecee;
    border-color: #ff3b3b;
    color: #ff3b3b;
}

.crediary-financial-action {
    align-items: center;
    background: #f4f9ff;
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    color: #077af1;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    text-decoration: none;
    width: 30px;
}

.crediary-financial-action:hover,
.crediary-financial-action:focus {
    color: #077af1;
    text-decoration: none;
}

.crediary-financial-footer {
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px 20px;
}

.crediary-financial-footer .btn {
    border-radius: 7px;
    font-size: 16px;
    height: 46px;
    min-width: 208px;
}

@media (max-width: 1199px) {
    .crediary-consult-customer-card,
    .crediary-consult-grid,
    .crediary-consult-summary-card {
        grid-template-columns: 1fr;
    }

    .crediary-consult-customer-info,
    .crediary-consult-info-group,
    .crediary-consult-status-panel {
        border-left: 0;
        min-height: 0;
        padding-left: 0;
    }

    .crediary-consult-history-card {
        grid-template-columns: 1fr;
    }

    .crediary-consult-history-main {
        border-right: 0;
        padding-right: 0;
    }

    .crediary-financial-summary-item {
        gap: 18px;
        padding: 18px 24px;
    }
}

@media (max-width: 767.98px) {
    .crediary-consult-header,
    .crediary-consult-header-actions,
    .crediary-consult-card-footer,
    .crediary-consult-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .crediary-consult-header-actions {
        align-items: flex-start;
    }

    .crediary-consult-body {
        padding: 0 16px;
    }

    .crediary-consult-footer {
        padding-left: 16px;
        padding-right: 16px;
    }

    .crediary-consult-footer .btn {
        width: 100%;
    }

    .crediary-financial-header,
    .crediary-financial-summary,
    .crediary-financial-footer {
        flex-direction: column;
    }

    .crediary-financial-filters,
    .crediary-financial-summary {
        grid-template-columns: 1fr;
    }

    .crediary-financial-summary-item + .crediary-financial-summary-item {
        border-left: 0;
        border-top: 1px solid #d8e2f0;
    }

    .crediary-financial-footer .btn {
        width: 100%;
    }
}

#gridControlProductDetailsModal .product-edit-modal {
    max-width: 1024px;
    width: calc(100vw - 32px);
}

#gridControlProductDetailsModal .product-edit-form {
    width: 100%;
}

#gridControlProductDetailsModal .product-edit-modal__content {
    border: 0;
    border-radius: 10px;
    max-height: calc(100vh - 32px);
    overflow: hidden;
}

#gridControlProductDetailsModal .product-edit-modal__header {
    align-items: center;
    border: 0;
    display: flex;
    padding: 30px 30px 20px;
}

#gridControlProductDetailsModal .product-edit-modal__title {
    color: #333333;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

#gridControlProductDetailsModal .product-edit-modal__close {
    color: #077af1;
    font-size: 28px;
    line-height: 1;
    margin-left: auto;
    opacity: 1;
    padding: 0;
}

#gridControlProductDetailsModal .product-edit-modal__body {
    overflow-y: auto;
    padding: 0 30px;
    background: #FFFFFF;
}

#gridControlProductDetailsModal .product-edit-title-card {
    align-items: center;
    background-color: #f1f3f7;
    border-radius: 10px;
    display: flex;
    min-height: 73px;
    padding: 18px 22px;
    width: 100%;
}

#gridControlProductDetailsModal .product-edit-title-text {
    color: #333333;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#gridControlProductDetailsModal .product-edit-content-card {
    border: 1px solid #d8e2f0;
    border-radius: 10px;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(220px, 274px) minmax(0, 1fr);
    margin-top: 22px;
    min-height: 310px;
    padding: 31px 37px;
}

#gridControlProductDetailsModal .product-edit-image-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 274px;
    width: 100%;
}

#gridControlProductDetailsModal .product-edit-image-surface {
    align-items: center;
    background-color: #f3f8ff;
    border-radius: 8px;
    display: flex;
    height: 202px;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

#gridControlProductDetailsModal .product-edit-image {
    display: block;
    height: 100%;
    max-height: 202px;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

#gridControlProductDetailsModal .product-edit-fields-grid {
    display: grid;
    gap: 21px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#gridControlProductDetailsModal .product-edit-field {
    margin: 0;
    min-width: 0;
}

#gridControlProductDetailsModal .product-edit-label {
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 10px;
}

#gridControlProductDetailsModal .product-edit-input {
    border: 1px solid #d8e2f0;
    border-radius: 7px;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    height: 42px;
    line-height: 20px;
    padding: 10px 12px;
}

#gridControlProductDetailsModal .product-edit-input:focus {
    border-color: #077af1;
    box-shadow: 0 0 0 2px rgba(7, 122, 241, 0.12);
}

#gridControlProductDetailsModal .product-edit-input--readonly,
#gridControlProductDetailsModal .product-edit-input:disabled {
    background-color: #ffffff;
    color: #333333;
    opacity: 1;
}

#gridControlProductDetailsModal .product-edit-discount-group {
    display: flex;
    width: 100%;
}

#gridControlProductDetailsModal .product-edit-discount-group .input-group-addon {
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #d8e2f0;
    border-radius: 7px 0 0 7px;
    border-right: 0;
    color: #077af1;
    display: flex;
    font-size: 14px;
    height: 42px;
    justify-content: center;
    min-width: 44px;
}

#gridControlProductDetailsModal .product-edit-discount-group .product-edit-input {
    border-radius: 0 7px 7px 0;
}

#gridControlProductDetailsModal .product-edit-modal__footer {
    border: 0;
    display: flex;
    gap: 30px;
    padding: 22px 30px 30px;
}

#gridControlProductDetailsModal .product-edit-button {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 20px;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    padding: 0 24px;
}

#gridControlProductDetailsModal .product-edit-button--cancel {
    background-color: #ffffff;
    border: 1px solid #077af1;
    color: #077af1;
    flex: 0 0 300px;
}

#gridControlProductDetailsModal .product-edit-button--save {
    background-color: #077af1;
    border: 1px solid #077af1;
    color: #ffffff;
    flex: 1 1 auto;
}

#gridControlProductDetailsModal .product-edit-button--cancel:hover,
#gridControlProductDetailsModal .product-edit-button--cancel:focus {
    background-color: #f3f8ff;
    color: #077af1;
}

#gridControlProductDetailsModal .product-edit-button--save:hover,
#gridControlProductDetailsModal .product-edit-button--save:focus {
    background-color: #066ed9;
    border-color: #066ed9;
    color: #ffffff;
}

@media (max-width: 767.98px) {
    #gridControlProductDetailsModal .product-edit-modal {
        margin: 8px auto;
        width: calc(100vw - 16px);
    }

    #gridControlProductDetailsModal .product-edit-modal__header {
        padding: 22px 20px 16px;
    }

    #gridControlProductDetailsModal .product-edit-modal__title {
        font-size: 24px;
        line-height: 29px;
    }

    #gridControlProductDetailsModal .product-edit-modal__body {
        padding: 0 20px;
    }

    #gridControlProductDetailsModal .product-edit-title-card {
        min-height: 58px;
        padding: 14px 16px;
    }

    #gridControlProductDetailsModal .product-edit-title-text {
        font-size: 17px;
        line-height: 22px;
    }

    #gridControlProductDetailsModal .product-edit-content-card {
        gap: 22px;
        grid-template-columns: 1fr;
        padding: 20px;
    }

    #gridControlProductDetailsModal .product-edit-image-wrapper {
        max-width: 100%;
    }

    #gridControlProductDetailsModal .product-edit-image-surface {
        height: 190px;
    }

    #gridControlProductDetailsModal .product-edit-image {
        max-height: 190px;
    }

    #gridControlProductDetailsModal .product-edit-fields-grid {
        grid-template-columns: 1fr;
    }

    #gridControlProductDetailsModal .product-edit-modal__footer {
        flex-direction: column;
        gap: 12px;
        padding: 20px;
    }

    #gridControlProductDetailsModal .product-edit-button,
    #gridControlProductDetailsModal .product-edit-button--cancel,
    #gridControlProductDetailsModal .product-edit-button--save {
        flex: 0 0 auto;
        width: 100%;
    }
}

.posCashRegisterAdjustmentModal .cash-adjustment-modal-dialog {
    max-width: 1024px;
    width: calc(100vw - 32px);
}

.posCashRegisterAdjustmentModal .cash-adjustment-form {
    width: 100%;
}

.posCashRegisterAdjustmentModal .cash-adjustment-modal-content {
    background: #ffffff;
    border: 0;
    border-radius: 10px;
    max-height: calc(100vh - 32px);
    overflow-x: hidden;
    overflow-y: auto;
}

.posCashRegisterAdjustmentModal .cash-adjustment-modal-header {
    align-items: center;
    border: 0;
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 24px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-modal-title {
    color: #333333;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.posCashRegisterAdjustmentModal .cash-adjustment-modal-close {
    background: transparent;
    border: 0;
    color: #333333;
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
    opacity: 1;
    padding: 0;
}

.posCashRegisterAdjustmentModal .cash-adjustment-modal-close:hover,
.posCashRegisterAdjustmentModal .cash-adjustment-modal-close:focus {
    color: #077af1;
    outline: 0;
}

.posCashRegisterAdjustmentModal .cash-adjustment-modal-body {
    padding: 0 24px 24px;
    background-color: #FFFFFF !important;
}

.posCashRegisterAdjustmentModal .cash-adjustment-top-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 24px;
    max-width: 668px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-form-card {
    border: 1px solid #d8e2f0;
    border-radius: 10px;
    margin-bottom: 24px;
    padding: 34px 24px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-form-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.posCashRegisterAdjustmentModal .cash-adjustment-field {
    margin: 0;
    min-width: 0;
}

.posCashRegisterAdjustmentModal .cash-adjustment-field label,
.posCashRegisterAdjustmentModal .cash-adjustment-switch-label {
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 8px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-control {
    background-color: #ffffff;
    border: 1px solid #d8e2f0;
    border-radius: var(--default-radius);
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    height: 42px;
    line-height: 20px;
    padding: 10px 14px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-control:focus {
    border-color: #077af1;
    box-shadow: 0 0 0 2px rgba(7, 122, 241, 0.12);
}

.posCashRegisterAdjustmentModal .cash-adjustment-control.is-invalid,
.posCashRegisterAdjustmentModal .cash-adjustment-field select.is-invalid + .select2-container .select2-selection--single {
    border-color: #dc3545;
}

.posCashRegisterAdjustmentModal .cash-adjustment-control:disabled,
.posCashRegisterAdjustmentModal .cash-adjustment-control[readonly] {
    background-color: #ffffff;
    color: #333333;
    opacity: 1;
}

.posCashRegisterAdjustmentModal .cash-adjustment-control--strong {
    font-weight: 600;
}

.posCashRegisterAdjustmentModal .cash-adjustment-display-select {
    position: relative;
}

.posCashRegisterAdjustmentModal .cash-adjustment-display-select .cash-adjustment-control {
    padding-right: 40px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-display-select i {
    color: #333333;
    font-size: 12px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.posCashRegisterAdjustmentModal .cash-adjustment-money-group {
    display: flex;
    width: 100%;
}

.posCashRegisterAdjustmentModal .cash-adjustment-money-addon {
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #d8e2f0;
    border-radius: var(--default-radius) 0 0 var(--default-radius);
    border-right: 0;
    color: #333333;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 42px;
    justify-content: center;
    min-width: 44px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-money-group .cash-adjustment-control {
    border-radius: 0 var(--default-radius) var(--default-radius) 0;
}

.posCashRegisterAdjustmentModal .cash-adjustment-observation-group {
    grid-column: span 2;
    grid-row: span 2;
}

.posCashRegisterAdjustmentModal .cash-adjustment-textarea {
    height: 126px;
    resize: vertical;
}

.posCashRegisterAdjustmentModal .cash-adjustment-switch-label {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}

.posCashRegisterAdjustmentModal .cash-adjustment-switch {
    margin: 0;
    padding: 0;
}

.posCashRegisterAdjustmentModal .cash-adjustment-switch .custom-switch-indicator {
    background: #c0bfbf;
    border: 0;
    border-radius: 12px;
    height: 22px;
    min-width: 42px !important;
    width: 42px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-switch .custom-switch-indicator:before {
    background: #ffffff;
    border-radius: 99px;
    height: 16px;
    left: 3px;
    top: 3px;
    width: 16px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-switch .custom-switch-input:checked ~ .custom-switch-indicator {
    background: #077af1;
}

.posCashRegisterAdjustmentModal .cash-adjustment-switch .custom-switch-input:checked ~ .custom-switch-indicator:before {
    left: 23px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-switch .toggle-message {
    display: none;
}

.posCashRegisterAdjustmentModal .cash-adjustment-alert {
    align-items: center;
    background: #eaf2fd;
    border: 1px solid #077af1;
    border-radius: 10px;
    display: flex;
    gap: 36px;
    margin-bottom: 24px;
    padding: 17px 26px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-alert-content strong {
    color: #077af1;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-alert-content p {
    color: #666666;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
}

.posCashRegisterAdjustmentModal .cash-adjustment-modal-footer {
    border: 0;
    display: grid;
    gap: 24px;
    grid-template-columns: 300px minmax(0, 1fr);
    padding: 0 24px 24px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-cancel-button,
.posCashRegisterAdjustmentModal .cash-adjustment-confirm-button {
    align-items: center;
    border-radius: var(--default-radius);
    display: inline-flex;
    font-size: 20px;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    line-height: 24px;
    padding: 0 24px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-cancel-button {
    background: #ffffff;
    border: 1.5px solid #077af1;
    color: #077af1;
}

.posCashRegisterAdjustmentModal .cash-adjustment-confirm-button {
    background: #077af1;
    border: 1.5px solid #077af1;
    color: #ffffff;
}

.posCashRegisterAdjustmentModal .cash-adjustment-cancel-button:hover,
.posCashRegisterAdjustmentModal .cash-adjustment-cancel-button:focus {
    background: #f3f8ff;
    color: #077af1;
}

.posCashRegisterAdjustmentModal .cash-adjustment-confirm-button:hover,
.posCashRegisterAdjustmentModal .cash-adjustment-confirm-button:focus {
    background: #066ed9;
    border-color: #066ed9;
    color: #ffffff;
}

.posCashRegisterAdjustmentModal .cash-adjustment-field .select2-container {
    width: 100% !important;
}

.posCashRegisterAdjustmentModal .cash-adjustment-field .select2-container--default .select2-selection--single {
    border: 1px solid #d8e2f0;
    border-radius: var(--default-radius);
    height: 42px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333333;
    font-size: 14px;
    line-height: 40px;
    padding-left: 14px;
    padding-right: 40px;
}

.posCashRegisterAdjustmentModal .cash-adjustment-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 10px;
}

@media (max-width: 767.98px) {
    .posCashRegisterAdjustmentModal .cash-adjustment-modal-dialog {
        margin: 8px auto;
        width: calc(100vw - 16px);
    }

    .posCashRegisterAdjustmentModal .cash-adjustment-modal-header {
        padding: 22px 20px 18px;
    }

    .posCashRegisterAdjustmentModal .cash-adjustment-modal-title {
        font-size: 24px;
        line-height: 29px;
    }

    .posCashRegisterAdjustmentModal .cash-adjustment-modal-body {
        padding: 0 20px 20px;
    }

    .posCashRegisterAdjustmentModal .cash-adjustment-top-grid,
    .posCashRegisterAdjustmentModal .cash-adjustment-form-grid {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .posCashRegisterAdjustmentModal .cash-adjustment-observation-group {
        grid-column: auto;
        grid-row: auto;
    }

    .posCashRegisterAdjustmentModal .cash-adjustment-form-card {
        padding: 22px 20px;
    }

    .posCashRegisterAdjustmentModal .cash-adjustment-alert {
        align-items: flex-start;
        gap: 16px;
        padding: 16px;
    }

    .posCashRegisterAdjustmentModal .cash-adjustment-alert-content p {
        font-size: 15px;
        line-height: 20px;
    }

    .posCashRegisterAdjustmentModal .cash-adjustment-modal-footer {
        grid-template-columns: 1fr;
        padding: 0 20px 20px;
    }
}

:root {
    --i-card-unthemed-bg-color: #ebeef2;
    --highcharts-neutral-color-0: #ffffff;
    --highcharts-dashboards-blue: #077af1;
    --highcharts-dashboards-green: #20d17e;
    --highcharts-dashboards-orange: #feaa61;
    --highcharts-dashboards-green-transparent: #20d17e30;
}

div.pos-card,
div.card-unthemed,
div.card-default {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    margin-bottom: 1rem;
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #c3e1ff;
    background-clip: border-box;
    /* border: 1px solid rgba(0, 40, 100, 0.12); */
    min-height: 4.5rem;
}

div.card-default {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

div.pos-card.active,
div.pos-card:hover {
    background-color: #077af1;
    cursor: pointer;
}

div.off-card.active,
div.off-card:hover {
    background-color: #f5f5f5 !important;
}

div.pos-card[disabled] {
    background-color: #f5f5f5;
    cursor: not-allowed;
    border: 0;
}

div.pos-card[disabled] span,
div.pos-card[disabled]:hover {
    color: #cccccc !important;
    border: 0;
}

div.row-cards div.pos-card div>span.stamp-md {
    position: absolute;
    left: 1.5rem;
}

div.pos-card.active div>span.stamp-md svg path,
div.pos-card.active div>span.stamp-md svg rect,
div.pos-card.active div>a>svg circle,
div.pos-card.active div>div>h4>a>small,
div.pos-card:hover div>span.stamp-md svg path,
div.pos-card:hover div>span.stamp-md svg rect,
div.pos-card:hover div>a>svg circle,
div.pos-card:hover div>div>h4>a>small,
div.pos-card.first-active:hover div>div>h4>a>small,
div.pos-card.first-active:hover div>span.stamp-md svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

div.pos-card.first-active div>div>h4>a>small,
div.pos-card.first-active div>span.stamp-md svg path {
    color: #077af1 !important;
    fill: #077af1 !important;
}

div.pos-card-unthemed,
div.card-unthemed {
    background-color: var(--i-card-unthemed-bg-color);
}

div.pos-card-unthemed-hover:hover,
div.card-unthemed:hover,
div.card-unthemed.active,
div.pos-card-unthemed-hover.active {
    background-color: var(--i-card-unthemed-bg-color);
    /* border: 1px solid #077af1; */
    border-left: 4px solid #077af1;
}

div.pos-card-unthemed .card-body div a,
div.card-unthemed .card-body div a {
    display: flex;
    width: 100%;
    height: 100%;
    /* position: absolute; */
    top: 46px;
    left: 0;
    align-items: center;
}

div.pos-card-unthemed .card-body div div.icon-container,
div.card-unthemed .card-body div div.icon-container {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

div.pos-card div.status-top {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    border-radius: 4px 4px 0 0;
}

.border-light {
    border: 0.5px solid #cccccc;
}

.border-light-top {
    border-top: 1px solid #cccccc;
}

.border-light-right {
    border-right: 1px solid #cccccc;
}

div.card-bordered {
    border: 0.5px solid #cccccc;
    border-radius: 4px;
}

div.card-header {
    color: inherit;
    display: flex;
    align-items: center;
    background: 0 0;
    padding: 1rem 1.5rem;
}

div.pos-card div.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
    color: inherit;
}

div.pos-card div.card-body h3.card-title {
    display: block;
    margin: 0 0 1rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: center;
}

div.pos-card div.card-body button {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: 4px;
    padding: 0.5rem;
    margin-inline: 9%;
}

div.pos-card .bg-card-primary+.card-body .btn {
    background-color: #c3e1ff;
}

div.pos-card .bgpb-primary+.card-body .btn {
    background-color: #e8eca9;
}

div.pos-card .bgps-primary+.card-body .btn {
    background-color: #89cea0;
}

div.pos-card .bg-error+.card-body .btn {
    background-color: #e79b9b;
}

.stamp {
    color: #fff;
    display: flex;
    min-width: 2rem;
    padding: 0 0.25rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
}

.stamp-md {
    min-width: 2.5rem;
    line-height: 2.5rem;
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none;
}

.offcanvas.show,
.offcanvas.showing {
    transition: transform 0.3s ease-in-out, visibility 0s linear 0s !important;
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
    visibility: visible;
}

div#posOffcanvasEnd.show+.page-body .stick-bottom {
    z-index: -1;
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--tblr-offcanvas-width);
    height: var(--tblr-offcanvas-height);
    border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(100%);
    overflow-y: auto;
}

.offcanvas.offcanvas-end.offcanvas-xs {
    --tblr-offcanvas-width: 25%;
    width: var(--tblr-offcanvas-width);
}

.offcanvas.offcanvas-end.offcanvas-sm {
    --tblr-offcanvas-width: 60em;
    width: var(--tblr-offcanvas-width);
}

.offcanvas.offcanvas-end.offcanvas-md {
    --tblr-offcanvas-width: 50%;
    width: var(--tblr-offcanvas-width);
}

.offcanvas.offcanvas-end.offcanvas-lg {
    --tblr-offcanvas-width: 66%;
    width: var(--tblr-offcanvas-width);
}

.offcanvas.offcanvas-end.offcanvas-xl {
    --tblr-offcanvas-width: 75%;
    width: var(--tblr-offcanvas-width);
}

.offcanvas.offcanvas-end.offcanvas-xxl {
    --tblr-offcanvas-width: 100%;
    width: var(--tblr-offcanvas-width);
}

div#contactOffCanvasEnd,
div#productOffCanvasEnd,
div#personSaleOffCanvasEnd,
div#transporterOffCanvasEnd {
    --tblr-offcanvas-width: 70em;
    width: var(--tblr-offcanvas-width);
}

.offcanvas.offcanvas-end .offcanvas-header,
div#contactOffCanvasEnd .offcanvas-header,
div#personSaleOffCanvasEnd .offcanvas-header,
div#transporterOffCanvasEnd .offcanvas-header,
div#standardizedOffCanvasEnd .offcanvas-header {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 1000;
    border-bottom: 1px solid #ddd;
    width: -webkit-fill-available;
}

/* div.offcanvas-end .offcanvas-header a, */
div#contactOffCanvasEnd .offcanvas-header a,
div#personSaleOffCanvasEnd .offcanvas-header a,
div#transporterOffCanvasEnd .offcanvas-header a,
div#productOffCanvasEnd .offcanvas-header a {
    position: absolute;
    right: 4em;
}

div.offcanvas.offcanvas-end .offcanvas-content .offcanvas-header .offcanvas-title {
    display: flex;
    align-items: center;
}

div.offcanvas.offcanvas-end .offcanvas-content .offcanvas-header .offcanvas-title a {
    margin-right: 3em;
}

div.offcanvas-end div.offcanvas-body,
div#contactOffCanvasEnd .offcanvas-body,
div#personSaleOffCanvasEnd .offcanvas-body,
div#transporterOffCanvasEnd .offcanvas-body,
div#standardizedOffCanvasEnd .offcanvas-body {
    margin-top: 8rem;
    margin-bottom: 6rem;
    overflow-y: auto;
}

div.offcanvas-end form div.offcanvas-body div.modal-edit-image,
div.offcanvas-end form div.offcanvas-body div.edit-user-profile,
div#contactOffCanvasEnd .offcanvas-body div.edit-user-profile,
div#personSaleOffCanvasEnd .offcanvas-body div.edit-user-profile,
div#transporterOffCanvasEnd .offcanvas-body div.edit-user-profile,
form#quick_add_contact .modal-body .box-profile .edit-image,
div#productOffCanvasEnd .offcanvas-body div.edit__product-image {
    position: absolute;
    top: -10px;
    right: -10px;
}

.bootstrap-datetimepicker-widget {
    z-index: 9999 !important;
    position: absolute !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    position: absolute !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-top: 2px !important;
}

.bootstrap-datetimepicker-widget.bottom:before {
    top: -7px !important;
}

.bootstrap-datetimepicker-widget.bottom:after {
    top: -6px !important;
}

div.offcanvas-end .offcanvas-footer {
    position: fixed;
    bottom: 0;
    padding: 15px;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: end;
    width: -webkit-fill-available;
    background-color: var(--offcanvas-footer-bg-color);
}

#offcanvasFinallize {
    --tblr-offcanvas-width: 633px;
    width: var(--tblr-offcanvas-width);
}

body > .conditional-finalize-offcanvas-host #offcanvasFinallize {
    left: auto;
    right: 0;
    z-index: 1065;
}

.offcanvas-backdrop.conditional-finalize-backdrop {
    z-index: 1060;
}

#offcanvasConditionalList {
    --tblr-offcanvas-width: 90rem;
    width: var(--tblr-offcanvas-width);
}

#offcanvasEnd.operations-offcanvas {
    --tblr-offcanvas-width: 465px;
    background: #ffffff;
    border-left: 0;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.12);
    max-width: 100vw;
    width: var(--tblr-offcanvas-width);
}

.view-aside #offcanvasEnd.operations-offcanvas {
    z-index: var(--tblr-offcanvas-zindex);
}

#offcanvasEnd.operations-offcanvas .operations-offcanvas-header {
    align-items: flex-start;
    border: 0;
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 0;
    position: static;
}

#offcanvasEnd.operations-offcanvas .operations-offcanvas-heading {
    min-width: 0;
}

#offcanvasEnd.operations-offcanvas .operations-offcanvas-heading h2 {
    color: #333333;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0 0 10px;
}

#offcanvasEnd.operations-offcanvas .operations-offcanvas-heading span {
    color: #666666;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#offcanvasEnd.operations-offcanvas .operations-offcanvas-close {
    align-items: center;
    background: transparent;
    background-image: none;
    border: 0;
    color: #333333;
    display: inline-flex;
    font-size: 34px;
    font-weight: 300;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    margin: 10px 0 0;
    opacity: 1;
    padding: 0;
    width: 30px;
}

#offcanvasEnd.operations-offcanvas .operations-offcanvas-close:hover,
#offcanvasEnd.operations-offcanvas .operations-offcanvas-close:focus {
    color: #077af1;
    outline: 0;
}

#offcanvasEnd.operations-offcanvas .operations-offcanvas-body {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 40px 20px 30px;
    margin-top: 0px;
}

#offcanvasEnd.operations-offcanvas .operation-store-card,
#offcanvasEnd.operations-offcanvas .operation-list-item {
    align-items: center;
    color: #666666;
    cursor: pointer;
    display: flex;
    text-decoration: none;
    width: 100%;
}

#offcanvasEnd.operations-offcanvas .operation-store-card {
    border: 1px solid #d8e2f0;
    border-radius: 10px;
    height: 90px;
    padding: 0 25px 0 20px;
}

#offcanvasEnd.operations-offcanvas .operation-store-card:hover,
#offcanvasEnd.operations-offcanvas .operation-store-card:focus {
    background: #f7fbff;
    color: #333333;
    outline: 0;
    text-decoration: none;
}

#offcanvasEnd.operations-offcanvas .operation-icon {
    align-items: center;
    color: #666666;
    display: inline-flex;
    flex: 0 0 40px;
    font-size: 24px;
    height: 40px;
    justify-content: center;
    width: 40px;
}

#offcanvasEnd.operations-offcanvas .operation-icon--primary {
    color: #077af1;
}

#offcanvasEnd.operations-offcanvas .operation-list-item svg,
#offcanvasEnd.operations-offcanvas .operation-list-item svg path {
    transition: fill 0.15s ease, stroke 0.15s ease;
}

#offcanvasEnd.operations-offcanvas .operation-text {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    margin-left: 30px;
    min-width: 0;
}

#offcanvasEnd.operations-offcanvas .operation-text strong {
    color: #333333;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#offcanvasEnd.operations-offcanvas .operation-text span {
    color: #666666;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#offcanvasEnd.operations-offcanvas .operation-arrow {
    color: #666666;
    flex: 0 0 auto;
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
    margin-left: 16px;
}

#offcanvasEnd.operations-offcanvas .operation-section-title {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin: 40px 0 17px 10px;
}

#offcanvasEnd.operations-offcanvas .operation-section-title--secondary {
    margin-left: 0;
    margin-top: 40px;
}

#offcanvasEnd.operations-offcanvas .operation-list-item {
    border-bottom: 1px solid #d8e2f0;
    border-radius: 6px;
    height: 70px;
    padding: 0 30px;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

#offcanvasEnd.operations-offcanvas .operation-list-item:hover,
#offcanvasEnd.operations-offcanvas .operation-list-item:focus {
    background: #edf5ff;
    border-bottom-color: transparent;
    box-shadow: inset 7px 0 0 #077af1;
    color: #077af1;
    outline: 0;
    text-decoration: none;
}

#offcanvasEnd.operations-offcanvas .operation-list-item:hover .operation-icon,
#offcanvasEnd.operations-offcanvas .operation-list-item:focus .operation-icon,
#offcanvasEnd.operations-offcanvas .operation-list-item:hover .operation-arrow,
#offcanvasEnd.operations-offcanvas .operation-list-item:focus .operation-arrow,
#offcanvasEnd.operations-offcanvas .operation-list-item:hover > span:not(.operation-icon):not(.operation-arrow),
#offcanvasEnd.operations-offcanvas .operation-list-item:focus > span:not(.operation-icon):not(.operation-arrow) {
    color: #077af1;
}

#offcanvasEnd.operations-offcanvas .operation-list-item:hover svg,
#offcanvasEnd.operations-offcanvas .operation-list-item:focus svg,
#offcanvasEnd.operations-offcanvas .operation-list-item:hover svg path,
#offcanvasEnd.operations-offcanvas .operation-list-item:focus svg path {
    stroke: #077af1;
}

#offcanvasEnd.operations-offcanvas .operation-list-item + .operation-list-item {
    margin-top: 10px;
}

#offcanvasEnd.operations-offcanvas .operation-list-item > span:not(.operation-icon):not(.operation-arrow) {
    color: #666666;
    flex: 1 1 auto;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-left: 40px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    #offcanvasEnd.operations-offcanvas {
        --tblr-offcanvas-width: 100vw;
        width: var(--tblr-offcanvas-width);
    }

    #offcanvasEnd.operations-offcanvas .operations-offcanvas-header {
        padding: 24px 20px 0;
    }

    #offcanvasEnd.operations-offcanvas .operations-offcanvas-heading h2 {
        font-size: 26px;
        line-height: 31px;
    }

    #offcanvasEnd.operations-offcanvas .operations-offcanvas-heading span {
        font-size: 16px;
        max-width: calc(100vw - 100px);
    }

    #offcanvasEnd.operations-offcanvas .operations-offcanvas-body {
        padding: 32px 20px 24px;
    }

    #offcanvasEnd.operations-offcanvas .operation-store-card {
        padding: 0 20px;
    }

    #offcanvasEnd.operations-offcanvas .operation-text {
        margin-left: 20px;
    }

    #offcanvasEnd.operations-offcanvas .operation-list-item {
        padding: 0 20px;
    }

    #offcanvasEnd.operations-offcanvas .operation-list-item > span:not(.operation-icon):not(.operation-arrow) {
        margin-left: 24px;
    }
}

.posoffcanvas.offcanvas-end {
    top: 8rem;
    transform: translateX(100%);
    border-radius: 4px;
    right: 8px;
    left: 10px;
    z-index: 0;
    --tblr-offcanvas-transition: transform 0.15s;
}

.offcanvas-end.closed {
    transform: translateX(100%);
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--tblr-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--tblr-offcanvas-color);
    visibility: hidden;
    background-color: var(--tblr-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--tblr-offcanvas-box-shadow);
    transition: var(--tblr-offcanvas-transition);
}

.offcanvas-header {
    border-bottom: 1px solid rgba(4, 32, 69, 0.14);
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
    overflow-y: auto;
}

.offcanvas-backdrop.show {
    opacity: 0.24 !important;
}

.offcanvas-backdrop.fade {
    opacity: 0;
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #182433;
}

.offcanvas {
    --tblr-offcanvas-zindex: 1045;
    --tblr-offcanvas-width: 400px;
    --tblr-offcanvas-height: 100vh;
    --tblr-offcanvas-padding-x: 1.5rem;
    --tblr-offcanvas-padding-y: 1.5rem;
    --tblr-offcanvas-color: black;
    --tblr-offcanvas-bg: #ffffff;
    --tblr-offcanvas-border-width: 0.1px;
    --tblr-offcanvas-border-color: #dfdfdf;
    --tblr-offcanvas-box-shadow: 0 0.125rem 2.25rem rgba(0, 0, 0, 0.075);
    --tblr-offcanvas-transition: transform 0.5s ease-in-out, visibility 0s linear 0.5s;
    --tblr-offcanvas-title-line-height: 1.4285714286;
    --offcanvas-footer-bg-color: #ffffff;
}

.offcanvas#standardizedOffCanvasEnd {
    --tblr-offcanvas-zindex: 9999;
    --tblr-offcanvas-width: 1200px;
}

#online_indicator {
    font-size: 8px;
    vertical-align: middle;
}

.f-right {
    float: right;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-1r {
    margin-bottom: 1rem;
}

.discount-badge {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 18px;
    padding: 7px;
}

.discount-badge-small {
    position: absolute;
    top: -2px;
    left: 10px;
    font-size: 12px;
    padding: 6px;
}

.product-info-table td,
.product-info-table th {
    font-size: 12px;
}

.catalogue {
    max-height: 127px;
    margin: auto;
    margin-bottom: 18px;
}

.catalogue-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
    margin-bottom: 10px;
}

.select-grid-line {
    background-color: #1ecab8;
}

.bg-light-gray {
    background-color: #f8f8f8 !important;
}

.bg-partial {
    background-color: #23d068 !important;
}

.bg-due {
    background-color: #fa52e9 !important;
}

.bg-paid {
    background-color: #246b19 !important;
}

.p-5-5 {
    padding: 5px 5px !important;
}

.m-4 {
    margin: 4px;
}

.bb-3-b {
    border-bottom: 3px solid #618bf8;
}

.border-bottom-left-19 {
    border-bottom-left-radius: 19px;
}

.skin-black .main-header,
.skin-black-light .main-header {
    color: #525f7f !important;
}

.skin-black .main-header .navbar .nav .open>a {
    color: #999 !important;
}

.skin-black .main-header .navbar .nav>li>a:hover {
    color: #999 !important;
}

.skin-black .main-header .navbar>.sidebar-toggle:hover {
    color: #999 !important;
}

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

.table-pdf thead tr {
    background-color: #357ca5 !important;
    color: #fff;
}

.table-pdf thead tr th {
    color: #fff !important;
}

.blue-heading {
    background-color: #357ca5;
    color: #fff;
}

.table-pdf .odd {
    background-color: #dce6f1;
}

.p-1vmax {
    padding: 1vmax;
}

.p-4 {
    padding: 4px;
}

.p-10 {
    padding: 10px !important;
}

.pi-10 {
    padding-inline: 10px !important;
}

.jquery-top-scrollbar {
    height: 6px !important;
}

.jquery-top-scrollbar div {
    height: 6px !important;
}

.scroll-top-bottom {
    width: 100%;
    overflow: scroll;
}

.scroll-top-bottom::-webkit-scrollbar {
    height: 6px;
}

.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    right: 10px;
}

.scroll {
    position: absolute;
    right: 20px;
    bottom: 42px;
    background: #b2b2b2;
    background: rgba(178, 178, 178, 0.7);
    padding: 7px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    border-radius: 6px;
}

.scroll:hover {
    background: rgba(178, 178, 178, 1);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.scroll:hover .fas {
    padding-top: -10px;
}

.scroll .fas {
    font-size: 25px;
    margin-top: -5px;
    margin-left: 1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.f-left {
    float: left;
}

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

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

.bd-loading-modal-lg .modal-dialog {
    display: flex;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
    color: white;
    justify-content: center;
    align-content: center;
}

.bd-loading-modal-lg .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
}

.span-loader {
    display: table;
    position: absolute;
    left: 12rem;
    bottom: 2rem;
}

.btn-loader {
    position: absolute;
    left: 30px;
    font-size: 20px;
    bottom: auto;
}

.span-text-loading {
    display: flex;
    font-size: 14px;
    justify-content: center;
    font-weight: bold;
}

.table-pdf {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 8px 10px;
}

.td-border td,
.td-border th {
    border-bottom: 1px solid lightgrey;
    padding: 8px 5px;
}

.ws-nowrap {
    white-space: nowrap;
}

.btn-app>.fas,
.btn-app>.fab {
    font-size: 20px;
    display: block;
}

.dropdown-menu>li>a>.fas {
    margin-right: 6px;
}

.dropdown-menu>li>.form-group-sa>.item-i {
    display: block;
    clear: both;
    font-weight: 400;
    color: #212529 !important;
    white-space: nowrap;
    background-color: #077af1;
    border: 0;
    padding: 0.25rem 1rem;
}

.mt-5 {
    margin-top: 5px !important;
}

.mb-3r {
    margin-bottom: 3rem;
}

.pos-form-actions {
    height: auto;
    padding-top: 12px;
    padding-bottom: 20px;
    position: fixed;
    bottom: 0px;
    background-color: #d1d5dc;
    width: 100%;
    z-index: 1000;
}

.title-font {
    font-weight: 400 !important;
    font-size: 17px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

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

.p-1-5r {
    padding: 1.5rem !important;
}

.p-3r-no-pb {
    padding: 3rem 3rem 0rem 3rem !important;
}

.pr-12 {
    padding-right: 12px !important;
}

.main-header .sidebar-toggle:before {
    content: "" !important;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.pos-product-search-results,
.product-search-results {
    background: #ffffff;
    border: 1px solid #d8e6f5 !important;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15, 63, 117, 0.12);
    max-height: 420px;
    max-width: calc(100vw - 32px);
    min-width: 620px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    z-index: 3000 !important;
}

.conditional-product-search-results {
    z-index: 3000 !important;
}

.pos-product-search-results .ui-menu-item,
.product-search-results .ui-menu-item,
.product-search-results .select2-results__option {
    border: 0;
    margin: 0;
    padding: 0;
}

.pos-product-search-results .ui-menu-item.ui-state-disabled,
.product-search-results .ui-menu-item.ui-state-disabled,
.product-search-results .select2-results__option[aria-disabled="true"] {
    opacity: 1;
}

.pos-product-search-results .ui-menu-item.ui-state-disabled .product-search-result,
.product-search-results .ui-menu-item.ui-state-disabled .product-search-result,
.product-search-results .select2-results__option[aria-disabled="true"] .product-search-result {
    cursor: not-allowed;
}

.product-search-result {
    align-items: center;
    background: #ffffff;
    border: 0;
    border-left: 4px solid transparent;
    color: #333333;
    cursor: pointer;
    display: flex;
    gap: 22px;
    letter-spacing: 0;
    min-height: 128px;
    padding: 16px 22px;
}

.pos-product-search-results .product-search-result.ui-state-active,
.pos-product-search-results .ui-menu-item:hover > .product-search-result,
.pos-product-search-results .product-search-result.is-selected,
.product-search-results .product-search-result.ui-state-active,
.product-search-results .ui-menu-item:hover > .product-search-result,
.product-search-results .select2-results__option--highlighted[aria-selected] > .product-search-result,
.product-search-results .product-search-result.is-selected {
    background: #eef6ff;
    border: 0;
    border-left: 4px solid #077af1;
    color: #333333;
    margin: 0;
}

.product-search-results .select2-results__option--highlighted[aria-selected] {
    background: transparent;
    color: inherit;
}

.product-search-result__image {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cfdff2;
    border-radius: 10px;
    display: flex;
    flex: 0 0 98px;
    height: 98px;
    justify-content: center;
    overflow: hidden;
    width: 98px;
}

.product-search-result__image img {
    max-height: 82px;
    max-width: 82px;
    object-fit: contain;
}

.product-search-result__placeholder img {
    height: 56px;
    width: 56px;
}

.product-search-result__content {
    flex: 1;
    min-width: 0;
}

.product-search-result__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333333;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 14px;
    overflow: hidden;
}

.product-search-result__meta {
    display: grid;
    gap: 14px 22px;
    grid-template-columns: repeat(4, minmax(90px, 1fr));
}

.product-search-result__label {
    color: #6f7787;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
}

.product-search-result__value {
    color: #555555;
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-search-result__value--stock-positive {
    color: #00a650;
}

.product-search-result__value--stock-negative {
    color: #d9534f;
}

.product-search-result__value--price {
    color: #077af1;
}

.customer-search-results {
    border-color: #d8e2f0 !important;
    border-radius: 10px;
    box-shadow: none;
    min-width: 664px;
}

.customer-search-results .select2-results__option--highlighted[aria-selected] {
    background: transparent;
    color: inherit;
}

.customer-search-result {
    align-items: center;
    background: #ffffff;
    border-left: 4px solid transparent;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    display: flex;
    gap: 20px;
    height: 92px;
    letter-spacing: 0;
    padding: 10px 20px 10px 16px;
}

.customer-search-results .select2-results__option--highlighted[aria-selected] > .customer-search-result,
.customer-search-result.is-selected {
    background: #f3f8ff;
    border-left-color: #077af1;
}

.customer-search-result__image {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d8e2f0;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 70px;
    height: 70px;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
    width: 70px;
}

.customer-search-result__image img {
    height: 50px;
    max-height: 50px;
    max-width: 50px;
    object-fit: contain;
    width: 50px;
}

.customer-search-result__content {
    flex: 1;
    min-width: 0;
}

.customer-search-result__title {
    color: #333333;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-search-result__meta {
    display: grid;
    grid-template-columns: 123px 137px minmax(90px, 1fr);
}

.customer-search-result__label {
    color: #666666;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    margin-bottom: 10px;
}

.customer-search-result__value {
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .pos-product-search-results,
    .product-search-results {
        max-width: calc(100vw - 24px);
        min-width: calc(100vw - 24px);
    }

    .product-search-result {
        align-items: flex-start;
        gap: 14px;
        min-height: 104px;
        padding: 14px 16px;
    }

    .product-search-result__image {
        flex-basis: 74px;
        height: 74px;
        width: 74px;
    }

    .product-search-result__image img {
        max-height: 58px;
        max-width: 58px;
    }

    .product-search-result__placeholder img {
        height: 42px;
        width: 42px;
    }

    .product-search-result__title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .product-search-result__meta {
        gap: 10px 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-search-result__label {
        font-size: 11px;
        line-height: 14px;
        margin-bottom: 5px;
    }

    .product-search-result__value {
        font-size: 13px;
        line-height: 16px;
    }

    .customer-search-results {
        min-width: calc(100vw - 24px);
    }

    .customer-search-result {
        height: auto;
        min-height: 92px;
        padding: 10px 14px 10px 10px;
    }

    .customer-search-result__meta {
        gap: 8px 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .customer-search-result__title {
        font-size: 15px;
        line-height: 19px;
    }

    .customer-search-result__label {
        margin-bottom: 5px;
    }
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.title-primary {
    font-size: large !important;
    color: #777575;
}

.text-white {
    color: #fff;
}

.text-title-secondary {
    color: #1476d8;
}

.wizard>.steps>ul>li {
    width: 50% !important;
}

.wizard>.content {
    color: #000;
    background: #f8f8f8 !important;
}

legend {
    color: #fff;
    margin-bottom: 6px;
    border-bottom: none;
}

.left-col {
    background: linear-gradient(0deg,
            rgba(0, 0, 0, 0.76),
            rgba(51, 51, 51, 0.32)),
        url(../img/home-bg.jpg);
    text-align: center;
    background-size: cover;
    background-position: center;
}

.left-col-content {
    color: #1a7bf9;
    width: 100%;
}

.login-header {
    font-size: 27px;
    font-weight: 600;
}

.login-header a {
    color: #fff;
}

.login-form #email.form-control,
.login-form #password.form-control
{
    border-radius: 0 !important;
}

.login-form .buttonReturn{
    position:relative;
    z-index: 10;
}

.form-header {
    font-size: 18px;
    margin: 16px 0;
}

.btn-login {
    padding: 6px 52px !important;
}

.right-col {
    background-color: #243949;
    height: 100%;
    min-height: 100vh;
}

.right-col a,
.text-white a {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.right-col a:hover,
.text-white a:hover {
    color: #ccc;
}

.right-col-content {
    padding: 10% 16%;
    padding-bottom: 3%;
}

.right-col-content-register {
    padding: 2% 8%;
}

div.eq-height-row .right-col .box-login {
    border-color: #e6edff;
    padding-top: 25px;
    padding-bottom: 20px;
}

div.eq-height-row .left-col-content .ellipse-content:first-child {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

div.eq-height-row .left-col-content .ellipse-content:first-child div:nth-child(1) {
    position: relative;
    left: 33rem;
    top: -25px;
}

div.eq-height-row .left-col-content .ellipse-content:first-child div:nth-child(2) {
    position: relative;
    top: -81px;
}

div.eq-height-row .left-col-content .ellipse-content:last-child {
    position: absolute;
    bottom: -65px;
    left: 0;
}

div.eq-height-row .left-col-content div.form-group label[for="a-insta"] div.input-group {
    border: 0.5px solid white;
    top: 0.3em;
    border-radius: 14px;
    width: 35rem;
}

div.eq-height-row .right-col .password-reset-form {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

div.eq-height-row .right-col .password-reset-form .box {
    width: 100%;
    max-width: 515px;
    padding: 20px;
    height: 18rem;
    margin-top: 26%;
}

div.eq-height-row .left-col-content label[for="a-face"] div.input-group {
    border: 0.5px solid white;
    top: 0.3em;
    border-radius: 14px;
    width: 35rem;
}

div.eq-height-row .left-col-content label[for="a-face"] div.input-group a#a-face {
    position: absolute;
    left: 0px;
    right: 0;
    height: 100%;
    top: 0;
    gap: 6rem;
}

div.eq-height-row .left-col-content label[for="a-insta"] div.input-group {
    border: 0.5px solid white;
    top: -0.7em;
    border-radius: 14px;
    width: 35rem;
}

div.eq-height-row .left-col-content label[for="a-insta"] div.input-group a#a-insta {
    position: absolute;
    left: 0px;
    right: 0;
    height: 100%;
    top: 0;
    gap: 6rem;
}

div.eq-height-row .right-col div[data-role="btn_register"] {
    text-align: end;
    padding: 14px 0px;
    position: relative;
    z-index: 10;
}

div.eq-height-row .right-col div[data-role="btn_register"]>a[role="button"] {
    color: #5b74a9;
    background-color: #c8d2e2cc;
}

div.eq-height-row .right-col div>p.form-header {
    font-size: xx-large;
    margin: 6px 0;
    font-size: xx-large;
}

div.eq-height-row .right-col .login-form:nth-child(2) {
    padding: 21% 22%;
}

div.login-form .card .card-body .form-group.has-error .form-control {
    border-color: transparent;
}

div.eq-height-row .right-col .business-register-form {
    margin-top: -28%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    display: -ms-inline-grid;
    align-items: center;
}

*/ .input_inline {
    width: 100%;
    display: inline-flex;
}

.input_inline input,
.input_inline span {
    width: 50%;
}

.bg-manufacturing {
    background-color: #ff851b;
}

.img-thumbnail {
    position: relative;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    transition: border 0.2s ease-in-out;
    padding: 4px;
    margin: 3px;
    text-align: center;
}

.pos-header .is__picture {
    position: relative;
    width: 10rem;
    max-width: 100%;
    height: 70px;
    background-color: #fff;
    border-radius: 2px;
    transition: border 0.2s ease-in-out;
    padding: 4px;
    margin: 3px;
    text-align: center;
    border: 0 !important;
}

.img-thumbnail>.badge {
    position: absolute;
    top: -5px;
    right: -7px;
    font-size: 9px;
    font-weight: 400;
    cursor: pointer;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu {
    max-height: 350px;
}

.bg-aqua-lite {
    background-color: #7fffd4;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
    white-space: normal;
}

.spacer {
    margin-top: 20px;
}

#product_list_body {
    max-height: 485px;
    overflow-y: scroll;
    overflow-x: hidden;
    /* box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px 2px; */
}

.div-overlay {
    cursor: not-allowed;
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.d-inline-table {
    display: inline-table;
}

.label-round {
    font-size: 8px;
    border-radius: 44%;
}

.table>tbody+tbody {
    border-top: 0;
}

.table-pl-12 td,
.table-pl-12 th {
    padding-left: 12px !important;
}

table.table-responsive thead tr th {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
}

div:not('.dataTables_scroll') table.table-responsive thead tr th {
    background: #ebeef2 !important;
}

table tbody td.pl-20-td {
    padding-left: 20px !important;
}

table.table-border-center>tbody>tr>td:first-child,
table.table-border-center>thead>tr>th:first-child,
table.table-border-center>tfoot>tr>td:first-child {
    border-right: 1px solid darkgray;
}

table.table-border-center-col>tbody>tr>td:nth-child(2),
table.table-border-center-col>thead>tr>th:nth-child(2),
table.table-border-center-col>tfoot>tr>td:nth-child(2) {
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
}

table>tbody>tr.border-primary>td {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-row-paid {
    background-color: #deffde;
}

.bg-row-due {
    background-color: #fbeaea;
    color: #7b7676;
}

.mb-0 {
    margin-bottom: 0;
}

.nav-tabs>li>a {
    font-size: 18px;
    font-weight: 600;
}

.table-transparent,
.table-transparent th {
    background-color: transparent !important;
    color: #000 !important;
}

.td-full-width {
    white-space: nowrap;
}

.font-17 {
    font-size: 17px !important;
}

table.dataTable tbody>tr.selected {
    background-color: #b0bed9;
}

table.dataTable tbody tr.datatable-row-inactive > td,
table.dataTable tbody tr.datatable-row-inactive > th {
    background-color: #f2f1f1;
}

table.dataTable tbody tr.datatable-row-inactive svg,
table.dataTable tbody tr.datatable-row-inactive svg path {
    fill: #4d4d4d;
}

tr.footer-total>td {
    vertical-align: middle !important;
}

.error {
    color: red !important;
}

/*  pos tab */
div.pos-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 28px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

div.pos-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

div.pos-tab-menu div.list-group {
    margin-bottom: 0;
}

div.pos-tab-menu div.list-group>a {
    margin-bottom: 0;
}

div.pos-tab-menu div.list-group>a .glyphicon,
div.pos-tab-menu div.list-group>a .fa {
    color: #5a55a3;
}

div.pos-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}

div.pos-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}

div.pos-tab-menu div.list-group>a.active,
div.pos-tab-menu div.list-group>a.active .glyphicon,
div.pos-tab-menu div.list-group>a.active .fa {
    background-color: #3c8dbc;
    color: #ffffff;
    border-color: #3c8dbc;
}

div.pos-tab-menu div.list-group>a.active:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #3c8dbc;
}

div.pos-tab-content {
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 20px;
}

div.pos-tab div.pos-tab-content:not(.active) {
    display: none;
}

.add-product-price-table th {
    background-color: #5cb85c;
    color: white;
}

.blue-header th {
    background-color: #3c8dbc;
    color: white;
}

.table-th-green th {
    background-color: #5cb85c;
    color: white;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    /* -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; */
    opacity: 1;
}

.active-cell {
    border: 2px dotted #3c8dbc !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-none {
    cursor: none !important;
}

.cursor-text {
    cursor: text in !important;
}

.no-pointer-events {
    pointer-events: none;
}

.pos_product_div {
    min-height: 62vh;
    max-height: 57vh;
    overflow-y: auto;
}

@media screen and (min-width: 991px) and (max-width: 1700px) {
    .pos_product_div {
        min-height: 40vh;
        max-height: 49vh;
        overflow-y: auto;
    }
}

.bg-lightgray {
    background-color: #f0eded !important;
}

.balance_due_box>li {
    padding: 11px 5px 0px 5px;
}

.select-wrapper {
    position: relative;
    display: inline-block;
}

.select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 200px;
    padding-inline: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    cursor: pointer;
}

/*
.select-wrapper::after {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(7, 122, 241, 1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 22%;
    padding: 0.4375rem 2.25rem .4375rem .75rem;
    position: absolute;
    bottom: 0;
    right: 0;
} */

.select-wrapper:hover select {
    background-color: #f0f0f0;
}

.select-wrapper select option {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0 !important;
}

.select-wrapper select option::after {
    content: "";
    background-color: #02468c;
}

.select-wrapper select option:hover,
.select-wrapper select option:active,
.select-wrapper select option:target,
.select-wrapper select option:visited .select-wrapper select option[selected] {
    color: rgba(255, 255, 255, 1);
}

.option-div {
    padding: 15px;
    background-color: #d2d6de;
    color: #333;
    border: 1px solid #d2d6de;
    cursor: pointer;
}

.option-div input[type="radio"] {
    display: none;
}

.option-div-group .icon {
    color: #d33724;
    display: none;
}

.option-div-group .option-div:hover {
    border: 1px solid gray;
}

.option-div-group .active .icon {
    display: block;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-bottom-12 {
    margin-bottom: 12px;
}

.bg-info {
    background-color: #1b82ec !important;
}

.bg-info>a {
    color: #ffffff !important;
}

.bg-info>a:hover {
    background-color: #337ab7 !important;
}

ul.dt-button-collection {
    background-color: #00c0ef;
}

td.details-control {
    background: url("/img/details_open.png") no-repeat center center;
    cursor: pointer;
}

tr.details td.details-control {
    background: url("/img/details_close.png") no-repeat center center;
}

.icheckbox_square-blue,
.iradio_square-blue {
    margin-right: 10px;
}

.header-right-div {
    right: 10px;
    float: right;
    position: absolute;
    top: 15px;
}

.header-left-div {
    margin-top: 15px;
    display: inline-flex;
}

.m-8 {
    margin: 8px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-50 {
    margin-top: 50px;
}

.m-5 {
    margin: 5px;
}

.ml-1r {
    margin-left: 1rem;
}

.icon-link {
    text-align: center;
    display: block;
    margin-bottom: 18px;
}

.icon-link>a {
    display: grid;
}

.icon-link>.badge {
    position: absolute;
    top: 20px;
    right: 67px;
}

.link-des {
    display: inline-block;
    text-align: left;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border: none;
    height: auto;
    width: 100%;
    max-height: 120px;
}

.bg-light-green {
    background-color: #98d973 !important;
    color: #fff !important;
}

.hover-q {
    font-size: 16px;
    margin-left: 3px;
    cursor: help;
}

.input-group-addon .hover-q {
    margin-left: 0px;
}

.text-bold {
    font-weight: bold;
}

.tour .popover-content {
    padding: 18px 14px;
}

.table-slim>tbody>tr>td,
.table-slim>tbody>tr>th,
.table-slim>tfoot>tr>td,
.table-slim>tfoot>tr>th,
.table-slim>thead>tr>td,
.table-slim>thead>tr>th {
    padding: 1px;
}

/* Custom scroll bar start*/

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Custom scroll bar end*/

.product_cell {
    height: 100px;
    padding: 1%;
}

.product_cell_div {
    height: 100% !important;
    width: 100% !important;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    cursor: pointer;
    overflow: hidden;
}

/*CSS to print receipts*/
.print_section {
    display: none;
}

@media print {
    .print_section {
        display: inline !important;
    }

    .modal-xl {
        width: 100% !important;
    }

    ::-webkit-scrollbar {
        display: none !important;
    }

    #toast-container {
        display: none;
    }
}

.input-number .btn-default {
    background-color: #9acd3200;
    padding: 6px 9px;
}

.width-50 {
    width: 50% !important;
}

.width-40 {
    width: 40% !important;
}

.width-60 {
    width: 60% !important;
}

.width-100 {
    width: 100% !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-23 {
    font-size: 23px !important;
}

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

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

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

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-side-15 {
    /*padding-left: 15px !important;
    padding-right: 15px !important;*/
}

.custom-switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 14px !important;
    padding: 0px 5px;
}

.custom-switches-stacked .custom-switch {
    margin-bottom: 0.5rem;
}

.custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-switch-description {
    padding: 0px 10px;
}

.custom-switch-input:checked~.custom-switch-description {
    color: #495057;
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: #467fcf;
}

.custom-switch-input:checked~.custom-switch-indicator:before {
    left: calc(1rem + 1px);
}

.custom-switch-input:focus~.custom-switch-indicator {
    box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
    border-color: #467fcf;
}

.custom-switch-indicator {
    display: inline-block;
    height: 2rem;
    width: 3.25rem;
    background: #e9ecef;
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid rgba(0, 40, 100, 0.12);
    transition: 0.3s border-color, 0.3s background-color;
}

.custom-switch-indicator:before {
    content: "";
    position: absolute;
    height: calc(2rem - 4px);
    width: calc(2.25rem - 4px);
    top: 1px;
    left: 1px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s left;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.text-muted-imp {
    color: #a3a3a3 !important;
}

.table-no-top-cell-border td {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.table-no-top-cell-border th {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.table-no-side-cell-border td {
    border-left: 0px !important;
    border-right: 0px !important;
}

.table-no-side-cell-border th {
    border-left: 0px !important;
    border-right: 0px !important;
}

.color-555 {
    color: #555555 !important;
}

.color-white {
    color: white !important;
}

.col-no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.col-2px-padding {
    padding: 2px;
}

.pos-express-btn {
    font-size: 23px !important;
    overflow: hidden !important;
    height: 73px !important;
    white-space: normal;
}

.word-wrap {
    word-wrap: break-word !important;
}

.mh-100vh {
    max-height: 100vh !important;
}

.modal-xl {
    width: 90%;
    /* respsonsive width */
    margin-left: auto !important;
    margin-right: auto !important;
}

.modal-w50 {
    width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.modal-mc {
    width: max-content;
    margin-left: auto !important;
    margin-right: auto !important;
}

.modal-dialog-sell {
    width: 67%;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: none;
}

.modal-body .message-move-stock,
.modal-body .message-generate-financial,
.modal-body .message-destroy {
    color: #787676;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

div.modal-body-message-move-stock,
div.modal-footer-move-stock,
div.modal-body-gen-financial,
div.modal-footer-gen-financial,
div.modal-body-destroy,
div.modal-footer-destroy {
    background-color: #ffffff !important;
}

.br-tr4-tl4 {
    border-radius: 4px 4px 0 0;
}

.br-8 {
    border-radius: 8px !important;
}

.p-filter {
    position: relative;
    right: 3%;
    top: 14px;
}

.p-filter input {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}

#sell_budget {
    color: #ddea00;
}

#sell_order {
    color: #1b82ec;
}

#sell_invoiced_order {
    color: #ff0000;
}

.bl-budget {
    position: relative;
}

.bl-budget::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    bottom: 0;
    width: 3px;
    background-color: #ddea00 !important;
    height: 60px;
}

.bl-order {
    position: relative;
}

.bl-order::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    bottom: 0;
    width: 3px;
    border-left: 3px solid #1b82ec !important;
    height: 60px;
}

.bl-invoiced_order {
    position: relative;
}

.bl-invoiced_order::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    bottom: 0;
    width: 3px;
    background-color: #ff0000;
    height: 60px;
}

.bl-circle-open {
    position: relative;
}

.bl-circle-open::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 18px;
    bottom: 0px;
    width: 15px;
    border-radius: 114%;
    height: 15px;
    background: #077af1 !important;
}

.bl-circle-paid {
    position: relative;
}

.bl-circle-paid::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 18px;
    bottom: 0px;
    width: 15px;
    border-radius: 114%;
    height: 15px;
    background: #1b9b45 !important;
}

.bl-circle-due {
    position: relative;
}

.bl-circle-due::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 18px;
    bottom: 0px;
    width: 15px;
    border-radius: 114%;
    height: 15px;
    background: #dd4242 !important;
}

.bl-circle-due-today {
    position: relative;
}

.bl-circle-due-today::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 18px;
    bottom: 0px;
    width: 15px;
    border-radius: 114%;
    height: 15px;
    background: #fba422 !important;
}

.bl-standardized_active {
    position: relative;
}

.bl-statuses_active::before,
.bl-standardized_active::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    bottom: 0px;
    width: 3px;
    height: 60px;
    border-left: 3px solid #1b9b45 !important;
}

.bl-revenue-open-text {
    color: #077af1 !important;
}

.bl-revenue-paid-text {
    color: #1b9b45 !important;
}

.bl-revenue-due-text {
    color: #dd4242 !important;
}

.bl-revenue-due-today-text {
    color: #ea7000cc !important;
}

.bl-circle-paid-box {
    background-color: #c5ffd8;
    color: #1b9b45;
    padding: 0.7rem 2rem;
    border-radius: 1rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
}

.bl-circle-open-box {
    background-color: #D3E7FD;
    color: #077af1;
    padding: 0.7rem 2rem;
    border-radius: 1rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
}


.bl-circle-due-box {
    background-color: #f7bebe;
    color: #dd4242;
    padding: 0.7rem 2rem;
    border-radius: 1rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
}

.bl-circle-due-today-box {
    background-color: #ffe7c2;
    color: #ea7000cc;
    padding: 0.7rem 2rem;
    border-radius: 1rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
}


.bl-statuses_inactive,
.bl-standardized_inactive {
    position: relative;
}

.bl-statuses_inactive::before,
.bl-standardized_inactive::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 0;
    width: 3px;
    border-left: 3px solid #efe719 !important;
    height: 60px;
}

#sell_final_total {
    color: #449e36;
}

.bgpb-primary {
    background-color: #ddea00;
}

.bgps-primary {
    background-color: #1b9b45;
}

.bg-error {
    background-color: #e79b9b;
}

.revenue-due-today {
    color: #ea7000;
}

.revenue-open {
    color: #00069a;
}

.revenue-downloaded {
    color: #28a825;
}

.revenue-due {
    color: #f92626;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.revenue-all {
    color: #515151;
}

.statuses-active {
    color: #1b9b45;
}

.statuses-inactive {
    color: #efe719;
}

.statuses-all {
    color: #077af1;
}

.text-revenue-primary,
.text-status-primary,
.text-sell-primary {
    color: #7f7f7f;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.text-revenue-secondary,
.text-statuses-secondary,
.text-coust-center-secondary,
.text-standardized-secondary,
.text-header-secondary {
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}

.is-grid {
    position: relative;
    margin-top: 1%;
    background-color: #bfccf2;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 3rem;
}

.is-selected {
    position: absolute;
    left: 0;
    padding-inline: 2rem;
}

.btn-is-selected {
    background-color: #bfccf2;
    border-radius: 5px;
    border-color: #ffffff;
    position: relative;
    right: 2rem;
    height: 3vh;
    padding: 1rem;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin: 1rem;
    justify-content: space-between;
    color: gray;
    min-width: max-content;
}

.btn-is-selected:hover {
    background-color: #eee;
    color: black;
    border-color: white;
}

.table_sell_list th {
    max-width: 300px;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table_sell_list td {
    max-width: 300px;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.dataTables_length {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 2%;
    width: 74%;
    text-align: right;
    width: max-content;
}

.dataTables_length label {
    display: inline-flex;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    white-space: pre;
    align-items: center;
}

.date-s-show {
    position: absolute;
    width: max-content;
    right: 0;
    margin-inline: 2%;
    background-color: #c7def6;
    height: max-content;
    padding: 4px 3% 0px 3%;
}

.b-black-primary {
    color: #0b1355;
}

.b-dark-blue-primary {
    color: #02468c;
}

.btn-product-show {
    border-top: 1px solid #618bf8;
    display: flex;
    text-align: center;
    justify-content: space-between;
    padding: 9px 21px 3px 21px;
}

.product-show-modal .modal-header {
    border-bottom: 1px solid #e6e8ec;
    min-height: 58px;
    padding: 20px 22px 15px;
}

.product-show-modal .modal-title {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.product-show-modal .modal-body {
    flex: 1;
    padding: 32px 22px 28px;
}

.product-show-modal .modal-footer {
    padding: 10px 22px;
}

.product-show-modal .btn-close-product-show {
    border-radius: 8px;
    background: #077af1;
    border-color: #077af1;
}

.product-show-top {
    display: grid;
    grid-template-columns: 1.1fr 1.1fr 1.1fr 170px;
    column-gap: 56px;
    row-gap: 22px;
    align-items: start;
}

.product-show-info-group {
    display: grid;
    gap: 20px;
}

.product-show-label {
    font-weight: 700;
    color: #30323a;
}

.product-show-value {
    color: #71737a;
    font-weight: 400;
}

.product-show-image {
    width: 170px;
    height: 170px;
    border: 1px solid #dde1e6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

.product-show-image img {
    max-width: 96%;
    max-height: 96%;
    object-fit: contain;
}

.product-show-summary {
    background: #fff;
    border: 1px solid #e2e5ea;
    border-radius: 8px;
    margin-top: 48px;
    display: grid;
    grid-template-columns: minmax(300px, 40%) 19% 23% 18%;
    overflow: hidden;
    min-height: 94px;
}

.product-show-summary-item {
    min-height: 94px;
    padding: 20px 18px 18px;
    position: relative;
}

.product-show-summary-item:not(:first-child) {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
}

.product-show-summary-item + .product-show-summary-item:before {
    background: #e2e5ea;
    bottom: 18px;
    content: "";
    left: 0;
    position: absolute;
    top: 18px;
    width: 1px;
}

.product-show-summary-title {
    color: #6f6f6f;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 19px;
}

.product-show-summary-title-primary {
    color: #077af1;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 13px;
}

.product-show-summary-value {
    font-size: 15px;
    font-weight: 700;
    color: #30323a;
    line-height: 1.25;
}

.product-show-product-name {
    font-size: 20px;
    line-height: 1.25;
}

.product-show-stock-header {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 60px minmax(220px, 1fr) repeat(3, minmax(160px, 220px)) minmax(170px, auto);
    gap: 28px;
    align-items: center;
}

.product-show-stock-icon {
    width: 60px;
    height: 60px;
    border: 1px solid #dde1e6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #077af1;
    font-size: 26px;
}

.product-show-stock-title {
    font-weight: 700;
}

.product-show-stock-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    color: #30323a;
    font-size: 13px;
    white-space: nowrap;
}

.product-show-stock-toggle .custom-switch {
    padding: 0;
}

.product-show-stock-toggle .custom-switch-indicator {
    width: 30px;
    min-width: 30px !important;
    height: 17px;
}

.product-show-stock-toggle .custom-switch-indicator:before {
    width: 13px;
    height: 13px;
    top: 1px;
    left: 1px;
}

.product-show-stock-toggle .custom-switch-input:checked~.custom-switch-indicator:before {
    left: 14px;
}

.product-show-table-wrap {
    border: 1px solid #dde1e6;
    border-radius: 8px;
    margin-top: 50px;
    overflow: hidden;
}

.product-show-table {
    margin-bottom: 0;
    color: #4a4d55;
}

.product-show-table thead th {
    background: #e9edf2;
    border: 0;
    color: #4a4d55;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 14px;
    text-align: center;
    white-space: nowrap;
}

.product-show-table tbody td {
    border-top: 1px solid #dde1e6;
    font-size: 12px;
    padding: 12px 14px;
    text-align: center;
    vertical-align: middle;
}

.product-show-table tbody tr:nth-child(odd) {
    background: #f8fbff;
}

.product-detail-table-wrap.product-show-table-wrap {
    margin-top: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.product-detail-table-wrap .product-show-table .form-control {
    font-size: 12px;
    height: 28px;
    padding: 4px 6px;
}

.product-stock-status {
    font-weight: 500;
}

.product-stock-status.available {
    color: #2fb768;
}

.product-stock-status.low {
    color: #f5c542;
}

.product-stock-status.empty {
    color: #ff4f69;
}

.product-show-extra-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 28px;
}

.product-show-extra-card {
    border: 1px solid #dde1e6;
    border-radius: 8px;
    padding: 16px 18px;
}

.product-show-extra-title {
    color: #077af1;
    font-weight: 700;
    margin-bottom: 12px;
}

.product-show-badge {
    border-radius: 20px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
}

.product-show-badge.active {
    background: #eaf8f0;
    color: #2fb768;
}

.product-show-badge.inactive {
    background: #fff0f2;
    color: #ff4f69;
}

.product-show-loading-body {
    min-height: 220px;
}

.payment-info {
    border-bottom: 1px solid #618bf7;
    padding: 1.5rem 0 1rem 3rem;
    bottom: 0vmax;
}

div.recepit_line .receipt-th {
    background-color: #5088df;
    display: flex;
    justify-content: space-between;
    color: white;
    align-items: center;
    padding: 0rem 20px 0px 20px;
    height: 5rem;
    font-weight: 600;
    border-radius: 3px;
}

.receipt-info div {
    background-color: white;
    width: 4rem;
    height: 3rem;
    border-radius: 4px;
    text-align: center;
    position: relative;
    right: 13%;
}

.receipt-info div img {
    position: relative;
    top: 3px;
}

table.receipt_line_table tr th {
    font-weight: 400;
    font-size: 14px;
}

/** open sell show**/
div.form-group-sb div.select-menu {
    cursor: pointer;
    position: relative;
    width: 46%;
}

div.select-menu div.select {
    background-color: #1b9b45;
    padding: 15px;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.5rem;
}

div.select-menu div.select-print {
    background-color: #077af1;
    padding: 15px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.5rem;
}

div.select-menu div.icon-container,
div.select-menu div.icon-container-print {
    border-left: 1px solid white;
    padding-left: 14px;
    margin-right: 2px;
    height: 35px;
}

div.select-menu div.options-list {
    position: absolute;
    width: 100%;
    background-color: #cae4cc;
    margin-top: 3px;
    max-height: 180px;
    overflow-y: auto;
    transition: 0.4s linear 0.2s;
    height: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

div.select-menu div.options-list-print {
    position: absolute;
    width: 100%;
    background-color: #d7e5ff;
    margin-top: 3px;
    max-height: 180px;
    overflow-y: auto;
    transition: 0.4s linear 0.2s;
    height: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

div.select-menu div.options-list div.option,
div.select-menu div.options-list-print div.option-print {
    padding: 8px;
    font-weight: 500;
    font-size: 14px;
    transition: 0.3s ease-in-out;
}

div.select-menu div.options-list div.option:hover,
div.select-menu div.options-list div.option.selected {
    color: #2b8348;
}

div.select-menu div.options-list.active {
    height: 90px;
}

div.select-menu div.options-list-print.active {
    height: 130px;
}

div.select-menu div.options-list-print div.option-print:hover,
div.select-menu div.options-list-print div.option-print.selected {
    color: #077af1;
}

div.select-menu div.select img.white-icon,
div.select-menu div.select-print img.white-icon {
    filter: invert(100%) brightness(200%);
}

div.select-menu div.select div.icon-container i,
div.select-menu div.select-print div.icon-container-print i {
    padding: 9px 0px 0px 0px;
}

div.select-menu div.options-list div.option span,
div.select-menu div.options-list-print div.option-print span {
    width: 11vmax;
    text-align: initial;
}

table.ajax_view tbody tr {
    cursor: pointer;
}

/** close sell show**/

.bg-white {
    background-color: #fffFFF !important;
}

.bg-revenue-due {
    background-color: #ffad46;
    color: #fff;
}

.bg-revenue-paid {
    background-color: #038300;
    color: #fff;
}

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

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

.box-body-left-padding {
    padding-left: 18px !important;
}

.w-18rem {
    width: 18rem !important;
}

.ml-15px {
    margin-left: 15px !important;
}

.pr-20px {
    padding-right: 20px !important;
}

.offcanvas-end[aria-labelledby="offRevenueEndLabel"] .form-group-column {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
}

[aria-labelledby="offRevenueEndLabel"] label[for="due_day"],
[aria-labelledby="offRevenueEndLabel"] label[for="interval_days"] {
    display: inline-flex !important;
    white-space: nowrap !important;
}

[aria-labelledby="offRevenueEndLabel"] .plots-qty-group {
    margin-left: 20rem;
    padding-bottom: 2px;
}

.ml-3rem {
    margin-left: 3rem !important;
}

.ml-2rem {
    margin-left: 2rem !important;
}

#days_to_first_installment,
#interval_between_installments {
    width: 150px !important;
    height: 35px !important;
}

.card-body-left {
    padding-left: 16px !important;
}

[aria-labelledby="offRevenueEndLabel"] .table-box-scroll {
    max-height: 25rem;
    min-height: 25rem;
    overflow-y: auto;
    border: 0.5px solid #dbdbdb;
    border-radius: 5px;
}

.offcanvas-end[aria-labelledby="offRevenueEndLabel"] .payment-table {
    width: 100%;
    border-collapse: collapse;
}

.offcanvas-end[aria-labelledby="offRevenueEndLabel"] th.clickable_checkbox_th,
.offcanvas-end[aria-labelledby="offRevenueEndLabel"] th.no-padding {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: #ebeef2 !important;
}

.offcanvas-end[aria-labelledby="offRevenueEndLabel"] .th-inner {
    padding: 9.8px;
    background: #ebeef2;
    color: #000000b2;
}

.th-inner {
    padding: 9.8px;
    background: #ebeef2;
    color: #000000b2;
}

.offcanvas-end[aria-labelledby="offRevenueEndLabel"] .input-icheck {
    position: absolute;
    opacity: 0;
}

[aria-labelledby="offRevenueEndLabel"] .attachment-line-box {
    border-radius: 5px;
    min-height: 38px;
    padding: 4px 8px;
}

.attachment-line-box {
    border-radius: 5px;
    min-height: 38px;
    padding: 4px 8px;
}

.file-name-padding {
    padding-left: 1rem !important;
}

.btn-file-choose {
    background: none !important;
    border: 0.5px solid #1572e8 !important;
    box-shadow: none !important;
    padding: 4px 12px !important;
    margin-left: 1.5rem !important;
    color: #1572e8;
}

.mt-neg-2px {
    margin-top: -2px !important;
}

.mb-neg-10px {
    margin-bottom: -10px;
}

.btn-cancel {
    margin-right: 15px !important;
}

.btn-save {
    width: 11rem !important;
}

.box-attachment {
    border: 0.5px solid #dbdbdb !important;
    border-radius: 5px !important;
    padding-left: 42px !important;
}

/* === FIM OFFCANVAS CREATE REVENUE === */

/* === INICIO DO INDEX REVENUE === */

.breadcrumb-pos {
    font-size: 15px !important;
    position: absolute !important;
    top: 10px !important;
    left: 2px !important;
}

.right-spacing {
    position: absolute;
    right: 2em;
}

.row-flex-space {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mt-2p5-mr-5 {
    margin-top: 2.5rem;
    margin-right: 5rem;
    flex: 0 0 auto;
}

.mt-2p5 {
    margin-top: 2.5rem;
}

.flex-shrink-0{
    flex-shrink: 0;
}
.mt-08r {
    margin-top: 0.8rem;
}

.bg-light-gray {
    background-color: #e9ecf1;
    margin-bottom: 17px;
}

.ml-3em {
    margin-left: 3em;
}

.btn-wide-blue {
    background-color: #1b82ec;
    color: white;
    width: 20rem;
}

.card-container {
    border: 1px solid #e6edff;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
}

.card-grid-col-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
}

.card-col {
    position: relative;
    border-right: 1px solid #e6edff;
}

.card-all-right {
    position: relative;
}

.card-top-right {
    margin-left: auto;
    top: 10px;
    right: 10px;
}

.card-shadow {
    box-shadow: rgba(38, 57, 77, 0.658) 0px 10px 30px -13px;
    margin-left: auto;
    padding: 6px;
    background: white;
    border-radius: 5px;
}

.h1-muted {
    color: rgba(0, 0, 0, 0.614);
    font-size: 1.5em;
}

.mlr-1rem {
    margin-left: auto;
    margin-right: 1rem;
}

.card-subheader-open {
    padding-bottom: 5px;
    flex: 0 0 80%;
    font-size: 16px;
    color: #077af1;
}

.card-subheader-paid {
    padding-bottom: 5px;
    flex: 0 0 80%;
    font-size: 16px;
    color: #1b9b45;
}

.card-subheader-due-day {
    padding-bottom: 5px;
    flex: 0 0 80%;
    font-size: 16px;
    color: #ea7000cc;
}

.card-subheader-inactive {
    padding-bottom: 5px;
    flex: 0 0 80%;
    font-size: 16px;
    color: #ea7000cc;
}

.card-subheader-due {
    padding-bottom: 5px;
    flex: 0 0 80%;
    font-size: 16px;
    color: #f32020;
}

.card-subheader-all {
    padding-bottom: 5px !important;
    flex: 0 0 80% !important;
    font-size: 16px !important;
}

.selection-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #bfccf299;
    padding: 0.5rem 1.5rem 0.5rem 2.5rem;
}

.selected-count {
    flex: 0 0 600px;
    margin-bottom: 0.5rem;
}

/* === INICIO DO INDEX PURCHASE === */

.page-wrapper>.content.no-print>.box.box-primary>.box-header.no-padding-bottom>.row.mt-10 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-wrapper>.content.no-print>.box.box-primary>.box-header.no-padding-bottom .col-md-5.col-sm-6.no-padding-left {
    margin-top: 2.5rem;
    flex: 0 0 auto;
}

.page-wrapper>.content.no-print>.box.box-primary>.box-header.no-padding-bottom .select-wrapper {
    margin-top: 2.5rem;
    flex: 0 0 auto;
    width: 20rem;
}

.page-wrapper>.content.no-print>.box.box-primary>.box-header.no-padding-bottom #import_xml_button,
.page-wrapper>.content.no-print>.box.box-primary>.box-header.no-padding-bottom a.btn.btn-primary {
    margin-left: 4rem;
    margin-top: 2.5rem;
    width: 20rem;
}


.page-wrapper>.content.no-print>.box.box-primary>.box-body.no-padding .selection-bar {
    border-radius: 10px 10px 0px 0px;
}

.page-wrapper>.content.no-print>.box.box-primary>.box-body.no-padding .selection-bar .tag-box {
    display: none;
    margin-left: 2rem;
    align-items: center;
    gap: 8px;
}

/* === FIM DO INDEX PURCHASE === */

.flex-end-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

.btn-gray-outline {
    border-radius: 2px;
    color: #787676;
    border: 1px solid #78767641;
    padding: 2px 0px 2px 9px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.svg-spacing {
    margin: 8px 8px 8px 8px !important;
}

/* === FIM DO INDEX REVENUE === */

/* === INICIO TABELA REVENUE === */

.th-rounded-left {
    border-bottom-left-radius: 6px;
}

.pl-21px {
    padding-left: 21px !important;
}

.th-border-right {
    border-right: 1px solid #cccccc;
}

.th-border-half {
    border-right: 0.5px solid #cccccc;
}

/* === FIM TABELA REVENUE === */

.box-table-group-parcels {
    padding: 0px 20px 20px 20px !important;
}

.account-table-padding {
    padding: 0px 17px 10px 16px;
}

.product-thumbnail-small {
    height: 50px;
    width: 50px;
}

.product-thumbnail-small:hover {
    border: 1px solid #6d6d6d !important;
    background-color: #e7e7e7;
}

table.table-text-center td,
table.table-text-center th {
    vertical-align: middle !important;
}

.product_list {
    padding-left: 8px;
    padding-right: 8px;
}

.product_box {
    width: 100%;
    /*padding-top: 5px;
  padding-bottom: 2px;*/
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    /*border: 1px solid darkgray;*/
    font-weight: 600;
    background-color: #fff;
    border-radius: 2px;
    padding-top: 3px;
}

.product_box .image-container {
    /*width: 95%;*/
    height: 55px;
    margin: auto;
    /*padding-top: 5px;*/
}

.product_box .image-container img {
    height: 45px;
    /*width: 45px*/
}

.eq-height-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.eq-height-col {
    display: flex;
}

.product_box .text_div {
    background: #d9e7f9 !important;
    width: 103%;
    margin-inline: -4px;
    outline: none;
}

.product_box .text,
p[aria-control="ellipsis"] {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-height: 14px;
    /* fallback */
    max-height: 14px;
    /* fallback */
}

div.tag-box ul {
    flex-wrap: wrap;
    display: flex;
    border: 1px solid #d2d6de;
    padding: 0px;
    border-radius: var(--default-radius);
    align-items: center;
    margin-bottom: 8px;
    padding-left: 1rem;
}

div.tag-box li {
    list-style: none;
    background: #b8d0ff;
    padding: 5px 10px 2px 10px;
    border-radius: 5px;
    margin: 0.5rem 0.5rem;
    border: 1px solid #e3d1e1;
    height: 3rem;
    display: flex;
    align-items: center;
}

div.tag-box ul input {
    flex: 1;
    outline: none;
    border: none;
    padding: 5px;
    font-size: 15px;
    background: transparent;
}

div.tag-box ul li i {
    margin-left: 18px;
    cursor: pointer;
}

div.tag-box ul .clear-variants,
div.tag-box ul .clear-tags {
    flex: 1;
    position: relative;
    cursor: pointer;
    max-width: max-content;
    right: 3rem;
    display: flex;
}

.g-2 {
    --tblr-gutter-y: 0.5rem;
}

.form-imagecheck {
    position: relative;
    margin: 0;
    cursor: pointer;
}

.form-imagecheck-input {
    position: absolute;
    z-index: 1;
    opacity: 1;
    width: 15%;
    height: 9%;
    cursor: pointer;
}

.form-imagecheck-figure {
    position: relative;
    display: block;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1.6px solid #077af1;
    border-radius: 10px;
    max-width: max-content;
}

.form-imagecheck-image,
.variant__picture,
.image-grid .variant_pictures .variant_picture,
.product-image-grid .variant__picture-imagecheck .variant_picture,
.product-image-grid .product__pictures .product_picture {
    transition: none;
    max-width: 100%;
    display: block;
    opacity: 0.64;
    transition: opacity 0.3s;
    border: 1px solid #cccccc;
    padding: 1rem;
    border-radius: 3px;
}

.form-imagecheck-input:checked~.variant_picture,
.form-imagecheck-input:checked~.product_picture,
.form-imagecheck-input:focus~.variant_picture,
.form-imagecheck:hover .form-imagecheck-image,
.image-grid .variant_pictures .variant_picture:hover,
.product-image-grid .variant__picture-imagecheck .variant_picture:hover,
.product-image-grid .product__pictures .product_picture:hover,
label.form__image_variant:hover,
label.form__product_image:hover {
    opacity: 1;
}

.variant_pictures:hover+#btn-destroy__variant_picture {
    display: block;
}

.form-imagecheck-image:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.form-imagecheck-image:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

label[for="variant__img_input"],
label[for="product__img_input"] {
    cursor: pointer;
    color: #ffffff;
    font-weight: 500;
    background: #077af1;
}

#variant__img_input,
#product__img_input {
    display: none;
}

.image-grid {
    --gap: 15px;
    --num-cols: 2;
    --row-height: 165px;
    --row-width: 340px;
}

.product-image-grid {
    --gap: 14px;
    --num-cols: 3;
    --row-height: 120px;
    --row-width: 380px;
}

.variant_pictures,
.product__pictures,
.product__picture {
    padding: var(--gap);
    display: grid;
    grid-template-columns: repeat(var(--num-cols), 1fr);
    box-sizing: border-box;
    grid-auto-rows: minmax(var(--row-height, 20px), auto);
    gap: var(--gap);
    width: var(--row-width);
    max-height: 370px;
    overflow: auto;
    border-radius: 10px;
}

.product__pictures,
.product-image-grid .variant__picture-imagecheck {
    max-height: 283px !important;
}

.image-grid .variant_pictures>label>img,
.product-image-grid .variant__picture-imagecheck>label>img,
.product-image-grid .product__pictures>label>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.form-imagecheck {
    position: relative;
    display: block;
}

.form-imagecheck .imagecheck-actions {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
    justify-content: flex-end;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 2;
}

.form-imagecheck .imagecheck-actions .icheckbox_square-blue {
    background-color: #ffffff;
}

.form-imagecheck .imagecheck-delete {
    align-items: center;
    background: #dc3545;
    border: 1px solid #dc3545;
    border-radius: 3px;
    color: #ffffff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 2rem;
    justify-content: center;
    padding: 0;
    width: 2rem;
}

.image-grid-col-2 {
    grid-column: span 2;
}

.image-grid-col-3 {
    grid-column: span 3;
}

.image-grid-row-2 {
    grid-row: span 2;
}

.image-grid-row-3 {
    grid-row: span 3;
}

#btn-destroy__variant_picture,
#btn-destroy__product-image {
    opacity: 0.7;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: none;
}

.small-box.bg-gray:hover {
    color: #000;
    text-decoration: none;
}

#calendar table tbody td {
    cursor: pointer;
}

.min-height-90hv {
    min-height: 90vh !important;
}

/* Grow Shadow */
.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.text-link {
    cursor: pointer;
}

input.product_name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

.text-link:hover {
    text-decoration: underline;
}

.v-center {
    vertical-align: middle !important;
}

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

.a-end {
    display: flex;
    align-items: end;
}

.bg-woocommerce {
    background-color: #9e458b !important;
}

/*.box, .info-box, .nav-tabs-custom, .external-event{
  box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2) !important;
}*/

.user_avatar {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin: 1px;
}

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

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

.timeline-lode-more-btn {
    margin-left: 50px;
    margin-top: 25px;
    padding-right: 12px;
    padding-left: 12px;
}

.pa-0 {
    padding: 0px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-56 {
    margin-top: 56px !important;
}

.m-2 {
    margin: 2px !important;
}

.treeview-menu i {
    display: none !important;
}

.treeview-menu a {
    padding-left: 25px !important;
    font-size: 95% !important;
}

.treeview-menu a::before {
    content: "\2192 ";
}

.mr-8 {
    margin-right: 8px !important;
}

.bg-light-green {
    background-color: #1ecab8 !important;
}

.product_box .image-container {
    height: 85px;
}

.pb-1 {
    padding-bottom: 20px !important;
    margin-bottom: 30px;
}

#product_list_body {
    max-height: 655px;
    height: 15vmax;
}

.pos-form-actions {
    padding-top: 7px;
    padding-bottom: 6px;
}

#valor-total-footer {
    display: flex;
    justify-content: space-between;
    height: 2vmax;
    padding: 0px 0px;
    width: auto;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: -5px;
    margin-inline: -6px;
    background-color: #077af1 !important;
    /* Can be changed in the live sample */
}

.b-valor-total-footer {
    font-size: 20px;
    color: white;
}

#valor-total-footer>div {
    width: max-content;
    height: auto;
    text-align: center;
    margin: 1vmax;
}

.valor-total-footer-right {
    text-align: end;
}

.text-right-span {
    font-size: 20px;
    color: white;
}

.right-col {
    /*background-image: linear-gradient(to right bottom, #0a53b0, #007ccf, #00a1db, #00c4da, #26e5d1);*/
}

.left-col {
    background: url(../images/26-265560_flat-wallpaper-new-year-2018-inspiring-messages.jpg);
    text-align: center;
    background-size: cover;
    background-position: center;
}

.left-col-content {
    color: #1a7bf9;
    width: 100%;
}

.nav-tabs>li>a {
    font-size: 14px;
}

/* New*/

.right-col-content {
    padding: 10% 24%;
}

.right-col a,
.text-white a {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}

.treeview-menu a::before {
    content: "\25C9  ";
}

::-webkit-scrollbar-thumb {
    border-radius: 20px;
    width: 8px;
}

::-webkit-scrollbar {
    height: 8px;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
    box-shadow: none;
}

.p__list-template.active svg,
.p__grid-template.active svg,
.p__list-template:hover svg,
.p__grid-template:hover svg {
    box-shadow: 0px 7px 6px 0px #00000047;
}

/* ==========================
   Ínicio Estilos para HOME
   ========================== */
div.tab-content div.tab-pane#home div.parent {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 40px;
    align-items: center;
}

div.tab-content div.tab-pane#dashboard div.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
    align-items: center;
}

div.tab-content div.tab-pane#home div.parent>a.card-body,
div.tab-content div.tab-pane#dashboard div.parent>a.card-body {
    display: grid;
    justify-content: center;
    border: 1px solid #cccccc;
    border-radius: 10px;
    padding-block: 1rem;
    cursor: pointer;
}

div.tab-content div.tab-pane#home div.parent>a.card-body,
div.tab-content div.tab-pane#dashboard div.parent>a.card-body {
    border: 0px;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
}

div.tab-content div.tab-pane#home div.parent>a.card-body:hover,
div.tab-content div.tab-pane#dashboard div.parent>a.card-body:hover {
    background-color: #e9ecf14d;
    border: 0 solid #cccccc;
}

div.tab-content div.tab-pane#home div.parent>a>div.card-icon,
div.tab-content div.tab-pane#dashboard div.parent>a>div.card-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

div.tab-content>div.tab-pane#home .table#birthday_clients_table>tbody>tr:first-child>td,
div.tab-content>div.tab-pane#home .table#best_customers_table>tbody>tr:first-child>td {
    border-top: 0;
}

div.card>div.highcharts figure.highcharts-figure div#container>div {
    max-height: 80px;
}

div.card>div.highcharts>div.card-body span,
div.card>div.highcharts>div.card-body b {
    display: flex;
    align-items: center;
}

figure.highcharts-figure.barchart div.container_sales_target_manager_barchart rect,
figure.highcharts-figure.barchart div.container_sales_target_manager_barchart_1 rect {
    /*rx: 50; Borda arredondada horizontal */
    ry: 8;
    /* Borda arredondada vertical */
}

div.tab-pane#dashboard div.info-box div.info-box-content {
    padding-block: 1.5rem;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-header {
    margin-bottom: 1rem;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body {
    display: flex;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body span.info-box-number.text-success {
    color: #44AD67 !important;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body span.info-box-number.text-warning {
    color: #B32727 !important;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body>div:nth-of-type(2) {
    width: 100%;
    padding-right: 2rem;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body>div:nth-of-type(2)>div:nth-of-type(2) {
    margin-left: 1em;
    margin-top: 1em;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body>div:nth-of-type(2) div.progressbg {
    padding: 0px 0.6em 0px 2em;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body>div:nth-of-type(2)>div:nth-of-type(2)>div:nth-of-type(1) {
    background: #DDF0E3;
    width: max-content;
    border-radius: 0.3em;
    padding: 5px 10px;
    position: relative;
    display: flex;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body>div:nth-of-type(2)>div:nth-of-type(2)>div:nth-of-type(1)>span:nth-of-type(1) {
    margin-right: 0.5rem;
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body>div:nth-of-type(2)>div:nth-of-type(2)>div:nth-of-type(1)>span:nth-of-type(2) {
    color: #44AD67
}

div.tab-pane#dashboard div.info-box div.info-box-content div.info-box-body>div:nth-of-type(2)>div:nth-of-type(2)>div:nth-of-type(2) {
    padding: 5px 10px 5px 10px
}

div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div[data-target="business_rank_chart"] div.card div.highcharts {
    max-height: 33rem;
}

div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div.card div.highcharts#business_rank_chart div.card-body>div:nth-of-type(1) span {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] table.table-responsive {
    max-height: 40vh;
}

div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div.card[data-handler="top_10_products_sold"] {
    display: grid;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 2rem;
    height: max-content;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div.weekly_ranking_top_3_widget div.cards:nth-of-type(1),
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#weekly_ranking_top_3_widget div.cards:nth-of-type(1) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 20px;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div.weekly_ranking_top_3_widget div.cards:nth-of-type(1) div.card:nth-of-type(1),
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#weekly_ranking_top_3_widget div.cards:nth-of-type(1) div.card:nth-of-type(1) {
    border: 0.5px solid #ececec;
    border-radius: 10px;
    grid-row: span 2 / span 1;
    grid-row-start: 2;
    text-align: center;
    margin-top: auto;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div.weekly_ranking_top_3_widget div.cards:nth-of-type(1) div.card:nth-of-type(2),
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#weekly_ranking_top_3_widget div.cards:nth-of-type(1) div.card:nth-of-type(2) {
    border: 0.5px solid #ececec;
    border-radius: 10px;
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    margin-bottom: 3rem;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div.weekly_ranking_top_3_widget div.cards:nth-of-type(1) div.card:nth-of-type(3),
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#weekly_ranking_top_3_widget div.cards:nth-of-type(1) div.card:nth-of-type(3) {
    border: 0.5px solid #ececec;
    border-radius: 10px;
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 1;
    grid-column-start: 4;
    grid-row-start: 2;
    text-align: center;
    margin-top: auto;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div.weekly_ranking_top_3_widget div.cards:nth-of-type(2),
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#weekly_ranking_top_3_widget div.cards:nth-of-type(2) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 4rem;
    padding-left: 7rem;
    padding-right: 7rem;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div.weekly_ranking_top_3_widget div.cards:nth-of-type(2)>div.card,
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#weekly_ranking_top_3_widget div.cards:nth-of-type(2)>div.card,
div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div#economic_group_indicator_widget_1 div.cards:nth-of-type(1) div.card,
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#economic_group_indicator_widget div.cards:nth-of-type(1) div.card {
    border: 0.5px solid #ececec;
    border-radius: 10px;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div.weekly_ranking_top_3_widget div.cards:nth-of-type(2)>div.card>div.card-header,
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#weekly_ranking_top_3_widget div.cards:nth-of-type(2)>div.card>div.card-header {
    background-color: #ebeef2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 15px;
    font-weight: 500;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div#economic_group_indicator_widget_1 div.cards:nth-of-type(1),
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#economic_group_indicator_widget div.cards:nth-of-type(1) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 4rem;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div#economic_group_indicator_widget_1 div.cards:nth-of-type(1) div.card>div.card-header,
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div#economic_group_indicator_widget div.cards:nth-of-type(1) div.card>div.card-header {
    background-color: #ebeef2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    color: inherit;
}

div.tab-pane#dashboard div.tab-pane#sales_dashboard div[data-target="sales-pane"] div.cards:nth-of-type(1) div.card div.card-header,
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] div.cards:nth-of-type(1) div.card div.card-header {
    background-color: #1572e8;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 15px;
    font-weight: 500;
}

div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] table#sales_result_previous_table tbody tr td,
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] table#billing_per_day_of_the_week_table tbody tr td,
div.tab-pane#dashboard div.tab-pane#manager_dashboard div[data-target="general-pane"] table#billing_per_day_of_the_week_table_1 tbody tr td {
    padding-left: 10rem;
    padding-right: 10rem;
}

div.tab-pane#dashboard div.tab-pane div.devolution_index_widget div.cards:nth-of-type(1)>div.card:nth-of-type(1) {
    background-color: #1572e8;
    color: white;
}

div.tab-pane#dashboard div.tab-pane div.devolution_index_widget div.cards:nth-of-type(1)>div.card:nth-of-type(1)>div.card-content {
    margin: 2rem;
    text-align: center;
}

div.tab-pane#dashboard div.tab-pane div.devolution_index_widget div.cards:nth-of-type(1)>div.card:nth-of-type(2)>div.card-content h3 {
    text-shadow: 0px 9px 4px rgba(0, 0, 0, 0.15);
    font-size: 8rem;
}

div.tab-pane#dashboard div.tab-pane#revenue_dashboard div[data-target="general-pane"] div#devolution_index_widget div.cards:nth-of-type(1)>div.card:nth-of-type(2)>div.card-content h3 {
    text-shadow: 0px 9px 4px rgba(0, 0, 0, 0.15);
    font-size: 8rem;
}

/* ==========================
   Fim Estilos para HOME
   ========================== */

/* ==========================
   Ínicio Estilos para o PDV -> POS
   ========================== */
div.pos-tab-menu div.list-group>a.active,
div.pos-tab-menu div.list-group>a.active .glyphicon,
div.pos-tab-menu div.list-group>a.active .fa {
    background-color: #1b82ec !important;
    border-color: #1b82ec;
}

div.pos-tab-menu div.list-group>a.active:after {
    border-left: 10px solid #1b82ec;
}

div.row-pos-body {
    display: flex;
    gap: 1.5rem;
    height: 100vh;
}

div.row-pos-body>div.content {
    background-color: #ffffff;
}

div.row-pos-body div.content div.content-header {
    background-color: #077af1;
    align-items: center;
    display: flex;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

div.row-pos-body>div.content>div.content-body {
    background-color: #ffffff;
}

div.row-pos-body>div.content>div.content-body div.bordered-right {
    border-right: 3px solid #e9e9e9;
}

div.row-pos-body>div.content>div.content-body div.nav-tabs-custom ul.nav-tabs>li.cliped:first-of-type {
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0 50%, 0% 0%);
    margin-right: -2rem;
    background-color: #c3e1ff;
    width: -webkit-fill-available;
}

div.row-pos-body>div.content>div.content-body div.nav-tabs-custom ul.nav-tabs>li.cliped:nth-of-type(2) {
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
    background-color: #c3e1ff;
    width: -webkit-fill-available;
}

div.row-pos-body>div.content>div.content-body input#search_product {
    border-right: 0;
    top: 0.2rem;
}

div.row-pos-body>div.content>div.content-body input#search_product+span.input-group-addon {
    border-left: 0;
    top: 0.2rem;
    position: relative;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

div.row-pos-body>div.content>div.content-body div.product__picture {
    max-width: 70%;
    width: 100%;
}

div.row-pos-body>div.content>div.content-body div.product__description,
div.row-pos-body>div.content>div.content-body div.ps__unit_price:has(span) {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

div.row-pos-body>div.content>div.content-body div.ps__unit_price {
    position: absolute;
    bottom: 0;
    display: flex;
    right: 0;
}

div.row-pos-body>div.content>div.content-body button#add__pv_table {
    border: 1px solid #077af1;
    color: #077af1;
    top: 4rem;
    border-radius: 2px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    background-color: #ffffff;
}

div.row-pos-body div.pos-off-before div.pos-cards-header {
    background-color: #077af1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 1.4rem 0rem;
}

div.row-pos-body div.pos-off-before div.pos-cards-header a {
    border: 0;
    position: relative;
    background-color: #ffffff;
    border-radius: 2rem;
    padding: 0.5rem 3rem;
}

div.row-pos-body div.pos-off-before div.pos-cards-body {
    background-color: #ffffff;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3rem 1rem;
}

div.row-pos-body div.pos-off-before div.pos-cards-body .pos-sale-card-wrap {
    margin-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
}

div.pos-card.off-card.pos-sale-card {
    background-color: #ffffff !important;
    border: 1px solid #e8edf3;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(15, 23, 41, 0.06);
    margin-bottom: 0;
    min-height: 136px;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

div.pos-card.off-card.pos-sale-card div.status-top {
    height: 9px;
    border-radius: 8px 8px 0 0;
}

div.pos-card.off-card.pos-sale-card div.card-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 127px;
    padding: 2.4rem 0.8rem 0.9rem;
    text-align: center;
}

div.pos-card.off-card.pos-sale-card .pos-sale-card-info {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
}

div.pos-card.off-card.pos-sale-card div.card-body h3.card-title {
    color: #5f6368;
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1.15;
    margin: 0;
    max-width: 100%;
}

div.pos-card.off-card.pos-sale-card .pos-sale-card-customer {
    color: #8b949e;
    display: block;
    font-size: 1.05rem;
    line-height: 1.2;
    margin-top: 0.35rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.pos-card.off-card.pos-sale-card div.card-body button.pos-sale-card-action {
    border: 0;
    border-radius: 8px;
    height: 26px;
    margin: 1rem 0 0;
    padding: 0;
    width: 88%;
}

div.pos-card.off-card.pos-sale-card.active,
div.pos-card.off-card.pos-sale-card:hover {
    background-color: #ffffff !important;
    border-color: #077af1;
    box-shadow: 0 6px 14px rgba(7, 122, 241, 0.16);
    transform: translateY(-1px);
}

div.pos-card.off-card.pos-sale-card.active div.card-body h3.card-title,
div.pos-card.off-card.pos-sale-card:hover div.card-body h3.card-title {
    color: #3f4650;
}

div.container-orders-grid .pos-sale-card-wrap {
    margin-bottom: 2rem;
}

div.container-orders-grid div.pos-card.off-card.pos-sale-card {
    min-height: 150px;
}

div.container-orders-grid div.pos-card.off-card.pos-sale-card div.card-body {
    min-height: 141px;
}

div.row-pos-body .tab-pane#receipt .tab-body {
    padding: 3rem 2rem 0;
}

div.row-pos-body .tab-pane#receipt .pos-receipt-controls {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 5.5rem;
    width: 100%;
}

div.row-pos-body .tab-pane#receipt .pos-receipt-controls:before,
div.row-pos-body .tab-pane#receipt .pos-receipt-controls:after {
    content: none;
    display: none;
}

div.row-pos-body .tab-pane#receipt .pos-receipt-field {
    flex: 0 0 30%;
    float: none;
    max-width: 30%;
    padding-left: 0;
    padding-right: 1.8rem;
}

div.row-pos-body .tab-pane#receipt .pos-receipt-field .form-control {
    border: 1px solid #d8dde6;
    border-radius: 8px;
    box-shadow: none;
    font-size: 1.7rem;
    height: 40px;
}

div.row-pos-body .tab-pane#receipt .pos-receipt-field label {
    color: #4a4a4a;
    font-size: 1.5rem;
    font-weight: 400;
}

div.row-pos-body .tab-pane#receipt .pos-receipt-actions {
    display: flex;
    flex: 0 0 170px;
    flex-direction: column;
    float: none;
    margin-left: auto;
    max-width: 170px;
    padding-left: 0;
    padding-right: 0;
}

div.row-pos-body .tab-pane#receipt .pos-receipt-adjustment-btn {
    background-color: #ffffff;
    border: 1px solid #077af1;
    border-radius: 8px;
    color: #077af1;
    font-size: 1.6rem;
    height: 40px;
    width: 100%;
}

div.row-pos-body .tab-pane#receipt .pos-receipt-adjustment-btn + .pos-receipt-adjustment-btn {
    margin-top: 1.4rem;
}

div.row-pos-body .tab-pane#receipt .pos-receipt-adjustment-btn:hover,
div.row-pos-body .tab-pane#receipt .pos-receipt-adjustment-btn:focus {
    background-color: #f7fbff;
    color: #077af1;
}

div.row-pos-body .tab-pane#receipt .row-cards {
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2rem;
    overflow: visible;
    padding: 0 !important;
}

div.row-pos-body .tab-pane#receipt .row-cards > [class*="col-"] {
    margin: 0;
    padding: 0 !important;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card {
    background-color: #c3e1ff;
    border: 1px solid #ffffff !important;
    border-radius: 0;
    box-shadow: none;
    min-height: 47px;
    margin: 0;
    padding: 0.9rem 1rem !important;
    position: relative;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card.rounded-top-left {
    border-top-left-radius: 8px;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card.rounded-top-right {
    border-top-right-radius: 8px;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card.rounded-bottom-left {
    border-bottom-left-radius: 8px;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card.rounded-bottom-right {
    border-bottom-right-radius: 8px;
}

div.row-pos-body .tab-pane#receipt .row-cards .dropdown {
    position: relative;
}

div.row-pos-body .tab-pane#receipt .row-cards .dropdown-menu {
    border: 1px solid #d8dde6;
    border-radius: 8px;
    box-shadow: 0 6px 14px rgba(15, 23, 41, 0.12);
    margin-top: 0.4rem;
    min-width: 190px;
    z-index: 1050;
}

div.row-pos-body .tab-pane#receipt .row-cards .dropdown-item {
    color: #077af1;
    display: block;
    font-size: 1.4rem;
    padding: 0.8rem 1.2rem;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card.active,
div.row-pos-body .tab-pane#receipt .row-cards div.pos-card:hover,
div.row-pos-body .tab-pane#receipt .row-cards .dropdown.open div.pos-card,
div.row-pos-body .tab-pane#receipt .row-cards .dropdown.show div.pos-card {
    background-color: #077af1;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card .flex-center {
    justify-content: center;
    min-height: 28px;
    position: relative;
    width: 100%;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card span.stamp {
    background-color: transparent;
    color: #077af1;
    left: 0.2rem;
    line-height: 1;
    min-width: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card h4 {
    width: 100%;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card a {
    display: block;
    text-align: center;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card small.receipt-type {
    color: #077af1 !important;
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card.active small.receipt-type,
div.row-pos-body .tab-pane#receipt .row-cards div.pos-card:hover small.receipt-type,
div.row-pos-body .tab-pane#receipt .row-cards .dropdown.open small.receipt-type,
div.row-pos-body .tab-pane#receipt .row-cards .dropdown.show small.receipt-type {
    color: #ffffff !important;
}

div.row-pos-body .tab-pane#receipt .row-cards div.pos-card.active svg path,
div.row-pos-body .tab-pane#receipt .row-cards div.pos-card.active svg circle,
div.row-pos-body .tab-pane#receipt .row-cards div.pos-card:hover svg path,
div.row-pos-body .tab-pane#receipt .row-cards div.pos-card:hover svg circle,
div.row-pos-body .tab-pane#receipt .row-cards .dropdown.open svg path,
div.row-pos-body .tab-pane#receipt .row-cards .dropdown.open svg circle,
div.row-pos-body .tab-pane#receipt .row-cards .dropdown.show svg path,
div.row-pos-body .tab-pane#receipt .row-cards .dropdown.show svg circle {
    fill: #ffffff !important;
}

div.row-pos-body .tab-pane#receipt #payment_rows_div {
    margin: 0;
}

div.row-pos-body .tab-pane#receipt #payment_rows_div .table-responsive {
    max-height: 25vh !important;
    padding-left: 0 !important;
}

div.row-pos-body .tab-pane#receipt table#receipt_pos_table {
    border-collapse: separate;
    border-spacing: 0 0.8rem;
    margin: 0;
}

div.row-pos-body .tab-pane#receipt table#receipt_pos_table thead {
    display: none;
}

div.row-pos-body .tab-pane#receipt table#receipt_pos_table tr.no-record-row td {
    background-color: #f1f7ff;
    border: 0;
    border-radius: 8px;
    color: #8a8f98;
    height: 42px;
    text-align: center;
    width: 100%;
}

div.row-pos-body .tab-pane#receipt .tab-footer .form-control {
    box-shadow: none;
}

div.pos-receipt-adjustment-modal .modal-dialog {
    max-width: calc(100% - 2rem);
    width: 900px;
}

div.pos-receipt-adjustment-modal .modal-content {
    border: 0;
    border-radius: 8px;
    overflow: hidden;
}

div.pos-receipt-adjustment-modal .modal-header {
    align-items: center;
    border-bottom: 1px solid #dde3ea;
    display: flex;
    padding: 1.8rem 3rem;
}

div.pos-receipt-adjustment-modal .modal-title {
    color: #2f3033;
    font-size: 1.6rem;
    font-weight: 400;
}

div.pos-receipt-adjustment-modal .close {
    color: #077af1;
    margin-left: auto;
    opacity: 1;
}

div.pos-receipt-adjustment-modal .modal-body {
    background-color: #f7faff;
    padding: 2rem 3rem;
}

div.pos-receipt-adjustment-modal .pos-receipt-adjustment-box {
    background-color: #ffffff;
    border: 1px solid #d8dde6;
    border-radius: 8px;
    padding: 3.6rem 3rem 4rem;
}

div.pos-receipt-adjustment-modal .pos-receipt-adjustment-total {
    color: #077af1;
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 3.2rem;
    text-align: right;
}

div.pos-receipt-adjustment-modal label {
    color: #3d3f43;
    font-size: 1.5rem;
    font-weight: 400;
}

div.pos-receipt-adjustment-modal .form-control {
    border: 1px solid #d8dde6;
    border-radius: 8px;
    box-shadow: none;
    height: 40px;
}

div.pos-receipt-adjustment-modal .modal-footer {
    background-color: #ffffff;
    border-top: 1px solid #dde3ea;
    display: flex;
    gap: 2rem;
    justify-content: flex-end;
    padding: 1.5rem 3rem;
}

div.pos-receipt-adjustment-modal .modal-footer .btn {
    border-radius: 8px;
    font-size: 1.5rem;
    min-width: 110px;
}

div.pos-receipt-adjustment-modal .pos-receipt-adjustment-cancel {
    background-color: #ffffff;
    border: 1px solid #077af1;
    color: #077af1;
}

/* Estilos para card card gerenciador */
.card.card-statistics .card-body {
    transition: all 0.6s ease-in-out;
    cursor: pointer;
    padding-right: 10px;
}

.card.card-statistics #card-open .card-subheader,
.card.card-statistics #card-active .card-subheader {
    border-bottom: 1px solid #077af1;
}

.card.card-statistics #card-open:hover .card-subheader,
.card.card-statistics #card-active:hover .card-subheader,
.card.card-statistics #card-open.active .card-subheader,
.card.card-statistics #card-active.active .card-subheader {
    color: #077af1;
    font-weight: bold;
    border-bottom: 3px solid #077af1;
}

.card.card-statistics #card-downloaded .card-subheader {
    border-bottom: 1px solid #1b9b45;
}

.card.card-statistics #card-downloaded:hover .card-subheader,
.card.card-statistics #card-downloaded.active .card-subheader {
    color: #1b9b45;
    font-weight: bold;
    border-bottom: 3px solid #1b9b45;
}

.card.card-statistics #card-due_today .card-subheader,
.card.card-statistics #card-inactive .card-subheader {
    border-bottom: 1px solid #ea7000cc;
}

.card.card-statistics #card-due_today:hover .card-subheader,
.card.card-statistics #card-inactive:hover .card-subheader,
.card.card-statistics #card-due_today.active .card-subheader,
.card.card-statistics #card-inactive.active .card-subheader {
    color: #ea7000cc;
    font-weight: bold;
    border-bottom: 3px solid #ea7000cc;
}

.card.card-statistics #card-due .card-subheader {
    border-bottom: 1px solid #dd4242;
}

.card.card-statistics #card-due:hover .card-subheader,
.card.card-statistics #card-due.active .card-subheader {
    color: #dd4242;
    font-weight: bold;
    border-bottom: 3px solid #dd4242;
}

.card.card-statistics #card-all .card-subheader {
    border-bottom: 1px solid #414141;
}

.card.card-statistics #card-all:hover .card-subheader,
.card.card-statistics #card-all.active .card-subheader {
    color: #000000cc;
    font-weight: bold;
    border-bottom: 3px solid #000000cc;
}

/* /Estilos para card card gerenciador */

div.row-pos-body div#posOffcanvasEnd div.offcanvas-header>div {
    background-color: #077af1;
    display: flex;
    align-items: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 5px 2rem;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-header a[href="#posOffcanvasEnd"] {
    border: 0;
    position: relative;
    background-color: #ffffff;
    border-radius: 2rem;
    padding: 0.5rem 3rem;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-header span:first-child {
    border-right: 0;
    border-top-left-radius: var(--default-radius);
    border-bottom-left-radius: var(--default-radius);
    top: 0.7rem;
    position: relative;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-header input#search_orders {
    border-left: 0;
    top: 0.7rem;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body {
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    top: 0.7rem;
    height: 100vh;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body button[aria-controls="offcanvasPosFinallize"]~div~div {
    background-color: #c3e1ff;
    padding: 2rem 0rem;
    align-items: center;
    display: flex;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    justify-content: end;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body button[aria-controls="offcanvasPosFinallize"] {
    height: 5rem;
    font-size: large;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body>div>div>div {
    background-color: #ffffff;
    padding: 2rem 0rem;
    border-right: 3px solid #e9e9e9;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body article .article-content div.p__list-template,
div.row-pos-body div#posOffcanvasEnd div.offcanvas-body article .article-content div.p__grid-template {
    padding: 0.75rem;
    cursor: pointer;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body article .article-content div.article-body div.container-order-list .table-responsive {
    max-height: 68vh;
    overflow-y: scroll;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body article .article-content div.article-body div.container-order-list table thead tr th:nth-child(1) div {
    background: #ebeef2;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body article .article-content div.article-body div.container-order-list table thead tr th {
    background-color: var(--table-th-bg-primary-light);
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body article .article-content div.article-body div.container-order-list table thead tr th:last-child div {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body table#pos_orders_table tfoot b {
    font-size: 30px;
    font-weight: 500;
    line-height: 37.5px;
    text-align: center;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-body table#pos_orders_table caption .btn-group {
    width: max-content;
    gap: 2rem;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-footer {
    background-color: #c3e1ff;
    padding: 2rem 0rem;
    align-items: center;
    display: flex;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    justify-content: end;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
}

div.row-pos-body div#posOffcanvasEnd div.offcanvas-footer>button {
    height: 5rem;
    font-size: large;
    width: max-content;
    padding-inline: 10rem;
    margin: 1rem;
}

/* ==========================
   Fim Estilos para o PDV -> POS
   ========================== */

.product_box {
    padding-top: 7px;
    padding-left: 3px;
    margin-top: 6px;
    margin-bottom: 7px;
    margin-left: 2px;

    border: 1px solid rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%);
    border-radius: 4px;
    font-weight: 400;
}

/* Sidebar Padding*/
.treeview-menu a {
    padding-left: 15px !important;
}

.blue-heading {
    background-color: #2b80ec;
}

.warning-input,
.warning-input+span.select2 span.select2-selection {
    background-color: #fff478;
}

/* Group Portion */
.group-check {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 3%;
}

/* close Group Portion*/
.top-anchor {
    background-color: #fff;
    width: -webkit-fill-available;
}

.fixed-buttons {
    display: flex;
    justify-content: end;
    padding: 10px 2rem 0px 23rem;
    background-color: #fff;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
}

.fixed-buttons.relative,
.top-anchor.relative {
    position: relative;
}

.top-anchor.fixed {
    top: 0;
    position: fixed;
    z-index: 9;
    animation: slide-in 0.4s ease-out;
    box-shadow: 0px 9px 6px rgba(0, 0, 0, 0.1);
}

.fixed-buttons.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    animation: slide-in 0.4s ease-out;
}

.sell-return-modal-body .card {
    height: 100%;
}

.sell-return-summary-footer {
    background: transparent;
    border-top: 0;
    padding: 14px 16px;
}

.sell-return-summary-bar {
    align-items: center;
    background-color: #C3E1FF;
    border-radius: 7px;
    color: #1F2937;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    justify-content: space-between;
    min-height: 42px;
    padding: 10px 16px;
    width: 100%;
}

.sell-return-summary-item {
    color: #374151;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
}

.sell-return-summary-total {
    color: #1F2937;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-left: auto;
    white-space: nowrap;
}

.sell-return-footer-actions {
    border-radius: 0;
    box-shadow: none;
    justify-content: flex-end;
    padding: 16px 14px 6px;
}

.sell-return-footer-actions-inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: flex-end;
    width: 100%;
}

.sell-return-action {
    min-width: 102px;
}

/* Modal moderno: troca/devolução PDV */
.sell-return-modern-dialog {
    height: 100vh !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 100vh !important;
    width: 100vw !important;
}

.sell-return-modern-dialog.modal-dialog-centered {
    align-items: stretch;
    min-height: 100vh !important;
}

.sell-return-modern-dialog.modal-dialog-scrollable {
    height: 100vh !important;
    max-height: 100vh !important;
}

.sell-return-modern-dialog form {
    display: flex;
    height: 100%;
    min-height: 0;
    width: 100%;
}

.sell-return-modern-content {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.sell-return-modern-dialog.modal-dialog-scrollable .sell-return-modern-content {
    height: 100vh !important;
    max-height: 100vh !important;
}

.sell-return-modern-header,
.sell-return-modern-modal-body,
.sell-return-modern-footer {
    background-color: #fff;
}

.sell-return-modern-header {
    align-items: center;
    border-bottom: 0;
    display: flex;
    min-height: 74px;
    padding: 24px 30px 14px;
}

.sell-return-modern-title {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
}

.sell-return-modern-close {
    color: #333;
    font-size: 32px;
    line-height: 1;
    margin-left: auto;
    opacity: 0.95;
    padding: 0;
    text-shadow: none;
}

.sell-return-modern-modal-body {
    flex: 1 1 auto;
    max-height: none !important;
    min-height: 0;
    overflow-y: auto;
    padding: 0 30px 16px;
}

.sell-return-modern-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sell-return-modern-form-card,
.sell-return-modern-panel,
.sell-return-modern-balance {
    border: 1px solid #D6E5F7;
    border-radius: 7px;
}

.sell-return-modern-form-card {
    padding: 14px 20px;
}

.sell-return-modern-form-row {
    display: grid !important;
    gap: 16px 22px;
    width: 100%;
}

.sell-return-modern-top-grid {
    grid-template-columns: minmax(260px, 0.95fr) minmax(260px, 0.95fr) minmax(220px, 1fr);
}

.sell-return-modern-product-grid {
    grid-template-columns:
        minmax(320px, 1.45fr)
        minmax(148px, 0.6fr)
        minmax(148px, 0.6fr)
        minmax(148px, 0.6fr)
        minmax(286px, 1.1fr);
}

.sell-return-modern-form-card .form-group {
    float: none;
    margin-bottom: 0;
    width: 100%;
}

.sell-return-modern-form-card .input-group {
    width: 100%;
}

.sell-return-modern-form-card .select2-container {
    width: 100% !important;
}

.sell-return-modern-form-card .select2-container--default .select2-selection--single {
    align-items: center;
    display: flex;
}

.sell-return-modern-form-card .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 18px;
    padding-left: 0;
}

.sell-return-modern-form-card .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
}

.sell-return-modern-mode {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 52px;
}

.sell-return-modern-mode .form-group {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
}

.sell-return-modern-check {
    align-items: center;
    color: #333;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    gap: 6px;
    margin: 0;
    white-space: nowrap;
}

.sell-return-modern-check input {
    accent-color: #077AF1;
    margin: 0;
}

.sell-return-modern-search .input-group-addon:not(:last-child) {
    border-radius: 0;
}

.sell-return-modern-actions-field {
    min-width: 0;
}

.sell-return-modern-amount-field {
    min-width: 0;
    overflow: hidden;
}

.sell-return-modern-amount-field #amount {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    min-width: 0;
    width: 100% !important;
}

.sell-return-modern-actions-inline {
    align-items: center;
    display: flex;
    gap: 9px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;
}

.sell-return-modern-auto-title {
    display: block;
}

.sell-return-modern-switch {
    margin: 0;
}

.sell-return-modern-orders {
    align-items: center;
    border: 1px solid #D6E5F7;
    color: #333;
    display: inline-flex;
    font-size: 12px;
    gap: 8px;
    height: 32px;
    margin-left: auto;
    padding: 0 14px;
    white-space: nowrap;
}

.sell-return-modern-tables {
    display: grid !important;
    gap: 22px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

.sell-return-modern-table-col {
    display: flex;
    float: none;
    max-width: none;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.sell-return-modern-panel {
    display: flex;
    flex-direction: column;
    min-height: 310px;
    width: 100%;
}

.sell-return-modern-panel-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 52px;
    padding: 16px 14px 10px;
}

.sell-return-modern-panel-header h5 {
    align-items: center;
    color: #333;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    line-height: 1;
    margin: 0;
}

.sell-return-modern-table-wrap {
    border: 1px solid #dde1e6;
    border-radius: 8px;
    flex: 1 1 auto;
    margin: 0 14px;
    min-height: 0;
    overflow: auto;
    padding: 0;
}

.sell-return-modern-table {
    color: #4a4d55;
    font-size: 12px;
    margin-bottom: 0;
    min-width: 560px;
    table-layout: fixed;
    width: 100%;
}

.sell-return-modern-table thead,
.sell-return-modern-table tbody {
    display: block;
}

.sell-return-modern-table thead tr,
.sell-return-modern-table tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.sell-return-modern-table tbody {
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}

.sell-return-modern-table thead th {
    background: #e9edf2;
    border: 0;
    color: #4a4d55;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 14px;
    text-align: center;
    white-space: nowrap;
}

.sell-return-modern-table tbody td {
    border-top: 1px solid #dde1e6;
    font-size: 12px;
    padding: 12px 14px;
    text-align: center;
    vertical-align: middle;
}

.sell-return-modern-table thead th:first-child,
.sell-return-modern-table thead th:last-child,
.sell-return-modern-table tbody tr:not(.no-record-row) td:first-child,
.sell-return-modern-table tbody tr:not(.no-record-row) td:last-child {
    display: none;
}

.sell-return-modern-table tbody tr:nth-child(odd):not(.no-record-row) td {
    background: #f8fbff;
}

.sell-return-modern-table tbody tr.active td {
    background-color: #EFF6FF;
}

.sell-return-modern-table tbody tr.no-record-row,
.sell-return-modern-table tbody tr.no-record-row td {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 150px;
    width: 100%;
}

.sell-return-modern-table tbody tr.no-record-row td {
    border-top: 0;
    padding: 0;
}

.sell-return-modern-table .span-info-no_file {
    background: transparent;
    color: #4a4d55;
    display: inline-flex;
    font-size: 11px;
    height: auto;
    min-height: 25px;
    padding: 6px 10px;
    width: auto;
}

.sell-return-modern-table .product_description,
form#sell_return_form table#sell_return_table .product_description,
form#sell_return_form table#sell_return_sell_table .product_description {
    color: #333333 !important;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sell-return-modern-table thead th:nth-child(2),
.sell-return-modern-table tbody tr:not(.no-record-row) td:nth-child(2) {
    width: 12%;
}

.sell-return-modern-table thead th:nth-child(3),
.sell-return-modern-table tbody tr:not(.no-record-row) td:nth-child(3) {
    text-align: left;
    width: 34%;
}

.sell-return-modern-table thead th:nth-child(4),
.sell-return-modern-table tbody tr:not(.no-record-row) td:nth-child(4) {
    width: 10%;
}

.sell-return-modern-table thead th:nth-child(5),
.sell-return-modern-table tbody tr:not(.no-record-row) td:nth-child(5),
.sell-return-modern-table thead th:nth-child(6),
.sell-return-modern-table tbody tr:not(.no-record-row) td:nth-child(6),
.sell-return-modern-table thead th:nth-child(7),
.sell-return-modern-table tbody tr:not(.no-record-row) td:nth-child(7) {
    width: 14.6%;
}

.sell-return-modern-table tbody input.input_number,
.sell-return-modern-table tbody input[type="number"] {
    color: #4a4d55;
    font-size: 12px;
    max-width: 96px !important;
    padding: 0;
    text-align: center;
    width: 100%;
}

.sell-return-modern-table tbody input[type="number"] {
    max-width: 64px !important;
}

.sell-return-modern-summary {
    align-items: center;
    border: 1px solid #D6E5F7;
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 16px 20px 18px;
    min-height: 62px;
}

.sell-return-modern-summary span {
    color: #14213D;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 7px;
    justify-content: center;
    min-height: 46px;
    padding: 0 16px;
    text-align: center;
}

.sell-return-modern-summary span + span {
    border-left: 1px solid #E3EAF3;
}

.sell-return-modern-summary strong {
    color: #14213D;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
}

.sell-return-modern-summary span:last-child strong {
    color: #077AF1;
}

.sell-return-modern-table-col:first-child .sell-return-modern-summary span:last-child strong {
    color: #077AF1;
}

.sell-return-modern-table-col:last-child .sell-return-modern-summary span:last-child strong {
    color: #1B9B45;
}

.sell-return-modern-balance {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(220px, 1.15fr) minmax(150px, 1fr) 42px minmax(170px, 1.05fr) 42px minmax(150px, 1fr) minmax(220px, 1.1fr);
    min-height: 106px;
    padding: 6px 28px;
}

.sell-return-modern-balance-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 82px;
    text-align: center;
}

.sell-return-modern-balance-intro {
    align-items: center;
    border-right: 1px solid #EBEEF2;
    flex-direction: row;
    gap: 14px;
    justify-content: flex-start;
    min-height: 76px;
    padding-right: 28px;
    text-align: left;
}

.sell-return-modern-balance-intro strong {
    color: #077AF1;
}

.sell-return-modern-balance-intro > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.sell-return-modern-balance-intro strong,
.sell-return-modern-balance-intro small {
    display: block;
}

.sell-return-modern-balance-icon,
.sell-return-modern-balance-operator {
    align-items: center;
    background-color: #F7FBFF;
    border-radius: 50%;
    color: #077AF1;
    display: inline-flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.sell-return-modern-balance-operator {
    background-color: #fff;
    border: 1px solid #D6E5F7;
    color: #333;
    font-size: 18px;
}

.sell-return-modern-balance strong,
.sell-return-modern-client-result strong {
    color: #14213D;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.sell-return-modern-balance span,
.sell-return-modern-client-result span {
    color: #077AF1;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15;
}

.sell-return-modern-balance small,
.sell-return-modern-client-result small {
    color: #666;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.25;
}

.sell-return-modern-balance > .sell-return-modern-balance-item:nth-child(6) {
    border-right: 1px solid #EBEEF2;
    padding-right: 28px;
}

.sell-return-modern-sale-total {
    color: #1B9B45 !important;
}

.sell-return-modern-client-result {
    align-items: center;
    background-color: #F1FAF5;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    justify-content: center;
    min-height: 88px;
    padding: 12px 18px;
    text-align: center;
}

.sell-return-modern-client-result span {
    color: #1B9B45;
}

.sell-return-modern-client-result.is-receivable {
    background-color: #F7FBFF;
}

.sell-return-modern-client-result.is-receivable span {
    color: #077AF1;
}

.sell-return-modern-footer {
    align-items: center;
    border-top: 0;
    display: grid !important;
    flex: 0 0 auto;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    justify-content: stretch;
    padding: 0 30px 22px;
}

.sell-return-modern-footer > * {
    margin: 0;
}

.sell-return-modern-cancel,
.sell-return-modern-finish {
    align-items: center;
    border-radius: 5px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    gap: 12px;
    height: 49px;
    justify-content: center;
    min-width: 0;
    width: 100%;
}

.sell-return-modern-cancel {
    background-color: #fff;
    border: 1px solid #EF4444;
    color: #DD4242;
}

.sell-return-modern-finish {
    background-color: #077AF1;
    border: 1px solid #077AF1;
    color: #fff;
}

.sell-return-modern-finish:hover,
.sell-return-modern-finish:focus {
    color: #fff;
}
/* /Modal moderno: troca/devolução PDV */

/* Tela moderna: devolução de condicional */
.conditional-modern-shell {
    background-color: #fff;
    color: #333;
    padding: 0 30px 22px;
}

#offcanvasConditionalReturn .conditional-modern-offcanvas-body {
    background-color: #fff;
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow-y: auto;
    padding: 0;
}

#offcanvasConditionalReturn .conditional-modern-shell {
    min-height: 100%;
}

.conditional-return-modern-modal-body .conditional-modern-shell {
    padding: 0;
}

.conditional-return-modern-content > .conditional-modern-footer {
    padding: 0 30px 22px;
}

.conditional-modern-header {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 0;
    min-height: 74px;
    padding: 24px 0 14px;
}

.conditional-modern-header h2 {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
}

.conditional-modern-close {
    border: 0;
    background: transparent;
}

.conditional-modern-form-card {
    padding: 14px 20px;
}

.conditional-modern-top-grid {
    grid-template-columns: minmax(260px, 0.95fr) minmax(260px, 0.95fr) minmax(220px, 1fr);
}

.conditional-modern-product-grid {
    grid-template-columns:
        minmax(320px, 1.45fr)
        minmax(148px, 0.6fr)
        minmax(148px, 0.6fr)
        minmax(148px, 0.6fr)
        minmax(286px, 1.1fr);
}

.conditional-modern-return-mode {
    align-items: center;
}

.conditional-modern-return-mode .sell-return-modern-check {
    justify-content: flex-end;
    width: 100%;
}

.conditional-modern-auto-field {
    min-width: 0;
}

.conditional-modern-auto-inline {
    min-height: 34px;
}

.conditional-modern-tables {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
    width: 100%;
}

.conditional-modern-table-col {
    min-width: 0;
}

.conditional-modern-panel {
    box-shadow: none;
    margin-bottom: 0;
    min-height: 326px;
}

.conditional-modern-table-wrap {
    min-height: 168px;
}

.conditional-modern-table {
    min-width: 850px;
}

.conditional-modern-table thead th:first-child,
.conditional-modern-table thead th:last-child,
.conditional-modern-table tbody tr:not(.no-record-row) td:first-child,
.conditional-modern-table tbody tr:not(.no-record-row) td:last-child {
    display: table-cell;
}

.conditional-modern-table thead th,
.conditional-modern-table tbody td {
    padding: 10px 12px;
}

.conditional-modern-table .conditional-modern-check-col,
.conditional-modern-table tbody td:first-child {
    width: 42px;
}

.conditional-modern-table thead th:nth-child(2),
.conditional-modern-table tbody tr:not(.no-record-row) td:nth-child(2) {
    width: 72px;
}

.conditional-modern-table thead th:nth-child(3),
.conditional-modern-table tbody tr:not(.no-record-row) td:nth-child(3) {
    width: 260px;
}

.conditional-modern-table thead th:nth-child(4),
.conditional-modern-table tbody tr:not(.no-record-row) td:nth-child(4) {
    width: 64px;
}

.conditional-modern-table thead th:nth-child(5),
.conditional-modern-table tbody tr:not(.no-record-row) td:nth-child(5) {
    width: 140px;
}

.conditional-modern-table .conditional-modern-action-col,
.conditional-modern-table tbody td:last-child {
    width: 70px;
}

.conditional-modern-table thead th:nth-child(6),
.conditional-modern-table tbody tr:not(.no-record-row) td:nth-child(6) {
    width: 116px;
}

.conditional-modern-table thead th:nth-child(7),
.conditional-modern-table tbody tr:not(.no-record-row) td:nth-child(7) {
    width: 146px;
}

.conditional-modern-table .product_description {
    max-width: 100%;
}

.conditional-modern-table tbody input.input_number,
.conditional-modern-table tbody input[type="number"] {
    max-width: 100% !important;
}

.conditional-modern-transfer-col {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 38px;
    justify-content: center;
    min-width: 0;
}

.conditional-modern-transfer-btn {
    align-items: center;
    background-color: #fff;
    border: 1px solid #D6E5F7;
    border-radius: 6px;
    color: #077AF1;
    display: inline-flex;
    font-size: 24px;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    line-height: 1;
    width: 54px;
}

.conditional-modern-transfer-btn:hover,
.conditional-modern-transfer-btn:focus {
    color: #077AF1;
    text-decoration: none;
}

.conditional-modern-balance {
    grid-template-columns: minmax(210px, 1.1fr) minmax(150px, 1fr) 42px minmax(170px, 1.05fr) 42px minmax(150px, 1fr) minmax(220px, 1.15fr);
}

.conditional-modern-footer {
    gap: 16px;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(0, 1.9fr);
    padding: 0;
}

.conditional-modern-save {
    border-color: #077AF1;
    color: #077AF1;
}

.conditional-modern-save:hover,
.conditional-modern-save:focus {
    color: #077AF1;
}

@media (max-width: 1200px) {
    .conditional-modern-product-grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }

    .conditional-modern-auto-field {
        grid-column: span 2;
    }

    .conditional-modern-tables {
        grid-template-columns: 1fr;
    }

    .conditional-modern-transfer-col {
        flex-direction: row;
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .conditional-modern-shell {
        padding: 16px;
    }

    .conditional-modern-top-grid,
    .conditional-modern-product-grid,
    .conditional-modern-footer {
        grid-template-columns: 1fr;
    }

    .conditional-modern-auto-field {
        grid-column: auto;
    }

    .conditional-modern-balance {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .conditional-modern-balance .sell-return-modern-balance-intro,
    .conditional-modern-balance > .sell-return-modern-balance-item:nth-child(6) {
        border-right: 0;
        padding-right: 0;
    }
}
/* /Tela moderna: devolução de condicional */

.label-component-type-column {
    padding-left: 8rem;
    margin-top: 2.5rem;
}

.label-component-section-title {
    font-weight: 600;
    margin-bottom: 1rem;
}

.label-component-section-title-lg {
    margin-bottom: 3rem;
}

.label-component-subtitle {
    font-weight: 500;
    margin-bottom: 0.8rem;
}

.label-editor-fields-scroll {
    width: 26rem;
    max-height: 38rem;
    overflow-y: auto;
    padding-right: 0.4rem;
}

.label-editor-field-group-title {
    font-weight: 600;
    color: #666;
    margin: 1.2rem 0 0.8rem;
}

.label-editor-field {
    cursor: -webkit-grab;
    cursor: grab;
    border: 1px solid #d9d9d9;
    border-radius: var(--default-radius, 10px);
    padding: 8px 10px;
    margin-bottom: 8px;
    background-color: #fff;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: element;
    text-align: center;
    color: #264f7b;
}

.label-editor-rounded {
    border-radius: var(--default-radius, 10px);
    border-top-left-radius: var(--default-radius, 10px) !important;
    border-bottom-left-radius: var(--default-radius, 10px) !important;
}

.input-group>.label-search-input {
    border-right: 0;
    border-top-left-radius: var(--default-radius, 10px);
    border-bottom-left-radius: var(--default-radius, 10px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.label-search-addon {
    border-left: 0;
    margin-left: -1px;
    position: relative;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: var(--default-radius, 10px);
    border-bottom-right-radius: var(--default-radius, 10px);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.label-canvas-stage {
    height: 38rem;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    background-image: linear-gradient(#d9d9d9 1px, transparent 1px), linear-gradient(90deg, #d9d9d9 1px, transparent 1px);
    background-size: 16px 16px;
}

.label-canvas-shell {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.label-checkbox-label {
    font-weight: 400;
}

.label-font-size-input {
    margin-right: 0.6rem;
}

.label-style-button {
    margin-right: 0.4rem;
}

.label-style-button-bold {
    font-weight: 700;
}

.label-style-button-italic {
    margin-right: 0;
    font-style: italic;
}

.label-page-options-scroll {
    max-height: 49rem;
    overflow-y: auto;
    padding-right: 0.4rem;
}

.page-sheet-preview-stage {
    max-width: 90rem;
    min-height: 53rem;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    background-color: #fff;
    padding: 1.5rem;
    margin: 0 auto;
}

.page-sheet-preview-shell {
    width: 100%;
    height: 100%;
    min-height: 48rem;
    border-radius: 4px;
    background-image: linear-gradient(#f3f3f3 1px, transparent 1px), linear-gradient(90deg, #f3f3f3 1px, transparent 1px);
    background-size: 16px 16px;
    padding: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    box-sizing: border-box;
}

.page-sheet-preview-canvas {
    position: relative;
    background-color: #fff;
    border: 1px solid #9c9c9c;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.page-sheet-preview-summary {
    margin-top: 1rem;
    text-align: center;
}

.custom-label-modal-close {
    margin-left: auto;
    margin-right: 5rem;
    left: 0 !important;
    margin-top: 0 !important;
    opacity: 0.5;
}

.custom-label-modal-close:hover,
.custom-label-modal-close:focus {
    opacity: 0.8;
}

.label_list_modal .label-list-modal-dialog {
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
}

.label_list_modal .label-list-modal-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.label_list_modal .label-list-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.label-list-filter-column {
    padding-left: 8rem;
    padding-right: 20rem;
}

.label-list-filter-group {
    position: relative;
}

.label-list-filter-group .input-group {
    display: flex;
    width: 100%;
}

.label-list-filter-group .select2-container {
    flex: 1 1 auto;
    width: auto !important;
}

.label-list-filter-group .select2-container .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.label-list-filter-group .input-group-addon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
}

.label-list-actions-column {
    margin-left: auto;
}

.label-list-add-button {
    border-radius: var(--default-radius, 10px);
    width: 20rem;
    max-width: 100%;
}

.label-list-table-wrapper {
    border: 0.5px solid #dbdbdb;
    border-radius: var(--default-radius, 10px);
}

.label-list-table {
    width: 100%;
}

.label-list-cell {
    padding: 12px 16px;
}

.label-list-row-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.label-list-title {
    font-weight: 600;
    color: rgba(120, 118, 118, 1);
    margin-bottom: 5px;
}

.label-list-subtitle {
    font-weight: 400;
    font-size: 12px;
    color: rgba(146, 144, 145, 1);
}

.label-list-preview-action {
    padding-right: 8rem;
}

.label-list-action-group {
    display: flex;
    gap: 10px;
    padding-right: 7rem;
}

.label-print-quantity-input {
    width: 4.5rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    color: inherit;
}

.label-print-quantity-input:focus {
    border: 0;
    outline: none;
    box-shadow: none;
    background: transparent;
}

.template-print-document {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
}

.template-print-document .no-print {
    margin: 10px;
}

.template-print-document .sheet-print-page {
    width: var(--template-print-page-width, 210mm);
    height: var(--template-print-page-height, 297mm);
    box-sizing: border-box;
    padding:
        var(--template-print-margin-top, 0mm)
        var(--template-print-margin-right, 0mm)
        var(--template-print-margin-bottom, 0mm)
        var(--template-print-margin-left, 0mm);
    display: grid;
    grid-template-columns: repeat(var(--template-print-columns, 1), var(--template-print-label-width, 90mm));
    grid-auto-rows: var(--template-print-label-height, 29mm);
    column-gap: var(--template-print-horizontal-spacing, 0mm);
    row-gap: var(--template-print-vertical-spacing, 0mm);
    align-content: start;
    justify-content: start;
    overflow: hidden;
    page-break-after: always;
    break-after: page;
}

.template-print-document .sheet-print-page:last-of-type {
    page-break-after: auto;
    break-after: auto;
}

.template-print-document .template-print-label {
    width: var(--template-print-label-width, 90mm);
    height: var(--template-print-label-height, 29mm);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    page-break-inside: avoid;
    background: #fff;
}

.template-print-document .template-print-label-empty {
    visibility: hidden;
}

.template-print-document .template-print-field {
    position: absolute;
    line-height: 1.15;
    overflow: hidden;
    color: #111;
    text-align: center;
    box-sizing: border-box;
}

.template-print-document .template-print-text-field {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    text-overflow: clip;
}

.template-print-document .template-print-barcode-field {
    overflow: visible;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.template-print-document .template-print-barcode {
    display: block;
    width: 100%;
    height: 10mm;
    object-fit: fill;
}

.template-print-document .template-print-barcode-text {
    font-size: 8px;
    line-height: 1.2;
    text-align: center;
    margin-top: 1mm;
}

@media print {
    .template-print-document .no-print {
        display: none !important;
    }
}

@media screen {
    .template-print-document {
        background: #f5f5f5;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 20px;
        box-sizing: border-box;
    }

    .template-print-document .sheet-print-page {
        background: #fff;
        box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
        margin: 0 auto 20px;
    }
}

#label-preview-trigger {
    padding-top: 1.4rem;
}

/* Temporary styles for the payment type modal custom controls.
   Keep this block isolated so it can be removed after the modal is migrated
   to the global Select2/collapse component styles. */
#payment_type_taxes_accordion {
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: none;
    margin-top: 20px;
}

#payment_type_taxes_accordion .box-title {
    color: #077AF1;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

#payment_type_taxes_accordion .payment-type-taxes-header > .select2-selection__arrow {
    height: 26px;
    position: absolute;
    right: 24px;
    top: 11px;
    width: 20px;
}

#payment_type_taxes_accordion .payment-type-taxes-header > .select2-selection__arrow b {
    display: inline-block;
    width: 0.36em;
    height: 0.36em;
    border-bottom: 1px solid;
    border-left: 1px solid;
    margin-left: -0.6em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotate(-45deg);
    font-size: 2rem;
    color: #077AF1;
    transition: 0.4s;
}

#payment_type_taxes_accordion .payment-type-taxes-header[aria-expanded="true"] .select2-selection__arrow b {
    transform: rotate(-226deg);
}

.payment-type-applicable-toggle {
    align-items: center;
    border: 1px solid #d2d6de;
    border-radius: 10px !important;
    background-color: #fff;
    color: #444;
    display: flex;
    height: 34px;
    justify-content: space-between;
    padding: 6px 30px 6px 12px;
    position: relative;
    width: 100%;
}

.payment-type-applicable-toggle > span:first-child {
    display: block;
    overflow: hidden;
    padding-right: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-type-applicable-toggle .select2-selection__arrow {
    height: 26px;
    position: absolute;
    right: 3px;
    top: 1px;
    width: 20px;
}

.payment-type-applicable-toggle .select2-selection__arrow b {
    display: inline-block;
    width: 0.36em;
    height: 0.36em;
    border-bottom: 1px solid;
    border-left: 1px solid;
    margin-left: -0.6em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotate(-45deg);
    font-size: 2rem;
    color: #077AF1;
    transition: 0.4s;
}

.payment-type-applicable-toggle[aria-expanded="true"] .select2-selection__arrow b {
    transform: rotate(-226deg);
}

.payment-type-applicable-menu {
    border-radius: 0 0 4px 4px;
    min-width: 100%;
    padding: 6px 0;
    width: 100%;
}

.payment-type-applicable-menu .dropdown-item,
.payment-type-applicable-menu .dropdown-item:hover,
.payment-type-applicable-menu .dropdown-item:focus,
.payment-type-applicable-menu .dropdown-item:active {
    background-color: transparent !important;
    border-left: 0 !important;
    color: #333 !important;
}

.payment-type-applicable-option {
    align-items: center;
    display: flex;
    gap: 8px;
    font-weight: 400;
    margin: 0;
    padding: 8px 15px;
    white-space: nowrap;
}

.payment-type-applicable-option .icheckbox_square-blue,
.payment-type-applicable-option input {
    flex: 0 0 18px;
    margin: 0;
}

.payment-type-applicable-option > span {
    color: #333 !important;
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#payment_type_table .payment-type-row-check-wrapper,
#bank_accounts_table .payment-type-row-check-wrapper,
#cost_center_table .payment-type-row-check-wrapper,
#flag_table .payment-type-row-check-wrapper,
#banks_table .payment-type-row-check-wrapper,
#payment_term_table .payment-type-row-check-wrapper {
    padding-left: 13px;
    text-align: left;
}

#payment_type_table .payment-type-row-actions,
#bank_accounts_table .payment-type-row-actions,
#cost_center_table .payment-type-row-actions,
#flag_table .payment-type-row-actions,
#banks_table .payment-type-row-actions,
#payment_term_table .payment-type-row-actions {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    justify-content: flex-start;
    width: max-content;
}

#payment_type_table .payment-type-row-actions>a,
#bank_accounts_table .payment-type-row-actions>a,
#cost_center_table .payment-type-row-actions>a,
#flag_table .payment-type-row-actions>a,
#banks_table .payment-type-row-actions>a,
#payment_term_table .payment-type-row-actions>a {
    align-items: center;
    display: inline-flex !important;
    flex: 0 0 30px;
    justify-content: center;
    margin: 0 !important;
    min-width: 30px;
    padding: 0 !important;
    width: 30px !important;
}

#payment_type_table .payment-type-row-actions svg,
#bank_accounts_table .payment-type-row-actions svg,
#cost_center_table .payment-type-row-actions svg,
#flag_table .payment-type-row-actions svg,
#banks_table .payment-type-row-actions svg,
#payment_term_table .payment-type-row-actions svg {
    display: block;
}

.payment_type_control_fees_modal .modal-dialog {
    left: 50%;
    margin: 0;
    max-width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    width: 890px;
}

.payment-type-operators-section {
    margin-top: 20px;
}

.payment-type-add-operator-link {
    display: inline-block;
    margin-bottom: 20px;
}

.payment-type-operator-card,
.payment-type-method-fee-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 15px;
}

.payment-type-operator-card .box-title,
.payment-type-method-fee-card .box-title {
    color: #077AF1;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

.payment-type-operator-card .payment-type-operator-title,
.payment-type-method-fee-card .payment-type-method-fee-title {
    color: #077AF1;
}

.payment-type-operator-card .payment-type-operator-header>.select2-selection__arrow,
.payment-type-method-fee-card .payment-type-method-fee-header>.select2-selection__arrow {
    height: 26px;
    position: absolute;
    right: 24px;
    top: 11px;
    width: 20px;
}

.payment-type-operator-card .payment-type-operator-header>.select2-selection__arrow b,
.payment-type-method-fee-card .payment-type-method-fee-header>.select2-selection__arrow b {
    display: inline-block;
    width: 0.36em;
    height: 0.36em;
    border-bottom: 1px solid;
    border-left: 1px solid;
    margin-left: -0.6em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotate(-45deg);
    font-size: 2rem;
    color: #077AF1;
    transition: 0.4s;
}

.payment-type-operator-card .payment-type-operator-header[aria-expanded="true"] .select2-selection__arrow b,
.payment-type-method-fee-card .payment-type-method-fee-header[aria-expanded="true"] .select2-selection__arrow b {
    transform: rotate(-226deg);
}

/* Payment type modal isolated styles.
   Keep selectors module-scoped to avoid collisions with shared modal,
   Select2 and table styles loaded from vendor.css. */
.payment-type-modal-dialog {
    width: 1410px;
}

.payment-type-modal-box,
.control-tax-modal-box {
    border: 1px solid #ddd;
    box-shadow: none;
}

.payment-type-modal-body,
.control-tax-modal-box {
    min-height: 680px;
}

.payment-type-select-full {
    width: 100%;
}

.payment-type-advanced-row {
    margin-top: 25px;
}

.payment-type-switches-group {
    padding-top: 32px;
}

.payment-type-taxes-box-body {
    min-height: 365px;
}

.payment-type-operator-option-label {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0;
    white-space: nowrap;
}

.payment-type-operator-option-label span {
    margin-left: 6px;
}

.payment-type-hidden-space {
    visibility: hidden;
}

.payment-type-operator-box-body {
    padding: 18px 22px 20px;
}

.payment-type-method-fee-body {
    padding: 18px 30px 28px;
}

.payment-type-pix-section,
.payment-type-bank-slip-section {
    margin-top: 20px;
}

.payment-type-observation {
    resize: vertical;
}

.payment-type-credit-first-option {
    margin-top: 29px;
}

.payment-type-credit-option {
    margin-top: 18px;
}

.payment-type-define-deadlines-wrapper {
    margin-top: 28px;
}

.payment-type-link-icon {
    margin-right: 8px;
}

.control-tax-modal-dialog {
    width: 720px;
}

.control-tax-modal-body {
    padding: 32px 16px;
}

.control-tax-modal-action {
    margin-right: 16px;
    margin-top: 26px;
}

.control-tax-modal-table-wrapper {
    margin-top: 44px;
}

.control-tax-rate-field {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.control-tax-rate-input {
    display: inline-block;
    padding: 0;
    width: 52px;
}

/* Payment type/payment term modal table layout.
   These module-scoped rules replace Blade inline styles for the card
   machine brands, control tax installments and payment term installments. */
.payment-type-modal-dialog .modal-content {
    overflow: hidden;
}

.payment-type-modal-dialog .modal-content>form {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 60px);
}

.payment-type-modal-dialog .modal-body {
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.payment-type-operator-card .payment-type-operator-header {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-align: left;
}

.payment-type-operator-card .payment-type-operator-title-row {
    align-items: center;
    display: inline-flex;
    min-height: 30px;
    text-align: left;
}

.payment-type-operator-card .payment-type-operator-actions {
    align-items: center;
    display: inline-flex;
    gap: 2px;
    height: 30px;
    line-height: 0;
    margin-left: 15px;
}

.payment-type-operator-card .payment-type-operator-actions.hide {
    display: none !important;
}

.payment-type-operator-card .box-title {
    flex: 0 0 auto;
    text-align: left;
    width: auto !important;
}

.payment-type-operator-card .payment-type-card-brands-table-wrapper,
.control_tax_modal .payment-type-card-brands-table-wrapper,
.payment-term-installments-wrapper {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.payment-type-operator-card .payment-type-card-brands-table-wrapper,
.control_tax_modal .payment-type-card-brands-table-wrapper {
    overflow-y: auto;
}

.payment-type-operator-card .payment-type-card-brands-table-wrapper {
    max-height: 190px;
}

.control_tax_modal .payment-type-card-brands-table-wrapper {
    max-height: 306px;
}

.payment-term-installments-wrapper .table-responsive {
    border-top: 0;
}

.payment-term-installments-scroll {
    max-height: 45rem;
    min-height: 45rem;
    overflow-y: auto;
}

.payment-type-operator-card .payment-type-operator-brands-table,
.control_tax_modal .payment-type-card-brands-table,
.payment-term-installments-table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 0;
    width: 100%;
}

.payment-type-operator-card .payment-type-operator-brands-table th,
.control_tax_modal .payment-type-card-brands-table th {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
}

.payment-type-operator-card .payment-type-operator-brands-table th,
.payment-type-operator-card .payment-type-operator-brands-table td {
    padding: 8px;
}

.payment-type-operator-card .payment-type-operator-brands-table th {
    padding-top: 10px;
    padding-bottom: 10px;
}

.control_tax_modal .payment-type-card-brands-table th,
.control_tax_modal .payment-type-card-brands-table td,
.payment-term-installments-table th,
.payment-term-installments-table td {
    padding: 10px 12px;
}

.payment-type-operator-card .payment-type-operator-brands-table th,
.control_tax_modal .payment-type-card-brands-table th,
.payment-term-installments-table th {
    border-bottom: 1px solid #ddd;
    color: #3e4c70;
    font-weight: 400;
    text-align: center;
}

.payment-type-operator-card .payment-type-operator-brands-table td,
.control_tax_modal .payment-type-card-brands-table td,
.payment-term-installments-table td {
    border-top: 1px solid #eee;
    color: #3e4c70;
    text-align: center;
    vertical-align: middle;
}

.payment-type-operator-card .payment-type-operator-brands-table tbody tr:nth-child(odd),
.control_tax_modal .payment-type-card-brands-table tbody tr:nth-child(odd),
.payment-term-installments-table tbody tr:nth-child(odd) {
    background-color: #f5f8fb;
}

.payment-type-table-check-column {
    text-align: center;
    width: 36px;
}

.payment-type-table-installments-column {
    width: 140px;
}

.product-grid-view tbody tr td {
    height: 40px;
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle;
}

.product-grid-view th.product-grid-checkbox-column,
.product-grid-view td.product-grid-checkbox-column,
.product-grid-view th:nth-child(1),
.product-grid-view td:nth-child(1) {
    max-width:20px !important;
    min-width: 20px !important;
    width: 20px !important;
}

.product-grid-view th.product-grid-image-column,
.product-grid-view td.product-grid-image-column,
.product-grid-view th:nth-child(2),
.product-grid-view td:nth-child(2) {
    max-width: 70px !important;
    min-width: 70px !important;
    width: 70px !important;
}

.product-grid-view th.product-grid-actions-column,
.product-grid-view td.product-grid-actions-column,
.product-grid-view th:nth-child(3),
.product-grid-view td:nth-child(3) {
    max-width: 120px !important;
    min-width: 120px !important;
    width: 120px !important;
}

.product-grid-view tbody tr td:nth-child(3) > div {
    position: relative;
    top: 0;
}

.product-grid-view .product-actions-dropdown-wrapper {
    display: flex;
    justify-content: center;
}

.product-grid-view .product-actions-dropdown {
    position: relative;
}

.product-grid-view .product-actions-toggle {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    padding: 0;
    width: 40px;
}

.product-grid-view .product-actions-toggle.dropdown-toggle::after {
    display: none;
}

.product-grid-view .product-actions-menu {
    background-color: #fff;
    border: 1px solid #d9dee8;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(23, 32, 42, 0.18);
    margin: 0;
    min-width: 185px;
    padding: 4px 0;
}

.product-grid-view .product-actions-dropdown.dropright .product-actions-menu {
    margin-left: 2px;
}

.product-grid-view .product-actions-dropdown.dropup .product-actions-menu {
    margin-bottom: 4px;
}

.product-grid-view .product-actions-menu li {
    list-style: none;
}

.product-grid-view .product-actions-menu .product-action-dropdown-item {
    background-color: transparent;
    border: 0;
    color: #333 !important;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 9px 20px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.product-grid-view .product-actions-menu .product-action-dropdown-item:focus,
.product-grid-view .product-actions-menu .product-action-dropdown-item:hover {
    background-color: #dbe8fb;
    box-shadow: inset 2px 0 0 #077af1;
    color: #077af1 !important;
    outline: 0;
    text-decoration: none;
}

.product-actions-menu.dropdown-menu-detached {
    background-color: #fff;
    border: 1px solid #d9dee8;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(23, 32, 42, 0.18);
    display: block;
    margin: 0;
    max-width: none;
    min-width: 185px;
    padding: 4px 0;
    right: auto !important;
    width: auto !important;
    z-index: 2000;
}

.product-actions-menu.dropdown-menu-detached li {
    list-style: none;
}

.product-actions-menu.dropdown-menu-detached .product-action-dropdown-item {
    background-color: transparent;
    border: 0;
    color: #333 !important;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 9px 20px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.product-actions-menu.dropdown-menu-detached .product-action-dropdown-item:focus,
.product-actions-menu.dropdown-menu-detached .product-action-dropdown-item:hover {
    background-color: #dbe8fb;
    box-shadow: inset 2px 0 0 #077af1;
    color: #077af1 !important;
    outline: 0;
    text-decoration: none;
}

.sell-return-product-actions {
    display: flex;
    justify-content: center;
}

.sell-return-product-actions .product-actions-dropdown {
    position: relative;
}

.sell-return-product-actions .product-actions-toggle {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    padding: 0;
    width: 40px;
}

.sell-return-product-actions .product-actions-toggle.dropdown-toggle::after {
    display: none;
}

.sell-return-product-actions .product-actions-menu {
    background-color: #fff;
    border: 1px solid #d9dee8;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(23, 32, 42, 0.18);
    margin: 0;
    min-width: 185px;
    padding: 4px 0;
}

.sell-return-product-actions .product-actions-dropdown.dropright .product-actions-menu {
    margin-left: 2px;
}

.sell-return-product-actions .product-actions-dropdown.dropup .product-actions-menu {
    margin-bottom: 4px;
}

.sell-return-product-actions .product-actions-menu li {
    list-style: none;
}

.sell-return-product-actions .product-actions-menu .product-action-dropdown-item {
    background-color: transparent;
    border: 0;
    color: #333 !important;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 9px 20px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.sell-return-product-actions .product-actions-menu .product-action-dropdown-item:focus,
.sell-return-product-actions .product-actions-menu .product-action-dropdown-item:hover {
    background-color: #dbe8fb;
    box-shadow: inset 2px 0 0 #077af1;
    color: #077af1 !important;
    outline: 0;
    text-decoration: none;
}

.sell-return-grid-actions {
    align-items: center;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    line-height: 0;
    white-space: nowrap;
}

.sell-return-grid-actions .selectgroup-item {
    align-items: center;
    display: inline-flex;
    height: 35px;
    line-height: 0;
    vertical-align: middle;
}

.sell-return-grid-actions .sell-return-product-edit,
.sell-return-grid-actions .delete-product,
.sell-return-grid-actions .product-actions-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    color: #077af1 !important;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    line-height: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;
    width: 40px;
}

.sell-return-grid-actions .product-actions-dropdown-wrapper,
.sell-return-grid-actions .sell-return-product-actions {
    align-items: center;
    display: inline-flex;
    height: 35px;
    line-height: 0;
}

.sell-return-grid-actions .product-actions-dropdown {
    align-items: center;
    display: inline-flex;
    height: 35px;
}

.sell-return-grid-actions svg {
    display: block;
    flex: 0 0 auto;
}

.sell-return-grid-actions .product-actions-toggle:active,
.sell-return-grid-actions .product-actions-toggle:focus,
.sell-return-grid-actions .product-actions-toggle:hover,
.sell-return-grid-actions .product-actions-dropdown.show .product-actions-toggle {
    background: transparent !important;
    box-shadow: none !important;
    color: #077af1 !important;
}

.sell-return-grid-actions .product-actions-toggle.dropdown-toggle::after {
    display: none;
}

.sell-return-grid-actions .product-actions-menu {
    background-color: #fff;
    border: 1px solid #d9dee8;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(23, 32, 42, 0.18);
    margin: 0;
    min-width: 185px;
    padding: 4px 0;
}

.sell-return-grid-actions .product-actions-menu li {
    list-style: none;
}

.sell-return-grid-actions .product-actions-menu .product-action-dropdown-item {
    background-color: transparent;
    border: 0;
    color: #333 !important;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 9px 20px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.sell-return-grid-actions .product-actions-menu .product-action-dropdown-item:focus,
.sell-return-grid-actions .product-actions-menu .product-action-dropdown-item:hover {
    background-color: #dbe8fb;
    box-shadow: inset 2px 0 0 #077af1;
    color: #077af1 !important;
    outline: 0;
    text-decoration: none;
}

.product-grid-view tbody tr:not(.product-variation-row) .product-thumbnail-small {
    height: 40px !important;
    padding: 2px !important;
    width: 40px !important;
}

.product-grid-view tbody tr:not(.product-variation-row) .product-thumbnail-small img {
    display: block;
    height: 100% !important;
    object-fit: contain;
    width: 100% !important;
}

.product-grid-view tbody tr.has-product-variations {
    cursor: pointer;
}

.product-grid-view tbody tr.product-variation-expanded > td {
    background-color: #f7f9fc;
}

.product-grid-view tbody tr.product-variation-row td {
    background-color: #fff;
    font-style: italic;
    height: 40px;
    line-height: 1.2;
    vertical-align: middle;
    border-top: 0;
    padding-bottom: 0;
    padding-top: 0.5rem;
}

.product-grid-view tbody tr.product-variation-row td > p {
    color: #949494;
}

.product-grid-view tbody tr.product-variation-row {
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 180ms ease, transform 180ms ease;
}

.product-grid-view tbody tr.product-variation-row.product-variation-row-visible {
    opacity: 1;
    transform: translateY(0);
}

.product-grid-view tbody tr.product-variation-row.product-variation-row-exiting {
    opacity: 0;
    transform: translateY(-6px);
}

.product-grid-view tbody tr.product-variation-expanded > td:nth-child(3) .flex-center {
    visibility: hidden;
}

.product-grid-view tbody tr.product-variation-expanded > td:nth-child(2) .product-image-trigger {
    visibility: hidden;
}

.product-grid-view tbody tr.product-variation-row td:nth-child(3) > div,
.product-grid-view tbody tr.product-variation-row td:nth-child(3) .flex-center {
    position: static;
    top: auto;
}

.product-grid-view tbody tr.product-variation-row.product-variation-dropdown-open,
.product-grid-view tbody tr.product-variation-row.product-variation-dropdown-open td:nth-child(3) {
    position: relative;
    z-index: 1050;
}

.product-grid-view tbody tr.product-variation-row.product-variation-dropdown-open .product-actions-dropdown,
.product-grid-view tbody tr.product-variation-row.product-variation-dropdown-open .product-actions-menu {
    z-index: 1060;
}

.product-grid-view tbody tr.product-variation-row td:nth-child(3) .dropdown-item-sa:not(.product-action-dropdown-item),
.product-grid-view tbody tr.product-variation-row td:nth-child(3) .btn-link {
    align-items: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    height: 35px;
    justify-content: center;
    min-height: 35px;
    padding: 0;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
    width: 40px;
}

.product-grid-view tbody tr.product-variation-row td:nth-child(3) .dropdown-item-sa:not(.product-action-dropdown-item):hover,
.product-grid-view tbody tr.product-variation-row td:nth-child(3) .btn-link:hover {
    background-color: transparent;
    color: inherit !important;
}

.product-grid-view tbody tr.product-variation-row td:nth-child(3) .product-actions-menu {
    font-style: normal;
    line-height: normal;
}

.product-grid-view tbody tr.product-variation-row td:nth-child(3) .product-actions-menu .product-action-dropdown-item {
    background-color: transparent;
    border: 0;
    color: #333 !important;
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    justify-content: flex-start;
    line-height: 18px;
    min-height: 0;
    padding: 9px 20px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

.product-grid-view tbody tr.product-variation-row td:nth-child(3) .product-actions-menu .product-action-dropdown-item:focus,
.product-grid-view tbody tr.product-variation-row td:nth-child(3) .product-actions-menu .product-action-dropdown-item:hover {
    background-color: #dbe8fb;
    box-shadow: inset 2px 0 0 #077af1;
    color: #077af1 !important;
    outline: 0;
    text-decoration: none;
}

.product-grid-view tbody tr.product-variation-row .product-variation-checkbox-cell input {
    margin-left: 0;
}

.product-grid-view .product-variation-image-wrap,
.product-balance-product-image .product-variation-image-wrap {
    display: flex;
    justify-content: center;
}

.product-grid-view .product-variation-thumbnail,
.product-balance-product-image .product-variation-thumbnail {
    align-items: center;
    background-color: #fff;
    border: 1px solid #1b82ec;
    border-radius: 4px;
    display: flex;
    height: 40px;
    justify-content: center;
    overflow: hidden;
    padding: 2px;
    width: 40px;
}

.product-grid-view .product-variation-thumbnail-img,
.product-balance-product-image .product-variation-thumbnail-img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.product-grid-view .product-variation-count {
    color: #077AF1;
    text-decoration: underline;
}

.dataTables_scrollBody table.product-grid-view.dataTable tbody tr td.ecom.circle-active::before,
.dataTables_scrollBody table.product-grid-view.dataTable tbody tr td.ecom.circle-inactive::before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product-search-advanced-dialog {
    height: calc(100vh - 48px);
    margin: 24px auto;
    max-height: calc(100vh - 48px);
    max-width: 1580px;
    width: calc(100vw - 48px);
}

.product-search-advanced-dialog.modal-dialog-scrollable .modal-content {
    height: 100%;
    max-height: 100%;
}

.product-search-advanced-modal {
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.product-search-advanced-modal__header {
    align-items: flex-start;
    border-bottom: 0;
    padding: 30px 30px 0;
    position: relative;
}

.product-search-advanced-modal__heading {
    width: 100%;
}

.product-search-advanced-modal__header .modal-title {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.product-search-advanced-modal__subtitle {
    color: #666;
    font-size: 15px;
    line-height: 18px;
    margin: 10px 0 0;
}

.product-search-advanced-modal__close {
    color: #333;
    font-size: 34px;
    font-weight: 300;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 30px;
    text-shadow: none;
    top: 18px;
}

.product-search-advanced-modal__close:hover,
.product-search-advanced-modal__close:focus {
    color: #333;
    opacity: 1;
}

.product-search-advanced-modal__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden !important;
    padding: 44px 30px 0;
    background-color: #FFFFFF;
}

.product-search-advanced-modal__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.product-search-advanced-modal__field {
    flex: 0 0 300px;
    margin-bottom: 0;
    max-width: 300px;
}

.product-search-advanced-modal__field--product {
    flex-basis: 570px;
    max-width: 570px;
}

.product-search-advanced-modal__field label {
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 5px;
}

.product-search-advanced-modal__input-group {
    align-items: stretch;
    display: flex;
}

.product-search-advanced-modal__input,
.product-search-advanced-modal__field .form-control,
.product-search-advanced-modal .select2-container--default .select2-selection--single {
    background: #fff;
    border-radius: 7px;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    height: 42px;
    line-height: 20px;
}

.product-search-advanced-modal__input {
    border-right: 0;
    padding: 10px 14px;
}

.product-search-advanced-modal__input:focus,
.product-search-advanced-modal__field .form-control:focus,
.product-search-advanced-modal .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #d8e2f0;
    box-shadow: none;
}

.product-search-advanced-modal__addon {
    align-items: center;
    background: #fff;
    border: 1px solid #d8e2f0;
    border-left: 0;
    border-radius: 0 7px 7px 0;
    color: #333;
    display: flex;
    justify-content: center;
    min-width: 48px;
    padding: 0 14px;
}

.product-search-advanced-modal .select2-container {
    width: 100% !important;
}

.product-search-advanced-modal .select2-container--default .select2-selection--single {
    align-items: center;
    display: flex;
    padding: 0 40px 0 14px;
}

.product-search-advanced-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333;
    line-height: 20px;
    padding-left: 0;
    padding-right: 0;
}

.product-search-advanced-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    right: 10px;
}

.product-search-advanced-modal__content {
    align-items: stretch;
    display: grid;
    flex: 1 1 auto;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) 345px;
    min-height: 0;
    padding-bottom: 20px;
}

.product-search-advanced-modal__list-panel,
.product-search-advanced-modal__preview-panel {
    background: #fff;
    border: 1px solid #d8e2f0;
    border-radius: 10px;
    overflow: hidden;
}

.product-search-advanced-modal__list-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.product-search-advanced-modal__table-wrap {
    border-radius: 10px;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}

.product-search-advanced-modal__table-wrap .dataTables_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}

.product-search-advanced-modal__table-wrap .button_length {
    display: none;
}

.product-search-advanced-modal__table-wrap .dataTables_scroll {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    border: 0px;
}

.product-search-advanced-modal__table-wrap .dataTables_scrollHead,
.product-search-advanced-modal__table-wrap .dataTables_scrollHeadInner,
.product-search-advanced-modal__table-wrap .dataTables_scrollHeadInner table,
.product-search-advanced-modal__table-wrap .dataTables_scrollBody table {
    width: 100% !important;
}

.product-search-advanced-modal__table-wrap .dataTables_scrollHead {
    flex: 0 0 auto;
    overflow: hidden;
}

.product-search-advanced-modal__table-wrap .dataTables_scrollBody {
    border-bottom: 1px solid #dfe9f5;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto !important;
}

.product-search-advanced-modal__table-wrap table.product-grid-view {
    border-collapse: separate;
    border-spacing: 0;
    display: table;
    margin-bottom: 0 !important;
    min-width: 982px;
    width: 100% !important;
}

.product-search-advanced-modal__table-wrap table.product-grid-view thead,
.product-search-advanced-modal__table-wrap table.product-grid-view tbody {
    width: auto;
}

.product-search-advanced-modal__table-wrap table.product-grid-view thead {
    display: table-header-group;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody {
    display: table-row-group;
    overflow: visible;
}

.product-search-advanced-modal__table-wrap table.product-grid-view thead tr,
.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr {
    display: table-row;
    width: auto;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr.child,
.product-search-advanced-modal__table-wrap table.product-grid-view thead tr th:nth-child(n+10),
.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr td:nth-child(n+10) {
    display: none !important;
}

.product-search-advanced-modal__table-wrap table.product-grid-view th,
.product-search-advanced-modal__table-wrap table.product-grid-view td {
    box-sizing: border-box;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__colgroup-checkbox,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(1),
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(1) {
    max-width: 44px !important;
    min-width: 44px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    width: 44px !important;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__colgroup-image,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(2),
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(2) {
    max-width: 58px !important;
    min-width: 58px !important;
    width: 58px !important;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__colgroup-reference,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(3),
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(3) {
    max-width: 120px !important;
    min-width: 120px !important;
    width: 120px !important;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__colgroup-description,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(4),
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(4) {
    max-width: 300px !important;
    min-width: 300px !important;
    width: 300px !important;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__colgroup-color,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(5),
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(5) {
    max-width: 80px !important;
    min-width: 80px !important;
    width: 80px !important;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__colgroup-size,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(6),
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(6) {
    max-width: 90px !important;
    min-width: 90px !important;
    width: 90px !important;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__colgroup-stock,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(7),
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(7) {
    max-width: 80px !important;
    min-width: 80px !important;
    width: 80px !important;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__colgroup-price,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(8),
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(8) {
    max-width: 105px !important;
    min-width: 105px !important;
    width: 105px !important;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__colgroup-actions,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(9),
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(9) {
    max-width: 105px !important;
    min-width: 105px !important;
    width: 105px !important;
}

.product-search-advanced-modal__table-wrap table.product-grid-view thead th {
    background: #f4f6f8;
    border-right: 0px;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr.product-search-advanced-modal__row--selected td,
.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr:nth-child(odd).product-search-advanced-modal__row--selected td {
    background: #f8fbff !important;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr td {
    height: 40px;
    overflow: hidden;
    padding-block: 8px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr td span {
    margin-top: 0px !important;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody td.product-search-advanced-modal__col-description {
    text-align: left !important;
    white-space: nowrap;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__description-content {
    align-items: baseline;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: flex-start;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__description-text {
    display: inline-block;
    flex: 0 1 auto;
    line-height: 18px;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-inline: 0 !important;
    margin-top: 0 !important;
}

.product-search-advanced-modal__table-wrap .product-search-advanced-modal__description-content--has-variation .product-search-advanced-modal__description-text {
    max-width: calc(100% - 92px);
}

.product-search-advanced-modal__table-wrap .product-variation-count {
    display: inline-flex !important;
    flex: 0 0 auto;
    line-height: 18px;
    margin: 0;
    white-space: nowrap;
}

.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(1) .icheckbox_square-blue,
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(1) .icheckbox_square-blue {
    display: block;
    margin: 0 auto;
}

.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(1) > div {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 0 !important;
}

.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(1) input.product-row-select,
.product-search-advanced-modal__table-wrap table.product-grid-view td:nth-child(1) input.product-row-select,
.product-search-advanced-modal__table-wrap table.product-grid-view th:nth-child(1) input.check-all {
    margin-left: 0 !important;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody td.product-search-advanced-modal__col-reference,
.product-search-advanced-modal__table-wrap table.product-grid-view tbody td.product-search-advanced-modal__col-color,
.product-search-advanced-modal__table-wrap table.product-grid-view tbody td.product-search-advanced-modal__col-size,
.product-search-advanced-modal__table-wrap table.product-grid-view tbody td.product-search-advanced-modal__col-stock,
.product-search-advanced-modal__table-wrap table.product-grid-view tbody td.product-search-advanced-modal__col-price {
    white-space: nowrap;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody td.product-search-advanced-modal__col-actions .flex-center {
    justify-content: center;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr td:nth-child(3) > div {
    position: static;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr.product-variation-expanded > td:nth-child(3) .flex-center {
    visibility: visible;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr.product-variation-expanded > td:nth-child(9) .flex-center {
    visibility: hidden;
}

.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr.product-variation-row td:nth-child(9) > div,
.product-search-advanced-modal__table-wrap table.product-grid-view tbody tr.product-variation-row td:nth-child(9) .flex-center {
    position: static;
    top: auto;
}

.product-search-advanced-modal__table-wrap .dataTables_info,
.product-search-advanced-modal__table-wrap .dataTables_paginate {
    color: #5f6f88;
    font-size: 12px;
    padding: 12px 16px 14px;
}

.product-search-advanced-modal__table-wrap .dataTables_wrapper > .row {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    margin: 0;
    width: 100%;
}

.product-search-advanced-modal__table-wrap .dataTables_wrapper > .row > .col-sm-6 {
    flex: 1 1 50%;
    max-width: 50%;
    width: 50%;
}

.product-search-advanced-modal__table-wrap .dataTables_paginate {
    padding-top: 8px;
}

.product-search-advanced-modal__table-wrap .dataTables_paginate .paginate_button {
    border-radius: 6px !important;
    min-width: 32px;
}

.product-search-advanced-modal__preview-panel {
    height: auto;
    min-height: 0;
}

.product-search-advanced-modal__preview-panel {
    display: flex;
    flex-direction: column;
    padding: 19px 19px 20px;
}

.product-search-advanced-modal__preview-title {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 14px;
}

.product-search-advanced-modal__preview-media {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    height: 190px;
    justify-content: center;
    max-height: 190px;
    max-width: 305px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.product-search-advanced-modal__preview-picture {
    align-items: center;
    background: #eef5ff !important;
    box-sizing: border-box;
    border: 1px solid #cfdff2 !important;
    border-radius: 8px !important;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    max-height: 190px;
    max-width: 100%;
    overflow: hidden;
    padding: 7px;
    width: 100%;
}

.product-search-advanced-modal__preview-image {
    background: #f4f8ff;
    border-radius: 6px;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.product-search-advanced-modal__preview-image[src$="pos-no-picture.svg"] {
    background: transparent;
    height: 70px;
    width: 70px;
}

.product-search-advanced-modal__preview-summary {
    margin-bottom: 24px;
    max-width: 100%;
    min-width: 0;
}

.product-search-advanced-modal__preview-name {
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 15px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-search-advanced-modal__preview-reference {
    align-items: center;
    background: #f2f5f9;
    border-radius: 10px;
    color: #666;
    display: inline-flex;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    min-height: 28px;
    padding: 5px 15px;
}

.product-search-advanced-modal__preview-details {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 18px;
}

.product-search-advanced-modal__preview-detail {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 15px;
    gap: 10px;
    line-height: 18px;
    min-height: 20px;
}

.product-search-advanced-modal__preview-icon {
    align-items: center;
    color: #333;
    display: inline-flex;
    flex: 0 0 20px;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.product-search-advanced-modal__preview-label {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
}

.product-search-advanced-modal__preview-value {
    color: #333;
    font-size: 15px;
    line-height: 18px;
    margin-left: auto;
    text-align: right;
}

.product-search-advanced-modal__preview-value--stock {
    color: #1b9b45;
}

.product-search-advanced-modal__preview-value--price {
    color: #077af1;
    font-weight: 600;
}

.product-search-advanced-modal__footer {
    border-top: 0;
}

.product-search-advanced-modal__footer-actions {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 250px));
    margin-left: auto;
    width: 530px;
}

.product-search-advanced-modal__footer-button {
    border-radius: 10px;
    font-size: 20px;
    font-weight: 400;
    height: 55px;
    line-height: 24px;
    width: 100%;
}

.product-search-advanced-modal__footer-button.fsl {
    font-size: large !important;
}

.product-search-advanced-modal__footer-button--secondary {
    background: #fff;
    border: 1px solid #077af1;
    color: #077af1 !important;
}

.product-search-advanced-modal__footer-button--secondary:hover,
.product-search-advanced-modal__footer-button--secondary:focus {
    background: #fff;
    border-color: #077af1;
    color: #077af1 !important;
}

.product-search-advanced-modal__footer-button--primary {
    background: #077af1;
    border-color: #077af1;
}

@media (max-width: 1599px) {
    .product-search-advanced-dialog {
        height: calc(100vh - 24px);
        max-height: calc(100vh - 24px);
        width: calc(100vw - 24px);
    }
}

@media (max-width: 1399px) {
    .product-search-advanced-modal__content {
        grid-template-columns: minmax(0, 1fr);
    }

    .product-search-advanced-modal__preview-panel,
    .product-search-advanced-modal__table-wrap {
        height: auto;
        min-height: 0;
    }
}

@media (max-width: 991px) {
    .product-search-advanced-modal__header,
    .product-search-advanced-modal__body,
    .product-search-advanced-modal__footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-search-advanced-modal__body {
        padding-top: 32px;
    }

    .product-search-advanced-modal__field,
    .product-search-advanced-modal__field--product {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .product-search-advanced-modal__footer-actions {
        gap: 16px;
        grid-template-columns: 1fr;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .product-search-advanced-dialog {
        height: calc(100vh - 16px);
        margin: 12px auto;
        max-height: calc(100vh - 16px);
        width: calc(100vw - 16px);
    }

    .product-search-advanced-modal__header .modal-title {
        font-size: 24px;
        line-height: 30px;
        padding-right: 36px;
    }
}

.product-tax-table .product-tax-row-actions {
    align-items: center;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    margin-bottom: 0;
}

.product-tax-table .product-tax-row-actions .selectgroup-item {
    border: 0;
}

.product-tax-table .product-tax-row-actions .dropdown-menu:empty {
    display: none;
}

#stock_adjustment_table tbody tr.child > td,
#stock_adjustment_table tbody tr > td[colspan],
#stock_transfer_table tbody tr.child > td,
#stock_transfer_table tbody tr > td[colspan] {
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
}

#stock_adjustment_table .stock-adjustment-child-grid-wrapper,
#stock_transfer_table .stock-adjustment-child-grid-wrapper {
    padding: 0 0 0 55px;
    background-color: #f7f9fc;
}

#stock_adjustment_table .stock-adjustment-child-grid,
#stock_transfer_table .stock-adjustment-child-grid {
    margin-bottom: 0;
    background-color: #f7f9fc;
}

#stock_adjustment_table .stock-adjustment-child-grid th,
#stock_adjustment_table .stock-adjustment-child-grid td,
#stock_transfer_table .stock-adjustment-child-grid th,
#stock_transfer_table .stock-adjustment-child-grid td {
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
}

.stock-adjustment-checkbox {
    margin-left: 13px;
}

.stock-adjustment-selection-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stock-adjustment-selection-group,
.stock-adjustment-tag-box,
.stock-adjustment-delete-action {
    display: flex;
    align-items: center;
}

.stock-adjustment-tag-box {
    display: none;
    margin-left: 2rem;
    gap: 8px;
}

.stock-adjustment-products-wrapper {
    border: 0.5px solid #ccc;
    padding: 0;
    border-radius: 10px;
}

.stock-adjustment-row-cell {
    padding: 0 1rem;
}

.stock-adjustment-product-name {
    width: 16em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product-balance-product-image {
    cursor: pointer;
}

.product-balance-form-box {
    border: 1px solid #dfe3ea;
    border-radius: 8px;
    min-height: calc(100vh - 82px);
    margin-bottom: 0;
}

.product-balance-form-box > form {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 82px);
}

.product-balance-form-box .box-body {
    flex: 1 1 auto;
    padding: 28px 22px 24px;
}

.product-balance-readonly-title {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    margin-bottom: 22px;
}

.product-balance-footer {
    align-items: center;
    background: #fff;
    border-top: 1px solid #edf0f4;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding: 12px 18px;
}

.product-balance-footer-btn {
    font-size: 15px;
    font-weight: 400 !important;
    line-height: normal;
    min-width: 86px;
}

.i-alert-modal-dialog {
    max-width: 625px;
    width: 625px;
}

.i-alert-modal.alert-info,
.i-alert-modal.alert-warning,
.i-alert-modal.alert-danger {
    background-color: #fff !important;
    border: 0;
    border-radius: 6px;
    color: var(--i-alert-color) !important;
    overflow: hidden;
}

.i-alert-modal.alert-info {
    --i-alert-color: #077AF1;
    --i-alert-bg-color: #EEF6FF;
}

.i-alert-modal.alert-warning {
    --i-alert-color: #FBA422;
    --i-alert-bg-color: #FFF7EA;
}

.i-alert-modal.alert-danger {
    --i-alert-color: #EE7171;
    --i-alert-bg-color: #FFF1F1;
}

.i-alert-modal-header {
    padding: 26px 18px 0;
}

.i-alert-modal-icon {
    color: var(--i-alert-color);
    display: inline-flex;
    height: 90px;
    width: 90px;
}

.i-alert-modal-icon svg {
    display: block;
    height: 100%;
    width: 100%;
}

.i-alert-modal-title {
    color: var(--i-alert-color);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin: 14px 0 0;
}

.i-alert-modal-body {
    padding: 40px 17px 22px;
    background: transparent;
}

.i-alert-modal .i-alert-message.alert {
    background-color: var(--i-alert-bg-color) !important;
    border-radius: 7px;
    color: var(--i-alert-color) !important;
    margin: 0;
    min-height: 110px;
    padding: 17px 14px 14px;
    border-width: 0.2px 0.2px 0.2px 5px;
    border-style: solid;
    border-color: var(--i-alert-color);
}

.i-alert-message-content {
    color: var(--i-alert-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
}

.i-alert-message-content p {
    margin: 0 0 6px;
}

.i-alert-message-content p:last-child {
    margin-bottom: 0;
}

.i-alert-message-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 46px;
}

.i-alert-modal-footer {
    padding: 0 17px 17px;
}

.i-alert-modal-actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.i-alert-modal-btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    min-width: 118px;
    padding: 0 18px;
}

.i-alert-modal-btn-secondary {
    background-color: #E6EBF1 !important;
    border-color: #E6EBF1 !important;
    color: var(--i-alert-color) !important;
}

.i-alert-modal-btn-primary {
    background-color: var(--i-alert-color) !important;
    border-color: var(--i-alert-color) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .i-alert-modal-dialog {
        max-width: calc(100vw - 20px);
        width: calc(100vw - 20px);
    }

    .i-alert-message-summary,
    .i-alert-modal-actions {
        gap: 10px;
    }
}

.message-box-modal .i-alert-modal-dialog {
    max-width: 888px;
    width: calc(100vw - 28px);
}

.message-box-modal .i-alert-modal.alert-info,
.message-box-modal .i-alert-modal.alert-warning,
.message-box-modal .i-alert-modal.alert-danger {
    background: #ffffff !important;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
    color: #333333 !important;
    overflow: hidden;
}

.message-box-modal .i-alert-modal-header {
    align-items: center;
    border-bottom: 1px solid #d8e2f0;
    display: flex;
    justify-content: space-between;
    min-height: 125px;
    padding: 31px 32px;
}

.message-box-modal .i-alert-modal-header:before,
.message-box-modal .i-alert-modal-header:after {
    content: none;
    display: none;
}

.message-box-modal .i-alert-modal-heading {
    align-items: center;
    display: flex;
    gap: 40px;
    min-width: 0;
}

.message-box-modal .i-alert-modal-icon {
    color: var(--i-alert-color);
    display: inline-flex;
    flex: 0 0 60px;
    height: 60px;
    width: 60px;
}

.message-box-modal .i-alert-modal-icon svg {
    display: block;
    height: 100%;
    width: 100%;
}

.message-box-modal .i-alert-modal-title {
    color: #333333;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.message-box-modal .i-alert-modal-close {
    color: #333333;
    font-size: 38px;
    font-weight: 300;
    line-height: 1;
    opacity: 1;
    padding: 0;
    position: static;
    text-shadow: none;
}

.message-box-modal .i-alert-modal-body {
    background: #ffffff;
    padding: 26px 54px 27px;
}

.message-box-modal .i-alert-modal-headline {
    color: #333333;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 29px;
}

.message-box-modal .i-alert-modal-description {
    align-items: center;
    color: #666666;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    gap: 14px 20px;
    line-height: 1.4;
    margin-bottom: 54px;
}

.message-box-modal .i-alert-modal-description:last-child {
    margin-bottom: 0;
}

.message-box-modal .i-alert-modal-tags {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 18px;
}

.message-box-modal .i-alert-modal-tags strong {
    background: #ffffff;
    border: 1px solid var(--i-alert-color);
    border-radius: 8px;
    color: var(--i-alert-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 11px;
}

.message-box-modal .i-alert-modal-notice {
    align-items: center;
    background: var(--i-alert-bg-color);
    border: 1px solid var(--i-alert-color);
    border-radius: 8px;
    color: #666666;
    display: flex;
    font-size: 16px;
    gap: 36px;
    min-height: 68px;
    padding: 17px 28px;
}

.message-box-modal .i-alert-modal-notice i {
    color: var(--i-alert-color);
    flex: 0 0 auto;
    font-size: 31px;
}

.message-box-modal .i-alert-modal-footer {
    background: #ffffff;
    border-top: 1px solid #d8e2f0 !important;
    padding: 27px 26px 25px;
}

.message-box-modal .i-alert-modal-actions {
    align-items: center;
    display: flex;
    gap: 26px;
    justify-content: flex-end;
    width: 100%;
}

.message-box-modal .i-alert-modal-btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 17px;
    font-weight: 400;
    gap: 13px;
    height: 49px;
    justify-content: center;
    margin: 0;
    padding: 0 24px;
}

.message-box-modal .i-alert-modal-btn-secondary {
    background: #ffffff !important;
    border: 1px solid var(--i-alert-color) !important;
    color: var(--i-alert-color) !important;
    min-width: 134px;
}

.message-box-modal .i-alert-modal-btn-primary {
    background: var(--i-alert-color) !important;
    border: 1px solid var(--i-alert-color) !important;
    color: #ffffff !important;
    min-width: 194px;
}

.message-box-modal .i-alert-modal-btn-primary i {
    color: #ffffff;
    font-size: 18px;
}

@media (max-width: 767px) {
    .message-box-modal .i-alert-modal-header {
        gap: 18px;
        min-height: 94px;
        padding: 22px 20px;
    }

    .message-box-modal .i-alert-modal-heading {
        gap: 18px;
    }

    .message-box-modal .i-alert-modal-icon {
        flex-basis: 48px;
        height: 48px;
        width: 48px;
    }

    .message-box-modal .i-alert-modal-title {
        font-size: 24px;
    }

    .message-box-modal .i-alert-modal-body {
        padding: 24px 20px;
    }

    .message-box-modal .i-alert-modal-headline {
        font-size: 26px;
    }

    .message-box-modal .i-alert-modal-description {
        margin-bottom: 28px;
    }

    .message-box-modal .i-alert-modal-notice {
        gap: 16px;
        padding: 16px;
    }

    .message-box-modal .i-alert-modal-actions {
        flex-direction: column-reverse;
        gap: 12px;
    }

    .message-box-modal .i-alert-modal-btn {
        width: 100%;
    }
}

/* PDV target layout */
body.pos-layout {
    overflow: hidden !important;
}

body.pos-layout .wrapper.thetop {
    height: 100vh;
    min-height: 100vh;
    overflow: hidden !important;
    padding: 0 !important;
}

body.pos-layout .scrolltop {
    display: none !important;
}

.pos-modern-page {
    background: #f7fbff !important;
    color: #333333;
    font-family: inherit;
    height: 100vh !important;
    overflow: hidden !important;
}

.pos-modern-page .sticky-top {
    height: 105px;
    z-index: 60;
}

.pos-modern-page .pos-modern-header {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #dce8f7 !important;
    box-shadow: 0 2px 10px rgba(22, 55, 99, 0.06) !important;
    height: 105px;
    margin: 0 !important;
    min-height: 105px !important;
    padding: 0 32px !important;
    width: 100%;
}

.pos-modern-page .pos-modern-header-inner {
    align-items: center;
    display: flex;
    gap: 0;
    height: 105px;
    min-width: 0;
    width: 100%;
}

.pos-modern-page .pos-modern-brand {
    align-items: center;
    display: flex;
    flex: 0 0 402px;
    gap: 24px;
    min-width: 0;
}

.pos-modern-page .pos-modern-brand svg {
    flex: 0 0 92px;
    height: 60px;
    width: 92px;
}

.pos-modern-page .pos-modern-brand a {
    color: #333333 !important;
    font-size: 31px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.pos-modern-page .pos-modern-order {
    align-items: center;
    border-left: 1px solid #e2ecf7;
    color: #066af7;
    display: flex;
    flex: 0 0 310px;
    font-size: 29px;
    font-weight: 600;
    height: 52px;
    padding-left: 42px;
    white-space: nowrap;
}

.pos-modern-page .pos-modern-header-spacer {
    flex: 1 1 auto;
    min-width: 24px;
}

.pos-modern-page .pos-register-status {
    align-items: flex-start;
    display: flex !important;
    flex-direction: column;
    flex: 0 0 215px;
    gap: 8px;
    min-width: 215px;
}

.pos-modern-page .pos-register-title {
    align-items: center;
    display: flex;
    gap: 14px;
    min-width: 0;
    white-space: nowrap;
}

.pos-modern-page .pos-register-dot {
    background: #0aa365;
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 17px;
    height: 17px;
    width: 17px;
}

.pos-modern-page .pos-register-status strong,
.pos-modern-page .pos-register-status small {
    color: #333333;
    display: block;
    line-height: 1.24;
}

.pos-modern-page .pos-register-status strong {
    font-size: 21px;
    font-weight: 600;
}

.pos-modern-page .pos-register-status small {
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}

.pos-modern-page .pos-header-status {
    flex: 0 0 235px;
}

.pos-modern-page .pos-header-status .select-wrapper {
    margin: 0 !important;
    width: 100%;
}

.pos-modern-page .pos-header-status .order_status {
    width: 100%;
}

.pos-modern-page .pos-header-status .order_status button {
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #dce6f2 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #5b5f68 !important;
    display: flex;
    font-size: 17px;
    font-weight: 400;
    height: 57px;
    justify-content: space-between;
    padding: 0 16px !important;
    width: 100% !important;
}

.pos-modern-page .pos-header-status .order_status button::after {
    margin-left: auto;
}

.pos-modern-page .pos-modern-icon-btn {
    align-items: center;
    background: #ffffff;
    border: 0;
    border-left: 1px solid #e2ecf7;
    border-radius: 0;
    border-right: 1px solid #e2ecf7;
    color: #333333;
    display: inline-flex;
    flex: 0 0 90px;
    font-size: 31px;
    height: 52px;
    justify-content: center;
    margin: 0 28px 0 34px;
    padding: 0;
}

.pos-modern-page .pos-header-user {
    align-items: center;
    border-left: 0 !important;
    display: flex;
    flex: 0 0 248px;
    gap: 22px;
    min-width: 248px;
    padding-left: 0 !important;
}

.pos-modern-page .pos-header-user-avatar {
    align-items: center;
    background: #eef5ff;
    border-radius: 50%;
    color: #077af1;
    display: inline-flex;
    flex: 0 0 72px;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    width: 72px;
}

.pos-modern-page .pos-header-user-avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.pos-modern-page .pos-header-user-copy strong,
.pos-modern-page .pos-header-user-copy small {
    color: #333333;
    display: block;
    line-height: 1.45;
}

.pos-modern-page .pos-header-user-copy strong {
    font-size: 17px;
    font-weight: 600;
}

.pos-modern-page .pos-header-user-copy small {
    font-size: 17px;
    font-weight: 400;
}

.pos-modern-page .page-body {
    height: calc(100vh - 189px) !important;
    padding: 18px 17px 0 !important;
}

.pos-modern-page .container-x1,
.pos-modern-page .container-x1 > .row,
.pos-modern-page .container-x1 > .row > [class*="col-"],
.pos-modern-page .container-x1 .content.overflow-auto,
.pos-modern-page .container-x1 .content.overflow-auto > .row,
.pos-modern-page .container-x1 .content.overflow-auto > .row > .row {
    height: 100%;
}

.pos-modern-page .container-x1 .content.overflow-auto {
    overflow: visible !important;
}

.pos-modern-page div.row-pos-body {
    align-items: stretch;
    display: grid !important;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 216px;
    height: 100%;
    margin: 0 !important;
    width: 100%;
}

.pos-modern-page div.row-pos-body > div.content {
    background: transparent !important;
    display: flex;
    flex-direction: column;
    float: none !important;
    height: 100%;
    max-width: none !important;
    min-width: 0;
    padding: 0 !important;
    position: relative;
    width: auto !important;
}

.pos-modern-page div.row-pos-body div.content div.content-header {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: block !important;
    left: 0;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 4;
}

.pos-modern-page div.row-pos-body div.content div.content-header > .col-md-4 {
    float: none;
    max-width: 100%;
    padding: 0;
    width: 100%;
}

.pos-modern-page div.row-pos-body div.content div.content-header > .col-md-2 {
    display: none !important;
}

.pos-modern-page div.row-pos-body div.content div.content-header > .col-md-8 {
    height: 1px;
    max-width: 1px;
    overflow: visible;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}

.pos-modern-page div.row-pos-body div.content div.content-header > .col-md-8 > .form-group:not(:last-child),
.pos-modern-page div.row-pos-body div.content div.content-header > .col-md-8 > a.icon-container,
.pos-modern-page div.row-pos-body div.content div.content-header > .col-md-8 > .form-group:last-child > a.btn {
    display: none !important;
}

.pos-modern-page div.row-pos-body div.content div.content-header #offcanvasEnd {
    visibility: visible;
}

.pos-modern-page div.row-pos-body div.content div.content-header .form-group {
    margin: 0 !important;
    width: 100%;
}

.pos-modern-page div.row-pos-body div.content div.content-header .input-group {
    display: flex;
    height: 46px;
    width: 100%;
}

.pos-modern-page div.row-pos-body div.content div.content-header .input-group-addon {
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #cfdff2 !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.pos-modern-page div.row-pos-body div.content div.content-header .select2-container {
    flex: 1 1 auto;
    width: 100% !important;
}

.pos-modern-page div.row-pos-body div.content div.content-header .select2-container--default .select2-selection--single {
    align-items: center;
    border: 1px solid #cfdff2 !important;
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    box-shadow: none !important;
    display: flex;
    height: 46px !important;
    padding-left: 8px;
}

.pos-modern-page div.row-pos-body div.content div.content-header .select2-selection__rendered {
    color: #5f6f88 !important;
    font-size: 16px;
    line-height: 46px !important;
}

.pos-modern-page .content-body {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}

.pos-modern-page .content-body > .col-md-12 {
    height: 100%;
    padding: 0 !important;
}

.pos-modern-page .content-body > .col-md-12 > .row {
    align-items: stretch;
    display: flex !important;
    gap: 16px;
    height: 100%;
    margin: 0 !important;
}

.pos-modern-page .pos-products-panel,
.pos-modern-page .pos-items-panel {
    background: #ffffff !important;
    border-radius: var(--default-radius) !important;
    box-shadow: none !important;
    float: none !important;
    height: 100%;
    margin: 0 !important;
    min-height: 0;
    overflow: hidden;
}

.pos-modern-page .pos-products-panel {
    flex: 0 0 calc(48% - 8px) !important;
    max-width: calc(48% - 8px) !important;
    width: calc(48% - 8px) !important;
}

.pos-modern-page .pos-items-panel {
    display: flex;
    flex: 1 1 auto !important;
    flex-direction: column;
    max-width: none !important;
    width: auto !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.bordered-right {
    border-right: 0 !important;
}

.pos-modern-page .pos-products-panel .pos-product-selection-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 !important;
}

.pos-modern-page .pos-products-panel .pos-product-selection-content {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0;
    overflow: auto;
    padding: 22px 22px 20px !important;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child {
    display: grid;
    gap: 18px;
    margin-bottom: 18px !important;
}

.pos-modern-page .pos-products-panel .pos-customer-row,
.pos-modern-page .pos-products-panel #product > .mb-3:first-child .row {
    align-items: flex-end;
    display: grid !important;
    gap: 22px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) max-content;
    margin: 0;
    width: 100%;
}

.pos-modern-page .pos-products-panel .pos-customer-search {
    display: flex;
    grid-column: 1 / 3;
    height: 48px;
    min-width: 0;
    width: 100% !important;
}

.pos-modern-page .pos-products-panel .pos-customer-search .select2-container {
    flex: 1 1 auto;
    min-width: 0;
    width: 100% !important;
}

.pos-modern-page .pos-products-panel .pos-customer-row .input-group-addon {
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #cfdff2 !important;
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    order: 2;
    width: 56px;
}

.pos-modern-page .pos-products-panel .pos-customer-row .select2-container--default .select2-selection--single {
    align-items: center;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    display: flex;
    height: 48px !important;
    min-height: 48px;
}

.pos-modern-page .pos-products-panel .pos-customer-row .select2-selection__rendered {
    color: #5f6f88 !important;
    line-height: 46px !important;
}

.pos-modern-page .pos-products-panel .pos-customer-action {
    align-self: end;
    flex: 0 0 48px;
    grid-column: 3;
    height: 48px;
    width: 48px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4 {
    float: none;
    padding: 0;
    width: 100%;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(1) {
    grid-column: 1;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(2) {
    grid-column: 2;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(3) {
    grid-column: 3;
    min-width: 150px;
}

.pos-modern-page .pos-products-panel label,
.pos-modern-page .pos-products-panel .custom-switch {
    color: #333333 !important;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
}

.pos-modern-page .pos-products-panel .form-group {
    margin-bottom: 0;
}

.pos-modern-page .pos-products-panel .form-control,
.pos-modern-page .pos-products-panel .select2-container--default .select2-selection--single {
    background: #ffffff !important;
    border: 1px solid #cfdff2 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #333333;
    min-height: 48px;
}

.pos-modern-page .pos-products-panel .select2-selection__rendered {
    color: #333333 !important;
    font-size: 16px;
    line-height: 46px !important;
}

.pos-modern-page .pos-products-panel .custom-switch {
    align-items: center;
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    min-height: 48px;
}

.pos-modern-page .pos-products-panel .custom-switch-indicator {
    grid-column: 1 / 3;
    margin-top: 5px;
}

.pos-modern-page .pos-products-panel .toggle-message {
    color: #333333;
    left: 4.2rem !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body input#search_product {
    border: 1px solid #cfdff2 !important;
    border-radius: 8px 0 0 8px !important;
    border-right: 0 !important;
    box-shadow: none !important;
    font-size: 19px;
    height: 55px;
    top: 0 !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body input#search_product + span.input-group-addon {
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #cfdff2 !important;
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    display: inline-flex;
    height: 55px;
    justify-content: center;
    min-width: 56px;
    top: 0 !important;
}

.pos-modern-page .pos-products-panel .another__elements a {
    color: #006fff !important;
    font-size: 15px;
    font-weight: 500;
    margin-top: 9px;
    text-decoration: none;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) {
    margin-top: 27px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .form-group-sb {
    align-items: flex-start;
    display: flex;
    gap: 27px;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__picture {
    align-items: center;
    background: #eef5ff !important;
    border: 1px solid #d3e2f4 !important;
    border-radius: 8px !important;
    display: flex;
    height: 204px;
    justify-content: center;
    max-width: 282px;
    overflow: hidden;
    width: 282px;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__picture img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__description {
    color: #333333 !important;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 29px;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.ps__unit_price {
    color: #066af7 !important;
    font-size: 31px;
    font-weight: 700;
    line-height: 1.1;
    position: static !important;
}

/* Consulta de pedidos do PDV */
.pos-modern-page #posOffcanvasEnd {
    background: #fff;
    border: 0 !important;
    border-radius: 0;
    bottom: 0;
    box-shadow: none !important;
    height: calc(100vh - 76px) !important;
    left: 0;
    margin: 0 !important;
    max-height: 100vh !important;
    max-width: none !important;
    overflow: hidden;
    opacity: 0;
    right: 0;
    top: 76px;
    transform: translateX(100%);
    transition: opacity 0.24s ease, transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
    visibility: hidden;
    will-change: opacity, transform;
    width: 100vw !important;
    z-index: 55;
}

.pos-modern-page #posOffcanvasEnd.show {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}

.pos-modern-page #posOffcanvasEnd.show.closed {
    opacity: 0;
    transform: translateX(100%);
}

.pos-modern-page #posOffcanvasEnd .offcanvas-content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) 98px;
    height: 100%;
}

.pos-modern-page #posOffcanvasEnd .offcanvas-body {
    background: #fff;
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 60.2%) minmax(390px, 1fr);
    height: auto !important;
    margin: 0 !important;
    min-height: 0;
    overflow: hidden;
    padding: 24px 22px 0 !important;
    position: static;
    top: auto !important;
}

.pos-modern-page #posOffcanvasEnd .pos-orders-browser {
    display: grid;
    column-gap: 0;
    grid-template-rows: 40px 71px minmax(0, 1fr);
    min-height: 0;
    row-gap: 23px;
}

.pos-modern-page #posOffcanvasEnd .pos-orders-toolbar {
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(250px, 1.6fr) minmax(205px, 0.9fr) 114px;
}

.pos-modern-page #posOffcanvasEnd .pos-orders-toolbar .form-control,
.pos-modern-page #posOffcanvasEnd .pos-orders-toolbar .input-group-addon,
.pos-modern-page #posOffcanvasEnd .pos-orders-filter {
    background: #fff !important;
    color: #555;
    height: 40px;
}

.pos-modern-page #posOffcanvasEnd .pos-orders-search .form-control {
    border-radius: 7px 0 0 7px !important;
    border-right: 0 !important;
}

.pos-modern-page #posOffcanvasEnd .pos-orders-filter {
    align-items: center;
    border-color: #077af1 !important;
    border-radius: 7px;
    color: #077af1;
    display: flex;
    font-size: 15px;
    font-weight: 600;
    justify-content: space-between;
    padding: 0 15px;
}

.pos-modern-page #posOffcanvasEnd .pos-orders-summary {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pos-modern-page #posOffcanvasEnd .pos-order-summary-card {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #d4e2f3;
    border-radius: 7px;
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 9px 10px;
    text-align: left;
}

.pos-modern-page #posOffcanvasEnd .pos-order-summary-card.active {
    border-color: #077af1;
    box-shadow: 0 0 0 1px #077af1;
}

.pos-modern-page #posOffcanvasEnd .pos-order-summary-icon {
    align-items: center;
    background: #edf5ff;
    border-radius: 6px;
    color: #077af1;
    display: flex;
    flex: 0 0 31px;
    height: 31px;
    justify-content: center;
}

.pos-modern-page #posOffcanvasEnd .pos-order-summary-icon svg {
    height: 100%;
    width: 100%;
}

.pos-modern-page #posOffcanvasEnd .pos-order-summary-card.order .pos-order-summary-icon { background: #fff4da; color: #f5a300; }
.pos-modern-page #posOffcanvasEnd .pos-order-summary-card.pre-sale .pos-order-summary-icon { background: #e5f9ed; color: #25a85a; }
.pos-modern-page #posOffcanvasEnd .pos-order-summary-card.conditional .pos-order-summary-icon { background: #ffe9ea; color: #e9464d; }

.pos-modern-page #posOffcanvasEnd .pos-order-summary-content {
    color: #333;
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-size: 12px;
    gap: 2px;
    line-height: 16px;
}

.pos-modern-page #posOffcanvasEnd .pos-order-summary-content strong { font-size: 13px; }
.pos-modern-page #posOffcanvasEnd .pos-order-summary-content small { color: #777; font-size: 9px; white-space: nowrap; }

.pos-modern-page #posOffcanvasEnd .pos-orders-recent,
.pos-modern-page #posOffcanvasEnd .pos-order-details {
    background: #fff;
    border: 1px solid #d4e2f3;
    border-radius: 7px;
    min-height: 0;
}

.pos-modern-page #posOffcanvasEnd .pos-orders-recent {
    display: grid;
    grid-template-rows: 42px minmax(0, 1fr);
    margin-top: 8px;
    padding: 0 14px 14px;
}

.pos-modern-page #posOffcanvasEnd .pos-orders-recent h3 {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.pos-modern-page #posOffcanvasEnd .container-order-list { min-height: 0; overflow: auto; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table { border-collapse: separate; border-spacing: 0 7px; margin: -7px 0 0; table-layout: fixed; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table td:nth-child(1) { width: 17%; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table td:nth-child(2) { width: 24%; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table td:nth-child(3) { width: 23%; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table td:nth-child(4) { width: 16%; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table td:nth-child(5) { width: 14%; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table td:nth-child(6) { width: 6%; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table tbody tr { cursor: pointer; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table tbody td {
    background: #fff;
    border-bottom: 1px solid #d4e2f3;
    border-top: 1px solid #d4e2f3;
    color: #333;
    font-size: 10px;
    height: 53px;
    padding: 7px 10px !important;
    vertical-align: middle;
}

.pos-modern-page #posOffcanvasEnd #off-list-orders-table tbody td:first-child { border-left: 1px solid #d4e2f3; border-radius: var(--default-radius) 0 0 var(--default-radius); }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table tbody td:last-child { border-right: 1px solid #d4e2f3; border-radius: 0 7px 7px 0; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table tbody tr.active td { background: #f1f5ff; border-color: #077af1; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table td span,
.pos-modern-page #posOffcanvasEnd #off-list-orders-table td small { display: block; }
.pos-modern-page #posOffcanvasEnd #off-list-orders-table td small { color: #777; font-size: 8px; margin-top: 3px; }
.pos-modern-page #posOffcanvasEnd .pos-order-row-number strong { color: #077af1; font-size: 12px; }
.pos-modern-page #posOffcanvasEnd .pos-order-row-total strong { font-size: 12px; white-space: nowrap; }
.pos-modern-page #posOffcanvasEnd .pos-order-row-arrow { color: #666; text-align: center; }

.pos-modern-page #posOffcanvasEnd .pos-order-status {
    border: 1px solid currentColor;
    border-radius: 4px;
    display: inline-block !important;
    font-size: 8px;
    padding: 3px 7px;
    white-space: nowrap;
}
.pos-modern-page #posOffcanvasEnd .pos-order-status.budget { color: #077af1; }
.pos-modern-page #posOffcanvasEnd .pos-order-status.order { color: #f5a300; }
.pos-modern-page #posOffcanvasEnd .pos-order-status.pre-sale { color: #25a85a; }
.pos-modern-page #posOffcanvasEnd .pos-order-status.conditional { color: #e9464d; }

.pos-modern-page #posOffcanvasEnd .pos-order-details {
    display: grid;
    gap: 14px;
    grid-template-rows: 55px 90px minmax(0, 1fr) 144px;
    overflow: hidden;
    padding: 14px;
}

.pos-modern-page #posOffcanvasEnd .pos-order-details-header { align-items: start; display: flex; gap: 12px; justify-content: space-between; min-width: 0; }
.pos-modern-page #posOffcanvasEnd .pos-order-details-header > div:first-child { min-width: 0; }
.pos-modern-page #posOffcanvasEnd .pos-order-number { color: #077af1; font-size: 20px; margin: 0 0 4px; }
.pos-modern-page #posOffcanvasEnd .pos-order-created { color: #666; font-size: 9px; }
.pos-modern-page #posOffcanvasEnd .pos-order-actions { display: flex; gap: 18px; }
.pos-modern-page #posOffcanvasEnd .pos-order-actions .btn {
    align-items: center; border: 1px solid #077af1; border-radius: 7px; color: #077af1;
    display: flex; font-size: 13px; font-weight: 600; gap: 14px; height: 40px; justify-content: center;
}
.pos-modern-page #posOffcanvasEnd .pos-order-actions #edit_pos_sale { width: 126px; }
.pos-modern-page #posOffcanvasEnd .pos-order-actions .invoice_actions { width: 149px; }
.pos-modern-page #posOffcanvasEnd a[disabled] { opacity: .55; pointer-events: none; }

.pos-modern-page #posOffcanvasEnd .pos-order-meta {
    border: 1px solid #d4e2f3;
    border-radius: 7px;
    display: grid;
    grid-template-columns: 32.6% 40.7% 26.7%;
    padding: 14px 0;
}
.pos-modern-page #posOffcanvasEnd .pos-order-meta > div { align-items: center; display: flex; gap: 12px; padding: 0 14px; }
.pos-modern-page #posOffcanvasEnd .pos-order-meta svg { flex: 0 0 auto; }
.pos-modern-page #posOffcanvasEnd .pos-order-meta > div + div { border-left: 1px solid #d4e2f3; }
.pos-modern-page #posOffcanvasEnd .pos-order-meta span { display: flex; flex-direction: column; min-width: 0; }
.pos-modern-page #posOffcanvasEnd .pos-order-meta strong { font-size: 9px; margin-bottom: 10px; }
.pos-modern-page #posOffcanvasEnd .pos-order-meta em,
.pos-modern-page #posOffcanvasEnd .pos-order-meta small { color: #666; font-size: 8px; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pos-modern-page #posOffcanvasEnd .pos-order-meta small { margin-top: 4px; }

.pos-modern-page #posOffcanvasEnd .pos-order-items { min-height: 0; overflow: hidden; }
.pos-modern-page #posOffcanvasEnd .pos-order-items h4 { font-size: 10px; margin: 0 0 10px; }
.pos-modern-page #posOffcanvasEnd .pos-order-items .table-responsive { border: 1px solid #e1e9f3; border-radius: 7px; max-height: calc(100% - 20px); overflow: auto; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table { margin: 0; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table th { background: #f7f9fc; border: 0; font-size: 8px; font-weight: 500; padding: 9px 8px; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table td { border-color: #edf1f6; font-size: 8px; padding: 6px 8px; vertical-align: middle; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table { table-layout: fixed; width: 100%; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table th:nth-child(1),
.pos-modern-page #posOffcanvasEnd #pos_orders_table td:nth-child(1) { width: 44.26%; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table th:nth-child(2),
.pos-modern-page #posOffcanvasEnd #pos_orders_table td:nth-child(2) { width: 16.39%; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table th:nth-child(3),
.pos-modern-page #posOffcanvasEnd #pos_orders_table td:nth-child(3),
.pos-modern-page #posOffcanvasEnd #pos_orders_table th:nth-child(4),
.pos-modern-page #posOffcanvasEnd #pos_orders_table td:nth-child(4) { width: 19.67%; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table .product-thumbnail-small { align-items: center; border: 0 !important; display: flex; height: 22px !important; justify-content: center; padding: 0 !important; width: 22px !important; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table img { height: 18px; object-fit: contain; padding: 0 !important; width: 18px !important; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table .pos-product-image-trigger { cursor: pointer; flex: 0 0 42px; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table .pos-product-image-trigger * { cursor: pointer; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table .pos-product-thumbnail { align-items: center; background-color: #f1f6fd; border: 1px solid #d3e2f4 !important; border-radius: 8px; display: flex; height: 42px !important; justify-content: center; overflow: hidden; padding: 2px !important; width: 42px !important; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table .pos-product-thumbnail img { display: block; height: 100% !important; object-fit: contain; width: 100% !important; }
.pos-modern-page #posOffcanvasEnd #pos_orders_table .pos-product-thumbnail img[src$="pos-product-grid-no-product.svg"] { height: 20px !important; width: 20px !important; }
.pos-modern-page #posOffcanvasEnd .order-items-product-cell { align-items: center; display: flex; gap: 10px; min-width: 0; }
.pos-modern-page #posOffcanvasEnd .order-items-product { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pos-modern-page #posOffcanvasEnd .order-items-quantity,
.pos-modern-page #posOffcanvasEnd .order-items-price,
.pos-modern-page #posOffcanvasEnd .order-items-subtotal { white-space: nowrap; }

.pos-modern-page #posOffcanvasEnd .pos-order-totals { border: 1px solid #d4e2f3; border-radius: 7px; overflow: hidden; }
.pos-modern-page #posOffcanvasEnd .pos-order-totals > div { align-items: center; display: flex; font-size: 9px; height: 33px; justify-content: space-between; padding: 0 14px; }
.pos-modern-page #posOffcanvasEnd .pos-order-total { align-items: center; background: #f2f6fc; border-top: 1px solid #d4e2f3; margin-top: 3px; }
.pos-modern-page #posOffcanvasEnd .pos-order-totals > .pos-order-total { height: 42px; }
.pos-modern-page #posOffcanvasEnd .pos-order-total strong { color: #077af1; font-size: 18px; }

.pos-modern-page #posOffcanvasEnd .offcanvas-footer {
    align-items: center; background: #fff !important; border: 0 !important; display: grid !important; gap: 22px; grid-template-columns: 259px minmax(390px, 585px); justify-content: space-between !important;
    bottom: auto !important; left: auto !important; padding: 0 22px !important; position: static !important; right: auto !important;
}
.pos-modern-page #posOffcanvasEnd .offcanvas-footer .btn { align-items: center; border-radius: 7px; display: flex; font-size: 15px; font-weight: 600; height: 52px; justify-content: center; min-width: 0; }
.pos-modern-page #posOffcanvasEnd .pos-orders-back { border: 1px solid #e5393f; color: #e5393f; gap: 16px; }
.pos-modern-page #posOffcanvasEnd .pos-orders-open-order { background: #077af1; color: #fff; gap: 18px; }
.pos-modern-page #posOffcanvasEnd .pos-orders-open-order.disabled { cursor: not-allowed; opacity: .55; pointer-events: auto; }

.pos-modern-page .pos-products-panel #product > .row:last-child {
    margin-top: 84px;
}

.pos-modern-page .pos-products-panel #product > .row:last-child > .pos-product-entry-grid {
    display: grid;
    gap: 22px 32px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr);
    padding: 0 !important;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid > .col-sm-3,
.pos-modern-page .pos-products-panel .pos-product-entry-grid > .col-sm-12 {
    float: none;
    min-width: 0;
    padding: 0;
    width: auto;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .form-group,
.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group {
    min-width: 0;
    width: 100%;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group .form-control {
    min-width: 0;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid > .pos-entry-quantity {
    grid-column: 1;
    grid-row: 1;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid > .pos-entry-unit-price {
    grid-column: 2;
    grid-row: 1;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid > .pos-entry-discount {
    grid-column: 3;
    grid-row: 1;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid > .pos-entry-subtotal {
    grid-column: 1;
    grid-row: 2;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid > .pos-entry-notes {
    grid-column: 2;
    grid-row: 2;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid > .pos-exchange-value-field {
    grid-column: 3;
    grid-row: 2;
}

.pos-modern-page .pos-items-card-header {
    align-items: center;
    border-bottom: 1px solid #dfe9f5 !important;
    display: flex;
    flex: 0 0 79px;
    height: 79px !important;
    justify-content: space-between;
    padding: 0 25px 0 26px !important;
}

.pos-modern-page .pos-items-card-header h3 {
    color: #333333 !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1;
    margin: 0 !important;
}

.pos-modern-page .pos-items-card-actions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

.pos-modern-page .pos-items-icon-btn,
.pos-modern-page .pos-items-price-btn {
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #d2e0f1 !important;
    border-radius: var(--default-radius) !important;
    box-sizing: border-box;
    box-shadow: none !important;
    color: #333333 !important;
    display: inline-flex;
    height: 49px;
    justify-content: center;
}

.pos-modern-page .pos-items-icon-btn {
    color: #666666 !important;
    font-size: 22px;
    width: 49px;
}

.pos-modern-page .pos-items-price-btn {
    gap: 14px;
    min-width: 235px;
    overflow: hidden;
    padding: 0 17px;
}

.pos-modern-page .pos-items-price-btn > i {
    flex: 0 0 auto;
    line-height: 1;
}

.pos-modern-page .pos-items-price-btn .select2-container {
    flex: 1 1 auto;
    min-width: 0;
    width: 150px !important;
}

.pos-modern-page .pos-items-price-btn .select2-container--default .select2-selection--single {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex;
    height: 47px !important;
    min-height: 47px;
    padding: 0 !important;
}

.pos-modern-page .pos-items-price-btn .select2-selection__rendered {
    color: #333333 !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 47px !important;
    overflow: hidden;
    padding: 0 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-modern-page .pos-items-price-btn .select2-selection__arrow {
    display: none;
}

.pos-modern-page .pos-items-price-btn span {
    font-size: 17px;
    font-weight: 400;
}

.pos-items-price-dropdown {
    min-width: 100%;
}

.pos-items-price-dropdown .select2-results__option {
    box-sizing: border-box;
    max-width: 100%;
    white-space: normal;
    width: 100%;
}

.pos-modern-page .pos-items-scroll {
    flex: 1 1 auto;
    height: auto !important;
    margin: 0 !important;
    min-height: 0;
    overflow: auto !important;
    padding: 0 !important;
}

.pos-modern-page .pos-items-scroll > .mb-4 {
    margin-bottom: 0 !important;
}

.pos-modern-page table#pos_table {
    border-collapse: collapse;
    display: table !important;
    margin: 0 !important;
    table-layout: fixed;
    width: 100% !important;
}

.pos-modern-page table#pos_table thead.hide {
    display: table-header-group !important;
}

.pos-modern-page table#pos_table thead th {
    background: #f8fbff !important;
    border-bottom: 1px solid #dfe9f5 !important;
    color: #333333 !important;
    font-size: 16px;
    font-weight: 700;
    height: 56px;
    padding: 0 10px;
    vertical-align: middle;
}

.pos-modern-page table#pos_table thead th:first-child {
    padding-left: 22px !important;
    text-align: left;
    width: 38%;
}

.pos-modern-page table#pos_table tbody tr.product_row td {
    border-bottom: 1px solid #dfe9f5 !important;
    color: #061c45;
    font-size: 16px;
    padding: 21px 10px !important;
    vertical-align: middle !important;
}

.pos-modern-page table#pos_table tbody tr.product_row td:first-child {
    display: table-cell;
    padding-left: 22px !important;
}

.pos-modern-page table#pos_table tbody tr.product_row td:first-child::before {
    content: none;
    display: none;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-cell {
    align-items: center;
    cursor: default;
    display: flex;
    gap: 20px;
    min-width: 0;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-cell-info {
    min-width: 0;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-image-trigger {
    cursor: pointer;
    flex: 0 0 58px;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-image-trigger * {
    cursor: pointer;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-thumbnail {
    align-items: center;
    background-color: #f1f6fd;
    border: 1px solid #d3e2f4;
    border-radius: 8px;
    display: flex;
    height: 56px !important;
    justify-content: center;
    overflow: hidden;
    padding: 2px !important;
    width: 56px !important;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-thumbnail img {
    display: block;
    height: 100% !important;
    object-fit: contain;
    width: 100% !important;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-thumbnail img[src$="pos-product-grid-no-product.svg"] {
    height: 20px !important;
    width: 20px !important;
}

.pos-modern-page table#pos_table tbody tr.product_row .product_description {
    color: #333333 !important;
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-code {
    color: #66728a;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    margin-top: 8px;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos_quantity,
.pos-modern-page table#pos_table tbody tr.product_row .pos_unit_price_inc_tax,
.pos-modern-page table#pos_table tbody tr.product_row .pos_line_total,
.pos-modern-page table#pos_table tbody tr.product_row .pos_line_discount {
    color: #071c44 !important;
    font-size: 16px;
    font-weight: 400;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-inline-edit-field {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    cursor: text;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    margin: 0;
    max-width: 100%;
    min-width: 0;
    outline: 0;
    padding: 0 4px;
    text-align: center;
    width: 100%;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-inline-edit-field:focus {
    background-color: #ffffff;
    border-color: #bcd3ef;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos_edit_row:hover,
.pos-modern-page table#pos_table tbody tr.product_row .pos_edit_row:focus,
.pos-modern-page table#pos_table tbody tr.product_row .pos_remove_row:hover,
.pos-modern-page table#pos_table tbody tr.product_row .pos_remove_row:focus {
    background-color: transparent;
    color: inherit !important;
    outline: 0;
    text-decoration: none;
}

.pos-modern-page table#pos_table tbody tr.no-record-row {
    height: auto !important;
}

.pos-modern-page table#pos_table tbody tr.no-record-row td {
    border: 0 !important;
    padding-top: 70px !important;
    text-align: center;
}

.pos-modern-page table#pos_table tbody tr.no-record-row svg {
    height: auto;
    max-width: 230px;
    opacity: 0.72;
}

.pos-modern-page .pos-items-summary {
    align-items: center;
    background: #fbfdff;
    border-top: 1px solid #dfe9f5;
    display: grid;
    flex: 0 0 107px;
    grid-template-columns: 1fr 1.1fr 1fr 1.2fr;
    height: 107px;
    padding: 0 27px;
}

.pos-modern-page .pos-items-summary div {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.pos-modern-page .pos-items-summary span {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
}

.pos-modern-page .pos-items-summary strong {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.pos-modern-page .pos-items-summary .pos-summary-total {
    align-items: flex-end;
}

.pos-modern-page .pos-items-summary .pos-summary-total span {
    font-weight: 400;
}

.pos-modern-page .pos-items-summary .pos-summary-total strong,
.pos-modern-page .pos-items-summary .pos-summary-total b {
    color: #066af7 !important;
    font-size: 41px;
    font-weight: 800;
    line-height: 1;
}

.pos-modern-page .pos-off-before {
    background: #ffffff !important;
    border: 0.5px solid #d8e2f0 !important;
    border-radius: 10px !important;
    float: none !important;
    height: 100%;
    max-width: none !important;
    overflow: hidden;
    padding: 0 !important;
    width: auto !important;
}

.pos-modern-page .pos-off-before > .row,
.pos-modern-page .pos-cards-content {
    height: 100%;
    margin: 0;
    padding: 0 !important;
}

.pos-modern-page div.row-pos-body div.pos-off-before div.pos-cards-header {
    align-items: center;
    background: #ffffff !important;
    border-radius: 0 !important;
    display: flex;
    height: 82px;
    justify-content: center;
    min-height: 82px !important;
    padding: 20px 17px 10px !important;
}

.pos-modern-page div.row-pos-body div.pos-off-before div.pos-cards-header .form-group {
    margin: 0 !important;
    width: 100%;
}

.pos-modern-page div.row-pos-body div.pos-off-before div.pos-cards-header .pos-cards-search-button {
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #d3e2f4 !important;
    border-radius: 8px !important;
    color: #066af7 !important;
    display: flex;
    font-size: 26px;
    height: 44px;
    justify-content: center;
    line-height: 1;
    padding: 0 !important;
    text-decoration: none !important;
    width: 100%;
}

.pos-modern-page div.row-pos-body div.pos-off-before div.pos-cards-header .pos-cards-search-button i {
    display: block;
    line-height: 1;
}

.pos-modern-page div.row-pos-body div.pos-off-before div.pos-cards-body {
    height: calc(100% - 82px) !important;
    overflow: auto;
    padding: 15px 17px 20px !important;
}

.pos-modern-page div.row-pos-body div.pos-off-before div.pos-cards-body .pos-sale-card-wrap {
    float: none;
    margin-bottom: 12px;
    padding: 0 !important;
    width: 100%;
}

.pos-modern-page div.pos-card.off-card.pos-sale-card {
    background: #ffffff !important;
    border: 1px solid #d3e2f4 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    min-height: 123px;
    overflow: hidden;
}

.pos-modern-page div.pos-card.off-card.pos-sale-card .status-top {
    display: none;
}

.pos-modern-page div.pos-card.off-card.pos-sale-card div.card-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 121px !important;
    padding: 13px 5px 4px !important;
}

.pos-modern-page .pos-sale-card-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.pos-modern-page .pos-sale-card-register {
    color: #333333;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
}

.pos-modern-page .pos-sale-card-number {
    color: #066af7 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    margin: 0 !important;
}

.pos-modern-page .pos-sale-card-total {
    color: #555555;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
}

.pos-modern-page .pos-sale-card-time {
    align-items: center;
    color: #666666;
    display: inline-flex;
    font-size: 9px;
    font-weight: 400;
    gap: 5px;
    line-height: 12px;
}

.pos-modern-page .pos-sale-card-time svg {
    flex: 0 0 9px;
    height: 9px;
    width: 9px;
}

.pos-modern-page .pos-sale-card-action {
    align-items: center;
    background: #dcecff !important;
    border: 0 !important;
    border-radius: 6px !important;
    bottom: 6px;
    color: #066af7 !important;
    display: inline-flex;
    height: 24px !important;
    justify-content: center;
    margin-top: auto;
    padding: 0 !important;
    width: calc(100% - 4px) !important;
}

.pos-modern-page .pos-sale-card-action svg {
    height: 20px;
    width: 20px;
}

.pos-modern-page .pos-sale-card-action svg path {
    fill: #066af7;
}

.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bgps-primary) .pos-sale-card-number,
.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bgps-primary) .pos-sale-card-action,
.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bgps-primary) .pos-sale-card-action svg path {
    color: #00a66c !important;
    fill: #00a66c !important;
}

.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bgps-primary) .pos-sale-card-action {
    background: #caecde !important;
}

.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bg-error) .pos-sale-card-number,
.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bg-error) .pos-sale-card-action,
.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bg-error) .pos-sale-card-action svg path {
    color: #de3d42 !important;
    fill: #de3d42 !important;
}

.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bg-error) .pos-sale-card-action {
    background: #ffe0e3 !important;
}

.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bgpb-primary) .pos-sale-card-number,
.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bgpb-primary) .pos-sale-card-action,
.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bgpb-primary) .pos-sale-card-action svg path {
    color: #8894a8 !important;
    fill: #8894a8 !important;
}

.pos-modern-page div.pos-card.off-card.pos-sale-card:has(.bgpb-primary) .pos-sale-card-action {
    background: #e7ebf0 !important;
}

.pos-modern-page .stick-bottom {
    background: #f7fbff !important;
    border-top: 0 !important;
    bottom: 0 !important;
    height: 84px;
    left: 0 !important;
    padding: 0 260px 28px 28px !important;
    width: 100% !important;
    z-index: 45;
}

.pos-modern-page .pos-footer {
    align-items: center;
    display: flex;
    gap: 0;
    height: 84px;
    margin: 0 !important;
    width: 100%;
}

.pos-modern-page .stick-bottom .pos-footer-actions {
    align-items: center;
    display: grid !important;
    column-gap: 10px;
    grid-template-columns: calc(46%) minmax(0, 1fr);
    width: 100%;
}

.pos-modern-page .stick-bottom .pos-footer-left-actions,
.pos-modern-page .stick-bottom .pos-footer-right-actions {
    align-items: center;
    display: grid;
    min-width: 0;
    width: 100%;
}

.pos-modern-page .stick-bottom .pos-footer-left-actions {
    column-gap: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pos-modern-page .stick-bottom .pos-footer-right-actions {
    grid-template-columns: minmax(0, 1fr);
}

.pos-modern-page .pos-footer .btn {
    align-items: center;
    border-radius: 8px !important;
    box-shadow: none !important;
    display: inline-flex;
    font-size: 23px !important;
    gap: 16px;
    height: 73px !important;
    justify-content: center;
    margin: 0 !important;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
}

.pos-modern-page .pos-footer-cancel {
    background: #ffffff !important;
    border: 2px solid #df4044 !important;
    color: #df4044 !important;
}

.pos-modern-page .pos-footer-more {
    background: #ffffff !important;
    border: 2px solid #066af7 !important;
    color: #066af7 !important;
}

.pos-modern-page .pos-footer-submit {
    background: #077af1 !important;
    border: 2px solid #077af1 !important;
    color: #ffffff !important;
}

.pos-modern-page .pos-footer-desktop .pos-footer-total {
    display: none !important;
}

.pos-modern-page .sticky-top,
.pos-modern-page .pos-modern-header,
.pos-modern-page .pos-modern-header-inner {
    height: 76px;
    min-height: 76px !important;
}

.pos-modern-page .pos-modern-header {
    padding: 0 24px !important;
}

.pos-modern-page .pos-modern-brand {
    flex-basis: 430px;
    gap: 18px;
}

.pos-modern-page .pos-modern-brand svg {
    flex-basis: 64px;
    height: 40px;
    width: 64px;
}

.pos-modern-page .pos-modern-brand a {
    font-size: 26px;
}

.pos-modern-page .pos-register-status {
    flex-basis: 172px;
    gap: 6px;
    min-width: 172px;
}

.pos-modern-page .pos-register-title {
    gap: 10px;
}

.pos-modern-page .pos-register-dot {
    flex-basis: 12px;
    height: 12px;
    width: 12px;
}

.pos-modern-page .pos-register-status strong {
    font-size: 16px;
}

.pos-modern-page .pos-register-status small {
    font-size: 13px;
}

.pos-modern-page .pos-header-status {
    flex-basis: 164px;
}

.pos-modern-page .pos-header-status .order_status button {
    border-radius: 8px !important;
    font-size: 14px;
    height: 40px;
}

.pos-modern-page .pos-modern-icon-btn {
    flex-basis: 62px;
    font-size: 22px;
    height: 40px;
    margin: 0 20px;
}

.pos-modern-page .pos-header-user {
    flex-basis: 200px;
    gap: 14px;
    min-width: 200px;
}

.pos-modern-page .pos-header-user-avatar {
    flex-basis: 54px;
    height: 54px;
    width: 54px;
}

.pos-modern-page .pos-header-user-copy strong {
    font-size: 14px;
}

.pos-modern-page .pos-header-user-copy small {
    font-size: 13px;
}

.pos-modern-page .page-body {
    height: calc(100vh - 163px) !important;
    padding: 12px 12px 0 11px !important;
}

.pos-modern-page div.row-pos-body {
    display: block !important;
}

.pos-modern-page div.row-pos-body > div.content {
    height: 100%;
    width: 100% !important;
}

.pos-modern-page div.row-pos-body div.content div.content-header {
    padding: 0 !important;
    width: 1px;
}

.pos-modern-page div.row-pos-body div.content div.content-header > .col-md-4 {
    width: 100% !important;
}

.pos-modern-page .pos-customer-row {
    align-items: center;
    display: grid;
    gap: 26px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) max-content;
    width: 100%;
}

.pos-modern-page .pos-customer-search {
    grid-column: 1 / 3;
    min-width: 0;
    width: 100% !important;
}

.pos-modern-page .pos-customer-search .select2-container {
    flex: 1 1 auto;
    min-width: 0;
    width: 100% !important;
}

.pos-modern-page div.row-pos-body div.content div.content-header .input-group-addon {
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    border-right: 1px solid #cfdff2 !important;
    height: 34px;
    order: 2;
    width: 42px;
}

.pos-modern-page div.row-pos-body div.content div.content-header .select2-container--default .select2-selection--single {
    border-left: 1px solid #cfdff2 !important;
    border-radius: 8px 0 0 8px !important;
    border-right: 0 !important;
    height: 34px !important;
    min-height: 34px;
}

.pos-modern-page div.row-pos-body div.content div.content-header .input-group,
.pos-modern-page div.row-pos-body div.content div.content-header .select2-selection__rendered {
    height: 34px;
    line-height: 34px !important;
}

.pos-modern-page .pos-customer-action {
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #cfdff2 !important;
    border-radius: 8px !important;
    color: #077af1 !important;
    display: inline-flex;
    flex: 0 0 42px;
    grid-column: 3;
    height: 34px;
    justify-content: center;
    justify-self: end;
    padding: 0 !important;
    width: 42px;
}

.pos-modern-page .content-body > .col-md-12 > .row {
    gap: 10px;
}

.pos-modern-page .pos-products-panel {
    flex-basis: calc(45.8% - 5px) !important;
    max-width: calc(45.8% - 5px) !important;
    width: calc(45.8% - 5px) !important;
}

.pos-modern-page .pos-items-panel {
    flex-basis: calc(54.2% - 5px) !important;
    width: calc(54.2% - 5px) !important;
}

.pos-modern-page .pos-products-panel .pos-product-selection-content {
    overflow: hidden;
    padding: 16px 16px 14px !important;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .row {
    display: grid !important;
    align-items: flex-end;
    gap: 26px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) max-content;
    justify-content: stretch;
    margin: 0 !important;
    width: 100%;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4 {
    float: none !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(1),
.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(2),
.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(3) {
    flex: initial;
    min-width: 0;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(1) {
    grid-column: 1;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(2) {
    grid-column: 2;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(3) {
    grid-column: 3;
    justify-self: end;
    width: max-content !important;
}

.pos-modern-page .pos-products-panel .pos-customer-row {
    gap: 26px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) max-content;
}

.pos-modern-page .pos-products-panel .pos-customer-search {
    height: 34px;
}

.pos-modern-page .pos-products-panel .pos-customer-row .input-group-addon {
    height: 34px;
    width: 42px;
}

.pos-modern-page .pos-products-panel .pos-customer-row .select2-container--default .select2-selection--single {
    height: 34px !important;
    min-height: 34px;
}

.pos-modern-page .pos-products-panel .pos-customer-row .select2-selection__rendered {
    line-height: 32px !important;
}

.pos-modern-page .pos-products-panel .pos-customer-action {
    flex-basis: 42px;
    height: 34px;
    width: 42px;
}

.pos-modern-page .pos-products-panel .form-control,
.pos-modern-page .pos-products-panel .select2-container--default .select2-selection--single {
    min-height: 34px;
}

.pos-modern-page .pos-products-panel .select-pt .select2-container {
    min-width: 0;
    width: 100% !important;
}

.pos-modern-page .pos-products-panel .select2-selection__rendered {
    font-size: 13px;
    line-height: 32px !important;
}

.pos-modern-page .pos-products-panel .pos-auto-insert-switch {
    align-items: flex-end;
    column-gap: 8px;
    display: grid !important;
    grid-template-columns: 34px max-content;
    grid-template-rows: auto auto;
    min-height: 54px;
    width: max-content;
}

.pos-modern-page .pos-products-panel .pos-auto-insert-label {
    grid-column: 1 / 3;
    white-space: nowrap;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-customer-search,
.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-customer-row .input-group-addon,
.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-customer-row .select2-container--default .select2-selection--single,
.pos-modern-page .pos-products-panel .pos-product-main-controls .select-pt .form-control,
.pos-modern-page .pos-products-panel .pos-product-main-controls .select-pt .select2-container--default .select2-selection--single {
    height: 43px !important;
    min-height: 43px;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .select2-selection__rendered {
    line-height: 41px !important;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .select2-selection__arrow {
    height: 43px !important;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-customer-action {
    flex-basis: 43px;
    height: 43px;
    width: 43px;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-auto-insert-switch {
    min-height: 43px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child .col-sm-4:nth-child(3) .col-sm-12 {
    float: none !important;
    padding: 0 !important;
    width: auto !important;
}

.pos-modern-page .pos-products-panel .custom-switch-indicator {
    grid-column: 1;
    margin-top: 0;
}

.pos-modern-page .pos-products-panel .toggle-message {
    grid-column: 2;
    left: 0 !important;
    line-height: 20px;
    position: static !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body input#search_product {
    font-size: 14px;
    height: 44px;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body input#search_product + span.input-group-addon {
    height: 44px;
    min-width: 48px;
}

.pos-modern-page .pos-products-panel .another__elements {
    min-height: 24px;
}

.pos-modern-page .pos-products-panel .another__elements a {
    align-items: center;
    display: inline-flex;
    font-size: 13px;
    gap: 6px;
    margin-top: 8px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) {
    margin-top: 14px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .form-group-sb {
    display: grid;
    gap: 0 18px;
    grid-template-columns: 214px minmax(0, 1fr);
    grid-template-rows: auto auto;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__picture {
    height: 150px;
    max-width: 214px;
    width: 214px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .invoice-col {
    grid-row: 1 / 3;
    padding: 0 !important;
    width: 214px !important;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .invoice-col + .col-sm-6 {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .ps__unit_price {
    grid-column: 2;
    grid-row: 2;
    padding: 0 !important;
    width: auto !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__description {
    font-size: 18px;
    margin-top: 22px;
}

.pos-modern-page .pos-product-preview-code {
    background: #f1f4f8;
    border-radius: 4px;
    color: #778196;
    display: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    margin-top: 8px;
    padding: 6px 10px;
    width: max-content;
}

.pos-modern-page .pos-product-preview-code:not(:empty) {
    display: inline-flex;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.ps__unit_price {
    font-size: 22px;
}

.pos-modern-page .pos-products-panel #product > .row:last-child {
    margin-top: 24px;
}

.pos-modern-page .pos-products-panel #product > .row:last-child > .pos-product-entry-grid {
    display: grid;
    gap: 22px 32px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr);
}

.pos-modern-page .pos-products-panel .input-group {
    display: flex;
    flex-wrap: nowrap;
}

.pos-modern-page .pos-products-panel .input-group-addon {
    align-items: center;
    display: inline-flex;
    height: 34px;
    justify-content: center;
}

.pos-modern-page .pos-products-panel .input-group .p-addon0x-7x {
    background: #ffffff !important;
    border: 1px solid #cfdff2 !important;
    border-radius: 8px 0 0 8px !important;
    border-right: 0 !important;
    color: #071c44 !important;
    flex: 0 0 38px;
    min-width: 38px;
    padding: 0 !important;
}

.pos-modern-page .pos-products-panel .input-group .p-addon0x-7x + .form-control {
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    padding-left: 0 !important;
}

.pos-modern-page .pos-products-panel .input-group .p-addon0x-7x + .form-control:not(:last-child) {
    border-radius: 0 !important;
    border-right: 0 !important;
}

.pos-modern-page .pos-products-panel .pos-field-edit-icon {
    background: #ffffff !important;
    border: 1px solid #cfdff2 !important;
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    color: #6a7380 !important;
    flex: 0 0 34px;
    min-width: 34px;
}

.pos-modern-page .pos-products-panel textarea#product_notes {
    height: 34px !important;
    min-height: 34px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid label {
    color: #222222 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .form-control,
.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group-addon {
    font-size: 16px;
    height: 49px;
    min-height: 49px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .form-control {
    color: #333333;
    padding: 11px 16px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group .p-addon0x-7x {
    color: #333333 !important;
    flex-basis: 42px;
    min-width: 42px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .pos-field-edit-icon {
    flex-basis: 42px;
    min-width: 42px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid textarea#product_notes {
    height: 49px !important;
    min-height: 49px;
    overflow: hidden;
    resize: none;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .pos-exchange-value-field .form-control {
    color: #666666;
}

.pos-modern-page .pos-items-card-header {
    flex-basis: 56px;
    height: 56px !important;
    padding: 0 16px !important;
}

.pos-modern-page .pos-items-card-header h3 {
    font-size: 20px !important;
}

.pos-modern-page .pos-items-card-actions {
    gap: 14px;
}

.pos-modern-page .pos-items-icon-btn,
.pos-modern-page .pos-items-price-btn {
    border-radius: 8px !important;
    height: 34px;
}

.pos-modern-page .pos-items-icon-btn {
    font-size: 16px;
    width: 40px;
}

.pos-modern-page .pos-items-price-btn {
    gap: 10px;
    min-width: 164px;
    padding: 0 14px;
}

.pos-modern-page .pos-items-price-btn .select2-container {
    flex: 1 1 auto;
    min-width: 0;
    width: 108px !important;
}

.pos-modern-page .pos-items-price-btn .select2-container--default .select2-selection--single {
    height: 32px !important;
    min-height: 32px;
}

.pos-modern-page .pos-items-price-btn .select2-selection__rendered {
    font-size: 13px;
    line-height: 32px !important;
}

.pos-modern-page .pos-items-price-btn span {
    font-size: 13px;
}

.pos-modern-page table#pos_table thead th {
    font-size: 13px;
    height: 40px;
}

.pos-modern-page table#pos_table tbody tr.product_row td {
    font-size: 13px;
    padding: 14px 10px !important;
}

.pos-modern-page table#pos_table tbody tr.product_row .product_description {
    font-size: 14px;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-code {
    font-size: 11px;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos_quantity,
.pos-modern-page table#pos_table tbody tr.product_row .pos_unit_price_inc_tax,
.pos-modern-page table#pos_table tbody tr.product_row .pos_line_total,
.pos-modern-page table#pos_table tbody tr.product_row .pos_line_discount {
    font-size: 13px;
}

.pos-modern-page table#pos_table tbody tr.no-record-row svg {
    max-width: 160px;
}

.pos-modern-page table#pos_table tbody tr.no-record-row {
    height: calc(100vh - 320px) !important;
}

.pos-modern-page table#pos_table tbody tr.no-record-row td {
    padding: 0 !important;
    text-align: center;
    vertical-align: middle !important;
}

.pos-modern-page table#pos_table tbody tr.no-record-row svg {
    display: block;
    margin: 0 auto;
}

.pos-modern-page .pos-items-summary {
    flex-basis: 76px;
    height: 76px;
    padding: 0 28px;
}

.pos-modern-page .pos-items-summary span {
    font-size: 13px;
}

.pos-modern-page .pos-items-summary strong {
    font-size: 16px;
}

.pos-modern-page .pos-items-summary .pos-summary-total strong,
.pos-modern-page .pos-items-summary .pos-summary-total b {
    font-size: 30px;
}

.pos-modern-page .pos-off-before {
    display: none !important;
}

.pos-modern-page .stick-bottom {
    height: 69px;
    padding: 0 13px 17px 19px !important;
}

.pos-modern-page .pos-footer {
    height: 52px;
}

.pos-modern-page .pos-footer .btn {
    font-size: 18px !important;
    height: 52px !important;
}

/* WEB 4 POS create */
.pos-modern-page {
    background: #f7fbff !important;
    display: flex;
    flex-direction: column;
    height: 100vh !important;
    min-height: 100vh;
    overflow: hidden !important;
    width: 100%;
}

.pos-modern-page .pos-page-header,
.pos-modern-page .pos-modern-header,
.pos-modern-page .pos-modern-header-inner {
    height: 76px;
    min-height: 76px !important;
}

.pos-modern-page .pos-page-header {
    flex: 0 0 76px;
    position: relative;
    top: auto;
    z-index: 60;
}

.pos-modern-page .pos-modern-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5eef8 !important;
    padding: 0 20px !important;
}

.pos-modern-page .pos-modern-header-inner {
    align-items: center;
    gap: 0;
}

.pos-modern-page .pos-modern-brand {
    border-right: 1px solid #e7eef7;
    flex: 0 0 286px;
    gap: 14px;
    height: 36px;
    min-width: 286px;
}

.pos-modern-page .pos-modern-brand svg {
    flex: 0 0 70px;
    height: 43px;
    width: 70px;
}

.pos-modern-page .pos-modern-brand a {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.pos-modern-page .pos-modern-header-spacer {
    flex: 1 1 auto;
    min-width: 20px;
}

.pos-modern-page .pos-register-status {
    flex: 0 0 224px;
    gap: 8px;
    min-width: 224px;
}

.pos-modern-page .pos-register-title {
    gap: 14px;
}

.pos-modern-page .pos-register-dot {
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
}

.pos-modern-page .pos-register-status strong {
    font-size: 24px;
    line-height: 29px;
}

.pos-modern-page .pos-register-status small {
    font-size: 16px;
    line-height: 20px;
}

.pos-modern-page .pos-header-status {
    flex: 0 0 164px;
    margin-left: 24px;
}

.pos-modern-page .pos-header-status .select2-container {
    width: 100% !important;
}

.pos-modern-page .pos-header-status .select2-container--default .select2-selection--single {
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #dce6f2 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    display: flex;
    height: 39px;
    min-height: 39px;
    padding: 0 14px;
}

.pos-modern-page .pos-header-status .select2-selection__rendered {
    color: #077af1 !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 37px !important;
    padding-left: 0 !important;
    padding-right: 18px !important;
}

.pos-modern-page .pos-header-status .select2-selection__arrow {
    height: 37px !important;
    right: 10px !important;
}

.pos-modern-page .pos-modern-icon-btn {
    border-left: 1px solid #e7eef7 !important;
    border-right: 1px solid #e7eef7 !important;
    flex: 0 0 62px;
    font-size: 20px;
    height: 39px;
    margin: 0 20px;
}

.pos-modern-page .pos-header-user {
    flex: 0 0 180px;
    gap: 12px;
    min-width: 180px;
}

.pos-modern-page .pos-header-user-avatar {
    flex: 0 0 54px;
    height: 54px;
    width: 54px;
}

.pos-modern-page .pos-header-user-copy strong {
    font-size: 13px;
    line-height: 17px;
}

.pos-modern-page .pos-header-user-copy small {
    font-size: 12px;
    line-height: 16px;
}

.pos-modern-page .page-body {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0;
    overflow: hidden;
    padding: 12px 12px 0 !important;
}

.pos-modern-page .container-x1,
.pos-modern-page .container-x1 > .content,
.pos-modern-page .container-x1 .content.overflow-auto > .row,
.pos-modern-page .container-x1 .content.overflow-auto > .row > .row,
.pos-modern-page div.row-pos-body,
.pos-modern-page div.row-pos-body > div.content,
.pos-modern-page .content-body,
.pos-modern-page .content-body > .col-md-12,
.pos-modern-page .content-body > .col-md-12 > .row {
    height: 100%;
    min-height: 0;
}

.pos-modern-page .content-body > .col-md-12 > .row {
    align-items: stretch;
    display: flex !important;
    gap: 10px;
    margin: 0;
}

.pos-modern-page .pos-products-panel {
    flex: 0 0 calc(45.7% - 5px) !important;
    max-width: calc(45.7% - 5px) !important;
    min-height: 0;
    width: calc(45.7% - 5px) !important;
}

.pos-modern-page .pos-items-panel {
    background: #ffffff !important;
    border: 1px solid #d8e6f5 !important;
    border-radius: 8px !important;
    display: flex;
    flex-direction: column;
    max-width: calc(54.3% - 5px) !important;
    min-height: 0;
    overflow: hidden;
    width: calc(54.3% - 5px) !important;
}

.pos-modern-page .pos-products-panel .pos-product-selection-card {
    background: #ffffff !important;
    border: 1px solid #d8e6f5 !important;
    border-radius: 8px !important;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.pos-modern-page .pos-products-panel .pos-product-selection-content {
    height: 100%;
    overflow: auto !important;
    padding: 15px 15px 14px !important;
}

.pos-modern-page .pos-products-panel #product > .mb-3:first-child {
    gap: 14px;
    margin-bottom: 14px !important;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-customer-row,
.pos-modern-page .pos-products-panel .pos-product-main-controls > .row {
    gap: 14px;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls > .row {
    grid-template-columns: minmax(176px, 0.9fr) minmax(216px, 1.1fr) max-content !important;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .form-control,
.pos-modern-page .pos-products-panel .pos-product-main-controls .select2-selection__rendered {
    font-size: 15px !important;
    font-weight: 400;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-customer-search,
.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-customer-row .input-group-addon,
.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-customer-row .select2-container--default .select2-selection--single,
.pos-modern-page .pos-products-panel .pos-product-main-controls .select-pt .form-control,
.pos-modern-page .pos-products-panel .pos-product-main-controls .select-pt .select2-container--default .select2-selection--single {
    height: 43px !important;
    min-height: 43px !important;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .select2-selection__rendered {
    line-height: 41px !important;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-customer-action {
    flex: 0 0 42px;
    height: 42px;
    width: 42px;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-auto-insert-switch {
    min-height: 43px;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .pos-auto-insert-label {
    font-size: 12px;
}

.pos-modern-page .pos-products-panel .pos-product-main-controls .toggle-message {
    font-size: 12px !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body input#search_product {
    font-size: 14px;
    height: 40px;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body input#search_product + span.input-group-addon {
    height: 40px;
    min-width: 43px;
}

.pos-modern-page .pos-products-panel .another__elements {
    min-height: 28px;
}

.pos-modern-page .pos-products-panel .another__elements a {
    font-size: 12px;
    margin-top: 8px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) {
    margin-top: 14px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .form-group-sb {
    gap: 0 18px;
    grid-template-columns: 214px minmax(0, 1fr);
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__picture {
    height: 157px;
    max-width: 214px;
    width: 214px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .invoice-col {
    width: 214px !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__description {
    font-size: 18px;
    line-height: 1.35;
    margin-top: 22px;
}

.pos-modern-page .pos-product-preview-code {
    font-size: 10px;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.ps__unit_price {
    font-size: 22px;
}

.pos-modern-page .pos-products-panel #product > .row:last-child {
    margin-top: 58px;
}

.pos-modern-page .pos-products-panel #product > .row:last-child > .pos-product-entry-grid {
    gap: 15px 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pos-modern-page .pos-products-panel .pos-product-main-controls label,
.pos-modern-page .pos-products-panel .pos-product-main-controls .custom-switch,
.pos-modern-page .pos-products-panel .pos-product-entry-grid label {
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    letter-spacing: 0%;
    line-height: 16px;
    margin-bottom: 5px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .form-control,
.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group-addon {
    font-size: 12px;
    height: 34px;
    min-height: 34px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .form-control {
    padding: 7px 11px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group .p-addon0x-7x,
.pos-modern-page .pos-products-panel .pos-product-entry-grid .pos-field-edit-icon {
    flex-basis: 36px;
    min-width: 36px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid textarea#product_notes {
    height: 34px !important;
    min-height: 34px;
}

.pos-modern-page .pos-items-card-header {
    flex: 0 0 56px;
    height: 56px !important;
    padding: 0 16px !important;
}

.pos-modern-page .pos-items-card-header h3 {
    font-size: 20px !important;
}

.pos-modern-page .pos-items-card-actions {
    gap: 14px;
}

.pos-modern-page .pos-items-icon-btn,
.pos-modern-page .pos-items-price-btn {
    height: 42px !important;
    min-height: 42px;
}

.pos-modern-page .pos-items-icon-btn {
    font-size: 16px;
    flex: 0 0 42px;
    width: 42px;
}

.pos-modern-page .pos-items-price-btn {
    min-width: 166px;
    padding: 0 12px;
}

.pos-modern-page .pos-items-price-btn .select2-container {
    width: 104px !important;
}

.pos-modern-page .pos-items-price-btn .select2-container--default .select2-selection--single {
    height: 40px !important;
    min-height: 40px;
}

.pos-modern-page .pos-items-price-btn .select2-selection__rendered {
    font-size: 12px;
    line-height: 40px !important;
}

.pos-modern-page table#pos_table thead th {
    font-size: 12px;
    height: 39px;
    padding: 0 8px;
}

.pos-modern-page table#pos_table thead th:first-child {
    padding-left: 16px !important;
    width: 46%;
}

.pos-modern-page table#pos_table tbody tr.product_row td {
    font-size: 12px;
    padding: 16px 8px !important;
}

.pos-modern-page table#pos_table tbody tr.product_row td:first-child {
    padding-left: 16px !important;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-cell {
    gap: 14px;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-image-trigger,
.pos-modern-page table#pos_table tbody tr.product_row .pos-product-thumbnail {
    flex-basis: 40px;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-thumbnail {
    height: 40px !important;
    width: 40px !important;
}

.pos-modern-page table#pos_table tbody tr.product_row .product_description {
    font-size: 14px;
    line-height: 18px;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos-product-code {
    font-size: 10px;
    margin-top: 3px;
}

.pos-modern-page table#pos_table tbody tr.product_row .pos_quantity,
.pos-modern-page table#pos_table tbody tr.product_row .pos_unit_price_inc_tax,
.pos-modern-page table#pos_table tbody tr.product_row .pos_line_total,
.pos-modern-page table#pos_table tbody tr.product_row .pos_line_discount {
    font-size: 12px;
}

.pos-modern-page .pos-items-summary {
    flex: 0 0 76px;
    height: 76px;
    padding: 0 32px;
}

.pos-modern-page .pos-items-summary span {
    font-size: 12px;
}

.pos-modern-page .pos-items-summary strong {
    font-size: 16px;
}

.pos-modern-page .pos-items-summary .pos-summary-total strong,
.pos-modern-page .pos-items-summary .pos-summary-total b {
    font-size: 30px;
}

.pos-modern-page .stick-bottom {
    background: #ffffff !important;
    flex: 0 0 114px;
    height: 114px;
    position: relative !important;
    padding: 24px 12px !important;
    width: 100% !important;
    z-index: 45;
}

.pos-modern-page .pos-footer,
.pos-modern-page .pos-footer .btn {
    height: 66px !important;
}

.pos-modern-page .pos-footer .btn {
    font-size: 16px !important;
    gap: 22px;
    padding: 0 24px !important;
}

.pos-modern-page .pos-footer .btn.disabled,
.pos-modern-page .pos-footer .btn:disabled {
    opacity: 1 !important;
}

.pos-modern-page .pos-footer .btn svg {
    display: block;
    flex-shrink: 0;
    height: 28px;
    width: 28px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .form-control,
.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group-addon {
    border-color: #cfdff2 !important;
    border-radius: var(--default-radius) !important;
    font-size: 15px;
    font-weight: 400;
    height: 43px !important;
    min-height: 43px !important;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .form-control {
    padding: 10px 12px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group .p-addon0x-7x {
    border-radius: 8px 0 0 8px !important;
    border-right: 0 !important;
    flex-basis: 36px;
    min-width: 36px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group .p-addon0x-7x + .form-control {
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    padding-left: 0;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .input-group .p-addon0x-7x + .form-control:not(:last-child) {
    border-radius: 0 !important;
    border-right: 0 !important;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid .pos-field-edit-icon {
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    flex-basis: 36px;
    min-width: 36px;
}

.pos-modern-page .pos-products-panel .pos-product-entry-grid textarea#product_notes {
    height: 43px !important;
    min-height: 43px !important;
}

.pos-modern-page,
.pos-modern-page .page-body {
    background: #ffffff !important;
}

.pos-modern-page .stick-bottom {
    background: #ffffff !important;
}

.pos-modern-page table#pos_table thead th:last-child,
.pos-modern-page table#pos_table tbody tr.product_row td:last-child {
    padding-right: 0 !important;
}

.pos-modern-page .pos-products-panel #product > .row:last-child > .pos-product-entry-grid {
    gap: 15px 14px;
    grid-template-columns: minmax(176px, 0.9fr) minmax(216px, 1.1fr) minmax(176px, 0.9fr) !important;
}

.pos-modern-page .pos-products-panel #product > .row:last-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) {
    margin-top: 18px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .form-group-sb {
    align-items: start;
    display: grid;
    gap: 0 22px;
    grid-template-columns: 231px minmax(0, 1fr);
    grid-template-rows: auto auto;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .invoice-col {
    grid-row: 1 / 3;
    width: 231px !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__picture {
    background: #eef5ff !important;
    border: 1px solid #cfdff2 !important;
    border-radius: 8px !important;
    height: 170px;
    max-width: 231px;
    padding: 7px;
    width: 231px;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__picture img {
    background: #f4f8ff;
    border-radius: 6px;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__picture img[src$="pos-no-picture.svg"] {
    height: 70px;
    width: 70px;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .invoice-col + .col-sm-6 {
    grid-column: 2;
    grid-row: 1;
    padding-top: 23px !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.product__description {
    color: #333333 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 19px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 0;
}

.pos-modern-page .pos-product-preview-code {
    background: #f1f4f8;
    border-radius: 4px;
    color: #707b90;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    margin-top: 10px;
    padding: 6px 10px;
}

.pos-modern-page .pos-product-preview-code:not(:empty) {
    display: inline-flex;
}

.pos-modern-page .pos-products-panel #product > .mb-3:nth-of-type(3) .ps__unit_price {
    grid-column: 2;
    grid-row: 2;
    padding-top: 11px !important;
}

.pos-modern-page div.row-pos-body > div.content > div.content-body div.ps__unit_price {
    color: #077af1 !important;
    font-size: 23px;
    font-weight: 700;
    line-height: 29px;
}

.pos-modern-page.pos-orders-open div.row-pos-body {
    align-items: stretch;
    display: grid !important;
    column-gap: clamp(11px, 0.81vw, 14px);
    grid-template-columns: minmax(0, 1fr) clamp(153px, 11.227vw, 194px);
    height: 100%;
    margin: 0 !important;
    row-gap: 0;
    width: 100%;
}

.pos-modern-page.pos-orders-open .page-body {
    overflow: visible;
}

.pos-modern-page.pos-orders-open div.row-pos-body > div.content {
    grid-column: 1;
    height: 100%;
    margin: 0 !important;
    min-width: 0;
    padding: 0 !important;
}

.pos-modern-page.pos-orders-open .content-body,
.pos-modern-page.pos-orders-open .content-body > .col-md-12 {
    height: 100%;
    margin: 0 !important;
    min-height: 0;
    padding: 0 !important;
}

.pos-modern-page.pos-orders-open .content-body > .col-md-12 > .row {
    align-items: stretch;
    align-content: stretch;
    display: grid !important;
    column-gap: clamp(11px, 0.81vw, 14px);
    grid-template-columns: clamp(560px, 40.972vw, 708px) minmax(0, 1fr);
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    row-gap: 0;
}

.pos-modern-page.pos-orders-open .pos-products-panel {
    align-self: stretch;
    flex: initial !important;
    grid-column: 1;
    margin: 0 !important;
    max-width: none !important;
    min-height: 0;
    width: auto !important;
}

.pos-modern-page.pos-orders-open .pos-items-panel {
    align-self: stretch;
    flex: initial !important;
    grid-column: 2;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0;
    width: auto !important;
}

.pos-modern-page.pos-orders-open .pos-off-before {
    align-self: stretch;
    display: block !important;
    grid-column: 2;
    height: calc(100% + 102px);
    margin: 0 !important;
    max-width: clamp(153px, 11.227vw, 194px) !important;
    min-width: 0;
    opacity: 0;
    transform: translateX(16px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    width: clamp(153px, 11.227vw, 194px) !important;
    will-change: opacity, transform;
    z-index: 50;
}

.pos-modern-page.pos-orders-open.pos-orders-visible .pos-off-before {
    opacity: 1;
    transform: translateX(0);
}

.pos-modern-page.pos-orders-open .stick-bottom {
    padding-left: clamp(21px, 1.505vw, 26px) !important;
    padding-right: calc(clamp(153px, 11.227vw, 194px) + clamp(27px, 1.91vw, 33px)) !important;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-selection-content {
    padding: clamp(16px, 1.157vw, 20px) !important;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-main-controls {
    gap: clamp(14px, 0.926vw, 16px) !important;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-main-controls .pos-customer-row {
    gap: clamp(16px, 1.157vw, 20px) !important;
    grid-template-columns: minmax(0, 1fr) clamp(33px, 2.431vw, 42px) !important;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-main-controls .pos-customer-search {
    grid-column: 1;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-main-controls .pos-customer-action {
    grid-column: 2;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-main-controls > .row {
    gap: clamp(16px, 1.157vw, 20px) !important;
    grid-template-columns: 33.533% 41.317% minmax(max-content, 1fr) !important;
}

.pos-modern-page.pos-orders-open .pos-products-panel #product > .mb-3:nth-of-type(3) .form-group-sb {
    gap: 0 clamp(19px, 1.389vw, 24px);
    grid-template-columns: clamp(217px, 15.856vw, 274px) minmax(0, 1fr);
}

.pos-modern-page.pos-orders-open div.row-pos-body > div.content > div.content-body div.product__picture,
.pos-modern-page.pos-orders-open .pos-products-panel #product > .mb-3:nth-of-type(3) .invoice-col {
    max-width: clamp(217px, 15.856vw, 274px);
    width: clamp(217px, 15.856vw, 274px) !important;
}

.pos-modern-page.pos-orders-open div.row-pos-body > div.content > div.content-body div.product__picture {
    height: clamp(160px, 11.69vw, 202px);
}

.pos-modern-page.pos-orders-open .pos-products-panel #product > .mb-3:nth-of-type(3) .invoice-col + .col-sm-6 {
    padding-top: clamp(22px, 1.62vw, 28px) !important;
}

.pos-modern-page.pos-orders-open div.row-pos-body > div.content > div.content-body div.product__description {
    margin-top: 0;
}

.pos-modern-page.pos-orders-open .pos-products-panel #product > .row:last-child {
    margin-top: clamp(70px, 5.093vw, 88px);
}

.pos-modern-page.pos-orders-open .pos-products-panel #product > .row:last-child > .pos-product-entry-grid {
    column-gap: 0;
    grid-template-columns: 23.952% 2.994% 1.497% 2.994% 35.928% 4.192% 2.994% 4.491% 20.958% !important;
    row-gap: clamp(16px, 1.157vw, 20px);
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-entry-grid > .pos-entry-quantity {
    grid-column: 1 / 3;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-entry-grid > .pos-entry-unit-price {
    grid-column: 5 / 6;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-entry-grid > .pos-entry-discount {
    grid-column: 7 / 10;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-entry-grid > .pos-entry-subtotal {
    grid-column: 1 / 2;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-entry-grid > .pos-entry-notes {
    grid-column: 4 / 8;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-entry-grid > .pos-exchange-value-field {
    grid-column: 9 / 10;
}

.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-entry-grid .form-control,
.pos-modern-page.pos-orders-open .pos-products-panel .pos-product-entry-grid .input-group-addon {
    height: clamp(35px, 2.546vw, 44px) !important;
    min-height: clamp(35px, 2.546vw, 44px) !important;
}

.pos-modern-page.pos-orders-open .pos-items-card-header {
    align-items: flex-start;
    flex-basis: 72px;
    height: 72px !important;
    padding: 18px 20px 0 24px !important;
}

.pos-modern-page.pos-orders-open .pos-items-icon-btn,
.pos-modern-page.pos-orders-open .pos-items-price-btn {
    height: 44px !important;
    min-height: 44px !important;
}

.pos-modern-page.pos-orders-open .pos-items-icon-btn {
    flex-basis: 44px;
    width: 44px;
}

.pos-modern-page.pos-orders-open .pos-items-price-btn {
    min-width: 210px;
}

.pos-modern-page.pos-orders-open .pos-items-summary {
    flex-basis: clamp(77px, 5.671vw, 98px);
    height: clamp(77px, 5.671vw, 98px);
}

.pos-modern-page.pos-orders-open .stick-bottom .pos-footer-actions {
    column-gap: clamp(11px, 0.81vw, 14px);
    grid-template-columns: clamp(560px, 40.972vw, 708px) minmax(0, 1fr);
}

.pos-modern-page.pos-orders-open .stick-bottom .pos-footer-left-actions {
    column-gap: clamp(16px, 1.157vw, 20px);
}

.pos-modern-page.pos-orders-open .pos-footer,
.pos-modern-page.pos-orders-open .pos-footer .btn {
    height: clamp(52px, 3.819vw, 66px) !important;
}

.pos-modern-page.pos-orders-open div.row-pos-body div.pos-off-before div.pos-cards-header {
    align-items: center;
    height: 94px;
    justify-content: center;
    min-height: 94px !important;
    padding: 24px 20px 12px !important;
}

.pos-modern-page.pos-orders-open div.row-pos-body div.pos-off-before div.pos-cards-header .pos-cards-search-button {
    border-radius: 10px !important;
    font-size: 28px;
    height: 44px;
    width: calc(100% - 6px);
}

.pos-modern-page.pos-orders-open div.row-pos-body div.pos-off-before div.pos-cards-body {
    height: calc(100% - 94px) !important;
    padding: 0px 20px 20px !important;
}

.pos-modern-page.pos-orders-open div.row-pos-body div.pos-off-before div.pos-cards-body .pos-sale-card-wrap {
    margin-bottom: clamp(8px, 0.579vw, 10px);
}

.pos-orders-pagination-footer {
    align-items: center;
    background: #eef2f6;
    border-radius: 0 0 8px 8px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 0;
    padding: 12px 20px;
}

.pos-orders-pagination-footer .dataTables_info {
    color: #35415f;
    flex: 1 1 auto;
    font-size: 14px;
    padding: 0;
}

.pos-orders-pagination-controls {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
}

.pos-orders-pagination-controls .select2-container,
.pos-orders-pagination-controls select.form-control {
    width: 92px !important;
}

.pos-orders-pagination-footer ul.pagination {
    display: flex;
    margin: 0;
}

.pos-orders-pagination-footer ul.pagination > li > a {
    border: 1px solid #d8e0ea;
    color: #596276;
    min-width: 32px;
    padding: 8px 12px;
    text-align: center;
}

.pos-orders-pagination-footer ul.pagination > li.active > a,
.pos-orders-pagination-footer ul.pagination > li.active > a:focus,
.pos-orders-pagination-footer ul.pagination > li.active > a:hover {
    background: #077af1;
    border-color: #077af1;
    color: #ffffff;
}

.pos-orders-pagination-footer ul.pagination > li.disabled > a {
    color: #9aa5b4;
    pointer-events: none;
}

.pos-modern-page.pos-orders-open div.pos-card.off-card.pos-sale-card {
    min-height: clamp(126px, 9.259vw, 160px);
}

.pos-modern-page.pos-orders-open div.pos-card.off-card.pos-sale-card div.card-body {
    min-height: clamp(124px, 9.144vw, 158px) !important;
    padding: clamp(16px, 1.157vw, 20px) clamp(4px, 0.289vw, 5px) clamp(4px, 0.289vw, 5px) !important;
}

.pos-modern-page.pos-orders-open .pos-sale-card-info {
    gap: clamp(3px, 0.231vw, 4px);
}

.pos-modern-page.pos-orders-open .pos-sale-card-register,
.pos-modern-page.pos-orders-open .pos-sale-card-total {
    font-size: clamp(11px, 0.81vw, 14px);
    line-height: clamp(13px, 0.984vw, 17px);
}

.pos-modern-page.pos-orders-open .pos-sale-card-number {
    font-size: clamp(14px, 1.042vw, 18px) !important;
    line-height: clamp(17px, 1.273vw, 22px) !important;
}

.pos-modern-page.pos-orders-open .pos-sale-card-time {
    font-size: clamp(9px, 0.694vw, 12px);
    line-height: clamp(12px, 0.868vw, 15px);
}

.pos-modern-page.pos-orders-open .pos-sale-card-action {
    background: #e5f0ff !important;
    height: clamp(24px, 1.736vw, 30px) !important;
    width: calc(100% - clamp(8px, 0.579vw, 10px)) !important;
}

.pos-modern-page.pos-orders-open div.pos-card.off-card.pos-sale-card:has(.bgps-primary) .pos-sale-card-action {
    background: #cdebde !important;
}

.pos-modern-page.pos-orders-open div.pos-card.off-card.pos-sale-card:has(.bg-error) .pos-sale-card-action {
    background: #ffe5e7 !important;
}

.pos-modern-page.pos-orders-open div.pos-card.off-card.pos-sale-card:has(.bgpb-primary) .pos-sale-card-action {
    background: #e8eaee !important;
}

/* Modal de observação do PDV */
.pos-observation-modal-dialog {
    max-width: 1024px;
    width: calc(100% - 32px);
}

.pos-observation-modal-content {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
    color: #333;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 32px);
    overflow: hidden;
}

.pos-observation-modal-header {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 96px;
    padding: 20px 24px 16px;
}

.pos-observation-modal-heading {
    align-items: center;
    display: flex;
    gap: 24px;
    min-width: 0;
}

.pos-observation-modal-heading svg {
    flex: 0 0 56px;
    height: 56px;
    width: 56px;
}

.pos-observation-modal-title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

button.pos-observation-modal-close {
    color: #333;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    opacity: 1;
    padding: 0;
}

.pos-observation-modal-body {
    background-color: #fff;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 24px;
}

.pos-observation-top-grid {
    align-items: end;
    display: grid;
    gap: 24px;
    grid-template-columns: 240px minmax(0, 1fr);
}

.pos-observation-field {
    margin: 0;
    min-width: 0;
}

.pos-observation-field > label {
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 5px;
}

.pos-observation-money-control,
.pos-observation-textarea {
    background: #ffffff !important;
    border: 1px solid #d8e2f0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    color: #333;
    font-size: 13px;
}

.pos-observation-money-control {
    align-items: center;
    display: flex;
    height: 34px;
    overflow: hidden;
}

.pos-observation-money-control > span {
    color: #667085;
    flex: 0 0 auto;
    font-size: 13px;
    padding-left: 11px;
}

.pos-observation-control {
    border: 0 !important;
    box-shadow: none !important;
    flex: 1 1 auto;
    height: 32px;
    min-width: 0;
    padding: 0 8px;
}

.pos-observation-print-option {
    align-items: center;
    color: #111111;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 400;
    gap: 10px;
    justify-self: start;
    margin: 0 0 8px;
}

.pos-observation-print-option input {
    accent-color: #077af1;
    cursor: pointer;
    height: 16px;
    margin: 0;
    width: 16px;
}

.pos-observation-text-field {
    margin-top: 24px;
}

.pos-observation-textarea {
    height: 128px;
    min-height: 128px;
    padding: 10px 11px;
    resize: vertical;
}

.pos-observation-modal-footer {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex: 0 0 auto;
    gap: 24px;
    justify-content: flex-end;
    min-height: 92px;
    padding: 24px;
}

.pos-observation-modal-footer .btn {
    align-items: center;
    border-radius: 5px;
    box-shadow: none;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    justify-content: center;
}

.pos-observation-cancel-button {
    background: #ffffff !important;
    border: 1.5px solid #077af1 !important;
    color: #077af1 !important;
    width: 180px;
}

.pos-observation-save-button {
    background: #077af1 !important;
    border: 1.5px solid #077af1 !important;
    color: #ffffff !important;
    gap: 14px;
    width: 242px;
}

.pos-observation-save-button svg {
    flex: 0 0 24px;
}
/* /Modal de observação do PDV */

/* Modal de pedido finalizado do PDV */
.pos-order-completed-dialog {
    margin: 0.35rem auto;
    max-width: 1174px;
    width: calc(100vw - 24px);
}

.pos-order-completed-content {
    border: 0;
    border-radius: 6px;
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.18);
    max-height: calc(100vh - 12px);
    overflow: auto;
}

.pos-order-completed-body {
    background: #fff;
    display: grid;
    gap: 25px;
    grid-template-columns: 360px minmax(0, 1fr);
    padding: 26px 24px 24px;
}

.pos-order-completed-sidebar {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pos-order-completed-heading {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    margin-bottom: 30px;
}

.pos-order-completed-heading h3 {
    color: #333;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 6px;
}

.pos-order-completed-heading p {
    color: #666;
    font-size: 12px;
    margin: 0;
}

.pos-order-completed-success-icon {
    align-items: center;
    border: 3px solid #16a34a;
    border-radius: 50%;
    color: #16a34a;
    display: inline-flex;
    flex: 0 0 51px;
    font-size: 24px;
    height: 51px;
    justify-content: center;
    width: 51px;
}

.pos-order-completed-summary {
    align-items: center;
    background: #f8fbff;
    border: 1px dashed #d8e2f0;
    border-radius: 8px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 510px;
    padding: 26px 25px 28px;
}

.pos-order-completed-file-icon {
    align-items: center;
    background: #dbeafe;
    border-radius: 50%;
    color: #077af1;
    display: inline-flex;
    font-size: 26px;
    height: 68px;
    justify-content: center;
    margin-bottom: 25px;
    width: 68px;
}

.pos-order-completed-summary h2 {
    color: #333;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 26px;
}

.pos-order-completed-meta {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 13px;
    gap: 20px;
    justify-content: flex-start;
    margin-bottom: 18px;
    width: 100%;
}

.pos-order-completed-meta span {
    color: #333;
    flex: 0 0 40px;
    font-size: 16px;
    text-align: center;
}

.pos-order-completed-meta strong {
    color: #444;
    font-size: 13px;
    font-weight: 400;
}

.pos-order-completed-separator {
    border-top: 1px dashed #d8e2f0;
    margin: 12px 0 24px;
    width: 100%;
}

.pos-order-completed-items {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: 36px 1fr auto;
    min-height: 60px;
    padding: 0 32px 0 16px;
    width: 100%;
}

.pos-order-completed-items i {
    color: #333;
    font-size: 26px;
}

.pos-order-completed-items strong {
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.pos-order-completed-items span {
    color: #077af1;
    font-size: 28px;
    font-weight: 700;
}

.pos-order-completed-total {
    align-self: flex-start;
    margin-top: 8px;
}

.pos-order-completed-total strong {
    color: #333;
    display: block;
    font-size: 22px;
    margin-bottom: 8px;
}

.pos-order-completed-total span {
    color: #077af1;
    display: block;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.1;
}

.pos-order-completed-close {
    background: #fff;
    border: 1px solid #077af1;
    border-radius: 8px;
    color: #077af1;
    font-size: 16px;
    height: 47px;
    margin-top: 24px;
    width: 100%;
}

.pos-order-completed-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pos-order-completed-actions {
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 24px 24px 14px;
}

.pos-order-completed-actions h3 {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 16px;
}

.pos-order-completed-section + .pos-order-completed-section {
    margin-top: 10px;
}

.pos-order-completed-section-title {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 17px;
    gap: 12px;
    margin-bottom: 12px;
}

.pos-order-completed-section-title:after {
    background: #d8e2f0;
    content: "";
    flex: 1 1 auto;
    height: 1px;
}

.pos-order-completed-action-grid,
.pos-order-completed-share-grid {
    display: grid;
    gap: 16px 25px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pos-order-completed-action-card {
    align-items: center;
    background: #fff;
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    color: #333;
    display: flex;
    font-size: 17px;
    gap: 18px;
    height: 68px;
    justify-content: center;
    position: relative;
    text-decoration: none !important;
    width: 100%;
}

.pos-order-completed-action-card i:not(.pos-order-completed-card-check) {
    color: #077af1;
    font-size: 31px;
}

.pos-order-completed-action-card.active {
    background: #eef6ff;
    border-color: #077af1;
    color: #077af1;
}

.pos-order-completed-action-card.disabled {
    background: #f8f9fb;
    color: #707070;
    cursor: not-allowed;
}

.pos-order-completed-action-card.disabled i {
    color: #707070 !important;
}

.pos-order-completed-card-check {
    align-items: center;
    background: #077af1;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 10px;
    height: 18px;
    justify-content: center;
    position: absolute;
    right: 7px;
    top: 6px;
    width: 18px;
}

.pos-order-completed-share-card {
    align-items: center;
    background: #fff;
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    color: #333;
    display: grid;
    gap: 15px;
    grid-template-columns: 30px minmax(0, 1fr) 42px;
    height: 52px;
    margin: 0;
    padding: 0 14px;
}

.pos-order-completed-share-card > i {
    color: #077af1;
    font-size: 24px;
    text-align: center;
}

.pos-order-completed-share-card span:not(.pos-order-completed-toggle) {
    color: #444;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-order-completed-toggle-input {
    display: none;
}

.pos-order-completed-toggle {
    background: #b7b7b7;
    border-radius: 999px;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 36px;
}

.pos-order-completed-toggle:before {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: left 0.15s ease;
    width: 14px;
}

.pos-order-completed-toggle-input:checked + .pos-order-completed-toggle {
    background: #077af1;
}

.pos-order-completed-toggle-input:checked + .pos-order-completed-toggle:before {
    left: 19px;
}

.pos-order-completed-document-row {
    display: grid;
    gap: 25px;
    grid-template-columns: 262px minmax(0, 1fr);
}

.pos-order-completed-document-type {
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 42px;
    overflow: hidden;
}

.pos-order-completed-document-type button {
    background: #fff;
    border: 0;
    color: #666;
    font-size: 16px;
    align-items: center;
    justify-content: space-evenly;
    display: flex;
}

.pos-order-completed-document-type button.active {
    border: 1px solid #077af1;
    border-radius: 7px;
    color: #077af1;
    font-weight: 600;
}

.pos-order-completed-document-type button i {
    font-size: 24px;
    margin-right: 18px;
    vertical-align: middle;
}

.pos-order-completed-document-field {
    align-items: center;
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    height: 42px;
    min-width: 0;
}

.pos-order-completed-document-field input {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #333;
    font-size: 16px;
    height: 40px;
    padding: 0 22px;
}

.pos-order-completed-document-field button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #666;
    display: flex;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 36px;
}

.pos-order-completed-document-field button svg {
    display: block;
    height: 25px;
    width: 25px;
}

.pos-order-completed-conclude {
    align-items: center;
    background: #077af1;
    border: 1px solid #077af1;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 16px;
    gap: 16px;
    height: 47px;
    justify-content: center;
    margin-top: 24px;
    min-width: 280px;
    width: 70.3%;
    align-self: flex-end;
}

.pos-order-completed-conclude i {
    font-size: 22px;
}

@media (max-width: 991px) {
    .pos-order-completed-body {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .pos-order-completed-summary {
        min-height: auto;
    }

    .pos-order-completed-conclude {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .pos-order-completed-action-grid,
    .pos-order-completed-share-grid,
    .pos-order-completed-document-row {
        grid-template-columns: 1fr;
    }

    .pos-order-completed-document-type {
        width: 100%;
    }
}
/* /Modal de pedido finalizado do PDV */

/* Modal de recebimento do PDV */
.pos-receipt-payment-dialog {
    height: 100vh !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 100vh !important;
    width: 100vw !important;
}

.pos-receipt-payment-dialog.modal-dialog-centered {
    align-items: stretch;
    min-height: 100vh !important;
}

.pos-receipt-payment-dialog.modal-dialog-scrollable {
    height: 100vh !important;
    max-height: 100vh !important;
}

.pos-receipt-payment-dialog .pos-receipt-payment-content {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden;
}

.pos-receipt-payment-modal .modal-dialog-scrollable .pos-receipt-payment-content {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden;
}

.pos-receipt-payment-header {
    align-items: center;
    background-color: #fff;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    min-height: 76px;
    padding: 26px 30px 16px;
}

.pos-receipt-payment-header:before,
.pos-receipt-payment-header:after {
    content: none !important;
    display: none !important;
}

.pos-receipt-payment-header .modal-title {
    color: #333;
    flex: 1 1 auto;
    font-size: 27px;
    font-weight: 600;
    line-height: 34px;
    margin: 0;
    margin-inline: 0;
    text-align: left;
}

.pos-receipt-payment-modal .pos-receipt-payment-header .modal-title {
    margin: 0 !important;
    margin-inline: 0 !important;
}

.pos-receipt-payment-header .pos-receipt-payment-close {
    color: #333;
    font-size: 32px;
    font-weight: 300;
    left: auto;
    margin-top: 0;
    opacity: 1;
    position: static;
    text-shadow: none;
}

.pos-receipt-payment-modal .pos-receipt-payment-header .pos-receipt-payment-close {
    left: auto !important;
    margin-top: 0 !important;
    position: static !important;
}

.pos-receipt-payment-body {
    background-color: #fff;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0 30px 16px;
}

.pos-receipt-metrics,
.pos-receipt-payment-cards,
.pos-receipt-config-box,
.pos-receipt-summary-box {
    border: 1px solid #d8e2f0;
    border-radius: 6px;
}

.pos-receipt-metrics {
    display: grid;
    grid-template-columns: 234fr 247fr 255fr 258fr 312fr;
    min-height: 120px;
}

.pos-receipt-metric {
    border-right: 0;
    min-width: 0;
    min-height: 120px;
    padding: 14px 28px 12px;
    position: relative;
}

.pos-receipt-metric + .pos-receipt-metric:before {
    background: #d8e2f0;
    bottom: 18px;
    content: "";
    left: 0;
    position: absolute;
    top: 18px;
    width: 1px;
}

.pos-receipt-metric-label {
    color: #077af1;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.pos-receipt-metric-control {
    align-items: center;
    display: flex;
    gap: 10px;
    height: 50px;
    margin-top: 3px;
    min-width: 0;
    width: 100%;
}

.pos-receipt-metric-control > svg {
    display: block;
    flex: 0 0 50px;
    height: 50px;
    width: 50px;
}

.pos-receipt-metric-control i {
    align-items: center;
    background: #eaf4ff;
    border-radius: 10px;
    display: inline-flex;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.pos-receipt-metric:nth-child(2) .pos-receipt-metric-control i,
.pos-receipt-metric:nth-child(5) .pos-receipt-metric-control i {
    background: #eaf4ff;
    color: #077af1 !important;
}

.pos-receipt-metric:nth-child(3) .pos-receipt-metric-control i {
    background: #e9f8ef;
    color: #169b4a !important;
}

.pos-receipt-metric:nth-child(4) .pos-receipt-metric-control i {
    background: #feecec;
    color: #ef4444 !important;
}

.pos-receipt-money-input,
.pos-receipt-form-input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #333;
    font-size: 24px;
    font-weight: 700;
    height: 30px;
    padding: 0 !important;
    min-width: 0;
}

.pos-receipt-money-input {
    color: #333;
    flex: 1 1 auto;
    max-width: 130px;
    min-width: 0;
    width: 100% !important;
}

.pos-receipt-metric:first-child .pos-receipt-money-input,
.pos-receipt-metric:nth-child(5) .pos-receipt-money-input {
    color: #077af1;
    max-width: 150px;
}

.pos-receipt-form-input {
    color: #333;
    flex: 1 1 auto;
    max-width: 170px;
    min-width: 0;
    width: 100% !important;
}

.pos-receipt-form-input::placeholder {
    color: #333;
    opacity: 1;
}

.pos-receipt-currency-prefix {
    color: #333;
    flex: 0 0 auto;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.pos-receipt-metric:first-child .pos-receipt-currency-prefix,
.pos-receipt-metric:nth-child(5) .pos-receipt-currency-prefix {
    color: #077af1;
}

.pos-receipt-shortcut {
    background: #f0f0f0;
    border-radius: 5px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin-left: 60px;
    margin-top: 2px;
    padding: 6px 8px;
}

.pos-receipt-metric--plain .pos-receipt-shortcut {
    margin-left: 0;
}

.pos-receipt-payment-cards {
    align-items: center;
    box-sizing: border-box;
    column-gap: 12px;
    display: grid;
    grid-template-columns: 180px 195px 180px 180px 220px 220px 180px 180px;
    margin: 16px 0;
    min-height: 90px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 24px;
}

.pos-receipt-payment-cards .pos-card {
    align-items: center;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    display: flex;
    flex-direction: row;
    gap: 14px;
    height: 88px;
    justify-content: center;
    margin: 0;
    min-height: 88px;
    min-width: 0;
    padding: 0;
}

.pos-receipt-payment-cards .pos-card:last-child {
    border-right: 0 !important;
}

.pos-receipt-payment-cards .pos-card.active,
.pos-receipt-payment-cards .pos-card:hover {
    background: #077af1;
    border-radius: 4px;
    color: #fff;
}

.pos-receipt-payment-cards .pos-card .stamp-md {
    color: #077af1;
    flex: 0 0 30px;
    font-size: 18px;
    position: static !important;
}

.pos-receipt-payment-cards .pos-card .stamp-md svg {
    display: block;
    height: 30px;
    width: 30px;
}

.pos-receipt-payment-card[data-shortcut="1"] .stamp-md {
    color: #16a34a;
}

.pos-receipt-payment-card[data-shortcut="2"] .stamp-md {
    color: #077af1;
}

.pos-receipt-payment-card[data-shortcut="3"] .stamp-md {
    color: #ff4b0b;
}

.pos-receipt-payment-card[data-shortcut="4"] .stamp-md {
    color: #ff2aa3;
}

.pos-receipt-payment-card[data-shortcut="5"] .stamp-md,
.pos-receipt-payment-card[data-shortcut="7"] .stamp-md {
    color: #10bfb0;
}

.pos-receipt-payment-card[data-shortcut="6"] .stamp-md {
    color: #8b5cf6;
}

.pos-receipt-payment-card[data-shortcut="8"] .stamp-md {
    color: #333;
}

.pos-receipt-payment-cards .pos-card.active .stamp-md,
.pos-receipt-payment-cards .pos-card:hover .stamp-md {
    color: #FFFFFF;
}

.pos-receipt-payment-cards .pos-card.active .stamp-md svg path,
.pos-receipt-payment-cards .pos-card:hover .stamp-md svg path {
    fill: #FFFFFF;
}

.pos-receipt-payment-cards .pos-card strong {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    min-width: 0;
    overflow-wrap: normal;
    white-space: nowrap;
}

.pos-receipt-payment-main {
    align-items: stretch;
    display: flex;
    gap: 7px;
    margin-left: 0;
    margin-right: 0;
}

.pos-receipt-payment-main:before,
.pos-receipt-payment-main:after {
    content: none !important;
    display: none !important;
}

.pos-receipt-payment-main > [class*="col-"] {
    float: none;
}

.pos-receipt-payment-main > .pos-receipt-config-box {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(66.66666667% - 3.5px);
    max-width: calc(66.66666667% - 3.5px);
    width: calc(66.66666667% - 3.5px);
}

.pos-receipt-payment-main > .pos-receipt-summary-column {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(33.33333333% - 3.5px);
    max-width: calc(33.33333333% - 3.5px);
    min-height: 407px;
    width: calc(33.33333333% - 3.5px);
}

.pos-receipt-config-box,
.pos-receipt-summary-box {
    background: #fff;
}

.pos-receipt-config-box {
    min-height: 407px;
    padding: 16px;
}

.pos-receipt-summary-box {
    min-height: 0;
    padding: 16px;
}

.pos-receipt-summary-column .pos-receipt-summary-box:first-child {
    flex: 0 0 205px;
}

.pos-receipt-summary-box + .pos-receipt-summary-box {
    margin-top: 14px;
}

.pos-receipt-financial-box {
    flex: 1 1 auto;
    min-height: 0;
}

.pos-receipt-config-box h5,
.pos-receipt-summary-box h5 {
    color: #077af1;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 10px;
}

.pos-receipt-credit-config {
    flex: 1 1 auto;
    min-height: 0;
}

.pos-receipt-credit-layout {
    align-items: stretch;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    min-height: 0;
}

.pos-receipt-credit-fields {
    min-width: 0;
}

.pos-receipt-credit-fields .form-group {
    margin-bottom: 12px;
}

.pos-receipt-credit-total-box {
    background-color: transparent;
    border: 1px solid #edf2f7;
    border-radius: 6px;
    box-shadow: none;
    margin: 0 0 12px;
    min-height: 59px;
    padding: 10px 12px;
}

.pos-receipt-credit-total-box h4 {
    color: #333;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 4px;
}

.pos-receipt-crediary-limit-box {
    border: 1px solid #d9e7f8;
    border-radius: 8px;
    margin: 14px 0 28px;
    padding: 14px 24px;
}

.pos-receipt-crediary-limit-header,
.pos-receipt-crediary-limit-values,
.pos-receipt-crediary-limit-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.pos-receipt-crediary-limit-title {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 14px;
    gap: 12px;
}

.pos-receipt-crediary-limit-icon {
    align-items: center;
    background: #e8f3ff;
    border-radius: 50%;
    color: #077af1;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.pos-receipt-crediary-limit-status {
    align-items: center;
    background: #e7f6ec;
    border-radius: 8px;
    color: #16a34a;
    display: inline-flex;
    gap: 10px;
    padding: 7px 13px;
}

.pos-receipt-crediary-limit-status.is-unavailable {
    background: #fdecec;
    color: #dc3545;
}

.pos-receipt-crediary-limit-status i {
    background: currentColor;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.pos-receipt-crediary-limit-balance {
    margin: 20px 0 12px;
}

.pos-receipt-crediary-limit-balance span,
.pos-receipt-crediary-limit-values span,
.pos-receipt-crediary-limit-footer span {
    color: #666;
    display: block;
    font-size: 13px;
}

.pos-receipt-crediary-limit-balance strong {
    color: #077af1;
    display: block;
    font-size: 24px;
    line-height: 1.2;
}

.pos-receipt-crediary-limit-progress {
    background: #e8f2fb;
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.pos-receipt-crediary-limit-progress span {
    background: #077af1;
    border-radius: 999px;
    display: block;
    height: 100%;
    width: 0;
}

.pos-receipt-crediary-limit-values {
    border-bottom: 1px solid #d9e7f8;
    margin-top: 18px;
    padding-bottom: 14px;
}

.pos-receipt-crediary-limit-values strong {
    color: #333;
    display: block;
    font-size: 18px;
}

.pos-receipt-crediary-limit-footer {
    margin-top: 18px;
}

.pos-receipt-crediary-limit-footer a {
    color: #077af1;
    font-weight: 700;
}

.pos-receipt-crediary-limit-footer a i {
    margin-left: 8px;
}

.pos-receipt-credit-installments-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.pos-receipt-credit-installments-wrap.product-show-table-wrap {
    border-color: #dde1e6;
    border-radius: 8px;
    flex: 1 1 auto;
    margin-top: 0;
    max-height: 252px;
    min-height: 0;
    overflow: auto;
}

.pos-receipt-credit-installments-table {
    min-width: 300px;
}

.pos-receipt-credit-installments-table tbody tr {
    cursor: pointer;
}

.pos-receipt-credit-installments-table tbody tr.pos-receipt-credit-installment-selected {
    background: #eef6ff;
}

.pos-receipt-credit-installments-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.pos-receipt-credit-installments-table th:first-child,
.pos-receipt-credit-installments-table td:first-child {
    width: 44px;
}

.pos-receipt-credit-installments-table .form-control {
    font-size: 12px;
    height: 28px;
    margin: 0 auto;
    max-width: 110px;
    padding: 4px 6px;
    text-align: center;
}

.pos-receipt-credit-installments-panel .btn {
    flex: 0 0 auto;
    margin-top: 12px;
    min-height: 42px;
}

.pos-receipt-exchange-voucher-config {
    flex: 1 1 auto;
    min-height: 0;
}

.pos-receipt-exchange-voucher-body {
    display: flex;
    flex-direction: column;
    min-height: 345px;
}

.pos-receipt-exchange-voucher-config .form-group {
    margin-bottom: 28px;
    max-width: 312px;
}

.pos-receipt-exchange-voucher-config textarea.form-control {
    min-height: 64px;
    resize: vertical;
}

.pos-receipt-exchange-voucher-alert {
    align-items: center;
    background: #eaf4ff;
    border: 1px solid #077af1;
    border-radius: 8px;
    color: #666;
    display: flex;
    gap: 32px;
    margin-top: auto;
    min-height: 66px;
    padding: 12px 26px;
}

.pos-receipt-exchange-voucher-alert-icon {
    align-items: center;
    border: 3px solid #077af1;
    border-radius: 50%;
    color: #077af1;
    display: inline-flex;
    flex: 0 0 26px;
    font-size: 14px;
    height: 26px;
    justify-content: center;
    width: 26px;
}

.pos-receipt-exchange-voucher-alert strong {
    color: #077af1;
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
}

.pos-receipt-exchange-voucher-alert span {
    display: block;
}

.pos-receipt-exchange-voucher-actions {
    margin-top: 12px;
    text-align: right;
}

.pos-receipt-exchange-voucher-add {
    border-radius: 8px;
    font-weight: 700;
    min-height: 44px;
    min-width: 296px;
}

.pos-receipt-pix-config {
    flex: 1 1 auto;
    min-height: 0;
}

.pos-receipt-pix-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.pos-receipt-pix-status {
    align-items: center;
    border: 1px solid #f75900;
    border-radius: 10px;
    color: #E14B00;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    gap: 12px;
    min-height: 42px;
    padding: 8px 18px;
    background-color: #FEF1E5;
}

.pos-receipt-pix-layout {
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 424px);
}

.pos-receipt-pix-order,
.pos-receipt-pix-label {
    color: #333;
    display: block;
    font-size: 12px;
}

.pos-receipt-pix-label {
    margin-top: 8px;
}

.pos-receipt-pix-amount {
    color: #077af1;
    display: block;
    font-size: 24px;
    line-height: 1.2;
    margin-top: 4px;
}

.pos-receipt-pix-expiration {
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    margin-top: 12px;
    max-width: 552px;
    padding: 20px 20px 18px;
}

.pos-receipt-pix-expiration > i {
    color: #077af1;
    font-size: 24px;
    margin-top: 3px;
    text-align: center;
}

.pos-receipt-pix-expiration span {
    color: #333;
    display: block;
    font-size: 12px;
}

.pos-receipt-pix-expiration strong {
    color: #333;
    display: block;
    font-size: 22px;
    line-height: 1.2;
    margin-top: 4px;
}

.pos-receipt-pix-expiration small {
    color: #666;
    display: block;
    font-size: 12px;
    grid-column: 1 / -1;
    margin-top: 10px;
}

.pos-receipt-pix-progress {
    background: #e6f2fe;
    border-radius: 999px;
    grid-column: 1 / -1;
    height: 8px;
    margin-top: 12px;
    overflow: hidden;
}

.pos-receipt-pix-progress span {
    background: #077af1;
    border-radius: 999px;
    display: block;
    height: 100%;
}

.pos-receipt-pix-key-field {
    margin-top: 16px;
    max-width: 212px;
}

.pos-receipt-pix-key-field .form-control,
.pos-receipt-pix-copy-field .form-control {
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.pos-receipt-pix-copy-field {
    margin-top: 16px;
    max-width: 552px;
}

.pos-receipt-pix-copy-row {
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) 190px;
}

.pos-receipt-pix-qr-panel {
    align-items: center;
    background: #f1f6fc;
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    min-height: 374px;
    padding: 10px 16px 14px;
    text-align: center;
}

.pos-receipt-pix-qr-panel > span {
    color: #333;
    font-size: 12px;
    font-weight: 700;
}

.pos-receipt-pix-qr-box {
    margin-top: 12px;
    max-width: 100%;
    position: relative;
    width: 260px;
}

.pos-receipt-pix-qr-frame {
    display: block;
    height: auto;
    width: 100%;
}

.pos-receipt-pix-qrcode {
    background: #fff;
    border-radius: 10px;
    display: block;
    height: 70%;
    left: 15%;
    object-fit: contain;
    position: absolute;
    top: 15%;
    width: 70%;
}

.pos-receipt-pix-qr-panel > strong {
    color: #333;
    font-size: 12px;
    margin-top: 18px;
}

.pos-receipt-pix-qr-panel > small {
    color: #077af1;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 10px;
    margin-top: 18px;
}

.pos-receipt-pix-footer {
    align-items: center;
    background: #f1f6fc;
    border: 1px solid #d8e2f0;
    border-radius: 8px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 20px;
    min-height: 58px;
    padding: 10px 12px 10px 26px;
}

.pos-receipt-pix-auto-check {
    align-items: center;
    display: flex;
    gap: 26px;
}

.pos-receipt-pix-auto-check > i {
    color: #077af1;
    font-size: 28px;
}

.pos-receipt-pix-auto-check strong {
    color: #333;
    display: block;
    font-size: 13px;
}

.pos-receipt-pix-auto-check span {
    color: #666;
    display: block;
    font-size: 12px;
    margin-top: 6px;
}

.pos-receipt-pix-actions {
    display: flex;
    gap: 10px;
}

.pos-receipt-pix-actions .btn {
    min-height: 38px;
    min-width: 188px;
    display: flex;
    gap: 2rem;
}

.pos-receipt-pix-generate-icon {
    display: inline-block;
    flex: 0 0 auto;
    transform: rotate(0deg);
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.35s ease;
}

.pos-receipt-pix-generate-icon path {
    transition: fill 0.15s ease;
}

#pos_receipt_generate_pix_qrcode:hover .pos-receipt-pix-generate-icon {
    transform: rotate(133deg);
}

#pos_receipt_generate_pix_qrcode:hover .pos-receipt-pix-generate-icon path {
    fill: #fff;
}

.pos-receipt-promissory-config {
    flex: 1 1 auto;
    min-height: 0;
}

.pos-receipt-promissory-layout {
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    min-height: 345px;
}

.pos-receipt-promissory-fields {
    min-width: 0;
}

.pos-receipt-promissory-fields .form-group {
    margin-bottom: 28px;
}

.pos-receipt-promissory-installments-field {
    max-width: 236px;
}

.pos-receipt-promissory-fields textarea.form-control {
    min-height: 64px;
    resize: vertical;
}

.pos-receipt-promissory-installments-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.pos-receipt-promissory-installments-wrap.product-show-table-wrap {
    border-color: #dde1e6;
    border-radius: 8px;
    flex: 1 1 auto;
    margin-top: 0;
    max-height: 252px;
    min-height: 0;
    overflow: auto;
}

.pos-receipt-promissory-installments-table {
    min-width: 300px;
}

.pos-receipt-promissory-installments-table tbody tr {
    cursor: pointer;
}

.pos-receipt-promissory-installments-table tbody tr.pos-receipt-promissory-installment-selected {
    background: #eef6ff;
}

.pos-receipt-promissory-installments-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.pos-receipt-promissory-installments-table th:first-child,
.pos-receipt-promissory-installments-table td:first-child {
    width: 44px;
}

.pos-receipt-promissory-add {
    border-radius: 8px;
    font-weight: 700;
    margin-top: auto;
    min-height: 44px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .pos-receipt-credit-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .pos-receipt-credit-installments-wrap.product-show-table-wrap {
        max-height: 220px;
    }

    .pos-receipt-promissory-installments-wrap.product-show-table-wrap {
        max-height: 220px;
    }

    .pos-receipt-crediary-limit-box {
        padding: 14px;
    }

    .pos-receipt-exchange-voucher-body {
        min-height: 300px;
    }

    .pos-receipt-promissory-layout {
        grid-template-columns: minmax(0, 1fr);
        min-height: 300px;
    }

    .pos-receipt-pix-layout,
    .pos-receipt-pix-copy-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .pos-receipt-pix-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .pos-receipt-pix-actions {
        justify-content: flex-end;
    }

    .pos-receipt-promissory-add {
        margin-top: 12px;
    }
}

@media (max-width: 575.98px) {
    .pos-receipt-crediary-limit-header,
    .pos-receipt-crediary-limit-values,
    .pos-receipt-crediary-limit-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .pos-receipt-exchange-voucher-config .form-group,
    .pos-receipt-exchange-voucher-add {
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .pos-receipt-exchange-voucher-alert {
        align-items: flex-start;
        gap: 14px;
        padding: 12px;
    }

    .pos-receipt-promissory-installments-field {
        max-width: none;
    }

    .pos-receipt-pix-header,
    .pos-receipt-pix-actions,
    .pos-receipt-pix-auto-check {
        align-items: flex-start;
        flex-direction: column;
    }

    .pos-receipt-pix-status,
    .pos-receipt-pix-actions .btn,
    .pos-receipt-pix-copy-button {
        width: 100%;
    }

    .pos-receipt-pix-qr-box {
        height: auto;
        width: 100%;
    }
}

.pos-receipt-empty-state {
    align-items: center;
    color: #333;
    display: flex;
    flex-direction: column;
    height: 330px;
    justify-content: center;
    text-align: center;
}

.pos-receipt-empty-state i {
    align-items: center;
    background: #f1f3f7;
    border-radius: 50%;
    color: #9aa4b2;
    display: inline-flex;
    font-size: 34px;
    height: 74px;
    justify-content: center;
    margin-bottom: 16px;
    width: 74px;
}

.pos-receipt-empty-state span {
    font-size: 14px;
}

.pos-receipt-empty-state small {
    color: #777;
    display: block;
    font-size: 12px;
    margin-top: 8px;
}

.pos-receipt-summary-table {
    border: 1px solid #edf2f7;
    border-radius: 6px;
    margin-bottom: 0;
    overflow: hidden;
}

.pos-receipt-summary-table th,
.pos-receipt-summary-table td {
    border-color: #edf2f7 !important;
    font-size: 11px;
    text-align: center;
    vertical-align: middle !important;
}

.pos-receipt-summary-table td span {
    display: inline-block;
}

.pos-receipt-payment-main > .pos-receipt-summary-column .pos-receipt-summary-box:first-child {
    flex-basis: 220px;
}

.pos-receipt-payment-summary-wrap.product-show-table-wrap {
    border-color: #dde1e6;
    border-radius: 8px;
    margin-top: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.pos-receipt-payment-summary-table {
    min-width: 330px;
}

.pos-receipt-payment-summary-table tbody tr td span {
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #666666;
}

.pos-receipt-payment-summary-table thead,
.pos-receipt-payment-summary-table tfoot,
.pos-receipt-payment-summary-table tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.pos-receipt-payment-summary-table tfoot tr td span {
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.pos-receipt-payment-summary-table tfoot tr td:first-child span {
    color: #333333;
}

.pos-receipt-payment-summary-table tfoot tr td:nth-child(3) span {
    color: #1B9B45;
}

.pos-receipt-payment-summary-table tbody {
    display: block;
    max-height: 96px;
    overflow-x: hidden;
    overflow-y: auto;
}

.pos-receipt-payment-summary-table th,
.pos-receipt-payment-summary-table td {
    font-size: 11px;
    padding: 7px 8px !important;
}

.pos-receipt-payment-summary-table th:nth-child(2),
.pos-receipt-payment-summary-table td:nth-child(2) {
    width: 74px;
}

.pos-receipt-payment-summary-table th:nth-child(4),
.pos-receipt-payment-summary-table td:nth-child(4) {
    width: 54px;
}

.pos-receipt-payment-summary-table .no-record-row td {
    width: 100%;
}

.pos-receipt-payment-summary-table tfoot td {
    background: #fff;
    border-top: 1px solid #dde1e6;
    font-weight: 700;
}

.pos-receipt-remove-payment {
    background: transparent;
    border: 0;
    padding: 0;
}

.pos-receipt-remove-payment svg {
    height: 28px;
    width: 28px;
}

.pos-receipt-financial-row {
    align-items: center;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    padding: 5px 0;
}

.pos-receipt-financial-balance {
    border-top: 1px dashed #d8e2f0;
    font-weight: 700;
    margin-top: 8px;
    padding-top: 10px;
}

.pos-receipt-payment-footer {
    background-color: #fff;
    border-top: 0;
    display: block;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 30px 24px;
    text-align: initial;
}

.pos-receipt-payment-footer:before,
.pos-receipt-payment-footer:after {
    content: none !important;
    display: none !important;
}

.pos-receipt-payment-content > .pos-receipt-payment-footer {
    display: block !important;
}

.pos-receipt-payment-footer .pos-receipt-footer {
    align-items: center;
    display: flex;
    height: 66px;
    margin: 0 !important;
    width: 100%;
}

.pos-receipt-payment-footer .pos-receipt-footer-actions {
    align-items: center;
    display: grid !important;
    gap: 31px;
    grid-template-columns: 367px 367px minmax(360px, 1fr);
    width: 100%;
}

.pos-receipt-payment-footer .btn {
    align-items: center;
    border-radius: 8px !important;
    box-shadow: none !important;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    gap: 22px;
    height: 66px !important;
    justify-content: center;
    margin: 0 !important;
    padding: 0 24px !important;
}

.pos-receipt-payment-footer .btn svg {
    display: block;
    flex-shrink: 0;
    height: 28px;
    width: 28px;
}

.pos-receipt-footer-back {
    background: #fff !important;
    border: 2px solid #df4044 !important;
    color: #df4044 !important;
}

.pos-receipt-footer-note {
    background: #fff !important;
    border: 2px solid #066af7 !important;
    color: #066af7 !important;
}

.pos-receipt-footer-submit {
    background: #077af1 !important;
    border: 2px solid #077af1 !important;
    color: #fff !important;
}

.pos-modern-page .pos-products-panel .pos-product-selection-content,
.pos-modern-page .pos-products-panel #product {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.pos-modern-page .pos-products-panel #product > .row:last-child,
.pos-modern-page.pos-orders-open .pos-products-panel #product > .row:last-child {
    background: #ffffff;
    bottom: 0;
    margin-top: auto !important;
    padding-top: 12px;
    position: sticky;
    z-index: 5;
}
/* /Modal de recebimento do PDV */