/* basic */

.tabs{display: none; box-sizing: border-box; padding-bottom: calc(20vw + var(--bottom-safe-space));}
	.selectedtab{display: block;}

#topbar{position: fixed; padding-top: var(--top-safe-space); padding-left: 5vw; padding-right: 5vw; top: 0; left: 0; right: 0; box-sizing: content-box; height: 16vw; line-height: 16vw;}
	.tabheader{display: none;}
	.selectedheader{display: flex;}
		.tabheadingbox{flex-grow: 1;}
		.tabactionbox{flex-shrink: 0;}

#tabbar{position: fixed; display: flex; justify-content: center; bottom: 0; left: 0; right: 0; box-sizing: content-box; height: 16vw; padding-bottom: var(--bottom-safe-space);transition-duration: 0;}
	.tabbuttons{margin-left: 4vw; margin-right: 4vw; justify-content: center; text-align: center; font-family: RedHatDisplay; font-size: 2.75vw; font-weight: 500;}
		.tabbuttonicon{margin: auto; margin-top: 2vw; height: 8vw; width: 8vw; transition-duration: inherit; opacity: 0.5;}
		.tabbuttontext{height: 4vw; width: 15vw; transition-duration: inherit; opacity: 0.5;}
		.selectedbutton .tabbuttontext{opacity: 1;}
		.selectedbutton .tabbuttonicon{opacity: 1;}




/* home screen */
#review{margin:auto;margin-top:10vw; height:8vw;width:60vw;text-align:center;line-height:8vw;border-radius:4vw;display:none;}
#sales_heading{margin-bottom: 0;}


#salescardscontainer{padding: 3.5vw;height: 115vw;}

.card{float: left;margin: 1.5vw;padding: 3vw;padding-top: 4vw;width: 43.5vw;height: 30vw;text-align: center;border-radius: 1vw;}
.bigcard{padding: 5vw;width: 90vw;height: 50vw;text-align: left;}
	.cardheading{font-weight: 600;}
	.cardhero{font-size: 13vw;font-weight: 600;white-space: nowrap;}
	.cardtext{margin-top: 2vw;font-size: 3vw;line-height: 3.3vw;padding-right: 2vw;padding-left: 2vw;}
	.bigcardsubcontent{float: left;margin-top: 2vw;width: 40vw;}
		.cardsmallhero{font-size: 6vw;font-weight: 600;white-space: nowrap;}

	#card1{background: linear-gradient(rgb(102,194,104),rgb(35,182,42))}
	#card2{background: linear-gradient(rgb(102,194,104),rgb(35,182,42))}
	#card3{background: linear-gradient(rgb(102,194,104),rgb(35,182,42))}
	#card4{background: linear-gradient(#0078fa,#0078fa)}
	#card5{background: linear-gradient(#FFCC00,#FFCC00)}
	#payoutbutton{padding: 0;margin-top: 5vw;height: 15vw;width: 90vw;line-height: 14vw;}
	#payoutbuttontext{text-align: center;}



/* orders screen */

#no_orders_box{margin: auto; margin-top: 50vw; width: 70vw; text-align: center;}
	#no_orders_caption{margin-top: 5vw;}
	#no_orders_box_add_button{margin-top: 10vw;}

#tab_cancel_2{display: none;}

#completedorders{display: none;}

.neworder{margin: 5vw; margin-top: 8vw; padding: 5vw; border-radius: 1.5vw;}
	.newordertop{display: flex; text-align: left; }
		.neworderdetails{width: 55vw; line-height: 1;}
			.neworderdetailsheading{display: block;}
			.neworderdetailstext{margin-top: 2vw; font-weight: 500;}
				.neworderdetailstime{display: inline}
				.neworderdetailsitems{display: inline}
					.neworderdetailsitemsamount{display: inline}
					.neworderdetailsitemstext{display: inline}
				.neworderdetailsamount{display: inline}
		.neworderbutton{display: block;}
	.newordertimercontainer{margin:auto; margin-top:4vw; height: 10vw; border-radius: 1vw; width: 80vw;background-color: #0003; overflow: hidden;}
		.newordertimer{height: 10vw; text-align: center; line-height: 10vw;}
		.newordertimertext{position: relative; top: -10vw; width: 80vw; height: 10vw; line-height: 10vw; text-align: center; font-weight: 700;}

.order{margin-top: 8vw;padding: 5vw;}
	.ordertop{display: flex;margin-bottom: 5vw;}
		.storeimage{flex-shrink: 0;margin-right: 5vw;height: 10vw;width: 10vw;border-radius: 1vw;object-fit: cover;}
		.storedetailscontainer{flex-grow: 1;margin-right: 5vw;}
		.viewbutton{flex-shrink: 0;}
	.ordermid{padding-top: 5vw;}
		.ordermiditem{display: flex;margin-bottom: 5vw;}
			.miditemheading{flex-shrink: 0;width: 20vw;}
			.miditemtext{flex-grow: 1;text-align: right;}



/* item screen */

#top_row{display: flex;}
	#searchbutton{flex-shrink: 0;margin: 3vw;padding: 2vw;height: 10vw;width: 10vw;}
	#categorycontainer{flex-grow: 1;display: flex;overflow: scroll;}
	#categorycontainer::-webkit-scrollbar {display: none;}
		.categorybutton{flex-shrink: 0;margin: 3vw;margin-left: 0;width: unset;padding-left: 3vw;padding-right: 3vw;}
		#categoryendspacer{width: 20vw;flex-shrink: 0;}

#no_items_box{margin: auto; margin-top: 50vw; width: 70vw; text-align: center;}
	#no_items_caption{ margin-top: 5vw; }
	#no_items_box_add_button{ margin-top: 10vw; }

.itemlayout{ margin-top: 8vw; padding: 5vw; }
	.itemtop{ display: flex; margin-bottom: 6vw; min-height: 15vw; align-items: center;}
		.itemimagecontainer{ flex-shrink: 0; margin-right: 5vw; width: 15vw; }
			.itemimage{ height: 15vw; width: 15vw; object-fit: cover;}
		.itemdetails{ flex-grow: 1; margin-right: 5vw; overflow: hidden;}
		.itembutton{ flex-shrink: 0; }
	.itemskews{ display: flex; margin-bottom: 5vw; align-items: center;}
		.itemskewname{ flex-grow: 1; line-height: 4vw;}
		.itemskewprice{ flex-shrink: 0; padding-left: 3vw; padding-right: 3vw; text-align: center; line-height: 4vw;}
		.itemskewspecialprice{ flex-shrink: 0; padding-left: 3vw; padding-right: 3vw; text-align: center; line-height: 4vw;}

#searchbackground{position: fixed;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;transition-duration: 0.3s;opacity: 0;}
#search{position: fixed;bottom: 0;left: 0;right: 0;box-sizing: content-box;border-top-left-radius: 2vw;border-top-right-radius: 2vw;overflow: hidden;transition-duration: 0.3s;display: block;z-index: 5;height: 0;}
	#searchtop{padding-top: 1.5vw;padding-bottom: 5vw;height: 20vw;border-top-left-radius: 2vw;border-top-right-radius: 2vw;display: block;}
		#searchhandle{margin: 2vw;margin-top: 0;margin-left: auto;margin-right: auto;height: 1.5vw;width: 12vw;border-radius: 0.75vw;}
		#searchtopcontent{display: flex;}
			#searchsearch{flex-grow: 1;margin-left: 5vw;margin-right: 5vw;line-height: 10vw;height: 10vw;border-radius: 1vw;padding-left: 3vw;padding-right: 3vw;border-width: 0.5vw;transition-duration: 0.3s;}
			#searchsearchclose{flex-shrink: 0;margin-top: 2vw;margin-right: 5vw;padding: 1vw;width: 6vw;height: 6vw;border-radius: 3vw;height: 6vw;width: 6vw;margin-right: 5vw;padding: 1vw;transition-duration: 0.3s;}
	#search_results{overflow: scroll;-webkit-overflow-scrolling: touch;transition-duration: 0.3s;height: calc(100vh - 40vw - var(--bottom-safe-space));transition-duration: 0.3s;}



/* more screen */

#more_store_top_display{ display: flex; }
	#more_store_top_display_image{ flex-shrink: 0; margin-right: 5vw; height: 20vw; width: 20vw; border-radius: 1vw; object-fit: cover;}
	#more_store_top_display_details{ flex-grow: 1; }
	#more_store_top_display_switch{ flex-shrink: 0; padding-top: 4vw; }
		#more_store_top_display_switch_text{ margin-top: 1vw; text-align: center; }

#app_version_display{margin: auto;margin-top:30vw;text-align: center;}
	#atmanirbhar{font-weight: 600;}