@font-face {
	font-family: fakereceipt;
	src: url(/assets/addons/pos/fakereceipt.ttf);
}

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic);

* {
	font-family: 'Roboto', sans-serif;
}



.quick_sale_button.ui-draggable-handle,
.categories_button {
	top: 96% !important;
	position: fixed !important;
	transform: unset;

	border-radius: 5px 5px 0px 0px !important;
}

.alert_bar {
	background-color: red;
	color: #fff;
	font-size: 1.2vw;
	line-height: 1.2vw;
	overflow: hidden;
	padding: 5px 0;
	text-align: center;
	vertical-align: top;
	width: 100%;
}


#top_bar {
	display: none;
}

.number_button {
	color: #fff;
	float: left;
	font-size: 36px;
	font-weight: bold;
	height: 70px;
	line-height: 70px;
	margin: 10px;
	text-align: center;
	width: 70px;
    border: 1px solid #ccc;
}
.main_panel_wrapper.nobg {}

.admin.box input[type="button"],
.admin.box input[type="submit"] {
	width: 200px;
	font-size: 16px;
}

input[type="button"].small,
input[type="submit"].small,
p.small,
a.small {
	max-height: 25px;
	max-width: 80px;
	border-radius: 2px;
	line-height: 5px !important;
}

input[type="button"].medium,
input[type="submit"].medium,
p.medium,
a.medium,
input[type="file"],
li.medium {
	max-height: 35px !important;
	max-width: 130px !important;
	border-radius: 4px !important;
	line-height: 5px !important;
}

p.medium,
a.medium,
li.medium {
	min-width: 130px;
	font-size: 14px;
}

p.mobile {
	font-size: 18px;
	height: 25px;
	left: -6px;
	margin-top: 0;
	position: relative;
	width: 10%;
}

#transaction_name {

	font-weight: bold;
	color: #fff !important;
	font-size: 22px;

}

product img,
giftcard img {

	margin-top: 100% !important;
	opacity: 0.4;
	position: relative;
	width: 80%;

}

product title {
	font-size: 9px !important;
	font-weight: normal !important;
	position: relative;
	top: 45px;
	margin-top: -30px;
}

product img,
giftcard img {
	margin-top: 100% !important;
	opacity: 1;
	position: relative;
	width: 80%;
	opacity: 0.4;
}

li.medium {
	border: 1px solid #000;
	border-radius: 6px;
	color: #000;
	display: inline-block;
	line-height: 20px !important;
	margin: 20px;
	min-width: 150px;
	text-align: center;
	vertical-align: baseline;
	word-wrap: break-word;
	font-size: 12px;
}

.search_form.general_form input[type="submit"].medium {
	position: relative;

}

.search_form.general_form.payments .forms {
	max-height: 170px !important;
	overflow: hidden;
}

td .qq-upload-button,
div.qq-upload-button {
	background: rgb(226, 226, 226);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* IE10+ */
	background: linear-gradient(135deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */
	color: #000;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #cacaca;
}

.key {

	background: rgb(226, 226, 226);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* IE10+ */
	background: linear-gradient(135deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */
	box-shadow: 2px 2px 6px #000;
	color: #c9c9c9;
	border-radius: 15px;
	line-height: 55px;

}

.number_button:hover {
	background-color: #66FF66;

}

.text_box {
	border: 1px solid #CDCDCD;
	border-radius: 10px;
	font-size: 42px;
	height: 45px;
	text-align: right;
	width: 250px;
}

pan#time_span {
	float: right;
	margin-right: 20px;
	font-size: 18px;
}

.terminal_production_type {
	width: 100%;
	margin-bottom: 10px;
	height: 30px;
	text-indent: 100px;
	font-size: 24px;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0b7a1+0,8c3310+50,752201+51,bf6e4e+100;Brown+Gloss */
	background: rgb(240, 183, 161);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(240, 183, 161, 1) 0%, rgba(140, 51, 16, 1) 50%, rgba(117, 34, 1, 1) 51%, rgba(191, 110, 78, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(240, 183, 161, 1) 0%, rgba(140, 51, 16, 1) 50%, rgba(117, 34, 1, 1) 51%, rgba(191, 110, 78, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(240, 183, 161, 1) 0%, rgba(140, 51, 16, 1) 50%, rgba(117, 34, 1, 1) 51%, rgba(191, 110, 78, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0b7a1', endColorstr='#bf6e4e', GradientType=0);
	/* IE6-9 */
}

button {
	background: url() #9eb1bf;
	margin: 5px;
	border: 1px solid #000;
	display: inline-block;
	position: relative;
	top: 50px;
	font-size: 12px !important;
	width: 150px;
	cursor: pointer;
}


#cashier_name p,
#clockbox {
	font-size: 12px;
}


/* #pos_page * { line-height:20px;}*/
#pos_page h2 {
	line-height: 40px;
}

#virtualKeyboard .key {
	line-height: 50px;
}

#login_form div.number_button {
	line-height: 70px;
}


#top_bar span:last-child {
	float: right;
	margin-left: 10px;
	display: inline-block;
}

#number,
#manager_confirms {
	font-size: 30px;
	height: 30px;
	padding: 2px;
	border-radius: 6px;
}

#pos {
	min-width: device-width;
	min-height: device-height;
}

#products,
#giftcards {
	border: 1px solid #000000;
	height: auto;
	margin: 0 5px;
	min-height: 795px;

	min-width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.rotate.closed {
	color: red;
	font-weight: bold;
	margin: 10px auto -35px -120px !important;
	position: relative;
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	z-index: 999;
}

#cart .rotate.closed {
	margin: 50px auto auto 10% !important;
	font-size: 80px !important;
	position: absolute;
}

#totals ul {
	height: 190px;
	color: #fff;
	font-size: 25px;
	margin-top: 30px;
	margin-left: -25px;
	width: 100%;
}

button.checkout {
	padding: 0.15vw 0.35vw;
	font-size: 1.1vw !important;
	border-radius: 15px;
	box-shadow: 0 1px 3px #000000;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 5px;
	position: relative;
	top: 50px;
	width: auto;
	background: #ff3019;
	background: -moz-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
	background: -webkit-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	background: -o-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	background: -ms-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	background: linear-gradient(135deg, #ff3019 0%, #cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=1);
	color: #fff;

}


#menu_holder, #quick_sale {
    bottom: 0 !important;
    min-height: 250px;
    min-width: 100%;
    max-height: 300px;
    position: absolute !important;
    /* background: #ededed; */
    padding-left: 10px;
    padding-top: 10px;
    box-shadow: 2px -4px 8px #666;
    z-index: 9999999;
    padding-bottom: 5px;
    overflow-y: auto;
    left: 0px;
    display: none;
    top: 5px;
    border-radius: unset;
    background: #fff;
}

auction,
product,
giftcard {
	border: 1px solid #000;
	border-radius: 6px;
	color: #000;
	display: table-cell;
	float: left;
	height: 100px;
	margin: 20px;
	padding: 10px;
	text-align: center;
	width: 150px;
	word-wrap: break-word;
	height: 150px;
}




#overlay_panel i.right.fa.fa-close {
	color: red;
	font-size: 50px;
	margin: 10px 20px !important;
	border: 3px solid red;
	padding: 7px 10px;
	border-radius: 10px;
}

#products products product retail:before {
	content: '$';
}

products,
giftcards {
	overflow-y: auto;
	max-width: 99%;
}

#cboxLoadedContent p {
	width: 440px;
	margin: 5px 0 15px 0;
	padding: 5px;
	clear: both;
	display: block;
}


#cboxLoadedContent form {
	margin-top: 0px;
	border: 1px solid #cacaca;
	border-radius: 8px;
	padding: 10px;
	position: relative;
	display: table;
	background: #fff;
	margin: 0 auto !important;
}

#cboxLoadedContent h2 {
	font-size: 18px;
}

#cboxLoadedContent input {
	height: 26px;
	width: 120px;
	margin-top: 8px;
	border: 1px solid #CACACA;
	border-radius: 6px;
}

#cboxLoadedContent input[type="text"] {
	width: 220px;
}

#cboxLoadedContent #end {

	margin-left: -12px !important;

}


#virtualKeyboard {
	border-radius: 0 0 25px 25px;
	display: none;
	float: right;
	margin: 0 25% !important;
	padding: 10px 0 20px 50px;
	position: fixed;
	text-align: center !important;
	width: 920px !important;
	z-index: 2147483647;
}

#keyboard {
	margin: 0 auto;
}

#keyboard:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#keyboardHeader {
	position: relative;
}

#keyboardHeader div {
	color: #fff;
	background-color: #7b8490;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
	position: absolute;
	cursor: pointer;
	right: -10px;
	top: -40px;
}

.closex {
	font-weight: bolder;
	color: #000;
}

#keyboardCapitalLetter {
	display: none;
}

#keyboardSmallLetter {
	display: block;
}

#keyboardNumber {
	display: none;
}

#keyboardSymbols {
	display: none;
}

.key {
	height: 100%;
	padding-top: 0px !important;
	text-align: center;
	width: 100%;
}

.key_enter {
	padding-top: 0px;
}
ul#products_list {
    max-width: 100%;
    display: block!important;
    border: 1px solid #fff;
    text-align: left;
    padding: 0;
    margin: 10px 10px 0px 20px;
    background-color: rgb(240, 183, 161);
    border-radius: 5px;
    margin-top: 10px;
    clear: both;
}
#products_list li {
    margin: 1px !important;
    display: inline-block !important;
    max-width: calc(8% - 10px);
    height: 121px;
    border-radius: 5px !important;
    max-height: unset;
    text-align: center !important;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #ccc;
}
#products li img {
    width: 45px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

category, #products_list li {
	border-radius: 6px 6px 0 0;
	color: #000;
	display: inline-block;
	margin: 2px 10px -1px;
	min-width: 100px;
	padding: 10px;
	text-align: center;
	width: auto;
	word-wrap: break-word;
	background: rgb(184, 198, 223);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjhjNmRmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZkODhiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(184, 198, 223, 1)), color-stop(100%, rgba(109, 136, 183, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* IE10+ */
	background: linear-gradient(135deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */
	border-radius: 6px 6px 0 0;
	color: #000;
	text-align: center;

}

category {
	max-width: 100px;
	min-width: 100px;
	height: 56px;
	border: 1px solid #666 !important;
	border-radius: 10px;
	vertical-align: middle;
}
#tabs li {
    text-align: center;
    border-right: 1px solid;
    padding: 5px 0px;
}
#detached_cart #tabs {
	margin-left: 0px;
}

#admin_tabs {
	margin-left: 0px;
}

#admin_tabs li {
	width: 200px !important;
}

.Total_tab {
	border-right: 0 none;
}

#top_bar .admin {}

#transaction_details {
	text-align: left;
	width: 300px;
}

#products {
    background-color: #ededed;
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    left: 0px;
    margin-bottom: auto;
    margin-left: 5px;
    margin-top: auto;
    min-height: 445px;
    overflow-x: hidden;
    overflow-y: auto !important;
    padding-bottom: 50px !important;
    padding-right: 10px !important;
    position: absolute;
    text-align: left;
    padding-top: 20px;
    background: rgb(240, 183, 161);
    background: -moz-linear-gradient(45deg, rgba(240, 183, 161, 1) 0%, rgba(140, 51, 16, 1) 50%, rgba(117, 34, 1, 1) 51%, rgba(191, 110, 78, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(240, 183, 161, 1) 0%, rgba(140, 51, 16, 1) 50%, rgba(117, 34, 1, 1) 51%, rgba(191, 110, 78, 1) 100%);
    background: linear-gradient(45deg, rgba(240, 183, 161, 1) 0%, rgba(140, 51, 16, 1) 50%, rgba(117, 34, 1, 1) 51%, rgba(191, 110, 78, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0b7a1', endColorstr='#bf6e4e', GradientType=1);
    margin-right: 5px!important;
    max-width: calc(100% - 10px)!important;
    min-width: unset!important;
    margin-bottom: 5px!important;
}

.alert_bar>p {
	margin: 5px auto 5px;
	text-align: center;
	width: 90%;
}

#cboxClose {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-origin: padding-box;
	background-position: -25px 0;
	background-repeat: no-repeat !important;
	background-size: auto auto;
	bottom: 0;
	height: 25px;
	margin-top: -50px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	width: 25px;
}

product img,
giftcard img {

	height: 80%;
	opacity: 1;
	position: relative;
	top: -210px;
	width: auto;
	opacity: 0.4 !important;

}

.key {
	height: 100%;
	padding-top: 12px;
	text-align: center;
	width: 100%;
	color: #000 !important;
}

#tabs {

	background: rgb(245, 246, 246);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjVmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjZGJkY2UyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjYjhiYWM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGRkZmUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, rgba(245, 246, 246, 1) 0%, rgba(219, 220, 226, 1) 21%, rgba(184, 186, 198, 1) 49%, rgba(221, 223, 227, 1) 80%, rgba(245, 246, 246, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(245, 246, 246, 1)), color-stop(21%, rgba(219, 220, 226, 1)), color-stop(49%, rgba(184, 186, 198, 1)), color-stop(80%, rgba(221, 223, 227, 1)), color-stop(100%, rgba(245, 246, 246, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(245, 246, 246, 1) 0%, rgba(219, 220, 226, 1) 21%, rgba(184, 186, 198, 1) 49%, rgba(221, 223, 227, 1) 80%, rgba(245, 246, 246, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(245, 246, 246, 1) 0%, rgba(219, 220, 226, 1) 21%, rgba(184, 186, 198, 1) 49%, rgba(221, 223, 227, 1) 80%, rgba(245, 246, 246, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(245, 246, 246, 1) 0%, rgba(219, 220, 226, 1) 21%, rgba(184, 186, 198, 1) 49%, rgba(221, 223, 227, 1) 80%, rgba(245, 246, 246, 1) 100%);
	/* IE10+ */
	background: linear-gradient(135deg, rgba(245, 246, 246, 1) 0%, rgba(219, 220, 226, 1) 21%, rgba(184, 186, 198, 1) 49%, rgba(221, 223, 227, 1) 80%, rgba(245, 246, 246, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#f5f6f6', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */

}

.button {
	border-radius: 15px !important;

}

#search {
	margin-top: 10px;
}

.checkout.discard {
	margin-top: 15px;
}

.checkout.admin {
	margin-top: 10px;
}

.right {
	float: right;
	margin-right: 5px;
}

.left {
	float: left;
	margin-left: 5px;
}


.admin.box .row {

	display: block;
	left: 0 !important;
	margin: 0 10px !important;
	min-width: 100%;
	position: static;
	text-align: left !important;
	vertical-align: top;
	width: 100%;
	min-height: 50px;
	max-width: unset;

}

.admin.box .large {

	width: 93%;
}

.admin.box input[type="text"],
.admin.box select,
.admin.box textarea {}

#cash_button {
	font-size: 1.5vw;
	margin-left: 39px;
	padding: 1vh 0.1vw;
}

.system.included {
	color: red;
	margin-left: 5px;
	float: right;
}


td .qq-upload-list li,
div .qq-upload-list li {
	background-color: #fff0bd;
	font-size: 16px;
	line-height: 10px;
	margin: 0 0 -100%;
	max-width: 100px;
	padding: 9px;
	position: absolute;
	top: 30px;
	word-wrap: break-word;
}

.qq-upload-list li span {
	font-size: 10px;
}

.title_wrapper h2,
.phpc-bar.ui-widget-header {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0b7a1+0,8c3310+50,752201+51,bf6e4e+100;Brown+Gloss */
	background: rgb(240, 183, 161);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(240, 183, 161, 1) 0%, rgba(140, 51, 16, 1) 50%, rgba(117, 34, 1, 1) 51%, rgba(191, 110, 78, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(240, 183, 161, 1) 0%, rgba(140, 51, 16, 1) 50%, rgba(117, 34, 1, 1) 51%, rgba(191, 110, 78, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(240, 183, 161, 1) 0%, rgba(140, 51, 16, 1) 50%, rgba(117, 34, 1, 1) 51%, rgba(191, 110, 78, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0b7a1', endColorstr='#bf6e4e', GradientType=0);
	/* IE6-9 */

	text-align: center;
	margin-top: 0;
	text-align: center;
	border: 1px solid #eee;
}

.alert {

	display: none;

}

.fc-row thead tr th {

	background-color: #777;
	padding: 5px 0px;
	color: #fff;

}

.fc-bg {

	background-color: #ededed;
	font-weight: ;

	display: block;

}

.fc-day-number {

	font-weight: bold !important;
	font-size: 16px;

}

#cashier_name button {
	width: 40px;
	height: 40px;
	font-size: 26px !important;
	border-radius: 3px;
}

.admin.box form textarea {
	width: 100% !important;
}

.admin.box form input[type="file"] {
	max-width: 200px;
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	background: rgb(226, 226, 226);
	/* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

	background: -moz-linear-gradient(-45deg, rgba(226, 226, 226, .3) 0%, rgba(219, 219, 219, .3) 50%, rgba(209, 209, 209, .3) 51%, rgba(254, 254, 254, .3) 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(226, 226, 226, .3)), color-stop(50%, rgba(219, 219, 219, .3)), color-stop(51%, rgba(209, 209, 209, .3)), color-stop(100%, rgba(254, 254, 254, .3)));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, rgba(226, 226, 226, .3) 0%, rgba(219, 219, 219, .3) 50%, rgba(209, 209, 209, .3) 51%, rgba(254, 254, 254, .3) 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, rgba(226, 226, 226, .3) 0%, rgba(219, 219, 219, .3) 50%, rgba(209, 209, 209, .3) 51%, rgba(254, 254, 254, .3) 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, rgba(226, 226, 226, .3) 0%, rgba(219, 219, 219, .3) 50%, rgba(209, 209, 209, .3) 51%, rgba(254, 254, 254, .3) 100%);
	/* IE10+ */

	background: linear-gradient(135deg, rgba(226, 226, 226, .3) 0%, rgba(219, 219, 219, .3) 50%, rgba(209, 209, 209, .3) 51%, rgba(254, 254, 254, .3) 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */

	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.table_wrapper_inner {
	box-shadow: -2px 2px 4px #cacaca;

}

.table_wrapper_inner tr {
	background: none repeat scroll 0 0 #cacaca;
}

.table_wrapper_inner tr:nth-child(2n) {
	background: none repeat scroll 0 0 #fff;
}

.table_wrapper_inner tr td {
	border-bottom: 2px solid #fff;
	border-right: 1px solid #fff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	width: auto;
	vertical-align: top;
}

.table_wrapper_inner tr td ul {
	margin-top: 10px;
}

.details {
	background-image: url(/application/Views/COMMON/ADMIN/assets/css/layout/site/tables/action1.gif);
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
}

.actions_menu li {
	display: inline-block;
	vertical-align: top;
}

.edit {
	background-image: url(/application/Views/COMMON/ADMIN/assets/css/layout/site/tables/edit_action.gif);
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	display: block;
	cursor: pointer;
}

.delete {
	background-image: url(/application/Views/COMMON/ADMIN/assets/css/layout/site/tables/action4.gif);
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	display: block;
	cursor: pointer;
}

.undelete {
	background-image: url(/application/Views/COMMON/ADMIN/assets/css/layout/site/tables/undelete.png);

	display: block;
	cursor: pointer;
}

/* end tables */
.assigncoupon {
	background-image: url(/application/Views/COMMON/ADMIN/assets/css/layout/site/tables/coupon.gif);
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	display: block;
	cursor: pointer;
}

.coupon {
	background-image: url(/application/Views/COMMON/ADMIN/assets/css/layout/site/tables/viewcoupon.gif);
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	display: block;
	cursor: pointer;
}

.email {
	background-image: url(/application/Views/COMMON/ADMIN/assets/css/layout/site/tables/email.gif);
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	display: block;
	cursor: pointer;
}

.verify {
	background-image: url(/application/Views/COMMON/ADMIN/assets/css/layout/site/tables/verify.gif);
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	display: block;
	cursor: pointer;
}

#admin_menu ul {
	text-align: left;
	vertical-align: middle;
}

.admin.box .inputs {
	font-size: 37px;
	line-height: 30px;
	width: 75% !important;
}

.input_wrapper ul {
	width: 100%;
	font-size: 20px;
}

.input_wrapper ul li {
	display: inline-block;
	width: 30%;
}

.send_form_btn span {
	display: none;
}


.title_wrapper {
	display: block;
	clear: both;
	float: none;
}

input[type="button"].small,
input[type="submit"].small,
p.small,
a.small {
	max-height: 45px;
	max-width: 123px;
	border-radius: 2px;
	line-height: 5px !important;
	font-size: 23px !important;
}

.deletephoto {

	height: 30px !important;
	line-height: 0 !important;
	padding: 10px !important;
	width: 100px !important;
	margin-top: 10px !important;
	margin-left: 30px !important;

}

.admin.box .buttons img {
	width: 150px;
}

.admin.box .row.small {
	max-width: 70px !important;
	min-width: 0px !important;
	background: rgb(226, 226, 226);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* IE10+ */
	background: linear-gradient(135deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */
	box-shadow: 2px 2px 6px #000;
	color: #c9c9c9;
	border-radius: 15px;
	line-height: 55px;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #cacaca;
	float: left;
}

.row.small a:link {
	color: #000;
}

.actions_menu {
	min-width: 60px;
}

.option_name {

	font-size: 12px !important;
	height: 14px !important;
}

.option_value {
	font-size: 12px !important;
	height: 14px !important;
}

.option_price {
	margin-left: 50px;
	font-size: 12px !important;
	height: 14px !important;
}

.options_box {
	border: 1px dotted #c9c9c9;
	border-radius: 6px;
	display: block;
	height: 100%;
	min-height: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.option_name,
.option_value,
.option_price {
	width: 100px !important;
}

.addon_name {

	font-size: 12px !important;
	height: 14px !important;
}

.addon_value {
	font-size: 12px !important;
	height: 14px !important;
}

.addon_price {
	margin-left: 50px;
	font-size: 12px !important;
	height: 14px !important;
}

.addons_box {
	border: 1px dotted #c9c9c9;
	border-radius: 6px;
	display: block;
	height: 100%;
	min-height: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.addon_name,
.addon_value,
.addon_price {
	width: 100px !important;
}

.modifier_name {

	font-size: 12px !important;
	height: 14px !important;
}

.modifier_value {
	font-size: 12px !important;
	height: 14px !important;
}

.modifier_price {
	margin-left: 50px;
	font-size: 12px !important;
	height: 14px !important;
}

.modifiers_box {
	border: 1px dotted #c9c9c9;
	border-radius: 6px;
	display: block;
	height: 100%;
	min-height: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.modifier_name,
.modifier_value,
.modifier_price {
	width: 100px !important;
}

.close_option,
.close_addon,
.close_modifier {
	float: right;
	margin-bottom: -100%;
	margin-right: 4px;
	margin-top: -8px;
}

.ui-dialog {
	border: 10px solid grey;
	border-radius: 10px;
	box-shadow: 8px 8px 8px #666;
	padding: 1.2em;
	position: relative;
	width: 600px !important;
	z-index: 900;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	visibility: hidden !important;
	display: none !important;
}

.table_wrapper tr td:nth-child(2) img {
	width: 40px;
	float: left;
	margin: 2px;
}

.close_option_value,
.close_addon_value,
.close_modifer_value {
	float: right;
	font-size: 11px;
	margin-top: -40px;
	margin-right: -5px;
}



#gift_card_tab {
	background: rgb(239, 197, 202);
	/* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWZjNWNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZDI0YjVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjYmEyNzM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxOGU5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

	background: -moz-linear-gradient(-45deg, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(239, 197, 202, 1)), color-stop(50%, rgba(210, 75, 90, 1)), color-stop(51%, rgba(186, 39, 55, 1)), color-stop(100%, rgba(241, 142, 153, 1)));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
	/* IE10+ */

	background: linear-gradient(135deg, rgba(239, 197, 202, 1) 0%, rgba(210, 75, 90, 1) 50%, rgba(186, 39, 55, 1) 51%, rgba(241, 142, 153, 1) 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */

	float: right;
	margin-right: 20px;
}

#order_type {
	color: #00eb00;
	font-size: 1.2vw;
	font-weight: bold;
	text-transform: uppercase;
}

#transaction_name {
	font-weight: bold;
}


.breakdown {
	clear: both !important;
	display: block !important;
	margin-bottom: 20px !important;
}


#cart_items,
#gift_card_items {
	display: block;
	margin-left: 0;
	overflow-x: hidden;
}

#cart #cart_inner {
	max-height: 285px;
	overflow-x: hidden;
	overflow-y: auto;
}

#cart_inner p.heading {
	background: #398235;
	/* Old browsers */

	background: -moz-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #398235), color-stop(56%, #8ab66b), color-stop(100%, #c9de96));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* IE10+ */

	background: linear-gradient(135deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#398235', endColorstr='#c9de96', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */

	font-size: 1.5vw;
	margin-top: 10px;
	text-align: left;
}


.search_form.general_form input.medium[type="submit"] {
	position: relative;
}

.product_name span.font-bold.float-left {
	font-weight: bold;
	margin-right: 5px;
}

li.d-block.mt-2 ol li {
	margin-top: 0px;
	margin-bottom: .2em;
	float: none;
	clear: both;
}

li.fa.fa-close.float-right.d-inline-block {
	margin: 0;
	display: inline-block;
	position: relative;
	float: right;
	top: 15px;
}


#product_images li {
	display: inline-block;
	margin-left: 30px;
}

.item_details > li {
	vertical-align: top;
	margin-top: 0px !important;
	padding-bottom: 0px;
	display: block;
	clear: both;
}

.ui-widget-content {
	margin: -10px 20px 10px;
	width: calc(100% - 50px);
}

.ui-accordion .ui-accordion-content {
    padding: 1em;
    border-top: 0;
    overflow: auto;
    margin-left: 0;
    width: 100%;
}

i.float-right.d-block.mb-5.fa.fa-close {
	border: 1px solid red;
	font-size: 5em;
	margin: 5px 10px;
	color: red;
	width: 1em;
	text-align: center;
	border-radius: 10px;
}

i.fa.fa-pencil.float-left.d-inline-block {
	margin-right: 5px;
	font-size: 1.3em;
	color: red;
}

#choose_toppings .accordion {
	max-width: unset;
	float: left;
	margin: 0;
	padding: 0;
	margin-left: -20px;
}

#choose_toppings input.w-100.d-block.btn.btn-primary {
	width: calc(100% - .5em) !important;
}

.product_name i.fa {
	border: 1px solid !important;
	padding: 2px;
	height: 24px;
}

#tool_helper {
	width: 70%;
	margin: 0 auto;
	float: left;
}

li.topping {
	font-size: 14px;
	display: flex;
	float: none;
	clear: both;
	width: 100%;
	text-align: left;
	margin-left: -45px;
	font-weight: bold;
	height: auto;
	min-height: 10px;
	padding: 0px;
	margin-bottom: 0px;
}

div#canvas_holder {
	float: right;
	width: 320px;
	border: 1px solid;
	height: 320px;
}

canvas#pizza_canvas {
	float: none;
	display: block;
	width: 100%;
	min-height: 320px;
}

#choose_toppings .accordion {
	max-width: unset;
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 0;
	width: 100%;
}

li.topping {
	font-size: 14px;
	display: block;
	float: none;
	clear: both;
	width: 100%;
	text-align: left;
	margin-left: 0 !important;
}

#chooose_toppings .ui-accordion .ui-accordion-content {
	padding: 1em 0;
	border-top: 0;
	overflow: hidden;
	width: 180px;
}

#totals h2 {
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	width: 0;
	font-size: 1.4vw !important;
}

#transaction_details li {
	margin: 0 0 10px 10px !important;
	width: auto;
	font-size: 1.0vw;
}

#transaction_details li label {
	float: left;
	font-size: 1.1vw;
	width: 47%;
}

.breakdown li span {
	float: right;
	clear: both;
	font-size: 1.1vw;
}

#interact_buttons {
	clear: both;
	float: right;
	margin-bottom: -100%;
	width: 60%;
}

#interact_buttons .button,
#cboxLoadedContent input[type="submit"] {
	border-radius: 3px !important;
	font-size: 1.5vw;
	font-weight: bolder;
	margin-bottom: 1px !important;
	max-width: 100%;
	min-width: 80%;
}

#interact_buttons .button.half {
	font-size: 1.5vw;
	margin-right: 5px;
	max-width: 220px;
	width: auto;
	padding: 1.0vh 1.0vw;
}

.nosale,
.noreceipt {
	background: #eee !important;
	color: #666 !important;
}

/* highlight results */
.ui-autocomplete span.hl_results {
	background-color: #ffff66;
}

#grandtotal {
	display: inline-block;
	font-size: 1.4vw !important;
	position: relative;
	text-align: right;
	top: 5px !important;
	width: 80px !important;
}

/* loading - the Ajax indicator */
.ui-autocomplete-loading {
	background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat;
}

/* scroll results */
.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding for vertical scrollbar */
	padding-right: 5px;
	z-index: 999999999999999999999 !important;
}

.ui-autocomplete li {
	font-size: 16px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 250px;
}

.quick_sale_button {
	-ms-transform: rotate(-90deg);
	/* IE 9 */
	-webkit-transform: rotate(-90deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	width: 120px;
	border-radius: 0px 0px 8px 8px;


	width: 420px;
	height: 50px;
	position: absolute;
	top: 80px;
	left: -165px;
	line-height: 50px;
	font-weight: bold;
	font-size: 25px;
	background: red;
	color: #fff;
	display: inline-block;
	clear: both;
	float: right;
	box-shadow: -2px 2px 4px #666;
}

#quick_sale_holder {

	margin-top: 0px;
	height: 400px;
	margin-left: -20px;
	position: absolute;
	z-index: 10;
	width: auto;
	min-width: 97%;
	max-width: 90%;
	top: 435px;
	width: auto !important;


}

#quick_sale>products {
	display: block;
	margin-left: 45px;
	min-height: 390px;
	max-width: unset;
}

#quick_sale product {
	height: 55px;
	cursor: pointer;
}

product title {
	font-weight: bold;
	position: relative;
	z-index: 1;
}

#quick_sale.box {
	background-color: #fff;
	border: 1px solid;
	border-radius: 0 10px 10px 0;
	display: inline-block;
	height: 400px;
	min-width: 100%;
	padding: 20px 20px 20px 50px;
	position: relative;
	top: -85px;
	vertical-align: top;
	width: 100%;
	text-align: left;
}

#quick_sale ul li {
	margin-right: 30px;
}

#quick_sale ul {
	position: relative;
	bottom: 50px;
}

.button.light_blue_btn.next {
	border-radius: 0px !important;
	height: 20px;
	border-color: unset !important;
	border-width: 0px !important;
	margin: 1px 1px 0px 0px;
	width: auto;
	background: #fff;
	font-size: 18px;
	box-shadow: unset !important;
}

.row.packaging_details {
	width: 100% !important;
	height: auto !important;
	max-height: unset !important;
	max-width: unset !important;
}

.inputs .list {
	background: url("/assets/addons/pos/images/list.png") no-repeat scroll 0 0 / 25px 25px rgba(0, 0, 0, 0);
	background-position-x: 0px;
	background-position-y: 0px;
	display: inline-block;
	position: relative;
	top: -16px;
	height: 25px;
	margin: 0px 0px -24px 0px !important;
	height: 25px;
	width: 100%;
	font-size: 12px !important;
	background-position: top right;
}

.input_wrapper ul li {
	display: inline-block;
	width: 15% !important;
	max-width: unset !important;
	min-width: unset !important;
}

.packaging_details .inputs .list label {

	font-size: 13px !important;

}

.packaging_details .inputs .list ul {
	margin-top: 12px;
	margin-bottom: 20px;
}

.quick_sale_button {

}

#quick_sale ul li label {
	font-weight: bold;
	margin: 10px;
	vertical-align: top;
}

#quick_sale>products {
	display: block;
	min-height: 390px;
	margin-left: 45px;
}

#quick_sale>products product {
	background: #ff3019;
	/* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmYzMDE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

	background: -moz-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	/* IE10+ */

	background: linear-gradient(135deg, #ff3019 0%, #cf0404 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */


}

#quick_sale product title {
	font-size: 20px !important;
	height: 20px;
	display: table;
	color: #fff;
}

.nobg {
	background: transparent;
	background-image: url('');
	box-shadow: 0 0 0 transparent;
	text-align: center;
	width: 300px;
	word-wrap: break-word;
	float: left;
}

.nobg #number {
	float: none;
}

.number_pad {
	margin-left: 10px;
}

center {
	clear: both;
	margin: 0;
	float: none;
	display: block;
}

#tendered,
#number,
#manager_confirms {
	background: none repeat scroll 0 0 #5C5858;
	color: #ff0101;
	font-size: 45px;
	height: 50px !important;
	font-weight: bold;
	text-align: right;
	clear: both;
	margin-bottom: 20px;
	font-family: fakereceipt;
}

form#login_form {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: block;
}
.quick {
	background: #398235;
	/* Old browsers */

	background: -moz-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #398235), color-stop(56%, #8ab66b), color-stop(100%, #c9de96));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* IE10+ */

	background: linear-gradient(135deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#398235', endColorstr='#c9de96', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */


}

.header {
	background: #f85032;
	/* Old browsers */

	background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f85032), color-stop(50%, #f16f5c), color-stop(51%, #f6290c), color-stop(71%, #f02f17), color-stop(100%, #e73827));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
	/* IE10+ */

	background: linear-gradient(135deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#e73827', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */

	border-radius: 4px 4px 0 0;
	width: 100%;
	text-align: center;
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 10px 0;
}

.header h2 {
	display: inline-block;
	margin: 0;
	padding: 0 !important;
	width: 200px;
}

.header p {
	display: inline-block !important;
	min-width: 150px;
	padding: 0;
	margin: 0 !important;
}

li.number_button.quick {
	border-radius: 3px;
	font-size: 14px !important;
	height: 20px;
	line-height: 15px;
	padding: 10px 0;
	width: 100px;
	background: #ffffff;
	/* Old browsers */

	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	/* IE10+ */

	background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */


}

.payment_buttons input {
	width: 75px !important;
}

#top_bar {
	margin-bottom: 20px;
}


#admin_menu h3 {
	line-height: 40px;
}

.main_panel2 {
	display: inline-block;
	margin-top: 20px;
	max-width: 390px;
	width: auto;
}

.number_pad {
	display: inline-block;
	margin-left: 10px;
	max-width: 400px;
	width: auto;
	min-width: 300px;
}

.payment_buttons input {
	background: none repeat scroll 0 0 #c9c9c9 !important;
	color: red !important;
	font-size: 28px !important;
	font-weight: bold !important;
	height: 35px !important;
	left: -10px !important;
	padding-right: 3px !important;
	position: relative;
	text-align: right;
	text-indent: -13px !important;
	top: 7px;
	width: 105px !important;
}

.payment_buttons li:nth-child(3) {
	display: block;
	clear: both;
}

.payment_buttons li:nth-child(2) {
	clear: right;
	float: right;
	width: calc();
}

.number_pad input[type="submit"] {
	height: 70px !important;
	padding: 0 15px 20px 15px !important;

	font-size: 14px !important;
	word-wrap: break-word !important;
	background: #ffffff !important;
	/* Old browsers */

	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6)) !important;
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* IE10+ */

	background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1) !important;
	/* IE6-9 fallback on horizontal gradient */


	width: 120px !important;
	font-weight: bold;
	margin-right: 15px;
	box-shadow: 4px 4px 4px #666;
}

#cashier_name {
	color: #fff;
	display: inline-block;
	float: right;
	font-weight: bold;

	text-align: right;
}

#cashout_user {

	width: 300px;
	margin: 10px !important;
}

#resetc,
#closec {
	background: #f85032;
	/* Old browsers */

	background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important;
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f85032), color-stop(50%, #f16f5c), color-stop(51%, #f6290c), color-stop(71%, #f02f17), color-stop(100%, #e73827)) !important;
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important;
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important;
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important;
	/* IE10+ */

	background: linear-gradient(135deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important;
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#e73827', GradientType=1) !important;
	/* IE6-9 fallback on horizontal gradient */

	color: #fff;
	line-height: 30px !important;
}

.ui-accordion-header h2 {
	color: #000 !important;
	font-size: 20px;
}

.accordion h2.ui-accordion-header.ui-state-default.ui-corner-top.ui-accordion-icons {
    background: #666;
	color: #fff!important;
}

#pos_page {
	overflow-x: hidden;
	width: 100%;
	display: table;
	min-height: 800px;
}


.at_a_glance li {
	background: transparent;
	background-image: url('');
	border: 0px none;
	width: 300px;
}

.button.nokeyboard {
	background: #ff3019;
	background: -moz-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
	background: -webkit-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	background: -o-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	background: -ms-linear-gradient(-45deg, #ff3019 0%, #cf0404 100%);
	background: linear-gradient(135deg, #ff3019 0%, #cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=1);
	color: #fff;
}

#cboxLoadedContent>ul {
	max-width: 380px;
	z-index: 2147483647;
	margin: 70px;
}

li.number_button.quick {
	background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 3px;
	cursor: pointer !important;
	font-size: 12px !important;
	height: 20px;
	line-height: 20px;
	padding: 10px 0;
	width: 100px;
	z-index: 2147483647;
	position: relative;
}

#waiting_for_completion {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 150px;
	height: auto;
	min-height: 150px;
	border: 10px solid #c9c9c9;
	box-shadow: 2px 2px 6px #666;
	z-index: 99999999999999999999999999;
	background: #fff;

}

.product {
	background: #3b679e;
	/* Old browsers */

	cursor: pointer;

	background: linear-gradient(135deg, #74a0d7 0%, #207ecd 50%, #207cca 51%, #7db9e8 100%);
	/* W3C */


}

div#cboxLoadedContent .left {
	width: 50%;
	text-align: left;
	float: none !important;
	display: inline-block;
	text-transform: capitalize;
}

div#cboxLoadedContent .right {
	float: none !important;
	width: 30%;
	text-align: left;
	display: inline-block;
	margin-left: 10px;
	text-transform: capitalize;
}

category {
	font-size: 14px !important;
	min-width: 150px;
	box-shadow: 2px -2px 4px #666;
	word-wrap: break-word;
	cursor: pointer;
}

category title {
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

products {

	max-width: 99%;
	overflow-x: hidden;
	height: auto;
	min-height: 450px;
	display: ;

}

product {
	margin: 2px;

}

#categories {
    z-index: 100;
    background-color: #fff;
    width: calc(100% - 5px);
    border-radius: 0 10px 10px 0 !important;
    /* border: 1px solid #666; */
    padding: 10px;
    left: 0px;
    margin-left: 0px;
    border-radius: 0!important;
    min-height: calc(100% - 0px);
    display: table!important;
}
#menu_holder h2.card-header, #quick_sale h2.card-header {
    text-align: center;
    font-size: 20px;
}

#sub_categories {
	display: none;
	height: 35px;
	left: 0;
	margin-bottom: -10px;
	margin-top: -2px !important;
	position: relative;
	top: -10px;
	width: 100%;
}

sub_categories {
	display: block;
	margin-top: 2px;
	width: 100%;
	position: relative;
	left: 50px;
}

sub_category {
	display: inline-block;
	border-right: 1px solid #fff;
	padding: 0 10px 010px;

	background: rgb(184, 198, 223);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjhjNmRmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZkODhiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(184, 198, 223, 1)), color-stop(100%, rgba(109, 136, 183, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* IE10+ */
	background: linear-gradient(135deg, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */
	font-size: 14px !important;

	box-shadow: 2px -2px 4px #666;
}

sub_categories sid,
sub_categories cid {
	display: none;
}

sub_categories title {
	display: block;
}

#sub_categories title {
	font-size: 12px;
}

#sub_categories title {
	font-size: 22px;
	padding-top: 5px;
	font-size: 14px;
}

sub_category:hover,
category:hover {

	background: #efc5ca;
	/* Old browsers */

	background: -moz-linear-gradient(-45deg, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #efc5ca), color-stop(50%, #d24b5a), color-stop(51%, #ba2737), color-stop(100%, #f18e99));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);
	/* IE10+ */

	background: linear-gradient(135deg, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */


}

sub_category {
	display: inline-block;
	padding: 0 10px 10px;
	border-radius: 6px 6px 0px 0px !important;
	margin-left: 2px;
	border: 1px solid;
	min-width: 100px;
	font-weight: bold;
	text-align: center;

}

span.help {
	background: url("/include/addons/pos/css/images/help.png") no-repeat scroll 0 0 / 22px 22px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 22px;
	width: 22px;
	position: relative;
	left: -40px;
	z-index: 100;
	float: right;
}

#colorbox span.help {
	background: url("/include/addons/pos/css/images/help.png") no-repeat scroll 0 0 / 22px 22px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 22px;
	position: relative;
	left: 230px !important;
	top: 5px;
	width: 22px;
	z-index: 100;
}

.search_form span.help {
	background: url("/include/addons/pos/css/images/help.png") no-repeat scroll 0 0 / 22px 22px rgba(0, 0, 0, 0);
	display: inline-block;
	float: none;
	height: 22px;
	left: -50px;
	position: relative;
	width: 22px;
	z-index: 100;
}

#productcode_help {
	display: none;
}

form .row span #recipe {

	height: 150px;
	width: 50% !important;
	float: left;
}

form .row span.help {
	background: url("/include/addons/pos/css/images/help.png") no-repeat scroll 0 0 / 22px 22px rgba(0, 0, 0, 0);
	display: inline-block;
	float: right;
	height: 22px;
	left: -20px;
	position: relative;
	top: 0px;
	width: 22px;
	z-index: 100;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	background: transparent;
	border: 0px none;
	height: auto;
	max-height: 40px;
	min-height: 10px !important;
	padding: 0;
	display: block;
}

.ui-dialog {
	border: 15px solid #000;
	border-radius: 10px;
	box-shadow: 8px 8px 8px #666;
	padding: 0.2em;
	position: relative;
	width: 300px;
	z-index: 9999999999999999999999 !important;
}

.ui-widget-overlay {
	background: none repeat scroll 0 0 #cacaca;
	opacity: 0.8;
}

#close_dialog {
	border: 1px solid #000;
	border-radius: 15px;
	clear: both;
	float: right;
	left: 20px;
	padding: 5px;
	position: relative;
	top: -11px;
	width: 20px;
	z-index: 99999999;
}

.input_wrapper_custom .help {
	top: -35px;
}

.ui-accordion .ui-accordion-header:hover {
	color: blue;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	color: blue;
	font-weight: bold;
}

.email {
	background-image: url(/include/addons/pos/css/images/email.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.verify {
	background-image: url(/include/addons/pos/css/images/verify.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.ui-widget {
	/* overflow-x:hidden; */
}

.ui-widget-content {
	margin: -10px 0px 10px;
}

.accordion2 {
	margin: 0 auto !important;
}

.ui-accordion .ui-accordion-header {
	cursor: pointer;
	display: block;
	font-size: 16px;
	margin-top: 2px;
	min-height: 0;
	padding: 5px 30px !important;
	position: relative;
}

.table_wrapper_inner th {
	border-right: 1px solid #fff;
	font-weight: bold;
	height: 30px;
	padding-left: 5px;
}

.table_wrapper_inner th:last-child, .table_wrapper_inner td:last-child {
	border-right: 0px none;
}

.table_wrapper_inner tr:nth-child(2n) td {
	border-right: 1px solid #eee !important;
}


.small_font {
	font-weight: normal;
	font-size: 12px;
}

.page_no {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #fff;
	border-color: #ddd;
	border-image: none;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	color: blue;
	float: left;
	font-weight: bold;
	line-height: 20px;
	margin: 10px 0 0 10px;
	padding: 4px 12px;
	text-decoration: none;
}

#pagination >li,
.text {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #fff;
	border-color: #ddd;
	border-image: none;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	float: left;
	line-height: 16px;
	padding: 4px 12px;
	text-decoration: none;
	color: blue !important;
	cursor: pointer;
}
#pagination li.active {
    background-color: #666!important;
    color: #fff!important;
}
#splashlogo {
	position: absolute;
	left: 100px;
	top: 100px;

}

p.medium {
	vertical-align: middle !important;
	text-align: middle !important;
	font-weight: bold !important;
	line-height: 35px !important;
	text-indent: 20px !important;
	border-radius: 4px !important;
	box-shadow: 2px 2px 6px #000 !important;
}

.ui-widget-overlay {
	z-index: 2 !important;
}

#cboxLoadedContent #table_selection p {
	margin: 0 !important;

	padding: 0 !important;
}

.payments .row:nth-child(3) {
	float: right;
	left: 50px !important;
	position: relative;
	top: -100px !important;
}

.payments .row:nth-child(4) {
	left: 300px !important;
	position: relative;
	top: 40px;
}

.payments .row label {
	width: 160px !important;
}

.silver {
	background: #ffffff !important;
	/* Old browsers */

	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6)) !important;
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* IE10+ */

	background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1) !important;
	/* IE6-9 fallback on horizontal gradient */
	color: #000 !important;
}

#colorbox {
	margin: 0 !important;
	top: 0px !important;
}

#colorbox #cboxClose,
#detached_cart #cboxClose {
	background-attachment: scroll !important;
	background-clip: border-box !important;
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: url("/assets/addons/pos/images/close_box.png") !important;
	background-origin: padding-box !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	background-size: 70px 70px;
	border-radius: 25px;
	cursor: pointer;
	display: block;
	height: 70px;
	right: 0px;
	top: 48px;
	width: 70px;
}

#detached_cart #cboxClose {
	right: -30px;
	top: 10px;
}

#detached_cart .item_details {
	border-bottom: 1px solid #c9c9c9 !important;
	display: table !important;
	float: none;
	margin: 10px !important;
	padding: 10px !important;
	width: 100%;
}

#detached_cart #cart_inner {
	max-height: auto !important;
}

#cboxTopLeft,
#cboxTopRight,
#cboxTopCenter,
#cboxBottomLeft,
#cboxBottomRight,
#cboxBottomCenter,
#cboxMiddleLeft,
#cboxMiddleRight {
	background-image: none !important;
}

#cboxContent {
	background: transparent;
	padding: 10px;
}

#cboxContent {
	background: transparent;
	padding: 10px;
	width: 90% !important;
}

#cboxLoadedContent {
	width: 75% !important;
	border: 15px solid #666 !important;
	border-radius: 20px;
	display: block;
	margin-bottom: 28px;
	padding: 10px 10px !important;
	background: #f6f8f9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9));
	background: -webkit-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -o-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -ms-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: linear-gradient(135deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=1);
}

#newTransactionForm {

	margin: 0 auto !important;
	width: 90%;
}

#categories categories category title {

	min-width: 200px !important;
}

#menu_holder #categories categories category:first-child {
	margin-left: 50px;
}

sub_categories {
	text-align: left;
	margin-left: 50px;
	width: auto;
}


retail {
	margin-bottom: -30px;
	position: relative;
	z-index: 1;
	opacity: 1.0 !important;
}

product title {

	font-weight: bold;
	position: relative;
	width: 90%;
	word-wrap: break-word;
	font-size: 16px !important;

}

product img {
	opacity: 1.0;
}

#quick_sale img {
	display: none;
}


#products ul>li .url,
#products ul>li .description,
#products ul>li .id {
	display: none !important;
}

li.product.d-inline-block.w-10.float-left.btn.btn-product {
	min-height: 100px;
	vertical-align: top;
}

.retail {
    position: absolute;
    top: 101px;
    font-weight: bold;
    font-size: .8em;
    float: none;
    vertical-align: bottom;
    clear: both;
    display: block;
    text-align: right;
    min-width: calc(10% - 10px);
    text-align: center;
}

.clickable {
    position: relative;
    margin: 0;
    padding: 0;
}



.fa.fa-indent {
	float: right;
	clear: both;
}

.products ul>li {
	width: 100px;
}

.item_details img[src="uploads/products/misc.png"] {
	margin-top: -10px !important;
	box-shadow: 4px 4px 4px #666;
}

.ingredient_auto {
	background: none repeat scroll 0 0 #fff !important;
	border-radius: 0 0 6px 6px;
	box-shadow: 4px 4px 4px #666;
	position: relative;
	z-index: 99999999;
	display: none;

	padding: 10px 0px;
	color: #000;
}

.ingredient_auto {
	color: #000;
	width: 220px;
	left: 25px;
	top: -20px;
}

.list {
	background: url("/assets/addons/pos/images/list.png") no-repeat scroll 0 0 / 25px 25px rgba(0, 0, 0, 0);
	display: inline-block;
	position: relative;
	top: -16px;
	height: 25px;
	margin: 0px 0px -24px 0px !important;
	height: 25px;
	width: 25px;
}

#detach {
    font-size: 25px;
    margin-top: -2px;
    margin-bottom: -8px;
    display: inline-block;
    float: right;
    margin-right: 10px;
}
#switch_view {
    font-size: 18px;
    margin-top: 14px!important;
    margin-bottom: -20px!important;
    margin-right: 5px!important;
    float: left;
}
#detached_cart {
	width: 800px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 8px 8px 8px #666;
	border: 10px solid #cacaca;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 10px;
	z-index: 99999999999999;
}

#detached_cart ul {
	height: auto;
}

#newTransactionForm>p {
	width: auto !important;
}

#newTransactionForm {
	padding: 10px;
}

#more_details>p {
	width: auto !important;
}

#colorbox {}

#top_bar_hide_button {
	background-color: transparent !important;
	background-image: url("/assets/addons/pos/images/logo.png") !important;
	background-repeat: no-repeat !important;
	background-size: 150px 100px !important;
	bottom: -30px;
	cursor: pointer;
	display: block;
	height: auto;
	margin-bottom: 35px;
	min-height: 80px;
	min-width: 120px !important;
	position: fixed;
	right: 1% !important;
	z-index: 99999999 !important;
}

#top_bar span:last-child {
	display: inline-block;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 35px;
}



.folder {
	height: 35px;
}

.buttonDown .key {
	background: #3b679e !important;
	/* Old browsers */

	background: -moz-linear-gradient(-45deg, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%) !important;
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #3b679e), color-stop(50%, #2b88d9), color-stop(51%, #207cca), color-stop(100%, #7db9e8)) !important;
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%) !important;
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%) !important;
	/* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%) !important;
	/* IE10+ */

	background: linear-gradient(135deg, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%) !important;
	/* W3C */
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b679e', endColorstr='#7db9e8', GradientType=1) !important;
	/* IE6-9 fallback on horizontal gradient */
	color: #eee !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

#close_button {
	float: right !important;
	margin: 0 !important;
}

.toggle-modern {
	margin: 20px;
	height: 30px;
	width: 120px;
	position: relative;
	top: -50px;
	margin-bottom: -50px;
}

#tendered {
	margin-top: -30px !important;
}

input.register {
	margin-top: 0px !important;
}

.payment_buttons {
	position: relative;
	top: 0px;
}

#closect,
#closect2,
#resetc {
	margin-left: 10px;
	margin-right: 10px !important;
	position: relative;
	width: 90px !important;
	max-height: 50px !important;

}

.cashout_form {
	margin: 0 auto;
}

.nobg.cashout_form {
	float: none !important;
}

#employee_x_form .row {
	margin-left: 20px !important;
}

#employee_x_form input[type="submit"] {
	margin-right: 20px;
}

.number_button.quick {
	clear: both;
	display: block;
	font-size: 0.9vw !important;
}

.number_pad>div .number_button {
	line-height: 70px;
}


#interact_buttons .button {
	height: auto;
	max-height: 50px;
}

span#filter_text {
	margin-left: 30px;
	margin-top: 5px;
	vertical-align: baseline;
	position: relative;
	top: 11px;
}

p.mobile {
	font-size: 18px;
	height: 25px;
	left: -6px;
	margin-top: 0;
	position: relative;
	width: 10%;
}

p.mobile>i {
	float: right;
	font-size: 30px;
	cursor: pointer;
}

p.mobile {
	display: none;
}

#top_interact {
	background-color: #ededed;
	margin: 5px;
	width: 100%;
}

.numerals {
	float: left;
	width: 270px;
}

.denominations {
	float: right;
}

.content_holder {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
}

#transaction_start_wrapper {
	margin: 0 auto;
	width: 80%;
}

.floorplan {
	width: 45%;
	display: block;
	height: 1000px;
}

.floorplan {
	display: block;
	float: left;
	width: 45%;
	height: 1000px;
}

#transaction_start_wrapper label {
	font-weight: bold;
	float: left;
}

.fa.fa-remove.close {
	border: 2px solid red;
	border-radius: 4px;
	color: red;
	float: right;
	font-size: 1.3vw;
	margin-top: 5px;
	opacity: 1;
	padding: 10px;
	position: absolute;
	top: 0;
	right: 10px;
}


#cboxLoadedContent form {
	background: transparent;
	border: 1px solid #cacaca;
	border-radius: 8px;
	display: table;
	float: none !important;
	margin: 0 auto 50px 0 !important;
	padding: 10px;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
	padding-bottom: 50px !important;
	border: unset;
	box-shadow: unset;
}


.number_button.quick {

	clear: both;
	display: block;
	font-size: 10px !important;

}

#cash {

	height: 24px !important;
	margin-top: -7px !important;
	margin-left: 14px;

}

#cash_button {

	width: 215px !important;

}

#interact_buttons {

	clear: both;
	display: block;
	float: none;
	margin-bottom: 0;
	width: 100%;

}


.product_price {
    margin-left: 10px;
    width: 50px;
    margin-right: 0px;
}

#transaction_start_wrapper {
	margin: 0px auto 0px !important;
}

#overlay_panel i.right.fa.fa-close {

	color: red;
	font-size: 50px;
	margin: 65px 20px 0px !important;
	border: 3px solid red;
	padding: 7px 10px;
	border-radius: 10px;

}

#interact_buttons {
	clear: both;
	float: right;
	margin-bottom: -100%;
	width: 35%;
}

p.mobile {
	display: block;
}

.mobile #cart,
.mobile #totals {
	clear: both;
	display: block;
	float: none;
	max-width: inherit;
	width: 98% !important;
	z-index: 9999999;
}

#back_button,
#forward_button {
	border-radius: 8px;
	font-size: 20px !important;
	height: 24px;
	line-height: 5px !important;
	padding-top: 1px;
	width: 24px;
	text-indent: -4px;
}

#cashier_name p,
#clockbox {
	font-size: 8px !important;
}

.alert_bar {
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.categories_button {
	background: lightsalmon none repeat scroll 0 0;
	border-radius: 0 0 8px 8px;
	box-shadow: -2px 2px 4px #666;
	clear: both;
	color: #fff;
	display: inline-block;
	float: right;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	left: -21px;
	line-height: 31px;
	position: absolute;
	top: -160px;
	transform: rotate(-90deg);
	width: 120px;
}

.quick_sale_button {
	background: red none repeat scroll 0 0;
	border-radius: 0 0 8px 8px;
	box-shadow: -2px 2px 4px #666;
	clear: both;
	color: #fff;
	display: inline-block;
	float: right;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	left: -20px;
	line-height: 31px;
	position: absolute;
	top: -30px;
	transform: rotate(-90deg);
	width: 120px;
}

#quick_sale product {
	height: 55px;
	margin: 1px;
	min-height: unset;
	min-width: unset;
	width: 55px;
}

product retail {
	display: block;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 25px;
}

#quick_sale>products {
	display: block;
	margin-left: 45px;
	min-height: 390px;
	max-width: unset;
}

#quick_sale product title {
	color: #fff;
	display: table;
	font-size: 12px !important;
	height: 20px;
	position: relative;
	top: -9px;
}

.breakdown span {
	font-size: 14px !important;
	float: right;
}

.breakdown label {
	font-size: 14px !important;
}

#transaction_details li {
	margin: 0 0 5px 10px !important;
}

#interact_buttons .button.half {
	font-size: 12px;
	margin-right: 5px;
	max-width: 220px;
	padding: 5px 10px;
	width: auto;
}

#totals h2 {
	float: left;
	font-size: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 0;
}

#grandtotal {
	display: inline-block;
	font-size: 16px !important;
	position: relative;
	text-align: right;
	top: 5px !important;
	width: 80px !important;
}

#order_type {
	color: #00eb00;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.right_more {
	background: red none repeat scroll 0 0;
	border-radius: 0 0 25px 25px;
	color: #fff;
	display: block;
	float: right;
	font-weight: bold;
	height: 5px;
	margin: auto 0;
	padding: 5px;
	position: absolute;
	right: -176px;
	text-align: center;
	top: 234px;
	transform: rotate(-90deg);
	width: 100%;
	font-size: 10px;
	line-height: 5px;
}

#login_form div.number_button {
	line-height: 52px;
}

product img,
giftcard img {
	margin-top: 145% !important;
	opacity: 1;
	position: relative;
	width: 100% !important;
	height: auto;
}

product retail {
	display: block;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 55px;
}

#top_bar_hide_button {
	background-color: transparent !important;
	background-image: url("/assets/addons/pos/images/logo.png") !important;
	background-repeat: no-repeat !important;
	background-size: 100% auto !important;
	bottom: -38px;
	cursor: pointer;
	display: block;
	height: auto;
	margin-bottom: 35px;
	min-height: 80px;
	min-width: 120px !important;
	position: fixed;
	right: 0% !important;
	z-index: 99999999 !important;
}

#transaction_details {
	text-align: left;
	width: 150px;
}

.text_box {
	border: 1px solid #cdcdcd;
	border-radius: 10px;
	font-size: 42px;
	height: 31px !important;
	text-align: right;
	width: 200px;
}


#products product {
	height: auto;
	margin: 2px;
	max-height: 90px !important;
	width: auto;
	height: 90px !important;
}

#interact_buttons .button,
#cboxLoadedContent input[type="submit"] {
	font-size: 14px;
}
}

#existing_transactions li {

	font-size: 15px;

}

#top_bar #language_choices {
	display: none;
}

#overlay_panel {
	z-index: 999 !important;
}

.fa.fa-user.inline.assign {
	font-size: 25px;
	color: red;
	background-color: #ededed;
	width: 25px;
	clear: both;
	display: table;
}

.tab_box {
	background-color: beige !important;
	display: table;
	float: left;
	padding: 10px;
	width: 25%;
	height: auto;
	text-align: left;
	margin: 2px;
	border-radius: 10px;
}


.at_a_glance li {
	background: transparent;
	background-image: none;
	background-image: url('');
	border: 0px none;
	width: 300px;
	margin-left: 0px;
}




.fa.fa-bars.contacts-menu {

	display: none;

}

#admin_menu h3 {
	line-height: 40px;
	display: block;
	clear: both;
}

select[name="cmbdate"],
select[name="cmbmonth"],
select[name="cmbyear"] {
	display: inline-block;
	width: 75px !important;
}

.letters span {
	font-size: 30px !important;
	margin-top: 28px !important;
}

.letters {
	margin-top: 25px;
	margin-bottom: 25px;
}

.user.statuses li {
	display: inline-block;
}

.user.statuses {
	display: block;
	margin-bottom: 30px;
	margin-top: 20px;
}

#product_list {
	margin-top: 20px;
}

.search_form.general_form input.medium[type="submit"] {

	position: relative;
	width: auto !important;
	max-width: unset !important;

}

input[name="ChangeStatus"] {

	width: auto !important;
	max-width: unset;

}


.admin.box .row.subs {
	margin-top: 50px !important;
	color: #666;
}


.admin.box .row.subs label.button {
	font-size: 12px !important;
	text-align: center;
	width: 100px;
}

.admin.box .row.subs label.button a {
	color: #666;
}

.units {
	width: 65px !important;
}

#table_selection label {
	display: block;
	float: none !important;
}

#table_selection label {
	display: block;
	float: none !important;
}

#tools p {
	display: block !important;
	float: none !important;
	clear: both !important;
	margin-top: 20px !important;
}

input[name="addproduct"] {
	width: auto !important;
}

#q {
	height: 50px !important;
	font-size: 18px !important;
	width: 40% !important;
	margin-top: -9px;
	border-radius: 5px;
}

input[name="submit_search"] {
	width: auto !important;
}

#search span {
	color: #fff;
	margin-left: 10px;
}

.product_images {
	width: 100% !important;
	border: 1px solid #666;
	padding: 10px;
	border-radius: 5px;
}

.product_images li {
	display: inline-block;
	margin-right: 10px;
	border: 1px solid #666;
	padding: 5px;
	border-radius: 5px;
}

.product_images .button.send_form_btn {

	background: unset !important;
	border: 0px none !important;
	box-shadow: unset;
	width: 100% !important;
	max-width: unset !important;
	margin-left: -10px;

}

.product_images .button.send_form_btn a.button {
	width: 100% !important;
	max-width: unset !important;
	color: #666 !important;
	font-size: 18px !important;
	margin: 10px auto 0px;
	text-align: center;
	line-height: 20px !important;
}

.quick_sale_button {
    left: -40px !important;
    width: auto !important;
    position: absolute;
    float: left;
    margin-left: 0px;
    top: 100px!important;
    padding: 10px!important;
    line-height: 15px;
}

.categories_button {
	left: 5px !important;
	transform: unset !important;
	padding: 5px !important;
	width: auto !important;
}

#overlay_panel .right.fa.fa-close {

	display: none;

}



.section.pos form .row {

	display: inline-block !important;
	width: 150px !important;
	clear: none !important;

}

select[name="status"] {

	width: 150px !important;

}

.admin.box form .row {

	display: inline-block !important;
	left: 0 !important;
	margin: 0 10px !important;
	min-width: unset;
	position: static;
	text-align: left !important;
	vertical-align: top;
	width: auto;
	min-height: 100px;
	max-width: 200px !important;

}

.section.pos form .row.pos.datepickers {

	min-width: 363px !important;

}

.section .datepickers .inputs {
	min-width: 100%;
}


#ui-datepicker-div {

	position: relative !important;
	top: 75px !important;
	font-size: 14px;

}

#product_list {
	margin-left: 0px;
	margin-top: 0px;
	border: 1px solid #ddd;
	width: 100%;
}


#top_menu>span {

	display: block !important;
	float: none;
	clear: both;
	width: 100%;
	margin-bottom: 20px;

}

#top_bar span button {
	top: 0px !important;
	margin-top: 10px !important;
}

#edit_form .row,
#edit_box .row,
#cms_form .row {
	display: block !important;
	width: 100% !important;
}

.admin.box .inputs {
	font-size: 10px;
	line-height: 30px;
	width: 75% !important;
}

.admin.box .inputs {
	font-size: 10px;
	line-height: 30px;
	width: 95% !important;
}


.admin.box form textarea {

	width: 100% !important;
	max-width: unset !important;
	min-width: 300px;

}

.edit,
.delete {
	font-size: 0px;
}

.shipping_box select,
.shipping_box input[type="text"] {
	font-size: 12px !important;
	height: 24px !important;
}

#product_list td {
	font-size: 12px;
	line-height: 23px;
}

#product_list img {
	width: 75px;
	display: block;
	margin: 10px auto;
}

#shipform .row {
	display: block !important;
	width: 100% !important;
}

#addshipping_box .row {
	display: block !important;
	width: 100% !important;
}

#gateways .row {
	display: block !important;
	width: 100%;
}

#gateways .ui-accordion-content form {
	min-height: 450px !important;
}

#gateways form,
#gateways fieldset,
#gateways .forms {

	min-height: 650px !important;
	max-height: unset !important;
	height: 100% !important;
	display: block !important;

}

#gateways .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
	min-height: 650px !important;
	background-color: #e2e2e2;
}

#gateways .row {
	display: block !important;
	float: none;
	max-width: unset !important;
}

.buttons {
	position: relative;

	float: left;
}


ol.ui-accordion-header {
	text-indent: 30px;
	font-size: 9px !important;
	margin-bottom: 5px !important;
}

ol.ui-accordion-header .ui-accordion-header-icon {

	position: absolute;
	left: 1.5em;
	top: 50%;
	margin-top: -8px;

}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {

	color: blue;
	font-weight: bold;
	background-color: red !important;
	background-image: url('') !important;
	color: #fff;

}

#gateways .buttons {

	position: relative;
	left: 0px;

}


.admin #search input[type="text"],
#search select,
#search #q {

	font-size: 13px !important;
	height: 24px !important;
	vertical-align: top;
	margin-top: 0px;

}

.categoryorder a {

	font-size: 13px;

}

.input_wrapper_custom {

	width: 100% !important;
	max-width: unset !important;

}

.input_wrapper_custom #logouttime {

	float: right;

}

.admin .find_transactions .inputs input,
.admin .find_transactions .inputs select {

	font-size: 14px !important;
	height: 24px !important;

}

.admin .find_transactions .inputs {
	display: inline-block;
	width: 150px !important;
	float: none !important;
	min-width: unset !important;
}


.main_panel center {
	margin-top: 20px;
}


.admin.box label {

	color: #fff;

}

.admin.box .inputs>span {

	color: #fff;
	display: block;
	float: none;
	clear: both;

}



input[name="submit_search"] {

	font-size: 14px !important;
	height: 30px !important;
	vertical-align: top !important;
	float: right !important;
	line-height: 15px !important;

}

#product_f1 .row input[type="text"],
#product_f1 .row select {

	font-size: 14px !important;
	height: 30px !important;

}


.admin.box .system.included {

	color: red !important;
	margin-left: 5px;
	float: left !important;
	font-size: 35px;
	margin: 5px 5px 0px 0px;
	display: inline-block !important;

}

.admin.box .row font {

	display: block;
	clear: both;
	font-size: 10px !important;

}

#textcount1 {

	width: 30px !important;
	display: inline-block !important;

}

.packaging_details input {

	height: 24px !important;
	width: 65px !important;
	font-size: 12px !important;

}

.row.files {

	display: block !important;
	clear: both !important;

}


.letters span.sp {

	font-size: 13px !important;

}

h2 {
	font-size: 18.5px;
}

#totals {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
	background: rgb(125, 126, 125);
	/* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */

}
div#at_a_glance_wrapper, #top_bar {
    box-shadow: -4px -4px 4px #ddd;
    height: 100%!important;
    position: fixed;
    right: 0px;
    /* z-index: -1; */
    max-height: fit-content;
    height: auto!important;
    background: #ccc;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    min-height: 100%;
	position: absolute;
}
.admin.box .row label {

	color: #fff;

}

#search_form input[type="text"],
#search_form select,
#search_form #q {
	font-size: 14px !important;
	height: 29px !important;
}

#f1 input[type="text"],
#f1 select {

	font-size: 14px !important;
	height: 28px !important;

}

#description {
	font-size: 13px !important;
	line-height: 18px !important;
}

.admin .fa.fa-pencil {

	background-color: #666;
	color: #fff;
	padding: 4px;
	width: 16px;
	height: 16px;
	text-align: center;
	border-radius: 4px;

}

.actions_menu {

	min-width: 90px;

}

.admin .fa.fa-close {

	background-color: #666;
	width: 16px;
	height: 16px;
	text-align: center;
	color: #fff;
	padding: 4px;
	border-radius: 4px;
	font-size: 16px;

}

.table_wrapper_inner tr td {
	border-bottom: 2px solid #fff;
	border-right: 1px solid #fff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	width: auto;
	vertical-align: top;
	color: #666;
}

#employess_clocked_in li {
	font-size: 10px !important;
	margin-left: 6px;
}

#employess_clocked_in>ul {
	margin-left: 0px !important;
}

#admin_menu h3 {
	line-height: 40px;
	display: block;
	clear: both;
	color: #fff;
	background-color: #666;
	padding: 5px;
}




#interact_buttons {
	clear: both;
	float: right;
	margin-bottom: 0;
	width: 35%;
	text-align: left;
	padding-left: 20px;
	border-bottom: unset;
	padding-bottom: unset;
}

.admin.box form .row {
	display: inline-block !important;
	left: 0 !important;
	margin: 0 10px !important;
	min-width: 250px;
	position: static;
	text-align: left !important;
	vertical-align: top;
	width: auto;
	min-height: 100px;
	max-width: 228px !important;
	max-width: 201px !important;
}

.clear {
	display: table !important;
	float: none;
	clear: both;
	width: 100%;
	margin: 10px;
}

.hundred {
	display: table !important;
	float: none;
	clear: both;
	width: 100%;
	margin: 10px;

}


#interact_buttons>span {

	float: none !important;
	display: block !important;
	border-radius: 20px;
	margin-bottom: 0px !important;
	margin-top: 0 !important;
	margin-right: 10px;

}

#top_menu>span {
	display: block !important;
	float: none;
	clear: both;
	width: 100%;
	margin-bottom: 0px;
}



#top_bar span:last-child {

	display: inline-block !important;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: left;
	clear: both !important;

}


#interact_buttons {

	clear: none;
	float: none;
	margin-bottom: unset;
	width: 100%;
	text-align: left;
	padding-left: unset;
	border-bottom: unset;
	padding-bottom: unset;
	clear: both;
	display: block;

}

#interact_buttons>span {

	float: none !important;
	display: block !important;
	border-radius: 20px;
	margin-bottom: 0px !important;
	margin-top: 0;
	margin-right: auto;
	clear: both;
	width: 92%;
	margin-left: auto !important;
	height: 0px;

}

#cashier_name ul li:nth-child(3) p {
	font-size: 11px !important;
}

#interact_buttons {

	clear: none;
	float: none;
	margin-bottom: 0;
	width: 100%;
	text-align: left;
	padding-left: 20px;
	border-bottom: unset;
	padding-bottom: 10px;
	clear: both;
	display: table;
	height: auto;
	top: unset;
	position: unset;
	min-height: 300px !important;
	visibility: visible;

}



#cash_button {

	margin-bottom: 20px;
	margin-top: 32px;
	margin-left: auto;
	float: left;
	margin-right: auto;
	width: 91% !important;
	left: 0 !important;

}

#interact_buttons>span {

	float: none !important;
	display: block !important;
	border-radius: 20px;
	margin-bottom: 40px !important;
	margin-top: 5px;
	margin-right: 32px;

}

#more_details>p {

	width: 48% !important;
	display: inline-block;
	float: left;
	background-color: #666;
	margin-right: 5px;
	color: #fff;
	padding: 6px;
	border: 1px solid #eee;
	height: 61px;

}

p#description_wrap {

	text-align: left;
	background-color: #666;
	color: #fff;
	padding: 5px;
	width: 98% !important;

}

p#description_wrap input {
	float: right;
	clear: both;
	position: relative;
	left: unset;
	min-width: 48%;
}

p#de #trans_star {

	width: 99%;

}

overlay_panel .right.fa.fa-close {

	font-size: 25px;
	display: block;
	margin-bottom: 25px !important;
	clear: both;
	position: relative;
	z-index: 999999999999;
	border-color: #666 !important;
	background-color: #666;

}

#top_bar #interact_buttons {
	min-height: 300px !important;
	display: table !important;
	float: none !important;
	margin: 50px auto 10px auto !important;
}

#interact_buttons>span {

	float: none !important;
	display: block !important;
	border-radius: 20px;
	margin-bottom: 25px !important;
	margin-top: 5px;
	margin-right: 32px;
	padding: 0px !important;
	min-height: 0px;
	height: 0px;

}

#interact_buttons>span #transaction_button {
	margin-top: 15px !important;
}

#interact_buttons>span #print_receipt {

	margin-top: 40px !important;
	margin-bottom: 50px !important;
	display: table;

}

#interact_buttons>span #cash_button {
	margin-top: 11px !important;
}

#top_bar #interact_buttons>span .button.nokeyboard.silver.send_to_kitchen {

	background: #299a0b !important;
	background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%) !important;
	background: -webkit-linear-gradient(top, #299a0b 0%, #299a0b 100%) !important;
	background: linear-gradient(to bottom, #299a0b 0%, #299a0b 100%) !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#299a0b', endColorstr='#299a0b', GradientType=0);
	color: #fff !important;
	font-weight: bold !important;
	padding: 10px 0px;

}

#top_bar #interact_buttons>span.add_margin {

	margin-bottom: 50px !important;

}

.item_details {
	color: #666;
}

.item_details.bumped {
	background-color: orange;
}

#sales_bar_ul li {

	border: 0px;

}

.item_details.fired,
.item_details.bumped {
	color: #fff;
}


.payment_buttons {
	position: static;
	top: 0px;
	vertical-align: top;
	height: 100%;
	float: right;
	display: block;
}

.payment_buttons input {
	width: 50px !important;
	top: -39px !important;
	position: relative;
}

.number_pad>div .number_button {

	line-height: 50px !important;
	width: 50px;

}

.number_pad>div .number_button {
	line-height: 50px !important;
	width: 50px;
}

.payment_buttons {
	position: static;
	top: 0px;
	vertical-align: top;
	height: 100%;
	float: right;
	display: block;
}

.payment_buttons input {
	width: 50px !important;
	top: -45px !important;
	position: relative;
}

payment_buttons {
	position: static;
	top: 0px;
	vertical-align: top;
	height: 100%;
	float: right;
	display: inline-block !important;
	width: 285px;
}

.payment_buttons {
	position: static;
	top: 0px;
	vertical-align: top;
	height: 100%;
	float: right;
	display: inline-block !important;
	width: 350px;
	margin-bottom: -50px;
	display: block !important;
}

.number_pad {
	display: inline-block;
	margin-left: 10px;
	max-width: 400px;
	width: auto;
	min-width: 300px;
	margin-top: -45px;
}

.main_panel2 {

	display: inline-block;
	top: -70px !important;
	max-width: 390px;
	width: auto;
	position: relative;

}

#closect,
#closect2,
#resetc {
	margin-left: 10px;
	margin-right: 10px !important;
	position: relative;
	width: 95% !important;
	max-height: 50px !important;
}

#payment_forms_inputs {

	width: 83% !important;
	float: left !important;

}

#payment_forms_inputs input {

	height: 25px !important;
	float: right !important;
	clear: right !important;
	margin-bottom: -10px;

}

.number_pad.quick {

	top: -45px !important;
	position: relative;

}

.number_pad.quick {
	top: 50px !important;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.nobg.cashout_form .main_panel2 {

	float: none !important;
	top: -5px !important;
	position: relative;

}

#resetc {

	top: -15px !important;

}

.number_pad.quick {

	top: 50px !important;
	position: relative;

}


.tab_box span.product_name {
	width: 85%;
	text-align: left;
}

.send_message i.fa {
	width: 25px;
	text-indent: 0px;
}

input#s {
	display: none !important;
}

.delivery.details {
	width: 100%;
	background: rgb(226, 226, 226);
	background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
	display: table;
	margin-top: -10px;
	padding: 5px 0px;
}

.delivery.details * {
	font-weight: bold;
	color: #666;
}

#logintime,
#logouttime {
	width: 46% !important;
}

#chart_type {
	width: 150px !important;
}

.row.large {
	display: block !important;
	width: 100% !important;
}

.row.large .inputs {
	width: 60% !important;
	display: block !important;
	background-color: #666;
}

.row.large .inputs>span {

	background-color: #666;
	padding: 10px;
	border-radius: 0px;
	border: 1px solid #fff;
	margin-right: 4px !important;

}

.admin.box.payroll .inputs {
	font-size: 10px;
	line-height: 30px;
	width: 97% !important;
	margin-bottom: 20px;
}

#draggable_users li {

	display: inline-block;
	margin: 2px;
	background-color: #666;
	color: #fff;
	padding: 5px;
	border-radius: 4px;

}

.payroll #submit_search {
	position: relative;
	top: -40px;
}

.timeclock .table_wrapper_inner {
	color: #fff !important;
	background-color: #666;
	padding: 5px;
	width: 99% !important;
}

.admin.box.right.timeclock {
	max-width: 38%;
	float: right !important;
	display: inline-block;
}

#gateways {

	overflow-x: hidden !important;

}

#overlay_panel .right.fa.fa-close {
	display: block !important;
}

#overlay_panel .header {
	margin-right: 100px;
	margin-bottom: 100px;
	clear: both;
	margin-top: 16px !important;
	display: table;
}

.admin.box form .row.large {
	width: 100% !important;
	display: table !important;
	float: none;
	max-width: unset !important;
}

#newTransactionForm>div p select,
#newTransactionForm>div p input {
	float: right !important;
	top: -10px;
	position: relative;
	margin-top: 0px !important;
}

p#description_wrap input {
	float: right;
	clear: both;
	position: relative;
	left: unset;
	min-width: 48%;
	top: 7px;
}



.content_holder {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
	position: absolute;
	top: -150px;
}

#viewer {
	display: block;
	width: 100%;
}


div#left_form {
	width: auto;
	float: left;
	max-width: 80%;
}

#left_form p {
	width: 26% !important;
	display: inline-block;
	float: left;
	background-color: #666;
	margin-right: 5px;
	color: #fff;
	padding: 6px;
	border: 1px solid #eee;
	height: 61px;
}

#newTransactionForm>div p select,
#newTransactionForm>div p input {
	float: right !important;
	top: 6px;
	position: relative;
	margin-top: 0px !important;
	height: 20px !important;
}

.fc-toolbar .fc-left {
	float: right !important;
	margin-bottom: 15px;
}

.fc-toolbar .fc-right {
	float: right;
	margin-bottom: 55px;
}

.fc-day p {
	background-color: #666;
	color: #fff;
	padding: 4px;
	margin-top: 19px;
}

#pos_content {
	position: relative;
	overflow-x: hidden;
	width: 100%;
	background: #eee;
	min-height: 100%;
	display: block;
	line-height: 0px;
	position: relative !important;
	top: 0px;
}

#interact_buttons>span input.button {
	width: 95% !important;
	max-width: unset !important;
	margin: 5px 0px 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	border-radius: 15px !important;
	font-size: 17px !important;
	font-weight: normal;
}



div#location_show {
	/* max-width: 320px; */
	float: none;
	/* max-height: 200px; */
	background-color: #fff;
	min-height: unset !important;
	width: 100% !important;
}

div#location_show #viewer {
	display: block;
	width: 100%;
	/* max-width: 320px!important; */
	max-height: 400px !important;
}

.floorplan {
	display: block;
	float: none;
	width: 100%;
	height: 100%;
}

div#location_show #viewer {
	display: block;
	width: 100%;
	/* max-width: 320px!important; */
	max-height: 400px !important;
	min-height: 450px;
}

#viewer canvas:last-child,
#floorplan canvas:last-child {
	position: relative;
	top: -150px;
	display: none;
}

div#tables_and_maps {
	position: absolute;
	display: none;
	z-index: 999999999 !important;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: #c2c2c2c2;
}

#tables_and_maps .col-xs-9.main {
	float: none;
	background-color: #666;
	width: 70%;
	min-height: 500px;
	margin: 5% auto;
	border: 15px #666;
	border-radius: 25px;
}

.content_holder {
	width: 90%;
	margin: 0 auto;
	display: block;
	text-align: center;
	position: relative;
	top: -150px;
	z-index: 1;
}

#newTransactionForm>div p select,
#newTransactionForm>div p input {
	float: right !important;
	top: 10px;
	position: relative;
	margin-top: 0px !important;
	width: 75% !important;
}

#newTransactionForm>div p:nth-child(3),
#newTransactionForm>div p:nth-child(4),
#newTransactionForm>div p:nth-child(5),
#newTransactionForm>div p:nth-child(6) {
	display: none !important;
}

#locationField,
#controls {
	position: relative;
	width: 480px;
}

#autocomplete {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 99%;
}

.label {
	text-align: right;
	font-weight: bold;
	width: 100px;
	color: #303030;
	font-family: "Roboto";
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 13px!important;
}

.field {
	width: 99%;
}

.slimField {
	width: 80px;
}

.wideField {
	width: 200px;
}

#locationField {
	height: 20px;
	margin-bottom: 2px;
}

#locationField,
#controls {
	position: relative;
	width: 480px;
}

#autocomplete {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 99%;
}

.label {
	text-align: right;
	font-weight: bold;
	width: 100px;
	color: #303030;
	font-family: "Roboto";
}


#address td {
	font-size: 10pt;
}

.field {
	width: 99%;
}

.slimField {
	width: 80px;
}

.wideField {
	width: 200px;
}

#locationField {
	height: 20px;
	margin-bottom: 2px;
}

#cboxLoadedContent p {
	width: 350px;
	margin: 5px 0 15px 0;
	padding: 5px;
	clear: both;
	display: block;
}

#cboxLoadedContent {
	width: 93% !important;
	border: 15px solid #666 !important;
	border-radius: 20px;
	display: block;
	margin-bottom: 28px;
	padding: 10px 10px !important;
	background: #f6f8f9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9));
	background: -webkit-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -o-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -ms-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: linear-gradient(135deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=1);
	min-height: 400px;
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
	/* position: absolute; */
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	min-height: 479px;
}

.fc-day p {
	position: relative;
	z-index: 9;
}

product i.fa-indent {

	float: right;
	vertical-align: top;
	position: relative;
	color: green;
	background-color: #c2c2c2;
	padding: 3px;
	border-radius: 3px;
	cursor: pointer;
	z-index: 9;
	margin-top: -6px;
	margin-right: -8px;
	z-index: 9;
}

allergans {
	display: none !important;
}

i.fa-allergies {
	font-size: 20px;
	color: green;
	float: right;
	background-color: #c2c2c2;
	height: 20px;
	width: 20px;
	margin-top: 2px;
	border-radius: 3px;
	margin-right: 2px;
	color: green;
	position: relative;
	z-index: 9;
}

ul.special li {
	display: inline-block;
	width: 30px;
	height: 30px;
	float: left;
	border: 0px;
}

ul.special {
	float: right;
	display: block;
	height: 30px;
}

product>span {

	height: 100%;
	display: block;
	width: 100%;
	background-image: url('') !important;
	background-color: transparent !important;
	cursor: pointer;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {

	color: #fff;
	text-decoration: none;

}

#cboxLoadedContent {
	width: 91% !important;
}

#cart ul#tabs {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
	background: rgb(169, 3, 41);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
	/* IE6-9 */
	color: #fff;
}

#cart ul#tabs * {
    color: #fff;
    line-height: 20px;
}
.admin.box.full {
	width: 100% !important;
	max-width: unset;
}

.admin.box .row.hundred .inputs .ingredient ul li label {
	font-size: 10px !important;
}


.admin.box h2 .button.small {

	float: left !important;

}

.admin.box #reports_form .inputs {
	font-size: 10px;
	line-height: 30px;
	width: 100% !important;
	margin-bottom: 20px;
	vertical-align: top;
}


.business_check {

	width: 9.75in;
	height: 3in;
	background-color: #eeee;
	margin-bottom: 10px;
}

.company_details {

	padding: .5in .5in 0 .5in;
	display: block;

}

.payto {

	margin-left: 75px;
	font-weight: ;

}

.business_check {

	background-color: #eee;
	height: 3in;
	width: 8.75in;

}

.business_check {

	background-color: #eee;
	height: 4.5in;
	width: 8.75in;
	background-image: url(/assets/addons/pos/images/check.jpg);
	background-size: 100%;
	background-repeat: no-repeat;

}

.payroll_breakdown {
	background-color: #eee;
	height: 4.5in;
	width: 8.75in;

}

.company_details {

	padding: .5in;
	display: block;

}

.payto {

	margin-left: 30px !important;
	font-weight: bold;
	top: -20px !important;
	position: relative;

}

.net_pay {

	position: relative;
	left: 245px;
	top: -23px;
	font-weight: bold;
	font-size: 18px;

}

input.payroll_day {
	background-color: transparent;
	outline: unset;
	border: unset;
	position: relative;
	top: -87px;
	top: -80px;
	left: 260px;
	font-weight: bold;
}

.payroll_breakdown>div {

	width: 25%;
	display: inline-block;
	border: 1px solid;
	margin-right: 5px;
	margin-left: 10px;

}

payroll_breakdown>div.middle {

	width: 45%;
	display: inline-block;
	border: 1px solid;
	margin-right: 5px;
	margin-left: 10px;

}

.payroll_breakdown span p {

	display: inline-block;

}

.payroll_breakdown span {

	display: block;
	width: 100%;

}

.payroll_breakdown span p:last-child {
	float: right;
}

.payroll_breakdown>div>p {

	font-weight: bold;

}

.payment_text {

	position: relative;
	top: 20px;
	float: left;
	left: 40px;

}

.admin.box.expenses .inputs {

	font-size: 10px;
	line-height: 30px;
	width: 95% !important;
	margin-bottom: 20px;

}

#expense_form input[type="text"],
#expense_form input[type="number"] {

	width: 75% !important;

}

#expense_form {

	width: 94%;
	margin-left: 0;

}

.admin.box.left .row {
	background-color: #666;
	width: 48% !important;
	max-width: unset !important;
	border: 2px solid #fff;
	margin: 2px !important;
}

.admin.box #expense_form .row.hundred .inputs .ingredient ul li label {

	font-size: 10px !important;
	height: 40px !important;
	display: block;

}


.admin.box .loyalty .system.included {
	color: red !important;
	margin-left: 5px;
	float: left !important;
	font-size: 35px;
	margin: 5px 5px 0px 0px;
	display: inline-block !important;
	position: relative;
	top: -10px;
	left: 0px;
}

#f1 .loyalty .row {
	display: inline-block !important;
	width: 45%;
	float: left;
	background-color: #666;
	min-width: unset !important;
	max-width: 45% !important;
	float: left !important;
	clear: none !important;
	margin: 5px !important;
	border: 1px solid #fff;
	height: auto !important;
	padding: 5px;
	float: left;
	height: 218px !important;
}

.admin.box.left .system.included {
	color: red !important;
	margin-left: 5px;
	float: left !important;
	font-size: 35px;
	margin: 5px 5px 0px 0px;
	display: inline-block !important;
	position: relative;
	top: -10px;
	left: 0px;
}

div#cboxLoadedContent .left {
	width: 50%;
	text-align: left;
	float: none !important;
	display: inline-block;
	text-transform: capitalize;
	vertical-align: top;
	margin-top: 70px;
	background-color: #f5f5f5;
	height: 100%;
	width: 35%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid;
}

#map_viewer {
	float: none;
	width: 320px;
	height: auto;
	display: block;
	background-color: #fff;
	min-height: 200px;
}


#map_viewer {
	float: none;
	width: 320px;
	height: auto;
	display: block;
	background-color: #fff;
	min-height: 200px;
	display: inline-block;
}

#tables_and_maps #left_form {
	display: inline-block;
	inline-block: width;
	width: 320px;
	height: auto;
}

#tables_and_maps #left_form p {
	width: 100% !important;
	display: inline-block;
	float: left;
	background-color: #666;
	margin-right: 5px;
	color: #fff;
	padding: 10px 0px 15px;
	15px: 1px solid #eee;
	height: 61px;
	margin: 0 auto !important;
	margin: 10px;
}

#map_viewer {
	float: none;
	width: 50%;
	height: auto;
	display: block;
	background-color: #fff;
	min-height: 300px;
	display: inline-block;
}

div#tables_and_maps {
	position: absolute;
	display: none;
	z-index: 999 !important;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: #c2c2c2c2;
}

#map_viewer_inner {

	display: inline-block;
	float: right;
	width: 60%;
	min-width: 320px;
	height: 100%;
	min-height: 262px;
	margin: 5px;

}

#map_log {

	display: block;
	float: none;
	clear: both;

}

#map_log {

	display: block;
	float: none;
	clear: both;
	width: 49%;
	text-align: center;
	background-color: #fff;
	margin: -47px auto;
	padding: 10px;

}

#tables_and_maps .right.fa.fa-close {

	display: block;
	width: 55px;
	height: 55px;
	color: red;
	font-size: 50px;
	border: 3px solid red;
	margin: 22px;
	border-radius: 10px;

}

li.topping {

	font-size: 14px;
	display: block;
	float: none;
	clear: both;
	width: 127%;
	text-align: left;
	margin-left: -30px;

}

li.topping input {

	display: none;

}

.topping ol {

	display: table;
	height: 35px;

}

.topping ol li.half {

	background-color: #ededed;
	display: inline-block;
	width: 30px;
	border-radius: 50%;
	height: 30px;

}

.topping ol li.left.half label {

	width: 50%;
	background-color: #000;
	height: 100%;
	border-radius: 15px 0px 0px 15px;

}

.topping ol li.whole.half label {

	width: 100%;
	background-color: #000;
	height: 100%;
	border-radius: 15px 15px 15px 15px;

}

.topping ol li.right.half label {

	width: 50%;
	background-color: #000;
	height: 100%;
	float: right;
	border-radius: 0px 15px 15px 0px;

}

li.cart_entry .product_name ul li ol li:first-child {

	position: relative;
	top: -10px;
	float: right;
	font-size: 16px;

}

li.cart_entry .product_name ul li ol li {

	font-size: 14px;

}

.pizza_click {

	width: 45px;
	float: right;
	cursor: pointer;

}

.addon_price {

	float: right;

}


#sales_bar {
	/*display: none !important;*/
}

#newTransactionForm #trans_star {
	display: table;
	float: none !important;
	width: 100%;
}



.product_name div {
	display: block;
	text-align: left !important;
	width: auto;
	margin-left: 10px !important;
	float: left;
	border-left: 1px solid;
	height: 100%;
}

.product_name {
	height: auto !important;
}


.expo div#overlay_panel,
.kiosk div#overlay_panel,
.production div#overlay_panel,
.api div#overlay_panel {

	top: 0px !important;

}

.mod_values ul li {
	display: inline-block !important;
	width: 20% !important;
	vertical-align: top;
	min-width: 115px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 42px;
}

a.close_modifier_value {
	float: right;
	position: relative;
	top: 0px;
	left: -110px !important;
}

.giftcards {

	overflow-y: auto;
	max-width: 99%;
	min-width: 99%;

}

span.interact {
	float: right;
}

.product.description {
	display: none;
}

.modal {
	display: none;
}

.title {
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    clear: left;
    width: calc(100% - 5px);
    word-break: break-word;
    text-align: left;
    display: block;
    height: 45px;
    overflow: hidden;
}


.product img {
	width: 50%;
	max-width: 70px;
	float: left;
}

.w-50 {
	width: calc(50% - 1rem) !important;
}
div#totals {
    min-height: 335px;
    float: right;
    margin-right: 0px;
}

.mobile div#totals {
	width: calc(100% - 2rem);
	display: block !important;
	float: none !important;
	clear: both !important;
}

#map_viewer {

	margin: 50px auto;

}

#locationField,
#controls {
	position: relative;
	width: 480px;
}

#autocomplete {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 99%;
}

.label {
	text-align: right;
	font-weight: bold;
	width: 100px;
	color: #303030;
	font-family: "Roboto";
}

.field {
	width: 99%;
}

.slimField {
	width: 80px;
}

.wideField {
	width: 200px;
}

#locationField {
	height: 20px;
	margin-bottom: 2px;
}

.pac-container.pac-logo {

	position: relative !important;
	top: 485px !important;

}

#left_form p {
	width: 100% !important;
	display: block;
	float: left;
	background-color: transparent;
	margin-right: 5px;
	color: #666;
	padding: 6px;
	border: 1px solid #eee;
	height: auto;
}

div#existing_transactions {
    padding: 0 !important;
    width: 100%;
    margin-left: 0;
    overflow-x: hidden;
}

#newTransactionForm>div p select,
#newTransactionForm>div p input {
	float: right !important;
	top: 10px;
	position: relative;
	margin-top: 0px !important;
	width: 75% !important;
	height: unset;
	max-height: unset;
	padding: 20px;
}


.remove_from_cart {
	border: unset !important;
	border-radius: unset;
	color: red;
	display: inline-block !important;
	float: left;
	font-size: 1.5em !important;
	height: unset;
	line-height: -moz-block-height;
	margin-bottom: 0;
	margin-right: 10px;
	padding: unset;
	position: relative;
	text-align: center;
	width: unset;
	cursor: pointer;
	float: left;
	vertical-align: top;
	margin: unset;
}

div#cart_inner {
	float: left !important;
	width: 100%;
}

.topping ol {
	display: block;
	height: 35px;
	width: 100%;
	vertical-align: top;
}

.topping ol li.half {
	background-color: #ededed;
	display: inline-block;
	width: 30px;
	border-radius: 50%;
	height: 30px;
	position: relative;
	margin-right: 40px;
}

.accordion .right {
	float: left;
	margin-right: 5px;
	text-align: right;
	width: 100%;
	border: unset;
}

li.whole.half {
	float: left;
}

#overlay_panel {
	position: absolute;
	width: 100%;
	text-align: left;
	z-index: 99999;
	background-color: #fff;
	height: 100%;
}

div#content_holder {
	width: 80%;
	margin-top: 2em;
}

#content_holder .w-50 {
	width: calc(50% - 3em) !important;
	display: inline-block !important;
	vertical-align: top;
}

.card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
	width: 100%;
	margin-left: 0em;
}

#totals h2 {
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	width: 0;
}

#grandtotal {
	display: inline-block;
	position: relative;
	text-align: right;
	top: 5px !important;
	width: 80px !important;
}

#transaction_name {
	font-weight: bold;
	color: #fff !important;
}

li.d-inline-flex.float-left.text-left.addon.btn.btn-secondary.mr-2 input {
	width: 1.2em;
	height: 1.2em;
	margin-left: 2px;
}

.modal {
	position: fixed;
	top: 100px !important;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	padding: 20px !important;
	border-radius: 20px !important;
}

.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
	position: relative;
	top: -18px;
	color: #fff;
	left: 50px;
	font-size: 2em !important;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 1.5em !important;
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
	font-size: 1.5em !important;
}

li.product.col-md-1.col-sm-3.col-xs-4.m-1.btn.btn-product {
    min-height: 130px;
    vertical-align: top;
    font-size: 11px;
}
h2.card-header {
    background: #666;
    color: #fff;
    text-align: center;
    border-color: #ccc;
}
.card-body {
    background: #ededed;
    border-color: #ccc;
}
@media(max-width: 600px) {
	#cart ul#tabs * {
		font-size: 12px;
	}
	ul.item_details.row {
		margin-left: -35px;
		line-height: 15px;
		font-size: 13px;
	}
	.cart_entry .col-1 {
		width: calc(8.33333333% - 4px);
	}
	#tabs .fa {
		clear: both;
		display: block;
		float: none;
		margin: 5px auto 0px;
	}
	ul#products_list {
		max-width: 100%;
		display: block!important;
		border: 1px solid #fff;
		text-align: left;
		padding: 0;
		margin: 0px 0px 0px 0px;
		background-color: rgb(240, 183, 161);
		border-radius: 5px;
		margin-top: -40px;
		clear: both;
	}
	#cart .col-md-6 {
		font-size: 12px;
		min-width: 100%;
		padding: 0px;
		height: 25px;
		line-height: 12px;
		border-bottom: 1px solid #fff;
	}
	li.product_name.col-6 {
		min-width: calc(100% - 5px);
		display: block;
		clear: both;
	}
	.cart_entry .col-1 {
		font-size: 12px;
		text-align: center;
		margin-left: 35px;
		margin-top: 10px!important;
	}
	div#cart {
		padding: 0px !important;
		clear: none !important;
		left: -21px;
		height: auto;
		overflow-y: scroll;
		width: calc(100% - 10px);
		overflow-x: hidden;
	}
	#cart ul#tabs {
		padding: 0;
		line-height: 20px;
		height: 30px;
		display: block;
		clear: right;
	}
	.cart_entry .col-1 {
		font-size: 12px;
		text-align: center;
		margin-left: 0;
		width: 20%;
	}
}