/**
ORANGE : 
	--pos-color: #FF7F50;
	--pos-light-color: #C7603A;
	--pos-light2-color: #ffb37d;
	--pos-efflur-color: #fff1da;
	--pos-btn-clr: #F2784C;
GREEN :
	--pos-color: #33CD5F
	--pos-light-color: #97E2AD
	--pos-light2-color: #75E695
	--pos-efflur-color: #DEDE
	--pos-btn-clr: #2776d8
BLUE
	--pos-color: #0993F3
	--pos-light-color: #0763E5
	--pos-light2-color: #A9D1F9
	--pos-efflur-color: #E5F2FF
	--pos-btn-clr: #2776d8
*/

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

:root { /* ORANGE */
	--pos-color: #FF7F50;
	--pos-light-color: #C7603A;
	--pos-light2-color: #ffb37d;
	--pos-efflur-color: #fff1da;
	--pos-btn-clr: #F2784C;
}

body {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

input#pos-mobile-search:focus,
input#pos-mobile-search:active {
    border: solid 0px #434a45 !important;
	border-radius: 3px !important;
}

.uppon {
	width: 100%;
    height: 150%;
    position: fixed;
    z-index: 9999999;
    /*background-color: var(--pos-color) !important;*/
    text-align: center;
    padding-top: 80px;
}
.uppon .mnbtn {
	border: solid 1px #FFF;
	border: solid 1px var(--pos-light2-color);
    color: #FFF;
    display: inline;
    margin: 0 auto;
    margin-top: 200px;
    padding: 5px 25px 10px 25px;
    border-radius: 31px;
    cursor: pointer;
    font-size: 18px;
    letter-spacing: 1px;
	margin-top:20px;
}

.optmask {
	width:100%;
	height:100%;
	position:fixed;
	background-color: rgba(0, 0, 0, 0.5);
	z-index:9999999;
	display:none;
}
.optmask div {
	position:absolute;
	border:solid 0px red;
}
.optmask ul {
	background-color:#FFF;
	margin:128px 15px 0 15px;
	padding: 0;
    list-style-type: none;
	cursor:pointer;
}
.optmask ul li {
	padding:5px 15px;
}
.optmask ul li:active {
	background-color: #DDD;
}

/*******/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*******/

.bg-custom {
	background-color: var(--pos-color) !important;
}

.bd-custom {
	border-color: var(--pos-color) !important;
}

.color-custom { 
	color: var(--pos-color);
}

.cl-custom { 
	color: var(--pos-color);
}

:root {
  --f7-navbar-bg-color: var(--pos-color) !important;
  --f7-navbar-bg-color-rgb: var(--pos-color) !important;
  --f7-panel-width: 320px;
}

form, input {autocomplete:off;}

.m-toolbar {
	height: 48px;
	line-height: 48px;
    background-color: var(--pos-color);
    bottom: 0;
    position: absolute;
    width: 100%;
	padding:0 20px;
	color:#FFF;
}

.toolbar.ze {
	background-color: var(--pos-color);
	background-color: #434a45;
	cursor:pointer;
}

.toolbar.ze .toolbar-inner {
	padding:0 20px;
	color:#FFF;
}
.toolbar.ze .toolbar-inner span {
	font-size:24px;
	font-weight:bold;
}

.brd-custom {
	border-color: var(--pos-color) !important;
}
.clr-custom {
	color: var(--pos-color) !important;
}

.inputenhanced {
    width: 100%;
    padding: 14px !important;
    border-radius: 3px !important;
	border: solid 1px #DDD !important;
}

.panel-backdrop {
	opacity: 0.7 !important;
}
.pos-cart {
	border: solid 1px var(--pos-light2-color);
	position: absolute;
	right: 15px;
	height: 34px;
	line-height: 34px;
	padding: 0 8px;
	padding: 0 10px;
	color:#FFF;
	font-size:15px;
	min-width: 12px;
    text-align: center;
	
	font-size:16px;
	font-weight:bold;
}
.toast .toast-text {
    color: var(--pos-color);
}
.payeur {
	padding: 12px;
	padding: 8px;
	/*margin:18px 20px 10px;*/
	text-align: center; 
	background-color: $base-color; 
	margin-bottom: 0px; 
	cursor: pointer; 
	background-color: #434a45;
	&:active {
		background-color: #000;
	}
}
.payeur:active {
	background-color: #000;
}
.payeur span.price-py {
	display:block;
	font-weight: bold;
	font-size: 18px;
	color: #bff7cf;
	color: #fff;
	margin-top:-4px;
}
.searchinput {
	width:100%;
	border:solid 1px #DDD !important;
	border-radius:3px 3px 0 0 !important;
	padding:14px 15px !important;
	margin-top:10px !important;
}
.color-active {
	color:var(--pos-color);
}
.media-list .item-link .item-title-row, li.media-item .item-link .item-title-row {
	padding: 0;
}
.media-list .item-link .item-title-row:before, li.media-item .item-link .item-title-row:before {
	display: none;
}
.media-list .item-media img, li.media-item .item-media img {
	border-radius: 5px;
}
.list .item-subtitle {
	color: #CCC;
}
.list .item-title-row .item-after {
	color:var(--pos-color);
}


.categoritem {
	margin:0;
	border-radius:0 0 3px 3px !important;
	border:solid 1px #DDD;
	border-top:none;
}
.categoritem .item-inner {
	padding-bottom: 0;
    padding-right: 16px;
    padding-top: 0;
}
.categoritem .item-inner .item-title {
	margin-top: 3px;
	color:#222;
}
.categoritem ul li select {
	text-align-last: right;
	padding-right: 30px;
	border:none !important;
    direction: rtl;
}
/*
.md .nomaterial .input:not(.input-outline):after, 
.md .nomaterial .item-input:not(.item-input-outline) .item-input-wrap:after {
    height: 0 !important;
}
.nomaterial .md .input:not(.input-outline):after, 
.nomaterial .md .item-input:not(.item-input-outline) .item-input-wrap:after {
    height: 0 !important;
}*/
.md .nomaterial.input:not(.input-outline):after, 
.md .nomaterial.item-input:not(.item-input-outline) .item-input-wrap:after {
    height: 0 !important;
}

.list.list-validation ul:after {
	height:0;
}

.tt {
	margin-bottom:10px;
}

.rendu {
	font-size:24px;
	font-weight: bold;
}
.rendu span {
	font-size:16px;
}

.f7-icons.glass {
	position: absolute;
    margin: 24px 0 0 12px;
    color: #BBB;
    font-size: 20px;
}
.f7-icons.xmark {
	position: absolute;
    margin: 11px -20px 0 10px;
    color: #CCC;
    font-size: 14px;
    right: 32px;
    border: solid 1px transparent;
    padding: 15px 20px;
    cursor: pointer;
}
.f7-icons.lmark {
    position: absolute;
    margin: 8px -20px 0 0;
    color: #CCC;
    font-size: 20px;
    right: 32px;
    border: solid 1px transparent;
    padding: 15px 20px;
    cursor: pointer;
}
.f7-icons.lmark:focus,
.f7-icons.lmark:hover,
.f7-icons.lmark:active,
.f7-icons.lmark:visited {
	color:var(--pos-color) !important;
    font-size: 24px;
    margin: 6px -22px 0 0;
	font-weight:bold;
}

.pos-btn-list {
	padding:0 15px;
}
.pos-btn-list button, 
.pos-btn-list a {
	margin:0 auto;
	max-width:400px;
	margin-bottom:12px;
	height: 45px;
	line-height:45px;
}

.list.links-list ul li:active {
	color:var(--pos-color);
}

.ios {
  --f7-page-transition-duration: 350ms !important;
  --f7-page-bg-color: #efeff4;
}


:root {
  --f7-page-master-width: 320px;
  --f7-page-master-border-color: rgba(0, 0, 0, 0.1);
  --f7-page-master-border-width: 1px;
  --f7-page-swipeback-transition-duration: 350ms !important;
  --f7-page-parallax-transition-duration: 350ms !important;
  --f7-page-cover-transition-duration: 450ms;
  --f7-page-dive-transition-duration: 500ms;
  --f7-page-fade-transition-duration: 500ms;
  --f7-page-flip-transition-duration: 700ms;
  --f7-page-push-transition-duration: 500ms;
  /*
  --f7-page-content-extra-padding-top: 0px;
  --f7-page-content-extra-padding-bottom: 0px;
  */
}

/*+33 7 56 86 61 66*/

.cat {
	width:100%;
}

.pos-category-list .row > div {
	background-color:#AAA;
	height:150px;
	margin-bottom:10px;
	padding:10px;
	cursor:pointer;
	font-size: 24px;
	overflow: hidden;
}

.currcat {
	background-color:#434a45;
	color:#FFF;
	color:var(--pos-color);
	padding: 12px;
    margin-bottom: 10px;
	border-radius:2px;
	cursor:pointer;
	font-size:19px;
}

.actions-modal.modal-in {
    width: 90%;
    left: 5%;
	border-radius:7px;
}

.actions-group .actions-button-text {
    text-align: center;
}
.actions-group .actions-label:first-child {
    color: #CCC;
	display: block;
	text-align:center;
}


.toast .toast-content {
    display: block;
	text-align:center;
}

.list.panier-list ul:after {
    content: '';
    position: absolute;
    background-color: var(--f7-list-border-color);
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
    background-color: #333;
    height: 2px;
}

.list.panier-list ul li .item-subtitle {
	color:var(--pos-color) !important;
	font-weight:bold;
}

.list.panier-list .item-subtitle span {
	display:none;
	color: #dcd5d5;
    font-weight: normal;
}



.list.stock-list {
	margin-top:0; 
	margin-bottom:0; 
	background-color:transparent;
}
.list.stock-list ul {
	background-color:transparent;
}
.list.stock-list ul:after {
    content: '';
    position: absolute;
    background-color: var(--f7-list-border-color);
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
    background-color: #333;
    height: 2px;
    height: 0px;
}
.list.stock-list ul:before {
	height: 0px;
}
.list.stock-list ul li {
	background-color:#FFF;
	margin:15px;
}
.list.stock-list .MyElem {
	box-shadow: 0 0px 1px 0 rgb(0 0 0 / 20%), 0 0px 7px 0 rgb(0 0 0 / 19%)
}

.autocomplete-dropdown .item-title {
	color: var(--pos-color) !important;
}






.pos-total {
	border: solid 1px #CCC3;
    padding: 10px 15px;
    border-top: 0;
    margin-bottom: 15px;
}
.pos-total table {
	width:100%;
}
.pos-total table td.total-label {
	font-weight:bold;
    font-size: 16px;
    letter-spacing: 1px;
    color: var(--pos-color);
}
.pos-total table td.total-amount {
	text-align:right;
	font-weight:bold;
    font-size: 16px;
}


.pos-article-name {
	font-size: 20px;
    font-weight: bold;
}
.pos-article-price {
	font-size:20px;
	color: var(--pos-color);
}




.md .stepper-button, .md .stepper-button-minus, .md .stepper-button-plus {
	border-color: var(--pos-color);
	color: var(--pos-color);
}
.stepper-input-wrap, .stepper-value {
    border-color: var(--pos-color);
	color: var(--pos-color);
}
.md .stepper-button, .md .stepper-button-minus, .md .stepper-button-plus {
    border-color: var(--pos-color);
	color: var(--pos-color);
}
.stepper .stepper-input-wrap input {
    color: var(--pos-color);
}
.stepper-button-plus:before {
    background-color: var(--pos-color);
}
.stepper-button-plus:after {
    background-color: var(--pos-color);
}
.stepper-button-minus:after, .stepper-button-plus:after {
    background-color: var(--pos-color);
}

.sheet-backdrop.backdrop-in {
	z-index:11908 !important;
}



.md .item-input-focused .item-floating-label, .md .item-input-focused .item-label {
    color: var(--pos-color);
}


.dialog-button {
    color:var(--pos-color);
}


#pos-form-rendu.list ul:before {
    height: 0 !important;
}


/*
background-color: cadetblue;
background-color: aliceblue;
background-color: darkcyan;
background-color: lightcyan;
background-color: powderblue;
*/


.list-clients .item-title {
	color:#000;
}
.list-clients .item-media {
	color:#000;
}
.list-clients .item-media i {
	font-size:40px;
	color:#000;
}





.sisearch {
	border:solid 0px red;
	height: 48px;
}

.sisearch input {
	border:solid 0 #AAA;
	/*height:48px;
	line-height:48px;*/
	width:100%;
	text-indent:45px;
	position: absolute;
    margin-top: 16px;
}

.sisearch .f7-icons.glass {
	margin:15px 0 0 15px;
}

.page-search-products .sisearch {
	border-bottom: solid 1px #DDD; 
	position:fixed; 
	z-index:999999999999999; 
	width:100%; 
	background-color:#FFF;
}

.fkbtn {
	background-color:var(--pos-color);
	background-color:#434a45;
	height:48px;
	line-height:48px;
	text-align:center;
	cursor:pointer;
	color:#FFF;
	letter-spacing:0.5px;
}
.fkbtn:focus,
.fkbtn:active {
    background-color:#000;
}

.list-stats .item-title {
	color:#212121;
}
.list-stats .item-media .material-icons {
	color:#212121;
}

.list-tickets .item-after {
	color:#CCC;
}

.list-tickets .item-title {
	color:#212121;
}
.list-tickets .item-media {
	color:#212121;
}
.list-tickets .item-content:active {
	background-color: #DEDEDE;
}

.pos-date {
	color: var(--pos-color);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.f7-icons.ymark {
	position: absolute;
    color: #CCC;
    font-size: 14px;
    right: 0;
    border: solid 1px transparent;
    padding: 15px 20px;
    cursor: pointer;
	
	margin-top:2px;  
	z-index:99999;
}

.data-table table th.label-cell,
.data-table table td.label-cell {
	padding-left:0;
}
.data-table table th.numeric-cell,
.data-table table td.numeric-cell {
	padding-right:0;
}
.data-table.arts thead tr th {
	color:#BBB;
	height:45px !important;
}
.data-table.arts.no-head thead {
	display:none;
}
.data-table.arts.no-head {
	margin-top:15px;
}
.data-table.arts table th.label-cell,
.data-table.arts table td.label-cell {
	/*padding-left:15px;*/
	height:56px;
}
.data-table.arts table td.numeric-cell {
	vertical-align: top;
    padding-top: 8px;
    padding-left: 0;
}

.label-cell span {
	display:block;
	font-size: 12px;
    color: #AAA;
}

/*****************************/

.page.ticket .page-content {
	padding-right:20px;
	padding-left:20px;
}
.page.ticket .total-top {
	font-size:32px;
	margin-top:10px;
	text-align:center;
}
.page.ticket .ttc {
	text-align:center;
	color:#AAA;
}


.prof {
    margin-top: 15px;
}
.prof i {
    font-size:80px;
}

.page.page-client .list .item-header {
    text-align: left;
	color: var(--pos-color);
}
.page.page-client .list .item-footer {
    text-align: left;
}




.list-catalog {
	padding: 0;
}
.list-catalog ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}
.list-catalog ul li {
	margin: 0;
    padding: 0;
    border: solid 1px red;
    width: 49% !important;
    display: inline-block;
	border: 0 !important;
}
.list-catalog ul li a > div {
	/*height:65px;*/
	margin:5px 0px 0px 5px;
	/*background-color:#AAA;*/
	padding:10px;
}
.list-catalog ul li:nth-child(2n+0) a > div {
	margin: 5px 0px 0px 0px;
}

.online_status {
	height: 23px;
    background-color: #350a0a;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
    color: #a25858;
	display:none;
	line-height: 23px;
    font-size: 12px;
}


.MyElem {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color:#EEE; 
	background-color:#FFF; 
	margin-bottom:15px; 
	/*border-radius:15px;*/
	border-radius: 3px;
    overflow: hidden;
}
.MyElem a {
	color:#212121
}
.MyElem img {
	width:100%;
	/*border-radius:15px 15px 0 0;*/
}
.MyElem .vivi {
	padding: 0 7px 3px 0;
    color: var(--pos-color);
    font-size: 17px;
    background-color: #333;
    margin-bottom: 10px;
    border-radius: 15px;
    padding: 0 8px;
    display: inline-block;
    text-align: center;
    margin-left: 8px;
    /* background-color: var(--pos-color); */
    color: #FFF;
    margin-top: 5px;
}


.searchin {
	margin:0 15px 10px 15px;
}
.searchin input {
	border: solid 1px #CCC;
    width: 100%;
    border-radius: 4px;
    padding: 10px;
	text-indent:27px;
	color: #777;
}

.client-results {
	margin-top:10px;
	margin-bottom:10px;
}
.client-results li {
	cursor:pointer;
}
.client-results li:active {
	background-color:#DDD;
}


.optera {
	margin:20px 15px 0 15px
}
.optera table {
	width:100%;
}
.optera .material-icons {
	color:var(--pos-color);
}
.optera table tr td {
	text-align:left;
}
.optera table tr td.itmtext {
	vertical-align:top;
	padding-top:2px;
}
.optera table tr td.iconitem {
	width:50px;
}


.sheet-search {
	height: auto;
	--f7-sheet-bg-color: #fff;
}


.client-choosed {
	margin: 0 15px 9px 15px;
    background-color: var(--pos-color);
    padding: 10px 15px;
    color: #FFF;
    border-radius: 4px;
	font-size: 18px;
}


.cxi {
	position: absolute;
    right: 15px;
    margin-top: 4px;
    font-size: 15px;
    color: #555;
    padding: 11px;
    cursor: pointer;
}

.cxu {
	position: absolute;
    right: 15px;
    margin-top: 1px;
    font-size: 15px;
    color: #555;
    padding: 11px;
    cursor: pointer;
	/**/
	position: static;
	float: right;
    margin-bottom: -38px;
    margin-right: 18px;
}

.no-before:before {
	display: none !important;
}
.no-after:after {
	display: none !important;
}

.pale i {
	color:var(--pos-light-color);
}

.dialog-buttons .dialog-button {
	text-align:center !important
}



.list-cat {
	margin:0;
	padding:0;
	margin-top:8px;
	list-style-type:none;
}
.list-cat li {
	display: inline-block;
    background-color: var(--pos-color);
    padding: 2px 14px;
    border-radius: 15px;
    margin-right: 2px;
    color: #FFF;
	margin-bottom: 7px;
	background-color:#333;
}
.list-cat li.active {
	background-color:var(--pos-color);
}
.list-cat.light li {
	background-color:#B9B9B9;
	cursor:pointer;
}
.list-cat.light li:active {
	background-color:#242415;
	color: var(--pos-color);
}



.my-sheet-categories .list-cat li {
	background-color: transparent;
    color: #000;
    border: solid 1px #d7d7d7;
	cursor:pointer;
}
.my-sheet-categories .list-cat li div {
	display:inline-block;
}
.my-sheet-categories .list-cat li.active {
	background-color: #000;
	color:#FFF;
}
.my-sheet-categories .list-cat li.active div {
	display:none;
}

.list#my-form-article ul:after {
	height:0;
}
.list#my-form-article ul:before {
	height:0;
}

.list#my-form-client ul:after {
	height:0;
}

.list#my-form-client ul:after {
    height: 0;
}


.block-strong.login-block {
	padding-top:0;
}
.block-strong.login-block:before {
	height:0;
}
.block-strong.login-block:after {
	height:0;
}


/**/

.tyi {
	margin:20px 20px;
	border:solid 0 red;
}
.tyi table {
	width:100%;
}
.tyi table tr td {
	
}
.tyi table tr td div {
	color: #FFF;
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
    margin: 0 auto;/*
    background-color: #f27446;
    background-color: #444140;*/
    background-color: transparent;
    margin-bottom: 15px;
    font-size: 20px;
	cursor:pointer;
	box-shadow: 3px 3px 4px -3px #994e27;
	-webkit-box-shadow: 3px 3px 4px -3px #994e27;
	background-color: var(--pos-btn-clr) !important;
	/*background-color: #000 !important;*/
}
/*.tyi table tr td div:hover,
.tyi table tr td div:active,
.tyi table tr td div:visited,
.tyi table tr td div:focus, */
.tyi table tr td div.hover,
.tyi table tr td div.focus,
.tyi table tr td div.active
.tyi table tr td div.visited {
	background-color: #b32d00;
}


.brand_table {
	border:solid 0px gray;
	height:43px;
	overflow-x:scroll;
	margin-top:10px;
}
.brand_table .bscroller {
	width:1800px;
	/*width:18px;*/
	padding-left: 15px;
	padding-top: 12px;
}
.brand_table .bscroller ul {
	margin: 0;
    padding: 0;
}
.brand_table .bscroller ul li {
	list-style-type: none;
    display: inline;
    padding: 10px;
    cursor: pointer;
    color: var(--pos-color);
    border: solid 1px #CCC;
	border-radius: 4px;
    margin-right: 10px;
}
.brand_table .bscroller ul li.active,
.brand_table .bscroller ul li:active {
	border: solid 1px var(--pos-color);
	background-color: var(--pos-color);
	color:#FFF;
}

.brand_table::-webkit-scrollbar {
  display: none;
}

.hlpos {
	position: absolute;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    left: 0;
    top: 40px;
    color: #b55f1e;
}


.in-gray {
	color:darkgray !important;
}

.pos-outofstock {
    width: 100%;
    height: 72px;
    position: absolute;
    background: #EEE;
}


.openreclnk {
	position:absolute; 
	right:0; 
	margin-top:22px; 
	font-size:14px; 
	color:brown; 
	text-decoration:underline;
}


.fab-upload-img {
	width: 50px;
    right: 20px;
    position: absolute;
    margin-top: -25px;
	
	right:70px;
}
.fab-upload-img a {
	background-color:var(--pos-color);
	background-color:#828282;
}
.fab-upload-img a:active {
	background-color:#000;
}

.fab-upload-bsk {
	width: 40px;
    right: 72px;
    position: absolute;
    margin-top: -17px;
	
	right:5px;
}
.fab-upload-bsk a {
	background-color:var(--pos-color);
	width:35px !important;
	height:35px !important;
}
.fab-upload-bsk a:active {
	background-color:#000;
}
.fab-upload-bsk a i {
	padding-right:15px;
}


.is-plus {
	border: solid 2px #CCC;
    background: transparent !important;
    text-align: center;
    line-height: 172px;
	padding:0 !important;
}
.is-plus .material-icons {
	font-size:45px;
}


.list.no-lines {
	margin-top: 10px;
    margin-bottom: 10px;
}
.list.no-lines ul:before {
	height: 0 !important;
}
.list.no-lines ul:after {
	height: 0 !important;
}


.swipe-handler {
    height: 16px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    background: #fff;
    cursor: pointer;
    z-index: 10;
}

.swipe-handler:after {
    content: '';
    width: 36px;
    height: 6px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -3px;
    border-radius: 3px;
    background: #666;
}

.demo-sheet-swipe-to-close, 
.demo-sheet-swipe-to-step {
    --f7-sheet-border-color: transparent;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}


ul.mili {
	margin: 0;
    padding: 0;
	height:20px;
}
ul.mili li {
	    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #FFF;
    border-radius: 50%;
    margin: 0 5px;
}



.sendymail {
	margin: 10px 20px;
}
.sendymail div.material-icons {
	position: absolute;
	left: 29px;
	margin-top: 8px;
	color: #DEDEDE;
}
.sendymail input {
	border: solid 1px #DEDEDE;
	border-radius: 4px;
	padding: 10px;
	text-indent: 27px;
	width: 100%;
}
.sendymail .sbtnd {
	cursor: pointer;
	position: absolute;
	right: 20px;
	border: solid 1px transparent;
	padding: 7px 8px 3px 8px;
	color: var(--pos-color);
	border-radius:0px 3px 3px 0px;
}
.sendymail .sbtnd:active,
.sendymail .sbtnd:hover {
	background-color:var(--pos-efflur-color);
}

.noarticles {
	margin: 10px 15px;
    border: solid 0px #cbc2c2;
    padding: 7px 17px;
	text-align: center;
}

.page.page-settings .block-title {
	color:var(--pos-color);
}

.list.pos-articles ul:before {
	height:0
}
.list.pos-articles ul:after {
	height:0
}

.list.pos-login ul:before {
	height:0
}
.list.pos-login ul:after {
	height:0
}

.list.pos-register ul:before {
	height:0
}
.list.pos-register ul:after {
	height:0
}



.set_initpw {
	position: absolute;
    width: 100%;
	color:#FFF;
	top:60px;
}

/**/

.toper {
	border:solid 0px red; 
	max-width: 500px; 
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: white; 
	padding:10px 50px
}


.oofbtn {
	border: solid 1px #CCC;
    padding: 7px 20px;
    display: inline-flex;
    cursor: pointer;
    color: #AAA;
}
.oofbtn:active {
	border:solid 1px #000;
}



.md .item-input:not(.item-input-outline) .item-input-wrap.wrap-amount::after {
    background-color: var(--pos-light2-color);
}
.md .item-input.item-input-focused:not(.item-input-outline) .item-input-wrap.wrap-amount::after {
    background-color: var(--pos-color) !important;
}



.identcl {
	background-color: var(--pos-color);
	margin: 10px 20px 15px 20px;
	border-radius: 50px;
	text-align: left;
	padding:3px;
	color:#FFF;
	cursor:pointer;
}
.identcl .icon.f7-icons {
	font-size:40px;
}
.identcl div.material-icons {
	position: absolute;
	right: 36px;
	margin-top: 4px;
	font-size: 30px;
}

.display_article {
	padding-bottom:100px;
}

.say-mail-sent {
	display:none;
	opacity:0;
	margin:10px;
	color:#BBB;
}

#ax-window-msg {
    margin-top: 5px;
}
.ax-window-btn.activated {
    font-weight: bold;
}
.ax-window-btn {
    margin: 5px 10px 8px 10px !important;
    padding: 10px 10px !important;
	border-radius:2px !important;
}
.ax-window-btn.activated {
    background-color: var(--pos-color) !important;
}
.ax-window-box {
    border-radius: 3px !important;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22) !important;
}


.bolingo {
	padding: 10px 0;
	background-color: var(--pos-color);
	position: absolute;
	width: 0px;
	overflow:hidden;
	opacity: 0.5;
	border-radius:3px;
}

li.active .tab-link {
	color:var(--pos-color);
}







.temp_ticket {
	padding:0 15px;
	color:#000;
	font-family:Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
	padding-top:40px;
	padding-bottom:30px;
	
	margin-top:1000px;
}
.temp_ticket table {
	width:100%;
	font-size:20px;
}
.temp_ticket table tr {
	
}
.temp_ticket table tr td {
	font-family:Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
	border:solid 0px #000;
	color:#000;
	vertical-align:top;
	text-align:left;
}
.temp_ticket table tr td hr {
	border-top: solid 2px #000;
}
.temp_ticket table tr td span {
	font-size:17px;
}
.temp_ticket table tr td.onright {
	text-align:right;
}
.temp_ticket .billtitle {
	padding:10px;
	font-size:20px;
	text-align:center;
	font-weight:bold;
}
.temp_ticket .totalfooter {
	font-size:28px;
	font-weight:bold;
}

.underneath {
	position: absolute;
	opacity:0.61;
	padding-top:35px;
	font-size: 12px;
	color:var(--pos-light-color);
}

.disconnect-icon {
    position: absolute;
    right: 18px;
    cursor: pointer;
	z-index:9999999;
	opacity:0.7;
	color:#FFF;
}
.disconnect-icon div {
	color:#FFF;
}
.disconnect-icon i {
	color:#FFF;
}


.page.page-clients .item-media .icon {
	font-size:40px;
}



#code_page {
	margin: 0 auto;
    max-width: 500px;
}



.bg-color-pos {
	background-color: var(--pos-color) !important;
}

.unsynced,
.stocksync {
	font-weight:bold;
}

.list.list-tickets ul:after {
	display:none
}
.list.list-tickets ul:before {
	display:none
}

.list.params {
	margin:0;
}
.list.params .item-content {
	padding-left: 0;
}
.list.params ul:before {
    height: 0;
}
.list.params ul:after {
    height: 0;
}




/***** Resize ticket *****/
/*************************/
.temp_ticket table {
    width: 200px;
    font-size: 10px;
}
.temp_ticket table tr td {
	padding-top: 0
}
.temp_ticket table tr td span {
    font-size: 8px;
}
.temp_ticket .billtitle {
	font-size:15px;
}
.temp_ticket table tr td hr {
	border-top: solid 1px #000;
}
.temp_ticket .totalfooter {
	font-size:17px;
}


.pos-cat-showarticles {
	border: solid 1.5px #DDD;
    border-radius: 5px;
    margin-top: 15px;
	margin-bottom: 15px;
    padding: 5px 20px;
	cursor:pointer;
}
.pos-cat-showarticles i {
	color:#CCC;
} 

.fab-scroll-top {
	opacity:0.85;
	margin-top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top) + 200px) !important;
}
.fab-scroll-top a {
	background-color: var(--pos-color);
}

.triangle {
	width: 0;
    height: 0;
    border-bottom: 100px solid #585757;
    border-left: 100px solid transparent;
    position: absolute;
    margin-top: -100px;
	opacity:0.75;
	right:0;
}
.triangle div {/*
	margin: 56px 0 0 17px;*/
    font-size: 22px;
    color: #FFFF;
	cursor:pointer;
	
    position: absolute;
    right: 20px;
    top: 58px;
}

#pos-img-box {
	width:100%;
	overflow:hidden;
	background-color:#000;
}


select.dimbi {
	border: solid 1px #CCC;
    height: 45px;
    padding: 0 10px;
	margin-top: 10px;
}



.tyi table tr td div:link,
.tyi table tr td div:focus,
.tyi table tr td div:hover,
.tyi table tr td div:active,
.tyi table tr td div:visited {
	background-color:var(--pos-light-color) !important;
}

.tipi {
	border-radius: 50%;
    border: solid 1px #D8D8D8;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 44px;
    font-size: 30px;
	cursor:pointer;
}
.tipi:active {
	background-color:#555;
	color:#FFF;
}



.pos-payment-list {
	margin-top:10px;
}
.pos-payment-list > div {
	border: solid 1px #CCC;
    text-align: center;
    padding: 10px 0;
    font-size: 11px;
    cursor: pointer;
}
.pos-payment-list > div:active,
.pos-payment-list > div.active {
	border: solid 1px var(--pos-color);
	color:var(--pos-color);
}
.pos-payment-list > div.active {
	font-weight:bold;
}


#pos-range {
	display: inline;
    float: right;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
}
#pos-range b {
	color: var(--pos-color);
}

.swipeout-actions-left .swipeout-delete, .swipeout-actions-right .swipeout-delete {
    color: #FFF;
}

.dialog-buttons span:nth-child(2) {
    font-weight: 800;
}



/**
Non Lab partout
Lab pas partout

Nouvelle valeur dans l'optionset Building type valeur "Both"
MAJ filtre vue "Non Lab" employees filtrer les bâtiments
- Normal
- Both
MAJ filtre building "Lab" employees
- Lab
- Both


TCK-ABC2108-00001



36 (4)

*/


.color-pos {
    --f7-theme-color: var(--pos-color);
    --f7-theme-color-rgb: 255,127,80;
    --f7-theme-color-shade: var(--pos-light-color);
    --f7-theme-color-tint: var(--pos-light2-color);
}

.parrot {
	width: 100%;
    height: 400px;
    background-color: rgba(0,0,0, 0.5);
    position: absolute;
    z-index: 99;
    margin-top: 2px;
    height: 100%;
	border-top:solid 1px #000;
}

#concentractor {
	padding:12px 15px 0px;
}



























































































/**
 * Extracted from: SweetAlert
 * Modified by: Istiak Tridip
 */
.success-checkmark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  box-sizing: content-box;
  border: 4px solid #4caf50;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: "";
  height: 100px;
  position: absolute;
  background: #ffffff;
  transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #4caf50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  transform: rotate(45deg);
  animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  transform: rotate(-45deg);
  animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  box-sizing: content-box;
  border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  transform: rotate(-45deg);
  background-color: #ffffff;
}

@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}



.user_in {
	
}
.user_in table {
	width: 80%;
    margin: 0 auto;
}
.user_in table th {
	font-weight:500;
	padding: 0;
    vertical-align: bottom;
	color: #AAA;
    text-transform: uppercase;
}
.user_in table td {
	font-size: 20px;
    color: var(--pos-color);
	vertical-align: top;
    padding: 0;
}



.addsum {
	margin: 14px 15px 0px 15px;
	display:none;
}
.addsum input {
	border: solid 1px #DDD;
    padding: 10px;
    width: 100%;
    border-radius: 4px;
	color:#FFF;
}
.addsum input:focus {/*
	outline: solid 1px red;*/
	border: solid 1px #575748;
}
.addsum div.check {
	position: absolute;
    right: 22px;
    margin-top: 7px;
	cursor:pointer;
}
.addsum div.check i {
	font-size:25px;
	color: chartreuse;
}
.addsum div.numb {
	font-size: 20px;
    color: black;
    width: 150px;
    height: 39px;
    line-height: 39px;
    border: solid 1px transparent;
    position: absolute;
	padding-left:10px;
}



.md .notification-icon {
    background-color:var(--pos-color);
	padding: 5px;
	border-radius:50%;
	color:#FFF;
}

.page-stock .stepper .stepper-input-wrap input {
	font-size: 20px;
	color: #444;
}








#shininglight {}
#shininglight .sh-all {
	font-family:'Helvetica Neue','Helvetica',Helvetica,Arial,sans-serif; 
	background-color:#F5F5F5; 
	margin:0px; 
	padding:0px; 
	padding:20px 25px;
}
#shininglight .sh-all .sh-body {
	max-width:350px; 
	margin:auto; 
	margin-top:20px; 
	border:1px solid #eee; 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); 
	font-size:16px; 
	line-height:24px; 
	color:#555; 
	background-color:#FFFFFF; 
	margin-bottom:10px;
}
#shininglight .sh-all .sh-body > div {
	padding:20px;
}
#shininglight .sh-all .sh-body table {
	width:100%; 
	line-height:inherit; 
	text-align: left;
}
.sh-footer {
	max-width:350px; 
	margin:0 auto; 
	color:#000; 
	text-align:center; 
	padding:20px 0;
}
.sh-head1 {
	padding-bottom:20px;
}
.sh-head1 td {
	text-align:center; 
	font-weight:bold; 
	font-size:18px; 
	border-bottom:solid 1px #555; 
	padding:5px; 
	padding-bottom:18px; 
	vertical-align:top;
}
.sh-head3 td {
	background: #eee;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	color: #c5c5c5;
	padding: 5px;
	vertical-align: top;
}
.sh-head3 td:nth-child(2) {
	text-align: right;
}
.sh-total {
	font-weight: bold;
}
.sh-total td {
	padding: 5px; 
	vertical-align: top;
}
.sh-total td:nth-child(2) {
	text-align:right; 
	border-top:2px solid #eee;
}
.sh-loop .art0 {
	padding:5px; 
	vertical-align:top; 
	border-bottom:1px solid #eee;
}
.sh-loop .art0 div {
	font-size: 12px; 
	color: #AAA; 
	margin-top: 1px; 
	line-height: initial;
}
.sh-loop .prc0 {
	text-align: right; 
	padding: 5px; 
	vertical-align: top; 
	border-bottom: 1px solid #eee;
}
.sh-inv1 {
	padding:5px;
	vertical-align:top;
}
.sh-inv2 {
	padding: 5px; 
	padding-bottom: 10px; 
	vertical-align: top;
}














.popupmsg.on-top {
    padding: 0 !important;
	height: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)) !important;
	line-height: calc(var(--f7-navbar-height) + calc(2 * var(--f7-safe-area-top))) !important;
}


.f7-icons.rmz {
	position: absolute;
    color: #FFF;
    margin: 2px 0 0 9px;
}

.f7-icons.qrmobile {
	cursor:pointer;
}

.input_remise {
	border: solid 2px #F5F5F5 !important;
	width: 100%;
	padding: 12px 15px !important;
	margin-bottom:10px !important;
}



.data-table td.checkbox-cell:first-child, .data-table th.checkbox-cell:first-child {
    padding-left:12px
}

.access-rights table tbody tr:active {
	background-color: antiquewhite !important;
}

.qr_block {
	position: absolute;
    z-index: 9999999999;
    width: 100%;
    height: 100vh;
    background-color: #FFF;
}

.bgblock {
	background-color: #EFF0F4;
    border-radius: 20px;
    padding: 10px;
    width: 85%;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}
.bgblock .bgblock-title {
	font-weight:bold;
	font-size:20px;
	margin: 7px 0;
}
.bgblock .bgblock-description {
	color: #949494;
}


.qr_big_square {
	width: 250px;
    height: 250px;
    border: solid 0 #000;
    margin: 0 auto;
    margin-top: 50px;
	text-align:center;
}
.qr_big_square .qr_square_1 {
	position:absolute;
	width:30px;
	height:30px;
	border:solid 3px var(--pos-color);
	border-right:0;
	border-bottom:0;
}
.qr_big_square .qr_square_2 {
	position:absolute;
	width:30px;
	height:30px;
	border:solid 3px var(--pos-color);
	margin-left: calc(250px - 30px);
	border-left:0;
	border-bottom:0;
}
.qr_big_square .qr_square_3 {
	position:absolute;
	width:30px;
	height:30px;
	border:solid 3px var(--pos-color);
	margin-top: calc(250px - 30px);
	border-right:0;
	border-top:0;
}
.qr_big_square .qr_square_4 {
	position:absolute;
	width:30px;
	height:30px;
	border:solid 3px var(--pos-color);
	margin-top: calc(250px - 30px);
	margin-left: calc(250px - 30px);
	border-left:0;
	border-top:0;
}
.qr_close_btn {
	width: fit-content;
    padding: 10px 35px;
    background-color: var(--pos-color);
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 20px;
    color: #FFF;
	cursor:pointer;
}


.list ul.no_line:before {
	height:0;
}
.list ul.no_line_after:after {
	height:0;
}

.num_code_pad {
	list-style-type:none !important;
	margin-top: 25px !important;
	padding-left: 0 !important;
}
.num_code_pad li {
	display: inline-block;
    border: solid 2px #e7e5e5ba;
    padding: 10px 15px;
    margin-right: 5px;
    border-radius: 10px;
    color: var(--pos-color);
    font-size: 20px;
	cursor:pointer;
}

.num_code_pad_2 {
	list-style-type:none !important;
	margin-top: 5px !important;
	margin-bottom: 25px !important;
	padding-left: 0 !important;
}
.num_code_pad_2 li {
	display: inline-block;
    border: solid 2px #e7e5e5ba;
    padding: 10px 15px;
    margin-right: 5px;
    border-radius: 10px;
    color: var(--pos-color);
    font-size: 20px;
	cursor:pointer;
}
.num_code_pad_2 li input {
	color: var(--pos-color) !important;
	width: 20px !important;
    font-size: 20px !important;
	text-align:center;
}



.code_code {
	position: absolute !important;
    margin-top: -20px;
    font-size: 9px !important;
    color: #555 !important;
}

.att_panier_vide {
	border:solid 0px red;
	margin:15px 15px;
}
.att_panier_vide .excl {
	width: 40px;
    height: 40px;
    background-color: #ffe3d0;
    border-radius: 50%;
    margin: 0 auto;
}
.att_panier_vide .excl > div {
	font-size:25px;
}
.att_panier_vide span {
	display:block;
	text-transform:uppercase;
	margin: 15px 0 5px 0;
	font-weight:bold;
}

.openreclnk.tzop {
	right: 0;
	color: brown;
	font-size: 14px;
	position: absolute;
	text-decoration: underline;
	z-index: 9999999999;
	margin-top:15px;
	background-color: #000;
	/*padding: 20px;*/
	width: 40px;
	height: 40px;
	line-height:42px;
	border-radius: 50%;
	cursor:pointer;
	color:#efe6e6;
	margin-right:5px;
	margin-right:10px;
	text-align:center;
}

.ticket_time {
	font-size:12px; 
	position:absolute; 
	margin-top:18px; 
	right:20px; 
}

.fab-catalog {
	position:fixed; 
	bottom:90px; 
	right:46px;
}

.fab-catalog .plus-btn {
	background-color: var(--pos-color) !important; 
	position: fixed; 
	bottom: 30px; 
	right: 18px;
}

.numericTab {
	margin:0 auto;
	margin-top: 20px;
	border-collapse: collapse;
}
.numericTab tr td {
	border:solid 1px #EEE;
}
.numericTab tr td div {
	width:160px;
	height: 70px;
	line-height: 70px;
    font-size: 28px;
}
.numericTab tr td div span {
	cursor:pointer;
	color:#777;
}
.numericTab tr td div span .f7-icons {
	color:var(--pos-color)
}

.nb-viz {
	float:right
}
.nb-viz span {
	background-color:#BCBCBC;
}

/* Base : rend l’image neutre puis applique une teinte */
.tint { filter: grayscale(1) sepia(1) saturate(600%) brightness(1); }

/* Variantes (approximations proches du Material palette) */
.tint--grey   { background-color: #CCC; }

/* #F44236 ~ Red */
.tint--red    { filter: invert(27%) sepia(96%) saturate(7486%) hue-rotate(357deg) brightness(92%) contrast(107%); background-color:#F44236 ; }

/* #EA1E63 ~ Pink */
.tint--pink   { filter: invert(29%) sepia(91%) saturate(6212%) hue-rotate(325deg) brightness(85%) contrast(108%); background-color:#EA1E63 ; }

/* #FF9700 ~ Amber */
.tint--amber  { filter: invert(53%) sepia(95%) saturate(4896%) hue-rotate(19deg) brightness(97%) contrast(103%); background-color:#FF9700 ; }

/* #CDDC39 ~ Lime */
.tint--lime   { filter: invert(70%) sepia(48%) saturate(3124%) hue-rotate(67deg) brightness(95%) contrast(102%); background-color:#CDDC39 ; }

/* #4CB050 ~ Green */
.tint--green  { filter: invert(48%) sepia(59%) saturate(3871%) hue-rotate(118deg) brightness(90%) contrast(105%); background-color:#4CB050 ; }

/* #438AFE ~ Blue */
.tint--blue   { filter: invert(46%) sepia(74%) saturate(5023%) hue-rotate(213deg) brightness(88%) contrast(104%); background-color:#438AFE ; }

/* #9C28B1 ~ Purple */
.tint--purple { filter: invert(30%) sepia(87%) saturate(6721%) hue-rotate(282deg) brightness(82%) contrast(109%); background-color:#9C28B1 ; }

/* Pour retirer la teinte si besoin */
.tint--none   { filter: invert(86%) sepia(0%) saturate(0%) hue-rotate(179deg) brightness(92%) contrast(88%); background-color:#C3C3C3 ; opacity: 0.3; }


.bom {
	margin: 0 15px 0 15px !important; 
    padding: 0 !important;
}
.bom li {
	margin: 0;
    padding: 0;
	display: inline-block;/*
	background-color: #F00;*/
    margin-right: -5px;
}
.bom li div {
	width: 37px;
	height: 30px;
	cursor: pointer; 
}
.bom li div img {
	width:100%;
}

.tab-counter {
	margin:0 auto;
	margin-bottom:10px;
}
.tab-counter tr {
	
}
.tab-counter tr td {
	width: 40px;
	font-size: 20px;
	text-align: center;
}
.tab-counter tr td div.plus,
.tab-counter tr td div.minus {
	cursor:pointer;
	cursor: pointer;
    width: 35px;
    height: 35px;
    background-color: #df8e3b;
    background-color: #000000;
    border-radius: 50%;
    color: #FFF;
}
.tab-counter tr td div.nmbus {
	
}


.tero {
	background-color: #000;
	border-radius: 4px;
	font-size: 12px;
	padding: 0 5px;
	color: #FFF;
}
.hl-right {
	position:absolute;
	right:15px;
}



































































/*Size : 797*/
/* ALL TABLETs */
@media only screen and (min-width: 797px) {
	.ticket_time {
        right: auto;
        left: auto;
        width: 35px;
        text-align: right;
        margin-left: 365px;
	}
	.list .item-title-row .item-after {
		margin-right: 50px;
	}
	.pos-articles li .item-title {
		font-size: 18px;
	}
	.sendymail .sbtnd {
		margin-left: 415px;
		right: auto;
	}
	.sendymail div.material-icons {
		left: auto;
		margin-left: -220px;
	}
	.page.page-page2 .block-strong:before {
		height: 0;
	}
	.cxi {
		right: auto;
		margin-left: 540px;
	}
	.identcl div.material-icons {
		right: auto;
		margin-left: 405px;
	}
}
/* SMALL TABLETs */
@media only screen and (min-width: 797px) and (max-width: 1128px) {
	.pos-articles li .item-after {
		font-size: 18px;
	}
	.pos-category-list .row > div {
		font-size: 20px;
	}
	.panel-right {
		max-width:250px; !important;
	}
	.fab-catalog {
		right: 304px;
	}
	.fab-catalog .plus-btn {
		right: 275px;
	}
	.sisearch {
		width: calc(100% - 250px) !important;
	}
}
/* BIG TABLETs */
@media only screen and (min-width: 1128px) {
	.pos-articles li .item-after {
		font-size: 20px;
	}
	.pos-category-list .row > div {
		font-size: 24px;
	}
	.fab-catalog {
		right: 374px;
	}
	.fab-catalog .plus-btn {
		right: 345px;
	}
	.sisearch {
		width: calc(100% - 320px) !important;
	}
}