/* Bill Styles*/
.logo img {
	width: 60%;
	margin: 0 auto 0;
	display: table;
}
.logo {
	margin: auto 0;
	width: 100%;
}
ul.dropdown-menu.pull-right.cscreen_view {
	left: -50px;
	margin: 0 auto 0;
	float: none !important;
}
ul.dropdown-menu.pull-right.language_drop {
	left: -50px;
	margin: 0 auto 0;
	float: none !important;
}
table#SLData_sl tfoot tr>td {
	text-align: right;
	padding: 13px 3px;
}
.main-body {
	margin: 0 auto;
	width: 300px;
	height: 100%;
}
p.pc_text {
	float: right;
	margin: 7px auto 0;
	width: 15%;
}
.input-group.item-pos.item-pos1 {
	margin: 4px auto 0;
	width: 100%;
}
.input-group.item-pos.item-pos1 input#add_item {
	border-radius: 4px !important;
}
.open a.btn.pos-tip, .open a.btn.pos-tip:hover, .open a.btn.pos-tip:focus {
	border-radius: 20px !important;
}
input.btn.btn-primary.sub-var.adonsize-button:hover, input.btn.btn-primary.sub-var.adonsize-button:active {
	color: #fff;
	background-color: #4fbf72;
	border-color: #4fbf72;
}
input.btn.btn-primary.sub-var.adonsize-button.active {
	color: #fff;
	background-color: #4fbf72;
	border-color: #4fbf72;
}
h3.name-ar {
	margin: 0 auto 0;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
p.add {
	margin: 0 auto 0;
	text-align: center;
	font-size: 16px;
}
div#left-top div#ui {
	width: 49%;
	float: right;
	margin: 0 auto 4px;
}
button.btn.btn-success.merge-success.merge-to-578016.merge-from-Table2 {
	margin: 0 auto 0;
	border-radius: 0 0 4px 4px !important;
	border: 0;
}
.merge_btn p {
	margin: 0;
}
table#CGData {
	width: 100% !important;
}
p.add-ar {
	margin: 0 auto 0;
	text-align: center;
	font-size: 16px;
}
h3.name-en {
	text-align: center;
	margin: 10px auto 0px;
	font-size: 18px;
	font-weight: 500;
}
.bill_oid {
	float: left;
	width: 100%;
	border-top: 1px dotted #000;
	padding: 10px 0 0;
}
.item.lastfourPrint {
	margin: 0 auto !important;
	text-align: center !important;
}
span.barcode_image {
	margin: 0 auto 0;
	width: 100%;
	display: table;
}
span.barcode_name {
	float: left;
	width: 100%;
	text-align: center;
}
span.barcode_image img {
	margin: 0 auto 0;
	display: table;
}
span.barcode_price {
	float: left;
	width: 100%;
	text-align: center;
}
span.tital {
	text-align: center;
	margin: 0 auto 0;
	display: table;
	font-size: 20px;
	font-weight: 600;
	float: left;
}
.name-com h4 {
	text-align: center;
	margin: 5px auto 5px;
	font-size: 16px;
	font-weight: 400;
}
.info-all p {
	margin: 0 auto 0px;
	font-size: 16px;
}
.info-all {
	margin: 12px auto 0;
	float: left;
	width: 100%;
	border-top: 1px dotted #000;
	padding: 10px 0 0;
}
p.cm-id {
	font-size: 18px;
	margin: 0px auto 0;
	text-align: center;
	float: right;
}
p.ref-no {
	margin: 0 auto;
}
span.id {
	margin: 0 10px 0 0;
}
span.cum-tital, span.ref-tital, span.user-tital, span.td-tital {
	margin: 0 10px 0 0;
	width: 93px;
	float: left;
}
.total, .grand-total, .total-itan {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #000;
	margin: 0 auto 0;
	padding: 10px 0;
}
h3.total-text, h3.gtotal-text, h3.itam-text {
	margin: 0 auto 0;
	float: left;
	font-size: 16px;
}
h3.total-pri, h3.gtotal-pri, h3.itam-pri {
	margin: 0 auto 0;
	float: right;
	font-size: 16px;
}
.product_iten {
	float: left;
	width: 100%;
	margin: 12px auto 12px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	padding: 0 0 8px 0;
}
.barcord {
	float: left;
	width: 63%;
}
.barcord-no {
	float: left;
	width: 63%;
}
.qty {
	float: left;
	width: 10%;
}
.qty-no {
	float: left;
	width: 10%;
}
.price {
	float: left;
	width: 12%;
}
.price-no {
	float: left;
	width: 12%;
}
.head-itam .amount {
	float: left;
	width: 15%;
}
.amount-no {
	float: left;
	width: 15%;
}
.head-itam h4 {
	margin: 10px auto 0;
}
.head-itam .amount {
	float: left;
	width: 15%;
}
.itams h5 {
	margin: 0 auto 0;
	font-size: 14px;
}
.amount-no h5 {
	text-align: right;
}
.head-itam {
	float: left;
	width: 100%;
	margin: 0 auto 8px;
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
}
.name-items {
	float: left;
	width: 100%;
	margin: 5px auto 0;
}
.name-items h5 {
	margin: 0 auto 0;
	font-size: 14px;
}
.product-en {
	float: left;
	width: 150px;
	padding: 0 13px;
}
.product-ar h5 {
	text-align: right;
}
.left-div {
	float: left;
	width: 130px;
}
.right-div {
	float: right;
}
.btn-group.btn-group-justified {
	margin: 0px auto 0px;
}
.order_barcodes.text-center img {
	float: none !important;
	margin: 0 auto 0;
	display: table;
}
/* Tools Tips*/
.tooltip-inner {
	max-width: 450px;
	padding: 6px 19px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	border-radius: 4px;
	min-width: 170px;
}
/* Basic Styles
=================================================================== */
* {
	padding: 0;
	margin: 0;
}
html {
	overflow-x: hidden;
	height: 100%;
}
body {
	background: #10b2b7;
	color: #333;
	border: none;
	font-weight: 400;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100% !important;
	height: 100%;
	display: table;
}
div#app_wrapper {
	display: table-row-group;
}
div#print {
	float: left;
	width: 100%;
}
div#left-top {
	float: left;
	margin: 0 auto 0;
	clear: both;
	width: 100%;
}
input.form-control.search-string {
	width: 80%;
	float: left;
}
button.btn.btn-primary.btn-search {
	float: right;
	margin: 0 6px 0 0;
}
.search-div {
	float: left;
	width: 100%;
	margin: 0 auto 20px;
}
.hold_line {
	float: left;
	width: 100%;
	border-top: 1px solid #cccc;
	margin: 0 auto 20px;
}
.cus-pos {
	float: left;
	width: 50%;
	margin: 4px auto 0;
}
.war-pos {
	float: right;
	width: 49%
}
.refer-not {
	float: right;
	width: 100%;
	margin: 0 auto 5px;
}
.iten-pos {
	width: 100%;
	float: right;
}
div#cp {
	float: left;
	width: 50%;
	margin: -1px 0 0 0;
}
h1 {
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
}
h2 {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}
h3 {
	font-size: 15px;
	line-height: 15px;
}
h4 {
	font-size: 14px;
	line-height: 14px;
}
h5 {
	font-size: 13px;
	line-height: 13px;
}
h6 {
	font-size: 12px;
	line-height: 12px;
}
.logo {
	font-weight: bold;
	word-spacing: -1px;
}
.alert {
	border-radius: 0;
}
.alert .close {
	margin: -9px -0px 0 10px;
	font-size: 30px;
}
.table tfoot th .text-center, .table tfoot th .text-right {
	color: #333 !important;
}
#main-con {
	min-height: 100%;
	height: 100%;
	position: relative;
	margin-bottom: 20px;
	display: block;
    overflow: -webkit-paged-y;
}
.lt {
	width: 100%;
}
.lt td {
	vertical-align: top;
}
.lt td.sidebar-con {
	width: 250px;
	background-color: #000;
}
.sidebar-minified .lt td.sidebar-con {
	width: 0px;
}
#content {
	background-color: #F3F3F3;
	padding: 0px 15px;
	transition: transform 0.2s ease-in-out 0s, margin 0.2s ease-in-out 0s;
	border-radius: 5px;
}
#sidebar-left {
	background-color: #000;
	padding: 10px;
	transition: transform 0.2s ease-in-out 0s, width 0.2s ease-in-out 0s;
}
.sidebar-fixed {
	position: fixed;
	top: 40px;
	bottom: 40px;
	height: 100%;
	padding-bottom: 10px;
	width: 250px;
	margin-bottom: 0;
}
.content-with-fixed {
	margin-left: 0;
}
#content.sidebar-minified {
	width: 100% !important;
	border-left: 0px solid #000;
	margin-left: 0 !important;
	float: left !important;
	background-color: #fff;
}
#sidebar-left.minified {
	float: left !important;
}
#content.full {
	width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	border: none !important;
}
.well {
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	box-shadow: none;
	border-radius: 0px;
	padding: 0;
	margin: 10px auto 10px;
}
.breadcrumb {
	background: #d2d2d2;
	border-radius: 0px;
	height: 40px;
	position: relative;
	border-bottom: 1px solid #dbdee0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.breadcrumb > li + li.right_log:before {
	content: none;
}
.breadcrumb .right_log {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 32px;
	border: none;
	padding: 10px 10px 0 0;
	text-align: right;
	max-width: 600px;
	overflow: hidden;
}
#loading {
	background: url("../images/ajax-loader.svg") no-repeat scroll 50% 50% #FFF;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
}
.noMarginLeft {
	margin-left: 0px !important;
}
.noPadding {
	padding: 0px !important;
}
.box {
	border: 1px solid #dbdee0;
	margin-bottom: 15px;
	border-radius: 4px;
}
.box .box-content .panel ol, .box .box-content .panel ul {
	padding-left: 20px;
}
.box.noOverflow {
	overflow: hidden;
}
.box .box-header {
	color: #34383c;
	font-size: 16px;
	background: #f7f7f8;
	border-bottom: 1px solid #dbdee0;
	height: 40px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.box .box-header h2 {
	float: left;
	padding: 10px 0px;
	margin: 0px 0px 0px 20px;
	font-size: 13px;
	line-height: 13px;
	text-transform: capitalize;
}
.box .box-header h2 i {
	border-right: 1px solid #dbdee0;
	padding: 12px 0px;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
	margin: -10px 20px -10px -20px;
	font-size: 16px;
}
.box .box-header h2 i.nb {
	border-right: 0;
	margin-right: 0;
}
.box .box-header .box-icon {
	float: right;
}
.box .box-header .box-icon a:hover {
	text-decoration: none;
}
.box .box-header .box-icon i.icon {
	display: inline-block;
	text-align: center;
	height: 40px;
	width: 40px;
	padding: 12px 0px;
	border-left: 1px solid #ced1d4;
	text-decoration: none;
}
.box-icon .choose-date {
	border-color: #ced1d4;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #DBDEE0;
	border-image: none;
	border-style: none none none solid;
	border-width: 0 0 0 1px;
	height: 40px;
	padding: 3px 10px;
	width: 350px;
}
.box-icon .choose-date .input-group-addon, .box-icon .choose-date input {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	box-shadow: none;
}
.box-icon .choose-date .input-group-addon {
	font-size: 12px;
	padding: 0;
}
.box-icon .choose-date .input-group-addon i {
	border: 0;
}
.box-icon .choose-date input {
	font-weight: 300;
}
.box-icon .choose-date input:focus {
	box-shadow: none;
	outline: 0 none;
}
.box .btn-tasks {
	list-style: none;
	margin-bottom: 0;
}
.box .btn-tasks li {
	float: right;
}
.box .btn-tasks li li {
	float: none;
}
.box .box-content {
	padding: 20px;
	background: white;
	border-radius: 4px;
}
.box .box-content p.introtext {
	background: #F9F9F9;
	margin: -20px -20px 20px -20px;
	padding: 10px;
	border-bottom: 1px solid #DBDEE0;
	text-align: left;
	text-transform: capitalize;
}
.form-horizontal .form-group {
	margin-right: -15px;
	margin-left: -15px;
	text-align: left;
}
.box .box-content.no-padding {
	background: white;
	padding: 1px 0;
}
.small-box {
	margin-bottom: 20px;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}
.small-box h3, .small-box a, .small-box p {
	text-align: center;
	text-decoration: none;
	color: #FFF;
}
.small-box h3 {
	font-size: 30px;
	line-height: 30px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
.small-box h4 {
	color: #fff;
	font-weight: normal;
	text-transform: capitalize;
}
.small-box .icon {
	position: absolute;
	top: -10px;
	right: -5px;
	font-size: 155px;
	color: rgba(255, 255, 255, 0.2);
}
.avatar {
	border: 5px solid #FFF;
	outline: 1px solid #DBDEE0;
	width: 100%;
}
.version {
	display: block;
	margin-top: -9px;
	font-weight: bold;
	font-size: 8px;
	float: right;
	font-family: "Times New Roman", Times, serif;
	color: #FFF;
	width: 50px;
	margin-left: -40px;
}
/* Bootstrap Overwrites
=================================================================== */
input {
	box-shadow: none;
}
.img-thumbnail {
	border-radius: 0;
	width: 150px;
}
.input-group-addon {
	padding: 3px;
	border-radius: 0;
}
.enlarge .img-thumbnail {
	max-width: none;
}
.img-thumbnail {
	border-radius: 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.form-inline label, .form-inline label.checkbox, label.checkbox {
	margin-top: 5px;
}
.panel {
	margin-bottom: 15px;
	border-radius: 0;
	box-shadow: none;
}
.modal-content, .popover, .tooltip-inner {
	border-radius: 5px;
	width: auto;
}
.wide-tip .tooltip-inner {
	max-width: none;
	width: 100%;
}
/*.modal-header {
    background: #428BCA;
    color: #FFF;
} */
.modal-header .close {
	margin-top: -12px;
	/*color: #FFF;
    text-shadow: none;*/
	opacity: 0.4;
}
.close:hover, .close:focus {
	opacity: 0.7;
}
.modal-title {
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	margin: 0px auto 0;
}
.modal-header {
	min-height: 19.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	height: 50px;
}
.bootbox .modal-footer {
	border: none;
	text-align: center;
}
.has-feedback .form-control {
	padding-right: 0px;
}
.form-control-feedback {
	top: 8px !important;
	right: 5px !important;
	width: auto;
}
.btn, .form-control {
	border-radius: 0 !important;
}
.btn, .form-control {
	border-radius: 4px !important;
	text-transform: capitalize;
}
input#s2id_autogen34 {
    text-transform: capitalize;
}
.popover, .tooltip {
	width: auto;
}
.panel-heading {
	border-radius: 0;
	font-weight: bold;
}
.form-inline label.checkbox div {
	margin-top: -5px;
}
.form-inline select.form-control {
	width: 100%;
}
select.form-control optgroup {
	border: 1px solid #0044cc;
}
select.form-control option {
	padding: 5px 8px;
}
.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table-striped thead tr.primary:nth-child(odd) th {
	background-color: #385a13;
	color: white;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	text-transform: capitalize;
}
.table-responsive {
	margin-bottom: 0;
}
.table-responsive .form-inline select.form-control {
	width: auto;
}
.table-responsive .form-inline select.form-control option {
	padding: 0;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: #D9EDF7;
	border-color: #AFD9EE;
}
.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
	border-color: #F0E1A0;
}
.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
	border-color: #ebbbbb;
}
.nav-tabs > li.active > a.tab-grey, .nav-tabs > li.active > a.tab-grey:hover, .nav-tabs > li.active > a.tab-grey:focus {
	background-color: #F7F7F8;
	color: #333;
}
.table-borderless > thead > tr > th, .table-borderless > tbody > tr > th, .table-borderless > tfoot > tr > th, .table-borderless > thead > tr > td, .table-borderless > tbody > tr > td, .table-borderless > tfoot > tr > td {
	border-top: none;
}
.table td p:last-child {
	margin-bottom: 0;
}
.redactor_box, .redactor_toolbar {
	background: none;
	border-color: #CCC;
}
.redactor_toolbar li.redactor_separator {
	border-left: 1px solid #CCC;
	border-right: 0;
}
.redactor_toolbar li {
	padding: 1px 0 0 1px;
}
.has-error label {
	color: #A94442;
}
.has-success label {
	color: #2b542c;
}
.has-error .btn-file {
	background: #A94442;
	border-color: #843534;
}
/* Colors and Backgrouds
=================================================================== */
.blue {
	color: #002346 !important;
}
.lightBlue {
	color: #5BC0DE !important;
}
.green {
	color: #bdea74 !important;
}
.mGreen {
	color: #16a085 !important;
}
.darkGreen {
	color: #78cd51 !important;
}
.pink {
	color: #e84c8a !important;
}
.orange {
	color: #fa603d !important;
}
.lightOrange {
	color: #fabb3d !important;
}
.purple {
	color: #8e44ad !important;
}
.red {
	color: #ff5454 !important;
}
.yellow {
	color: #eae874 !important;
}
.white {
	color: white !important;
}
.grey {
	color: #b2b8bd !important;
}
.black {
	color: #000000 !important;
}
.blightBlue {
	background: #5BC0DE !important;
}
.bgreen {
	background: #bdea74 !important;
}
.bmGreen {
	background: #16a085 !important;
}
.bdarkGreen {
	background: #4fbf72 !important;
}
.bpink {
	background: #e84c8a !important;
}
.borange {
	background: #fa603d !important;
}
.blightOrange {
	background: #fabb3d !important;
}
.bpurple {
	background: #8e44ad !important;
}
.bred {
	background: #ff5454 !important;
}
.byellow {
	background: #eae874 !important;
}
.bwhite {
	background: white !important;
}
.bgrey {
	background: #b2b8bd !important;
}
.blightGrey {
	background: #e9ebec !important;
}
.bblack {
	background: #000000 !important;
}
a.bblue.white.quick-button {
	background-color: #923fff;
}
.clearfix {
 *zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
a:focus {
	outline: 0;
}
/* Header Styles
=================================================================== */
.navbar {
	margin: 0;
	min-height: 40px;
	border: none;
	border-radius: 0px;
	z-index: 2 !important;
	background-color: #513e6d;
	height: 48px;
}
.navbar.pos-nav {
	float: right;
	width: 50%;
}
.navbar a {
	color: #7b7b7b;
}
.navbar a i {
	margin-top: 2px;
}
.navbar #search {
	position: relative;
	background: #282b2e;
	height: 30px;
	border: 1px solid #111;
	border-radius: 2px;
	margin: 5px;
}
.navbar #search input {
	margin: 5px 0;
	width: 90%;
	background: transparent;
	border: none;
	color: white;
}
.navbar #search i {
	position: absolute;
	top: 8px;
	right: 10px;
	color: white;
}
a.navbar-brand {
	text-align: left;
	padding: 12px 0 0px 0px !important;
}
a.navbar-brand span {
	color: #fff;
	text-shadow: none;
}
a.navbar-brand.noBg {
	background: transparent;
	border-bottom: none;
}
.btn-visible-sm .btn {
	color: #FFF;
	width: auto !important;
	padding: 8px 0 8px 15px;
}
.btn-visible-sm .navbar-toggle {
	position: static;
	top: auto;
	margin: 0;
}
.header-nav {
	position: relative;
	padding: 0px;
	color: #fff !important;
}
.header-nav .btn {
	display: inline-block;
	margin: 0px;
	font-size: 15px;
	text-align: center;
	background: transparent;
	border: none;
	border-radius: 0px;
	box-shadow: none;
}
.header-nav a.btn {
	position: relative;
	height: 30px;
	min-width: 90px;
	width: auto;
	background: #b92793;
	color: #fff !important;
	text-shadow: none !important;
	padding: 5px 15px;
	margin: 5px 5px 0 0;
	border-radius: 20px !important;
	font-size: 12px;
}
.header-nav a.btn .number {
	position: absolute;
	font-size: 12px;
	line-height: 13px;
	top: -4px;
	right: 0;
	height: 15px;
	width: 15px;
	border-radius: 10px;
	color: #fff !important;
}
.header-nav a.btn.btn-cart {
	border-radius: 2px !important;
}
.header-nav a.btn.account {
	background: transparent;
	height: 48px;
	width: auto;
	padding: 7px 7px 4px 0 !important;
	margin: 0px 0px 0px 0px;
	border-radius: 0 !important;
	left: 0px;
}
.header-nav a.btn.account .mini_avatar {
	max-height: 30px !important;
	margin: 3px 8px 0 6px;
	float: left;
}
/*.header-nav a.btn:hover {
    background: #a28aff;
}*/
.header-nav .user {
	display: inline-block;
	text-align: left;
	margin-top: 5px;
	padding: 0px;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
}
.header-nav .user .hello {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.header-nav .user .name {
	display: block;
	margin-top: -6px !important;
	font-size: 13px;
}
.dropdown-menu {
	list-style: none;
	text-shadow: none;
	border-radius: 0px;
}
.dropdown-menu .divider {
	margin: 5px 0;
}
.dropdown-menu li a i {
	padding-right: 0px;
}
.dropdown-menu-sub-footer {
	text-align: center;
	cursor: pointer;
	background: #F9F9F9;
	padding: 5px;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}
ul.cart li {
	min-width: 300px;
}
ul.cart li {
	font-size: 12px;
	padding: 5px 0;
}
/* Navigation Styles
=================================================================== */
@keyframes blink {
 from {
background-color: red!important;
}
 to {
background-color: yellow!important;
}
}
 @-webkit-keyframes blink {
 from {
background-color: red!important;
}
 to {
background-color: yellow!important;
}
}
.blink {
	-webkit-animation-name: blink; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
}
a#main-menu-toggle {
	width: 40px;
	height: 40px;
	color: white;
	z-index: 1000;
	padding: 8px 13px;
	font-size: 16px;
	text-shadow: none;
	text-decoration: none;
	cursor: pointer;
}
a#main-menu-toggle.close {
	opacity: 1;
	padding: 10px 13px !important;
}
a#main-menu-act {
	display: block;
	border-bottom: 1px solid #111;
	width: 100%;
	margin: 30px 0;
	position: relative;
	text-decoration: none;
}
a#main-menu-act i {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	background: #111;
	font-size: 14px;
	padding: 3px 0px;
	color: #CCC;
	text-align: center;
}
a#main-menu-act i:hover {
	background: #222;
	color: #6f7880;
}
.taskProgress {
}
.nav-collapse {
}
.dropmenu {
}
.submenu {
}
.sidebar-nav > ul {
	margin: -9px -25px;
	border: none;
	padding-bottom: 1px;
	font-size: 14px;
	white-space: nowrap;
}
.sidebar-nav > ul > li {
}
.sidebar-nav > ul > li > ul, .sidebar-nav > ul > li > ul > li > ul, .sidebar-nav > ul > li > ul > li > ul > li > ul {
	list-style: none;
	display: none;
	margin: 0;
	padding: 0;
}
.nav.main-menu > li > a, .nav.main-menu > li > ul > li > a, .nav.main-menu > li > ul > li > ul > li > a, .nav.main-menu > li > ul > li > ul > li > ul > li > a {
	margin: 0px;
	height: 40px;
	padding: 1px 0 0 0;
	color: #CCC;
	border: none;
	border-bottom: 1px solid #111;
	background: #000;
	border-radius: 0px;
	text-decoration: none;
	display: block;
	position: relative;
}
.nav.main-menu > li > a .chevron, .nav.main-menu > li > ul > li > a .chevron, .nav.main-menu > li > ul > li > ul > li > a .chevron, .nav.main-menu > li > ul > li > ul > li > ul > li > a .chevron {
	font-family: 'FontAwesome';
	position: absolute;
	top: 2px;
	right: -5px;
	height: 40px;
	width: 40px;
	padding: 12px 0px;
	display: inline-block;
	text-align: center;
	font-size: 10px;
	color: #b2b8bd !important;
}
.nav.main-menu > li > a .chevron.opened:after, .nav.main-menu > li > ul > li > a .chevron.opened:after, .nav.main-menu > li > ul > li > ul > li > a .chevron.opened:after, .nav.main-menu > li > ul > li > ul > li > ul > li > a .chevron.opened:after {
	height: 100%;
	width: 100%;
	content: "\f077";
	text-shadow: none;
}
.nav.main-menu > li > a .chevron.closed:after, .nav.main-menu > li > ul > li > a .chevron.closed:after, .nav.main-menu > li > ul > li > ul > li > a .chevron.closed:after, .nav.main-menu > li > ul > li > ul > li > ul > li > a .chevron.closed:after {
	height: 100%;
	width: 100%;
	content: "\f078";
	text-shadow: none;
	color: #b2b8bd !important;
}
.btn-info {
	color: #fff;
	background-color: #238aa9;
	border-color: #238aa9;
}
.nav.main-menu > li > a > i, .nav.main-menu > li > ul > li > a > i {
	margin-right: 10px;
	height: 38px;
	width: 40px;
	padding: 13px 0px;
	display: inline-block;
	text-align: center;
}
.nav.main-menu > li > ul > li > a > i, .nav.main-menu > li > ul > li > ul > li > a > i, .nav.main-menu > li > ul > li > ul > li > ul > li > a > i {
	height: 38px;
	width: 40px;
	padding: 13px 0px;
	display: inline-block;
	text-align: center;
	font-size: 13px;
}
.nav.main-menu > li > ul > li > a {
	background: #111;
	border-bottom: 1px solid #222;
}
.nav.main-menu > li > ul > li > ul > li > a {
	background: #222;
	border-bottom: 1px solid #333;
}
.nav.main-menu > li > ul > li > ul > li > ul > li > a {
	background: #333;
	border-bottom: 1px solid #444;
}
.nav.main-menu > li > a:hover, .nav.main-menu > li > ul > li > a:hover, .nav.main-menu > li > ul > li > ul > li > a:hover, .nav.main-menu > li > ul > li > ul > li > ul > li > a:hover {
	background: #000;
	box-shadow: none;
	border-radius: 0px;
	margin: 0;
}
.nav.main-menu > li > a:hover, .nav.main-menu > li > ul > li > a:hover {
	background: #000;
	box-shadow: none;
	border-radius: 0px;
}
.nav.main-menu > li > a:hover, .nav.main-menu > li > ul > li > a:hover {
	border: none;
	border-bottom: 1px solid #111;
	color: white;
}
/*.nav.main-menu > li.active {
    border-left: 5px solid #ff5454;
}*/
.nav.main-menu > li.active > a:hover, .nav.main-menu > li.active > ul > li > a:hover {
	color: white;
}
.nav.main-menu > li:first-child > a {
	margin-top: -1px;
	border-radius: 0px;
}
.nav.main-menu > li:last-child > a {
	border-radius: 0px;
	border-bottom: 0;
}
#sidebar-left.minified {
	width: 40px !important;
	margin-right: -40px;
}
#sidebar-left.minified .sidebar-nav > ul > li {
	position: relative;
}
#sidebar-left.minified .sidebar-nav > ul > li > a {
	width: 40px;
	position: relative;
}
#sidebar-left.minified .sidebar-nav > ul > li > a.open {
/*cursor: default;*/
}
#sidebar-left.minified .sidebar-nav > ul > li > a .chevron {
	display: none;
	position: absolute;
	left: 198px;
	z-index: 1000;
}
#sidebar-left.minified .sidebar-nav > ul > li > a .text {
	position: absolute;
	z-index: 1000;
	background: #000;
	min-height: 40px;
	width: 170px;
	padding: 8px 15px;
	border: 1px solid #222;
	top: 0px;
	left: 39px;
	display: none !important;
	font-weight: bold;
}
.pointer {
	cursor: pointer;
}
#sidebar-left.minified .sidebar-nav > ul > li > ul {
	display: none !important;
}
#sidebar-left.minified .sidebar-nav > ul > li:hover > a {
	position: relative;
}
#sidebar-left.minified .sidebar-nav > ul > li:hover > a .chevron {
	display: inline-block;
}
#sidebar-left.minified .sidebar-nav > ul > li:hover > a .text {
	position: absolute;
	z-index: 1000;
	background: #000;
	min-height: 41px;
	width: 200px;
	padding: 8px 15px;
	border: 1px solid #222;
	top: 0px;
	left: 39px;
	display: block !important;
	margin-top: -1px;
}
#sidebar-left.minified .sidebar-nav > ul > li:hover > ul {
	display: block !important;
	position: absolute;
	top: 40px;
	left: 39px;
	z-index: 1000;
	width: 200px;
	background: #000;
	border: 1px solid #222;
	border-bottom: none;
}
#sidebar-left.minified .sidebar-nav > ul > li:hover > ul > li > a .text {
	position: absolute;
	z-index: 1000;
	min-height: 40px;
	padding: 8px 15px 8px 0;
	top: 0px;
	left: 39px;
	display: block !important;
}
.nav.main-menu > li.active > a, #sidebar-left.minified .sidebar-nav > ul > li.active > a .text {
	background: #428BCA;
	color: white;
	border-color: #428BCA;
}
.nav.main-menu > li.active > a:hover {
	background: #428BCA;
	color: white;
	border-color: #428BCA;
	cursor: default;
}
.nav.main-menu > li > ul > li.active > a, .nav.main-menu > li > ul > li > ul > li.active > a, .nav.main-menu > li > ul > li > ul > li > ul > li.active > a {
	background: #5BC0DE;
	color: white;
	border-color: #5BC0DE;
	cursor: default;
}
.nav.main-menu > li.active > a > i, .nav.main-menu > li > ul > li.active > a > i, .nav.main-menu > li > ul > li > ul > li.active > a > i, .nav.main-menu > li > ul > li > ul > li > ul > li.active > a > i {
	color: white;
}
#sidebar-left.minified .sidebar-nav > ul > li.active > ul {
	border-top: 0;
}
#sidebar-left.minified .sidebar-nav > ul > li.active > li > a {
	border-color: #5BC0DE;
}

@media (max-width: 991px) {
/*.table-responsive {
        width: 100%;
        overflow-y: scroll;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
        -webkit-overflow-scrolling: touch;
    }*/
.table-responsive .table td:last-child, .table-responsive .table th:last-child {
	display: table-cell;
}
.table-responsive .reports-table th:last-child, .table-responsive .reports-table td:last-child {
	display: table-cell !important;
}
.table-responsive .col-md-6.text-left, .table-responsive .col-md-6.text-right {
	text-align: center !important;
}
.table-responsive .table.dfTable td:last-child, .table-responsive .table.dfTable th:last-child, .modal-body .table-responsive .table th:last-child, .modal-body .table-responsive .table td:last-child {
	display: table-cell;
}
.order-table th:last-child, .order-table td:last-child {
	display: table-cell !important;
}
}
/* Tabs Styles
=================================================================== */
.nav-tabs li a {
	border-color: #dbdee0;
	border-radius: 0px;
	background: #e9ebec;
	margin: 6px -1px -6px 0px;
	line-height: 1;
	color: #333;
}
.nav-tabs li a:hover {
	border-color: #dbdee0;
	background: #dbdee0;
}
.nav-tabs li.active > a {
	line-height: 1.428571429;
	margin: 0 -1px 0 0;
}
.nav-tabs .dropdown-menu > li > a {
	clear: both;
	background: #FFF;
	color: #333;
	display: block;
	font-weight: 400;
	line-height: 1.42857;
	padding: 3px 20px;
	white-space: nowrap;
	margin: 0;
}
.nav-tabs .dropdown-menu > li > a:hover {
	background: #F5F5F5;
}
.nav-tabs .dropdown-menu > li.active > a {
	background: #428bca;
	color: #FFF;
	margin: 0;
}
/* Box Styles
=================================================================== */
.box .tab-content {
	background: white;
	border: 1px solid #dbdee0;
	border-top: none;
	padding: 10px;
}
.box .tab-pane {
	border: 0px solid #dbdee0;
	border-top: 0;
	padding: 10px;
	margin-top: -1px;
}
.tab-content .box {
	border-top: none;
}
.box-header .nav-tabs {
	border: none;
	float: right;
}
.box-header .nav-tabs li a {
	background: transparent;
	border: none;
	border-left: 1px solid #ced1d4;
	border-radius: 0px;
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	padding: 11px 15px;
	height: 40px;
}
.box-header .nav-tabs li.active > a {
	background: white;
	border: none;
	border-left: 1px solid #ced1d4;
}
.box-header .nav-tabs li:hover {
	border: none;
}
.box-header .nav-tabs li:last-child {
	margin-right: 3px;
}
/*..box-content .tab-content {
	background: transparent;
	border: none;
	padding: 0;
}*/
.modal-dialog.modal-lg {
	margin: 30px auto 60px;
}
/*.box .select2-container { width: 100%; }*/
/* Footer Styles
=================================================================== */
footer {
	background: #000;
	color: white;
	height: 40px;
	padding: 12px 20px !important;
	margin: 0 !important;
	width: 100%;
	font-size: 12px;
	display: table-row;/*	position: relative;
	top: 0%;
	left: 50%;
	transform: translate(-50.1%, 0%);*/
}
footer a {
	color: white;
	font-weight: bold;
}
/* Quick Links Styles
=================================================================== */
.quick-button {
	margin-bottom: -1px;
	padding: 30px 0px 10px 0px;
	font-size: 14px;
	display: block;
	text-align: center;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
	opacity: 0.9;
	border-radius: 20px;
}
.quick-button:hover {
	text-decoration: none;
	opacity: 1;
}
.quick-button .notification {
	border-radius: 2px;
	top: -1px;
	right: -1px;
	font-size: 10px;
}
.quick-button i {
	font-size: 32px;
}
.quick-button.small {
	padding: 15px 0px 1px 0px;
	font-size: 10px;
	margin: 0 auto 10px;
	border-radius: 10px;
}
.quick-button.small i {
	font-size: 20px;
}
.quick-button.small .notification {
	top: -1px;
	right: -1px;
	font-size: 7px;
	padding: 4px 5px;
}
/* Table Styles
=================================================================== */
table tr td.left, table tr th.left {
	text-align: left;
}
table tr td.center, table tr th.center {
	text-align: center;
}
table tr td.right, table tr th.right {
	text-align: right;
}
table tr td .progress {
	margin: 3px 0 0 0;
}
div.dataTables_length label {
	font-weight: normal;
}
div.dataTables_length select {
	width: 75px;
}
div.dataTables_filter label {
	font-weight: normal;
}
div.dataTables_info {
	padding-top: 8px;
}
div.dataTables_paginate {
	float: none;
	margin: 0;
}
div.dataTables_paginate ul.pagination {
	margin: 2px;
}
.DTTT_selectable tbody tr {
	cursor: pointer;
}
div.DTTT .btn {
	color: #333 !important;
	font-size: 12px;
}
div.DTTT .btn:hover {
	text-decoration: none !important;
}
ul.DTTT_dropdown.dropdown-menu {
	z-index: 2003;
}
ul.DTTT_dropdown.dropdown-menu a {
	color: #333 !important;
}
ul.DTTT_dropdown.dropdown-menu li {
	position: relative;
}
.DTTT_Print .bnav, .DTTT_Print #content {
	width: 100% !important;
	margin: 0 !important;
	background: #F3F3F3 !important;
	border: 0 !important;
	min-height: auto !important;
}
ul.DTTT_dropdown.dropdown-menu li:hover a {
	background-color: #0088cc;
	color: white !important;
}
.DTTT_Print .style-switcher {
	display: none !important;
}
div.DTTT_print_info.modal {
	height: 150px;
	margin-top: -75px;
	text-align: center;
}
div.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}
div.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}
div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even {
	background-color: white;
}
div.DTFC_RightHeadWrapper table, div.DTFC_LeftHeadWrapper table {
	margin-bottom: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table {
	border-top: none;
	margin-bottom: 0 !important;
}
div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td {
	border-top: none;
}
div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table {
	border-top: none;
}
/* Login Box & Register Box Styles
=================================================================== */
.login-box {
	max-width: 400px;
	width: 100%;
	padding: 20px;
	margin: 20px auto;
	background: #fff;
}
.login-box .header {
	color: white;
	text-align: center;
	margin: -20px -20px 20px -20px;
	padding: 15px;
	text-transform: uppercase;
}
.login-box .form-control {
	border-right: none !important;
	border-radius: 2px 0 0 2px;
}
.login-box .has-error .form-control {
	border-color: #843534;
	box-shadow: none;
}
.login-box .input-group-addon {
	height: 0px !important;
	border: 1px solid #e9ebec !important;
	background: white;
	border-radius: 0;
	border-left: 1px none !important;
	margin-left: -1px !important;
}
.login-box .has-error .input-group-addon {
	border: 1px solid #843534 !important;
	border-left: 1px none !important;
	margin-left: -1px !important;
}
.login-box label {
	margin: 10px 5px -10px 5px;
}
.login-box .form-control {
	border: 1px solid #e9ebec;
	box-shadow: none;
	border-radius: 0px;
	border-right: 0;
}
.login-box .form-control:focus {
	outline: none;
}
.login-box .confirm {
	position: relative;
	margin: 20px 0 10px -15px;
}
.login-box .confirm label {
	position: absolute;
	top: -9px;
	left: 30px;
}
.login-box button {
	margin: 15px 0px !important;
}
.login-box .close {
	margin: 0px !important;
}
/* Page loader and Misc Styles
=================================================================== */

.content-scroll {
	width: 450px;
	color: #333;
	padding: 0;
}
.top-menu-scroll {
	position: relative;
	overflow: hidden;
	max-height: 400px;
	height: auto;
	background: #FFF;
	padding: 0;
}
.oe {
	list-style: none;
}
.oe li {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	color: #333;
}
.oe li:nth-child(even) {
	background-color: #f5f5f5;
}
.oe li:last-child {
	border-bottom: 0;
}
.oe li ul, .oe li ol {
	margin-left: 15px;
}
.oe li ul li, .oe li ol li {
	border-bottom: none;
	padding: 3px;
}
.oe li ul li:nth-child(even), .oe li ol li:nth-child(even) {
	background-color: transparent;
}
.content-scroll .dropdown-header {
	background-color: #F5F5F5;
	border-bottom: 1px solid #ddd;
	color: #8090a0;
}
.content-scroll .dropdown-header a, .content-scroll .dropdown-footer a {
	padding-top: 5px;
	padding-bottom: 5px;
}
.content-scroll .dropdown-footer {
	background-color: #F5F5F5;
	border-top: 1px solid #ddd;
	text-align: center;
}
.content-scroll .dropdown-content {
	display: block;
	padding: 0;
}
.select2-container-disabled .select2-chosen, .select2-container-disabled .select2-arrow {
	cursor: not-allowed;
}
.has-error .redactor_box {
	border-color: #a94442;
}
.has-success .redactor_box {
	border-color: #2b542c;
}
.has-error .select2-container .select2-choice {
	border-color: #a94442;
}
.has-success .select2-container .select2-choice {
	border-color: #2b542c;
}
.has-error .select2-container-active .select2-choice, .has-error .select2-container-active .select2-choices {
	border-color: #a94442;
	box-shadow: 0 0 6px #ce8483;
}
.has-success .select2-container-active .select2-choice, .has-success .select2-container-active .select2-choices {
	border-color: #2b542c;
	box-shadow: 0 0 6px #67b168;
}
.select2-container-multi.form-control .select2-choices {
	border: none !important;
	border-radius: 4px;
}
.select2-hidden {
	display: none !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
	background: none !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
	border: 0;
	padding: 6px 6px 6px 20px;
	border-radius: 0;
	box-shadow: none;
	background: #F0E1A0;
}
.select2-container-multi .select2-search-choice-close {
	left: 5px;
	top: 6px;
}
#attrTable td, #attrTable .delAttr, #attrTable .attr-remove-all, .pointer {
	cursor: pointer;
}
#attrTable td:last-child {
	cursor: default;
}
.table.barcodes td {
	padding: 30px 20px !important;
}
.table.barcodes .table-barcode {
	width: 100%;
}
.table.barcodes .table-barcode td {
	border-bottom: 1px solid #eee;
	padding: 3px !important;
}
.order-table td ol, .order-table td ul {
	padding-left: 15px;
}
.vertical-text {
	writing-mode: tb-rl;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	white-space: nowrap;
	display: block;
	bottom: 0;
	width: 20px;
	height: 20px;
	margin-top: -75px;
}
.global-site-notice {
	background: none repeat scroll 0 0 #ffff90;
	border-color: #cfcfcf;
	border-image: none;
	border-style: solid;
	border-width: 0 0 1px;
	color: #2f2f2f;
	font-size: 12px;
	line-height: 1.25;
	text-align: center;
	height: 55px;
}
.global-site-notice .notice-inner {
	background: url("../images/i_notice.gif") no-repeat scroll 10px 10px rgba(0, 0, 0, 0);
	margin: 0 auto;
	padding: 12px 0 12px 60px;
	text-align: left;
}
.focusedInput {
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}
.transparent-input {
	background: transparent;
	border: none;
	box-shadow: none;
}
.style-switcher {
	position: absolute;
	top: 82px;
	right: 12px;
	z-index: 1;
}
/*.stick {
    position:fixed;
    top:0px;
}*/
.bold {
	font-weight: bold;
}
.padding05 {
	padding: 0 5px;
}
.padding10 {
	padding: 10px 0 !important;
}
.padding010 {
	padding: 10px 0 !important;
}
.padding1010 {
	padding: 10px !important;
}
.padding-right-10 {
	padding-right: 10px;
}
.padding-left-10 {
	padding-left: 10px;
}
.margin05 {
	margin: 0 5px;
}
.margin010 {
	margin: 10px 0 !important;
}
.margin1010 {
	margin: 10px !important;
}
.margin-right-10 {
	margin-right: 10px;
}
.margin-left-10 {
	margin-left: 10px;
}
.border-left {
	border-left: 1px solid #dbdee0;
}
.border-right {
	border-right: 1px solid #dbdee0;
}
.pro_loss_color {
	background-color: #ff3f6a;
	border-radius: 10px;
	height: 205px;
}
.pro_loss_color_b {
	background-color: #ff3f6a;
	border-radius: 10px;
}
.totals td {
	width: 16.666%;
	font-weight: bold;
}
.stick-bottom {
	position: fixed;
	bottom: 0px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #549bde;
	outline: none;
	border-radius: 0 !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	color: #fff !important;
}
.buttons .btn {
	margin-bottom: 3px;
}
.buttons .btn i {
	margin-right: 5px;
}
label {
    margin-top: 5px;
    text-transform: capitalize;
}
.product_link, .customer_details_link, .supplier_details_link, .product_link2 td:first-child, .product_link2 td:nth-child(2) {
	cursor: pointer;
}
.product_link td:first-child, .product_link td:nth-child(2), .product_link td:last-child, .customer_details_link td:first-child, .customer_details_link td:last-child, .supplier_details_link td:first-child, .supplier_details_link td:last-child {
	cursor: default;
}
.purchase_link, .transfer_link, .invoice_link, .quote_link, .delivery_link, .return_link, .return_purchase_link, .receipt_link, .payment_link, .payment_link2, .invoice_link2, .purchase_link2, .expense_link2, .transfer_link2, .quote_link2, .row_status, .adjustment_link, .adjustment_link2 {
	cursor: pointer;
}
.purchase_link td:first-child, .purchase_link td:nth-child(5), .purchase_link td:nth-last-child(2), .purchase_link td:last-child, .transfer_link td:first-child, .transfer_link td:nth-last-child(3), .transfer_link td:nth-last-child(2), .transfer_link td:last-child, .invoice_link td:first-child, .invoice_link td:last-child, .invoice_link td:nth-last-child(2), .invoice_link td:nth-child(6), .receipt_link td:first-child, .receipt_link td:last-child, .quote_link td:first-child, .quote_link td:nth-last-child(3), .quote_link td:nth-last-child(2), .quote_link td:last-child, .delivery_link td:first-child, .delivery_link td:last-child, .delivery_link td:nth-last-child(2), .delivery_link td:nth-last-child(3), .adjustment_link td:first-child, .adjustment_link td:last-child, .adjustment_link td:nth-last-child(2), .expense_link2 td:last-child {
	cursor: default;
}
.order:hover, .invoice:hover, .quote:hover {
	cursor: pointer !important;
}
.bartable td {
	width: 20%;
}
.sheettable td {
	width: 50%;
}
.text_filter, .select_filter, .text_filter:focus, .select_filter:focus {
	border: 0;
	width: 100%;
	background: none;
	box-shadow: none;
	height: auto;
	padding: 0;
}
#options .form-control-feedback {
	top: -10px !important;
}
#fileList, #cfileList, #acfileList {
	list-style: none;
}
#fileList li, #cfileList li, #acfileList li {
	list-style: none;
	border: 1px solid #ccc;
	float: left;
	padding: 5px;
	text-align: center;
	margin: 5px;
}
#fileList li span, #cfileList li span, #acfileList li span {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
}
#fileList li span, #cfileList li span, #acfileList li span {
	display: block;
}
.myfileupload-buttonbar input {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
	border: solid transparent;
	border-width: 0;
	opacity: 0.0;
	filter: alpha(opacity=0);
	-o-transform: translate(250px, -50px) scale(1);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}
.checkbox div {
	margin-right: 5px;
}
.ui-autocomplete-loading {
	background: #FFFFFF url("../images/loading.gif") no-repeat right center;
}
ul.enlarge {
	list-style-type: none;
	margin: 0;
	padding: 0 !important;
}
ul.enlarge li {
	display: inline-block;
	position: relative;
	z-index: 55555;
}
ul.enlarge span {
	position: absolute;
	left: -9999px;
}
ul.enlarge li:hover {
	cursor: pointer;
}
ul.enlarge li:hover span {
	bottom: 0px;
	left: 30px;
}
.no-modal-header .close {
	margin-top: -12px;
}
.loader {
	color: white;
	top: 40%;
	left: 50%;
	margin-left: -53px;
	position: fixed;
	padding: 3px;
	width: 106px;
	height: 106px;
	background: url(../images/ajax-loader.svg) no-repeat center;
	z-index: 4;
}
.blackbg {
	z-index: 3;
	background-color: #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: fixed;
}
#ajaxCall {
	display: none;
	color: #000;
	background: #FFF;
	border-radius: 25px;
	top: 2%;
	right: 2%;
	position: fixed;
	width: 51px;
	height: 50px;
	z-index: 55555;
	text-align: center;
}
#ajaxCall i {
	font-size: 50px;
}
.dtBtn {
	margin: 5px 0 0 10px;
}
.dataTable {
	margin: 0 0 3px 0;
}
.dataTables_processing {
	position: absolute;
	top: 15px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	text-align: center;
	color: #999;
	font-size: 0px;
	padding: 2px 0;
	background: url('../images/loading_bar.gif') no-repeat center;
	z-index: 1000;
	height: 20px;
}
fieldset.scheduler-border {
	border: 1px solid #DBDEE0 !important;
	padding: 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}
legend.scheduler-border {
	font-size: 1.1em !important;
	font-weight: bold !important;
	text-align: left !important;
	width: auto;
	color: #428BCA;
	padding: 5px 15px;
	border: 1px solid #DBDEE0 !important;
	margin: 0;/*background: #DBDEE0;*/
}
.bv-form .help-block {
	margin-bottom: 0;
}
.bv-form .tooltip-inner {
	text-align: left;
}
.nav-tabs li.bv-tab-success > a {
	color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
	color: #a94442;
}
.no-help-block.has-error .help-block {
	display: none !important;
}
#codeigniter_profiler:after, #codeigniter_profiler:before, #codeigniter_profiler {
	width: 100% !important;
	height: auto !important;
	border: none !important;
	margin: 0 !important;
	position: absolute;
}
/* Listing page tables
=============================================================== */
#GCData th, #QUData th {
	width: 15%;
	text-transform: capitalize;
}
#SLData th {
	width: 13%;
	text-transform: capitalize;
}
#POData th, #TOData th {
	width: 15%;
	text-transform: capitalize;
}
#POSData th, #DOData th {
	width: 14%;
	text-transform: capitalize;
}
#PRData th {
	width: 9%;
	text-transform: capitalize;
}
#POData td:nth-child(6), #POData td:nth-child(7), #POData tfoot th:nth-child(6), #POData tfoot th:nth-child(7), #POData td:nth-child(5), #POData td:nth-child(8), #POData tfoot th:nth-child(5), #POData tfoot th:nth-child(8) {
	width: 11%;
}
#PRData {
	width: 100% !important;
	text-align: center;
}
#PRData th:nth-child(4) {
	width: 16%;
}
#PRData th:nth-child(3) {
	width: 11%;
}
#PRData th:nth-child(5), #PRData th:nth-child(6) {
	width: 10%;
}
#PRData th:nth-child(10) {
	width: 7%;
}
#TOData td:nth-child(6), #TOData td:nth-child(7), #TOData td:nth-child(8), #TOData tfoot th:nth-child(6), #TOData tfoot th:nth-child(7), #TOData tfoot th:nth-child(8) {
	text-align: right;
	width: 10%;
}
#GCData td:nth-child(3), #GCData td:nth-child(4) {
	text-align: right;
}
#SLData td:nth-child(7), #SLData td:nth-child(8), #SLData tfoot th:nth-child(7), #SLData tfoot th:nth-child(8), #SLData td:nth-child(6), #SLData tfoot th:nth-child(6), #SLData td:nth-child(9), #SLData tfoot th:nth-child(9), #SLData td:nth-child(10), #SLData tfoot th:nth-child(10) {
	width: 9% !important;
}
#SLData td:last-child, #SLData tfoot th:last-child {
	width: 8%;
}
#POSData td:nth-child(6), #POSData td:nth-child(7), #POSData tfoot th:nth-child(6), #POSData tfoot th:nth-child(7), #POSData td:nth-child(8), #POSData tfoot th:nth-child(8) {
	width: 10% !important;
	text-align: right;
}
#POSData td:nth-child(9), #POSData tfoot th:nth-child(9) {
	width: 12%;
}
#DOData th:nth-child(6) {
	width: 38%;
}
#PrRData th {
	width: 10%;
}
#SRData th:first-child, #PrRData th:nth-child(2) {
	width: 22%;
}
#PrRData td:nth-child(3), #PrRData td:nth-child(4), #PrRData td:nth-child(5), #PrRData td:nth-child(6), #PrRData td:nth-child(7) {
	text-align: right;
	width: 12%;
}
#PrRData td:nth-child(5) {
	font-weight: bold;
}
#SlRData th {
	width: 13%;
}
#SlRData th:nth-child(6), #SlRData th:nth-child(7), #SlRData th:nth-child(8), #SlRData th:nth-child(9) {
	width: 9% !important;
}
#PoRData th {
	width: 13%;
}
#PoRData th:nth-child(6), #PoRData th:nth-child(7), #PoRData th:nth-child(8), #PoRData th:nth-child(9) {
	width: 9%;
}
#PayRData th {
	width: 16%;
}
#PayRData th:nth-child(5), #PayRData th:nth-child(6), #PayRData th:nth-child(7) {
	width: 12%;
}
#PayRData td:nth-child(7) {
	text-transform: capitalize;
}
#PayRData td:nth-child(6), #PayRData tfoot th:nth-child(6) {
	text-align: right;
}
#CusData th {
	width: 10%;
}
#CusData tfoot th:nth-child(2), #CusData tfoot th:nth-child(3), #CusData tfoot th:nth-child(4) {
	width: 13%;
}
#CusData td:nth-child(9) {
	text-align: right;
}
#SupData th {
	width: 12.5%;
}
#RESLData th {
	width: 15%;
}
#RESLData th:nth-child(6), #RESLData th:nth-child(7), #RESLData th:nth-child(8) {
	width: 8%;
}
#RESLData td:nth-child(6), #RESLData td:nth-child(7), #RESLData tfoot th:nth-child(6), #RESLData tfoot th:nth-child(7) {
	text-align: right;
}
#registerTable td {
	width: 11%;
}
#registerTable td:nth-child(5), #registerTable td:nth-child(6) {
	width: 9%;
	text-align: center;
}
#registerTable td:nth-child(4), #registerTable td:nth-child(7) {
	width: 9%;
	text-align: right;
}
#registerTable td:nth-child(8) {
	width: 27%;
}
.table-right-left td {
	width: 16.666%;
}
.table-right-left td:nth-child(odd) {
	text-align: right;
}
.table-right-left td:nth-child(even) {
	text-align: left;
	font-weight: bold;
}
.highcharts-contextmenu hr {
	display: none;
}
.highcharts-container {
	width: 100% !important;
	height: 100% !important;
}
.two-columns th, .two-columns td {
	width: 50%;
}
.three-columns th, .three-columns td {
	width: 33.333%;
}
.print-only {
	display: none;
}
/* Gift card view
=================================================================== */
.card {
	width: 353px;
	height: 450px;
	border-radius: 10px;
	margin: 15px auto;
	color: #FFF;
}
.card .card_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 353px;
	height: 206px;
}
.card .front {
	position: relative;
}
.card .back {
	margin-top: 230px;
	position: relative;
}
.card .middle {
	display: table-cell;
	vertical-align: middle;
	width: 353px;
	height: 206px;
}
.card .card-content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 55555;
	height: 206px;
	width: 100%;
	display: block;
	padding: 10px;
	text-align: center;
}
/* Total Valus Blinking Style - Not all browsers support this
=================================================================== */
/*@keyframes blink {
to { color: #d43f3a; }
}
.totals_val {
color: #000;
animation: blink 1s steps(2, start) infinite;
}
@keyframes blink {
to { background: #5bc0de; }
}
.totals_val {
background: transparent;
padding: 1px 5px;
animation: blink 1s steps(2, start) infinite;
}*/



/* Meer Css
=============================================================== */
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
button.btn.btn-success.merge-success.merge-to-Table2.merge-from-578016 {
	border-radius: 0 0 4px 4px !important;
}
button.btn.btn-info.merge_btn {
	margin: 0 auto;
	border-radius: 4px 4px 0 0 !important;
	border: 0;
}
button.btn.brn-primary.fa-bx-o.tip.pointer.comment {
	width: 60px;
	height: 20px;
	margin: 0 auto 5px !important;
	padding: 0 0;
	color: #fff;
	background-color: #897b9c;
	border-color: #897b9c;
	font-size: 10px;
}
button.btn.btn-primary.fa-bx.tip.pointer.edit {
	padding: 5px 14px;
	color: #fff;
	border: 0;
	background-color: #4fbf72;
	font-size: 14px;
	border-radius: 20px !important;
	margin: 3px auto 0px !important;
}
.table-bordered {
	border: 0px solid #ddd;
}
tbody.ui-sortable>tr>td:nth-child(2) {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 3px;
	vertical-align: middle;
}
tbody.ui-sortable>tr>td:nth-child(7) {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 3px;
}
div#pr_popover_content ul li {
	display: block;
}
.btn-warning.allfilter:hover, .btn-warning.allfilter:focus, .btn-warning.allfilter:active, .btn-warning.allfilter.active, .open>.dropdown-toggle.btn-warning.allfilter {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f;
}
tbody.ui-sortable tr td:nth-child(3) {
	/*padding: 15px 0 0 0;*/
	text-align: center;
	vertical-align: middle;
}
tbody.ui-sortable tr td:nth-child(4) {
	padding: 0px 0 0 0;
	text-align: center;
	vertical-align: middle;
}
tbody.ui-sortable tr td:nth-child(6) {
	/*padding: 15px 0 0 0;*/
	text-align: center;
	vertical-align: middle;
}
tbody.ui-sortable tr td:nth-child(7) {
	padding: 0px 0 0 0;
	vertical-align: middle;
}
/*ul.nav.nav-tabs li a {
    width: 20%;
    float: left;
}
*/


ul.nav.nav-tabs li.active a {
	font-weight: 400 !important;
	color: #666 !important;
	border-bottom-color: transparent;
	border-radius: 4px 0px 0px 0;
	border: 1px solid #e9ebec;
	border-bottom: 0;
	border-right: 0;
	line-height: 13px;
	background-color: #ffffff !important;
}
ul.nav.nav-tabs {
	background-color: #e9ebec;
	border: 0;
	border-radius: 4px 4px 0 0;
}
.tab-content {
	border: 1px solid #e9ebec;
	border-top: 0;
	padding: 15px 12px 0;
}
ul.nav.nav-tabs li a:hover, ul.nav.nav-tabs li a:focus {
	background-color: transparent;
	cursor: pointer;
}
ul.nav.nav-tabs li a {
	width: 100%;
	float: left;
	font-size: 13px;
	padding: 10px 20px;
	color: #666;
	font-weight: 400;
	text-transform: capitalize;
	border: 0;
	text-align: center;
	margin: 1px 0 0 1px;
	border-radius: 4px 4px 0 0;
}
.modal-dialog.addons-modal {
	margin: 15px auto 0;
}
.bootbox-body table {
	width: 100%;
}
button.btn.btn-primary.splitBill {
	padding: 6px 9px;
}
.posdel {
	width: 100%;
	height: 36px;
	padding-top: 0;
	color: #fa603d;
	padding: 9px 0;
	font-size: 16px;
}
tbody.ui-sortable>tr>td {
	font-size: 13px;
	border: 0;
	vertical-align: middle;
}
.center-login {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, 5%);
	width: 100%
}
.dataTables_filter input[type=text] {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #CCCCCC;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	font-size: 14px;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
	border-radius: 4px;
}
.dropdown-menu:li {
 text-align: left;
}
.dropdown-menu .dropdown-bottom {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 0;
	color: #fff;
	cursor: default;
	background-color: #6f5a8c;
	border-color: #6f5a8c;
}
.dropdown:hover .dropdown-menu.dropdown-bottom {
	display: block;
	background-color: #27b998;
	position: absolute;
	left: 5px;
	top: 100%;
	width: 190px;
	height: auto;
	border-left: 0;
	border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	padding-top: 11px;
	margin-top: -3px;
	padding-bottom: 10px;
	overflow: hidden;
	z-index: -9999;
}
nav.navbar.navbar-default {
	background-color: transparent;
	margin: 30px auto 0;
	vertical-align: middle;
	text-align: center;
	display: table;
}
ul.nav.navbar-nav.bottom-menu li i {
	font-size: 20px;
	text-align: center;
	margin: 0 auto 0;
	display: table;
}
ul.nav.navbar-nav.bottom-menu li {
	padding: 0 5px;
	float: left;
	min-width: 90px;
}
.content-con {
	padding: 30px 19px;
}
div#bottom-total {
	position: relative !important;
}
.navbar.top-menu-bar {
	background-color: #10b744;
	z-index: 4 !important;
}
ul.nav.navbar-nav.bottom-menu li:hover a {
	background-color: #27b998;
	color: #fff;
	border-radius: 4px;
}
span.qtyplease {
	background-color: #6f5a8c;
	padding: 5px 0;
	color: #fff;
	border-radius: 20px;
	cursor: pointer;
	width: 30px;
	text-align: center;
	margin: 0 auto;
	display: block;
	height: 30px;
}
ul.dropdown-menu.dropdown-bottom li:hover a {
	border-radius: 0 !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: #2732b9;
	color: #fff;
	border-radius: 40px !important;
}
nav.navbar.navbar-default ul.nav.navbar-nav.bottom-menu>li.active li a:hover, nav.navbar.navbar-default ul.nav.navbar-nav.bottom-menu>li:hover li a:hover, nav.navbar.navbar-default ul.nav.navbar-nav.bottom-menu>li ul li a:hover {
	color: #ffffff;
	background-color: #9589a5;
	border-radius: 0 !important;
}
ul.nav.navbar-nav.bottom-menu li {
	padding: 0 5px;
}
ul.dropdown-menu.dropdown-bottom li {
	padding: 0 !important;
	width: 190px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #897b9c;
	border-color: #897b9c;
}
.btn-primary:focus {
	color: #fff;
	background-color: #6f5a8c;
	border-color: #6f5a8c;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: #fff !important;
	text-decoration: none;
	background-color: #9589a5 !important;
	outline: 0;
	border-radius: 0px !important;
}
ul.nav.navbar-nav.div-left.pull-left {
	/* position: absolute; */
    /* left: 270px; */
	padding: 5px 0;
	margin: 0 auto;
	display: table;
	float: none !important;
}
button#sellGiftCard {
	border: 0px solid #ccc;
}
ul.nav.navbar-nav.bottom-menu li a {
	color: #fff;
	padding: 10px 7px;
}
.input-group .form-control {
	position: relative;
	z-index: 0;
	text-transform: capitalize;
}
div#sticker {
	z-index: 0 !important;
}
.box-icon i {
	color: #6f5a8c;
}
.select2-container .select2-choice {
	border-radius: 4px;
}
.input-group-addon:last-child {
	border-left: 0;
	position: relative;
	left: 0px;
}
a {
	color: #7d669a;
	text-decoration: none;
}
a:hover, a:focus {
	color: #9589a5;
	text-decoration: underline;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	margin-left: -6px;
}
/*ul#dbTab li a {
    color: #002346;
}*/
.add-ref-main {
	border-left: 0;
	position: relative;
	left: 0px;
}
.add-ref-main-btn {
	width: 30%;
	color: white;
	background-color: #4fbf72;
}
.add-ref-main-btn:hover, .add-ref-main-btn:focus {
	color: #fff;
	text-decoration: none;
}
.add-ref-main-btn:active, .add-ref-main-btn:active {
	background-color: #359854;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.btn-primary {
	color: #fff;
	background-color: #6f5a8c;
	border-color: #6f5a8c;
}
.btn-act-tabel {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
	margin: -5px 5px 0 0px;
	width: auto;
}
.add-ref-main {
	border-left: 0px;
	position: relative;
	left: 0px;
	width: 70%;
	float: left !important;
}
button#submitopenbill {
	width: 100%;
}
/*.add-ref-input{
	width: 50%;
	float: left;
}*/

.add-ref-input {
	width: 30%;
	float: left;
	border-radius: 0;
}
.input-group.item-pos {
	margin: 4px auto 0;
}
.add-ref-main .btn-group {
	width: 100%;
}
.add-ref-main.pull-left .btn {
	/*width: 19%;*/
	float: left;
	margin: 0 0 0 5px;
}
input.form-control.pos-tip.reference_note.pull-left {
	border-radius: 4px !important;
}
.btn-select-tabel {
	color: #fff;
	background-color: #6f5a8c;
	border-color: #6f5a8c;
	margin: 5px 5px 0px 0px;
	width: auto;
}
.btn-add-tabel {
	color: #fff;
	background-color: #fa603d;
	border-color: none;
	margin: 5px;
	width: 90px;
}
.btn-add-tabel:hover, .btn-add-tabel:focus {
	color: #fff;
	text-decoration: none;
}
.btn-add-tabel:active, .btn-add-tabel:active {
	background-color: #cc3f1e;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.btn-add-ref {
	color: #fff;
	background-color: #6f5a8c;
	border-color: none;
	width: 250%;
}
.btn-add-ref:hover, .btn-add-ref:focus {
	color: #fff;
	text-decoration: none;
}
.btn-add-ref:active, .btn-add-ref.active {
	background-color: #584375;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.text-center.logo-img img {
	margin: 55px auto 10px;
	width: 50%;
	height: 100%;
}
.checkbox.remember-check label {
	color: #fff;
}
button.btn.btn-default.btn-danger.fileinput-remove.fileinput-remove-button {
	margin: 0 10px 0px 4px;
	padding: 6px 5px;
}
.btn.btn-primary.btn-file {
	padding: 6px 5px;
}
.checkbox.remember-check {
	margin: 15px auto 0 !important;
}
/*ul.dropdown-menu.dropdown-bottom li a:hover {
    background-color: #ccc !important;
    padding: 6px 30px;
    width: 153px;
    border-radius: 0 !important;
}*/


.modal-dialog {
	margin: 60px auto 20px;
}
.import-csv {
	padding: 10px 10px;
}
.well-sm.no-print, .sale-by, .purchase-by, .transfer-by, .backup-by, .update-by {
	padding: 10px;
}
.backup-by h3 {
	margin: 13px auto 0;
}
.download-btn, .restore_db {
	margin: 0 10px 0 0;
}
.small-box.padding1010.bblue {
	background-color: #9800a2;
}
button#next {
	width: 90%;
	margin: 0 0 0 0px;
}
button#previous {
	width: 90%;
}
.btn.btn-danger.btn-block.btn-flat.btn-cancel {
	float: left;
	width: 19% !important;
	height: 65px;
	margin: 0 5px 0 0 !important;
	border: 0;
}
.bootbox.modal.fade.bootbox-alert.specialone.in {
	overflow: auto !important;
}
div#botbuttons {
	margin: 5px 0px 0px 0px;
	padding: 0 0 0 0;
}
button#suspend_sale_order {
	width: 19%;
	margin: 0px 0px 0 5px;
	padding: 0 20px;
	height: 65px;
	float: left;
}
button#hold_sales_btn {
	width: 19%;
	margin: 0px 0px 0 5px;
	padding: 0;
	height: 65px;
	float: left;
	text-transform: capitalize;
	border: 0;
	text-align: center;
}
a#opened_bills {
	display: none;
}
button#suspend_sale_hold {
	margin: 0 0 5px 0;
	padding: 0px 20px;
	height: 65px;
	float: left;
	width: 19%;
	border: 0;
}
button#print_bill {
	width: 20%;
	margin: 0 0 5px 5px;
	padding: 0px 20px;
	height: 65px;
	float: left;
	border: 0;
}
.btn-cancel {
	width: 100% !important;
	margin: 0 auto 5px !important;
	padding: 0px 20px !important;
	height: 30px;
}
button#reset {
	margin: 15px 0;
	padding: 6px 15px;
}
button#payment {
	height: 65px !important;
}
.alert.alert-danger button.close {
	margin: 0px auto 0;
	display: none;
}
.login-content .alert-danger {
	background-color: transparent;
	color: red;
	border: 0px;
	text-align: center;
}
button.btn.btn-success.login-btn {
	background-color: #5a8b65 !important;
	border: 0;
}
ul.list-group p {
	margin: 0;
}
.login-content .alert {
	padding: 4px 10px;
	margin-bottom: 0;
}
.has-error .form-control {
	border-color: #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-error .input-group-addon {
	color: #555;
	background-color: #eeeeee;
	border-color: #cccccc;
}
.has-error .form-control:focus {
	border-color: #ccc;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px #ce8483;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px #ce8483;
}
a.bblu.white.quick-button {
	background-color: #002346;
}
a.expiry-bg.white.quick-button {
	background-color: #2677c5;
}
a.month-bg.white.quick-button {
	background-color: #e65555;
}
a.profit-bg.white.quick-button {
	background-color: #004f9c;
}
a.staff-bg.white.quick-button {
	background-color: #666;
}
a.daily-bg.white.quick-button {
	background-color: #000;
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 12px !important;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #000000;
	white-space: nowrap;
	text-transform: capitalize;
}
.user span {
	margin: 0 5px 0 0;
}
ul.dropdown-menu.pull-right.drop-dwon-list {
	min-width: 150px;
	background-color: #302541;
	margin: 0px 0px 0 0;
	border: 0;
	padding: 10px 0;
	height: auto;
	position: absolute;
	top: 46px;
	z-index: -999999;
	border-radius: 0 0 4px 4px;
	left: auto;
	right: 0px;
}
.drop-dwon-list>li>a:hover, .drop-dwon-list>li>a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #9589a5;
}
.drop-dwon-list>li>a {
	display: block;
	padding: 8px 12px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
}
footer p {
	text-align: center;
	font-size: 12px;
	margin: 12px auto 0;
}
ul.nav.navbar-nav.pos-nav.pull-right {
	padding: 4px 0;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos {
	min-width: 410px;
	background-color: #302541;
	margin: 0px 0px 0 0;
	border: 0;
	padding: 25px 0 10px;
	height: auto;
	position: absolute;
	top: 48px;
	z-index: -999999;
	border-radius: 0 0 4px 4px;
	left: auto;
	right: 0px;
}
li.devider-line {
	height: 1px;
	float: left;
	width: 100%;
	background-color: #544171;
	margin: 15px auto 10px;
}
a.btn.blightOrange.pos-tip {
	min-width: 80px;
}
a.btn.blightGreen.pos-tip {
	min-width: 80px;
	background-color: #5cb85c;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos li.dropdown a {
	width: 100%;
	padding: 7px 0 !important;
	margin: 0 auto 10px;
}
a.btn.account.dropdown-toggle {
	transition: .8s;
}
.drop-dwon-list-pos>li>a:hover, .drop-dwon-list-pos>li>a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #9589a5;
}
.drop-dwon-list-pos>li>a {
	display: block;
	padding: 3px 12px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
}
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #9589a5;
	color: #fff;
}
.label-success {
	background-color: #5cb85c;
	padding: 4px 5px;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 300;
}
.open>.dropdown-menu.dropdown-bottom {
	display: none;
}
.open>.dropdown-menu {
	display: block;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: thin dotted;
	outline: 0 auto -webkit-focus-ring-color;
	outline-offset: 0px;
}
.open>.dropdown-menu.pull-right.drop-dwon-list-pos {
	display: block;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: #555;
	background-color: transparent;
}
.well.well-sm {
	padding: 15px;
}
a.tip.btn.btn-warning.tip {
	width: 98%;
}
a.tip.btn.btn-primary {
	margin: 0 0 0 0;
	width: 98%;
}
.pos-tip img {
	width: 100% !important;
	height: 100px !important;
	margin: 0px auto 0px;
	display: table;
}
.pos-tip:hover {
/* background-color: #fff;*/
}
.nav .open > a.btn.blightOrange.tip, .nav .open > a.btn.blightOrange.tip:hover, .nav .open > a.btn.blightOrange.tip:focus {
	background-color: #fabb3d !important;
	border-radius: 20px !important;
}
.nav .open > a.btn.tip, .nav .open > a.btn.tip:hover, .nav .open > a.btn.tip:focus {
	background-color: #9589a5 !important;
	border-radius: 20px !important;
}
input#add_item {
	border-radius: 4px 0px 0px 4px!important;
	float: right;
	width: 100%;
}
.input-group-addon {
	border-radius: 4px;
}
.box-content p {
	font-size: 13px;
}
.input-group-addon.no-print {
	position: relative;
	left: 0px;
}
span#random_num {
	position: relative;
	left: -3px !important;
}
.file-caption-name {
	display: inline-block;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 185px;
}
span.input-group-addon {
	position: relative;
	left: 0px !important;
}
.nav .open > a.btn.account, .nav .open > a.btn.account:hover, .nav .open > a.btn.account:focus {
	background-color: #302541;
	outline: none;
	border-radius: 0 !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	color: #fff !important;
}
span.input-group-addon.alert-box {
	position: relative;
	left: -3px !important;
}
.ware-div {
	padding: 10px 15px;
}
.input-group-addon.lock-drop {
	position: relative;
	left: -3px;
}
a.btn.btn-danger.btn-xs.po {
	margin: 10px;
}
.btn-group-justified>.btn-group .btn {
	width: 98%;
	margin: 0px 0 0px 0px;
	background-color: #ab2f52;
	border: 0;
}
div#product-list {
	/*height: 324px !important;*/
	min-height: 200px;
}
div#left-middle {
	/*height: 349px !important;*/
	min-height: 313px;
}
button#payment {
	width: 19%;
	float: left;
	margin: 0px 0px 0px 5px;
}
.view-inner-text {
	margin: 0px 0 10px 70px;
	position: relative;
	float: left;
}
.text-view img {
	float: left;
}
.view-inner-text h3 {
	margin: 0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.modal-dialog.modal-lg.add-ref-on {
	position: absolute;
	left: 0;
	right: 0;
	transform: translate(0, 50%);
}
#category-list, #subcategory-list, #brands-list {
	max-height: 100% !important;
	overflow: hidden;
	position: relative;
}
td.qty-item {
	margin: 0 auto 15px;
	display: table;
}
input.form-control.qty-input {
	float: left;
	text-align: center;
	font-size: 18px;
	border-radius: 0 !important;
	border: 0px;
	height: 40px;
	width: 50px !important;
	background: hsla(0, 0%, 92%, 1);
}
button.btn.incminus {
	float: left;
	background-color: #fa603d;
	border: 0px;
	color: #fff;
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
	padding: 10px 15px;
}
button.btn.incplus {
	background-color: #4fbf72;
	border: 0px;
	color: #fff;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	margin: 0 0px 0 0;
	padding: 10px 15px;
}
table#SLData_sl tr th {
	font-size: 11px;
}
table#SLData_sl tr td {
	font-size: 11px;
	padding: 8px 0 8px 0;
}
.bootbox.modal.fade.bootbox-alert.specialone.in h1 {
	font-size: 14px;
	margin: 0 auto 0;
	line-height: 18px;
	float: left;
}
table.var-head th {
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
}
table.var-head td {
	padding: 15px 0 0 0;
}
input.btn.btn-primary.sub-var {
	margin: 15px auto -15px;
	display: table;
}
.main-sub {
	margin: 15px auto 15px;
	border-top: 1px solid #ccc;
}
.bootbox.modal .modal-sm {
	width: 30%;
}
div#runtimevariations {
	margin: 0px auto -15px;
}
input.btn.btn-primary.sub-var.adonsize-button {
	margin: 0;
	float: right;
}
tr.addon_size td {
	padding: 10px 0 0 0;
	float: left;
	width: 50%;
	font-size: 16px;
	font-weight: 600;
	margin: 0 auto 10px;
}
td.addon-size-price {
	padding: 17px 0 0 !important;
}
ul.dropdown-menu.pull-right.tasks-menus li a {
    display: block;
    padding: 3px 12px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-transform: capitalize;
}
.verticalTableHeader p {
	margin: 0 -461% 0;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	g-origin: 50% 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 11px;
	text-transform: capitalize;
	letter-spacing: 1.5px;
}
.verticalTableHeader p:before {
	content: '';
	width: 0;
	padding-top: 110%;/* takes width as reference, + 10% for faking some extra padding */
	display: inline-block;
	vertical-align: middle;
}
table.table.table-bordered.table-hover.table-striped.vertical-table-head {
	text-align: center;
	table-layout : fixed;
}
.ccategory.active {
	background-color: #fff !important;
	color: #333;
}
.nav-tabs>li {
	float: left;
	margin-bottom: -1px;
}
div#runtimevariations input[type="checkbox"] {
	width: 20px;
	height: 20px;
}
tr.addon_size:last-child {
	border-bottom: 0px solid #ccc;
}
tr.addon_size {
	border-bottom: 1px solid #ccc;
}
li.sus_salemerge {
	width: 19% !important;
	margin: 0px 0 8px 8px !important;
}
button.btn.btn-success.merge-success {
	border-radius: 0 0 5px 5px !important;
}
li.sus_salemerge button {
	border-radius: 5px 5px 0 0 !important;
}
th.columnToggle input.check-all {
	margin: 0 auto 0;
	position: relative;
	top: 3px;
}
input.rid.icheckbox_square-blue {
	width: 30px !important;
	height: 16px !important;
	margin: 10px auto 0 !important;
}
.modal-dialog.modal-lg.pay-modal {
	width: 50%;
	margin: 20px auto 0;
}
span.quick-pay {
	font-size: 15px !important;
}
.well.well-sm.well_1 {
	padding: 5px 0 0 15px;
}
textarea#payment_note_1 {
	height: 40px;
}
button#submit-sale {
	padding: 5px 0;
	font-size: 16px;
}
.pay_form_group {
	margin-bottom: 10px;
}
table#SLData_sl>tfoot>tr>th {
	font-size: 10px;
	padding: 13px 4px;
}
@keyframes blink {
 0% {
background-color:red;
}
 49% {
background-color:red;
}
 50% {
background-color:#fabb3d;
}
 100% {
background-color:#fabb3d;
}
}
blink {
	animation: blink 1s infinite;
}
 @-webkit-keyframes argh-my-eyes {
 0% {
background-color: red;
}
 49% {
background-color: red;
}
 50% {
background-color: #fabb3d;
}
 99% {
background-color: #fabb3d;
}
 100% {
background-color: red;
}
}
 @-moz-keyframes argh-my-eyes {
 0% {
background-color: red;
}
 49% {
background-color: red;
}
 50% {
background-color: #fabb3d;
}
 99% {
background-color: #fabb3d;
}
 100% {
background-color: red;
}
}
 @keyframes argh-my-eyes {
 0% {
background-color: red;
}
 49% {
background-color: red;
}
 50% {
background-color: #fabb3d;
}
 99% {
background-color: #fabb3d;
}
 100% {
background-color: red;
}
}
.blink {
	-webkit-animation: argh-my-eyes 1s infinite;
	-moz-animation: argh-my-eyes 1s infinite;
	animation: argh-my-eyes 1s infinite;
}
.orl {
	float: left;
	height: 100px;
	width: 92%;
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	border-radius: 4px;
	background: rgba(0,0,0,0.1);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(26,0,36,0.8) 59%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.1)), color-stop(59%, rgba(26,0,36,0.8)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(26,0,36,0.8) 59%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(26,0,36,0.8) 59%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(26,0,36,0.8) 59%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(59, 42, 84, 0.93) 59%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1a0024', GradientType=0 );
	margin: 0 auto;
}
.addbtnnn2 {
	margin: 0;
	float: right;
	width: 20%;
	padding: 30px 20px 0;
}
/*.form-group.has-feedback {
    float: left;
    width: 80%;
}*/
.addponne2 {
	float: left;
	width: 80%;
}
.move_selet {
	float: left;
	width: 100%;
	height: 30px;
	font-size: 12px;
	margin: 0px auto 0;
	border-radius: 0 !important;
}
.tk_input {
	float: right;
	width: 100%;
	height: 30px;
	font-size: 12px;
	margin: 0px auto 0px;
	border-radius: 0 !important;
}
.table_select {
	float: left;
	width: 100%;
	font-size: 12px;
	margin: 0px auto 0px;
	border-radius: 0 !important;
	height: 30px;
}
button.btn.btn-info.btn-moveto {
	margin: 0 auto 0;
	display: table;
	text-align: center;
	background-color: #449d44;
}
.watermark {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 60%;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0.1;
}
.html_con {
	float: left;
	width: 100%;
}
.html_con h3 {
	float: left;
	margin: 0 auto 0;
}
.allfilter {
	font-size: 1.1vw;
}
button.btn.btn-primary.btnallusers {
	font-size: 1.1vw;
}
h3.name-ar {
	margin: 20px auto 20px !important;
}
.receiptthermal .bill_oid {
	margin: 15px auto 0;
}
div#s2id_category {
	height: 100%;
}
p.add-on_pc {
	float: right;
	margin: 10px auto 0;
	width: 17%;
	text-transform: uppercase;
	letter-spacing: 2px;
}
div#botbuttons2 {
	padding: 0;
}
button#closesplitbtn {
	margin: 5px auto 5px !important;
	float: left;
}
.btn-warning.btnallusers:hover, .btn-warning.btnallusers:focus, .btn-warning.btnallusers:active, .btn-warning.btnallusers.active, .open>.dropdown-toggle.btn-warning.btnallusers {
	color: #fff;
	background-color: #4fbf72;
	border-color: #4fbf72;
}
.btnallusers.btn-warning {
	background-color: #6f5a8c;
	border-color: #6f5a8c;
	font-size: 1.1vw;
}
table.child_table tbody tr {
	margin: 0 auto 10px;
	width: 100%;
}
table.child_table tbody tr td {
	vertical-align: middle;
	padding: 0 10px 10px 0px;
}
table.child_main_table tr td {
	padding: 0 10px 10px 0;
}
.addmoer_delete {
	float: left;
	width: 100%;
	margin: 0 auto 20px;
}
h2.add_child_new {
	margin: 0 auto 20px;
	font-size: 18px;
	color: #333;
}
h2.existing_dhild {
	margin: 10px auto 20px;
	font-size: 18px;
	color: #333;
}
small.text-danger {
	font-size: 12px;
}
.text-center.modal_logo_site img {
	margin: 0 auto 20px;
	display: table;
	width: 20%;
}
.text-center.modal_logo_site {
	margin: 0 auto 0 !important;
	width: 100%;
	display: table;
}
.label-primary {
	padding: 4px 5px;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 300;
}
.label-info {
	background-color: #5bc0de;
	padding: 4px 5px;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 300;
}
button.btn.btn-primary.btnallusers {
	font-size: 1.1vw;
	margin: 0 auto 2px;
}

.preview-wrap.scanning {
    margin: 0 auto 10px;
}
table#GCData_qr tbody tr td a {
    cursor: pointer;
    list-style: none;
    text-decoration: none;
}
.qrcodescan h1 {
    padding: 0 0px 15px;
    margin: 0px 0px 0 0;
    font-size: 13px;
    line-height: 13px;
    text-transform: capitalize;
}
.constrain.constrain-scan.top {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
.preview-wrap.scanning {
    margin: 0 auto -5px;
}
.breadcrumb>.active {
    color: #777;
    text-transform: capitalize;
}
/*li#ingredient_index {
    display: none;
}
li#ingredient_add {
    display: none;
}
li#purchases_addingredients {
    display: none;
}
*/

video.active {
    width: 100%;
}
.qr_code_div {
    float: left;
    width: 100%;
    margin: 0 auto 0px;
}
.qr_code_div h2 {
    margin: 7px auto 7px;
    border-bottom: 1px solid #cccc;
    padding: 0 0 10px;
    font-size: 14px;
    color: #333;
}
.qr_code_div h3 {
    margin: 12px auto 0;
    font-size: 30px;
	font-weight: 700;
}
.ticket_number_div {
    float: left;
    width: 100%;
    margin: 0 auto 0px;
}
.ticket_number_div h2 {
    margin: 7px auto 7px;
    border-bottom: 1px solid #cccc;
    padding: 0 0 10px;
    font-size: 14px;
    color: #333;
}
.ticket_number_div h3 {
    margin: 12px auto 0;
    font-size: 30px;
	font-weight: 700;
}
hr.scan_devider {
    margin: 20px auto 10px;
	border-top: 1px solid #ccc;
}
p.thanks_mgs {
    margin: 0 auto 10px;
    color: #3c763d;
}
table#GCData_qr tr td {
    text-align: center;
    vertical-align: middle;
}
.button_scan_div {
    margin: 15px auto 0;
    text-align: center;
}
th.check_box_th {
    width: 40px !important;
}

tfoot.footer_table_close tr th {
    text-align: center;
}
button#mainsubmit {
    margin: 28px auto 0;
}
.take_away_flid {
    margin: 7px auto 0;
}
/* ================================Meer css End ======================================= */

@media only screen and (max-width: 1024px) {
ul.nav.navbar-nav.bottom-menu li {
	padding: 0 5px 0 0;
	float: left;
	min-width: 90px;
}
.modal-dialog.modal-lg.pay-modal {
	width: 70%;
	margin: 20px auto 0;
}
#SLData th {
	width: 70px;
}
div#left-middle {
	/*  height: 349px !important;*/
	min-height: 338px;
}
div#product-list {
	/*height: 324px !important;*/
	min-height: 320px;
}
.pos-tip img {
	width: 100% !important;
	height: 100px !important;
	margin: 5px auto 5px;
	display: table;
}
.select2-container .select2-choice > .select2-chosen {
	margin-right: 9px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: none;
	width: auto;
}
.drop-dwon-list>li>a:hover, .drop-dwon-list>li>a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #9589a5;
}
.drop-dwon-list>li>a:hover, .drop-dwon-list>li>a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #9589a5;
}
.drop-dwon-list>li>a {
	display: block;
	padding: 8px 12px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
}
ul.nav.navbar-nav.bottom-menu li a {
	color: #fff;
	padding: 10px 8px;
	font-size: 13px;
}
ul.dropdown-menu.pull-right.tasks-menus li a {
	color: #000;
}
.dropdown-menu>li>a {
	display: block;
	padding: 4px 12px !important;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
}
ul.nav.navbar-nav.pull-right.poa-menu li a {
	color: #fafafa;
}
ul.dropdown-menu.pull-right.drop-dwon-list li a {
	color: #fff !important;
}
.dropdown:hover .dropdown-menu.dropdown-bottom {
	left: 0;
}
.header-nav a.btn {
	position: relative;
	height: 28px;
	min-width: 37px;
	width: auto;
	background: #27b998;
	color: #fff !important;
	text-shadow: none !important;
	padding: 5px 10px;
	margin: 6px 1px;
	border-radius: 20px !important;
	font-size: 12px;
}
.verticalTableHeader p {
	margin: 0 -270% 0;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	g-origin: 50% 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 11px;
	text-transform: capitalize;
}
.dataTables_length .select2-container.select.input-xs {
	width: 90px;
}
}

/* Higher than 1200 (desktop devices)
====================================================================== */
@media (min-width: 1200px) {
.hidden-xs, .hidden-sm, .hidden-md, .hidden-lg {
	display: inline-block !important;
}
a.navbar-brand {
	position: absolute;
	left: 20px;
}
.navbar-collapse {
	max-height: 100%;
}
.container {
	width: 100% !important;
}
.container .breadcrumb {
	margin: 0px -15px 15px -15px;
	padding: 10px;
	text-align: left;
}
}

/* Higher than 992 (desktop devices)
====================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hidden-xs, .hidden-sm, .hidden-md, .hidden-lg {
	display: inline-block !important;
}
#SLData th {
	width: 70px;
}
.modal-dialog.modal-lg.pay-modal {
	width: 70%;
	margin: 20px auto 0;
}
a.navbar-brand {
	position: relative;
	left: 20px;
}
.navbar-collapse {
	max-height: 100%;
}
#content {
	background-color: #F3F3F3;
	padding: 0px 15px;
	transition: transform 0.2s ease-in-out 0s, margin 0.2s ease-in-out 0s;
	border-radius: 5px;
	width: 100%;
}
.table-responsive {
	margin-bottom: 0;
	width: 100%;
	margin-bottom: 15px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 0px solid #ddd;
}
.container {
	width: 100% !important;
}
.container .breadcrumb {
	margin: -15px -15px 15px -15px;
	padding: 10px;
}
}

/* Tablet Portrait (devices and browsers)
====================================================================== */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#SLData th {
	width: 70px;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    font-size: 18px !important;
}
.bootbox-body input.btn.btn-primary {
	font-size: 30px;
	/*width: 10%;*/
}
button#clear-cash-notes {
	font-size: 20px;
}
div#s2id_poscustomer a.select2-choice {
	height: 40px !important;
	font-size: 20px;
	padding: 0px 0 0 10px;
}
/*div#s2id_poscustomer .select2-arrow b {
	background-repeat: no-repeat !important;
	background-size: 78px 72px !important;
	margin: 6px 0 0 0;
}*/
div#s2id_poscustomer .select2-search input {
	background-repeat: no-repeat !important;
	background-size: 136px 85px !important;
	margin: -5px 0 0 -11px;
}
.select2-search input {
	background-position: 100% -38px !important;
	background-size: 64px 85px !important;
}
.select2-search input {
	background-position: 100% -43px !important;
	height: 50px !important;
	margin: 5px 0 5px 0 !important;
	font-size: 20px;
}
.center-login {
	position: relative;
	top: 0%;
	left: 0%;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	width: 100%;
}
.page-back {
	padding: 40px 0 0;
	min-height: 100%;
	overflow: hidden;
	background-size: cover;
	position: relative;
	box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.3);
}
button.btn.btn-success.login-btn {
	width: 100%;
	border-radius: 5px !important;
	font-size: 17px;
	margin: 0 auto 0;
	display: table;
	padding: 13px 0;
}
#content.sidebar-minified {
	width: 100% !important;
	border-left: 0px solid #000;
	margin-left: 0 !important;
	float: left !important;
	background-color: #fff;
}
#sidebar-left.minified {
	float: left !important;
}
.pos-logo-lg {
    display: block;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 90%;
}
.allfilter {
	font-size: 1.1vw;
}
.btnallusers.btnuserowner, .btnuserayaz, .btnuserwaiter2, .btnuserwaiter3, .btnuserwaiter1, .btnuserkitchen {
	font-size: 1.1vw;
}
button.btn.btn-primary.btnallusers {
	font-size: 1.1vw;
}
input.form-control.search-stringmerge {
	float: left;
	margin: 0px auto 0;
}
textarea#icomment {
	font-size: 30px !important;
}
input.rid.icheckbox_square-blue {
	width: 54px !important;
	height: 36px !important;
	margin: 30px auto 0 !important;
}
.btn.btn-primary.btn-file {
	padding: 12px 5px;
	font-size: 18px;
}
.dataTables_length .select2-container.select.input-xs {
	width: 90px;
}
.verticalTableHeader p {
	margin: 0 -675% 0;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	g-origin: 50% 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 11px;
	text-transform: capitalize;
}
div#pr_popover_content label {
	font-size: 20px !important;
}
tr.product_manually th {
	font-size: 18px;
}
input#company {
	height: 50px;
	font-size: 25px;
}
.form-control {
	height: 50px;
	font-size: 20px;
}
label {
	font-size: 22px !important;
	margin: 20px auto 5px;
}
form#add-customer-form .form-control {
	height: 50px;
	font-size: 18px;
}
.modal-body p {
	font-size: 18px;
}
.stable_table_sale h4 {
	font-size: 18px !important;
	margin: 25px auto 25px;
}
button.btn.btn-xs.btn-default.no-print.pull-right {
	font-size: 18px;
	margin: -3px 20px 0 0 !important;
	padding: 15px 27px;
}
table.stable h4 {
	font-size: 18px;
	margin: 25px auto 25px;
}
h3.close-tx {
	font-size: 18px;
	margin: 30px auto 30px;
}
thead.close-table tr th {
	font-size: 18px !important;
}
tbody.close_table_inner {
	font-size: 18px;
}
.form-control.input-tip {
	font-size: 18px;
	height: 50px;
}
.alert {
	position: absolute;
	top: 50px;
	right: 10px;
	width: 350px;
	z-index: 55555;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(102,102,102,1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(102,102,102,1);
	box-shadow: 0px 5px 10px 0px rgba(102,102,102,1);
	display: block;
	font-size: 20px !important;
}
	.alert.alert-info {
    position: initial;
    width: 100%;
}
.alert .close {
	margin: -10px -10px 0 10px;
}
.select2-results .select2-result-label {
	padding: 3px 7px 4px;
	margin: 0;
	cursor: pointer;
	min-height: 1em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 20px !important;
}
.select2-container .select2-choice {
	display: block;
	height: 34px !important;
	padding: 0 0 0 8px;
	overflow: hidden;
	position: relative;
	margin: -1px;
	border: 1px solid #ccc;
	white-space: nowrap;
	line-height: 34px;
	color: #555;
	text-decoration: none;
	background-clip: padding-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;/* width: 60px !important;*/
}
.dtFilter-filter-wrapper .select2-container .select2-choice {
	height: 25px;
	line-height: 50px;
	padding: 0 0 0 0px;
	background: transparent;
	box-shadow: none !important;
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    margin: 2px 0 0 10px;
    font-size: 18px;
}
/*	div#s2id_autogen1 {
    width: 50px;
}*/
/*div#s2id_autogen1 span#select2-chosen-2 {
    padding: 0 !important;
    margin: -11px 0 0 -40px;
}*/
.cus-pos {
	float: none;
	width: 100%;
}
.war-pos {
	float: none;
	width: 100%;
}
/*.refer-not {
	float: none;
	width: 100%;
	position: absolute;
	top: 16px;
}*/
.iten-pos {
	float: none;
	width: 100%;
}
.btn-prni span {
	line-height: 14px !important;
	height: auto !important;
	display: initial !important;
	vertical-align: middle !important;
	text-transform: Capitalize !important;
	width: 100% !important;
	min-width: 100% !important;
	overflow: hidden !important;
	text-align: center !important;
	font-size: 16px !important;
	bottom: 25px !important;
}
.html_con h3 {
	font-size: 20px;
}
a.navbar-brand span {
	font-size: 18px;
}
a.navbar-brand.logo-pos span {
    font-size: 20px;
}
.navbar.pos-nav {
    margin: 0;
    min-height: 65px;
    border: none;
    border-radius: 0px;
    z-index: 2 !important;
    background-color: #6f5a8c;
    height: 50px;
    float: none;
    width: 100%;
}
ul.dropdown-menu.dropdown-bottom li a {
	width: 190px !important;
	padding: 6px !important;
}
.content-con {
	padding: 0px 19px;
}
nav.navbar.navbar-default {
	background-color: transparent;
	margin: 10px auto 10px;
	vertical-align: middle;
	text-align: center;
	display: table;
}
.quick-cash {
	min-width: 100px;
	height: 70px !important;
	font-size: 25px !important;
}
span.quick-pay {
	font-size: 21px !important;
}
a.btn.bblack {
    font-size: 15px !important;
    padding: 12px 15px !important;
}
ul.dropdown-menu.pull-right li a {
	font-size: 20px;
	padding: 10px 15px !important;
}
.navbar-nav .open .dropdown-menu {
	position: absolute;
	float: none;
	width: 250px;
	margin-top: 0;
	background-color: white;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
ul.dropdown-menu.pull-right li {
	width: 260px;
	float: left;
}
.dropdown-menu>li>a {
	display: block;
	padding: 22px 12px !important;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
	font-size: 18px;
}
.none-tab {
	display: none !important;
}
.header-nav a.btn.account .mini_avatar {
	max-height: 30px !important;
	margin: 3px 8px 0 6px;
	float: left;
}
.header-nav .user {
	display: inline-block;
	text-align: left;
	margin-top: 5px;
	padding: 0px;
	font-size: 18px;
	font-weight: 500;
}
ul.nav.navbar-nav.pull-right.poa-menu .user {
	display: inline-block;
	text-align: left;
	margin-top: 14px;
	padding: 0px;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
}
ul.nav.navbar-nav.pull-right.poa-menu a.btn.account {
	padding: 8px 10px !important;
	height: 65px !important;
}
.btn-cat-con {
	position: relative;
	right: 0;
	height: fit-content;
	width: 97%;
	float: left;
	z-index: 1;
	margin: 5px 0px 8px 0;
	padding: 0 0 0 23px;
}
.item-button button {
    border: 0;
    margin: 8px 6px 0 0 !important;
    font-size: 18px;
    padding: 10px 10px !important;
}
ul.nav.navbar-nav.pull-right.poa-menu a.btn.account .mini_avatar {
	max-height: 45px !important;
	margin: 3px 8px 0 6px;
	float: left;
}
.input-group-addon.no-print {
	font-size: 16px;
	left: -3px;
	padding: 0 24px !important;
}
div#left-top .form-control {
	font-size: 20px !important;
	height: 40px;
}
.input-group-addon:last-child {
	border-left: 0;
	position: relative;
	left: 0;
	font-size: 16px;
	padding: 0 25px !important;
}
.select2-container.form-control.pos-input-tip {
	height: 60px;
}
div#item-list {
	overflow-y: auto;
	min-height: 320px !important;
}
i.fa.fa-times.tip.pointer.posdel {
    font-size: 24px;
    padding: 5px 18px;
}
tbody.ui-sortable tr td {
	font-size: 16px;
}
.sname {
	font-size: 16px;
	float: left;
	width: 70%;
}
thead.tableFloatingHeaderOriginal tr th {
	font-size: 18px !important;
}
.form-control.input-sm {
	font-size: 22px !important;
}
#category-slider, #subcategory-slider, #brands-slider {
	display: none;
	z-index: 1060;
	height: 573px;
	position: absolute;
	top: 75px;
	width: 640px;
	border: 1px solid #d8d8d8;
	background: #FFF;
	padding: 10px 10px;
	box-shadow: 3px 1px 10px 0 #888888;
	overflow-y: scroll;
	left: 0 !important;
}
.modal-dialog.modal-lg.pay-modal .form-control {
	height: 65px;
	font-size: 30px;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice {
	height: 65px !important;
	font-size: 29px !important;
	padding: 12px 0 0 !important;
}
.addButton {
	font-size: 20px;
}
.modal-dialog.modal-lg.pay-modal span#select2-chosen-3 {
	padding: 0px 0 !important;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice .select2-arrow {
	top: 7px;
}
textarea#payment_note_1 {
	height: 60px;
	font-size: 20px !important;
	line-height: 21.8571px !important;
}
/*.modal-dialog.modal-lg.pay-modal {
	position: absolute !important;
	left: 50% !important;
	top: 40% !important;
	transform: translate(-50%, -50%) !important;
}*/
div#cp {
	float: left;
	width: 50%;
}
#pos #cp #cpinner {
	max-width: 100% !important;
	margin: 0 0 20px 0 !important;
}
textarea#sale_note {
	height: 60px !important;
}
textarea#staffnote {
	height: 60px !important;
}
tr.total-pay td {
	font-size: 16px !important;
}
p.ref-no {
	font-size: 18px;
}
.bootbox.modal {
	width: 100% !important;
	margin-left: 0 !important;
	left: 0 !important;
}
.form-group.lab label {
	font-size: 20px;
}
.modal-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0;
}
.modal-header {
	min-height: 19.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	height: 70px;
}
.modal-header .close {
	margin-top: -12px;
	opacity: 0.4;
	font-size: 28px;
	margin-left: 40px;
}
.modal-dialog {
	width: 90% !important;
	margin: 30px auto;
}
.modal-dialog.modal-lg.modal-pro-all {
	width: 930px !important;
	margin: 30px auto;
}
.ob li .btn {
	width: 100% !important;
	font-size: 16px !important;
	height: 100% !important;
}
	.move_selet {
    float: left;
    width: 100%;
    height: 40px !important;
    font-size: 16px !important;
    margin: 0px auto 0;
    border-radius: 0 !important;
}
ul.pagination.pagination-sm li a {
	font-size: 20px;
}
.modal-sm {
	width: 50% !important;
}
button.bootbox-close-button.close {
	font-size: 28px;
}
.bootbox-body {
	margin: 0 auto 0px;
	font-size: 20px;
	text-align: left;
}
.modal-footer .btn {
    font-size: 18px !important;
    height: 40px;
    padding: 7px 30px;
}
.btn-prni {
	font-size: 22px !important;
	text-align: center;
}
#pos #leftdiv {
    min-width: 400px;
    width: 50% !important;
    max-width: 100% !important;
    padding: 10px 10px 5px 10px;
    background: #F5f5F5;
    float: right!important;
    height: 100%;
}
.btn-cat-con {
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	height: 100% !important;
	width: 100% !important;
	float: left !important;
	z-index: 1 !important;
	margin: 0px 0 15px 0px !important;
}
.open-brands, .open-subcategory, .open-category {
	font-size: 30px;
	padding: 5px 26px;
	height: 75px;
	margin: 10px 10px 20px 0;
}
table#totalTable tr {
	font-size: 16px;
	height: 40px;
}
span#ttax2, span#titems, span#total {
	font-size: 16px;
}
/*td.text-right {
	font-size: 30px !important;
}*/
/*div#product-list {
  
    min-height: 248px !important;
}
div#left-middle {
    
    min-height: 250px !important;
} */
ul.nav.navbar-nav.div-left.pull-left {
	position: relative;
	left: 0;
	padding: 4px 0;
}
.dropdown:hover .dropdown-menu.dropdown-bottom {
	z-index: 9999;
}
a#main-menu-toggle {
	margin-left: 8.334%;
}
/*  a.navbar-brand {
    padding: 42px 15px !important;
    position: absolute;
    left: 15px;
}  */
a.navbar-brand.logo-pos {
    padding: 23px 0 0 !important;
    left: 0;
    margin: 0 auto 0;
    display: table;
    text-align: center;
    width: 100%;
}
.header-nav a.btn.account {
	padding: 8px 10px !important;
	height: 50px !important;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos {
    top: 65px;
    min-width: 400px;
    background-color: #302541;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos li.dropdown {
    width: 19%;
    padding: 0px 0 0 13px;
}
li.devider-line {
	height: 1px;
	float: left !important;
	width: 100% !important;
	background-color: #544171;
	margin: 15px auto 10px;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos li a {
    font-size: 18px;
    padding: 5px 15px !important;
}
.calculator-inline {
    float: left;
    width: 92%;
}	
ul.dropdown-menu.pull-right.drop-dwon-list-pos li {
	width: 100%;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos li.dropdown a {
    width: 100%;
    padding: 7px 0 !important;
    margin: 0 auto 10px;
    height: 40px;
    font-size: 18px;
}
.navbar-collapse {
	max-height: 100%;
}
.container {
	width: 100%;
}
.container #content {
	padding: 15px;
}
.container .breadcrumb {
	margin: -15px -15px 15px -15px;
	padding: 10px;
}
.btn-navbar {
	display: none !important;
}
.padding05 {
	padding: 0;
}
.lt td.sidebar-con {
	width: 40px;
}
.content-scroll {
	width: 300px;
}
ul.nav.navbar-nav.bottom-menu li {
	padding: 0 4px 0 0;
	float: left;
	min-width: 50px;
}
ul.nav.navbar-nav.bottom-menu li a {
	color: #fff;
	padding: 5px 5px;
	font-size: 12px;
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
.btn-prni {
    border: 1px solid #eee;
    cursor: pointer;
    height: auto;
    margin: 0px 7px 15px 3px !important;
    padding: 4px !important;
    width: 14.3% !important;
    min-width: 12% !important;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
}	
span.qtyplease {
    background-color: #6f5a8c;
    padding: 6px 0;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
    width: 40px;
    text-align: center;
    margin: 0px auto 0;
    display: block;
    height: 40px;
    font-size: 20px;
}
tbody.ui-sortable tr td:nth-child(3) {
	padding: 0px 0 0 0;
	text-align: center;
}
tbody.ui-sortable tr td:nth-child(6) {
	padding: 0px 0 0 0;
	text-align: center;
}
button.btn.btn-primary.fa-bx.tip.pointer.edit {
    padding: 0 0;
    color: #fff;
    border: 0;
    background-color: #4fbf72;
    font-size: 21px;
    border-radius: 30px !important;
    margin: 3px auto 0px !important;
    width: 40px;
    height: 40px;
}
.pos-tip img {
	width: 100% !important;
	height: 160px !important;
	margin: 5px auto 5px;
	display: table;
}
.inner-prni {
	border: 1px solid #eee;
	cursor: pointer;
	height: auto;
	margin: 0 0 15px 15px !important;
	padding: 2px;
	width: 276px !important;
	min-width: 275px !important;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
}
.pos-tip img {
	width: 100% !important;
	height: 200px !important;
	margin: 5px auto 5px;
	display: table;
}
img.img-rounded.img-thumbnail {
	width: 150px !important;
	height: 150px !important;
}
button#suspend_sale_hold {
    width: 24%;
    margin: 0 5px 8px 0;
    padding: 0px 20px;
    height: 40px;
    font-size: 18px;
    float: left;
}
button#suspend_sale_order {
    width: 24%;
    margin: 0 4px 8px 0;
    padding: 0 20px;
    height: 40px;
    font-size: 16px;
    float: left;
}
button#hold_sales_btn {
    width: 24%;
    margin: 0 auto 8px;
    padding: 0;
    height: 40px;
    float: left;
    font-size: 16px;
    text-transform: capitalize;
    border: 0;
    text-align: center;
}
.btn.btn-danger.btn-block.btn-flat.btn-cancel {
    float: left !important;
    width: 24% !important;
    height: 40px;
    margin: 0 0 0 0;
    font-size: 16px;
}
.btn-cancel {
	width: 47% !important;
	margin: 0 auto 5px !important;
	padding: 0px 20px !important;
	height: 60px;
	font-size: 16px;
	float: right !important;
}
button#print_bill {
	width: 48%;
	margin: 10px auto 0px;
	padding: 0px 20px;
	height: 60px;
	font-size: 30px;
	float: left !important;
}
button#payment {
    height: 40px !important;
    width: 100%;
    margin: 0 auto 8px;
    font-size: 18px;
}
button#previous {
	width: 98%;
	height: 75px;
	font-size: 30px;
	margin: 0px 0 0px 6px;
}
.btn-group-justified>.btn-group .btn {
	width: 96% !important;
	margin: 0px 0 0px 9px;
	height: 75px;
	font-size: 30px;
}
.btn-group.btn-group-justified.pos-grid-nav {
	width: auto;
}
div#botbuttons {
	margin: 8px auto 0;
}
ul.nav.navbar-nav.pos-nav a.btn {
    position: relative;
    height: 40px;
    min-width: 45px;
    width: auto;
    background: #5a3e7d9e;
    color: #fff !important;
    text-shadow: none !important;
    padding: 8px 10px 0 10px;
    margin: 10px 7px;
    border-radius: 40px !important;
    font-size: 17px;
}
input#add_item {
	border-radius: 0 4px 4px 0px !important;
	display: block;
	height: 60px;
}
div#item-list {
	overflow-y: auto;
	min-height: 930px;
	height: 740px !important;
	margin: 0 0 20px 0;
}
a#opened_bills {
	width: 110px;
}
/*--meer css---*/


.add-ref-main {
	border-left: 0px;
	position: relative;
	left: 0px;
	width: 60%;
}
button#open-category {
	margin: 10px 10px 20px 20px;
}
#pos .btn-tran, #pos .btn-prni, #pos .btn-prni span {
	max-width: 100% !important;
}
ul.nav.navbar-nav.pos-nav.pull-right.time-div {
	float: right !important;
}
tr.addon_size td {
	padding: 10px 0 0 0;
	float: left;
	width: 50%;
	font-size: 18px;
	font-weight: 600;
}
td.addon-size-price {
    padding: 17px 0 0 !important;
}


input.btn.btn-primary.sub-var.adonsize-button {
    margin: 0;
    float: right;
    font-size: 18px;
    padding: 6px 10px;
}
input.btn.btn-primary.sub-var {
	margin: 40px auto 0px;
	display: table;
	font-size: 35px;
	padding: 20px 28px;
}
div#runtimevariations input[type="checkbox"] {
	height: 40px;
	width: 40px;
}
input.form-control.qty-input {
	float: left;
	text-align: center;
	font-size: 35px;
	border-radius: 0 !important;
	border: 0px;
	height: 70px;
	width: 70px !important;
	background: hsla(0, 0%, 92%, 1);
}
button.btn.incminus {
	float: left;
	background-color: #fa603d;
	border: 0px;
	color: #fff;
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
	padding: 18px 30px;
	font-size: 25px;
}
button.btn.incplus {
	background-color: #4fbf72;
	border: 0px;
	color: #fff;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	margin: 0 15px 0 0;
	padding: 18px 30px;
	font-size: 25px;
}
.bootbox.modal.fade.bootbox-alert.specialone.in h1 {
    font-size: 20px;
    margin: 11px auto 0;
    line-height: 18px;
    float: left;
}
div#runtimevariations {
	margin: 0px auto 0;
	font-size: 35px;
}
.add-ref-input {
	width: 40%;
	float: left;
	margin: 0 0 0 0px;
}
.btn-select-tabel {
	color: #fff;
	background-color: #6f5a8c;
	border-color: #6f5a8c;
	margin: 5px 5px 0px 0px;
	width: 168px;
	font-size: 18px;
	padding: 10px 0;
}
button.btn.btn-act-tabel {
	margin: 5px 5px 0px 0px;
	width: 138px;
	font-size: 18px;
	padding: 10px 0;
}
.btn-act-tabel {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
	margin: 5px 5px 0px 0px;
	width: 138px;
	padding: 10px 0;
	font-size: 18px;
}
button.btn.btn-primary.add-ref-oth {
	font-size: 20px;
	padding: 15px 40px;
}
input.form-control.oth-ref {
	height: 40px;
}
input.form-control.pos-tip.reference_note.pull-left {
	height: 70px;
	font-size: 35px !important;
}
.add-ref-main .btn {
	width: 110px;
	height: 40px;
	padding: 0px 0;
	font-size: 18px;
}
.add-ref-main.pull-left .btn {
	width: 31% !important;
	float: left;
	margin: 0 0 0 5px;
}
.add-ref-main .fa {
	font-size: 40px;
}
.modal-dialog.modal-lg.add-ref-on {
	position: absolute;
	left: 0;
	right: 0;
	transform: translate(0, 50%);
}
.ref-btn-div {
	padding: 0 0 15px 0;
}
.line-tabile {
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	margin: 15px auto 20px;
}
label.control-label.car-phone {
	margin: 0 auto 5px;
	font-size: 18px;
}
.btn-group.btn-group-justified {
	margin: -15px auto 0px;
}
.select2-container.select2-container-disabled.form-control.pos-input-tip {
	height: 50px;
}
.select2-container .select2-choice {
	display: block;
	height: 50px !important;
	padding: 2px 0 0 8px;
	overflow: hidden;
	position: relative;
	margin: -1px;
	border: 1px solid #ccc;
	white-space: nowrap;
	line-height: 34px;
	color: #555;
	text-decoration: none;
	background-clip: padding-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;
}
.input-group.item-pos {
	display: none;
}
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: auto;
	overflow-y: overlay;
	rolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}
.select2-container .select2-choice .select2-arrow {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 3px;
	/* border-left: 1px solid #ccc; */
	background-clip: padding-box;
	background: #fff;
}
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
	background-repeat: no-repeat !important;
	background-size: 96px 85px !important;
	margin: -7px 0 0 -11px;
}
.pos-nev {
	min-width: 600px;
	float: none !important;
	margin: 0 auto !important;
	display: block !important;
}
.ob li {
	margin: 0 0px 12px 20px;
	float: left;
	display: inline-block;
	width: 19% !important;
}
button.btn.btn-primary.updRef {
	float: left;
	position: relative;
	left: 0;
	top: 0;
}
input.form-control.search-string {
	width: 80%;
	float: left;
	height: 60px;
	font-size: 25px;
}
p.search-text {
	margin: 8px 0 15px 7px !important;
	font-size: 30px;
}
button.btn.btn-primary.btn-search {
	float: right;
	margin: 0 6px 0 0;
	font-size: 26px;
	padding: 10px 20px;
}
.btn-prni.subcategory {
	width: 280px !important;
	min-width: 280px !important;
}
input#order_discount_input {
	font-size: 18px;
	height: 60px;
}
table.table.table-bordered.table-striped {
	font-size: 18px;
}
.form-control.kb-pad, .kb-text {
	font-size: 18px;
	height: 60px;
}
.dataTables_filter input[type=text] {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #CCCCCC;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	font-size: 14px;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
	border-radius: 4px;
	height: 40px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0px;
	margin-left: 0;
	width: 20%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
#SLData th {
	width: 70px;
}
.bootbox-body input.btn.btn-primary {
	font-size: 30px;
/*	width: 10%;*/
}
textarea#payment_note_1 {
	height: 60px;
	font-size: 20px !important;
	line-height: 21.8571px !important;
}
div#s2id_poscustomer a.select2-choice {
	height: 75px !important;
	font-size: 20px;
	padding: 20px 0 0 10px;
}
div#s2id_poscustomer .select2-arrow b {
	background-repeat: no-repeat !important;
	background-size: 118px 92px !important;
	margin: 6px 0 0 -15px;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
	background-position: -30px 1px !important;
}
div#s2id_poscustomer .select2-search input {
	background-repeat: no-repeat !important;
	background-size: 136px 85px !important;
	margin: -5px 0 0 -11px;
}
.select2-search input {
	background-position: 100% -38px !important;
	background-size: 64px 85px !important;
}
.select2-search input {
	background-position: 100% -43px !important;
	height: 50px !important;
	margin: 5px 0 5px 0 !important;
	font-size: 20px;
}
div#login {
	padding-top: 40px;
}
button.btn.btn-success.login-btn {
	width: 100%;
	border-radius: 5px !important;
	font-size: 17px;
	margin: 0 auto 0;
	display: table;
	padding: 13px 0;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0px;
	margin-left: 0;
	width: 20%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pos-logo-lg {
	display: block;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
.allfilter {
	font-size: 1.3vw;
}
.btnallusers.btnuserowner, .btnuserayaz, .btnuserwaiter2, .btnuserwaiter3, .btnuserwaiter1, .btnuserkitchen {
	font-size: 1.3vw;
}
button.btn.btn-primary.btnallusers {
	font-size: 1.3vw;
}
input.form-control.search-stringmerge {
	float: left;
	margin: 20px auto 0;
}
textarea#icomment {
	font-size: 30px !important;
}
input.rid.icheckbox_square-blue {
	width: 54px !important;
	height: 36px !important;
	margin: 30px auto 0 !important;
}
.btn.btn-primary.btn-file {
	padding: 12px 5px;
	font-size: 18px;
}
button.btn.btn-default.btn-danger.fileinput-remove.fileinput-remove-button {
	margin: 0 10px 0px 4px;
	padding: 12px 5px;
	font-size: 18px;
}
.dataTables_length .select2-container.select.input-xs {
	width: 90px;
}
.verticalTableHeader p {
	margin: 0 -675% 0;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	g-origin: 50% 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 11px;
	text-transform: capitalize;
}
div#pr_popover_content label {
	font-size: 20px !important;
}
tr.product_manually th {
	font-size: 18px;
}
input#company {
	height: 50px;
	font-size: 18px;
}
.form-control {
	height: 50px;
	font-size: 18px;
}
label {
	font-size: 18px !important;
	margin: 20px auto 5px;
}
form#add-customer-form .form-control {
	height: 50px;
	font-size: 18px;
}
.modal-body p {
	font-size: 30px;
}
.stable_table_sale h4 {
	font-size: 18px !important;
	margin: 25px auto 25px;
}
button.btn.btn-xs.btn-default.no-print.pull-right {
	font-size: 18px;
	margin: -3px 20px 0 0 !important;
	padding: 15px 27px;
}
table.stable h4 {
	font-size: 18px;
	margin: 25px auto 25px;
}
h3.close-tx {
	font-size: 18px;
	margin: 30px auto 30px;
}
thead.close-table tr th {
	font-size: 18px !important;
}
tbody.close_table_inner {
	font-size: 18px;
}
.form-control.input-tip {
	font-size: 18px;
	height: 50px;
}
.alert {
	position: absolute;
	top: 50px;
	right: 10px;
	width: 350px;
	z-index: 55555;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(102,102,102,1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(102,102,102,1);
	box-shadow: 0px 5px 10px 0px rgba(102,102,102,1);
	display: block;
	font-size: 20px !important;
}
.alert .close {
	margin: -10px -10px 0 10px;
}
.select2-results .select2-result-label {
	padding: 3px 7px 4px;
	margin: 0;
	cursor: pointer;
	min-height: 1em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 20px !important;
}
.select2-container .select2-choice {
	display: block;
	height: 34px !important;
	padding: 0 0 0 8px;
	overflow: hidden;
	position: relative;
	margin: -1px;
	border: 1px solid #ccc;
	white-space: nowrap;
	line-height: 34px;
	color: #555;
	text-decoration: none;
	background-clip: padding-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;/* width: 60px !important;*/
}
.dtFilter-filter-wrapper .select2-container .select2-choice {
	height: 25px;
	line-height: 50px;
	padding: 0 0 0 0px;
	background: transparent;
	box-shadow: none !important;
}
.select2-container .select2-choice > .select2-chosen {
	margin-right: 0;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: none;
	margin: -4px 0 0 5px;
	font-size: 20px;
}
/*	div#s2id_autogen1 {
    width: 50px;
}*/
/*div#s2id_autogen1 span#select2-chosen-2 {
    padding: 0 !important;
    margin: -11px 0 0 -40px;
}*/
.cus-pos {
	float: none;
	width: 100%;
}
.war-pos {
	float: none;
	width: 100%;
}
.refer-not {
	float: none;
	width: 100%;
	position: absolute;
	top: 16px;
}
.iten-pos {
	float: none;
	width: 100%;
}
.btn-prni span {
	line-height: 25px !important;
	height: auto !important;
	display: initial !important;
	vertical-align: middle !important;
	text-transform: Capitalize !important;
	width: 100% !important;
	min-width: 100% !important;
	overflow: hidden !important;
	text-align: center !important;
	font-size: 25px !important;
	bottom: 25px !important;
}
.html_con h3 {
	font-size: 25px;
}
a.navbar-brand span {
	font-size: 18px;
}
a.navbar-brand.logo-pos span {
	font-size: 25px;
}
span.pos-logo-lg {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80%;
}
.navbar.pos-nav {
	margin: 0;
	min-height: 100px;
	border: none;
	border-radius: 0px;
	z-index: 2 !important;
	background-color: #6f5a8c;
	height: 100px;
	float: none;
	width: 100%;
}
ul.dropdown-menu.dropdown-bottom li a {
	width: 190px !important;
	padding: 6px !important;
}
.content-con {
	padding: 0px 19px;
	float: left;
	width: 100%;
	height: 100%;
}
nav.navbar.navbar-default {
	background-color: transparent;
	margin: 10px auto 10px;
	vertical-align: middle;
	text-align: center;
	display: table;
}
.quick-cash {
	min-width: 100px;
	height: 70px !important;
	font-size: 25px !important;
}
span.quick-pay {
	font-size: 21px !important;
}
a.btn.bblack {
	font-size: 20px !important;
	padding: 24px 17px !important;
}
ul.dropdown-menu.pull-right li a {
	font-size: 20px;
	padding: 10px 15px !important;
}
.navbar-nav .open .dropdown-menu {
	position: absolute;
	float: none;
	width: 250px;
	margin-top: 0;
	background-color: white;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
ul.dropdown-menu.pull-right li {
	width: 260px;
	float: left;
}
.dropdown-menu>li>a {
	display: block;
	padding: 22px 12px !important;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
	font-size: 18px;
}
.none-tab {
	display: none !important;
}
.header-nav a.btn.account .mini_avatar {
	max-height: 30px !important;
	margin: 3px 8px 0 6px;
	float: left;
}
.header-nav .user {
	display: inline-block;
	text-align: left;
	margin-top: 5px;
	padding: 0px;
	font-size: 18px;
	font-weight: 500;
}
ul.nav.navbar-nav.pull-right.poa-menu .user {
	display: inline-block;
	text-align: left;
	margin-top: 14px;
	padding: 0px;
	font-size: 30px;
	font-weight: 500;
	text-transform: capitalize;
}
ul.nav.navbar-nav.pull-right.poa-menu a.btn.account {
	padding: 8px 10px !important;
	height: 102px !important;
}
.btn-cat-con {
	position: relative;
	right: 0;
	height: fit-content;
	width: 97%;
	float: left;
	z-index: 1;
	margin: 5px 0px 8px 0;
	padding: 0 0 0 23px;
}
.item-button button {
	border: 0;
	margin: 12px 8px 0 0 !important;
	font-size: 25px;
	padding: 17px 15px !important;
}
ul.nav.navbar-nav.pull-right.poa-menu a.btn.account .mini_avatar {
	max-height: 70px !important;
	margin: 3px 8px 0 6px;
	float: left;
}
.input-group-addon.no-print {
	font-size: 24px;
	left: -3px;
	padding: 0 24px !important;
}
div#left-top .form-control {
	font-size: 25px;
	height: 75px;
}
.input-group-addon:last-child {
	border-left: 0;
	position: relative;
	left: 0;
	font-size: 24px;
	padding: 0 25px !important;
}
.select2-container.form-control.pos-input-tip {
	height: 60px;
}
div#item-list {
	overflow-y: auto;
	min-height: 320px !important;
}
i.fa.fa-times.tip.pointer.posdel {
	font-size: 45px;
	padding: 0px 30px;
}
tbody.ui-sortable tr td {
	font-size: 35px;
}
.sname {
	font-size: 35px;
	float: left;
	width: 86%;
}
thead.tableFloatingHeaderOriginal tr th {
	font-size: 30px !important;
}
.form-control.input-sm {
	font-size: 22px !important;
}
#category-slider, #subcategory-slider, #brands-slider {
	display: none;
	z-index: 1060;
	height: 573px;
	position: absolute;
	top: 75px;
	width: 640px;
	border: 1px solid #d8d8d8;
	background: #FFF;
	padding: 10px 10px;
	box-shadow: 3px 1px 10px 0 #888888;
	overflow-y: scroll;
	left: 0 !important;
}
.modal-dialog.modal-lg.pay-modal .form-control {
	height: 65px;
	font-size: 30px;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice {
	height: 65px !important;
	font-size: 29px !important;
	padding: 12px 0 0 !important;
}
.addButton {
	font-size: 20px;
}
.modal-dialog.modal-lg.pay-modal span#select2-chosen-3 {
	padding: 6px 0 !important;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice .select2-arrow {
	top: 7px;
}
/*.modal-dialog.modal-lg.pay-modal {
	position: absolute !important;
	left: 50% !important;
	top: 40% !important;
	transform: translate(-50%, -50%) !important;
}*/
div#cp {
	float: left;
	width: 100%;
}
#pos #cp #cpinner {
	max-width: 100% !important;
	margin: 0 0 20px 0 !important;
}
textarea#sale_note {
	height: 60px !important;
}
textarea#staffnote {
	height: 60px !important;
}
tr.total-pay td {
	font-size: 30px !important;
}
p.ref-no {
	font-size: 18px;
}
.bootbox.modal {
	width: 100% !important;
	margin-left: 0 !important;
	left: 0 !important;
}
.form-group.lab label {
	font-size: 20px;
}
.modal-title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 35px;
	margin: 10px 0;
}
.modal-header {
	min-height: 19.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	height: 90px;
}
.modal-header .close {
	margin-top: -12px;
	opacity: 0.4;
	font-size: 40px;
	margin-left: 40px;
}
.modal-dialog {
	width: 90% !important;
	margin: 30px auto;
}
.modal-dialog.modal-lg.modal-pro-all {
	width: 930px !important;
	margin: 30px auto;
}
.ob li .btn {
	width: 100% !important;
	font-size: 30px !important;
	height: 100% !important;
}
ul.pagination.pagination-sm li a {
	font-size: 20px;
}
.modal-sm {
	width: 90% !important;
}
button.bootbox-close-button.close {
	font-size: 40px;
}
.bootbox-body {
	margin: 0 auto 20px;
	font-size: 26px;
	text-align: left;
}
.modal-footer .btn {
	font-size: 30px !important;
	height: 90px;
	padding: 20px 30px;
}
.btn-prni {
	font-size: 22px !important;
	text-align: center;
}
#pos #leftdiv {
	min-width: 400px;
	width: 100% !important;
	max-width: 100% !important;
	padding: 10px 10px 5px 10px;
	background: #F5f5F5;
	float: left;
	margin: 0 auto 20px !important;
	height: 100%;
}
.btn-cat-con {
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	height: 100% !important;
	width: 100% !important;
	float: left !important;
	z-index: 1 !important;
	margin: 96px 0 21px 15px !important;
}
.open-brands, .open-subcategory, .open-category {
	font-size: 30px;
	padding: 5px 26px;
	height: 75px;
	margin: 10px 10px 20px 0;
}
table#totalTable tr {
	font-size: 30px;
	height: 70px;
}
span#ttax2, span#titems, span#total {
	font-size: 30px;
}
/*td.text-right {
	font-size: 30px !important;
}*/
/*div#product-list {
  
    min-height: 248px !important;
}
div#left-middle {
    
    min-height: 250px !important;
} */
ul.nav.navbar-nav.div-left.pull-left {
	position: relative;
	left: 0;
	padding: 4px 0;
}
.dropdown:hover .dropdown-menu.dropdown-bottom {
	z-index: 9999;
}
a#main-menu-toggle {
	margin-left: 8.334%;
}
/*  a.navbar-brand {
    padding: 42px 15px !important;
    position: absolute;
    left: 15px;
}  */
a.navbar-brand.logo-pos {
	padding: 42px 15px 20px !important;
	left: 15px;
	margin: 0 auto 0;
	display: table;
	text-align: center;
	width: 100%;
}
.header-nav a.btn.account {
	padding: 8px 10px !important;
	height: 50px !important;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos {
	top: 100px;
	min-width: 775px;
	background-color: #302541;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos li.dropdown {
	width: 33.3%;
}
li.devider-line {
	height: 1px;
	float: left !important;
	width: 100% !important;
	background-color: #544171;
	margin: 15px auto 10px;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos li a {
	font-size: 28px;
	padding: 10px 15px !important;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos li {
	width: 100%;
}
ul.dropdown-menu.pull-right.drop-dwon-list-pos li.dropdown a {
	width: 100%;
	padding: 13px 0 !important;
	margin: 0 auto 10px;
	height: 80px;
	font-size: 40px;
}
.navbar-collapse {
	max-height: 100%;
}
.container {
	width: 100%;
}
.container #content {
	padding: 15px;
	width: 100% !important;
	border-left: 0px solid #000;
	margin-left: 0 !important;
	float: left !important;
	background-color: #fff;
}
.container .breadcrumb {
	margin: -15px -15px 15px -15px;
	padding: 10px;
}
.btn-navbar {
	display: none !important;
}
.padding05 {
	padding: 0;
}
.lt td.sidebar-con {
	width: 40px;
}
.content-scroll {
	width: 300px;
}
ul.nav.navbar-nav.bottom-menu li {
	padding: 0 4px 0 0;
	float: left;
	min-width: 50px;
}
ul.nav.navbar-nav.bottom-menu li a {
	color: #fff;
	padding: 5px 5px;
	font-size: 12px;
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
.btn-prni {
	border: 1px solid #eee;
	cursor: pointer;
	height: auto;
	margin: 0 0 15px 15px !important;
	padding: 4px !important;
	width: 23% !important;
	min-width: 18% !important;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
}
span.qtyplease {
	background-color: #6f5a8c;
	padding: 7px 0;
	color: #fff;
	border-radius: 30px;
	cursor: pointer;
	width: 60px;
	text-align: center;
	margin: 13px auto 0;
	display: block;
	height: 60px;
	font-size: 30px;
}
tbody.ui-sortable tr td:nth-child(3) {
	padding: 0px 0 0 0;
	text-align: center;
}
tbody.ui-sortable tr td:nth-child(6) {
	padding: 0px 0 0 0;
	text-align: center;
}
button.btn.btn-primary.fa-bx.tip.pointer.edit {
	padding: 0 0;
	color: #fff;
	border: 0;
	background-color: #4fbf72;
	font-size: 30px;
	border-radius: 30px !important;
	margin: 20px auto 0px !important;
	width: 60px;
	height: 60px;
}
.pos-tip img {
	width: 100% !important;
	height: 160px !important;
	margin: 5px auto 5px;
	display: table;
}
.inner-prni {
	border: 1px solid #eee;
	cursor: pointer;
	height: auto;
	margin: 0 0 15px 15px !important;
	padding: 2px;
	width: 276px !important;
	min-width: 275px !important;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
}
.pos-tip img {
	width: 100% !important;
	height: 200px !important;
	margin: 5px auto 5px;
	display: table;
}
img.img-rounded.img-thumbnail {
	width: 150px !important;
	height: 150px !important;
}
button#suspend_sale_hold {
	width: 48%;
	margin: 0 2px 0 0;
	padding: 0px 20px;
	height: 60px;
	font-size: 25px;
	float: right;
}
button#suspend_sale_order {
	width: 48%;
	margin: 10px auto 5px;
	padding: 0 20px;
	height: 60px;
	font-size: 25px;
	float: right;
}
button#hold_sales_btn {
	width: 48%;
	margin: 10px auto 0;
	padding: 0;
	height: 60px;
	float: left;
	font-size: 25px;
	text-transform: capitalize;
	border: 0;
	text-align: center;
}
.btn.btn-danger.btn-block.btn-flat.btn-cancel {
	float: left !important;
	width: 48% !important;
	height: 60px;
	margin: 0 0 0 0;
}
.btn-cancel {
	width: 47% !important;
	margin: 0 auto 5px !important;
	padding: 0px 20px !important;
	height: 60px;
	font-size: 25px;
	float: right !important;
}
button#print_bill {
	width: 48%;
	margin: 10px auto 0px;
	padding: 0px 20px;
	height: 60px;
	font-size: 25px;
	float: left !important;
}
button#payment {
	height: 60px !important;
	width: 100%;
	margin: 0;
	font-size: 25px;
}
button#previous {
	width: 98%;
	height: 60px;
	font-size: 25px;
	margin: 0px 0 0px 6px;
}
.btn-group-justified>.btn-group .btn {
	width: 96% !important;
	margin: 0px 0 0px 9px;
	height: 60px;
	font-size: 25px;
}
.btn-group.btn-group-justified.pos-grid-nav {
	width: auto;
}
div#botbuttons {
	margin: 8px auto 0;
}
ul.nav.navbar-nav.pos-nav a.btn {
	position: relative;
	height: 67px;
	min-width: 75px;
	width: auto;
	background: #5a3e7d9e;
	color: #fff !important;
	text-shadow: none !important;
	padding: 17px 10px 0 10px;
	margin: 10px 5px;
	border-radius: 40px !important;
	font-size: 28px;
}
input#add_item {
	border-radius: 0 4px 4px 0px !important;
	display: block;
	height: 60px;
}
div#item-list {
	overflow-y: auto;
	min-height: 930px;
	height: 740px !important;
	margin: 0 0 20px 0;
}
a#opened_bills {
	width: 110px;
}
/*--meer css---*/


.add-ref-main {
	border-left: 0px;
	position: relative;
	left: 0px;
	width: 63%;
}
button#open-category {
	margin: 10px 10px 20px 20px;
}
#pos .btn-tran, #pos .btn-prni, #pos .btn-prni span {
	max-width: 100% !important;
}
ul.nav.navbar-nav.pos-nav.pull-right.time-div {
	float: left !important;
}
tr.addon_size td {
	padding: 10px 0 0 0;
	float: left;
	width: 50%;
	font-size: 24px;
	font-weight: 600;
}
td.addon-size-price {
	padding: 30px 0 0 !important;
}
input.btn.btn-primary.sub-var.adonsize-button {
	margin: 0;
	float: right;
	font-size: 24px;
	padding: 10px 20px;
}
input.btn.btn-primary.sub-var {
	margin: 40px auto 0px;
	display: table;
	font-size: 35px;
	padding: 20px 28px;
}
div#runtimevariations input[type="checkbox"] {
	height: 40px;
	width: 40px;
}
input.form-control.qty-input {
	float: left;
	text-align: center;
	font-size: 35px;
	border-radius: 0 !important;
	border: 0px;
	height: 70px;
	width: 70px !important;
	background: hsla(0, 0%, 92%, 1);
}
button.btn.incminus {
	float: left;
	background-color: #fa603d;
	border: 0px;
	color: #fff;
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
	padding: 18px 30px;
	font-size: 25px;
}
button.btn.incplus {
	background-color: #4fbf72;
	border: 0px;
	color: #fff;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	margin: 0 15px 0 0;
	padding: 18px 30px;
	font-size: 25px;
}
.bootbox.modal.fade.bootbox-alert.specialone.in h1 {
	font-size: 35px;
	margin: 20px auto 0;
	line-height: 18px;
	float: left;
}
div#runtimevariations {
	margin: 0px auto 0;
	font-size: 35px;
}
.add-ref-input {
	width: 35%;
	float: left;
	margin: 0 0 0 17px;
}
.btn-select-tabel {
	color: #fff;
	background-color: #6f5a8c;
	border-color: #6f5a8c;
	margin: 5px 5px 0px 0px;
	width: 168px;
	font-size: 18px;
	padding: 10px 0;
}
button.btn.btn-act-tabel {
	margin: 5px 5px 0px 0px;
	width: 138px;
	font-size: 18px;
	padding: 10px 0;
}
.btn-act-tabel {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
	margin: 5px 5px 0px 0px;
	width: 138px;
	padding: 10px 0;
	font-size: 18px;
}
button.btn.btn-primary.add-ref-oth {
	font-size: 20px;
	padding: 15px 40px;
}
input.form-control.oth-ref {
	height: 40px;
}
input.form-control.pos-tip.reference_note.pull-left {
	height: 70px;
	font-size: 35px !important;
}
.add-ref-main .btn {
	width: 110px;
	height: 75px;
	padding: 10px 0;
	font-size: 26px;
}
.add-ref-main.pull-left .btn {
	/*width: 18%;*/
	float: left;
	margin: 0 0 0 5px;
}
.add-ref-main .fa {
	font-size: 40px;
}
.modal-dialog.modal-lg.add-ref-on {
	position: absolute;
	left: 0;
	right: 0;
	transform: translate(0, 50%);
}
.ref-btn-div {
	padding: 0 0 15px 0;
}
.line-tabile {
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	margin: 15px auto 20px;
}
label.control-label.car-phone {
	margin: 0 auto 5px;
	font-size: 18px;
}
.btn-group.btn-group-justified {
	margin: -15px auto 0px;
}
.select2-container.select2-container-disabled.form-control.pos-input-tip {
	height: 50px;
}
.select2-container .select2-choice {
	display: block;
	height: 50px !important;
	padding: 12px 0 0 8px;
	overflow: hidden;
	position: relative;
	margin: -1px;
	border: 1px solid #ccc;
	white-space: nowrap;
	line-height: 34px;
	color: #555;
	text-decoration: none;
	background-clip: padding-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;
}
.input-group.item-pos {
	display: none;
}
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: auto;
	overflow-y: overlay;
	rolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}
.select2-container .select2-choice .select2-arrow {
	display: inline-block;
	width: 30px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 3px;
	/* border-left: 1px solid #ccc; */
	background-clip: padding-box;
	background: #fff;
}
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
	background-repeat: no-repeat !important;
	background-size: 78px 72px !important;
	margin: -5px 0 0 -6px;
}
.pos-nev {
	min-width: 600px;
	float: none !important;
	margin: 0 auto !important;
	display: table !important;
}
.ob li {
	margin: 0 0px 12px 20px;
	float: left;
	display: inline-block;
	width: 49% !important;
}
button.btn.btn-primary.updRef {
	float: left;
	position: relative;
	left: 0;
	top: 0;
}
input.form-control.search-string {
	width: 80%;
	float: left;
	height: 60px;
	font-size: 25px;
}
p.search-text {
	margin: 8px 0 15px 7px !important;
	font-size: 30px;
}
button.btn.btn-primary.btn-search {
	float: right;
	margin: 0 6px 0 0;
	font-size: 26px;
	padding: 10px 20px;
}
.btn-prni.subcategory {
	width: 280px !important;
	min-width: 280px !important;
}
input#order_discount_input {
	font-size: 18px;
	height: 60px;
}
table.table.table-bordered.table-striped {
	font-size: 18px;
}
.form-control.kb-pad, .kb-text {
	font-size: 18px;
	height: 60px;
}
.dataTables_filter input[type=text] {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #CCCCCC;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	font-size: 14px;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
	border-radius: 4px;
	height: 40px;
}
}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
.header-nav li {
	display: block !important;
	float: left;
}
.input-group.item-pos {
	display: none;
}
/*div#s2id_autogen1 span#select2-chosen-2 {
    padding: 0 !important;
    margin: 0 0 0 -20px;
}*/
.btn-visible-sm .btn {
	color: #FFF;
	width: auto !important;
	padding: 0 5px 0 5px;
	font-size: 16px;
	margin: 0 8px 0 0;
}
a.btn.logout {
	background-color: #ff5454;
	width: auto;
	height: 30px;
	min-width: 40px;
	border-radius: 20px !important;
	padding: 3px 0;
}
a.btn.user-profile {
	background-color: #4fbf72;
	width: auto;
	height: 30px;
	min-width: 40px;
	border-radius: 20px !important;
	padding: 3px 0;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
	box-shadow: inset 0 0 0 rgba(0,0,0,.125);
}
/*div#s2id_autogen1 {
    width: 45px;
}*/
.btn-prni span {
	line-height: 25px !important;
	height: 60px !important;
}
.html_con h3 {
	font-size: 25px;
}
.cus-pos {
	float: none;
	width: 100%;
}
.war-pos {
	float: none;
	width: 100%;
}
.refer-not {
	float: none;
	width: 100%;
}
.iten-pos {
	float: none;
	width: 100%;
}
a.navbar-brand.logo-pos span {
	font-size: 30px;
}
ul.dropdown-menu.dropdown-bottom li a {
	width: 190px !important;
	padding: 6px !important;
}
.navbar.pos-nav {
	margin: 0;
	min-height: 100px;
	border: none;
	border-radius: 0px;
	z-index: 2 !important;
	background-color: #6f5a8c;
	height: 100px;
}
.content-con {
	padding: 0px 19px;
}
nav.navbar.navbar-default {
	background-color: transparent;
	margin: 10px auto 10px;
	vertical-align: middle;
	text-align: center;
	display: table;
}
a.navbar-brand span {
	font-size: 20px;
}
.quick-cash {
	min-width: 100px;
	height: 70px !important;
	font-size: 25px !important;
}
span.quick-pay {
	font-size: 21px !important;
}
.content-con {
	padding: 0px 19px;
}
a.btn.bblack {
	font-size: 20px !important;
	padding: 24px 17px !important;
}
ul.dropdown-menu.pull-right li a {
	font-size: 20px;
	padding: 10px 15px !important;
}
ul.dropdown-menu.pull-right li {
	width: 260px;
	float: left;
}
.navbar-nav .open .dropdown-menu {
	position: absolute;
	float: none;
	width: 250px;
	margin-top: 0;
	background-color: white;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.dropdown-menu>li>a {
	display: block;
	padding: 22px 12px !important;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
	font-size: 18px;
}
a#opened_bills {
	width: 110px;
}
.none-tab {
	display: none !important;
}
.header-nav .user {
	display: inline-block;
	text-align: left;
	margin-top: 5px;
	padding: 0px;
	font-size: 18px;
	font-weight: 500;
}
.input-group-addon.no-print {
	font-size: 17px;
}
div#left-top .form-control {
	font-size: 20px;
}
.btn-cat-con {
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	height: 100% !important;
	width: 100% !important;
	float: left !important;
	z-index: 1 !important;
	margin: 0 0 !important;
}
.open-brands, .open-subcategory, .open-category {
	font-size: 30px;
	padding: 5px 26px;
	height: 95px;
	margin: 10px 10px 20px 0;
}
i.fa.fa-times.tip.pointer.posdel {
	font-size: 18px;
	padding: 9px 30px;
}
thead.tableFloatingHeaderOriginal tr th {
	font-size: 20px !important;
}
.form-control.input-sm {
	font-size: 22px !important;
}
.sname {
	font-size: 18px;
	float: left;
	width: 86%;
}
tbody.ui-sortable tr td {
	font-size: 18px;
}
#pos #cp #cpinner {
	max-width: 100% !important;
	margin: 0 0 20px 0 !important;
}
div#cp {
	float: left;
	width: 100%;
}
.modal-dialog.modal-lg.pay-modal .form-control {
	height: 50px;
	font-size: 20px;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice {
	height: 50px;
}
.addButton {
	font-size: 20px;
}
.modal-dialog.modal-lg.pay-modal span#select2-chosen-3 {
	padding: 6px 0 !important;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice .select2-arrow {
	top: 7px;
}
textarea#sale_note {
	height: 50px !important;
}
textarea#staffnote {
	height: 50px !important;
}
div#item-list {
	overflow-y: auto;
	min-height: 615px !important;
}
.open-brands, .open-subcategory, .open-category {
	font-size: 18px;
	padding: 5px 10px;
	height: 65px;
}
/*td.text-right {
	font-size: 30px !important;
}*/
table#totalTable tr {
	font-size: 30px;
	height: 70px;
}
div#item-list {
	overflow-y: auto;
	min-height: 320px !important;
}
.header-nav a.btn {
	position: relative;
	height: 31px;
	min-width: 34px;
	width: auto;
	background: #27b998;
	color: #fff !important;
	text-shadow: none !important;
	padding: 5px 8px;
	margin: 6px 3px 0 0;
	border-radius: 20px !important;
	font-size: 12px;
}
ul.nav.navbar-nav.pos-nav a.btn {
	position: relative;
	height: 67px;
	min-width: 90px;
	width: auto;
	background: #5a3e7d9e;
	color: #fff !important;
	text-shadow: none !important;
	padding: 20px 10px 0 10px;
	margin: 10px 5px;
	border-radius: 40px !important;
	font-size: 25px;
}
input#add_item {
	border-radius: 0px !important;
	display: none;
}
button.navbar-toggle.btn {
	display: none;
}
/* div#left-middle {

    min-height: 250px !important;
}
div#product-list {
    min-height: 248px !important;
} */
.dropdown:hover .dropdown-menu.dropdown-bottom {
	display: block;
	background-color: #27b998;
	position: relative;
	left: 0px;
	top: 100%;
	width: auto;
	height: auto;
	border-left: 0;
	border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	padding-top: 11px;
	margin-top: -3px;
	padding-bottom: 20px;
	overflow: auto;
	z-index: 9999;
}
a.navbar-brand {
	text-align: left;
	padding: 0 0 0px 0 !important;
	float: none;
}
ul.nav.navbar-nav.pull-right {
	display: none;
}
.navbar-nav {
	margin: 7.5px 0;
}
ul.nav.navbar-nav.bottom-menu li {
	padding: 0 0px !important;
	float: inherit;
	margin: 0px 0 0 0px;
	width: 170px;
	text-align: center;
}
body:after, body:before {
	display: none;
}
a.navbar-brand {
	margin-bottom: 0px;
	max-height: 20px;
}
#search {
	margin-left: 10px !important;
}
/*.hidden-sm {
        display: inline-block !important;
    }*/
.nav-tabs > li {
	float: none;
}
.nav-tabs li a {
	margin: -1px 0 0 0;
}
.navbar-toggle {
	position: initial;
	top: 0;
	right: 10px;
	z-index: 100;
	background: transparent !important;
	text-shadow: none !important;
	border: none !important;
	margin: 0 auto 0;
	float: none;
}
.navbar-toggle .icon-bar {
	background: white;
}
.navbar-collapse {
	max-height: 100%;
	border-top: none;
	box-shadow: none;
	padding-right: 0px;
	padding-left: 0px;
}
.navbar-collapse.in {
	overflow: hidden;
}
.header-nav {
	display: block;
}
.header-nav li {
	display: none;
}
ul.nav.navbar-nav.div-left.pull-left {
	position: absolute;
	left: 120px;
	padding: 0 0;
}
.btn-group.visible-xs.pull-right.btn-visible-sm {
	padding: 5px 0;
	margin: 6px auto 0;
	display: table !important;
	float: none !important;
}
.lt td.sidebar-con {
	width: 0px;
}
.lt .content-con {
	min-width: 200px !important;
	width: auto !important;
}
#content .breadcrumb {
	margin: -4px -5px 10px -5px;
}
.dataTables_wrapper label {
	width: 100%;
	margin-top: 5px;
}
.dataTables_wrapper .form-control {
	display: inline-block;
}
.padding05 {
	padding: 0;
}
footer {
	height: auto;
}
button#suspend_sale_hold {
	width: 50%;
	margin: 0 auto 5px;
	padding: 0px 20px;
	height: 60px;
	font-size: 30px;
	float: left;
}
button#suspend_sale_order {
	width: 50%;
	margin: 0 auto 5px;
	padding: 0 20px;
	height: 60px;
	font-size: 30px;
	float: left;
}
.btn-cancel {
	width: 47% !important;
	margin: 0 auto 5px !important;
	padding: 0px 20px !important;
	height: 60px;
	font-size: 30px;
	float: right !important;
}
button#print_bill {
	width: 47%;
	margin: 0 auto 0px;
	padding: 0px 20px;
	height: 30px;
	font-size: 30px;
	float: right !important;
}
button#payment {
	height: 60px !important;
	width: 100%;
	margin: 0;
	font-size: 30px;
}
div#botbuttons {
	margin: 8px auto 0;
}
button#previous {
	width: 98%;
	height: 90px;
	font-size: 30px;
	margin: 0;
}
.btn-group-justified>.btn-group .btn {
	width: 96%;
	margin: 0px 0 0px 9px;
	height: 90px;
	font-size: 30px;
}
.btn-group.btn-group-justified.pos-grid-nav {
	width: auto;
}
.modal-dialog.modal-lg.pay-modal {
	position: absolute !important;
	left: 50% !important;
	top: 40% !important;
	transform: translate(-50%, -50%) !important;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.btn-prni span {
	line-height: 25px !important;
	height: 60px !important;
}
.html_con h3 {
	font-size: 25px;
}
.input-group.item-pos {
	display: none !important;
}
.cus-pos {
	float: none;
	width: 100%;
}
.war-pos {
	float: none;
	width: 100%;
}
.refer-not {
	float: none;
	width: 100%;
}
.iten-pos {
	float: none;
	width: 100%;
}
.content-con {
	padding: 0px 19px;
}
ul.dropdown-menu.dropdown-bottom li a {
	width: 190px !important;
	padding: 6px !important;
}
nav.navbar.navbar-default {
	background-color: transparent;
	margin: 10px auto 10px;
	vertical-align: middle;
	text-align: center;
	display: table;
}
a.navbar-brand span {
	font-size: 16px;
}
a.navbar-brand.logo-pos span {
	font-size: 30px;
}
.quick-cash {
	min-width: 100px;
	height: 70px !important;
	font-size: 25px !important;
}
span.quick-pay {
	font-size: 21px !important;
}
.navbar.pos-nav {
	margin: 0;
	min-height: 100px;
	border: none;
	border-radius: 0px;
	z-index: 2 !important;
	background-color: #6f5a8c;
	height: 100px;
}
a.btn.bblack {
	font-size: 20px !important;
	padding: 24px 17px !important;
}
ul.dropdown-menu.pull-right li a {
	font-size: 20px;
	padding: 10px 15px !important;
}
ul.dropdown-menu.pull-right li {
	width: 260px;
	float: left;
}
.navbar-nav .open .dropdown-menu {
	position: absolute;
	float: none;
	width: 250px;
	margin-top: 0;
	background-color: white;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
i.fa.fa-times.tip.pointer.posdel {
	font-size: 18px;
	padding: 9px 30px;
}
a#opened_bills {
	width: 110px;
}
.none-tab {
	display: none !important;
}
.header-nav .user {
	display: inline-block;
	text-align: left;
	margin-top: 5px;
	padding: 0px;
	font-size: 18px;
	font-weight: 500;
}
.dropdown-menu>li>a {
	display: block;
	padding: 22px 12px !important;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
	font-size: 18px;
}
div#left-top .form-control {
	font-size: 20px;
}
.input-group-addon.no-print {
	font-size: 17px;
}
.form-control.input-sm {
	font-size: 22px !important;
}
thead.tableFloatingHeaderOriginal tr th {
	font-size: 20px !important;
}
.modal-dialog.modal-lg.pay-modal {
	position: absolute !important;
	left: 50% !important;
	top: 40% !important;
	transform: translate(-50%, -50%) !important;
}
tbody.ui-sortable tr td {
	font-size: 18px;
}
.sname {
	font-size: 18px;
	float: left;
	width: 86%;
}
#pos #cp #cpinner {
	max-width: 100% !important;
	margin: 0 0 20px 0 !important;
}
div#cp {
	float: left;
	width: 100%;
}
.modal-dialog.modal-lg.pay-modal .form-control {
	height: 50px;
	font-size: 20px;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice {
	height: 50px;
}
.addButton {
	font-size: 20px;
}
.modal-dialog.modal-lg.pay-modal span#select2-chosen-3 {
	padding: 6px 0 !important;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice .select2-arrow {
	top: 7px;
}
textarea#sale_note {
	height: 50px !important;
}
textarea#staffnote {
	height: 50px !important;
}
.btn-cat-con {
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	height: 100% !important;
	width: 100% !important;
	float: left !important;
	z-index: 1 !important;
	margin: 0 0 !important;
}
.open-brands, .open-subcategory, .open-category {
	font-size: 30px;
	padding: 5px 26px;
	height: 90px;
	margin: 10px 10px 20px 0;
}
table#totalTable tr {
	font-size: 30px;
	height: 70px;
}
/*td.text-right {
	font-size: 30px !important;
}*/
div#item-list {
	overflow-y: auto;
	min-height: 320px !important;
}
.header-nav a.btn {
	position: relative;
	height: 32px;
	min-width: 40px;
	width: auto;
	background: #27b998;
	color: #fff !important;
	text-shadow: none !important;
	padding: 6px 8px;
	margin: 6px 3px;
	border-radius: 20px !important;
	font-size: 14px;
}
ul.nav.navbar-nav.pos-nav a.btn {
	position: relative;
	height: 67px;
	min-width: 90px;
	width: auto;
	background: #5a3e7d9e;
	color: #fff !important;
	text-shadow: none !important;
	padding: 20px 10px 0 10px;
	margin: 10px 5px;
	border-radius: 40px !important;
	font-size: 25px;
}
input#add_item {
	border-radius: 0 4px 4px 0px !important;
	display: block;
}
ul.nav.navbar-nav.div-left.pull-left {
	position: relative;
	left: 0px;
	padding: 0 0;
	margin: 4px auto 0px;
	top: 0px;
	display: table;
	width: auto;
}
/*div#left-middle {
   
    min-height: 250px !important;
}
div#product-list {
    min-height: 248px !important;
} */
body {
	padding: 0px;
}
#content {
	padding: 5px;
}
.sidebar-nav > ul {
	margin: 0;
}
.dataTables_wrapper label {
	width: 100%;
	margin-top: 5px;
}
.dataTables_wrapper .form-control {
	display: inline-block;
}
#sidebar-left {
	padding: 0 !important;
}
/*.btn-group .btn {
	width: 50%;
}*/
a.navbar-brand {
	text-align: center;
	padding: 13px 0 0px 0 !important;
	float: none;
	margin: 0 auto;
	display: table;
}
a.navbar-brand.logo-pos {
	padding: 42px 15px !important;
	position: absolute;
	left: 15px;
}
button#suspend_sale_hold {
	width: 50%;
	margin: 0 auto 5px;
	padding: 0px 20px;
	height: 60px;
	font-size: 30px;
	float: left;
}
button#suspend_sale_order {
	width: 50%;
	margin: 0 auto 5px;
	padding: 0 20px;
	height: 60px;
	font-size: 30px;
	float: left;
}
.btn-cancel {
	width: 47% !important;
	margin: 0 auto 5px !important;
	padding: 0px 20px !important;
	height: 60px;
	font-size: 30px;
	float: right !important;
}
button#print_bill {
	width: 47%;
	margin: 0 auto 0px;
	padding: 0px 20px;
	height: 60px;
	font-size: 30px;
	float: right !important;
}
button#payment {
	height: 60px !important;
	width: 100%;
	margin: 0;
	font-size: 30px;
}
div#botbuttons {
	margin: 8px auto 0;
}
button#previous {
	width: 90%;
	height: 90px;
	font-size: 30px;
}
.btn-group-justified>.btn-group .btn {
	width: 96%;
	margin: 0px 0 0px 9px;
	height: 90px;
	font-size: 30px;
}
.btn-group.btn-group-justified.pos-grid-nav {
	width: auto;
}
.modal-dialog.modal-lg.pay-modal {
	position: absolute !important;
	left: 50% !important;
	top: 40% !important;
	transform: translate(-50%, -50%) !important;
}
.navbar {
	margin: 0;
	min-height: 40px;
	border: none;
	border-radius: 0px;
	z-index: 2 !important;
	background-color: #513e6d;
	height: 135px;
}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
.btn-prni span {
	line-height: 25px !important;
	height: 60px !important;
}
.html_con h3 {
	font-size: 25px;
}
.cus-pos {
	float: none;
	width: 100%;
}
.war-pos {
	float: none;
	width: 100%;
}
.refer-not {
	float: none;
	width: 100%;
}
.iten-pos {
	float: none;
	width: 100%;
}
a.navbar-brand span {
	font-size: 18px;
}
ul.dropdown-menu.dropdown-bottom li a {
	width: 190px !important;
	padding: 6px !important;
}
.content-con {
	padding: 0px 19px;
}
nav.navbar.navbar-default {
	background-color: transparent;
	margin: 10px auto 10px;
	vertical-align: middle;
	text-align: center;
	display: table;
}
a.navbar-brand.logo-pos span {
	font-size: 30px;
}
.quick-cash {
	min-width: 100px;
	height: 70px !important;
	font-size: 25px !important;
}
span.quick-pay {
	font-size: 21px !important;
}
.navbar.pos-nav {
	margin: 0;
	min-height: 100px;
	border: none;
	border-radius: 0px;
	z-index: 2 !important;
	background-color: #6f5a8c;
	height: 100px;
}
a.btn.bblack {
	font-size: 20px !important;
	padding: 24px 17px !important;
}
ul.dropdown-menu.pull-right li a {
	font-size: 20px;
	padding: 10px 15px !important;
}
ul.dropdown-menu.pull-right li {
	width: 260px;
	float: left;
}
.navbar-nav .open .dropdown-menu {
	position: absolute;
	float: none;
	width: 250px;
	margin-top: 0;
	background-color: white;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
i.fa.fa-times.tip.pointer.posdel {
	font-size: 18px;
	padding: 9px 30px;
}
a#opened_bills {
	width: 110px;
}
.none-tab {
	display: none !important;
}
.header-nav .user {
	display: inline-block;
	text-align: left;
	margin-top: 5px;
	padding: 0px;
	font-size: 18px;
	font-weight: 500;
}
.dropdown-menu>li>a {
	display: block;
	padding: 22px 12px !important;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap;
	font-size: 18px;
}
div#left-top .form-control {
	font-size: 20px;
}
.input-group-addon.no-print {
	font-size: 40px;
}
.form-control.input-sm {
	font-size: 22px !important;
}
thead.tableFloatingHeaderOriginal tr th {
	font-size: 20px !important;
}
.btn-cat-con {
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	height: 100% !important;
	width: 100% !important;
	float: left !important;
	z-index: 1 !important;
	margin: 0 0 !important;
}
.open-brands, .open-subcategory, .open-category {
	font-size: 30px;
	padding: 5px 26px;
	height: 95px;
	margin: 10px 10px 20px 0;
}
.sname {
	font-size: 18px;
	float: left;
	width: 86%;
}
tbody.ui-sortable tr td {
	font-size: 18px;
}
#pos #cp #cpinner {
	max-width: 100% !important;
	margin: 0 0 20px 0 !important;
}
div#cp {
	float: left;
	width: 100%;
}
.modal-dialog.modal-lg.pay-modal .form-control {
	height: 50px;
	font-size: 20px;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice {
	height: 50px;
}
.addButton {
	font-size: 20px;
}
.modal-dialog.modal-lg.pay-modal span#select2-chosen-3 {
	padding: 6px 0 !important;
}
.modal-dialog.modal-lg.pay-modal .select2-container .select2-choice .select2-arrow {
	top: 7px;
}
textarea#sale_note {
	height: 50px !important;
}
textarea#staffnote {
	height: 50px !important;
}
.open-brands, .open-subcategory, .open-category {
	font-size: 30px;
	padding: 5px 10px;
	height: 90px;
}
table#totalTable tr {
	font-size: 30px;
	height: 70px;
}
/*td.text-right {
	font-size: 30px !important;
}*/
ul.nav.navbar-nav.pos-nav a.btn {
	position: relative;
	height: 67px;
	min-width: 90px;
	width: auto;
	background: #5a3e7d9e;
	color: #fff !important;
	text-shadow: none !important;
	padding: 20px 10px 0 10px;
	margin: 10px 5px;
	border-radius: 40px !important;
	font-size: 25px;
}
input#add_item {
	border-radius: 0 4px 4px 0px !important;
	display: block;
}
/* 	div#item-list {
    overflow-y: auto;
    min-height: 300px !important;
	   

}	
div#left-middle {
    min-height: 250px !important;
}
div#product-list {
    min-height: 248px !important;
} */
body {
	padding: 0px;
}
.col-xxs-12 {
	width: 100%;
}
.btn-visible-sm {
	width: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
ul.nav.navbar-nav.div-left.pull-left {
	position: relative;
	left: 0;
	padding: 0 0;
	width: auto;
	top: 0;
	margin: 0 auto;
}
a.navbar-brand {
	text-align: center;
	padding: 10px 0 0px 0 !important;
	float: none;
	display: table;
	margin: 0 auto;
}
.navbar {
	margin: 0;
	min-height: 40px;
	border: none;
	border-radius: 0px;
	z-index: 2 !important;
	background-color: #513e6d;
	height: 125px;
}
.sidebar-nav > ul {
	margin: 0;
}
#search select {
	display: none;
}
#search input {
	margin-top: 5px;
	margin-left: -10px !important;
	width: 100% !important;
}
#content {
	padding: 5px;
}
.quick-button, .quick-button-small {
	margin-bottom: 20px;
}
.discussions ul li .date {
	display: none;
}
#sidebar-left {
	padding: 0 !important;
}
/*.btn-group .btn {
	width: 50%;
}*/
button#suspend_sale_hold {
	width: 50%;
	margin: 0 auto 5px;
	padding: 0px 20px;
	height: 60px;
	font-size: 30px;
	float: left;
}
button#suspend_sale_order {
	width: 50%;
	margin: 0 auto 5px;
	padding: 0 20px;
	height: 60px;
	font-size: 30px;
	float: left;
}
.btn-cancel {
	width: 47% !important;
	margin: 0 auto 5px !important;
	padding: 0px 20px !important;
	height: 60px;
	font-size: 30px;
	float: right !important;
}
button#print_bill {
	width: 47%;
	margin: 0 auto 0px;
	padding: 0px 20px;
	height: 60px;
	font-size: 30px;
	float: right !important;
}
button#payment {
	height: 60px !important;
	width: 100%;
	margin: 0;
	font-size: 30px;
}
div#botbuttons {
	margin: 8px auto 0;
}
button#previous {
	width: 90%;
	height: 90px;
	font-size: 30px;
}
.btn-group-justified>.btn-group .btn {
	width: 96%;
	margin: 0px 0 0px 9px;
	height: 90px;
	font-size: 30px;
}
.btn-group.btn-group-justified.pos-grid-nav {
	width: auto;
}
}
#chart text, .hc-tip {
	font-family: 'Ubuntu', sans-serif !important;
	font-size: 15px !important;
}
/* dtFilter
============================================ */
.dtFilter th {
	color: #999;
}
.dtFilter-filter-reset-button, .dtFilter-filter-wrapper, .dtFilter-filter-wrapper .dtFilter-filter {
	display: none;
}
.dtFilter-filter-wrapper:first-child {
	display: block;
	width: 100%;
}
.dtFilter-filter-wrapper .dtFilter-filter:first-child {
	display: block;
	padding: 3px 0px;
	color: #333;
	border: none;
	background: transparent;
	width: 100%;
}
.dtFilter-filter-wrapper .dtFilter-filter:first-child:focus {
	background: white;
}
.dtFilter-filter-wrapper .select2-container .select2-choice {
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 3px;
	background: transparent;
	box-shadow: none !important;
}
.dtFilter-filter-wrapper .select2-container .select2-choice .select2-arrow {
	padding: 0;
	top: -2px;
	background: transparent;
}
.dtFilter-filter-wrapper .select2-container .select2-choice abbr {
	top: 5px;
}
.dtFilter-filter-wrapper .select2-dropdown-open .select2-choice {
	background: white;
}
/* Calculator
============================================= */
.calc {
	width: 200px;
	padding: 4px;
	color: #333
}
div.is-calculator, span.is-calculator {
	position: relative
}
button.calculator-trigger {
	width: 25px;
	padding: 0
}
img.calculator-trigger {
	margin: 2px;
	vertical-align: middle
}
.calculator-keyentry {
	position: absolute;
	top: 0;
	right: 3px;
	width: 0;
	border: none;
	background: 0 0
}
.calculator-inline {
	position: relative;
	border: 1px solid #CCC;
	background-color: #f4f4f4
}
.calculator-inline .calculator-close {
	display: none
}
.calculator-rtl {
	direction: rtl
}
.calculator-prompt {
	clear: both;
	text-align: center
}
.calculator-prompt.ui-widget-header {
	margin: 2px
}
.calculator-result {
	clear: both;
	margin: 0;
	padding: 2px;
	text-align: right;
	background-color: #fff;
	border: 1px solid #CCC;
	font-size: 110%;
	overflow: hidden
}
.calculator-result span {
	display: inline-block;
	width: 100%
}
.calculator-result .calculator-formula {
	font-size: 60%
}
.calculator-focussed {
	background-color: #ffc
}
.calculator-row {
	clear: both;
	width: 100%
}
.calculator-space {
	float: left;
	margin: 2px;
	width: 28px
}
.calculator-half-space {
	float: left;
	margin: 1px;
	width: 14px
}
.calculator-row button {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	height: 40px;
	width: 25%;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	background: #FFF;
	border: 1px solid #CCC
}
.calculator-inline .calculator-add, .calculator-inline .calculator-clear, .calculator-inline .calculator-divide, .calculator-inline .calculator-multiply, .calculator-inline .calculator-percent, .calculator-inline .calculator-plus-minus, .calculator-inline .calculator-subtract, .calculator-inline .calculator-undo {
	background: #EEE
}
.calculator-inline .calculator-equals {
	background: #bdea74
}
@-moz-document url-prefix() {
.calculator-base, // Firefox .calculator-trig {
text-indent:-3px
}
	
}
.calculator-keystroke {
	display: none;
	width: 16px;
	height: 14px;
	position: absolute;
	left: -1px;
	top: -1px;
	color: #000;
	background-color: #fff;
	border: 1px solid #CCC;
	font-size: 80%
}
.calculator-angle .calculator-keystroke, .calculator-base .calculator-keystroke, .calculator-trig .calculator-keystroke {
	top: -2px;
	font-size: 95%
}
.calculator-keyname {
	width: 22px;
	font-size: 70%
}
.gallery-image {
	position: relative;
	display: inline-block;
}
.gallery-image .delimg {
	position: absolute;
	top: 0;
	right: 9px;
}
.sname {
	cursor: pointer;
}
tr.table-color {
	background-color: #ebebeb;
}
tr.no-display {
	display: none;
}
body.login-page {
    background: #5a8c65 !important;
}
a.text-danger.forgot_password_link {
    text-align: center;
    margin: 0 auto 0;
    display: table;
    color: #fff;
    font-size: 14px;
    background-color: #5a8b65 !important;
    padding: 6px 10px;
    border-radius: 5px;
}