Guest User

Untitled

a guest
Mar 22nd, 2021
823
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .pt-50, .py-50 {
  2. padding-top: 47px !important;
  3.  
  4. }
  5. .p-15 {
  6. padding: 15px !important;
  7. padding-top: 24px!important;
  8. }.items-search-box-icon {
  9.  
  10. border:none;
  11.  
  12. }
  13. .slider-wrapper__img-wrapper {
  14. margin-left: 1rem;
  15. box-shadow: none!important;
  16. background: #e7e7e700;
  17. }
  18. .search-shadow-light {
  19. box-shadow: 0px 0px 5px #8d8d8d73;
  20. border-radius:10px;
  21.  
  22. }
  23. .btn-sm, .btn-group-sm > .btn {
  24.  
  25. margin-right: 3px;
  26.  
  27. }.restaurant-count {
  28. text-transform: lowercase;
  29. color: #000000ab;
  30. font-size: 14px;
  31. margin-left: 2px;
  32. font-weight: 800;
  33. }
  34. .my-account-menu-item-block .text-center {
  35. font-size: 1rem;
  36. font-weight: 700;
  37. }
  38. .styles_closeButton__20ID4 {
  39. position: fixed;
  40. top: -5px;
  41. right: 45px;
  42. border: none;
  43.  
  44. padding: 0;
  45. background-color: transparent;
  46. display: flex;
  47. }
  48. .btn-quantity {
  49. height: 2.1rem !important;
  50. background-color: transparent;
  51. border-radius: 30px!important;
  52. min-width: 35px;
  53. }
  54. .cart-item-price {
  55. margin-top: -9px;
  56. font-weight: 700;
  57. margin-right: 0px;
  58. margin-left: 5px;
  59. width: 107px;
  60. text-align: right;
  61. }
  62. .item-badge-collection {
  63. margin-bottom: 2px;
  64. margin-top: 2px;
  65. display: block;
  66. }
  67. .heart {
  68. position: absolute;
  69. width: 100px;
  70. height: 100px;
  71. right: -19px;
  72. top: 1.2rem;
  73.  
  74. background: url(/assets/img/various/heart.png) no-repeat;
  75. cursor: pointer;
  76. transition: background-position 1s steps(28);
  77. transform: scale(0.75);
  78. }
  79. .cart-quantity-badge {
  80. border-radius: 100%;
  81. color: #fff;
  82. animation-direction: alternate;
  83. position: absolute;
  84. top: 0px;
  85. font-weight: 600;
  86. left: 36px;
  87. background-color: rgb(52 52 52)!important;
  88. line-height: 19.5px;
  89. font-size: 10px;
  90.  
  91. text-align: center;
  92.  
  93. height: 20px;
  94. width: 20px;
  95. }
  96. div.col-12.mt-10 {
  97. margin-top: -1px!important;
  98. margin-bottom: -36px;
  99. padding-bottom: 50px!important;
  100. }
  101. .btn-customization-done {
  102. position: fixed;
  103. bottom: 0;
  104. border-radius: 13px;
  105. box-shadow: 0px 0px 20px 11px white;
  106. width: 78%;
  107. margin-bottom: 34px!important;
  108. margin-left: -4px;
  109. height: 58px!important;
  110. z-index: 99999;
  111. }
  112. .styles_modal__gNwvD {
  113. margin-top: -50px;
  114. }.magic-radio + label:before, .magic-checkbox + label:before {
  115.  
  116. right: -20.6%;
  117. }
  118. .si-check:before {
  119. content: "\e080";
  120. color: white;
  121. line-height: 20px!important;
  122. font-size: 14px;
  123. }
  124. .styles_closeIcon__1QwbI {
  125. margin-top: 40px;
  126. width: 34px;
  127. padding: 7px;
  128. height: 34px;
  129. box-shadow: -1px 6px 10px 18px #ffffff;
  130. background: #f5f5f5;
  131. margin-right: -6px;
  132. border-radius: 30px;
  133. z-index: 999!important;
  134.  
  135. }
  136.  
  137. .styles_overlay__CLSq-:after {
  138.  
  139. transform: translateY(-100%);
  140. transition: .4s ease-in-out;
  141. }
  142.  
  143.  
  144.  
  145. .styles_overlay__CLSq- {
  146. margin: 18px;
  147.  
  148. border-radius: 15px;
  149.  
  150. display: block !important;
  151. box-shadow: 0px 0px 200px 50px #3d3d3d;
  152. background-color: #fff !important;
  153.  
  154. }
  155. .item-badge {
  156. color: #fafafa;
  157. background: linear-gradient(
  158. 137deg
  159. , rgb(241 145 84) 0%, rgb(250 66 87) 100%);
  160. font-size: 8px;
  161. text-transform: uppercase!important;
  162. padding: 0.25rem 1rem;
  163. font-weight: 700;
  164. border-radius: 9px;
  165. }
  166. .footer-fixed {
  167. position: fixed;
  168. height: 76px;
  169. }
  170.  
  171. .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
  172. width: 69%;
  173. border: none;
  174. margin-left: 6px!important;
  175. }
  176. .delivery-address-timeline .btn-get-direction {
  177.  
  178. background-color: #8360c3;
  179. border-radius: 4px;
  180. color: #fff;
  181. border: 0;
  182. height: 2.4rem;
  183. line-height: 5px;
  184.  
  185. }
  186. .si-trash {
  187. -webkit-text-stroke: 0.4px rgb(255 255 255);
  188. content: "\e054";
  189. opacity: 99;
  190. color: white;
  191. }
  192. .si-trash:before {
  193. content: "\e054";
  194. opacity: 99;
  195. color: white;
  196. -webkit-text-stroke: 0.4px rgb(255 255 255);
  197. }
  198. .slider-bg-color {
  199.  
  200. background: linear-gradient(
  201. 137deg
  202. , rgb(120 255 202) 0%, rgb(15 218 91) 100%);
  203. }
  204. .btn-get-direction {
  205. border-radius: 1px;
  206. background: linear-gradient(
  207. 137deg
  208. , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
  209. border-bottom: none;
  210. box-shadow: 1px 0px 12px 0px #665af8c2;
  211. color: #fff;
  212. border-radius: 6px;
  213. border: none;
  214. font-weight: 700;
  215. }
  216. .ml-15, .mx-15 {
  217. padding-top: 10px!important;
  218. margin-left: 15px !important;
  219.  
  220. }
  221. .mb-5, .my-5 {
  222.  
  223. margin-top:-3px;
  224. }
  225. .footer-links {
  226. color: #8e8e8e;
  227. font-size: 11px;
  228. font-weight: 600;
  229. }
  230. .p-3 {
  231. margin-top: 56px;
  232. padding: 1rem !important;
  233. }
  234. .btn-refresh-status {
  235. width: 100%;
  236. position: fixed;
  237. background: black!important;
  238. bottom: 0;
  239. border: 0;
  240. border-radius: 0;
  241. height: 4rem;
  242. font-size: 1.2rem;
  243. }
  244. .input-group-append {
  245. margin-left: -1px;
  246.  
  247. }
  248. .btn-preference-group {
  249. border:0px;
  250. }
  251. div.col-12.mt-10 {
  252. padding: 14px 13px 30px 13px;
  253. border: 1px;
  254. margin-left: 12px;
  255. width: 94%;
  256. background: #ffffff00;
  257. box-shadow: 0px 0px 5px 4px #b2b2b226;
  258. opacity: 108%;
  259. background-size: 101%;
  260. border-radius: 15px 15px 0px 0px;
  261.  
  262. }
  263.  
  264.  
  265. .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
  266. border-top-right-radius: 0;
  267. border-bottom-right-radius: 0;
  268. border: none!important;
  269. font-size: 14px;
  270. font-weight: 500;
  271. }
  272.  
  273. .flex-item-image {
  274.  
  275. height: 10vh;
  276. width: 10vh;
  277. border-radius: 12px!important;
  278. }
  279. .flex-item-name .item-name {
  280. font-weight: 800;
  281. color: #272727;
  282. font-size: 14px;
  283.  
  284. }
  285. .account-menu {
  286.  
  287. display: grid;
  288. overflow:scroll;
  289. grid-template-columns:auto auto auto;
  290. grid-row-gap: 13px;
  291.  
  292. }
  293. .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {
  294. font-weight: 700;
  295. border: 0px solid #e8e8e8;
  296. }
  297. .btn-inc {
  298. font-size: 1.2rem;
  299. line-height: 14px;
  300. color: #ffffff;
  301. font-weight: 700;
  302. }
  303. .btn-dec {
  304. font-size: 1.5rem;
  305. font-weight: 700;
  306. line-height: 18px;
  307. color: #ffffff;
  308. }
  309. .si-share:before {
  310. content: "\e05b";
  311. color: black;
  312. font-weight: 800;
  313. }
  314. .customizable-item-text {
  315. color: #ffffff00!important;
  316. }
  317. .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 {
  318. border:0px;
  319. border-radius: 14px;
  320.  
  321.  
  322. }
  323. .btn-add-remove {
  324. border: 0px solid #efefef;
  325. width: 28px!important;
  326. background: linear-gradient(
  327. 137deg
  328. , rgb(241 145 84) 0%, rgb(250 66 87) 100%);
  329. border-bottom: none;
  330. color: #fff;
  331. box-shadow: 0px 0px 8px #30364829;
  332. border-radius: 13px!important;
  333. margin-left: 0px!important;
  334. padding-top: 4px!important;
  335. height: 27px !important;
  336. }
  337. button.btn.btn-add-remove:disabled {
  338. opacity: 0;
  339. }
  340. .Collapsible__contentInner .category-list-item {
  341. font-size: 11px;
  342. font-weight: 500;
  343. color: #686868d9
  344. text-transform: capitalize;
  345. border-radius: 0px!important;
  346. border-bottom: 0.7px solid #eaeaea99!important;
  347. }
  348. .bg-white {
  349. border-radius: 5px!important;
  350.  
  351. }
  352. .order-track-button {
  353. color: #2ae78f;
  354.  
  355. }
  356. .pulse {
  357. width: 9.5px;
  358. height: 9.5px;
  359. background: #22e68b;
  360. }
  361. .btn.btn-square {
  362. border: 2px dashed #ededed;
  363. border-radius: 7px !important;
  364. padding: 4px 10px 5px 14px;
  365. }
  366. .order-item-quantity {
  367. border: 0px;
  368. font-weight: 800;
  369. color: rgb(255 255 255 / 90%);
  370. padding: 1px 0px;
  371. padding-top: 1px!important;
  372. font-size: 13px;
  373. margin-top: 1px;
  374. min-width: 32px;
  375. height: 23px;
  376. border-radius: 7px;
  377. text-align: center;
  378. background: #6641d8;
  379.  
  380. }
  381. .my-account-menu-item i.si-home {
  382. background: linear-gradient(
  383. 137deg
  384. , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
  385. }
  386. .my-account-menu-item i.si-wallet {
  387. background: linear-gradient(
  388. 137deg
  389. , rgb(120 255 140) 0%, rgb(14 177 64) 100%);
  390. }
  391. .my-account-menu-item i.si-tag {
  392. background: linear-gradient(
  393. 137deg
  394. , rgb(197 197 197) 0%, rgb(66 66 66) 100%);
  395. }
  396. .my-account-menu-item i.si-heart {
  397. background: linear-gradient(
  398. 137deg
  399. , rgb(255 120 142) 0%, rgb(185 11 131) 100%);
  400. }
  401. .my-account-menu-item i.si-bag {
  402. background: linear-gradient(
  403. 137deg
  404. , #ec94ff 0%, rgb(90 15 218) 100%);
  405.  
  406. }
  407. .my-account-menu-item i {
  408. font-size: 1.2rem;
  409. color: #ffffff;
  410. padding: 8px 9px 8px 9px;
  411. border-radius: 50%;
  412. text-align: center;
  413. }
  414. .account-menu .my-account-menu-item-block {
  415. border-radius: 8px;
  416. padding: 10px!important;
  417. }
  418. .tip-switch-field input:checked + label {
  419.  
  420. background-color: #8500ff;
  421. }
  422. .btn-continue {
  423. width: 104%;
  424. border-radius: 0;
  425. height: 4rem;
  426. margin: 0 auto;
  427. font-size: 1.1rem;
  428. font-weight: 700;
  429. display: block;
  430. color: #fff;
  431. text-transform: uppercase;
  432. text-align: center;
  433. line-height: 2.7rem;
  434. bottom: 0;
  435. position: fixed !important;
  436. margin-left: -2rem;
  437. }
  438. .Collapsible__trigger:after {
  439. margin-right: -20px;
  440. background: #e7e7e759;
  441. color: #5d5d5d;
  442. padding-right: 10px;
  443. padding-bottom: 3.5px;
  444. float: right;
  445. padding-top: 3.5px;
  446. padding-left: 10px;
  447. border-radius: 20px;
  448. }
  449. .btn-make-payment {
  450. width: 101%;
  451. margin: 0 auto;
  452. padding: 0.9375rem 0;
  453. line-height: 1.95rem;
  454. border: none!important;
  455. font-size: 1.1rem;
  456. font-weight: 700;
  457. background: linear-gradient(
  458. 137deg
  459. , rgb(120 196 255) 0%, rgb(100 15 218) 100%)!important;
  460. display: block;
  461. text-transform: uppercase;
  462. border-radius: 0;
  463. height: 4rem;
  464. bottom: 0;
  465. position: fixed !important;
  466. }
  467.  
  468.  
  469. .bg-grey-light {
  470. margin-top: 0px!important;
  471.  
  472. border-radius: 18px;
  473. box-shadow: 0px -7px 7px 0px #0000000f;
  474. background-color: rgba(250, 250, 250, 0.5) !important;
  475.  
  476.  
  477. }
  478.  
  479. .mock-search-block > div {
  480. box-shadow: 0px 0px 10px #b8b8b82b;
  481. border: 1px solid #e4e4e49c;
  482. }
  483. .mock-search-block {
  484. background: #f8f8f8;
  485. box-shadow: none!important;
  486. margin-top: -1px;
  487. padding-top: 11px;
  488. margin-bottom: -1px;
  489. }
  490. .nav-page-title {
  491. font-size: 1.3rem;
  492. color: black;
  493. font-weight: 700;
  494. text-transform: capitalize;
  495. line-height: 42px;
  496. }
  497. .Collapsible__trigger {
  498. width: 95%;
  499. text-align: left;
  500. margin-left: 2px;
  501. font-size: 2.3vh;
  502. border: none;
  503. font-weight: 700!important;
  504. }
  505. .bg-light {
  506. background-color: #f8f8f8 !important;
  507. box-shadow: none;
  508. }
  509. .addon-category-name {
  510. margin-left: -34px;
  511. height: 36px;
  512. font-weight: 700;
  513. border-radius: 0px 15px 15px 0px;
  514. background: linear-gradient(
  515. 137deg
  516. , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
  517. border-bottom: none;
  518. color: #ffffff;
  519. box-shadow: 0px 0px 7px #00000045;
  520. font-size: 1rem;
  521. margin-bottom: 1rem !important;
  522. display: block;
  523. border: none;
  524. padding: 8px 33px;
  525. width: fit-content;
  526.  
  527. }
  528. .block-content.block-content-full {
  529. border-radius: 0px;
  530. padding-bottom: 0px!important;
  531.  
  532. margin-top: -6px;
  533. padding-top: 13px!important;
  534.  
  535.  
  536. }
  537. .coupon-success {
  538. margin-top: 7px;
  539. background-color: #49ce91;
  540. color: #fff;
  541. font-weight: 500;
  542. border-radius: 5px;
  543. border: 0;
  544. }
  545. .coupon-fail {
  546. margin-top: 7px;
  547. background-color: #f43650;
  548. color: #fff;
  549. font-weight: 500;
  550. border-radius: 5px;
  551. border: 0;
  552. }
  553. .coupon-not-loggedin-message {
  554. margin-top: 5px!important;
  555. border-radius: 0.3rem!important;
  556. }
  557. .btn-customization-done {
  558.  
  559. height:4rem;
  560. background-color: black!important;
  561. }
  562. .magic-checkbox + label:before {
  563. border-radius: 30px;
  564. }
  565. .magic-radio + label:after {
  566.  
  567. background: #1cdc98;
  568. }
  569. .magic-checkbox:checked + label:before {
  570. border: #1cdc98;
  571. border-radius: 30px;
  572. background: #1cdc98;
  573. }
  574. .restaurant-image {
  575. height: 85px!important;
  576. margin-left: -5px;
  577. width: 85px!important;
  578. margin-right: 10px;
  579. box-shadow: 0px 8px 20px 1px #5959591f;
  580. border-radius: 13px;
  581. margin-top: 5px;
  582. }
  583. .restaurant-info {
  584. argin-top: -2.5rem!important;
  585. text-align: left;
  586. padding-left: 8.5rem;
  587. padding-bottom: 1rem !important;
  588.  
  589. }
  590.  
  591. .slider-wrapper__img {
  592. border-radius: 0.6rem;
  593. }
  594. .btn-group .btn-preference:last-child {
  595. border-radius: 0 25px 25px 0;
  596. margin-left: -1px;
  597. border: none;
  598.  
  599. }
  600. .category-checkboxes-block{
  601.  
  602. padding-bottom:13px;
  603. }
  604. .border-radius-4px {
  605. border-radius: 4px;
  606. }
  607. .cart-item-btn {
  608.  
  609. width: 2px;
  610. }
  611. .menu-item-block-single {
  612.  
  613. font-weight:700;
  614. }
  615.  
  616. .font-w600 {
  617. font-size: 14px;
  618. font-weight: 800!important;
  619.  
  620. }
  621. .store-logo {
  622. height: 43px;
  623. margin-top: -2px;
  624. margin-left: -123px;
  625. max-width: 127px;
  626. animation: slide 1.4s forwards;
  627. 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% );
  628. }
  629. .restaurant-info > h4 {
  630. font-size: 1.4rem;
  631. margin-top: -7px;
  632. }
  633. .user-preferred {
  634. z-index:9;
  635. box-shadow: 0px 0px 7px #603dff73;
  636. background-color: transparent !important;
  637. }
  638. .secondary-slider-wrapper {
  639. background-color: #f8f8f8;
  640. padding-bottom: 31px!important;
  641. padding-top: 17px;
  642. box-shadow: 0px 80px 20px #f8f8f8;
  643. }
  644. .flex-item-name .item-price {
  645. line-height: 2rem;
  646. float: right;
  647. margin-top: 22px;
  648. margin-right: -56px;
  649. font-weight: 600;
  650. color: black;
  651. font-size: 1.1rem;
  652. }
  653. .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
  654. width: 0%;
  655. margin-left: 0px!important;
  656.  
  657.  
  658. }
  659.  
  660. .menu-button-block-main {
  661.  
  662. left: 85%;
  663. }
  664. .btn-menu-list {
  665. margin-bottom: 5px;
  666. min-width:93px;
  667. background-color: #1b1b1b !important;
  668. }
  669. .category-slider-name {
  670. position: absolute;
  671. transform: translate(-50%, -50%);
  672. color: white;
  673. background: rgba(0, 0, 0, 0.8);
  674. border-radius: 9px;
  675. font-weight: 500;
  676. font-size: 0.9rem;
  677. left: 50%;
  678. top: 100%;
  679. text-align: center;
  680. padding: 0px 7px 1px 7px;
  681. }
  682. .user-preferred {
  683. background: linear-gradient(
  684. 137deg
  685. , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
  686. border-bottom: none;
  687.  
  688. color: #fff;
  689. border:none;
  690. font-weight: 700;
  691. border-radius: 25px !important;
  692. transition: 0.25s ease-in-out;
  693. transition-property: border-radius;
  694. }
  695. .fa-star:before {
  696. color: #ffb500;
  697.  
  698. font-size: 11px;
  699. content: "\f005";
  700. }
  701. .quantity-badge-list {
  702. position: absolute;
  703. margin-left: 3px;
  704. box-shadow: 0px 0px 4px #00000063;
  705. margin-top: 3px;
  706. text-shadow: 0px 0px 5px #2b2b2b80;
  707. height: 20px;
  708. line-height: 19.1px;
  709. width: auto;
  710. padding-right: 0px;
  711. min-width: 20px;
  712. letter-spacing: -0.5px;
  713. font-size: 0.76rem;
  714. font-weight: 600;
  715. border: none!important;
  716. color: #fff;
  717. display: block;
  718. text-align: center;
  719. z-index: 1;
  720. background: linear-gradient(
  721. 137deg
  722. , rgb(255 83 135) 0%, rgb(250 59 59) 100%);
  723. }
  724. a.block {
  725. margin-left: 10px;
  726. margin-right: 10px;
  727. padding-top: 1px!important;
  728. height: 110px;
  729. margin-top: 12px!important;
  730. border-radius: 15px;
  731. box-shadow: 0px 0px 7px #00000021;
  732. color: #575757;
  733. font-weight: 400;
  734. transition: all 0.12s ease-out;
  735. }
  736. .restaurant-info {
  737. height: 119px;
  738. }
  739.  
  740. .float-cart {
  741. font-size: 16px;
  742. background: linear-gradient(
  743. 178deg
  744. , rgb(27 210 112) 0%, rgb(29 211 114) 100%);
  745. border-bottom: none;
  746. box-shadow: 0px 0px 20px 11px #454e6600;
  747. position: fixed;
  748. width: 95%;
  749. border-radius: 14px 14px 0px 0px;
  750. text-shadow: 0px 0px 18px #251f2f4d;
  751. height: 4.3rem;
  752. padding-left: 25px!important;
  753. padding-right: 25px!important;
  754. margin: 10px;
  755. padding-top: 13px;
  756. font-weight: 600;
  757. z-index: 9;
  758. margin-bottom: 2px;
  759. }
  760.  
  761. .ribbon-warning.ribbon-bookmark .ribbon-box::before {
  762.  
  763. display:none;
  764. }
  765. .ribbon-warning .ribbon-box {
  766. color: #fafafa;
  767. background: linear-gradient(
  768. 137deg
  769. , rgb(241 145 84) 0%, rgb(250 66 87) 100%);
  770. text-transform: uppercase;
  771. margin-right: 10px;
  772. font-weight: 700;
  773. box-shadow: 0px 0px 6px #ff00008f;
  774. line-height: 22px;
  775. border-radius: 10px;
  776. font-size: 8px!important;
  777. }
  778.  
  779. .ribbon-box {
  780. padding: 0px 10px 22px 10px!important;
  781. font-size: 10px!important;
  782. margin-top: 0.7rem;
  783. }
  784. .ribbon-box:after {
  785. margin-left:35px;
  786. padding-left:15px;
  787. 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% );
  788. }
  789. .active-footer-tab {
  790. color: #7d54e5;
  791. font-weight: 600;
  792. }
  793. .fa-2x {
  794. color: #b7b7b7;
  795. font-size: 1.9em;
  796. font-weight: 1000;
  797. }
  798. .category-checkboxes-block input:checked + span {
  799. padding: 5px 13px;
  800. color: #fff;
  801. font-weight: 700!important;
  802. border: none;
  803. background: linear-gradient(
  804. 137deg
  805. , rgb(120 196 255) 0%, rgb(100 15 218) 100%);
  806. border-bottom: none;
  807. font-weight: 500;
  808. width: -webkit-max-content;
  809. }
  810. .filter-count-block {
  811.  
  812. border: 2px solid rgb(48 48 48);
  813. margin-bottom:7px;
  814. color: rgb(35 35 35);
  815. }
RAW Paste Data