Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .pt-50, .py-50 {
- padding-top: 47px !important;
- }
- .p-15 {
- padding: 15px !important;
- padding-top: 24px!important;
- }.items-search-box-icon {
- border:none;
- }
- .slider-wrapper__img-wrapper {
- margin-left: 1rem;
- box-shadow: none!important;
- background: #e7e7e700;
- }
- .search-shadow-light {
- box-shadow: 0px 0px 5px #8d8d8d73;
- border-radius:10px;
- }
- .btn-sm, .btn-group-sm > .btn {
- margin-right: 3px;
- }.restaurant-count {
- text-transform: lowercase;
- color: #000000ab;
- font-size: 14px;
- margin-left: 2px;
- font-weight: 800;
- }
- .my-account-menu-item-block .text-center {
- font-size: 1rem;
- font-weight: 700;
- }
- .styles_closeButton__20ID4 {
- position: fixed;
- top: -5px;
- right: 45px;
- border: none;
- padding: 0;
- background-color: transparent;
- display: flex;
- }
- .btn-quantity {
- height: 2.1rem !important;
- background-color: transparent;
- border-radius: 30px!important;
- min-width: 35px;
- }
- .cart-item-price {
- margin-top: -9px;
- font-weight: 700;
- margin-right: 0px;
- margin-left: 5px;
- width: 107px;
- text-align: right;
- }
- .item-badge-collection {
- margin-bottom: 2px;
- margin-top: 2px;
- display: block;
- }
- .heart {
- position: absolute;
- width: 100px;
- height: 100px;
- right: -19px;
- top: 1.2rem;
- background: url(/assets/img/various/heart.png) no-repeat;
- cursor: pointer;
- transition: background-position 1s steps(28);
- transform: scale(0.75);
- }
- .cart-quantity-badge {
- border-radius: 100%;
- color: #fff;
- animation-direction: alternate;
- position: absolute;
- top: 0px;
- font-weight: 600;
- left: 36px;
- background-color: rgb(52 52 52)!important;
- line-height: 19.5px;
- font-size: 10px;
- text-align: center;
- height: 20px;
- width: 20px;
- }
- div.col-12.mt-10 {
- margin-top: -1px!important;
- margin-bottom: -36px;
- padding-bottom: 50px!important;
- }
- .btn-customization-done {
- position: fixed;
- bottom: 0;
- border-radius: 13px;
- box-shadow: 0px 0px 20px 11px white;
- width: 78%;
- margin-bottom: 34px!important;
- margin-left: -4px;
- height: 58px!important;
- z-index: 99999;
- }
- .styles_modal__gNwvD {
- margin-top: -50px;
- }.magic-radio + label:before, .magic-checkbox + label:before {
- right: -20.6%;
- }
- .si-check:before {
- content: "\e080";
- color: white;
- line-height: 20px!important;
- font-size: 14px;
- }
- .styles_closeIcon__1QwbI {
- margin-top: 40px;
- width: 34px;
- padding: 7px;
- height: 34px;
- box-shadow: -1px 6px 10px 18px #ffffff;
- background: #f5f5f5;
- margin-right: -6px;
- border-radius: 30px;
- z-index: 999!important;
- }
- .styles_overlay__CLSq-:after {
- transform: translateY(-100%);
- transition: .4s ease-in-out;
- }
- .styles_overlay__CLSq- {
- margin: 18px;
- border-radius: 15px;
- display: block !important;
- box-shadow: 0px 0px 200px 50px #3d3d3d;
- background-color: #fff !important;
- }
- .item-badge {
- color: #fafafa;
- background: linear-gradient(
- 137deg
- , rgb(241 145 84) 0%, rgb(250 66 87) 100%);
- font-size: 8px;
- text-transform: uppercase!important;
- padding: 0.25rem 1rem;
- font-weight: 700;
- border-radius: 9px;
- }
- .footer-fixed {
- position: fixed;
- height: 76px;
- }
- .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
- width: 69%;
- border: none;
- margin-left: 6px!important;
- }
- .delivery-address-timeline .btn-get-direction {
- background-color: #8360c3;
- border-radius: 4px;
- color: #fff;
- border: 0;
- height: 2.4rem;
- line-height: 5px;
- }
- .si-trash {
- -webkit-text-stroke: 0.4px rgb(255 255 255);
- content: "\e054";
- opacity: 99;
- color: white;
- }
- .si-trash:before {
- content: "\e054";
- opacity: 99;
- color: white;
- -webkit-text-stroke: 0.4px rgb(255 255 255);
- }
- .slider-bg-color {
- background: linear-gradient(
- 137deg
- , rgb(120 255 202) 0%, rgb(15 218 91) 100%);
- }
- .btn-get-direction {
- border-radius: 1px;
- background: linear-gradient(
- 137deg
- , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
- border-bottom: none;
- box-shadow: 1px 0px 12px 0px #665af8c2;
- color: #fff;
- border-radius: 6px;
- border: none;
- font-weight: 700;
- }
- .ml-15, .mx-15 {
- padding-top: 10px!important;
- margin-left: 15px !important;
- }
- .mb-5, .my-5 {
- margin-top:-3px;
- }
- .footer-links {
- color: #8e8e8e;
- font-size: 11px;
- font-weight: 600;
- }
- .p-3 {
- margin-top: 56px;
- padding: 1rem !important;
- }
- .btn-refresh-status {
- width: 100%;
- position: fixed;
- background: black!important;
- bottom: 0;
- border: 0;
- border-radius: 0;
- height: 4rem;
- font-size: 1.2rem;
- }
- .input-group-append {
- margin-left: -1px;
- }
- .btn-preference-group {
- border:0px;
- }
- div.col-12.mt-10 {
- padding: 14px 13px 30px 13px;
- border: 1px;
- margin-left: 12px;
- width: 94%;
- background: #ffffff00;
- box-shadow: 0px 0px 5px 4px #b2b2b226;
- opacity: 108%;
- background-size: 101%;
- border-radius: 15px 15px 0px 0px;
- }
- .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border: none!important;
- font-size: 14px;
- font-weight: 500;
- }
- .flex-item-image {
- height: 10vh;
- width: 10vh;
- border-radius: 12px!important;
- }
- .flex-item-name .item-name {
- font-weight: 800;
- color: #272727;
- font-size: 14px;
- }
- .account-menu {
- display: grid;
- overflow:scroll;
- grid-template-columns:auto auto auto;
- grid-row-gap: 13px;
- }
- .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {
- font-weight: 700;
- border: 0px solid #e8e8e8;
- }
- .btn-inc {
- font-size: 1.2rem;
- line-height: 14px;
- color: #ffffff;
- font-weight: 700;
- }
- .btn-dec {
- font-size: 1.5rem;
- font-weight: 700;
- line-height: 18px;
- color: #ffffff;
- }
- .si-share:before {
- content: "\e05b";
- color: black;
- font-weight: 800;
- }
- .customizable-item-text {
- color: #ffffff00!important;
- }
- .bg-grey-light.mt-20.mb-100 div, .Collapsible, .Collapsible__trigger, .Collapsible__contentOuter, .category-list-item, .category-list-item a, .category-list-item a > img {
- border:0px;
- border-radius: 14px;
- }
- .btn-add-remove {
- border: 0px solid #efefef;
- width: 28px!important;
- background: linear-gradient(
- 137deg
- , rgb(241 145 84) 0%, rgb(250 66 87) 100%);
- border-bottom: none;
- color: #fff;
- box-shadow: 0px 0px 8px #30364829;
- border-radius: 13px!important;
- margin-left: 0px!important;
- padding-top: 4px!important;
- height: 27px !important;
- }
- button.btn.btn-add-remove:disabled {
- opacity: 0;
- }
- .Collapsible__contentInner .category-list-item {
- font-size: 11px;
- font-weight: 500;
- color: #686868d9
- text-transform: capitalize;
- border-radius: 0px!important;
- border-bottom: 0.7px solid #eaeaea99!important;
- }
- .bg-white {
- border-radius: 5px!important;
- }
- .order-track-button {
- color: #2ae78f;
- }
- .pulse {
- width: 9.5px;
- height: 9.5px;
- background: #22e68b;
- }
- .btn.btn-square {
- border: 2px dashed #ededed;
- border-radius: 7px !important;
- padding: 4px 10px 5px 14px;
- }
- .order-item-quantity {
- border: 0px;
- font-weight: 800;
- color: rgb(255 255 255 / 90%);
- padding: 1px 0px;
- padding-top: 1px!important;
- font-size: 13px;
- margin-top: 1px;
- min-width: 32px;
- height: 23px;
- border-radius: 7px;
- text-align: center;
- background: #6641d8;
- }
- .my-account-menu-item i.si-home {
- background: linear-gradient(
- 137deg
- , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
- }
- .my-account-menu-item i.si-wallet {
- background: linear-gradient(
- 137deg
- , rgb(120 255 140) 0%, rgb(14 177 64) 100%);
- }
- .my-account-menu-item i.si-tag {
- background: linear-gradient(
- 137deg
- , rgb(197 197 197) 0%, rgb(66 66 66) 100%);
- }
- .my-account-menu-item i.si-heart {
- background: linear-gradient(
- 137deg
- , rgb(255 120 142) 0%, rgb(185 11 131) 100%);
- }
- .my-account-menu-item i.si-bag {
- background: linear-gradient(
- 137deg
- , #ec94ff 0%, rgb(90 15 218) 100%);
- }
- .my-account-menu-item i {
- font-size: 1.2rem;
- color: #ffffff;
- padding: 8px 9px 8px 9px;
- border-radius: 50%;
- text-align: center;
- }
- .account-menu .my-account-menu-item-block {
- border-radius: 8px;
- padding: 10px!important;
- }
- .tip-switch-field input:checked + label {
- background-color: #8500ff;
- }
- .btn-continue {
- width: 104%;
- border-radius: 0;
- height: 4rem;
- margin: 0 auto;
- font-size: 1.1rem;
- font-weight: 700;
- display: block;
- color: #fff;
- text-transform: uppercase;
- text-align: center;
- line-height: 2.7rem;
- bottom: 0;
- position: fixed !important;
- margin-left: -2rem;
- }
- .Collapsible__trigger:after {
- margin-right: -20px;
- background: #e7e7e759;
- color: #5d5d5d;
- padding-right: 10px;
- padding-bottom: 3.5px;
- float: right;
- padding-top: 3.5px;
- padding-left: 10px;
- border-radius: 20px;
- }
- .btn-make-payment {
- width: 101%;
- margin: 0 auto;
- padding: 0.9375rem 0;
- line-height: 1.95rem;
- border: none!important;
- font-size: 1.1rem;
- font-weight: 700;
- background: linear-gradient(
- 137deg
- , rgb(120 196 255) 0%, rgb(100 15 218) 100%)!important;
- display: block;
- text-transform: uppercase;
- border-radius: 0;
- height: 4rem;
- bottom: 0;
- position: fixed !important;
- }
- .bg-grey-light {
- margin-top: 0px!important;
- border-radius: 18px;
- box-shadow: 0px -7px 7px 0px #0000000f;
- background-color: rgba(250, 250, 250, 0.5) !important;
- }
- .mock-search-block > div {
- box-shadow: 0px 0px 10px #b8b8b82b;
- border: 1px solid #e4e4e49c;
- }
- .mock-search-block {
- background: #f8f8f8;
- box-shadow: none!important;
- margin-top: -1px;
- padding-top: 11px;
- margin-bottom: -1px;
- }
- .nav-page-title {
- font-size: 1.3rem;
- color: black;
- font-weight: 700;
- text-transform: capitalize;
- line-height: 42px;
- }
- .Collapsible__trigger {
- width: 95%;
- text-align: left;
- margin-left: 2px;
- font-size: 2.3vh;
- border: none;
- font-weight: 700!important;
- }
- .bg-light {
- background-color: #f8f8f8 !important;
- box-shadow: none;
- }
- .addon-category-name {
- margin-left: -34px;
- height: 36px;
- font-weight: 700;
- border-radius: 0px 15px 15px 0px;
- background: linear-gradient(
- 137deg
- , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
- border-bottom: none;
- color: #ffffff;
- box-shadow: 0px 0px 7px #00000045;
- font-size: 1rem;
- margin-bottom: 1rem !important;
- display: block;
- border: none;
- padding: 8px 33px;
- width: fit-content;
- }
- .block-content.block-content-full {
- border-radius: 0px;
- padding-bottom: 0px!important;
- margin-top: -6px;
- padding-top: 13px!important;
- }
- .coupon-success {
- margin-top: 7px;
- background-color: #49ce91;
- color: #fff;
- font-weight: 500;
- border-radius: 5px;
- border: 0;
- }
- .coupon-fail {
- margin-top: 7px;
- background-color: #f43650;
- color: #fff;
- font-weight: 500;
- border-radius: 5px;
- border: 0;
- }
- .coupon-not-loggedin-message {
- margin-top: 5px!important;
- border-radius: 0.3rem!important;
- }
- .btn-customization-done {
- height:4rem;
- background-color: black!important;
- }
- .magic-checkbox + label:before {
- border-radius: 30px;
- }
- .magic-radio + label:after {
- background: #1cdc98;
- }
- .magic-checkbox:checked + label:before {
- border: #1cdc98;
- border-radius: 30px;
- background: #1cdc98;
- }
- .restaurant-image {
- height: 85px!important;
- margin-left: -5px;
- width: 85px!important;
- margin-right: 10px;
- box-shadow: 0px 8px 20px 1px #5959591f;
- border-radius: 13px;
- margin-top: 5px;
- }
- .restaurant-info {
- argin-top: -2.5rem!important;
- text-align: left;
- padding-left: 8.5rem;
- padding-bottom: 1rem !important;
- }
- .slider-wrapper__img {
- border-radius: 0.6rem;
- }
- .btn-group .btn-preference:last-child {
- border-radius: 0 25px 25px 0;
- margin-left: -1px;
- border: none;
- }
- .category-checkboxes-block{
- padding-bottom:13px;
- }
- .border-radius-4px {
- border-radius: 4px;
- }
- .cart-item-btn {
- width: 2px;
- }
- .menu-item-block-single {
- font-weight:700;
- }
- .font-w600 {
- font-size: 14px;
- font-weight: 800!important;
- }
- .store-logo {
- height: 43px;
- margin-top: -2px;
- margin-left: -123px;
- max-width: 127px;
- animation: slide 1.4s forwards;
- background: linear-gradient( to right, rgb(119 91 91 / 0%) 0%, rgb(255 255 255 / 0%) 50%, rgb(128 186 232 / 0%) 99%, rgb(125 185 232 / 0%) 100% );
- }
- .restaurant-info > h4 {
- font-size: 1.4rem;
- margin-top: -7px;
- }
- .user-preferred {
- z-index:9;
- box-shadow: 0px 0px 7px #603dff73;
- background-color: transparent !important;
- }
- .secondary-slider-wrapper {
- background-color: #f8f8f8;
- padding-bottom: 31px!important;
- padding-top: 17px;
- box-shadow: 0px 80px 20px #f8f8f8;
- }
- .flex-item-name .item-price {
- line-height: 2rem;
- float: right;
- margin-top: 22px;
- margin-right: -56px;
- font-weight: 600;
- color: black;
- font-size: 1.1rem;
- }
- .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
- width: 0%;
- margin-left: 0px!important;
- }
- .menu-button-block-main {
- left: 85%;
- }
- .btn-menu-list {
- margin-bottom: 5px;
- min-width:93px;
- background-color: #1b1b1b !important;
- }
- .category-slider-name {
- position: absolute;
- transform: translate(-50%, -50%);
- color: white;
- background: rgba(0, 0, 0, 0.8);
- border-radius: 9px;
- font-weight: 500;
- font-size: 0.9rem;
- left: 50%;
- top: 100%;
- text-align: center;
- padding: 0px 7px 1px 7px;
- }
- .user-preferred {
- background: linear-gradient(
- 137deg
- , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
- border-bottom: none;
- color: #fff;
- border:none;
- font-weight: 700;
- border-radius: 25px !important;
- transition: 0.25s ease-in-out;
- transition-property: border-radius;
- }
- .fa-star:before {
- color: #ffb500;
- font-size: 11px;
- content: "\f005";
- }
- .quantity-badge-list {
- position: absolute;
- margin-left: 3px;
- box-shadow: 0px 0px 4px #00000063;
- margin-top: 3px;
- text-shadow: 0px 0px 5px #2b2b2b80;
- height: 20px;
- line-height: 19.1px;
- width: auto;
- padding-right: 0px;
- min-width: 20px;
- letter-spacing: -0.5px;
- font-size: 0.76rem;
- font-weight: 600;
- border: none!important;
- color: #fff;
- display: block;
- text-align: center;
- z-index: 1;
- background: linear-gradient(
- 137deg
- , rgb(255 83 135) 0%, rgb(250 59 59) 100%);
- }
- a.block {
- margin-left: 10px;
- margin-right: 10px;
- padding-top: 1px!important;
- height: 110px;
- margin-top: 12px!important;
- border-radius: 15px;
- box-shadow: 0px 0px 7px #00000021;
- color: #575757;
- font-weight: 400;
- transition: all 0.12s ease-out;
- }
- .restaurant-info {
- height: 119px;
- }
- .float-cart {
- font-size: 16px;
- background: linear-gradient(
- 178deg
- , rgb(27 210 112) 0%, rgb(29 211 114) 100%);
- border-bottom: none;
- box-shadow: 0px 0px 20px 11px #454e6600;
- position: fixed;
- width: 95%;
- border-radius: 14px 14px 0px 0px;
- text-shadow: 0px 0px 18px #251f2f4d;
- height: 4.3rem;
- padding-left: 25px!important;
- padding-right: 25px!important;
- margin: 10px;
- padding-top: 13px;
- font-weight: 600;
- z-index: 9;
- margin-bottom: 2px;
- }
- .ribbon-warning.ribbon-bookmark .ribbon-box::before {
- display:none;
- }
- .ribbon-warning .ribbon-box {
- color: #fafafa;
- background: linear-gradient(
- 137deg
- , rgb(241 145 84) 0%, rgb(250 66 87) 100%);
- text-transform: uppercase;
- margin-right: 10px;
- font-weight: 700;
- box-shadow: 0px 0px 6px #ff00008f;
- line-height: 22px;
- border-radius: 10px;
- font-size: 8px!important;
- }
- .ribbon-box {
- padding: 0px 10px 22px 10px!important;
- font-size: 10px!important;
- margin-top: 0.7rem;
- }
- .ribbon-box:after {
- margin-left:35px;
- padding-left:15px;
- background: linear-gradient( to right, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 24%) 50%, rgb(128 186 232 / 5%) 99%, rgba(125, 185, 232, 0) 100% );
- }
- .active-footer-tab {
- color: #7d54e5;
- font-weight: 600;
- }
- .fa-2x {
- color: #b7b7b7;
- font-size: 1.9em;
- font-weight: 1000;
- }
- .category-checkboxes-block input:checked + span {
- padding: 5px 13px;
- color: #fff;
- font-weight: 700!important;
- border: none;
- background: linear-gradient(
- 137deg
- , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
- border-bottom: none;
- font-weight: 500;
- width: -webkit-max-content;
- }
- .filter-count-block {
- border: 2px solid rgb(48 48 48);
- margin-bottom:7px;
- color: rgb(35 35 35);
- }
Advertisement
Add Comment
Please, Sign In to add comment