:root {
    --red: #FE5454;
    --green: #3FCD66;
}

body {
    display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

div.dt-container .dt-search {
    position: relative;
}

div.dt-container .dt-search > label {
    font-size: 0;
    position: absolute;
    margin-left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

div.dt-container .dt-search > label::before {
    content: "\ed02";
    opacity: .3;
    font-family: keenicons-duotone !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-flex;
    direction: ltr;
    font-size: 1.75rem;
}

div.dt-container .dt-search > label::after {
    content: "\ed03";
    position: absolute;
    left: 0;
    opacity: .3;
    font-family: keenicons-duotone !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-flex;
    direction: ltr;
    font-size: 1.75rem;
}

div.dt-container .dt-search input {
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    transition: color .2s ease;
    display: block;
    width: 100%;
    padding: .775rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    appearance: none;
    background-clip: padding-box;
    border: 1px solid var(--bs-gray-100);
    border-radius: .475rem;
    box-shadow: false;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-left: 3.5rem !important;
    margin-left: 0 !important;
    outline: none !important;
}

div.dt-container .dt-search input:focus,
div.dt-container .dt-search input:active {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
    color: var(--bs-gray-700);
    transition: color .2s ease;
}

.delivery-by .delivery-types .price-rule.selected {
    background-color: #E9F3FF;
}

@media (max-width: 767px) {
    div.dt-container .dt-length {
        text-align: left !important;
    }
}

@media (max-width: 575px) {
    div.dt-container .dt-search input {
        width: 100% !important;
    }
}

.product-card .product-card__info .product-card__name {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    min-height: 48px;
}

.back-to-top {
    position: fixed;
    width: 40px;
    height: 40px;
    border: 1px solid lightgray;
    border-radius: 999px;
    bottom: 30px;
    right: 30px;
}

.back-to-top i {
    font-size: 30px;
}

.new-template header nav .header-wrapper .login-reg-sec a {
    color: #fff !important;
    font-weight: 700;
    text-decoration: underline;
}

.new-template header nav .header-wrapper .login-reg-sec button.reg-btn {
    background-color: transparent;
}

div.dataTables_wrapper .dataTables_filter label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

div.dataTables_wrapper .dataTables_filter input {
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    transition: color .2s ease;
    display: inline-block;
    width: 100%;
    padding: .775rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    appearance: none;
    background-clip: padding-box;
    border: 1px solid var(--bs-gray-100);
    border-radius: .475rem;
    box-shadow: false;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-left: 0 !important;
    outline: none !important;
    max-width: 250px;
}

div.dataTables_wrapper .dataTables_filter input:focus,
div.dataTables_wrapper .dataTables_filter input:active {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
    color: var(--bs-gray-700);
    transition: color .2s ease;
}

#create-vendor-order-group-sub-section legend {
    color: var(--primary);
}

#create-vendor-order-group-sub-section #create-vendor-order-group-display-row-section {
    background-color: var(--sec-bg);
    margin: 0;
    padding: 15px !important;
    border-radius: 8px;
    height: 100%;
}

#create-vendor-order-group-sub-section #create-vendor-order-group-listing-col-section {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#create-vendor-order-group-sub-section {
    gap: 10px;
}

#create-vendor-order-group-sub-section .group-order-list-row {
    padding: 10px;
    background-color: #F3F3F9;
    border: 1px solid var(--border-clr);
    border-radius: 8px;
    gap: 5px;
    box-shadow: none;
}

#create-vendor-order-group-sub-section .group-order-list-row .group-order-list-item-center-row .group-order-list-item-left-place::before {
    display: none;
}

#create-vendor-order-group-sub-section .group-order-list-row .group-order-list-item-center-row .group-order-list-item-right-place::before {
    display: none;
}

#create-vendor-order-group-sub-section .group-order-list-row .group-order-list-item-left-point {
    font-size: 14px;
    font-weight: 600;
    color: var(--label-clr);
    gap: 5px;
    display: flex;
}

#create-vendor-order-group-sub-section .group-order-list-row .group-order-list-item-right-point {
    font-size: 14px;
    font-weight: 600;
    color: var(--label-clr);
    gap: 5px;
    display: flex;
    justify-content: space-between;
}

#create-vendor-order-group-sub-section .group-order-list-row .group-order-list-item-right-point .group-order-list-item-destination-display-row {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

#create-vendor-order-group-sub-section .group-order-list-row .group-order-list-item-center-row .group-order-list-item-center-place > .row::before {
    display: none;
}

#create-vendor-order-group-sub-section > .row {
    background-color: var(--sec-bg);
    margin: 0;
    padding: 15px !important;
    border-radius: 8px;
}

#create-vendor-order-group-sub-section #create-vendor-order-group-total-row-section #create-vendor-order-group-total-listing-col-section .group-order-list-total-delivery-clear-row {
    position: absolute;
    right: 0;
    top: 0;
}

#create-vendor-order-group-sub-section #create-vendor-order-group-total-row-section #create-vendor-order-group-total-listing-col-section .group-order-list-total-delivery-clear-row .btn {
    background-color: #FFF0EE;
    color: var(--red);
    margin: 0 !important;
}

#create-vendor-order-group-sub-section .group-order-list-row .point-label {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2063_2639)'%3E%3Cpath d='M12.3402 24C11.4981 24.0043 10.6673 23.8068 9.91722 23.424C9.16718 23.0413 8.51975 22.4844 8.02916 21.8C4.21816 16.543 2.28516 12.591 2.28516 10.053C2.28516 7.38624 3.34452 4.82871 5.2302 2.94303C7.11588 1.05735 9.67341 -0.00201416 12.3402 -0.00201416C15.0069 -0.00201416 17.5644 1.05735 19.4501 2.94303C21.3358 4.82871 22.3952 7.38624 22.3952 10.053C22.3952 12.591 20.4622 16.543 16.6512 21.8C16.1606 22.4844 15.5131 23.0413 14.7631 23.424C14.013 23.8068 13.1822 24.0043 12.3402 24ZM12.3402 2.18099C10.2526 2.18337 8.25117 3.01371 6.77503 4.48986C5.29888 5.966 4.46854 7.9674 4.46616 10.055C4.46616 12.065 6.35916 15.782 9.79516 20.521C10.0869 20.9228 10.4695 21.2498 10.9119 21.4753C11.3542 21.7007 11.8437 21.8183 12.3402 21.8183C12.8367 21.8183 13.3261 21.7007 13.7684 21.4753C14.2108 21.2498 14.5935 20.9228 14.8852 20.521C18.3212 15.782 20.2142 12.065 20.2142 10.055C20.2118 7.9674 19.3814 5.966 17.9053 4.48986C16.4291 3.01371 14.4277 2.18337 12.3402 2.18099Z' fill='%23FE5454'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2063_2639'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.340088)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--red);
}

#create-vendor-order-group-sub-section .group-order-list-row:first-child .group-order-list-item-left-point .point-label {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12.34 24a5.27 5.27 0 0 1-4.31-2.2c-3.812-5.257-5.745-9.209-5.745-11.747a10.055 10.055 0 1 1 20.11 0c0 2.538-1.933 6.49-5.744 11.747a5.27 5.27 0 0 1-4.31 2.2m0-21.819a7.883 7.883 0 0 0-7.874 7.874c0 2.01 1.893 5.727 5.33 10.466a3.145 3.145 0 0 0 5.09 0c3.435-4.739 5.328-8.456 5.328-10.466a7.883 7.883 0 0 0-7.874-7.874' fill='%2300B732'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.34 0h24v24h-24z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    color: var(--green);
}

#create-vendor-order-group-sub-section .group-order-list-row .point-label span {
    transform: translateY(-2px);
}

#create-vendor-order-group-sub-section .group-order-list-row .group-order-list-item-right-point .btn_remove_group_order_route {
    margin: 0 !important;
    height: auto;
    padding: 0;
    background-color: transparent;
    border: none;
    color: var(--red);
    text-decoration: unset;
    font-size: 16px;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

#create-vendor-order-group-sub-section .group-order-list-row .group-order-list-item-right-point .btn_remove_group_order_route i {
    font-size: 16px;
}

#create-vendor-order-group-sub-section .group-order-list-row .group-order-list-item-center-row .group-order-list-item-center-place {
    display: flex;
    flex-direction: column;
    padding-left: 40px;
}

/* Vendor Registration */
#phone_noInput .iti {
    width: 100%;
}

#phone_noInput .iti--inline-dropdown .iti__country-list {
    width: 100%;
    max-width: 100%;
}

#phone_noInput .iti--inline-dropdown .iti__country-container {
    width: 100%;
    max-width: 100%;
}

#phone_noInput .iti--inline-dropdown .iti__country-container .iti__dropdown-content .iti__search-input {
    background-color: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-100);
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    width: 100%;
    padding: .775rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    appearance: none;
    background-clip: padding-box;
    border-radius: .475rem;
    box-shadow: false;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: none;
}

#phone_noInput .iti--inline-dropdown .iti__country-container .iti__dropdown-content .iti__search-input:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    max-width: 100%;
}

.iti.iti--allow-dropdown {
    width: 100%;
}

.iti__search-input {
    padding: .775rem 1rem;
}

:is(.registration-form, .login-form) .iti__country-list {
    width: 100%;
}

[lang="ar"] body,
*[dir="rtl"] body {
    font-family: "Cairo", serif;
}

*[dir="rtl"] .ki-exit-down .path2:before {
    left: unset;
    right: 0;
}

[lang="ar"] div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
    margin-right: unset;
    margin-left: auto;
}

[lang="ar"] div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
    margin-left: unset;
    margin-right: auto;
}

[lang="ar"] div.dt-container div.dt-length select {
    margin-left: .5em;
    margin-right: unset;
}

[lang="ar"] div.dt-container .dt-search > label::after {
    left: unset;
    right: 0;
}

[lang="ar"] div.dt-container .dt-search > label {
    margin-left: unset;
    margin-right: 1rem;
}

[lang="ar"] div.dt-container .dt-search input {
    padding-left: 1rem !important;
    padding-right: 3.5rem !important;
}

[lang="ar"] table.dataTable > thead .dt-ordering-asc:after,
[lang="ar"] table.dataTable > thead .dt-ordering-asc:before,
[lang="ar"] table.dataTable > thead .dt-ordering-desc:after,
[lang="ar"] table.dataTable > thead .dt-ordering-desc:before {
    margin-left: unset;
    margin-right: 0.5rem;
}

[lang="ar"] .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    right: unset;
    left: 1.25rem;
}

[lang="ar"] .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display {
    margin-right: 1.1rem;
    margin-left: unset;
}