:root {
    --bs-primary: #000000;     --bs-primary-rgb: 0,0,0;
    --bs-success: #009f3a;     --bs-success-rgb: 0, 159, 58;
    --bs-danger: #ff0000;      --bs-danger-rgb: 255, 0, 0;
    --bs-warning: #ffff00;     --bs-warning-rgb: 255, 255, 0;                 
    --bs-info: #54abed;        --bs-info-rgb: 84 ,171 ,237;
    --bs-light: #fbfbfb;       --bs-light-rgb: 251, 251 ,251;
    --bs-dark: #121212;        --bs-dark-rgb: 18, 18, 18;
    --bs-white: #ffffff;       --bs-white-rgb: 255, 255, 255;
    --bs-black: #000000;       --bs-black-rgb: 0, 0, 0;

    --bs-light-1:#f7f7f7;       --bs-light-1-rgb:247, 247, 247;
    --bs-light-2:#f5f5f5;       --bs-light-2-rgb:245 ,245, 245;
    --bs-light-3:#f3f3f3;       --bs-light-3-rgb:243, 243, 243;
    --bs-light-4:#f1f1f1;       --bs-light-4-rgb:241, 241, 241;
    --bs-light-5:#efefef;       --bs-light-5-rgb: 239 ,239, 239;
    --bs-light-6:#ebebeb;       --bs-light-6-rgb: 235, 235, 235;
    --bs-light-7:#e9e9e9;       --bs-light-7-rgb: 233, 233, 233;
    --bs-light-8:#e5e5e5;       --bs-light-8-rgb:229 ,229, 229;
    --bs-light-9:#e4e4e4;      --bs-light-9-rgb: 228, 228, 228;
    --bs-light-10:#e2e2e2;      --bs-light-10-rgb: 226 ,226, 226;
    --bs-light-11:#e0e0e0;     --bs-light-11-rgb: 224, 224 ,224;
    --bs-light-12:#dbdbdb;      --bs-light-12-rgb: 219, 219, 219;
    --bs-light-13:#c8c8c8;      --bs-light-13-rgb: 200 ,200, 200;
    --bs-light-14:#c5c5c5;     --bs-light-14-rgb: 197, 197 ,197;
    --bs-light-15:#c0c0c0;     --bs-light-15-rgb: 192, 192 ,192;
    --bs-light-16:#cccccc;    --bs-light-16-rgb:204, 204, 204;
    --bs-light-17:#bdbdbd;     --bs-light-17-rgb: 189, 189, 189;
    --bs-light-18:#bbbbbb;    --bs-light-18-rgb:187, 187, 187;
    --bs-light-19:#b8b8b8;    --bs-light-19-rgb: 184 ,184, 184;
    --bs-light-20:#999999;    --bs-light-20-rgb:153, 153, 153;
    --bs-light-21:#707070;    --bs-light-21-rgb:112, 112 ,112;
    --bs-light-22:#4f4f4f;    --bs-light-22-rgb:79, 79, 79;
    
    --bs-dark-1:#919191;     --bs-dark-1-rgb:145, 145, 145;
    --bs-dark-2:#86888b;     --bs-dark-2-rgb:134, 136 ,139;
    --bs-dark-3:#808080;     --bs-dark-3-rgb:128, 128, 128;
    --bs-dark-4:#4c4846;     --bs-dark-4-rgb:76, 72, 70;
    --bs-dark-5:#34495E;     --bs-dark-5-rgb:52, 73, 94;
    --bs-dark-6:#333333;     --bs-dark-6-rgb:51 ,51, 51;
    --bs-dark-7:#161212;     --bs-dark-7-rgb:22, 18 ,18;
    --bs-dark-8:#1E1E1E;    --bs-dark-8-rgb:30, 30, 30; 
}

.custom-dropdown ul li a .glyphicon.bfh-flag-en {
    background-image: url("../images/en.png");
}

.custom-dropdown ul li a .glyphicon.bfh-flag-gr {
    background-image: url("../images/gr.png");
}

.home-banner {
    background-image: url('../images/doorstep.webp');
}

.no-webp .home-banner {
    background-image: url('../images/doorstep.jpg');
}

.search-form .form-group input[type="text"] {
    background-image: url('../images/address.svg');
}

.popular-rest-box .popular-rest-img .display_distance strong::before {
    background-image: url('../images/trip.svg');
}

.order-food-banner {
    background-image: url('../images/order-food-banner.webp');
}

.restaurant-detail-banner {
    background-image: url('../images/restaurant-detail-banner.webp');
}

.event-booking-banner {
    background-image: url('../images/event-booking-banner.webp');
}

.booking-detail-banner {
    background-image: url('../images/event-booking-detail.webp');
}

.recipe-banner {
    background-image: url('../images/recipe-banner.webp');
}

.track-order-banner {
    background-image: url('../images/track-order-banner.webp');
}

.recipe-detail-banner {
    background-image: url('../images/recipe-detail-banner.webp');
}

.cart-banner {
    background-image: url('../images/cart-banner.webp');
}

.no-webp .order-food-banner {
    background-image: url('../images/order-food-banner.jpg');
}

.no-webp .restaurant-detail-banner {
    background-image: url('../images/restaurant-detail-banner.jpg');
}

.no-webp .event-booking-banner {
    background-image: url('../images/event-booking-banner.png');
}

.no-webp .booking-detail-banner {
    background-image: url('../images/event-booking-detail.jpg');
}

.no-webp .recipe-banner {
    background-image: url('../images/recipe-banner.png');
}

.no-webp .track-order-banner {
    background-image: url('../images/track-order-banner.jpg');
}

.no-webp .recipe-detail-banner {
    background-image: url('../images/recipe-detail-banner.jpg');
}

.no-webp .cart-banner {
    background-image: url('../images/cart-banner.jpg');
}

.inner-pages-form .form-group.delivery-address input[type="text"] {
    background-image: url('../images/delivery-icon.svg');
}

.inner-pages-form .form-group.search-restaurant input[type="text"] {
    background-image: url('../images/search-icon.svg');
}

.label-sticker::before {
    background-image: url('../images/sticker-icon.png'), url('../images/sticker-icon-02.png');
}

.radio-btn-list label input[type=checkbox]:checked+span::after {
    background: url('../images/bxs-checkbox-checked.svg');
}

.cart-section .float-form select.form-control {
    background-image: url('../images/select-arrow.svg');
}

.my-profile-info p i.wallet_icon {
    background-image: url('../images/wallet.svg');
}

span.icons_money.debit-icon {
    background-image: url('../images/debited_icon.png');
}

span.icons_money.credit-icon {
    background-image: url('../images/credited_icon.png');
}

.referal-list .ref-img:after {
    background-image: url('../images/right_arrow.png');
}

.feedback-contents:before {
    background-image: url('../images/bxs-quote-left.png');
}

.custom-add-image:before {
    background-image: url('../images/cloud-icon.png');
}

.order_mode {
    background-image: url("../images/down_Arrow.svg");
}

.dirty-products .pro--slider .slick-arrow,
.offers-wrapper .slick-arrow {
    background-image: url('../images/slider-arrow.svg');
}

.double-offer .details .price {
    background-image: url('../images/combo-price-bg.svg');
}

.login-bg {
    background-image: url('../images/bg-login.png');
}

.input-password[type=password]:valid {
    background-image: url('../images/password-eye.svg') !important;
}

.input-password[type=text]:valid {
    background-image: url('../images/password-eye-close.svg') !important;
}

@media (max-width:991px) {

    .inner-pages-form .form-group.search-restaurant input[type="button"] {
        background-image: url('../images/search.svg');
    }
}

@media (max-width:767px) {
    .search-form .form-group input[type="text"] {
        background-image: url('../images/address.svg');
    }

    .edit-pro-btn .btn:before {
        background-image: url('../images/edit_icon.png');
    }

    .edit-pro-btn .btn.delete_a:before {
        background-image: url('../images/trash-icon.svg');
    }
    .user-page .user-form {
        background-image: url('../images/bg-login.png');
    }
}