:root
{
	--dark00	: #504c49; /* dark brown	: rgb(80, 76, 73)	*/
	--dark01	: #5a6c72; /* dark blue 	: rgb(90, 108, 114)	*/
	--dark02	: #5F5F66; /* dark grey 	: rgb(95, 95, 102)	*/
	--dark03	: #363330; /* dark brown	: rgb(80, 76, 73)	*/
	--dark04	: #111111; /* black			: rgb(17, 17, 17)	*/
	--light00	: #c0bbb7; /* light brown 	: rgb(192, 187, 183)*/
	--light01	: #c4543b; /* red 			: rgb(196, 84, 59)	*/
	--light02	: #e3c7a0; /* pale orange 	: rgb(227, 199, 160)*/
	--light03	: #cbd3d6; /* light blue 	: rgb(203, 211, 214)*/
	--light04	: #eddcc4; /* light orange 	: rgb(238, 203, 196)*/
	--red00		: #d07662; /* light red 	: rgb(208, 116, 98)*/
	--red01		: #e2a99d; /* lighter red 	: rgb(226, 169c, 157)*/
	--green00	: #177831; /* dark green 	: rgb(23, 120, 49)*/
	--green01	: #69e289; /* light green 	: rgb(105, 226, 137)*/
	--green02	: #c9e8d2; /* lighter green : rgb(105, 226, 137)*/
	--yellow00	: #fdd568; /* yellow	 	: rgb(252, 186, 3)*/
}
@font-face
{
	font-family	: Poppins;
	font-weight	: normal;
	font-style	: normal;
	src			: url('_Poppins/Poppins-Regular.ttf') format('truetype');
}
@font-face
{
	font-family	: Poppins;
	font-weight	: 500;
	font-style	: normal;
	src			: url('_Poppins/Poppins-SemiBold.ttf') format('truetype');
}
@font-face
{
	font-family	: Poppins;
	font-weight	: normal;
	font-style	: italic;
	src			: url('_Poppins/Poppins-Italic.ttf') format('truetype');
}
@font-face
{
	font-family	: Poppins;
	font-weight	: bold;
	font-style	: normal;
	src			: url('_Poppins/Poppins-Bold.ttf') format('truetype');
}
.dark00
{
	color	: var(--dark00);
}
.dark01
{
	color	: var(--dark01);
}
.dark02
{
	color	: var(--dark02);
}
.dark03
{
	color	: var(--dark03);
}
.dark04
{
	color	: var(--dark04);
}
.light00
{
	color	: var(--light00);
}
.light01
{
	color	: var(--light01);
}
.light02
{
	color	: var(--light02);
}
.light03
{
	color	: var(--light03);
}
.light04
{
	color	: var(--light04);
}
.red00
{
	color	: var(--red00);
}
.green00
{
	color	: var(--green00);
}
.green01
{
	color	: var(--green01);
}
.no_display
{
	display	: none !important;
}
.b
{
	font-weight		: bold;
}
body
{
	padding 		: 0px;
	margin			: 0px;
	white-space		: nowrap;
	font-family		: Poppins, Open Sans;
}
hr
{
	border-style	: solid;
	border-color	: black;
	border-width	: 0px 0px 1px 0px;
}
.no_scroll_x
{
	overflow-x: hidden;
}
.no_scroll_y
{
	overflow-y: hidden;
}
.title
{
	font-weight		: 700;
	font-family		: Poppins;
	cursor			: default;
	color			: var(--light03);
	padding-left	: 5px;
}
.page
{
	min-height		: 100vh;
	min-width		: 100vw;
	background-color: var(--dark01);
	position		: absolute;
}
.content
{
	margin-top		: 0px;
	border			: solid pink 0px;
	transition		: all ease 0.5s; 
	margin-left		: 220px;
	min-height		: 100vh;
	margin-top		: 3px;
}
.report_content
{
	margin-top		: 0px;
	border			: solid pink 0px;
	transition		: all ease 0.5s; 
	margin-left		: 280px;
	min-height		: 100vh;
	margin-top		: 3px;
}
.content div
{
	border			: solid var(--dark01) 0px;
	border-radius	: 4px;
	width			: 1100px;
	margin			: auto;
	background-color: var(--dark02);
	transition		: all ease 0.5s;
	margin-top		: 2px;
	margin-bottom	: 2px;
}
.report_content div
{
	border			: solid var(--dark01) 0px;
	border-radius	: 4px;
	width			: 1260px;
	margin			: auto;
	background-color: var(--dark02);
	transition		: all ease 0.5s;
	margin-top		: 2px;
	margin-bottom	: 2px;
}
.total_sales label
{
	color			: var(--dark03);
	font-weight		: bold;
}
.checksum_sales_ok label
{
	color			: var(--green00);
	font-weight		: bold;
}
.checksum_sales_warning label
{
	color			: var(--light01);
	font-weight		: bold;
}
.search 
{
	color	: var(--light02);
	/*border-left: solid var(--dark01) 2px;*/
}
.search input[type=text]
{
	font-size		: 11pt;
	font-family		: Poppins, Open Sans;
	background-color: var(--light00);
	border			: 0px;
	height			: 24px;
	display			: inline-block;
	padding			: 0px;
	padding-left	: 5px;
	color			: var(--dark03);
}
input:focus
{
	outline: 0 !important;
}
input[type=submit]
{
	color			: var(--dark04);
	font-family		: Poppins, Open Sans;
	/*height			: 24px;*/
	display			: inline-block;
	/*background-color: var(--light02);*/
	margin			: 1px;
	padding			: 2px;
	border			: solid white 0px;
	box-sizing		: border-box;
	border-radius	: 4px;
}
input[type=submit]:hover
{
	background-color: var(--dark03);
	color			: var(--light03);
}
input[type=button]
{
	color			: var(--dark04);
	font-family		: Poppins, Open Sans;
	/*height			: 24px;*/
	display			: inline-block;
	/*background-color: var(--light02);*/
	margin			: 1px;
	padding			: 2px;
	border			: solid white 0px;
	box-sizing		: border-box;
	border-radius	: 4px;
}
input[type=button]:hover
{
	background-color: var(--dark03);
	color			: var(--light03);
}
input[type=text]
{
	font-family		: Poppins, Open Sans;
	background-color: var(--light02);
	border			: solid white 1px;
	color			: var(--dark03);
}
i
{
	vertical-align	: middle;
	height			: 26px;
	width			: 26px;
	display			: inline-block;
	background-color: var(--light02);
	margin			: 0px 2px 0px 2px;
	padding			: 0px;
	position		: static;
	cursor			: default;
}
i:hover
{
	background-color: var(--dark03);
}
.icon_v
{
	background-image: url('/koelkast/_icons/v.png');
	background-size	: contain;
	height			: 31px;
	width			: 31px;
	vertical-align	: top;
	margin			: 0px;

}
.icon_attention
{
	background-image: url('/koelkast/_icons/attention.png');
	margin-left		: 5px;
	margin-top		: 5px;
	background-color: transparent;
	background-size	: contain;
	height			: 40px;
	width			: 40px;
	vertical-align	: top;
}
.icon_sales_order
{
	background-image: url('/koelkast/_icons/sales_order_light.png');
	margin-left		: 5px;
	margin-top		: 5px;
	background-color: transparent;
	background-size	: contain;
	height			: 40px;
	width			: 40px;
	vertical-align	: top;
}
.icon_sales_order_deleted
{
	background-image: url('/koelkast/_icons/sales_order_deleted.png');
	margin-left		: 5px;
	margin-top		: 5px;
	background-color: transparent;
	background-size	: contain;
	height			: 40px;
	width			: 40px;
	vertical-align	: top;
}
.icon_cancellation
{
	background-image: url('/koelkast/_icons/trash_light_large.png');
	margin-left		: 5px;
	margin-top		: 5px;
	background-color: transparent;
	background-size	: contain;
	height			: 40px;
	width			: 40px;
	vertical-align	: top;
}
.icon_print_label
{
	background-image: url('/koelkast/_icons/print_large.png');
	margin-left		: 5px;
	margin-top		: 5px;
	background-color: transparent;
	background-size	: contain;
	height			: 40px;
	width			: 40px;
	vertical-align	: top;
}
.icon_packing_list
{
	background-image: url('/koelkast/_icons/shipments_light.png');
	margin-left		: 5px;
	margin-top		: 5px;
	background-color: transparent;
	background-size	: contain;
	height			: 40px;
	width			: 40px;
	vertical-align	: top;
}
.icon_x
{
	background-image: url('/koelkast/_icons/x.png');
	background-size	: contain;
	height			: 27px;
	width			: 27px;
	vertical-align	: top; 
	margin			: 0px;
}
.icon_delete_item
{
	background-color: var(--light00);
	background-image: url('/koelkast/_icons/delete_large.png');
	background-size	: contain;
	height			: 27px;
	width			: 27px;
	vertical-align	: top;
	margin			: 0px;
	margin-left		: 5px;

}
.icon_search
{
	background-image: url('/koelkast/_icons/search.png');
	height			: 24px;
	margin			: 1px;
	vertical-align	: top;
}
.icon_search:hover
{
	background-image: url('/koelkast/_icons/search_hover.png');
}
.icon_edit
{
	background-image: url('/koelkast/_icons/edit.png');
}
.icon_edit:hover
{
	background-image: url('/koelkast/_icons/edit_hover.png');
}
.icon_print
{
	background-image: url('/koelkast/_icons/print.png');
}
.icon_print:hover
{
	background-image: url('/koelkast/_icons/print_hover.png');
}
.icon_printed
{
	background-image: url('/koelkast/_icons/printed.png');
}
.icon_printed:hover
{
	background-image: url('/koelkast/_icons/printed_hover.png');
}
.icon_packed
{
	background-image: url('/koelkast/_icons/package.png');
}
.icon_packed:hover
{
	background-image: url('/koelkast/_icons/package_light.png');
}
.icon_shipped
{
	background-image: url('/koelkast/_icons/shipped.png');
}
.icon_shipped:hover
{
	background-image: url('/koelkast/_icons/shipped_light.png');
}
.icon_trash
{
	background-image: url('/koelkast/_icons/trash.png');
}
.icon_trash:hover
{
	background-image: url('/koelkast/_icons/trash_hover.png');
}
.i
{
	font-style		: italic;
}
.h0
{
	font-size		: 24pt;
	/*color			: var(--light03);*/
}
.h1
{
	font-size		: 16pt;
}
.h2
{
	font-size		: 14pt;
}
.h3
{
	font-size		: 10pt;
}
.right
{
	text-align	: right;
}
.center
{
	text-align	: center;
}
.left
{
	text-align	: left;
}
.sales_filter
{
	text-align	: left;
	width 		: 288px;
}
.sales_date_search
{
	text-align	: left;
	width 		: 282px;
}
.row_head label
{
	color			: var(--dark02);
	font-weight		: bold;
}
.row_head
{
	background-color: var(--green02) !important;
	z-index: 9999 !important;
}
.row_total
{
	background-color: var(--light02) !important;
}
.urgents
{
	background-color: var(--yellow00) !important;
}
.row div
{
	background-color: var(--light03);
	color			: var(--dark03);
	display			: block;
}
.row div:hover
{
	background-color: var(--light00);
	color			: var(--dark03);
	display			: block;
}
.row div label
{
	box-sizing		: border-box;
	width			: 120px;
	display			: inline-block;
	height			: auto;
	padding			: 0px;
	margin			: 0px 2px 0px 2px;
}
.row .sales_id
{
	text-align	: left;
	width 		: 85px;
}
.row .sales_date
{
	text-align	: left;
	width 		: 95px;
}
.row .sales_seller
{
	text-align	: left;
	width 		: 170px;
}
.row .sales_marketplace
{
	text-align	: left;
	width 		: 130px;
}
.row .sales_name
{
	text-align	: left;
	width 		: 235px;
}
.row .sales_shipment
{
	text-align	: left;
	width 		: 150px;
}
.row .sales_num
{
	text-align	: right;
	width 		: 45px;
}
.row .sales_product
{
	text-align	: left;
	width 		: 215px;
	padding-left: 5px;
}
.row .sales_qty
{
	text-align	: right;
	width 		: 85px;
	padding-left: 5px;
}
.row .sales_uom
{
	text-align	: left;
	width 		: 85px;
	padding-left: 5px;
}
.row .sales_price
{
	text-align	: right;
	width 		: 80px;
	padding-left: 5px;
}
.row .sales_amount
{
	text-align	: right;
	width 		: 100px;
	padding-left: 5px;
}
.row .sales_revenue
{
	text-align	: right;
	width 		: 87px;
	padding-left: 5px;
}
.row .products_sku
{
	text-align	: left;
	width 		: 250px;
	padding-left: 5px;
}
.row .products_product
{
	text-align	: left;
	width 		: 250px;
	padding-left: 5px;
}
.row .products_variant
{
	text-align	: left;
	width 		: 150px;
	padding-left: 5px;
}
.row .products_uom
{
	text-align	: left;
	width 		: 70px;
	padding-left: 5px;
}
.row .products_qty
{
	text-align	: right;
	width 		: 70px;
	padding-left: 5px;
	font-weight	: bold;
}
.row .products_buy_price
{
	text-align	: right;
	width 		: 100px;
	padding-left: 5px;
}
.row .products_sell_price
{
	text-align	: right;
	width 		: 100px;
	padding-left: 5px;
}
.row .products_sell_price_avg
{
	text-align	: right;
	width 		: 120px;
	padding-left: 5px;
}
.row .shipments
{
	background-color: var(--dark01);
	padding			: 0px;
	font-size		: 14pt;
}
.row .shipments_courier_on
{
	border-radius	: 4px;
	background-color: var(--red01);
	padding		: 4px;
	margin		: 0px;
	margin-right: 2px;
	text-align	: right;
	width 		: 19.84%;
}
.row .shipments_courier_off
{
	border-radius	: 4px;
	background-color: var(--light00);
	padding		: 4px;
	margin		: 0px;
	margin-right: 2px;
	text-align	: right;
	width 		: 19.84%;
}
.print_label_submit
{
	background-color: var(--light02);
	width 			: 100%;
	font-size		: 11pt;
	margin-top		: 3px;
	display			: inline-block;
	padding			: 1px !important;
}
.filter_button
{
	background-color: var(--light04);
	color			: var(--light01) !important;
	width 			: 100px;
	font-size		: 11pt;
	font-weight		: bold;
	margin-top		: 3px;
	margin-left		: 4px !important;
	display			: inline-block;
	padding			: 1px !important;
}
.filter_container
{
	height: 0px;
	/* border: solid white 1px !important; */
}
.filter_seller
{
	font-weight		: bold;
	border: solid var(--light04) 1px !important;
	border-radius: 4px;
	display: inline-block;
	background-color: var(--dark03);
	padding		: 4px;
	margin		: 0px;
	margin-top	: 5px;
	margin-right: 2px;
	text-align	: right;
	width 		: 23.9%;
	height		: 25%;
	z-index		: 0;
}
.filter_seller:hover
{
	border: solid black 1px !important;
	background-color: var(--light02);
	color: var(--dark01);
}
.filter_seller.active
{
	background-color: var(--light02);
	color: var(--dark03);
}
.filter_courier
{
	border: solid var(--light04) 1px !important;
	border-radius: 4px;
	display: inline-block;
	background-color: var(--dark01);
	padding		: 4px;
	margin		: 0px;
	margin-top	: 5px;
	margin-right: 2px;
	text-align	: right;
	width 		: 23.9%;
	height		: 25%;
	z-index		: 0;
}
.filter_courier:hover
{
	border: solid black 1px !important;
	background-color: var(--light04);
	color: var(--dark01);
}
.filter_marketplace
{
	font-weight		: bold;
	border: solid var(--light04) 1px !important;
	border-radius: 4px;
	display: inline-block;
	background-color: var(--light02);
	color			: var(--dark01);
	padding		: 4px;
	margin		: 0px;
	margin-top	: 5px;
	margin-right: 2px;
	text-align	: right;
	width 		: 48.9%;
	height		: 25%;
	z-index		: 0;
}
.filter_marketplace:hover
{
	border: solid black 1px !important;
	background-color: var(--light04);
	color: var(--dark01);
}
.filter_marketplace.active
{
	color: var(--light01);
}
.filter_status
{
	font-weight		: bold;
	border: solid var(--light04) 1px !important;
	border-radius: 4px;
	display: inline-block;
	background-color: var(--dark00);
	padding		: 4px;
	margin		: 0px;
	margin-top	: 5px;
	margin-right: 2px;
	text-align	: right;
	width 		: 23.9%;
	height		: 25%;
	z-index		: 0;
}
.filter_status:hover
{
	border: solid black 1px !important;
	background-color: var(--light04);
	color: var(--dark01);
}
.filter_status.active
{
	background-color: var(--light02);	
	color: var(--dark00);
}
.filter_container.expanded
{
	height: 125px !important;
}
.filter_content
{
	opacity : 0%;
    pointer-events: none;
}
.filter_content.expanded
{
	opacity : 100%;
	pointer-events: auto;
}
.create_new_sales
{
	background-color: var(--light02);
	width 			: 285px;
	font-size		: 11pt;
	margin-top		: 3px;
	margin-left		: 4px !important;
	display			: inline-block;
	padding			: 1px !important;
}
.sales_page_button
{
	background-color: var(--light02);
	position		: relative;
	min-width		: 20px;
	height			: 30px;
	margin-top		: 10px !important;
	font-size		: 15pt;
	display			: inline-block;
	vertical-align	: top;
	border-radius	: 4px;
}
.sales_mode_offline 
{
	background-color: var(--light00);
	position		: relative;
	width			: 49.8%;
	font-weight		: bold;
	font-size		: 30pt;
}
.sales_mode_online
{
	background-color: var(--light02);
	position		: relative;
	width			: 49.8%;
	font-weight		: bold;
	font-size		: 30pt;
}
.sales_back_button
{
	background-color: var(--light02);
	position		: relative;
	width			: 100%;
	padding			: 0px;
	font-size		: 15pt;
}
.sales_marketplace_a
{
	background-color: var(--light02);
	position		: relative;
	width			: 49.8%;
	font-size		: 20pt;
	border			: 0px;
}
.sales_marketplace_b
{
	background-color: var(--light00);
	position		: relative;
	width			: 49.8%;
	font-size		: 20pt;
	border			: 0px;
	margin			: 1px;
	padding			: 0px;
}
.sales_other_seller
{
	background-color: var(--light02);
	position		: relative;
	width			: 49.8%;
	font-size		: 20pt;
	border			: 0px;
	color			: var(--dark04);
	font-family		: Poppins, Open Sans;
	/*height			: 24px;*/
	display			: inline-block;
	/*background-color: var(--light02);*/
	margin			: 1px;
	padding			: 2px;
	border			: solid white 0px;
	box-sizing		: border-box;
}
.sales_invoice_label
{
	font-size		: 16pt;
	width			: 180px;
	display			: inline-block;
	padding-left	: 5px;
}
.sales_invoice_warning
{
	font-size		: 16pt;
	width			: 180px;
	display			: inline-block;
	padding-left	: 5px;
}
.sales_invoice_var
{
	font-size		: 16pt;
	width			: 260px;
	display			: inline-block;
}
.sales_invoice_awb
{
	background-color: var(--red00);
	border			: 0px;
	font-size		: 16pt;
	width			: 40%;
}
.row .sales_invoice
{
	background-color: var(--light04);
	border			: 0px;
	font-size		: 16pt;
	width			: 40%;
}
.sales_items_sku
{
	border-radius	: 4px;
	background-color: var(--light04);
	border			: 0px;
	font-size		: 13pt;
	width			: 1096px;
	padding			: 1px;
	margin			: 1px;
	text-align		: center;
	transition		: all ease 0.5s;
}
.sales_items_sku_label
{
	font-size	: 13pt;
	position	: absolute;
	z-index		: 9999;
	background	:none;
	opacity		: 40%;
	color		: --var(dark00);
}
.copyrights
{
	position 	: fixed;
	z-index		: 99999;
	bottom		: 0px;
	right		: 0px;
	color		: var(--light03);
	opacity		: 70%;

}
.warning
{
	background-color: var(--red01);
	line-height: 100vh;
	min-width	: 100vw;
	min-height	: 100vh;
	margin		: auto;
	text-align	: center;
	font-size	: 40pt;
	font-weight	: 500;
}
.warning_green
{
	background-color: var(--green02);
	line-height: 100vh;
	min-width	: 100vw;
	min-height	: 100vh;
	margin		: auto;
	text-align	: center;
	font-size	: 40pt;
	font-weight	: 500;
}
.warning_text
{
	display		: block;
}
.shipments_close
{
	background-color: var(--green02);
	position		: relative;
	width			: 100%;
	font-weight		: bold;
	font-size		: 24pt;
}

@media(max-width: 960px)
{
	.sales_id
	{
		display	:none !important;
	}
	.content div
	{
		border			: solid var(--dark01) 1px;
		width			: 960px;
		margin			: auto;
		transition		: all ease 0.5s;
	}
	.sales_items_sku
	{
		background-color: var(--light04);
		border			: 0px;
		font-size		: 13pt;
		width			: 958px;
		padding			: 1px;
		margin			: 1px;
		text-align		: center;
		transition		: all ease 0.5s;
	}
}

@media(max-width: 1100px)
{
	.content
	{
		margin-left	: 0px; 
		transition	: all ease 0.5s;
	}
	.sales_id
	{
		display	:none !important;
	}
	.sales_date_search
	{
		text-align	: left;
		width 		: 214px;
	}
	.sales_filter
	{
		text-align	: left;
		width 		: 214px;
	}
	.row .sales_seller
	{
		text-align	: left;
		width 		: 150px;
	}
	.row .sales_marketplace
	{
		text-align	: left;
		width 		: 120px;
	}
	.row .sales_name
	{
		text-align	: left;
		width 		: 215px;
	}
	.sales_mode_offline 
	{
		background-color: var(--light00);
		position		: relative;
		width			: 468px;
		font-weight		: bold;
		font-size		: 30pt;
	}
	.sales_mode_online
	{
		background-color: var(--light02);
		position		: relative;
		width			: 468px;
		font-weight		: bold;
		font-size		: 30pt;
	}
	.sales_marketplace_a
	{
		background-color: var(--light02);
		position		: relative;
		width			: 468px;
		font-size		: 20pt;
	}
	.sales_marketplace_b
	{
		background-color: var(--light00);
		position		: relative;
		width			: 468px;
		font-size		: 20pt;
	}
	.row .sales_amount
	{
		text-align	: right;
		width 		: 140px;
	}
}