/* Add here all your CSS customizations */
.form-group-button
{
	text-align: center;
	margin-top: 30px;
}

.mb-md.activate-key
{
	margin-bottom: 0px !important;
}

.fa.fa-search.detail-border
{
	width: 30px;
	height: 30px;
	background: blue;
	color: white;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
}

.fa.fa-trash.detail-border
{
	width: 30px;
	height: 30px;
	background: red;
	color: white;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	border-radius: 5px;
}

.nav li a:hover
{
	color: white !important;
}

.topupwithdraw-wrapper
{
	margin: 10px 0;
	text-align: right;
}

.page-navi-wrapper
{
	
}

.page-navi-wrapper .btn-group
{
	float: right;
}

.clear
{
	clear: both;
}

.mtop
{
	margin-top: 10px;
}

.mbottom
{
	margin-bottom: 10px;
}

.option-page-error a
{
	font-weight: bold;
}

.product-option-group-action-button-wrapper button
{
	margin-right: 0 !important;
}

.product-option-group-action-button-wrapper
{
	position: relative;
	bottom: 5px;
}

.product-option-group-action-button-wrapper .one
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.product-option-group-selected-wrapper
{
	width: 100%;
	height: 80px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 3px;
	overflow: auto;
	overflow-y: scroll;
}

.material-list-selected-wrapper
{
	width: 100%;
	height: 80px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 3px;
	overflow: auto;
	overflow-y: scroll;
}

.product-option-group-selected-item
{
	min-width: 24%;
	background: gray;
	margin-bottom: 1px;
	color: white;
	display: block;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
	float: left;
	margin-right: 2px;
	text-align: center;
	cursor: pointer;
}

.product-option-group-selected-item span
{
	position: relative;
	bottom: 1px;
}

.table-header-action
{
	width: 100px;
}

.table-header-id
{
	width: 100%;
	max-width: 130px;
}

.table-header-status
{
	
}

.table-header-id
{
	width: 50px;
	min-width: 50px;
	max-width: 100%;
}

.function-title-css-top
{
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 13px;
}

.function-title-css
{
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 13px;
}

.table_list_column_action
{
	width: 100px;
}

.table_list_column_id
{
	width: 80px;
}

.happy_hour_select_wrapper input,
.happy_hour_select_wrapper select
{
	float: left;
}

.happy_hour_select_wrapper input
{
	width: 51%;
}

.happy_hour_select_wrapper select
{
	width: 20%;
}

.happy_hour_select
{
	/*width: 70px;
	float: left;*/
}

.happy_hour_select_wrapper div
{
	float: left;
	width: 15px;
	text-align: center;
	position: relative;
	top: 5px;
}

.hr_custom
{
	width: 100% !important;
}

.tbSelectFoodSet,
.tbFoodQty,
.btnAddFoodSet,
.btnClearFoodSet
{
	float: left;
}

.tbSelectFoodSet
{
	
}

.tbFoodQty
{
	width: 15%;
	border-radius: 0 5px 5px 0;
}

.tbSelectFoodSet
{
	margin-right: 0px;
}

.tbFoodQty
{
	margin-right: 2px;
}

.tbFoodSetWrapper .btnAddFoodSet
{
	width: 15%;
	border-radius: 0;
	margin-top: 0 !important;
	margin-right: 0 !important;
}

.tbFoodSetWrapper .btnClearFoodSet
{
	border-radius: 0 5px 5px 0;
	margin-top: 0 !important;
	margin-right: 0 !important;
}

.ui-autocomplete
{
	z-index: 99999 !important;
}

.product_id_list_wrapper
{
	margin-top: 10px;
}

.material_list
{
	
}

.material_search_wrapper
{
	width: 100%;
}

.material_search_wrapper input
{
	float: left;
}

.tbMaterialSearch
{
	width: 64%;
}

.tbMaterialQty
{
	width: 15%;
}

.tbMaterialMeasurement
{
	width: 15%;
}

.tbMaterialSearch,
.tbMaterialQty
{
	margin-right: 5px;
}

.custom-product-tab li a:hover
{
	color: #555 !important;
	font-weight: bold;
}

.custom-product-tab li:hover
{
	cursor: pointer;
}

.stock-transaction-wrapper
{
	margin-top: 30px;
}

.custom-product-tab li a label
{
	display: initial;
}

.gr-custom-mb-md
{
	
}

.product_img_preview
{
	padding: 8px 0;
	max-width: 150px;
}

.product_img_preview_style
{
	width: 75px;
}

.actions_custom
{
	vertical-align: top !important;
}

.index_contact_wrapper
{
	margin-top: 20px;
	font-size: 10px;
	text-align: center;
}

.btnPageInfo
{
	color: #333;
}

.btnPage1, 
.btnPage2, 
.btnPage3
{
	display: block;
}

.show480
{
	display: none;
}

.branch_select_style
{
	margin-bottom: 10px;
}

.dashboard_img_loading
{
	width: 25px;
}

.branch_select_style_wrapper
{
	width: 100%;
}

.branch_select_style
{
	float: left;
}

.branch_select_style.loading
{
	position: relative;
	left: 5px;
	top: 5px;
}

.tbDateStart,
.tbTimeStart,
.tbDateEnd,
.tbTimeEnd
{
	width: 49.5%;
	display: initial;
	background-color: initial !important;
}

.bgOnlineSales
{
	background: gold;
}

.bgOnlineSalesCount
{
	background: orange;
}

.width10 { width: 10%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width30 { width: 30%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width70 { width: 70%; }
.width80 { width: 80%; }
.width90 { width: 90%; }
.width100 { width: 100%; }

@media only screen and (max-width: 640px) {
	.product-option-group-selected-item
	{
		width: 33%;
	}
}

@media only screen and (max-width: 520px) {
	
	.custom-product-tab li a label
	{
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	.product-option-group-selected-item
	{
		width: 49%;
	}
	
	.material_search_wrapper input
	{
		float: initial;
		width: 100%;
	}
	
	.show480
	{
		display: block;
	}
	
	.happy_hour_select_wrapper select
	{
		width: 18%;
	}
	
	.form-control.happy_hour_select
	{
		padding: 6px 0px;
	}
	
	.form-control.happ_promo_date_selection
	{
		padding: 6px 0px;
	}
}