.mobile_food_img {
	max-width:80px;
	max-height:80px;
}

.row_product td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding:2px;
}
.panel_bottom_cardbox {
	top:100%;
	position:fixed;
	width:100%;
	height:50px; 
	margin-top:-60px;
	text-align:center;
}
.panel_bottom_card {
	background-color:#0080C0;
	color:#FFFFFF;
	 margin:5px;
	 border-radius:15px;
	 	padding:5px;
		font-weight:bold;

}
.noti_num {
	background-color:#FFF;
	color:#F00;
	 border-radius:15px;
	 font-weight:bold;
	 padding-left:10px;
	 padding-right:10px;
}
.btn_bottom {
	background-color: #9E9ECF;
}
.mobile_select {
	width: 100%;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #666;
	border-left-color: #FFFFFF;
	border-radius:0px;
}
.row_product_type {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding:8px;
	cursor:pointer;
}
.row_product_type:hover {
	background-color:#ABD6D6;
}
.row_mycard {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.full_screen {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.row_table  {
	display:inline-block;
	min-width:100px;
	background-color:#CCC;
}





.bottom_sheetxx {
	border: 2px solid #2C9E99;
	padding:10px;
	margin:3px;
	border-radius:15px;
}
#pos_textsearch {
	background-color: #C0C0C0;
	border-radius: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left:10px;
}
.text_chat {
	padding: 3px;
	margin-bottom: 5px;
	color: #0076AE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
}
.dropdown_product_type {
	background-color:#333;
	color:#CCC;
	display:inline-block;
	min-width:100px;
	padding:3px;
}
.row_myorder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
		cursor:pointer;

}
.row_myorder:hover {
	background-color:#A9C6E2;
}
.order_status0 {
	background-color: #FFD9D9;
}
.row_table {
	border:none;
	cursor:pointer;
	padding:5px;
	margin:2px;
	border-radius:10px;
}
.row_table:hover {
	background-color:#A9C6E2;

}
.table_status1 {
	background-color:#6DB6B6;
}
.row_cashier_table {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	cursor:pointer;
}
.row_cashier_table:hover {
	background-color:#ABD6D6;
}
.cashier_row_product {
	display: inline-block;
	widows: 100px;
	height: 120px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding:2px;
	cursor:pointer;
}
.cashier_row_product:hover {
	background-color:#BADCDC;
}
.cashier_row_product_name {
	font-size:22px;
}
.cashier_row_producttype {
	
}
.cart_product_price {
		font-size:20px;
		color:#008080;
		font-weight:bold;

}
.cashier_row_producttype {
	display: inline-block;
	width: 200px;
	padding: 5px;
	float: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	overflow:hidden;
	margin:2px;
} 

.row_sale_product {
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}
.roworder_active {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #F00;
}
.datagrid_select .header_col_edit,.datagrid_select .td_col_edit {
	display:none;
}

.row_mobile_product_type {
	font-size: 22px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
}
.td_product {
	border: 2px solid #F3F3F3;
	border-top-left-radius:10px;
}
.mobile_ordering_top_panel {
	margin: 2px;
	background-color: #E7E9EB;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.text_number {
	text-align: center;
	width: 50px;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	width: 50px;
	border: 1px solid #FFF;
}
.div_button {
	cursor: pointer;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F3F3F3;
	border-left-color: #F3F3F3;
}
.div_button:hover {
	background-color:#99C;

}
.kds_group {
	margin-bottom: 10px;
	padding: 2px;
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F3F3F3;
}
.css_datarow:hover  {
	background-color:#F3F3F3;
	cursor:pointer;

}
.datarow {
	cursor:pointer;
}
.row_select  {
	background-color:#B3D9D9;
}
.not_found_child {
	background-color:#F00;
	display:none;

}
.kds_no_group .kds_group {
	margin:2px;
	padding:0px;
	border:none;
	
}
.kds_no_group .kds_group_control {
	display:none;
}
.kds_header {
	background-color:#15A083;
	color:#FFFFFF;
	border-radius:10px;
	padding:5px;

}
.kds_group {
}
.kds_group_done_button {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-left:10px;
}
.product_price {
	font-weight:bold;
	color:#08A84A;
	font-size:26px;
}
.text_placeholder {
	color:#B2B2B2;
	font-size:18px;
}
.cancel_text {
	display:none;
	color:#F00;

}
.row_kds_status0 {
	background-color:#FEE8E2!important;
}
.row_kds_status0 .cancel_text {
	display:inline-block;
}

.table_report th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	text-align:left;
	padding-right:3px;
	font-size: 20px;
}
.table_report td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	font-size: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F3F3F3;
	padding-left:2px;
	padding-right:2px;

}
tr.row_summary td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

tr.row_summary {
	background-color: #F3F3F3;

}
table.table_report {
    table-layout: fixed; /* This enforces the "col" widths. */
}
table.table_report th, table.table_repor td {
    overflow: hidden;
    white-space: nowrap;
}
.table_report_header td {
	font-size: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding:2px;
	font-weight:bold;
	min-width:100px;
}
.flat_button {
	cursor: pointer;
	border-radius: 15px;
	border: 1px solid #5DA0B3;
	padding-left:5px;
	margin:2px;
}
.flat_button:hover {
	background-color:#5DA0B3;
	color:#FFFFFF;
}


.line_button {
	cursor: pointer;
	padding:3px 10px 3px 10px;


	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size:20px;
	font-weight:bold;
	color:#116AAE;
}
.line_button:hover {
	background-color:#5DA0B3;
	color:#FFFFFF;
}




/* tabBox */
#tabBox {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.tabWrap {
  float: none;
}

/* Hide Input Radio */
input[type="radio"] {
  display: none;
}

/* Tabs */
.tab {
  width: 100%;
  height: 65px;
  margin: 0 auto;
  background: #4893D2;
  border: none;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
}
.tab::before {
  display: none;
}
.tab::after {
  content: '';
  display: none;
}
.tab span {
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-align: center;
  line-height: 65px;
  display: block;
}

.label-01 {
  z-index: 3;
}
.label-02 {
  z-index: 2;
}
.label-03 {
  z-index: 1;
}

/* Display Checked Input */
.tabWrap [id^="tab"]:checked ~ .tabContent {
  display: block;
}
/* Bring Forward Checked Input */
.tabWrap [id^="tab"]:checked + label {
  background: #4388C2;
  z-index: 4;
}

.tabWrap [class^="tab label"]:not(.label-01) {
  margin-left: 0;
}

/* Unchecked Input Hover */
.tabWrap [id^="tab"]:not(:checked) + label:hover {
  background: #4388C2;
  border: none;
}

/* Unchecked Input */
.tabWrap [id^="tab"]:not(:checked) + label::before {
  background: #F0EEE9;
}

/* Checked Input No Shadow*/
.tabWrap [id^="tab"]:checked + label::after {
  display: none;
}

/* tabContent */
.tabContent {
  height: auto;
  min-height: 300px;
  margin: 0 auto;
  padding: 5%;
  background: #FFF;
  box-shadow: 0 4px 0 0 rgba(0,0,0,0.015);
  position: absolute;
  left: 0;
  display: none;
  z-index: 1;
}
.tabContent h1, p {
  font-family: 'Open Sans', sans-serif;
}
.tabContent h1 {
  margin: 0;
  color: #4893D2;
  font-size: 1.5em;
  text-transform: uppercase;
}
.tabContent p {
  margin: .5em 0;
  color: #222;
}



.tabs {
  display: flex;
  flex-wrap: wrap;
}
 
.tabs label {
  order: 1;
  display: block;
  padding: 1rem 2rem;
  margin-right: 0.2rem;
  cursor: pointer;
  background:  #3CC0F8;
  font-weight: bold;
  transition: background ease 0.2s;
}
 
.tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
  background: #fff;
}
 
.tabs input[type="radio"] {
  display: none;
}
 
.tabs input[type="radio"]:checked + label {
  background: #fff;
}
 
.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}


.tab_control > * {
	cursor: pointer;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	float:left;
	margin:0px;
	padding-left:10px; 
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:20px;
	font-weight:bold;
}
.tab_active {
	color:#F00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
} 

.tab_body {
	clear:both;
}
.toolbar_box {
	border: 1px solid #E1E1E1;
	padding: 3px;
	border-radius: 15px;
}

#p_form .col_label {
	color:#585858;
}

.f_require {
	margin-left:2px;
	margin-right:2px;
	font-size:16px!important;
	color:#F00!important;
}
.tx_rowselect {
	background-color:#FFCEDE;
}
.row_nav {
	padding: 10px;
	background-color:#A7867D ;
	border-radius:15px;
	margin:5px;
	color:#FFFFFF;
}
#p_gridbox {
	border: 1px solid #E2E2E2;
	padding:5px;
}
.file_img {
	border: 1px solid #CCC;
	border-radius:10px;

}
.islink:hover {
	background-color:#cccccc;
}
.fullx_wrap {
	margin:8px;
	padding:5px;
	background-color:#FFFFFF;
}
.field_header  {
	cursor:pointer;
}
.field_header:hover {
	background-color:#F3F3F3F;
}
.diva {
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
}
.img_button {
	cursor:pointer;
}
.img_button:hover {
	cursor:pointer;
	background-color:#0080C0;
}
.panel_group {
	background-color:#0080C0;
	border-radius:15px;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;

}
.panel_group * {
	color:#FFFFFF;
}
.box_title {
	background-color: #CCC;
}