body, html{
	background-color:#FFF;
	color:#000;
	min-width:350px;
	padding:0; margin:0;
	font-family:sans-serif, verdana;
}


#m{
	width:100%; height:100%; display:block; box-sizing:border-box;
}
#m .header_logo{
	width:100%; max-width:500px; height:200px; display:block; margin:0 auto 20px auto;
	box-sizing:border-box; 
	background:url('/modules/mowbray/media/profile_banner.png') no-repeat center center;
	background-size:contain;
}
#m .failed_li{
	width:100%; max-width:340px; height:auto; display:block; padding:10px; margin:5px auto; box-sizing:border-box;
	border-radius:10px; background-color:#FF0000; color:#FFF;
	font-size:16px; font-weight:bold; text-align:center;
}
#m .login_screen{
	width:100%; max-width:340px; height:230px; display:block; margin:0 auto 20px auto;
	box-sizing:border-box; 
	border:1px #8abb33 solid; border-radius:5px;
}
#m .login_title, #m .field_wrap, #m .field_text, #m .field_input{
	width:100%; height:auto; display:block; box-sizing:border-box;
}
#m .login_title{
	margin:0 0 0 0; padding:10px;
	font-size:24px; font-weight:bold; text-align:center;
}
#m .field_wrap{
	padding:5px;
}
#m .field_text{
	width:120px; display:inline-block; vertical-align:top; padding:14px 10px 10px 10px;
	font-size:16px; font-weight:bold; text-align:right;
}
#m .field_input{
	width:200px; display:inline-block; vertical-align:top; padding:10px;
	text-align:left;
}
#m .input_text{
	width:180px; font-size:16px;
}
#m .input_li_btn{
	display:block; padding:10px 20px; margin:0 auto;
	font-size:16px; font-weight:bold;
}





#confirm_sale_modal{
	width:100%; height:100%; display:none; position:absolute; top:0px; left:0px; z-index:9999; box-sizing:border-box;
	padding:50px 20px 20px 20px;
	background-color:#8bbb33; 
	color:#000; font-size:20px; font-weight:bold; text-align:center;
}
#confirm_sale_modal .confirm_sale_btn{
	display:inline-block; vertical-align:top; margin:50px 100px; padding:15px;
	font-size:20px; font-weight:bold;
}



#home{
	width:100%; height:100%; display:block; box-sizing:border-box;
	padding:0 0 80px 0;
}
#home .header_logo{
	width:100%; max-width:500px; height:200px; display:block; margin:-40px auto 10px auto;
	box-sizing:border-box; 
	background:url('/modules/mowbray/media/profile_banner.png') no-repeat center center;
	background-size:contain;
}

#home .title{
	width:100%; height:auto; display:block; box-sizing:border-box; padding:10px; margin:10px 0 30px 0;
	font-size:24px; font-weight:bold; text-align:center;
}
#home .input_lo_btn{
	display:block; padding:5px; position:absolute; top:10px; right:10px;
	font-size:12px; font-weight:bold;
}

#home .input_adm_btn{
	display:block; padding:5px; position:absolute; top:10px; left:10px;
	font-size:12px; font-weight:bold;
}

#home .item_parent{
	width:96%; height:auto; display:block; box-sizing:border-box; padding:5px; margin:5px auto 20px auto; position:relative;
	font-size:12px; font-weight:bold; text-align:left;
	border:1px #8abb33 solid; border-radius:5px;
}

#home .item_parent_selected{ background-color:#f2ffdb; }

#home .item_img{
	width:60px; height:60px; display:inline-block; vertical-align:top;
	border:1px #000 solid; background-color:#EAEAEA;
}

#home .item_img img{
	width:100%; height:100%;
	background-size:contain;
}

#home .item_title{
	width:calc(100% - 400px); min-width:200px; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box; padding:10px 10px 0 10px; margin:10px 0 30px 0;
	font-size:14px; font-weight:bold;
}

#home .item_price{
	width:100px; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box; padding:10px; margin:10px 0 0px 0;
	font-size:20px; font-weight:bold;
}

#home .item_amount, #home .item_selected{
	width:100px; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box; padding:0px; margin:10px 0 00px 0;
	position:absolute; top:10px; text-align:right;
}

#home .item_amount{ right:100px; }
#home .item_selected{ right:10px; }

#home .item_amount_txt{
	width:100%; height:30px; 
	font-size:20px;
}

#home .item_amount_check{
	width:30px; height:30px;
}


#home .bottom_bar{
	width:100%; height:50px; display:block; padding:0px; box-sizing:border-box; overflow:hidden;
	position:fixed; left:0px; bottom:0px; text-align:center;
	background-color:#8bbb33; color:#000;
	border-top:2px #000 solid;
}
#home .bottom_total_items, #home .bottom_total_cost, #home .bottom_pay_method{
	display:inline-block; width:auto; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box;
	padding:3px; margin:10px 20px 0 20px;
	font-size:22px; 
}
#home .bottom_pay_method{ 
	float:right; margin:0 20px;
}
#home .bottom_pay_method_txt{
	display:inline-block; vertical-align:top; margin:10px 20px 0 0;
}
#home .bottom_pay_method_btn{
	display:inline-block; vertical-align:top; margin:2px 20px 0 20px; padding:5px 15px;
	font-size:18px; font-weight:bold;
}


@media screen and (max-width: 900px) {
	
	#home{
		padding:0 0 120px 0;
	}

	#home .bottom_bar{
		height:100px;
	}

	#home .bottom_pay_method{
		float:none; margin:10px 20px;
	}
}





/* Adm assumed on laptop/desktop no media queries */


#adm{
	width:100%; height:100%; display:block; box-sizing:border-box;
	padding:0 0 80px 0;
}
#adm .input_home_btn{
	display:block; padding:5px; position:absolute; top:10px; left:10px;
	font-size:12px; font-weight:bold;
}

#adm .title{
	width:100%; height:auto; display:block; box-sizing:border-box; padding:10px; margin:10px 0 30px 0;
	font-size:24px; font-weight:bold; text-align:center;
}


#adm .nav_panel{
	width:100%; max-width:800px; height:auto; display:block; box-sizing:border-box; padding:10px; margin:10px auto 30px auto;
	font-size:24px; font-weight:bold; text-align:center;
	background-color:#f2f0f0; border-radius:5px;
}
#adm .nav_panel a, #adm .nav_panel a:hover, #adm .nav_panel a:visited{
	display:inline-block; vertical-align:top; padding:10px 20px; margin:5px 20px;
	background-color:#cbf878; color:#000; border-radius:5px;
	font-size:18px; font-weight:bold; text-decoration:none;
}
#adm .nav_panel_sel{
	border:1px #000 solid;
}
#adm .nav_panel a:hover{
	background-color:#FFF; text-decoration:underline;
}


#adm .warn{
	width:100%; max-width:340px; height:auto; display:block; padding:10px; margin:5px auto; box-sizing:border-box;
	border-radius:10px; background-color:#FF0000; color:#FFF;
	font-size:16px; font-weight:bold; text-align:center;
}

#adm .explain_txt{
	width:100%; max-width:90%; height:auto; display:block; padding:10px; margin:10px auto; box-sizing:border-box;
	font-size:14px; line-height:20px; text-align:left;
}


#tbl{max-width:1360px; width:98%; border:1px solid #000;border-right:0px;border-spacing:0;border-collapse:collapse;margin:0 auto; box-sizing:border-box;}
#tbl .key{text-align:center;font-weight:bold;font-size:13px;background-color:#EAEAEA;height:30px;border-right:1px solid #000;}
#tbl .cell{
	text-align:center; font-size:12px; /*word-break:break-all;*/
	padding:3px 3px 3px 5px; height:25px; 
	border-bottom:1px solid #999; border-right:1px solid #999;
	background-color:#e7fee5;
}
#tbl .lft{text-align:left;}
#tbl .mid{text-align:center;}
#tbl .rgt{text-align:right;}
#tbl a:link{color:#000;font-size:12px;text-decoration:none;font-weight:bold;}
#tbl a:visited{color:#000;}
#tbl a:hover{color:#4E4E4E;text-decoration:underline;}
#tbl .txt20{font-size:20px;}
#tbl .txt18{font-size:18px;}
#tbl .txt14{font-size:14px;}
#tbl .txt13{font-size:13px;}
#tbl .txt11{font-size:11px;}
#tbl .txt10{font-size:10px;}
#tbl .bold{font-weight:bold;}
#tbl .function{color:#01430c;}
#tbl .module_str_name{width:150px;}
#tbl .border-right{border-right:1px solid #000;}
#tbl .border-bottom{border-bottom:1px solid #000;}
#tbl .no_border-right{border-right:0px;}
#tbl .pointer{cursor:pointer;}
#tbl .good{background-color:#c7fdd2;}
#tbl .bad{background-color:#fdc7c7;}
#tbl .padding5{padding:5px;}
#tbl .padding10{padding:10px;}
#tbl .brake10{ height:10px; }
#tbl .brake20{ height:20px; }


#config{
	width:100%; height:auto; display:block; border:0px #000 solid; margin:0 auto;
}
#config .subtitle{
	width:auto; height:auto; display:block; margin:15px auto 10px auto; 
	text-align:center; font-size:16px; font-weight:bold;
}

#config .container{
	width:100%; height:auto; display:block; position:relative; box-sizing:border-box; margin:5px 0;
}
#config .name{
	width:200px; height:auto; display:inline-block; vertical-align:top; padding:5px 5px 5px 10px; margin:0 0 5px 0;   box-sizing:border-box;
	border:0px solid #000; font-weight:bold;
}
#config .content{
	width:calc(100% - 200px); height:auto; display:inline-block; padding:2px 10px 2px 5px; vertical-align:top; margin:0 0 5px 0;   box-sizing:border-box;
	border:0px solid #000;
}
#config .submit{
	font-weight:bold; padding:5px;
}