html {
  touch-action: manipulation;
}

#tmsg_box {
	background-color:#E46B5F;
	position:fixed; 
	top:0;
	left:0 ;
	width:100%; 
}
.ui_bigcheckbox {
	width: 33px;
	height: 33px;
	border: 1px solid #CCC;
}
.ui_line {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
}
.toptoolbar {
	background-color: #EBEBEB;
}

.tableform  td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F7F7;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*
.tableform input {
	background-color: #E8E8E8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 40px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	min-width: 220px;
	font-size: 24px;
	border-radius: 5px;
	color: #0080FF;
}
.mobile_form input {
	height: 40px;
	min-width:200px;
	padding-left:5px;
	padding-right:5px;
}
*/
.xbutton {
	cursor:pointer;
	background-color:#B7472A;
	overflow:hidden;
	font-size:22px;
	font-weight:bold;
	border-radius:5px;
	min-width:40px;
	text-align:center;
	color:#FFF;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
	margin:3px;
	display:inline-block;
}
.xbutton:hover {
	background-color: #1A9523;
}

.xbutton2 {
	cursor:pointer;
	background-color:#1FBA2B;
	overflow:hidden;
	font-size:20px;
	font-weight:bold;
	border-radius:5px;
	min-width:40px;
	text-align:center;
	color:#FFF;
	padding-left:8px;
	padding-right:8px;
	display:inline-block;
}
.xbutton2:hover {
	background-color: #1A9523;
}

table.datagrid {
 table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}
.datagrid * {
	font-size:22px;
}

.datagridbox {

}
.datagrid .thead {
	background-color:#CCC;
}
.datagrid tr {
	
}
.datagrid th,
.datagrid td{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 140px;
	border: 1px solid #F3F3F3;
	margin: 0;
	height:8px;
	padding-left:3px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:22px;
}



.datagrid tr:hover {
	background-color: #E1CDE2;
	cursor:pointer;
}
hr {
	color:#F3F3F3;
}
.fix_b40 {
	
	padding-top:2px;
	position: fixed;
	top: 100%;
	margin-top: -40px;
	width: 100%;
	background-color: #F3F3F3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
.fix_b50 {
	padding-top:5px;
	position:fixed;
	top:100%; margin-top:-50px;
	width:100%;
	background-color:#F3F3F3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	padding-left:10px;
	padding-right:10px;
}
.fix_b100 {
	padding-top:5px;
	position:fixed;
	top:100%; margin-top:-100px;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	padding-left:10px;
	padding-right:10px;
}


.item_label {
	color:#303030;
	font-size:20px;
}
.mtop3 {
	margin-top:3px;
}
.ui_mcheck {
	width: 15px;
	height: 15px;
	border: 1px solid #333;
	padding:0;
	margin-left:3px;
	margin-top:3px;
}
.loadingboxx {
	position:fixed;
	top:50%;
	left:50%;
	width:100px;
	height:100px;
	background-color:#939;
	padding:5px;
	overflow:hidden;
}

.tablexformbox {
	padding-top:20px;
	padding-bottom:50px;
	
}

.tablexform  * {
  font-size:24px;
}
.tablexform td {
	padding-bottom:5px;
}
.tablexform td {
	vertical-align:bottom;

}
.tablexform input,.tablexform textarea {
	margin-top:2px;
	width: 300px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
	min-height: 25px;
	background-color: #F4F4F4;
	border-radius: 5px;
}
.tablexform select {
	width:252px;
}

.tablexform  td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5F5F5;
}
.tablexform [disabled] {
	background:#CCCCCC;
	cursor:no-drop;

}

/*
.tablexform input,.tablexform textarea {
	width: 240px;
	border-radius: 3px;
	border: 1px solid #CCC;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
.tablexform select {
	width:252px;
	border-radius: 3px;
	border: 1px solid #CCC;
}
*/


.x320 .tablexform input {
	width:190px;
}
.x320 .tablexform select {
	width:195px;
}

.ulmenu > li {
	padding-left:5px;
	cursor:pointer;
}
.ulmenu > li:hover {
	background-color:#999;
}


.tablexform td {
	vertical-align:top;
}
.tool_ng_reset {
	display:none;
}

.bmobile .bpanelxbox {
	padding-left:0px;
}
.bdesktop .bpanelxbox {
	padding-left:205px;
}

.bmobile #back_lpanel {
	width:100%;
}
.bdesktop #back_lpanel {
	width:200px;
}
.tx_rowselect {
	background-color:#DCBABA;
}
.hcolname {
  display: fixed;
  max-height: 100px;
  max-width: 100px;
  overflow: hidden;
  word-wrap: break-word;
}
.col_bsearch {
	display: fixed;
	max-height: 100px;
	width: 140px;
	overflow: hidden;
	word-wrap: break-word;
	border-radius: 5px;
	border: 1px solid #CCC;
}
.sort_icon {
	width:15px;
	height:15px;
	display:inline-block;
}
.asort .sort_icon {
	background-color:#666;
}
.zsort .sort_icon {
	background-color:#F00;
}
.ui_colname {
  display: fixed;
  max-height: 100px;
  max-width: 100px;
  overflow: hidden;
  word-wrap: break-word;
  padding-right:5px;
  font-size:22px;
  font-weight:bold;
  color:#515151;
}
#formxedit {
	display:none;
}
.fmodeform #formxedit {
	display:block;
}

.tabselect {
	background-color:#919191;
}
.db_header {
	
}
.db_savepanel {
}
.grid_item {
	padding: 5px;
	width: 100px;
	border-radius: 5px;
	border: 2px solid #E4E4E4;
	margin:2px;
	cursor:pointer;
	text-align:center;
	display:inline-block;
}
.grid_item:hover {
	background-color:#B9B9DD;
}
.rowx {
	padding: 5px;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5F5F5;
}
.rowx:hover {
	background-color:#CACACA;
}
.centerx {
  margin: auto;
  border: 3px solid green;
  padding: 10px;
}
.uibutton {
	cursor:pointer;
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
	display:inline-block;
}
.uibutton:hover {
	cursor:pointer;
	background-color:#B0B0D9;
}
.bcolor {
	color:#0088CA;
}
.searchboxx {
	
	
}
.searchbox {
}
.searchbox_optionbox {
	margin-left: 5px;
	margin-right:5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	cursor:pointer;	
}
.tables1 {
	border: 1px solid #AFAFD8;
	border-radius: 5px;
}
.tables1 table {
 border: none;
}
.tables1 td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding-left:10px;
}
.tables1 td {
	padding-right:10px;
    text-align:left;
}
.tables1 td:last-child {
	padding-right:10px;
    text-align: right;
}
.tables1 tr:last-child td {
    border: none;
}

.table_dd tr {
	cursor:pointer;
}
.table_dd tr:hover {
	background-color:#AFAFD8;
}
.item_select {
	background-color:#AFAFD8;
}
.minw100box > * {
	min-width:100px;
}
.gridlayout > div {
	display:inline-block;
}
.gridbox > div {
	padding: 5px;
	border: 3px solid #F3F3F3;
	border-radius: 25px;
	cursor:pointer;
	margin-bottom:4px;
}
.gridbox .item_select {
	border: 3px solid #3282C4;
	background-color:#FFF;
}


/*
input[type=checkbox] {
	height:0px;
	width:0px;
	background-color:#C09;
	cursor:pointer;
}
input[type=checkbox]:before { 
content:""; display:inline-block; width:80px; height:80px; 
	background-image:url("imgui/checkn.png");
	background-size:80px 80px;
}
input[type=checkbox]:checked:before { 
    background-image:url("imgui/checky.png");
	background-size:80px 80px;
}
*/


.divcolbox > div {
	display:inline-block;
}
.oimg {
	border-radius: 50%;
	border: 4px solid #D9F2FF;
	background-color: #0080C0;
}
.ui_segment {
	padding:4px;
	background-color:#CCC;
	border-radius:10px;
}


.ui_segment > * {
	display: table-cell;
	border-radius:10px;;
	padding:3px;
	min-width:100px;
	cursor:pointer;
}
.ui_segment .tab_select {
	background-color:#FFFFFF;
	color:#000000;
}
.fixbmenu {
	position: fixed;
	top: 100%;
	margin-top: -60px;
	width: 100%;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	height:60px;
}
.fixtmenu {
	padding-left: 5px;
	padding-right: 5px;
	position: fixed;
	width: 100%;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCC;
	height:80px;
}
.divgrid > div {
	display:inline-block;
	text-align:center;
	cursor:pointer;
	
}

.divgridapp > div {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top:5px;
	margin-right:10px;
	width:80px;	
}

.divcols > div {
	display:inline-block;
}
.ui-datepicker {
	background-color: #D6D6D6;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-left-color: #333;
	padding-left: 10px;
	padding-right: 10px;
	width: 200px;
}
.text_title {
	font-weight:bold;
	font-size:24px;
}
.fullfix {
	width:100%;
	position:fixed;
}
.fontb {
	font-weight:bold;
}
.item_grid {
	min-width:50px;
	min-height:50px;
	background-color:#CCC;
	margin:2px;
	padding:3px;
}
.thumb {
    width: 250px;
}


.slidebox {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 0;
}
.img_slide {
	width:90%;
}
.slidebox {
	overflow:hidden;
}
.fontg20 > * {
	font-weight:bold;
}
.fontb2 {
	font-weight:bold;
}
#appx > div {
	display:none;
}
#appx > div:first-child {
	display:block;
}
.gridbox > * {
	display:inline-block;
	min-width:50px;
	min-height:50px;
}
.ilink {

}
.table_col_line td {
	padding-left:3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-right:3px;
}
.button_group > * {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #303030;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
}
.table_info  td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.font_b1 {
	font-weight:bold;
	font-size:30px;
}

.devtag > * {
	background-color:#303030;
	color:#FFF;
	padding:3px;
	margin:2px;
	border-radius: 5px;
	margin:2px;
	display:inline-block;
	float:left;

}
.ui_line {
	height:1px;
	background-color:#F3F3F3;
}
.box30 {
	width:30px;
	height:30px;
}
.box40 {
	width:40px;
	height:40px;
}
.box50 {
	width:50px;
	height:50px;
}
.box100 {
	width:100px;
	height:100px;
}
.box120 {
	width:120px;
	height:120px;
}

.row_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding-left:3px;
}
.div_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
.div_line2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}
.w50 {
	width:50px!important;
}

.w100 {
	width:100px;
}
.w110 {
	width:110px;
}
.w120 {
	width:120px;
}
.xtab .t_select {
	background-color:#000000;
	color:#ffffff;
}
.xtab > * {
	cursor:pointer;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
}
.active_color {
	color:#ffffff;
}
.this_back {
	cursor:pointer;
}
.text_border {
	background-color: transparent;
    outline: none;
    outline-style: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #303030 2px;
    padding: 3px 10px;
	font-weight:bold;
}
.searchbox {
background-color: transparent;
    outline: none;
    outline-style: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #303030 3px;
    padding: 3px 10px;
	font-weight:bold;
	height:50px;
}
.tselectg > a {
	border: 1px solid #CCC;
	padding:3px;
	margin:2px;
	border-radius: 5px;
}
.tselectg > .tselect {
	background-color:#936;
}
.pos_jobstatus0 {
	background-color:#BEDEDE;
}
.thislink {
	cursor:pointer;
}
.thislink:hover  {
	background-color:#CCCCCCCC;
}
.dropdown_box {
	position: absolute;
	background-color: #FFFFFF;
	min-width: 100px;
	min-height: 200px;
	z-index: 2;
	border: 2px solid #000000;
	padding-left:5px;
	padding-right:5px;
}
.db_savepanel {
	background-color: #F2F2F2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left:20px;
	position:fixed;
	height:35px;
	width:100%;
}
.row_selectF {
	background-color:#FFEAD5;
}
.ojlink {
	cursor:pointer;
}
.islink:hover {
	background-color:#C7CDD4;
}
.row_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	padding:5px;
}
.ui_noti {
	border: 1px solid #fff;
	border-radius: 6px;
	padding-left:10px;
	 padding-right:10px;
	color:#bd9a5f;
	background-color:#fff;
	font-size:20px;
	padding:2px; 
	margin-left:-15px;
	 margin-top:-30px
}
.product_info {
		display:none;
		color:#FF0000;
		font-weight:bold;

}


.order_status1 {
	background-color:#FFAEAE;

}
.order_status_canel {
		display:none;
}
.order_status1 .order_status_canel {
	display:inline-block;
	background-color:#000000;
	color:#FF0000;
	padding:3px;
	border-radius: 25px;

}
.menu_box > * {
	padding: 8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-weight:bold;
	font-size:26px;
}
.sukishi_button {
	xbackground:#B96D57;
	background-color:#bd9a5f;
	color:#FFFFFF;
}
.pos_button {
	padding:5px;
	background:#bd9a5f;
	color:#FFFFFF;
	border-radius: 25px;
	font-weight:bold;
}
.bottom_panel {

position:fixed; 
top:100%;
width:100%; 
height:60px; 
margin-top:-50px;
text-align:center;
font-size:50px; 
font-weight:bold;
border-radius:0px 0px 8px 8px;
vertical-align:top;

}

.fstatus_1  {
	display:none!important;
}