html
{
	overflow-y: scroll;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
html,
body,
div,
table,
tr,
th,
td,
p,
pre,
input,
select,
textarea
{
	font-family: arial,system-ui;
	font-size: 11px;
}
body
{
	background-color: #eee;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
body.blank
{
	background-color: #ffffff;
}
body.normal
{
	background-color: #eee;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
a.anchor
{
	padding-top: 80px !important;
	margin-top: 80px !important;
}
a:link,
a:visited
{
	text-decoration: none;
	color: #000000;
}
a:hover,
a:active
{
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}
ul,
ol
{
	padding: 5px;
	margin: 0px;
}
li
{
	padding: 0px;
	margin-left: 15px;
}
#spacer
{
	position: relative;
	height: 65px;
}
#menu_top,
#menu_top_mobile
{
	position: fixed;
	right: 0px;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-color: #339;
	padding: 5px 5px 5px 5px;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 0px;
	box-shadow: 0px 4px 10px -2px #666;
}
#menu_top
{
	z-index: 1;
}
#menu_top_mobile
{
	z-index: -1;
}
#menu_right,
#menu_right_mobile
{
	position: fixed;
	right: 0px;
	top: 65px;
	width: 40%;
	border: 1px solid #ccc;
	margin: 0px -6px 5px auto;
	padding: 2px 0px 2px 1px;
	color: #000;
	border-radius: 7px 0px 0px 7px;
	box-shadow: 0px 4px 10px -2px #666;
}
#menu_right
{
	z-index: 1;
}
#menu_right_mobile
{
	z-index: -1;
}
#menu_popup
{
	z-index: 3;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 60px;
	border: 1px solid #ccc;
	margin: 0px;
	padding: 3px;
	color: #000;
	border-radius: 0px 0px 0px 15px;
	box-shadow: 0px 4px 10px -2px #666;
	text-align: right;
}
#confirm
{
	width: auto;
	top: 20px;
	right: 0px;
	left: 0px;
	position: fixed;
	margin: 0px 10px 0px 10px;
	padding: 30px;
	border: 1px solid #ccc;
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	border-radius: 15px;
	z-index: 10;
}
#img_popup
{
	width: auto;
	top: 20px;
	right: 0px;
	left: 0px;
	position: fixed;
	margin: 0px 10px 0px 10px;
	padding: 30px;
	border: 0px solid #ccc;
	color: #000;
	text-align: center;
	z-index: 10;
}
#confirm,
#img_popup
{
	box-shadow: 0px 4px 10px -2px #333;
}
#body,
#body_left
{
	width: 100%;
	top: 0px;
	right: 0px;
	left: 0px;
	position: relative;
	margin: 0px auto 5px auto;
	padding: 2px 1px;
	border: 1px solid #ccc;
	color: #000;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0px 4px 10px -2px #666;
}
#body_left{
	width: 60% !important;
	margin: 0px auto 5px -5px !important;
	padding: 2px 1px 2px 0px !important;
	border-radius: 0px 7px 7px 0px !important;
}
#top_button,
#top_button_large,
.checked_button,
.unchecked_button,
.inc_button,
.dec_button,
#normal_button,
#delete_button,
#add_button,
.item_button
{
	position: relative;
	margin: 2px 0px 1px 0px !important;
	padding: 6px 5px 6px 5px !important;
	border-top: 0px solid #000000 !important;
	border-right: 0px solid #000000 !important;
	border-bottom: 0px solid #000000 !important;
	border-left: 0px solid #000000 !important;
	font-weight: bold;
	text-align: center;
	box-shadow: 0px 0px 5px 2px #666;
	border-radius: 5px;
}
#top_button:hover,
#top_button_large:hover,
.checked_button:hover,
.unchecked_button:hover,
.inc_button:hover,
.dec_button:hover,
#normal_button:hover,
#delete_button:hover,
#add_button:hover,
.item_button:hover
{
	background: linear-gradient(
		to top left, 
		#ddf,
		#77b
	) !important;
	cursor: pointer;
}
#top_button,
#top_button_large,
#add_button
{
	background: linear-gradient(
		to bottom right, 
		#ddf,
		#55b
	);
	color: #000;
	padding: 8px;
}
#delete_button
{
	background: linear-gradient(
		to bottom right, 
		#fee,
		#e00
	);
	color: #000;
	padding: 8px;
}
#top_button,
#top_button_large,
#add_button,
#delete_button
{
	margin-top: 0px;
}
#top_button
{
	width: 20px;
	box-shadow: 0px 0px 5px 2px #222;
}
#top_button_large
{
	width: 80px;
	box-shadow: 0px 0px 5px 2px #222;	
}
.collection_button,
.collection_div
{
	background: linear-gradient(
		to bottom right, 
		#ddf,
		#88f
	) !important;
	color: #000;
}
.checked_button
{
	background: linear-gradient(
		to bottom right, 
		#dfd,
		#0b0
	);
	color: #fff !important;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
}
.unchecked_button
{
	background: linear-gradient(
		to bottom right, 
		#ffe,
		#ee0
	);
	color: #fff !important;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
}
#top_button_large
{
	color: #ccc !important;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
}
.inc_button
{
	background: linear-gradient(
		to bottom right, 
		#efe,
		#0e0
	);
	color: #000;
}
.dec_button
{
	background: linear-gradient(
		to bottom right, 
		#fee,
		#e00
	);
	color: #000;
}
.inc_button,
.dec_button
{
	width: 20px;
	padding-right: 0px;
	padding-left: 0px;
}
#normal_button
{
	background-color: #99f;
	color: #000;
}
#delete_button,
#add_button
{
	width: 20px;
	padding: 8px;
}
.blue_button
{
	background: linear-gradient(
		to bottom right, 
		#ddf,
		#88f
	) !important;
}
.green_button
{
	background: linear-gradient(
		to bottom right, 
		#efe,
		#0e0
	) !important;
}
.yellow_button
{
	background: linear-gradient(
		to bottom right, 
		#ffe,
		#ee0
	) !important;
}
.red_button
{
	background: linear-gradient(
		to bottom right, 
		#fee,
		#e00
	) !important;
}
.button_left
{
	padding-right: 2px !important;
	padding-left: 6px !important;
	text-align: left !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.button_right
{
	padding-right: 6px !important;
	padding-left: 4px !important;
	text-align: right !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.button_img
{
	padding-right: 0px !important;
	padding-left: 0px !important;
	text-align: center !important;
}
td.title
{
	border-bottom: 0px solid #aaa;
	padding: 0px;
	font-weight: bold;
}
td.title #body
{
	margin-top: 3px;
	margin-bottom: 1px;
}
hr
{
	border-top: 1px solid #999;
}
form
{
	margin: 0px;
	padding: 0px;
}
input,
select,
textarea
{
	border: 1px solid #999;
	margin: 0px;
	font-weight: bold;
	background-color: #eee;
	box-shadow: inset 1px 1px 4px 2px #aaa;
	border-radius: 5px;
}
input
{
	padding: 7px 4px 7px 4px;
}
select
{
	padding: 7px 4px 7px 4px;
	/* height: 30px; */
}
textarea
{
	padding: 4px 4px 4px 4px;
}
input.item
{
	width: 140px;
}
input.item2
{
	width: 240px;
}
input.amount
{
	width: 25px;
}
input.add
{
	width: 100px;
}
input.auto
{
	width: auto !important;
}
input.fill
{
	width: calc(100% - 10px) !important;
}
select.item
{
	width: 30px;
}
select.packageid
{
	width: 60px;
}
select.header
{
	width: 147px;
}
select.auto
{
	width: auto !important;
}
select.fill
{
	width: 100% !important;
}
.white
{
	background-color: #fff;
}
.yellow
{
	background-color: #ffb;
}
.green
{
	background-color: #bfb;
}
.blue
{
	background-color: #bbf !important;
}
pre
{
	font-size: 11px;
	text-align: left !important;
}
.version1,
.version2
{
	position: fixed;
	bottom: 1px;
	right: 1px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	color: #000;
	text-shadow:
	-1px -1px 0 #eee,
	1px -1px 0 #eee,
	-1px 1px 0 #eee,
	1px 1px 0 #eee;  
}
.version2
{
	position: relative !important;
}
.nomargin,
.no_margin
{
	margin: 0px !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
}
.nomargin_top
{
	margin-top: 0px !important;
}
.nomargin_bottom
{
	margin-bottom: 0px !important;
}
.nomargin_left
{
	margin-left: 0px !important;
}
.nomargin_right
{
	margin-right: 0px !important;
}
.padding_normal
{
	padding: 10px !important;
}
.nopadding,
.no_padding
{
	padding: 0px !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}
.nopadding_top
{
	padding-top: 0px !important;
}
.nopadding_bottom
{
	padding-bottom: 0px !important;
}
.nopadding_left
{
	padding-left: 0px !important;
}
.nopadding_right
{
	padding-right: 0px !important;
}
.autowidth,
.auto_width
{
	width: auto !important;
}
.hidden
{
	visibility: hidden !important;
	display: none !important;
}
.float_left
{
	float: left !important;
	display: block !important;
}
.float_right
{
	float: right !important;
	display: block !important;
}
.align_left
{
	text-align: left !important;
}
.align_center
{
	text-align: center !important;
}
.align_right
{
	text-align: right !important;
}
.red
{
	background-color: #f66;
}
.wrap
{
	white-space: wrap;
}
.nowrap
{
	white-space: nowrap;
}
.margin_h
{
	margin-left: 10px !important;
	margin-right: 10px !important;
}
img.thumb
{
	border-radius: 3px;
	width: 15px;
	height: 15px;
	padding: 0px;
	margin: 0px;
}
img.popup
{
	border-radius: 15px;
	border: 2px solid #333;
	width: 100%;
	max-height: calc(100vh - 40px);
	padding: 0px;
	margin: 0px;
	display: block;
	box-shadow: 0px 8px 20px -2px #666;
}
i.fa
{
	color: #eee;
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;  
}
.ui-autocomplete
{
	border-radius: 5px !important;
}