.html {
background-color: black;
}
.ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.sidenav {
height: 100%;
/*width: 160px;
position: fixed;*/
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
padding-top: 20px;
}
.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 20px;
color: #818181;
display: block;
}
.sidenav a:hover {
color: #f1f1f1;
}
.main {
/* margin-left: 160px; /* Same as the width of the sidenav */
/*font-size: 28px;*/
/* Increased text to enable scrolling */
padding: 0px 10px;
background-color: black;
}
@media screen and (max-height: 450px) {
.sidenav {
padding-top: 15px;
}
.sidenav a {
font-size: 18px;
}
}
.rounded-lg {
border-radius: 1.25rem !important;
}
._459y {
height: auto;
left: -28px;
margin-top: 10px;
position: absolute;
transition: left 0.3s cubic-bezier(0.1, 0.9, 0.34, 1.515);
width: 28px;
z-index: 1;
}
._459z._459y {
left: -28px;
}
._459y._3-n_ {
left: 1px;
}
._459_ {
background: #f5f7f8;
border-radius: 4px 0 0 4px;
box-shadow: -1px 0 0 0.5px rgba(0, 0, 0, 0.25),
inset 0 1px 0 0 rgba(255, 255, 255, 0.75);
cursor: pointer;
padding: 5px 7px;
z-index: -100;
}
._459- {
position: relative;
top: 1px;
z-index: 100;
}
._8hok {
margin: 4px 0 12px 0;
}
._1on7 {
margin-bottom: 24px;
}
._1on7 ul li._1on8 {
font-weight: bold;
}
._xd0 ul li._1on8 {
font-size: 12px;
padding: 0 0 4px 12px;
}
._35nw {
margin: 12px;
}
._xd0 ._2thh {
border: 0;
}
._2thi {
background: #dadcde;
border: none;
display: block;
margin: 0 8px;
padding: 8px;
text-align: center;
transition: background 0.25s;
}
._2thi:hover {
background: #c6c9cc;
text-decoration: none;
}
._2thj::after {
background-clip: padding-box;
border: 2px solid transparent;
content: "";
display: inline-block;
height: 12px;
margin-left: 8px;
vertical-align: text-bottom;
width: 12px;
}
._2thj::after {
background-image: url(/rsrc.php/v3/yZ/r/NygYHLLRTI7.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -193px -210px;
}
._2thl::after {
background-image: url(/rsrc.php/v3/yZ/r/NygYHLLRTI7.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -206px -210px;
}
._8gn4 {
margin-top: 12px;
}
._8hq2 {
margin: 16px;
}
._45f2 {
box-sizing: border-box;
height: 100%;
}
._191e {
padding: 12px;
}
._191e ._191c {
display: block;
margin-bottom: 8px;
}
._191e ._191b {
display: block;
}
._5jew:before {
content: "\a0\b7\a0";
display: inline-block;
pointer-events: none;
}
._5jew:first-child:before {
display: none;
}
._90-h {
padding: 8px 12px 12px 12px;
}
._8_gv,
._8-2- {
padding: 4px 12px 12px 12px;
}
._8kw1,
._8-2_,
._8-30,
._8zhc,
._9344 {
margin-bottom: 16px;
}
._92-s,
._94o4,
._8_np {
margin-bottom: 12px;
}
._94o4 {
padding-top: 4px;
}
._8_np {
background-color: rgba(0, 0, 0, 0.05);
border-radius: 6px;
padding: 8px 12px;
}
._92-v {
padding: 20px 0;
}
._8s_7 {
padding: 8px 12px 12px 12px;
}
._8u9l {
margin: 44px 44px 144px;
}
._8u9m {
margin-left: 24px;
}
._2ffv {
margin-top: 12px;
}
._8jgm {
background-color: #fff;
border: 1px solid #dadcde;
border-radius: 8px;
display: flex;
height: 40px;
padding-left: 12px;
}
._8jgn {
align-items: center;
display: flex;
}
._8jgo {
width: 100%;
}
._8jgo ._58ak {
align-items: center;
border-style: none;
display: flex;
height: 40px;
}
._8jgo ._58al {
font-size: 14px;
height: 40px;
line-height: 40px;
text-indent: 9px;
}
._8uz {
line-height: 10px;
}
._8u- {
display: inline-block;
vertical-align: middle;
}
._43wj {
display: inline-block;
float: left;
height: 54px;
margin-right: 28px;
width: 180px;
}
._5knh {
margin-left: 1px;
vertical-align: middle;
}
._4dtb {
margin-bottom: 4px;
}
._4dtc {
padding-bottom: 4px;
}
._z8p {
position: relative;
}
._z8p:before {
border: 2px solid #2887e6;
border-radius: 3px;
bottom: -4px;
content: "";
left: -4px;
pointer-events: none;
position: absolute;
right: -4px;
top: -4px;
z-index: 2;
}
._3z3r {
overflow: hidden;
}
._3z3s {
float: left;
}
._3z3w {
float: right;
}
._8h6i {
display: flex;
}
._3z3v,
._3z3t {
vertical-align: middle;
}
._6h75 {
border-style: solid;
box-sizing: border-box;
display: inline-block;
}
._6h76 {
border-radius: 8px;
border-width: 2px;
height: 8px;
width: 8px;
}
._34oe {
cursor: pointer;
outline: none;
}
._34ob {
transition: transform 0.3s ease-in-out;
}
._34oc {
transform: rotate(90deg);
}
._34od {
float: right;
}
._34of {
display: inline-block;
height: 16px;
margin-right: 0;
vertical-align: middle;
width: 20px;
}
._4d7_ {
vertical-align: middle;
}
._9gvb {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-in;
}
._9gvk {
max-height: 300px;
}
._9gvl {
max-height: 300px;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
._9gvm {
max-height: 0;
}
._1ppv {
font-size: 12px;
}
._1ppr {
border-top: 1px solid #d7d7d7;
line-height: 16px;
padding: 12px;
}
._1pps {
float: right;
margin-left: 12px;
}
._5-b6 {
float: left;
}
._1ppt {
border-bottom: 1px solid #d7d7d7;
font-size: 14px;
font-weight: bold;
}
._1nlk {
padding: 12px;
}
._6ynf {
background-color: #fff;
border-top: 1px solid #ccd0d5;
bottom: 0;
left: 0;
padding: 8px 24px;
position: fixed;
width: calc(100% - 48px);
z-index: 999;
}
._6yng {
bottom: 30px;
}
._2ub2 {
margin: 12px 0;
}
._38vu {
margin: 0;
}
._2uaw {
color: #373e4c;
cursor: pointer;
padding: 4px 0;
}
._2ub1 {
color: #90949c;
font-weight: normal;
margin-top: 2px;
text-align: right;
width: 44px;
}
._dil>div:first-child {
color: #373e4c;
cursor: pointer;
padding: 12px 0 4px 0;
}
._7uqk>div:first-child {
padding: 0;
}
._h1t>div:first-child {
direction: rtl;
}
._h1t ._4qr2 {
width: 100%;
}
._h1t ._4qr2>div {
float: left;
}
._h1u {
margin: 8px 8px 8px 0;
}
._47ee {
margin: 8px 0 4px 0;
}
._26nx {
margin: 8px;
}
._26ny {
line-height: 28px;
vertical-align: middle;
}
._4srs {
position: relative;
width: 100%;
}
._28m9 {
opacity: 0.3;
}
._srq {
border-top: solid 1px #dddfe2;
display: block;
margin-top: 8px;
padding-top: 8px;
}
._hkn {
text-align: center;
width: 40vw;
}
._hkz {
height: 80px;
margin-bottom: 16px;
margin-top: 16px;
}
._40rc {
padding: 0 16px;
}
._40rd {
border-top: 1px solid #dadcde;
margin: 4px 0;
width: 100%;
}
._815k {
margin: 4px 0;
width: 100%;
}
._40rs {
display: inline-block;
line-height: 32px;
}
._40rt {
display: inline-block;
margin-left: 12px;
width: 360px;
}
._31u8 {
display: inline-table;
}
._4bv9 {
display: table-cell;
max-width: 240px;
min-width: 240px;
vertical-align: top;
}
._4bva {
display: table-cell;
max-width: 360px;
padding-left: 12px;
}
._4bv8 tr._4btu {
border: none;
height: 20px;
margin-top: 8px;
}
._4bv8 ._4btu th {
font-weight: normal;
height: 20px;
margin-top: 8px;
}
._4bv8 ._4btu th._4btv {
padding: 0;
text-align: right;
vertical-align: bottom;
}
._4bv8 ._4btu th._4bty {
margin-left: 4px;
text-align: left;
}
._4bv8 {
border-collapse: collapse;
}
._4bv8 ._4btu tr._4bt- {
border-top: 1px solid #bec3c9;
}
._4bv8 ._4btu tr._4bv7 {
border-bottom: 1px solid #bec3c9;
}
._23y5 {
width: 1000px;
}
._16e6 {
height: 600px;
}
._8dv8 {
min-height: 600px;
}
._eyk {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
}
._sbk ._66jc {
margin: 3.5px;
}
._sbk ._5z7p {
width: 185.5px;
}
._5asf {
padding: 20px;
}
._5asb {
display: inline-block;
height: 32px;
width: 300px;
}
._3sec {
margin-right: 8px;
vertical-align: top;
}
._5bgr {
border-collapse: collapse;
margin-top: 16px;
table-layout: fixed;
width: 100%;
}
._5bgr thead {
border-bottom: 1px solid #dddfe2;
border-top: 1px solid #dddfe2;
color: #90949c;
}
._5bgr th {
font-size: 11px;
text-align: left;
}
._5bgr tr {
border-bottom: 1px solid #dddfe2;
height: 70px;
}
._5bgr tr:first-child {
height: inherit;
}
._5bgr tr td {
word-wrap: break-word;
}
._5bgr tr:last-child {
border-bottom: none;
}
._oun {
display: inline-block;
}
._5zrc {
margin: 4px 16px;
}
._5asf {
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
position: absolute;
width: 100%;
z-index: 99;
}
._4ytn {
margin: -4px;
}
._68vk {
align-items: center;
justify-content: center;
padding: 30px;
text-align: center;
}
._68vl {
color: #8d949e;
font-weight: bold;
}
._5z7p {
border: none;
border-radius: 6px;
box-sizing: border-box;
cursor: pointer;
display: flex;
flex-direction: column;
float: left;
height: 205px;
overflow: hidden;
position: relative;
width: 186px;
}
._5z7p._91en {
cursor: auto;
}
._66jc {
border: 1px solid #dadde1;
border-radius: 6px;
box-sizing: border-box;
display: inline-block;
margin: 4px;
opacity: 1;
transition: opacity 0.4s;
}
._1uvu {
transition: border-color 0.1s;
}
._1uvu:hover {
border: solid 1px #4080ff;
}
._5-98 {
background: #4080ff;
border: solid 1px #4080ff;
}
._66kh {
background: #000;
border: solid 1px #dddfe2;
}
._5-98 ._5-97,
._66kh ._5-97 {
opacity: 0.9;
}
._66jc ._5z7r {
padding: 5px 6px;
}
._4ytk {
margin-bottom: 4px;
max-width: 96px;
}
._5z7r {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 5px 8px;
}
._4ytn a:hover {
text-decoration: none;
}
._5z7q {
height: 186px;
overflow: hidden;
text-align: center;
width: 100%;
}
._673x {
height: 24px;
opacity: 0;
position: absolute;
right: 8px;
top: 8px;
transition: opacity 0.1s;
width: 24px;
}
._2e5q {
height: 24px;
position: relative;
width: 24px;
z-index: 1;
}
._673y {
background-color: #fff;
border-radius: 10px;
height: 20px;
margin: 2px;
opacity: 1;
position: relative;
top: -24px;
width: 20px;
}
._66jc:hover:not(._5-98) ._2e5q {
background-repeat: no-repeat;
background-size: auto;
background-position: -25px -252px;
}
._5-98 ._2e5q {
background-repeat: no-repeat;
background-size: auto;
background-position: 0 -71px;
}
._66jc:hover:not(._5-98) ._673x,
._5-98 ._673x {
opacity: 1;
}
._5-97._5z7p {
height: auto;
}
._5-97 ._4ytk {
max-width: 160px;
}
._5-9a {
display: flex;
flex-flow: row wrap;
}
._5-9a ._66jc {
align-items: stretch;
display: flex;
}
._4yww {
margin-bottom: 4px;
margin-top: auto;
}
._4yyo {
align-items: stretch;
display: flex;
}
._1kpn {
background-color: #fbfbfb;
}
._7i-6 {
display: inline-block;
margin-top: 8px;
}
._7i-5 {
background-color: #ce002f;
border-radius: 50%;
display: inline-block;
height: 36px;
line-height: 48px;
margin-right: 8px;
text-align: center;
width: 36px;
}
._7i-7 {
padding-left: 44px;
}
._7pfk {
display: flex;
padding-bottom: 4px;
}
._6_-p:before {
content: "";
margin-left: -8px;
}
._7yrj {
border-radius: 50%;
flex-shrink: 0;
}
._951w {
padding: 6px 0;
}
._7yrk {
border-radius: 4px;
margin: 0 -8px;
padding: 4px 8px;
width: 100%;
}
._94bg button {
padding: 0 8px !important;
}
._7-_m {
width: 100%;
}
._7-_m ._7yre {
background-color: transparent;
height: 24px;
padding: 8px 0;
width: 100%;
}
._7-_m ._7yre:focus,
._7-_m ._7yre:active,
._7-_m ._7yre:hover {
background-color: transparent;
}
.sp_1dGYkOuszLM {
background-image: url(/rsrc.php/v3/yH/r/IzHUKuRNbjT.png);
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
height: 20px;
width: 20px;
}
.sp_1dGYkOuszLM.sx_8dd1dc {
width: 32px;
height: 32px;
background-position: 0 0;
}
.sp_1dGYkOuszLM.sx_ddf4df {
width: 16px;
height: 16px;
background-position: 0 -117px;
}
.sp_1dGYkOuszLM.sx_1a077b {
background-position: 0 -33px;
}
.sp_1dGYkOuszLM.sx_37a199 {
background-position: 0 -54px;
}
.sp_1dGYkOuszLM.sx_7af3b9 {
background-position: 0 -75px;
}
.sp_1dGYkOuszLM.sx_384022 {
background-position: 0 -96px;
}
.sp_BnXRvo6wDvI {
background-image: url(/rsrc.php/v3/yc/r/tsHW2TH-a3g.png);
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
height: 20px;
width: 20px;
}
.sp_BnXRvo6wDvI.sx_41b11c {
width: 16px;
height: 16px;
background-position: 0 -126px;
}
.sp_BnXRvo6wDvI.sx_865047 {
width: 16px;
height: 16px;
background-position: 0 -143px;
}
.sp_BnXRvo6wDvI.sx_0e7440 {
background-position: 0 0;
}
.sp_BnXRvo6wDvI.sx_51b7aa {
background-position: 0 -21px;
}
.sp_BnXRvo6wDvI.sx_ed018c {
background-position: 0 -42px;
}
.sp_BnXRvo6wDvI.sx_c56a42 {
background-position: 0 -63px;
}
.sp_BnXRvo6wDvI.sx_242daa {
background-position: 0 -84px;
}
.sp_BnXRvo6wDvI.sx_b17d7a {
background-position: 0 -105px;
}
.sp_BnXRvo6wDvI.sx_cbf9d7 {
width: 16px;
height: 16px;
background-position: 0 -160px;
}
.sp_BnXRvo6wDvI.sx_c5ab43 {
width: 16px;
height: 16px;
background-position: 0 -177px;
}
.sp_BnXRvo6wDvI.sx_d7bb77 {
width: 16px;
height: 16px;
background-position: 0 -194px;
}
.sp_IMaiD4R_RAS {
background-image: url(/rsrc.php/v3/yv/r/ltJHZsUIM92.png);
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
height: 24px;
width: 24px;
}
.sp_IMaiD4R_RAS.sx_1d12a1 {
background-position: -209px 0;
}
.sp_IMaiD4R_RAS.sx_e87b87 {
background-position: -234px 0;
}
.sp_IMaiD4R_RAS.sx_d077f0 {
background-position: -209px -25px;
}
.sp_IMaiD4R_RAS.sx_62aaab {
width: 265px;
height: 111px;
background-position: 0 -441px;
}
.sp_IMaiD4R_RAS.sx_af3ea2 {
width: 208px;
height: 440px;
background-position: 0 0;
}
.sp__bsfjdlthrJ {
background-image: url(/rsrc.php/v3/y-/r/SNiTtNylOdr.png);
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
height: 24px;
width: 24px;
}
.sp__bsfjdlthrJ.sx_5c99f6 {
width: 16px;
height: 16px;
background-position: 0 -100px;
}
.sp__bsfjdlthrJ.sx_9778af {
background-position: 0 0;
}
.sp__bsfjdlthrJ.sx_c0f16c {
background-position: 0 -25px;
}
.sp__bsfjdlthrJ.sx_df4856 {
width: 16px;
height: 16px;
background-position: 0 -117px;
}
.sp__bsfjdlthrJ.sx_4f2eba {
background-position: 0 -50px;
}
.sp__bsfjdlthrJ.sx_dca881 {
width: 16px;
height: 16px;
background-position: 0 -134px;
}
.sp__bsfjdlthrJ.sx_256dae {
width: 12px;
height: 12px;
background-position: 0 -151px;
}
.sp__bsfjdlthrJ.sx_7554df {
background-position: 0 -75px;
}
.sp_f8F1sgG2QJ9 {
background-image: url(/rsrc.php/v3/yw/r/Fcrm4osBmfY.png);
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sp_f8F1sgG2QJ9.sx_e0478d {
background-position: 0 -251px;
}
.sp_f8F1sgG2QJ9.sx_8ffddd {
width: 32px;
height: 32px;
background-position: 0 0;
}
.sp_f8F1sgG2QJ9.sx_ba2bb0 {
width: 24px;
height: 24px;
background-position: 0 -33px;
}
.sp_f8F1sgG2QJ9.sx_622ad6 {
width: 20px;
height: 20px;
background-position: 0 -83px;
}
.sp_f8F1sgG2QJ9.sx_b5afe2 {
background-position: 0 -268px;
}
.sp_f8F1sgG2QJ9.sx_e32c97 {
width: 8px;
height: 8px;
background-position: -21px -83px;
}
.sp_f8F1sgG2QJ9.sx_ba44bd {
background-position: 0 -285px;
}
.sp_f8F1sgG2QJ9.sx_7b47ed {
width: 20px;
height: 20px;
background-position: 0 -104px;
}
.sp_f8F1sgG2QJ9.sx_88a685 {
width: 24px;
height: 24px;
background-position: 0 -58px;
}
.sp_f8F1sgG2QJ9.sx_d5922e {
width: 20px;
height: 20px;
background-position: 0 -125px;
}
.sp_f8F1sgG2QJ9.sx_95a1cf {
width: 20px;
height: 20px;
background-position: 0 -146px;
}
.sp_f8F1sgG2QJ9.sx_17da9b {
width: 20px;
height: 20px;
background-position: 0 -167px;
}
.sp_f8F1sgG2QJ9.sx_092dca {
background-position: 0 -302px;
}
.sp_f8F1sgG2QJ9.sx_b70dac {
width: 20px;
height: 20px;
background-position: 0 -188px;
}
.sp_f8F1sgG2QJ9.sx_e6cc29 {
background-position: 0 -319px;
}
.sp_f8F1sgG2QJ9.sx_aed922 {
background-position: 0 -336px;
}
.sp_f8F1sgG2QJ9.sx_6bd584 {
background-position: 0 -353px;
}
.sp_f8F1sgG2QJ9.sx_71cb8c {
background-position: 0 -370px;
}
.sp_f8F1sgG2QJ9.sx_2c926c {
background-position: 0 -387px;
}
.sp_f8F1sgG2QJ9.sx_d38319 {
width: 20px;
height: 20px;
background-position: 0 -209px;
}
.sp_f8F1sgG2QJ9.sx_711457 {
width: 20px;
height: 20px;
background-position: 0 -230px;
}
.sp_o4nQjUMTeIU {
background-image: url(/rsrc.php/v3/y2/r/ww2tOZOptS_.png);
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
height: 20px;
width: 20px;
}
.sp_o4nQjUMTeIU.sx_55138c {
width: 125px;
height: 125px;
background-position: 0 0;
}
.sp_o4nQjUMTeIU.sx_bfcdbe {
width: 16px;
height: 16px;
background-position: -84px -126px;
}
.sp_o4nQjUMTeIU.sx_09126e {
background-position: 0 -126px;
}
.sp_o4nQjUMTeIU.sx_dbc8ad {
background-position: -21px -126px;
}
.sp_o4nQjUMTeIU.sx_49264c {
background-position: -42px -126px;
}
.sp_o4nQjUMTeIU.sx_702104 {
width: 16px;
height: 16px;
background-position: -101px -126px;
}
.sp_o4nQjUMTeIU.sx_5de8cb {
background-position: -63px -126px;
}
.sp_pvNLJYyEHhe {
background-image: url(/rsrc.php/v3/yw/r/T5ELQuSntxk.png);
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sp_pvNLJYyEHhe.sx_4eab7d {
background-position: 0 0;
}
.sp_pvNLJYyEHhe.sx_f4c093 {
background-position: 0 -17px;
}
.sp_pvNLJYyEHhe.sx_2b142e {
background-position: 0 -34px;
}
.sp_pvNLJYyEHhe.sx_f4370b {
background-position: 0 -51px;
}
.sp_pvNLJYyEHhe.sx_68f24c {
background-position: 0 -68px;
}
.sp_sz_gd74f3By {
background-image: url(/rsrc.php/v3/y3/r/XrTSS5st6hY.png);
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
height: 251px;
width: 401px;
}
.sp_sz_gd74f3By.sx_e94b1f {
width: 20px;
height: 20px;
background-position: 0 -252px;
}
.sp_sz_gd74f3By.sx_d7fee6 {
background-position: 0 0;
}
#bootloader_bop6N {
height: 42px;
}
.bootloader_bop6N {
display: block !important;
}
.modal {
background: rgba(000, 000, 000, 0.1);
}
._66jc {
background-color: white;
border-color: #111;
}
.body {
color: #dfdfdf;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 900px;
margin: 1.75rem auto;
}
}
.deliverytab .nav-items,
.deliverytab .nav-link {
border-radius: 0px !important;
}
.deliverymesg {
color: #fbb00b !important;
font-weight: 600;
}
.date-pickup-body {
background: url(/images/calendartime.png) no-repeat #ffffff;
background-size: 20px 20px;
background-position: left 10px top 8px;
color: red;
font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
font-size: 15px;
padding-left: 40px;
font-weight: 700;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.modal-header .modal-title {
background-color: white;
}
.tdorder {
font-size: 12px;
}
@media (min-width: 769.01px) {
.deliverytab img {
max-width: 50px;
}
.categoryNameLocal {
width: " . ($longi + 1360) . " px;
background-color: #fbb00b;
border-radius: 30px;
color: white;
text-align: right;
position: relative;
padding-right: 40px;
box-shadow: 1px 4px #88888845;
border-top-left-radius: 0;
left: -1300px;
max-width: 2555px;
height: 39px;
}
.tdorder {
font-size: 15px;
}
}
@media (max-width: 768px) {
.deliverytab img {
max-width: 45px;
}
.categoryNameLocal {
background-color: #fbb00b;
border-radius: 30px;
color: white;
text-align: right;
width: " . ($longi + 190) . " px;
left: -180px;
position: relative;
padding-right: 20px;
box-shadow: 1px 4px #88888845;
border-top-left-radius: 0;
max-width: 2555px;
padding-top: 10px;
padding-bottom: 1px;
font-size: 12.5px;
}
.table td,
.table th {
padding: 0.5rem;
border-top: 1px solid #dee2e6;
font-size: 14px;
}
}
@media (max-width: 321px) {
.deliverytab img {
max-width: 35px;
}
.deliverymesg span {
font-size: 12px;
}
.localactive {
background-color: #dddddd;
height: auto;
}
.deliverytab {
border-color: #c2c2c2;
background-color: #ffffff;
border: 1px solid #eee;
background-color: #fff;
list-style: none;
text-align: center;
height: auto;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0.25rem;
}
.table td,
.table th {
padding: 0rem;
border-top: 1px solid #dee2e6;
font-size: 12px;
}
}
.fade {
transition: opacity 0.15s linear;
}
.fade {
opacity: 1;
}
.form-group label {
font-size: 15px;
font-weight: 650;
}
.noborder {
border: none;
}
.radius-top {
border-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
/**************************************************************/
.bg-dark {
background-color: #232324 !important;
}
.principalcolor {
color: #fbb00b;
}
.bg-gradient-primary {
background-color: #090909;
background-image: linear-gradient(180deg, #000000 10%, #4f4f4f);
background-size: cover;
}
.btn-primary {
background-color: #fbb00b !important;
border-color: #fbb00b !important;
color: #fff !important;
}
/*
.btn {
font-weight: 700;
}
*/
.btn-primary-black {
border-color: #000 !important;
color: #fff !important;
background-color: #000;
}
.btn-error {
background-color: #e74a3b;
color: white;
}
.datepicker {
background: url(/images/calendartime.png) no-repeat #ffffff;
background-size: 15px 15px;
background-position: left 10px top 8px;
color: #e74a3b;
font-size: 15px;
padding-left: 40px;
font-weight: 700;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #6e707e;
background-color: #FF9800;
/*background-color: #000;*/
border-color: #dddfeb #dddfeb #fff;
color: white;
font-weight: 650;
}
.nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid transparent;
border-top-left-radius: 0.35rem;
border-top-right-radius: 0.35rem;
background-color: #303030;
color: white;
/*font-weight: 600;*/
font-size: 1rem;
}
.form-g5roup>.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
color: #ffffff;
background-color: #000;
background-clip: padding-box;
border: 1px solid #d1d3e2;
border-radius: 0.35rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control-date {
display: block;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
line-height: 1.5;
border: 1px solid #d1d3e2;
}
#content-wrapper,
#wrapper {
display: flex;
/*max-width: 2000px;*/
/*background-image:url(/images/bg.png);*/
min-height:90vh;
}
#wrapper #content-wrapper {
background-color: transparent
;
width: 100%;
overflow-x: hidden;
max-height: 70vh;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: white;
background-color: #000;
border: 1px solid #dddfeb;
font-weight: 600;
}
body {
margin: 0;
/*font-family: "Helvetica Neue, Helvetica, Arial, sans-serif";*/
font-size: 1rem;
line-height: 1.5;
color: #858796;
text-align: left;
/*background-color: #fff;*/
background-color: #303030;
min-height: 100vh;
/*display: flex;*/
flex-direction: column;
}
footer {
background-color: #000000;
color: white;
/*position: fixed;
bottom: 0;
width: 100%;
height: 70px;
text-align: center;
line-height: 70px;*/
}
.alert-success {
color: #000000;
background-color: #00ffa5;
border-color: #f4f4f4;
animation: fadeIn 1.5s;
font-weight: 500;
}
.show {
display: block !important
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding-left: 1.5rem;
padding-right: 0.5rem;
}
#content {
min-height: 80vh;
/*background-color: #303030;*/
}
.pagenumberselector {
max-width: 80px;
width: 80px;
padding-block-start: 0;
padding-block-end: 0;
background-color: black;
color: white;
height: 48px;
font-weight: 600;
}