/* Reset 004 */
html, body {
	height: 100%;
}

.select-text {
	user-select: text!important;
}

.bar.nav-e-state,
.nav-e-state > .nav-bar-block .bar.bar-header {
	background-color: #ee3a3a !important;
}

.light-weight {
	font-weight: 200;
}

.inline-block {
	display: inline-block;
}

.e-state {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 35px;
	height: 24px;
}

	.e-state img {
		width: 100%;
		height: 100%;
		background-color: transparent;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.e-state span.added {
		font-size: 10px;
		font-weight: 300;
		line-height: 7px;
		position: absolute;
		bottom: 0;
	}

.inedit-bar {
	height: 4px;
	width: 100%;
	background: #FDC836;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 100;
}

.bg-mid {
	background-color: #eee;
}

input[readonly]:not(.cloned-text-input) {
	background-color: transparent;
}

.popover.popover-5rows {
	height: 300px;
}

/* MARKS */
.mark-complete, .mark-assertive {
	display: block;
	border-radius: 10px;
	height: 5px;
	width: 30px;
}

.mark-complete {
	background: #2fcc61;
}

.mark-assertive {
	background: #ee473a;
}

.required-mark {
	font-weight: bold;
	color: #cc0000;
}

.color-warning {
	color: rgba(253, 200, 54, 1);
}

.w-50 { width: 50px; }
.w-60 { width: 60px; }
.w-70 { width: 70px; }
.w-80 { width: 80px; }
.w-90 { width: 90px; }
.w-100 { width: 100px; }

.three-col-last {
	width: 34%;
}

.view-main {
	background: transparent url(../skin/images/bg.jpg) no-repeat 0 0 fixed;
	background-size: cover;
}

	.view-main .y-scrollable {
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
	}

	.view-main .simple-footer {
		display: flex;
		align-items: flex-end;
		height: auto;
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 9;
		user-select: none;
		padding: 10px 0 0 0;
	}

		.view-main .simple-footer .simple-footer-left {
			flex: 1;
			text-align: left;
			padding: 0;
		}

		.view-main .simple-footer .simple-footer-right {
			flex: 1;
			text-align: right;
			padding: 0;
		}

.middle-wrapper-outer {
	display: table;
	height: 100%;
	width: 100%;
}

.middle-wrapper {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.pane, .menu, .view, .list, .item {
	background-color: rgba(0,0,0,0);
}

.item-complex.item-complex-clear {
	margin: 0px;
	padding: 0px;
	border: none;
}

	.item-complex.item-complex-clear .item-content {
		padding: 0;
		border: none;
		background-color: transparent;
	}

.bar.bar-dark {
	background-color: black;
}

.dark {
	background-color: rgba(33,33,33,1);
	color: white;
}

	.dark .item-divider {
		background-color: rgba(66, 66,66,1);
		color: white;
	}

	.dark .item {
		border-color: #333333;
	}

.clearfix:after,
.clearfix:before {
	clear: both;
	content: "";
	display: table;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.margin-bottom {
	margin-bottom: 10px;
}

.margin-l { margin-left: 10px; }
.margin-r { margin-right: 10px; }

.margin-l-sml { margin-left: 5px; }
.margin-r-sml { margin-right: 5px; }

.ucfirst {
	text-transform: capitalize;
}

.inner-warning {
	color: white;
	font-size: 16px;
	width: 100%;
	font-style: italic;
	text-align: center;
}

.item-complex.activated .item-content, .item.activated.item-complex > .item-content {
	border-color: rgba(0,0,0,.8);
	background-color: rgba(0,0,0,.8);
}

.item.activated.item-complex > .item-content {
	border-color: transparent;
	background-color: transparent;
}

a {
	text-decoration: none;
}

.item-no-padding .row, .item-no-padding .col {
	padding: 0;
}

.row-no-padding .row {
	padding: 0;
}

.f-right {
	float: right;
}

.f-left {
	float: left;
}

.h-center {
	text-align: center;
}

.h-right {
	text-align: right;
}

input.h-right {
	padding-right: 16px;
}

.opacity-50 {
	opacity: .5;
}

.opacity-30 {
	opacity: .3;
}

.opacity-20 {
	opacity: .2;
}

.mt-10 { margin-top: 10px !important; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mb-10 { margin-bottom: 10px !important; }

.no-border {
	border: 0;
}

.p-10 { padding: 10px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pl-10 { padding-left: 10px; }


.t-1 { font-size: 20px; }
.t-2 { font-size: 16px; }
.t-3 { font-size: 14px; }

.m-10 { margin: 10px !important; }

.ucase { text-transform: uppercase; }

input.ucase::placeholder {
	text-transform: none;
}

.bold {
	font-weight: 600!important;
}
.mid-bold {
	font-weight: 400;
}

.single-line-text {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}

input[type="phone"] {
	border: 0;
	display: block;
	padding-top: 2px;
	padding-left: 0;
	height: 34px;
	color: #111;
	vertical-align: middle;
	font-size: 14px;
	line-height: 16px;
}

.scroll-indicator-large .scroll-bar-indicator {
	border-radius: 6px;
}

.scroll-indicator-large.scroll-indicator-light .scroll-bar-indicator {
	background: rgba(255, 255, 255, 0.5);
}



/* Login */
.login-block {
	display: inline-block;
	text-align: left;
}

.login-head {
	display: inline-block;
	padding: 0 14px;
}

	.login-head h1 {
		color: white;
		font-size: 30px;
		line-height: 30px;
		font-weight: 200;
		padding-top: 7px;
	}

	.login-head h2 {
		color: white;
		font-size: 12px;
		line-height: 12px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: right;
	}

/* AU-List */
.au-list {
}

	.au-list .list {
		padding-bottom: 0;
	}

.au-item .item {
	border: 0;
}

.au-item {
	margin: 0 0 1px 0;
	border: 0; 
}

	.au-item .item-options .button {
		min-width: 70px;
	}

		.au-item .item-options .button au-t {
			text-align: center;
			width: 100%;
		}

	.au-item .item-content {
		padding: 0;
		background: none;
	}

	.au-item.au-item-expanded {
		margin: 0 0 10px 0;
	}

.au-list .au-item:last-child {
	margin-bottom: 0 !important;
}

.au-item.au-item-bordered {
	border-bottom: 1px solid #ddd;
}

.au-item-dark {
	background: rgba(0,0,0,.8);
	color: white;
}

.au-item-mid {
	background: rgba(102,102,102,.9);
	color: white;
}

.au-item-light {
	background: rgba(255,255,255,.9);
	color: #333;
}

.au-item-input {
	background: #fff;
	padding: 16px;
}

.au-item.au-item-big {
	font-size: 24px;
	overflow: hidden;
	line-height: 20px;
	font-weight: 300;
	padding: 23px;
}

.au-item .button.button-block {
	margin: 0;
}

.item.item-flat {
	padding: 0;
	border: 0;
}

.au-item-group {
	background: rgba(0,0,0,.8);
	padding: 4px 10px;
	font-size: 14px;
	color: white;
	margin-top: 10px;
	display: inline-block;
}

.au-sub-item .au-row-dark {
	background: rgba(50,50,50,.8);
}

.au-sub-item-last {
	margin-bottom: 10px;
}

/* Normalize */
.normalize .item-checkbox {
	padding: 16px 0;
	border: none;
}

	.normalize .item-checkbox.assertive input:checked + .checkbox-icon:before {
		background: #ef473a;
		border-color: #ef473a;
	}

.item-checkbox.item-disabled {
	font-style: italic;
	background: #eee;
	color: #666;
}

.item-checkbox.item-disabled .checkbox input:disabled + .checkbox-icon:before {
	border-color: #eee!important;
}

.normalize .au-row {
	height: auto;
	line-height: normal;
}

	.normalize .au-row .col {
		margin: 0;
		padding: 5px;
		font-size: 16px;
		font-weight: 300;
	}

/* AU-Styles */
.au-content-right {
	text-align: right;
}

.au-row .row.row-full-height,
.au-row {
	height: 64px;
	line-height: 64px;
}

.row.row-full-height {
	padding-top: 0px;
	padding-bottom: 0px;
}

.au-row .au-col-custom {
	line-height: normal;
}

.au-row .row {
	line-height: normal;
}

.item.au-row-big,
.item.au-row {
	border: 0;
	padding: 0;
}

.au-row .col {
	margin: 0;
	padding: 0px 10px;
	font-size: 20px;
	position: relative;
}

.au-row .dyncol {
	font-size: 20px;
	font-weight: 300;
	position: relative;
}

.au-row .col.padding-top {
	padding-top: 10px;
}

.au-row .col .result-item-label {
	padding-left: 10px;
	padding-right: 10px;
}

.au-row.au-row-big,
.au-row-big {
	height: 84px;
	line-height: 84px;
}

.au-row-dark,
.row.au-row-dark {
	background: rgba(0,0,0,.8);
	margin: 0 0 1px 0;
	color: white;
}

	.au-row-dark.au-row-secondary {
		margin: -1px 0 1px;
		padding: 5px 15px;
		font-weight: 300;
		font-size: 13px;
		color: #CCC;
	}

	.au-row-dark .item,
	.au-row-dark.item, .au-row-dark.item * {
		color: white;
	}

		.au-row-dark.item .button-light * {
			color: #444;
		}

.au-row-dark-header {
	background: rgba(0,0,0,.8);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ddd;
}

	.au-row-dark-header .item-checkbox {
		color: white;
		font-weight: 600;
	}

	.au-row-dark-header .checkbox-light {
		border-right-width: 0;
		margin-left: -10px;
	}

.row.au-row-dialog {
	font-size: 25px;
	font-weight: 200;
	line-height: 25px;
}

.item.au-row-sizelist,
.au-row-sizelist {
	white-space: nowrap;
}

.au-row-dark.au-row-noresults {
	background: rgba(0,0,0,.4);
}

.au-row-noresults .row {
	padding-top: 0;
	padding-bottom: 0;
}

.au-row-noresults .col {
	line-height: 64px;
	font-size: 20px;
}

.au-row-info,
.au-row-warning {
	background-color: rgba(255,255,255,.7);
	font-size: 12px;
}
.au-row-warning {
	color: rgb(204, 163, 50);	
}
.au-row-info {
	color: rgb(13, 145, 51);	
}

/* Search */
.result-block {
	width: 100%;
	height: 100%;
	-webkit-box-flex: 1; 
	-moz-box-flex: 1; 
	-webkit-flex: 1; 
	-ms-flex: 1; 
	flex: 1; 
	overflow: auto;
	margin-bottom: 0px;
	position: relative;
}

	.result-block .result-item {
		height: 64px;
		width: 100%;
		position: relative;
	}

		.stock-label-formatted h2,
		.result-block .result-item h2 {
			color: white;
			font-size: 14px;
			line-height: 14px;
			font-weight: 300;
			position: absolute;
			top: 14px;
			left: 14px;
		}

		.stock-label-formatted h1,
		.result-block .result-item h1 {
			color: white;
			font-size: 20px;
			line-height: 30px;
			font-weight: 300;
			position: absolute;
			top: 17px;
			left: 14px;
		}

		.result-block .result-item h3 {
			color: white;
			font-size: 20px;
			line-height: 20px;
			font-weight: 300;
			margin: 3px 0;
		}

	.result-block .descr-column {
		overflow: hidden;
		height: 64px;
		white-space: nowrap;
		margin-right: 164px;
	}

	.result-block .pic-column {
		position: absolute;
		top: 0;
		right: 100px;
		background: white;
		width: 64px;
		height: 64px;
	}

		.result-block .pic-column img {
			width: 64px;
			height: 64px;
		}

	.result-block .price-column {
		position: absolute;
		width: 100px;
		top: 0;
		right: 0;
		font-size: 16px;
		line-height: 64px;
		font-weight: 300;
		text-align: right;
		padding: 0 14px;
	}

.result-item-label {
	top: 18px;
	left: 0;
	position: absolute;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 200;
}

	.result-item-label.label-right-padding {
		top: 18px;
		right: 10px;
		position: absolute;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 200;
	}

.result-item-label_2 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 200;
	display: block;
	margin-top: -3px;
}

.result-item-col {
	line-height: 32px;
	position: relative;
	height: 100%;
	font-size: 25px;
	font-weight: 200;
}

.search-product-scroll {
	position: absolute;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-box-flex: 1; 
	-moz-box-flex: 1;
	-webkit-flex: 1; 
	-ms-flex: 1; 
	flex: 1; 
}

.search-product-content {
	display: -webkit-flex; 
	display: flex; 
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.multiple-size-price {
	font-style: italic;
}

/* Docs */
.doc-num-block {
	float: left;
	width: 160px;
}

.doc-depp-block {
	float: left;
	width: 110px;
}

.doc-date-block {
	float: left;
	width: 160px;
}

.doc-user-block, .doc-customer-block {
	float: left;
}

	.doc-customer-block .row {
		padding: 0;
	}

		.doc-customer-block .row .col {
			padding: 0;
		}

.doc-note-block {
	width: 60%;
    position: absolute;
    bottom: 7px;
    left: 10px;
    line-height: 12px;
    font-size: 12px;
    text-overflow: ellipsis;
    font-weight: 300;
    overflow: hidden;
}

.doc-qty-block {
	float: right;
	width: 50px;
}

.doc-value-block {
	float: right;
	width: 70px;
	text-align: right;
}

/* Showroom */
.showroom {
}

	.showroom .product {
		width: 50%;
		top: 0;
		left: 0;
		position: absolute;
		z-index: 10;
		background: rgba(255,255,255,.9);
		display: flex;
		flex-direction: column;
		height: 100%;
	}

		.showroom .product .product-img {
			background: white;
			flex-grow: 1;
			background-repeat: no-repeat;
			background-size: contain;
			background-position-x: 50%;
		}

			.showroom .product .product-img img {
				width: 100%;
				height: auto;
			}

	.showroom .related {
		padding: 0px 0 0 1px;
		height: calc(100% - 70px);
		width: 50%;
		overflow-y: auto;
		margin-left: 50%;
	}

	.showroom .related-block {
		margin-bottom: 1px;
		position: relative;
	}

	.showroom .related-title {
		background: rgba(0,0,0,.8);
		font-weight: 200;
		font-size: 32px;
		line-height: 64px;
		color: white;
		padding: 0px 5px;
		margin: 0;
	}

	.showroom .related-products .item {
	}

		.showroom .related-products .item img {
			background: white url('../skin/images/NoImage84x84.jpg') no-repeat 0 0;
			width: 84px;
			height: 84px;
		}

img {
	background: white;
}

.showroom .related-products {
}

.product-legend {
	background: rgba(0,0,0,.8);
	color: white;
	padding: 5px 10px;
	cursor: pointer;
}

	.product-legend * {
		color: white;
	}


/* ProductDetail */
.product-detail {
	background: rgba(0,0,0,.8);
	margin-bottom: 1px; /* height: 200px; */
	position: relative;
	min-height: 200px;
}

	.product-detail .product-img {
		display: block;
		background: white;
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.product-detail .product-data {
		display: inline-block;
		margin: 7px;
		vertical-align: top;
		margin-left: 208px;
	}

		.product-detail .product-data h1 {
			font-size: 48px;
			font-weight: 100;
			color: white;
		}

		.product-detail .product-data h2 {
			font-size: 20px;
			font-weight: 300;
			color: white;
		}

.product-detail-price {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
	font-size: 18px;
	color: white;
	font-weight: 300;
}

.product-detail-codes {
	position: absolute;
	bottom: 0;
	left: 200px;
	padding: 10px;
}

.product-stock {
	background: rgba(0,0,0,.8);
	color: white;
	overflow-y: hidden;
	margin-bottom: 1px;
	padding-left: 10px;
	width: 100%;
	overflow-x: scroll;
}

	.product-stock .size-list .stock-item {
		margin-bottom: 1px;
		padding: 0px;
	}

.stock-buttons-container {
	text-align: left;
	padding: 9px 1px 10px 0;
}

table.size-list {
	margin-left: -10px;
}

.size-list li.size-item {
	float: left;
}

.size-list .size-item-outer {
	width: 65px;
	height: 64px;
	vertical-align: top;
	text-align: center;
}

.size-list .size-item {
	width: 56px;
	height: 64px;
	display: inline-block;
}

	.size-list .size-item .size-link,
	.size-list .size-item a {
		background: transparent url(../img/bg_size.svg) no-repeat 4px 7px;
		background-size: 48px 48px;
		color: #333;
		line-height: 64px;
		font-weight: 300;
		display: block;
		text-align: center;
		width: 56px;
		height: 64px;
	}

.size-list .stock-label {
	padding-bottom: 1px;
	display: table;
	width: 100%;
}

	.size-list .stock-label .stock-label-inner {
		background: rgba(255,255,255,.1);
		font-size: 18px;
		padding: 0px 10px;
		height: 64px;
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		overflow: auto;
	}

div.size-list div.size-list-item {
	display: inline-block;
}

div.size-list {
	white-space: nowrap;
}

div.stock-label.stock-label-multiline p {
	font-size: 16px;
	line-height: 18px;
	padding-top: 12px;
}

div.stock-label {
	width: 220px;
	display: inline-block;
	text-transform: uppercase;
	padding: 0 0 0 10px;
}

.stock-item-outer {
	width: 65px; 
	vertical-align: top;
}

div.stock-item-outer {
	display: inline-block;
}

.stock-item-outer .stock-item {
	background: rgba(255,255,255,.9);
	color: #333;
	font-size: 18px;
	line-height: 64px;
	font-weight: 300;
	text-align: center;
	width: 64px;
	margin-right: 1px;
}

.stock-item-outer.stock-item-outer-neg .stock-item {
	font-style: italic;
	background: rgba(255,255,255,.7);
}

.detail-buttons {
	margin-top: 0px;
	text-align: right;
}

.float-box {
	margin: 0px;
}

	.float-box:after,
	.float-box:before {
		clear: both;
		content: "";
		display: table;
	}

.float-box-left {
	float: left;
}

.float-box-right {
	float: right;
}

/* Cart header */
.cart-header {
	margin-top: 1px;
	margin-bottom: 9px;
	flex: 0;
}

	.trp-header .flex-item,
	.cart-header .flex-item {
		height: 64px;
		overflow: hidden;
	}

.trp-header .flex-item.flex-item-expanded {
	height: auto;
	overflow: auto;
}

.footer-items .flex-item-inner {
	height: 84px;
	overflow: hidden;
}


	.trp-header .flex-item h2, .trp-header .flex-item-inner h2, .flex-item h2,
	.cart-header .flex-item h2, .footer-items .flex-item-inner h2 {
		font-size: 14px;
		color: white;
		text-transform: uppercase;
		margin-bottom: 3px;
		font-weight: 800;
	}

	.footer-items .flex-item-inner h2 {
		color: #444;
		margin-bottom: 5px;
	}

	.trp-header .flex-item .row,
	.trp-header .flex-item .col,
	.cart-header .flex-item .row,
	.cart-header .flex-item .col,
	.footer-items .flex-item-inner .row,
	.footer-items .flex-item-inner .col {
		padding: 0;
		margin: 0;
	}

	.trp-header .flex-item .col,
	.trp-header .flex-item p, .flex-item p,
	.trp-header .flex-item-inner P,
	.cart-header .flex-item .col,
	.cart-header .flex-item p,
	.footer-items .flex-item-inner .col,
	.footer-items .flex-item-inner p {
		font-weight: 200;
		font-size: 22px;
		line-height: 22px;
	}


	.trp-header .flex-item.flex-item-expanded p, .flex-item.flex-item-expanded p,
	.trp-header .flex-item-expanded .flex-item-inner p {
		font-weight: 300;
		font-size: 14px;
		line-height: 18px;
	}

.trp-header .flex-item.flex-item-dyn {
	height: auto;
	min-height: 64px;
}

.header-item-remove button {
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 5px 10px;
	border: 0;
	background: rgba(255,255,255,.9);
	font-size: 12px;
	line-height: 12px;
}

.cart-header .flex-item p.header-item-textml {
	font-size: 16px;
	line-height: 16px;
}

.scroll-item {overflow: hidden;}

.fixed-title {
	position: sticky;
	left: 0;
}

/* Cart */

.cart-title div {
	display: inline;
}

.cart-title .row {
	display: inline;
	padding: 0;
	flex: none;
}

.cart-title .col {
	display: inline;
	padding: 0;
	flex: none;
}

.cart-rows-small.scroll-view.scroll-y {
	overflow-y: hidden;
}

.cart-content {
	display: -webkit-flex; 
	display: flex; 
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.cart-body {
	-webkit-box-flex: 1; 
	-moz-box-flex: 1;
	-webkit-flex: 1; 
	-ms-flex: 1;
	flex: 1; 
	overflow: auto;
	margin-bottom: 75px;
	position: relative;
}

.cart-body-fixed {
	overflow-y: hidden;
}

.cart-body-small {
	flex-grow: 1;
	overflow: hidden;
}

.cart-add-icon {
	float: left;
	width: 64px;
	height: 64px;
	margin: 0 1px 0 0;
	background: rgba(0,0,0,.7) url('../skin/images/arrow_right_icon.svg') no-repeat left top;
}

.cart-add-item {
	float: left;
	margin: 0 1px 0 0;
}

.mq-scroll-wrapper {
	height: 100%;
	overflow-y: hidden!important;
}

.cart-footer-right {
	position: fixed;
	bottom: 0;
	right: 0;
	height: 64px; 
}

	.cart-footer-right .btn-toolbar {
		margin-left: 1px;
	}

.cart-footer-left {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 64px;
	width: 100%;
}

.cart-total-block {
	height: 64px;
	padding: 0;
	font-size: 32px;
	line-height: 64px;
	background: transparent;
	font-weight: 100;
	color: #FFF;
	display: flex;
	margin: 0;
}

.cart-total-block-labeled .cart-total {
	position: relative;
	min-width: 148px;
	text-align: right;
	font-size: 28px;
}

.cart-total-block-labeled label {
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	top: 6px;
	left: 7px;
	white-space: nowrap;
}

.cart-total {
	display: inline-block;
	padding: 0 24px;
	background: rgba(0,0,0,.8);
	margin: 0 0 0 1px;
	height: 64px;
	font-size: 32px;
	line-height: 64px;
	font-weight: 100;
	color: #FFF;
}

.flex-cart-totals {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

	.flex-cart-totals label {
		position: absolute;
		font-size: 12px;
		line-height: 12px;
		text-transform: uppercase;
		top: 6px;
		left: 7px;
	}

	.flex-cart-totals .cart-total {
		display: block;
		margin-right: 1px;
		margin-left: 0;
		flex-grow: 1;
		flex-basis: 0;
		position: relative;
		text-align: right;
		font-size: 22px;
		padding: 30px 8px 8px 10px;
		line-height: normal;
		height: auto;
	}

	.flex-cart-totals.flex-cart-totals-sm {
		flex-shrink: 0;
	}

		.flex-cart-totals.flex-cart-totals-sm .cart-total {
			font-size: 18px;
			padding: 24px 8px 8px 10px;
			height: 54px;
		}

	.flex-cart-totals .cart-total.cart-total-last {
		margin-right: 0;
	}

.float-box-left .cart-total {
	display: inline-block;
	padding: 0 24px;
	background: rgba(0,0,0,.8);
	margin: 0 1px 0 0;
}

.cart-payment-button {
	margin: 0 1px 0 0;
}

.cart-rows-block {
	overflow: auto;
	box-sizing: border-box;
}

.cart-spacer {
	display: none;
}

.cart-rows {
	margin-top: 10px;
}

.cart-row {
	margin-bottom: 1px;
}

	.cart-row .row-item {
		height: 84px;
	}

.sub-cart-row {
	margin-bottom: 10px;
	background: rgba(0,0,0,.5);
	padding: 10px;
	display: flex;
	justify-content: flex-end;
	border: 0;
	margin: 1px 0 10px 0;
}

	.sub-cart-row.sub-cart-row-left {
		justify-content: flex-start;
	}

	.sub-cart-row .sub-row-price {
		width: 200px;
		height: 64px;
		margin-right: 10px;
		text-align: left;
	}

	.sub-cart-row .sub-row-vat {
		width: 280px;
		height: 64px;
		margin-right: 10px;
		text-align: left;
	}

	.sub-cart-row .sub-row-discount-type {
		margin-right: 1px;
	}

	.sub-cart-row .sub-row-discount {
		width: 150px;
		height: 64px;
		margin-right: 10px;
		text-align: left;
	}

	.sub-cart-row .cond-column {
		font-weight: 300;
		padding: 7px 15px;
		text-align: right;
		max-width: 250px;
		width: 100%;
	}

	.sub-cart-row .sub-row-button {
	}

.sub-row-price label, .sub-row-vat label, .sub-row-discount label {
	height: 64px;
	padding-left: 10px;
}

.cart-row-tax {
	position: absolute;
	color: white;
	z-index: 100;
	bottom: 8px;
	right: 14px;
	line-height: 12px;
	font-size: 12px;
	font-weight: 300;
}

.cart-multisize {
	height: 64px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
}

.cart-multisize-size {
	padding: 6px;
	background: white;
	color: black !important;
	border-radius: 20px;
	text-align: center;
	margin: 5px 10px;
	font-size: 14px;
}

.cart-multisize-qty {
	padding: 0 8px;
}

.cart-stock {
	overflow-x: auto;
	padding-left: 10px;
}

.row-item {
	width: 100%;
	background: rgba(0,0,0,.8);
	color: white;
	cursor: pointer;
	overflow-y: auto; /* padding: 5px; */
}

	.row-item h2 {
		font-size: 14px;
		line-height: 16px;
		font-weight: 300;
		margin-bottom: 2px;
		color: white;
		margin-top: 13px;
	}

	.row-item h1 {
/*		font-size: 24px;
		font-weight: 100;
		color: white;
		line-height: 26px;
*/
		font-size: 19px;
		font-weight: 200;
		color: white;
		line-height: 21px;
		white-space: normal;
		margin-top: 5px;
	}

	.row-item .descr-column {
		float: left;
		padding: 0 14px;
	}

	.row-item .size-column {
		float: right; /*width: 60px;*/
	}

	.row-item .opercond-column {
		float: right;
	}

	.row-item .pic-column {
		float: right;
		background: white;
	}

		.row-item .pic-column img {
			width: 84px;
			height: 84px;
		}

	.row-item .price-column {
		float: right;
		font-size: 24px;
		line-height: 84px;
		font-weight: 100;
		text-align: right;
		padding: 0 14px;
	}

	.row-item .qty-column {
		float: right;
		font-size: 24px;
		line-height: 84px;
		font-weight: 100;
		text-align: left;
		padding: 0 14px;
	}

	.row-item .prc-column {
		float: left;
		font-size: 24px;
		line-height: 84px;
		font-weight: 100;
		text-align: left;
		padding: 0 14px;
	}

	.row-item .discount-column {
		float: right; /*width: 100px;*/
		font-size: 24px;
		line-height: 84px;
		font-weight: 100;
		text-align: right;
		padding: 0 14px;
	}

	.flex-flat-item .size-link,
	.row-item .size-column .size-link {
		padding: 5px;
		border-radius: 20px;
		background: rgba(255,255,255,.9);
		color: #333;
		font-size: 20px;
		line-height: 24px;
		font-weight: 300;
		min-width: 35px;
		display: inline-block;
		text-align: center;
		min-height: 24px;
		margin-right: 12px;
		margin-top: 24px;
	}

.row-item {
	display: table;
}

	.row-item .size-column {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding-left: 14px;
	}

	.row-item .column {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		height: 84px;
	}

	.row-item .size-column .size-link.size-link-negative {
		background: rgba(255,0,0,.9);
		color: #FFF;
	}

	.row-item .size-column .size-link.size-link-warning {
		background: rgba(253, 200, 54, 1);
		color: #000;
	}

.dyncol-content {
	display: inline-block;
}

.dyncol-content-padding {
	padding-right: 30px;
}

.dyncol-content-multiline {
	padding-top: 8px;
	padding-left: 8px;
	line-height: normal;
}

.dyncol-content-custom {
	line-height: normal;
}

.dyncol-content-floatpadding {
	padding-left: 20px;
	padding-right: 10px;
}

.f-right .dyncol-content-padding {
	padding-right: 0px;
}

.cart-row-operator {
	position: absolute;
	top: 10px;
	right: 100%;
	margin-right: 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 14px;
	white-space: normal;
	text-align: right;
	width: 135px;
}

.cart-row-opercond {
	margin-right: 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 14px;
	white-space: normal;
	text-align: right;
	height: 84px;
	width: 135px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.cart-row-opercond-item {
	padding: 4px 0;
	width: 100%;
}

input.input-barcode {
	line-height: 64px;
	height: 64px;
	padding: 0 10px;
	font-size: 20px;
}

input.barcode-field {
	line-height: 34px;
	font-size: 30px;
	width: 100%;
}


/* List-combo */
.list-combo {
	position: relative;
	width: 64px;
	height: 64px;
	background: white;
	color: #333;
	font-size: 24px;
	line-height: 64px;
	text-align: center;
	cursor: pointer;
}

	.list-combo li {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		width: 64px;
		height: 64px;
		background: white;
	}

		.list-combo li.active {
			display: block;
		}

/* Modal */
.modal-textarea {
	width: 100%;
	height: 200px;
	border: 1px solid #ccc;
	resize: none;
	padding: 5px;
}

.modal-footer {
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	right: 0;
	left: 0;
	z-index: 10;
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
	border-width: 0;
	border-style: solid;
	background-size: 0;
}

.modal-ghost {
	background: transparent;
}

	.modal-ghost .title {
		display: inline-block;
		padding: 10px;
		background: black;
		font-size: 25px;
		font-weight: 300;
		line-height: 27px;
		color: white;
	}

.modal-note {
	padding: 10px;
	height: 150px;
	width: 100%;
	background-color: #eee;
}

.note-counter {
	color: white;
	padding-left: 30px;
}

.custom-note-form {
	height: calc(100% - 85px);
	margin: 10px;
	border: none;
	padding: 0;
}

.flex-item.note-counter {
	display: block;
	margin: 0;
}

/* Buttons */
.button.button-light {
	border: 0;
	background: rgba(255,255,255,.9);
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 64px;
}

	.button.button-light.button-edit {
		background: #FDC836;
		color: #333;
		font-weight: 400;
	}

button.button.button-light .icon:before {
	line-height: 63px;
}

.button.button-dark {
	border: 0;
	background: rgba(0,0,0,.8);
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 64px;
}

.button.button-midlight {
	border: 1px solid #ddd;
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #f8f8f8;
	color: #444;
	line-height: 64px;
}

	.button.button-midlight:active {
		background-color: #e5e5e5;
	}

.button.button-medium.button-dark,
.button.button-medium.button-light,
.button.button-medium.button-midlight {
	line-height: normal;
}

.button.button-balanced {
	border: 0;
	background: #33cd5f;
	border-radius: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 64px;
}

.button-toggle {
	height: 64px;
    background: rgba(255, 255, 255, .9);
    padding: 0 10px;
    font-size: 16px;
    color: #333;
}

.button-toggle-toolbar {
	float: left;
}

.button-toggle-small {
	height: auto;
}


/* Items */
.list-min {
	margin-bottom: 1px;
}

.item-input {
	background: white;
}

.item-input-fieldinfo {
	padding: 5px 0px 0 0px;
    font-size: 12px;
}

	.item-input.item-compact {
		padding-left: 10px;
	}

.item.item-input.item-dark {
	background: #666;
	border-color: #666;
	color: white;
}

label[readonly].item-floating-label {
	background-color: #f8f8f8;
}

label[readonly].item-dark.item-floating-label {
	background: #666;
	border-color: #666;
	color: white;
	cursor: not-allowed;
}

.item-input.item-checkbox {
	min-height: 71px;
}

.item-checkbox.checkbox-dyncol {
	padding-left: 32px;
}

.item.item-border-bottom {
	border-width: 0 0 1px 0;
	margin: 0;
}

.item-input-box {
	background: white;
	min-height: 71px;
	display: flex;
	padding: 6px 0 5px 16px;
	align-items: center;
	position: relative;
	overflow: hidden;
}

	.item-input-box label {
		color: #444;
		font-size: 16px;
	}

.item-input-fullwidth {
	width: 100%;
}

.item-input-group {
	border: 0;
	background: rgba(50,50,50,.8);
	color: white;
}

	.item-input-group .input-label {
		font-size: 20px;
		color: white;
	}

input.item-inline-label {
	line-height: 34px;
	display: inline-block;
}

input.item-inline-input {
	border: 1px solid #ccc;
	padding: 0 10px;
	text-align: center;
}

/* Block */
.block-title {
	display: inline-block;
	background: rgba(0,0,0,.8);
	color: white;
	font-weight: 100;
	font-size: 36px;
	padding: 7px 14px;
}

/* Input */
.input-label {
	font-size: 12px;
	font-weight: 300;
	color: #999;
}

	.input-label.input-label-big {
		font-size: 16px;
		font-weight: 400;
		color: #666;
	}

.item-floating-label.item-select .input-label {
	opacity: 1;
	top: 0px; /* padding-bottom: 36px; */
}

.item-floating-label.item-dark .input-label.has-input {
	color: #FFF;
}

.item-floating-label.item-select .input-label,
.item-floating-label .input-label.has-input {
	color: #666;
	font-size: 12px;
	font-weight: 600;
	-webkit-transition: opacity 0.15s ease-in, all 0.2s linear;
	-moz-transition: opacity 0.15s ease-in, all 0.2s linear;
	transition: opacity 0.15s ease-in, all 0.2s linear;
}

.item-floating-label.item-select select {
	position: relative;
	padding: 0;
	direction: ltr;
	line-height: 16px;
	padding-bottom: 2px;
	vertical-align: middle;
	height: 34px;
}

.item-floating-label.item-select:after {
	margin-top: 7px;
}

.google-field {
	position: relative;
}

	.google-field:after {
		content: url(../img/powered_by_google_on_white.png);
		position: absolute;
		bottom: 11px;
		right: 5px;
		opacity: 0.5;
		height: 10px;
		width: auto;
	}

.checkbox input:disabled:before,
.checkbox input:disabled + .checkbox-icon:before {
	border-color: #aaa !important;
}

.checkbox input:disabled:checked:before,
.checkbox input:disabled:checked + .checkbox-icon:before {
	background: #aaa !important;
}

.item-dark input[readonly] {
	background: #666;
	color: white;
}

.item-dark input {
	background: rgba(0,0,0,.8);
	color: white;
}

/* Scroll */
.scroll-100 .scroll {
	height: 100%;
}

/* Wizard */
.wizard-block {
	margin-top: 10px;
	display: flex;
	position: relative; /* height: 100%;*/
	align-content: stretch;
	width: 100%;
	justify-content: center;
}

	.wizard-block.wizard-block-nomargin {
		margin-top: 0;
	}

.wizard-title {
	flex-grow: 0;
	flex-basis: 40%;
	padding-top: 1px;
	margin-right: 1px;
}

.wizard-content {
	flex-grow: 0;
	flex-basis: 60%;
}

.wizard-footer {
	text-align: right;
}

.wizard-searchbar {
	display: flex;
	justify-content: flex-end;
}

.wizard-searchfield {
	flex-grow: 0;
	flex-basis: 60%;
	background: white;
}

	.wizard-searchfield input {
		height: 66px;
		padding: 0px 20px;
		width: 100%;
		font-size: 20px;
		font-weight: 200;
	}

/* Payment */
/* Colonne 336 */
.payment-box {
	display: flex;
	position: relative;
	height: 100%;
	align-content: stretch;
	width: 100%;
	justify-content: center;
}

.payment-totals .payment-change-highlight {
	background: #FDC836;
	color: black;
	font-weight: 600 !important;
}

.payment-totals .payment-toPay-highlight {
	font-weight: 600 !important;
}

.calc-table {
	width: 100%;
}

.calc-item {
	width: 33%;
}

.calc {
	width: 33%;
	margin: 0px 1px 0px 0px;
}

.calc-scroll {
	overflow-y: auto;
	margin-bottom: 84px;
	height: calc(100% - 85px);
	overflow-x: hidden;
}

.calc-display {
	margin-bottom: 1px;
	color: #fff;
	background: #666;
	height: 84px;
	font-weight: 200;
	font-size: 25px;
	line-height: 84px;
	text-align: right;
	padding: 0 16px;
}

.calc-item a {
	background: rgba(255,255,255,1);
	overflow: hidden;
	display: block;
	height: 84px;
	text-align: center;
	line-height: 84px;
	font-size: 25px;
	color: #333;
	margin: 0 1px 1px 0;
}

.calc-item.last a {
	margin: 0 0 1px 0;
}

.payment-methods {
	margin: 0px 1px 0px 0px;
	width: 33%;
}

	.payment-methods .item {
		border: 0;
		margin-bottom: 2px;
		font-size: 25px;
		font-weight: 200;
		height: 84px;
		line-height: 84px;
		padding-top: 0;
	}

	.payment-methods li.item a {
		display: block;
		background: #333;
		overflow: hidden;
		display: block;
		height: 84px;
		text-align: center;
		line-height: 84px;
		font-size: 25px;
		color: #FFF;
		margin: 0 0 1px 0;
	}

.footer-customer {
	height: 64px;
	background: rgba(0,0,0,.8);
	padding: 10px 24px;
	font-size: 32px;
	color: #FFF;
	margin-bottom: 1px;
}

	.footer-customer p {
		font-size: 13px;
		margin-bottom: 0px;
	}

	.footer-customer h3 {
		font-size: 20px;
		color: #fff;
		margin-top: 0px;
	}

	.footer-customer .row,
	.footer-customer .col {
		padding: 0;
		margin: 0;
	}

.payment-rows {
	font-size: 25px;
	overflow: hidden;
	height: 100%;
	position: relative;
	width: 34%;
}

.payment-totals {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

	.payment-totals .item {
		height: 84px;
		font-size: 25px;
		font-weight: 200;
		line-height: 84px;
		padding-top: 0;
	}

		.payment-totals .item.item-payment-tax {
			height: 42px;
			font-size: 16px;
			font-weight: 200;
			line-height: 42px;
			padding-top: 0;
		}

.selected-payment-rows .item {
	height: 84px;
	font-size: 25px;
	font-weight: 200;
	line-height: 84px;
	padding-top: 0;
}

.selected-payment-rows-container {
	height: 100%;
	overflow: hidden;
	margin-top: -2px;
	padding-bottom: 85px;
	box-sizing: border-box;
	width: 100%;
}

.selected-payment-rows {
	overflow: auto;
	height: 100%;
	box-sizing: border-box;
	width: 100%;
}

	.selected-payment-rows .row {
		padding-left: 16px;
		padding-right: 16px;
	}

.toolbar-bottom-left {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	height: 84px;
	text-align: left;
}

	.toolbar-bottom-left header-item {
		float: left;
		margin-left: 1px;
		display: block;
	}

.toolbar-bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 0;
	height: 84px;
	text-align: right;
}

	.toolbar-bottom-left .button.btn-toolbar,
	.toolbar-bottom-right .button.btn-toolbar {
		display: block;
		margin-right: 1px;
		height: 84px;
		float: left;
	}

.button-large.btn-toolbar {
	min-width: 68px;
}

.float-box .button.btn-toolbar {
	display: block;
	margin-right: 1px;
	height: 64px;
	float: left;
}

	.toolbar-bottom-right .button.btn-toolbar:last-child, .float-box .button.btn-toolbar:last-child {
		margin-right: 0px;
	}

.item-total {
	background: rgba(0,0,0,.9);
}

.item .item-value {
	text-align: right;
}

.list .item.item-accordion {
	line-height: 25px;
	padding-top: 0;
	padding-bottom: 0;
	transition: 0.09s all linear;
	background: rgba(255,255,255,.8);
	padding: 16px;
}

	.list .item.item-accordion.ng-hide {
		line-height: 0px;
	}

	.list .item.item-accordion.ng-hide-add,
	.list .item.item-accordion.ng-hide-remove {
		display: block !important;
	}

/* Document Rows Modal */
.detail-cart-rows .list {
	margin: 0;
}

.detail-cart-rows .item {
	padding: 0;
}

.detail-cart-rows .row-item {
	cursor: auto;
}

/* Loading */
.loading-container {
	align-items: flex-end;
}

.loading-container .loading {
	border-radius: 0;
	width: 100%;
	padding: 0;
	position: relative;
}

.loading-progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: rgba(255,255,255,.5);
	overflow: hidden;
}

.loading-progress-value {
	width: 100%;
	height: 100%;
	background-color: rgb(255, 255, 255);
	animation: loadingAnimation 1s infinite linear;
	transform-origin: 0% 50%;
}

@keyframes loadingAnimation {
	0% { transform:  translateX(0) scaleX(0); }
	40% { transform:  translateX(0) scaleX(0.4); }
	100% { transform:  translateX(100%) scaleX(0.5); }
  }

.loading-message {
	padding: 22px 0;
}

/* Rewrite */
.button.button-light {
	color: #444 !important;
}

.bar-footer .button.button-light, .bar-footer .button.button-balanced {
	font-size: 20px;
}

/* Form Grid */
.form-grid .row {
	padding: 0;
	margin-top: 1px;
}

.form-grid .col {
	padding: 0;
	margin-right: 1px;
}

.form-grid .col-last {
	margin-right: 0px;
}

.form-grid .col input[type=text] {
	padding: 25px 10px;
}

/* Cols */
.col-22-5 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 22.5%;
	-moz-box-flex: 0;
	-moz-flex: 0 0 22.5%;
	-ms-flex: 0 0 22.5%;
	flex: 0 0 22.5%;
	max-width: 22.5%;
}

.col-dark {
	background: rgba(0,0,0,.8);
	color: white;
}

	.col-dark.undef {
		color: #ef473a;
	}

.col-light {
	background: rgba(255,255,255,.95);
}

	.col-dark:last-child, .col-light:last-child {
		margin: 0 0 1px 0;
	}

.col-dark,
.col-light {
	margin: 0 1px 1px 0;
	font-size: 17px;
	padding: 15px 10px;
}

.col-baseline {
	display: flex;
	flex-direction: column;
}

	.col-baseline div {
		margin-top: auto;
	}

.col-list {
	margin: 0 -10px;
	padding: 0;
	list-style-type: none;
}

.col-dark .col-list li {
	border-bottom: solid 1px rgba(255,255,255,.25);
}

.col-list li {
	border-bottom: solid 1px rgba(0,0,0,.25);
	padding: 5px 10px;
	margin: 0;
}

	.col-list li:first-child {
		padding-top: 0;
	}

	.col-list li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}

.col-number {
	text-align: right;
}

.col-header {
	text-align: center;
}

.col-dark .col-checkbox .checkbox input:checked:before,
.col-dark .col-checkbox .checkbox input:checked + .checkbox-icon:before {
	background: #FFF;
	border-color: #FFF;
}

.col-dark .col-checkbox .checkbox-icon:after {
	border: 1px solid #000;
	border-top-color: #FFF;
	border-right-color: #FFF;
}

.col-checkbox {
	border: none;
}

	.col-checkbox.item.activated {
		border-color: inherit;
		background-color: transparent;
	}

	.col-checkbox .checkbox-icon:before {
		border-radius: 0;
		background: none;
	}

	.col-checkbox.text-center.item-checkbox .checkbox {
		width: 42px;
		margin-left: auto;
		margin-right: auto;
	}

.col-tagl {
	line-height: 48px;
	padding: 15px 8px;
}

	.col-tagl div {
		display: inline-block;
		color: #000;
		font-size: 18px;
		line-height: 32px;
		text-align: center;
		width: 32px;
		height: 32px;
		background-color: #FFF;
		border-radius: 50px;
	}

	.col-tagl.undef div {
		color: #FFF;
		background-color: #ef473a;
	}


.row-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}

	.row-footer .col-light {
		border-top: 3px solid rgba(0,0,0,.8);
		margin-bottom: 0px;
		font-weight: 600;
	}

.row.row-full {
	padding: 0;
	margin: 0;
}

.col-descr h2 {
	white-space: normal;
	font-size: 14px;
	font-weight: 300;
	line-height: 14px;
	padding: 5px 0;
	margin: 0;
}

.col-descr h1 {
	white-space: normal;
	font-size: 18px;
	font-weight: 300;
	line-height: 18px;
	padding: 5px 0;
	margin: 0;
}

/* Report */
.report-buttons-left {
	margin-bottom: 10px;
	text-align: left;
	float: left;
}

.report-buttons-right {
	margin-bottom: 10px;
	text-align: right;
	float: right;
}

.au-row-modal {
	height: 84px;
	margin-bottom: 1px;
	background: rgb(80,80,80);
	overflow: hidden;
}

	.au-row-modal h1 {
		font-size: 22px;
		font-weight: 100;
		color: white;
		line-height: 24px;
		margin-top: 3px;
	}

	.au-row-modal h2 {
		font-size: 12px;
		line-height: 14px;
		font-weight: 300;
		margin-bottom: 2px;
		color: white;
		margin-top: 13px;
	}

	.au-row-modal .au-modal-single-line-cell {
		font-size: 14px;
		line-height: 84px;
		padding: 0 10px;
		color: white;
		font-weight: 300;
		white-space: nowrap;
	}

	.au-row-modal .item-checkbox {
		border: 0;
		padding: 16px 16px 16px 46px;
		margin-top: 24px;
	}

	.au-row-modal.au-row-modal-freeheight {
		height: auto;
	}

.checkbox-light .checkbox input:after, .checkbox-light .checkbox-icon:after {
	border: 1px solid #000;
	border-top: 0;
	border-right: 0;
}

/* Flex */

.flex-grid {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

	.flex-grid.flex-grid-nowrap {
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
	}

	.flex-grid.flex-end {
		align-items: flex-end;
	}

	.flex-grid.flex-center {
		justify-content: center;
	}

.flex-item {
	flex-grow: 1;
	-webkit-flex-grow: 1;
	padding-bottom: 1px;
}

.flex-item-vcenter {
	align-items: center;
}

	.flex-item.flex-item-nogrow {
		flex-grow: 0;
		-webkit-flex-grow: 0;
	}

.flex-flat-item {
	flex-grow: 1;
	padding: 0px;
}

	.flex-item.flex-item-nogrow,
	.flex-flat-item.flex-item-nogrow {
		flex-grow: 0;
		-webkit-flex-grow: 0;
	}

.flex-grid-small .flex-item {
	width: 25%;
	flex-grow: 0;
	-webkit-flex-grow: 0;
}

.flex-grid-medium .flex-item {
	width: 33%;
	flex-grow: 0;
	-webkit-flex-grow: 0;
}

	.flex-grid-medium .flex-item.flex-item-last {
		width: 34%;
	}

.flex-grid-large .flex-item {
	width: 50%;
	flex-grow: 0;
	-webkit-flex-grow: 0;
}

.flex-item.flex-item-small { width: 25%; }
.flex-item.flex-item-medium { width: 33%; }
.flex-item.flex-item-large { width: 50%; }
.flex-item.flex-item-last { margin-right: -1px; }

.flex-item-last .flex-item-inner {
	margin-right: 0px;
}

.flex-item-inner {
	padding: 10px;
	margin-right: 1px;
	height: 100%;
	background: rgba(50,50,50,.8);
	color: white;
	position: relative;
}

.flex-item-light .flex-item-inner {
	background: rgba(255,255,255,.9);
	color: #333;
}

.flex-item.flex-item-light h2 {
	color: #333;
}

.flex-item-absvalue {
	height: 64px;
}

	.flex-item-absvalue p {
		position: absolute;
		bottom: 0px;
		right: 10px;
	}

.footer-items .flex-item-inner {
	background: rgba(255,255,255,.9);
	color: #444;
}

.flex-item-inner p.multiline {
	font-size: 14px;
	line-height: 16px;
}

/* ERRORS */

.error-container {
	margin: 2px 0 5px 0;
	/* border: 1px solid white; */
	background-color: rgba(255,255,255,.8);
}

	.error-container:last-child {
		margin: 2px 0 5px 0;
	}

.item-error.error-container,
.item-error.error-container:last-child {
	margin: 2px -1px 5px -1px;
}

.error {
	padding: 10px 16px;
	/* font-family: "Arial Black", Gadget, sans-serif; */
	font-size: 12px;
	text-transform: uppercase;
	color: #555;
	vertical-align: middle;
	/* background-color: rgba(255,255,255,.8); */
	font-weight: 600;
}

	.error i {
		font-size: 24px;
		color: #B83E2C;
		vertical-align: middle;
	}

.last-error-container > .error {
	padding: 10px 16px 0;
}

.has-errors {
	border-bottom: 3px solid #B83E2C;
}

.no-errors {
	border-bottom: 3px solid green;
}

/* Modal */
.modal-dark {
	background: #000;
}

	.modal-dark .bar {
		background: #000;
	}

		.modal-dark .bar h1,
		.modal-dark .bar .buttons .icon {
			color: white;
		}

	.modal-dark .au-row-dark,
	.modal-dark .row.au-row-dark {
		background-color: #FFF;
	}

		.modal-dark .au-row-dark .item,
		.modal-dark .au-row-dark.item,
		.modal-dark .au-row-dark.item * {
			color: rgba(0,0,0,.8);
			font-weight: 300;
		}

/* Entry */
.entry-note {
	height: 120px;
}

/* Three rows page */
.trp-header-message {
	padding: 10px 10px 20px 10px;
	font-size: 16px;
}

.trp-feedback {
	margin: 10px;
	text-align: center;
	padding: 15px;
	font-size: 14px;
}

.trp-feedback-ok {
	background: #caf1ca;
	border: 1px solid #a9d8a9;
	color: #333;
}

.trp-content {
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.trp-body {
	height: 100%;
	-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1; /* OLD - Firefox 19- */
	-webkit-flex: 1; /* Chrome */
	-ms-flex: 1; /* IE 10 */
	flex: 1; /* NEW, */
	overflow: auto;
	margin-bottom: 75px;
	position: relative;
}

	.trp-body.trp-body-nofooter {
		margin-bottom: 0px;
	}

	.trp-body.trp-body-fixed {
		overflow: hidden;
	}

	.trp-body.trp-body-scrolly {
		overflow-x: hidden;
		overflow-y: auto;
	}

.col-2 {
	flex: none;
	width: 50%;
}

.header-select {
	width: 100%; 
	max-width: 100%; 
	background-color: rgba(91,91,91);  
	color: white; 
	border: none;
	margin-left: -4px;
}

.trp-scroll {
	position: absolute;
	height: 100%;
	top: 0;
	bottom: 75px;
	left: 0;
	right: 0;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.trp-header {
	margin-bottom: 10px;
}

	.trp-header.trp-header-nomargin {
		margin-bottom: 0px;
	}

.trp-header-content {
	background: rgba(50,50,50,.8);
	color: white;
}

	.trp-header-content h3 {
		color: white;
	}

.trp-footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}

.section-buttons {
	margin-top: 1px;
	text-align: left;
}

	.section-buttons .section-buttons-item {
		margin-right: 1px;
		float: left;
	}

		.section-buttons .section-buttons-item form {
			display: inline-block;
		}

.trp-footer-block {
	height: 64px;
	background: rgba(0,0,0,.8);
	padding: 0 24px;
	font-size: 32px;
	line-height: 64px;
	font-weight: 100;
	color: #FFF;
	display: inline-block;
	margin: 0 0 0 1px;
}

.trp-header .trp-col-50 {
	width: 50%;
	padding: 5px;
	float: left;
}

	.trp-header .trp-col-50.last:before {
		content: ' ';
		display: block;
		height: 0;
		clear: both;
	}

.trp-header .item-input {
	margin-bottom: 5px;
	border: none; /*height:45px;*/
}

	.trp-header .item-input input[type="text"].input-text {
		text-align: right;
		padding-right: 47px;
	}

	.trp-header .item-input input[type="text"][readonly].input-text {
		background-color: white !important;
		cursor: default;
	}

	.trp-header .item-input input[type="text"].read-only {
		color: #999;
	}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* 3 Rows Layout */
.trl-wrapper {
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.trl-header {
	margin-bottom: 10px;
}

.trl-body {
	height: 100%;
	-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1; /* OLD - Firefox 19- */
	-webkit-flex: 1; /* Chrome */
	-ms-flex: 1; /* IE 10 */
	flex: 1; /* NEW, */
	overflow: auto;
	margin-bottom: 75px;
	position: relative;
}

.trl-scroll {
	position: absolute;
	height: 100%;
	top: 0;
	bottom: 75px;
	left: 0;
	right: 0;
	-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1; /* OLD - Firefox 19- */
	-webkit-flex: 1; /* Chrome */
	-ms-flex: 1; /* IE 10 */
	flex: 1; /* NEW, */
}

.trl-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.version-block {
	position: fixed;
	top: 0;
	right: 0;
	padding: 5px;
	font-size: 12px;
	font-family: monospace;
	background: white;
	opacity: .4;
}

/* Print Labels */
.au-row .col.print-labels-sizecol {
	margin-top: -4px;
	overflow-x: auto;
}

input[type=text].print-labels-qtyfield {
	width: 50px;
	height: 25px;
	text-align: center;
}

/* dyn-form */
form.dyn-form {
	height: 100%
}

.dyn-form .col p {
	padding: 10px;
	margin: -1px;
	background: rgba(255,255,255,.9);
}

/* Gallery */
.gallery-slide {
	background: white;
	text-align: center;
	height: 100%;
	overflow: auto;
}

.gallery-slide-scroll img {
	max-height: none;
	max-width: 1024px;
}

/* au-spinner */
.au-spinner {
	padding-top: 5px;
	margin: 0 5px;
}

	.au-spinner .au-spinner-slice.au-spinner-rect-auto, .au-spinner-rect-auto {
		clip: rect(auto, auto, auto, auto);
	}

	.au-spinner-pie, .au-spinner .au-spinner-bar {
		border: 0.14em solid #FFF;
		width: 1em;
		height: 1em;
		clip: rect(0em, 0.5em, 1em, 0em);
		position: absolute;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

.au-spinner-bar {
	transition: transform .2s ease-in;
}

.au-spinner:after {
	top: .1em;
	left: .1em;
	width: .6em;
	height: .6em;
	position: absolute;
	display: none;
	content: " ";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: #000;
}

.au-spinner .au-spinner-slice {
	width: 1em;
	height: 1em;
	clip: rect(0em, 1em, 1em, 0.5em);
	position: absolute;
}

.au-spinner-pulse {
	width: 0.30em;
	height: 0.30em;
	position: absolute;
	display: block;
	content: " ";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #FFF;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 999;
	animation: au-spinner-anim 1s ease infinite;
}

@keyframes au-spinner-anim {
	0% {
		opacity: 0;
		transform: translate(-200%,-50%);
	}

	50% {
		opacity: 1;
		transform: translate(-50%,-50%);
	}

	100% {
		opacity: 0;
		transform: translate(100%,-50%);
	}
}

.au-spinner-bar.au-spinner-bar-after:after,
.au-spinner-pie-fill {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.au-spinner {
	position: relative;
	font-size: 24px;
	width: 1em;
	height: 1em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	background-color: #000;
}

	.au-spinner *, .au-spinner *:before, .au-spinner *:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.modal.modal-loading {
	width: 100%;
	background: black;
	left: 0;
	right: 0;
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}

.modal-loading-content {
	text-align: left;
	display: inline-block;
	color: white;
	width: 470px;
}

	.modal-loading-content h1 {
		color: white;
		font-weight: 200;
		font-size: 36px;
		line-height: 36px;
		margin: 20px 0 10px 0;
	}

	.modal-loading-content p {
		color: white;
		font-weight: 300;
		font-size: 20px;
		line-height: 26px;
		margin: 20px 0 10px 0;
	}

/* au-progress */
.au-progress {
	background: black;
	border: 1px solid white;
	position: relative;
	height: 6px;
}

.au-progress-inner {
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 100%;
}

/*SLIDER*/
#Slider {
	width: 100%;
	height: 100%;
}

/*FINESTRA MODALE RIEPILOGO CONDIZIONI*/
#CondsList {
}

	#CondsList ion-content {
		height: calc(100% - 44px);
	}

		#CondsList ion-content .scroll {
			height: 100%;
		}

	#CondsList .scroll .section-scroll {
		overflow-y: hidden;
		height: calc(100% - 148px);
	}

	#CondsList .cart-rows .list {
		margin: 5px 0;
	}

	#CondsList .row-item {
		height: auto;
	}

		#CondsList .row-item .column {
			height: auto;
		}

		#CondsList .row-item .descr-column {
			padding: 14px;
			font-weight: 300;
		}

			#CondsList .row-item .descr-column.cond-descr-column {
				text-align: right;
				min-width: 220px;
				float: right;
			}

		#CondsList .row-item .price-column {
			line-height: normal;
			padding: 14px;
			font-size: 16px;
			font-weight: 300;
			width: 100px;
		}


/*FINESTRA MODALE PER SCELTA ELEMENTI*/
#ModalListItems {
	width: 300px;
	max-height: 350px;
	top: calc(50% - 175px);
	left: calc(50% - 150px);
}

	#ModalListItems.search-list {
		width: 600px;
		height: 350px;
		top: calc(50% - 175px);
		left: calc(50% - 300px);
	}

		#ModalListItems.search-list .section-scroll {
			overflow-y: hidden;
			height: 253px;
		}

/*FINESTRA MODALE PER LA VISUALIZZAZIONE DEGLI URL*/
#ModalURL {
	width: 95%;
	height: 95%;
	top: 2.5%;
	left: 2.5%;
}

	#ModalURL iframe {
		width: 100%;
		height: 100%;
		border: none;
		overflow: auto;
	}

	#ModalURL .scroll {
		height: 100%;
	}


/*VISTA CHIUSURA CASSA*/
#ecrClose {
}


	#ecrClose .ecr-warn {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		font-size: 16px;
		font-weight: 500;
		padding: 7px 10px;
		text-align: center;
		color: #000;
		background-color: #ffc900;
	}

	#ecrClose img {
		background: transparent;
	}

	#ecrClose .cart-header .cart-add-block {
		margin-top: 1px;
	}

	#ecrClose .cart-total,
	#DocDetail .cart-total {
		position: relative;
		font-size: 24px;
		/*text-align: right;*/
		line-height: normal;
		background: rgba(0,0,0,.9);
	}

	#ecrClose .cart-total {
		padding: 25px 10px 0;
	}

#DocDetail .cart-total {
	padding: 20px 24px 0;
}

	#DocDetail .cart-total.t1,
	#ecrClose .cart-total.t1 {
		min-width: 190px;
	}

	#ecrClose .cart-total.t2,
	#DocDetail .cart-total.t2 {
		min-width: 130px;
	}

	#ecrClose .cart-total.t3,
	#DocDetail .cart-total.t3 {
		min-width: 200px;
	}

	#ecrClose .cart-total label,
	#DocDetail .cart-total label {
		position: absolute;
		top: 3px;
		left: 10px;
		font-size: 14px;
		line-height: normal;
	}

#ecrClose .au-item {
	margin: 0;
	padding: 0;
}

#ecrClose .row-item {
	display: flex;
	background: transparent;
	border-bottom: solid 1px #333;
	cursor: initial;
}

	#ecrClose .row-item .col {
		font-size: 18px;
		font-weight: 300;
		padding: 10px;
	}

	#ecrClose .row-item .col-total {
		position: relative;
		max-width: 260px;
		overflow: hidden;
		font-size: 26px;
		text-align: right;
		line-height: 50px;
		background: rgba(0,0,0,.9);
		padding: 20px 24px 0;
	}

		#ecrClose .row-item .col-total label {
			position: absolute;
			top: 7px;
			left: 10px;
			font-size: 16px;
			line-height: normal;
		}

	#ecrClose .row-item .col-descr {
		max-width: 250px;
		overflow: hidden;
	}

	#ecrClose .row-item .col-val,
	#ecrClose .row-item .col-ret {
		max-width: 170px;
		position: relative;
		text-align: right;
	}

		#ecrClose .row-item .col-ret label {
			padding: 0 5px;
			font-size: 12px;
			text-transform: uppercase;
			color: #666;
		}

#ecrClose .list-header {
	width: 100%;
	margin: 0;
	padding: 0;
}

	#ecrClose .list-header .list {
		width: calc(100% - 17px);
	}

	#ecrClose .list-header .row-item {
		color: #FFF;
		background: transparent;
		border: none;
		padding: 0px 5px 1px;
	}

		#ecrClose .list-header .row-item .col {
			margin-right: 1px;
			background: rgba(0,0,0,.9);
		}

#ecrClose .list-footer {
	width: 100%;
	background-color: transparent;
	padding: 0;
}

	#ecrClose .list-footer .list {
		width: calc(100% - 17px);
	}

	#ecrClose .list-footer .row-item {
		color: #FFF;
		background: transparent;
		border: none;
		padding: 0 5px;
	}

		#ecrClose .list-footer .row-item .col.col-void {
			border: none;
		}

		#ecrClose .list-footer .row-item .col.col-fill {
			background: rgba(0,0,0,.9);
		}

		#ecrClose .list-footer .row-item .col {
			margin-right: 1px;
		}

#ecrClose .ionic-scroll {
	width: 100%;
	height: calc(100% - 170px);
	background: rgba(0,0,0,.9);
}

	#ecrClose .ionic-scroll.ret-pc-list {
		margin: 20px 0 0;
		width: 100%;
		height: calc(100% - 160px);
		background: transparent;
		overflow-y: hidden;
	}

		#ecrClose .ionic-scroll.ret-pc-list .row-item {
			background: rgba(0,0,0,.9);
			display: block;
		}

		#ecrClose .ionic-scroll.ret-pc-list input[type="text"] {
			display: block;
			font-size: 18px;
			font-style: italic;
			font-weight: 400;
			color: #FFF;
			height: 24px;
			background: transparent;
			padding-bottom: 12px;
			border-bottom: solid 1px #FFF;
			width: 100%;
			max-width: 880px;
		}

			#ecrClose .ionic-scroll.ret-pc-list input[type="text"]::-webkit-input-placeholder {
				color: #666;
			}

		#ecrClose .ionic-scroll.ret-pc-list .ret-pc-causal {
			font-size: 16px;
			color: #999;
			padding: 10px 0 0 10px;
			width: 100%;
		}

		#ecrClose .ionic-scroll.ret-pc-list .ret-pc-tval {
			max-width: 130px;
		}

	#ecrClose .ionic-scroll.cash-count-list {
		margin: 0;
		width: 100%;
		height: calc(100% - 104px);
		background: transparent;
		overflow-y: hidden;
	}

#ecrClose .bar.bar-footer.cash-count-footer {
	height: 101px;
}

#ecrClose .quad-row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 5px;
}

#ecrClose .quad-item {
	flex: 1;
	flex-basis: 250px;
	display: block;
	width: 100%;
	max-width: 255px;
	background: rgba(0,0,0,.9);
	margin: 0 1px 1px 0;
	padding: 10px;
}

	#ecrClose .quad-item .row {
		padding: 0;
	}

	#ecrClose .quad-item .counter-img {
		width: 109px;
		height: 65px;
		margin-right: 7px;
	}

		#ecrClose .quad-item .counter-img img {
			height: 100%;
		}

	#ecrClose .quad-item .counter-value {
		color: #FFF;
		text-align: right;
	}

		#ecrClose .quad-item .counter-value .input-insert {
			float: none;
			max-width: none;
			font-size: 18px;
		}

#ecrClose .header-button .button {
	float: left;
	padding: 0 12px;
	border: none;
	line-height: normal;
	height: 63px;
	margin: 0 1px 0 0;
	min-width: 160px;
}

#ecrClose input.input-insert {
	background-color: transparent;
	color: #FFF;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 24px;
	font-weight: 100;
	width: 100%;
	max-width: 120px;
	border-bottom: solid 1px #FFF;
}

#ecrClose button.cash-fund {
	position: absolute;
	left: -2px;
	top: 27px;
	padding-right: 75px;
	border: none;
	border-radius: 0;
	background: transparent;
	color: #FFF;
}

#ecrClose span.cash-adjust {
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #ffc900;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
}

@media (min-width: 1030px) {
	#ecrClose .quad-item {
		max-width: 272px;
	}

		#ecrClose .quad-item .counter-img {
			width: auto;
			height: 100%;
		}
}


/*VISTA reports statistici*/
#StatReports {
}

	#StatReports .w-container:after {
		content: ' ';
		height: 1px;
		clear: both;
	}

	#StatReports .w-separator {
		clear: both;
		color: #FFF;
		font-size: 22px;
		padding: 25px 0 10px;
	}

		#StatReports .w-separator > span {
			display: block;
			padding: 15px 10px;
			background-color: rgba(0,0,0,0.75);
		}

	/*#StatReports .w-separator:first-child {
			padding-top: 0;
		}*/
	#StatReports .w-button {
		position: relative;
		display: block;
		float: left;
		width: 245px;
		height: 180px;
		overflow: auto;
		background-color: rgba(255,255,255,0.9);
		padding: 10px;
		margin: 1px;
		color: #333;
		cursor: pointer;
	}

		#StatReports .w-button h3 {
			font-size: 20px;
			line-height: 22px;
			font-weight: 300;
			margin-bottom: 16px;
		}

		#StatReports .w-button .w-descr {
			font-size: 14px;
			font-weight: 400;
			color: #999;
		}




/*VISTA MODULI DOCUMENTO*/
#Reports {
}

.report-sacc-note {
	margin-bottom: 10px;
}

	.report-sacc-note textarea {
		border-radius: 0;
		color: #333;
		width: 100%;
		height: 125px;
		padding: 5px 10px;
	}

#Reports .row, #Reports .col {
	padding: 0;
}

#Reports .row {
	margin-bottom: 5px;
}

#Reports .flex-item .sub-flex {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	height: 100%;
}

	#Reports .flex-item .sub-flex .flex-item-inner {
		flex-grow: 1;
		-webkit-flex-grow: 1;
		height: 100%;
	}


#Reports .slide-scroll {
	margin: 20px 0 0;
	width: 100%;
	height: calc(100% - 215px);
	overflow-y: hidden;
	overflow-x: hidden;
}

#Reports .flex-grid.doc-report {
	flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
}

	#Reports .flex-grid.doc-report .flex-item {
		flex-grow: 1;
		-webkit-flex-grow: 1;
	}

	#Reports .flex-grid.doc-report > .button {
		margin: 2px 2px 0 0;
	}

#Reports .doc-report .sec-data {
	width: 50%;
}

#Reports .doc-report .flex-item {
	position: relative;
}

	#Reports .doc-report .flex-item .plus-button {
		position: absolute;
		right: 0;
		top: -2px;
		z-index: 1;
	}

#Reports .doc-report .flex-item-inner {
	/*background: rgba(255,255,255,.9);
	color: #666;*/
	background: rgba(0,0,0,.7);
	color: #FFF;
}

	#Reports .doc-report .flex-item-inner h2 {
		/*color: #333;*/
		color: #CCC;
		font-size: 14px;
		text-transform: uppercase;
		margin-bottom: 3px;
		font-weight: 800;
		margin-bottom: 12px;
	}

	#Reports .doc-report .flex-item-inner p {
		margin: 5px 0 0;
		padding: 0;
	}

		#Reports .doc-report .flex-item-inner p.cod {
			font-weight: 400;
			font-size: 18px;
		}

		#Reports .doc-report .flex-item-inner p.descr {
			font-weight: 200;
			font-size: 16px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 100%;
		}

	#Reports .doc-report .flex-item-inner .fatt-field {
		width: 33.333%;
		max-width: 245px;
		padding: 2px 10px 10px 0;
		float: left;
	}

		#Reports .doc-report .flex-item-inner .fatt-field .field-item {
			display: block;
			position: relative;
			font-size: 16px;
			color: #444;
			border: solid 1px #ddd;
			padding: 2px 0 2px 16px;
			margin: -1px;
			margin-bottom: 4px;
			background: white;
		}

			#Reports .doc-report .flex-item-inner .fatt-field .field-item .label {
				display: block;
				color: #666;
				font-size: 12px;
				font-weight: 600;
				padding: 5px 0 0 0;
			}

			#Reports .doc-report .flex-item-inner .fatt-field .field-item .value,
			#Reports .doc-report .flex-item-inner .fatt-field .field-item input[type=number] {
				display: block;
				font-size: 16px;
				line-height: 16px;
				padding: 7px 24px 0 0;
				height: 31px;
				border: none;
				background-color: transparent;
			}

			#Reports .doc-report .flex-item-inner .fatt-field .field-item input[type=number] {
				padding-top: 0;
			}


		#Reports .doc-report .flex-item-inner .fatt-field.field-50 {
			width: 50%;
			max-width: none;
		}

		#Reports .doc-report .flex-item-inner .fatt-field .item {
			margin-bottom: 4px;
		}

			#Reports .doc-report .flex-item-inner .fatt-field .item.item-input {
				padding: 2px 0 2px 16px;
			}

				#Reports .doc-report .flex-item-inner .fatt-field .item.item-input input[type=number] {
					font-size: 16px;
				}

#Reports .acc-field.dynamic .item-input input[type="text"] {
	text-align: right;
}

#Reports .acc-field.dynamic .item-input select {
	width: 100%;
}

#Reports .fatt-field.static,
#Reports .acc-field.static {
	margin-top: 4px;
}

	#Reports .acc-field.static.acc-field-flex {
		display: flex;
	    justify-content: center;
	}

	#Reports .acc-field-flex-item {
		margin: -1px 1px -1px 0px;
		flex-grow: 1;
	    flex-basis: 50%;
	}

	#Reports .acc-field-flex-item.last {
		margin: -1px -1px -1px 0px;
	}

	#Reports .acc-field-flex-item.first {
		margin: -1px 1px -1px -1px;
	}

	#Reports .acc-field-flex-item.single {
		margin: -1px;
	}

	#Reports .fatt-field.static.sub-flex,
	#Reports .acc-field.static.sub-flex {
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
	}

		#Reports .fatt-field.static.sub-flex .item,
		#Reports .acc-field.static.sub-flex .item {
			flex-grow: 0;
			-webkit-flex-grow: 0;
		}

	#Reports .fatt-field.static .button-full,
	#Reports .acc-field.static .button-full {
		margin: 0;
		font-size: 18px;
		line-height: normal;
		min-height: 50px;
		font-weight: 300;
	}

	#Reports .fatt-field.static .button-light,
	#Reports .acc-field.static .button-light {
		/*background-color: #FFF;*/
		background-color: rgba(255,255,255,.9);
		border: solid 1px #ccc;
	}

#Reports .doc-list {
	margin: 4px 0 0 0;
}

#Reports .acc-field.static .list-inset {
	margin: 0;
}

	#Reports .acc-field.static .list-inset .item {
		background-color: #FFF;
	}

		#Reports .acc-field.static .list-inset .item .row {
			padding: 0;
		}

			#Reports .acc-field.static .list-inset .item .row .col {
				padding: 0;
				font-size: 14px;
				font-weight: 500;
				color: #333;
			}

@media (max-width: 768px) {
	#Reports .slide-scroll {
		height: calc(100% - 290px);
		overflow-y: auto;
	}

	#Reports .flex-grid.doc-report {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
}

/* PQ - ProductQuantities - Nomi temporanei */
.pq-root {
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
}

.pq-wrapper {
	white-space: nowrap;
}

.pq-progs {
	vertical-align: bottom;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0;
	clip-path: inset(0px 0px 0px 0px);
}

.pq-prog {
	margin-bottom: 1px;
	font-size: 16px;
	padding: 10px;
}

.pq-grid {
	background: transparent;
	overflow: auto;
	width: 100%;
	position: relative;
}

.pq-size-grid {
	opacity: 1;
	white-space: nowrap;
	display: flex;
	flex-flow: row nowrap;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.pq-size-cell {
	margin-right: 1px;
	text-align: center;
}

.pq-size-empty-cell {
	width: 200px;
	display: none;
}

.pq-grid-table {
	white-space: nowrap;
	width: 100%;
}

.pq-grid-row {
	background: rgba(0,0,0,.8);
	margin-bottom: 1px;
	display: flex;
	flex-flow: row nowrap;
}

.pq-grid-cell {
	background: rgba(255,255,255,1);
	margin-right: 1px;
	line-height: 64px;
	text-align: center;
	font-size: 16px;
	color: #333;
}

/* PQ - ProductQuantities */
.pq2-root {
	position: absolute;
	top: 64px;
	left: 200px;
	right: 0;
	bottom: 0;
}

.pq2-progs {
	width: 200px;
	position: absolute;
	top: 0px;
	left: -200px;
}

.pq2-prog {
	height: 64px;
	background: rgba(0,0,0,.8);
	color: white;
	margin: 0 0 1px 0;
	padding: 10px;
}

.pq2-size-grid {
	background: black;
	display: flex;
	flex-flow: row nowrap;
	position: absolute;
	top: -64px;
	left: 0px;
}

.pq2-size-cell {
	text-align: center;
	height: 64px;
	width: 64px;
	margin: 0 1px 0 0;
	min-width: 64px;
	line-height: 64px;
}

	.pq2-size-cell.pq2-size-cell-tot {
		background: white;
		font-weight: bold;
		margin: 0;
	}

.pq2-qty-grid {
	overflow: auto;
	height: 100%;
	width: 100%;
}

.pq2-qty-row {
	display: flex;
	flex-flow: row nowrap;
	margin: 0 0 1px 0;
	font-size: 16px;
	color: #333;
}

.pq2-qty-cell {
	height: 64px;
	width: 64px;
	min-width: 64px;
	text-align: center;
	margin: 0 1px 0 0;
	line-height: 64px;
	background: white;
}

.pq2-qty-cell-tot {
	font-weight: bold;
}

.pq2-filler-cell {
	width: 200px;
	height: 64px;
	background: black;
	position: absolute;
	top: -64px;
	left: -200px;
	z-index: 20;
}

/* PV - ProductVariantQuantities */
.pv-grid {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 100%;
	position: relative;
}

.pv-row-grid {
}

.pv-inner-grid {
	overflow-x: auto;
	position: relative;
}

.pv-item {
	position: relative;
	white-space: nowrap;
	width: 100%;
	margin-bottom: 1px;
	background: rgba(0,0,0,.8);
	display: flex;
	flex-flow: row nowrap;
}

.pv-item-qty {
	text-align: center;
	margin-right: 1px;
	background: rgba(255,255,255,1);
	font-size: 16px;
	color: #333;
}

.pv-row-wrapper {
}

.pv-row {
	margin-bottom: 10px;
}

.pv-size-list {
	position: absolute;
	display: flex;
	flex-flow: row nowrap;
	white-space: nowrap;
	overflow: hidden;
}

.pv-item-size {
	text-align: center;
	margin-right: 1px;
	color: white;
}

.pv-prd-list {
	position: absolute;
	left: 0;
}

.pv-prd-row {
	margin-bottom: 10px;
}

.pv-depp-row {
	height: 20px;
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 1px;
	background: rgba(0,0,0,.8);
	color: white;
}

.pv-depp-row-empty {
	height: 16px;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 1px;
}

.pv-prd-item {
	overflow: hidden;
	padding: 10px;
	margin-bottom: 1px;
	background: rgba(0,0,0,.8);
	color: white;
}

	.pv-prd-item h2 {
		font-weight: 300;
		color: white;
		font-size: 14px;
		margin-bottom: 2px;
	}

	.pv-prd-item h1 {
		font-weight: 300;
		color: white;
		font-size: 16px;
		margin-top: 3px;
		line-height: 16px;
	}

/* Nuovo Grid system */
.row.au-row2 {
	padding: 0;
	margin: 0px 0px 0px 0px;
}

.col.au-col2 {
	padding: 0;
	margin: 0px 1px 0px 0px;
}

	.col.au-col2.au-col2-last {
		margin: 0px 0px 0px 0px;
	}

.col.au-col2-last {
	padding: 0;
}

.row.au-row2 + .row.au-row2 {
	margin: 1px 0px 0px 0px;
}

.au-row2 .item-floating-label {
	border: 0;
	margin: 0;
}

.popup-container.popup-wide .popup {
	width: 400px;
}

.popup-container.popup-nopadding .popup-body {
	padding: 0;
}

/*** ACTIVITIES ***/
.activity-wrapper {
	position: relative;
	z-index: 2;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.activity-item {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	margin: 0 1px 1px 0; /* width: 255px; height: 255px; */
}

.activity-item-front {
	background: rgba(255,255,255,.8);
	overflow-y: auto;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.activity-item-inner {
	padding: 16px; /* width: 255px; height: 255px; */
	transition: .3s ease-in-out;
}

.activity-item-back {
	background: rgba(255,255,255,1);
	overflow-y: auto;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 100%;
}

.activity-item-hover .activity-item-inner {
	transform: translateX(-100%);
}

.activity-item {
	display: inline-box;
}

.activity-item-inner h3 {
	font-size: 28px;
	line-height: 28px;
	font-weight: 200;
	margin-bottom: 16px;
	color: #333;
}

.activity-item-inner h4 {
	font-size: 24px;
	line-height: 24px;
	font-weight: 200;
	margin-bottom: 16px;
	color: #333;
	margin-top: 0px;
}

.activity-subitem-wrapper {
	margin-top: 20px;
}

.activity-subitem {
	font-size: 16px;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
}

.list-menu-activities {
	margin-bottom: 48px !important;
}

.menu-bottom-buttons {
	text-align: right;
	width: 100%;
	z-index: 90;
	height: 47px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

	.menu-bottom-buttons button.button {
		width: 47px;
	}

/* TABS */
.tab-buttons {
	margin-top: 10px;
	overflow: hidden;
}

.button-tab {
	color: #444;
	border-radius: 0;
	margin-right: 1px;
}

.button-tab-active {
	background-color: rgba(255,255,255,.9);
}

.button-tab-inactive {
	background-color: rgba(255,255,255,.6);
	bottom: -4px;
}

/* SEARCH BAR */
.search-bar {
	display: flex;
}

.search-bar-item {
	flex-grow: 0;
	margin-right: 1px;
}

	.search-bar-item .item {
		border: 0;
		margin: 0;
	}

.search-bar-fill {
	flex-grow: 1;
	background: rgba(255,255,255,.9);
	margin-right: 1px;
}

.search-bar-button {
	flex-grow: 0;
	margin-right: 1px;
}

	.search-bar-button.search-bar-button-last {
		flex-grow: 0;
		margin-right: 0px;
	}

.search-bar-panel {
	background: rgba(255,255,255,.9);
	display: block;
}

#ModalMeteo {
	width: 510px;
	height: 460px;
	top: calc(50% - 230px);
	left: calc(50% - 255px);
}

	#ModalMeteo .modal-loader {
		padding-top: 50px;
		width: 100%;
		height: 100%;
		text-align: center;
	}

#PopupCopiesOptions {
}

	#PopupCopiesOptions .copy-item {
		padding-top: 5px;
		border-bottom: solid 1px #CCC;
	}

	#PopupCopiesOptions h5 {
		margin-top: 0;
		padding-top: 0;
		color: #666;
	}

	#PopupCopiesOptions .inc, #PopupCopiesOptions .dec, #PopupCopiesOptions .num {
		display: inline-block;
	}

	#PopupCopiesOptions .num {
		width: 60px;
	}

	#PopupCopiesOptions .dec.button.icon:before, #PopupCopiesOptions .inc.button.icon:before {
		margin: 0;
		line-height: 30px;
	}

/*** ui-grid ***/
.ui-grid-top-panel {
	background: rgba(50,50,50,.8);
	color: #FFF;
	font-weight: 500;
}

.ui-grid-cell-disabled {
	font-style: italic;
	background: rgba(255,255,255, 1);
	opacity: .7;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
	background-color: #ddd;
}

.ui-grid-cell-contents.ui-grid-infobtn-cell {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0;
}

.document-module-reprint {
	float: right;
    width: 34px;
    height: 28px;
    margin: -4px!important;
}

.document-module-reprint,
.ui-grid-infobtn {
	display: block;
	text-align: center;
	margin: 1px;
	border: 1px solid #ddd;
	flex-grow: 1;
	line-height: 24px;
	color: #515151;
	background-color: #eee;
	transition: background-color .5s;
	cursor: pointer;
	font-size: 16px;
}
	.document-module-reprint:hover,
	.ui-grid-infobtn:hover {
		background-color: #fff;
	}

.ui-grid-infobtn-txt { font-size: 14px; }


@media (max-width: 1024px) {
	#Reports .flex-grid.doc-report.sm-flex-item {
		-webkit-flex-wrap: wrap;
		min-width: 100%;
	}

	#Reports .doc-report .flex-item-inner .fatt-field {
		width: 50%;
		max-width: none;
	}

		#Reports .doc-report .flex-item-inner .fatt-field.field-50 {
			width: 100%;
		}

		#Reports .doc-report .flex-item-inner .fatt-field.full {
			width: 100%;
			max-width: none;
		}

			#Reports .doc-report .flex-item-inner .fatt-field.full .item-floating-label {
				display: inline-block;
				max-width: 159px;
			}

	.flex-grid.flex-grid-small .flex-item header-item .flex-item-inner p {
		font-size: 20px;
	}

	#CondsList {
		width: 80%;
		left: 10%;
		right: 10%;
	}
}

@media (max-width: 640px) {
	#ModalURL {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	#matchBoxDetail .col-dark, #matchBoxDetail .col-light,
	#matchBoxDiff .col-dark, #matchBoxDiff .col-light,
	#matchDocDetail .col-dark, #matchDocDetail .col-light,
	#matchDocDiff .col-dark, #matchDocDiff .col-light,
	#matchDocList .col-dark, #matchDocList .col-light {
		font-size: 14px;
	}
}

@media (max-width: 420px) {
	#matchDocList .match-check-complete {
		margin-left: -30px
	}

	#matchDocList .checkbox input, #matchDocList .checkbox-icon {
		width: 23px;
		height: 23px;
	}

		#matchDocList .checkbox input:after, #matchDocList .checkbox-icon:after {
			left: 22%;
		}

	#matchDocDetail .item-complex-clear .small {
		font-size: 0.9em !important;
		line-height: normal !important;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#matchDocDetail .col-tagl {
		background-color: #FFF;
		padding: 10px 0 0;
		min-width: 45px;
		text-align: center;
	}

	#matchDocDetail .col-desc {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#matchDocDetail .col-10,
	#matchDocDetail .col-80 {
		overflow-x: hidden;
	}

	#matchDocDetail .small2 {
		font-size: 0.9em !important;
		line-height: normal !important;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* MULTIQTY */
.mq-row {
	background: rgba(0,0,0,.8);
	margin-bottom: 1px;
	color: white;
	position: relative;
}

.mq-row-diff {
	margin-bottom: 1px;
}

.mq-row.mq-readonly {
	height: 128px;
}

.mq-row.mq-row-checked-rows {
	background: #777;
	margin-left: 20px;
}

.mq-header {
	padding: 10px;
	position: relative;
	font-size: 16px;
	line-height: 16px;
	font-weight: 200;
	overflow: hidden;
}

.mq-readonly .mq-header {
	padding-bottom: 5px;
}

.mq-footer-extra {
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-weight: 300;
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-start;
}

.mq-header.mq-header-complex {
	padding-right: 104px;
}

.mq-header-em {
	font-weight: 600;
	padding-right: 5px;
}

.mq-header-extra {
	position: absolute;
	right: 35px;
	top: 7px;
	display: flex;
	align-items: center;
	font-size: 22px;
	color: white;
}

.mq-readonly .mq-header-extra {
	right: 5px;
}


.mq-header-extra-label {
	padding-right: 5px;
	font-size: 14px;
	font-weight: 200;
}

.mq-header-extra input {
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	padding: 0;
	margin: 0 5px;
	height: auto;
	width: 40px;
}

.mq-options {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
	line-height: 16px;
	padding: 8px 20px 10px 10px;
}

.mq-body {
	display: flex;
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
	align-items: flex-end;
	padding: 0 10px 10px 10px;
}

	.mq-body.mq-body-noheader {
		padding: 10px;
	}

.mq-readonly .mq-body {
	align-items: flex-start;
}

.mq-image {
	flex-grow: 0;
	width: 84px;
	height: 84px;
	margin-right: 1px;
}

	.mq-image img {
		background: white;
	}

.mq-sizes {
	flex-grow: 1;
	display: flex;
	overflow-x: auto;
}

.mq-size {
	text-align: center;
	margin-right: 1px;
}

.mq-size-label {
	background: #fff;
	color: #333;
	display: inline-block;
	border-radius: 30px;
	margin-bottom: 5px;
	line-height: 30px;
	padding: 0 10px;
	min-width: 30px;
}

.mq-size-qty input {
	padding: 5px;
	text-align: center;
	width: 50px;
	line-height: 20px;
	height: auto;
}

.mq-sizes-small .mq-size-label {
	line-height: 24px;
	padding: 0 8px;
	font-size: 13px;
}

.mq-sizes-small .mq-size-qty input {
	padding: 2px 5px;
	width: 40px;
	line-height: 20px;
	height: auto;
}

.mq-row-checked-rows .mq-size-qty input {
	color: white;
    background: none;
    border: 1px solid rgba(255,255,255,.8);
    width: 40px;
    padding: 2px 3px;
}

.mq-row-diff .mq-size-label,
.mq-row-checked-rows .mq-size-label {
	line-height: 24px;
}

.mq-size-qty.mq-size-qty-neg input {
	color: white !important;
	background: rgba(231, 93, 77, 1);
}

.mq-size-qty.mq-size-qty-warn input {
	color: white !important;
	background: rgba(253, 200, 54, 1);
}

.mq-size-stock {
	background: rgba(100,100,100,1);
	padding: 6px 0;
	margin-top: 1px;
}

.mq-totals {
	flex-grow: 0;
	text-align: right;
	padding-left: 8px;
}

.mq-operator {
	flex-grow: 0;
	text-align: right;
	padding-left: 8px;
}

	.mq-operator .cart-row-operator {
		position: relative;
		top: 0px;
		right: 0%;
		width: auto;
		max-width: 235px;
	}

.mq-titlecol {
	flex-grow: 0;
	margin-right: 10px;
	width: 200px;
	overflow-x: auto;
	line-height: 16px;
	white-space: normal;
	min-width: 200px;
	max-width: 200px;
	overflow-y: hidden;
}

	.mq-titlecol .em {
		font-weight: 400px;
	}

.mq-tqta {
	font-size: 16px;
	line-height: 22px;
	font-weight: 200;
}

	.mq-tqta .em, .mq-discount .em, .mq-header-extra .em {
		font-size: 14px;
		line-height: 14px;
		font-weight: 600;
	}

.mq-discount {
	font-size: 16px;
	line-height: 20px;
	font-weight: 200;
	white-space: nowrap;
}

.mq-tax {
	font-size: 16px;
	line-height: 20px;
	font-weight: 200;
	white-space: nowrap;
}

.mq-readonly .mq-discount, .mq-readonly .mq-tqta {
	font-size: 14px;
	line-height: 18px;
	font-weight: 200;
	white-space: nowrap;
}

.mq-tval {
	font-size: 20px;
	line-height: 20px;
	font-weight: 200;
}

.mq-outofstock {
	display: inline-block;
	margin-left: 10px;
	padding: 0 5px;
	font-size: 12px;
	line-height: 16px;
	border-left: 16px solid #FDC836;
	color: #FDC836;
	font-weight: 200;
	vertical-align: bottom;
}

	.mq-outofstock.mq-outofstock-popup {
		margin-left: 0px;
		font-style: italic;
		color: #333;
	}

.mq-pricelist {
	display: inline-block;
}

.cart-outofstock {
	position: absolute;
	top: 2px;
	left: 2px;
	padding: 0 5px;
	font-size: 12px;
	line-height: 14px;
	border-left: 14px solid #FDC836;
	color: #FDC836;
	font-weight: 200;
	vertical-align: bottom;
}

.cart-pricelist {
	text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    background: rgba(255,255,255,.9);
    color: #333;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 12px;
}

.sq-pricelist {
	position: absolute;
	bottom: 4px;
	left: 2px;
}

.pop-pricelist {
    background: rgba(0,0,0,.8);
    color: #fff;
    display: inline-block;
    padding: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 2px 0;
}

.ion-content-relative {
	position: relative;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

	.ion-content-relative.has-header {
		top: 0;
		padding-top: 44px;
	}

.ion-content-relative-inner {
	position: relative;
}

/*** FLAT TABLE ***/
.flat-table {
	width: 100%;
}

	.flat-table.flat-table-small th,
	.flat-table.flat-table-small td {
		font-size: 12px;
		padding: 6px 6px;
	}

	.flat-table.flat-table-mid th,
	.flat-table.flat-table-mid td {
		font-size: 14px;
		padding: 6px 10px;
		vertical-align: middle;
		font-weight: 400;
	}

	.flat-table td.wrap {
		white-space: normal;
	}

	.flat-table.flat-table-bordered th,
	.flat-table.flat-table-bordered td {
		border-bottom: 1px solid #ddd !important;
		border-right: 1px solid #ddd;
	}

		.flat-table.flat-table-bordered th.last,
		.flat-table.flat-table-bordered td.last {
			border-right: 0;
		}

	.flat-table .filler-cell {
		width: 100%;
	}


	.flat-table th {
		padding: 6px 20px;
		font-size: 16px;
		font-weight: 400;
		white-space: nowrap;
	}

	.flat-table td {
		padding: 6px 20px;
		font-size: 16px;
		font-weight: 300;
		white-space: nowrap;
	}

		.flat-table td.header-cell {
			font-size: 15px;
			line-height: 16px;
		}

	.flat-table tr.alt td {
		background: #f3f3f3;
	}

	.flat-table tr.clickable {
		cursor: pointer;
	}

	.flat-table tr.clickable:hover td {
		background: #eee;
	}

	.flat-table tr.to-delete td {
		text-decoration: line-through;
		opacity: .7;
	}

/*** Flex row ***/
.flex-row {
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.flex-col {
	flex-grow: 0;
}

.flex-col-fullwidth {
	flex-grow: 1;
	overflow-x: auto;
}

/*** ZOOM ***/
.zoom-section {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.zoom-inner-section { margin-bottom: 20px; }

.zoom-searchbar {
	flex: 0;
}

.zoom-list {
	flex: 1;
}

.zoom-item-disabled {
	font-style: italic;
	background-color: #eee;
}

.zoom-footer {
	flex: 0;
}

.zoom-scroll.scroll-view.scroll-y,
.zoom-scroll {
	flex: 1;
	overflow-y: hidden;
}

.zoom-message-medium {
	padding: 10px;
	font-size: 16px;
}

.popup-message-medium {
	padding: 0 0 10px 0;
	font-size: 16px;
}

.zoom-message-large {
	padding: 10px;
	font-size: 22px;
	line-height: 24px;
	/*height: 100%;*/
}

.zoom-message-error {
	display: inline-block;
    padding: 5px 30px;
    font-size: 18px;
    background: #eee;
    margin: 10px;
    border: 1px solid #ddd;
}

.zoom-message-progress-error {
	white-space: pre-wrap;
    font-size: 16px;
	line-height: 22px;
    text-align: center;
    font-weight: bold;
}

.zoom-message-debug {
	text-align: left;
	margin: 10px 15%;
	padding: 10px;
	background: #eee;
	font-size: 14px;
	line-height: 16px;
	white-space: pre-wrap;
	user-select: all;
	overflow-y: auto;
	overflow-x: visible;
	height: 100%;
}

.zoom-message-large em {
	display: block;
	font-size: 12px;
	font-style: italic;
}

.zoom-toggle-box {
	display: flex;
	flex-direction: row;
}

.zoom-toggle-item {
	flex: 1;
	text-align: center;
	padding: 8px;
	font-size: 16px;
}

.zoom-toggle-item-active {
	background-color: #ddd;
	font-weight: 600;
}

.zoom-grid-even {
	background-color: #e5e5e5;
}

/* TIME POPUP */
.time-row-first {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.time-row-title {
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.time-popup input.time-row-field, .time-row-field {
	width: 60px;
	display: inline;
	text-align: center;
}

.time-row-separator {
	display: inline;
	padding: 0 10px;
}

/* DIFFDOC */
.diffdoc-row {
	background: rgba(0,0,0,.8);
	display: flex;
	color: white;
	height: 68px;
	max-height: 68px;
	position: relative;
	padding: 8px 8px 0px;
}

.diffdoc-main {
	flex-grow: 1;
	font-size: 16px;
	font-weight: 200;
	line-height: 18px;
	padding-right: 8px;
}

.diffdoc-cod {
	font-size: 13px;
	font-weight: 400;
	display: block;
	line-height: 13px;
	margin-bottom: 4px;
}

.diffdoc-info {
	flex-grow: 0;
	text-align: center;
	line-height: 14px;
}

.diffdoc-info-label {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 6px;
	display: block;
}

.diffdoc-info-icon {
	font-size: 18px;
}

/* DIFFROW */
.diffRow-content {
	padding: 10px;
}

.diffRow-cod {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 14px;
	font-weight: 400;
}

.diffRow-descr {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 20px;
	font-weight: 100;
}

.diffRow-sizes {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.diffRow-size-wrapper {
	text-align: center;
	flex-grow: 0;
	border-bottom: 1px solid #bbb;
	padding: 16px 15px 6px 0;
}

.diffRow-size-label {
	font-size: 12px;
	font-weight: 200;
	line-height: 20px;
	padding: 0 10px;
	border-radius: 20px;
	border: 1px solid #000;
}

.diffRow-size-qty {
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	margin: 10px 0;
}

/* Text button */
.text-button {
	display: inline-block;
	padding: 0px 10px;
}

.text-button-stable {
	background: #f8f8f8;
	color: #444;
}

.text-button-small {
	font-size: 14px;
}

button.copy-btn {
	color: #999;
	background-color: #EFEFEF;
	border: solid 1px #CCC;
	border-radius: 4px;
	box-shadow: none;
	font-size: 12px;
	margin-right: 15px;
}

.background-cover {
	background-size: cover;
	background-repeat: no-repeat;
}

/* DIRETTIVA geo-zip-code PER LAYOUT CLIENTI */
geo-zip-code {
	display: flex;
	height: 68px;
	width: 100%;
	overflow: hidden;
}

	geo-zip-code .zone {
		position: absolute;
		top: 0;
		left: 0;
		width: 69px;
		height: 69px;
		text-align: left;
		padding: 0 0 0 12px;
		margin-right: 1px;
		line-height: 74px;
		background-color: #EFEFEF;
		cursor: pointer;
	}

		geo-zip-code .zone:after {
			position: absolute;
			top: 50%;
			right: 12px;
			width: 0;
			height: 0;
			border-top: 5px solid;
			border-right: 5px solid transparent;
			border-left: 5px solid transparent;
			color: #4d4d4d;
			content: "";
			pointer-events: none;
		}

	geo-zip-code .cst-input {
		position: absolute;
		top: 0;
		left: 71px;
		height: 100%;
		width: calc(100% - 71px);
		padding-left: 10px;
	}


/* DIRETTIVA privacy-selector PER LAYOUT CLIENTI */
privacy-selector {
	display: flex;
	width: 100%;
	min-height: 68px;
	background-color: #FFF;
}

	privacy-selector .pdesc {
		max-width: 60%;
		padding: 10px 0 15px 10px;
	}

		privacy-selector .pdesc > div {
			display: block !important;
		}

	privacy-selector .pmodal {
		text-align: left;
		max-width: 33px;
		color: #005e99;
		font-size: 33px;
		padding: 5px 0;
	}

		privacy-selector .pmodal > i.icon {
			cursor: pointer;
		}

	privacy-selector .pcheck {
		padding: 5px;
		text-align: right;
	}

		privacy-selector .pcheck .item {
			background-color: transparent;
			border: none;
			margin: -10px 0 0;
			display: inline-block;
		}

			privacy-selector .pcheck .item.checkbox-dark input:before,
			privacy-selector .pcheck .item.checkbox-dark .checkbox-icon:before {
				border-color: #ddd;
			}

@media (max-width: 1024px) {
	privacy-selector .pdesc {
		min-width: 655px;
		max-width: 655px;
	}
}

@media (max-width: 768px) {
	privacy-selector .pdesc {
		min-width: 100%;
		padding: 10px 10px 15px 10px;
	}

	privacy-selector .row {
		flex-direction: column;
	}
}

/* .privacy-modal {
	height: 400px;
	width: 450px;
	top: calc(50% - 200px);
	left: calc(50% - 225px);
} */

.privacy-modal > ion-content .privacy-modal-scroll {
	width: 100%;
	height: calc(100% - 64px);
	overflow: auto;
	padding: 15px;
}

.privacy-modal > ion-content .privacy-modal-commands {
	height: 64px;
	text-align: center;
}

	.privacy-modal > ion-content .privacy-modal-commands > .button {
		border: solid 1px #CCC;
		line-height: normal;
		margin-top: 7px;
	}

		.privacy-modal > ion-content .privacy-modal-commands > .button:first-child {
			margin-right: 50px;
		}


.external-html {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}


/* Modale codici prodotto */
.prdcod-header {
	background: #ddd;
	color: #444;
	font-weight: 400;
	margin-right: 1px;
	padding: 5px 10px;
	line-height: 16px;
}

.prdcod-header-descr {
	font-size: 11px;
}

.prdcod-value {
	color: #444;
	font-weight: 400;
	margin-bottom: 10px;
	margin-right: 1px;
	padding: 5px 10px;
	user-select: all;
}

.prdcod-wrapper {display: flex; align-items: center;}

.prdcod-btn {
	height: 25px;
	border: 1px solid #999;
	border-radius: 10%;
	margin-left: 10px;
	font-size: 12px;
	color: #999;
}

.prdcod-livdescr {
	position: relative;
	top: -10px;
	width: 99%;
	float: left;
	margin: 1px;
	padding: 1px 10px;
	color: #333;
	font-size: 11px;
}

/* Button scroll */
.btnscroll-wrapper {
	position: absolute;
	bottom: -100px;
	width: 120px;
	text-align: center;
	transition: bottom .5s ease-out, opacity .5s ease-out;
	opacity: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.btnscroll-btn {
	background: rgba(255,255,255,.8);
	color: #333;
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	border-radius: 20px;
	line-height: 40px;
	width: 40px;
	height: 40px;
	margin: 0px 5px;
	transition: opacity .3s ease-out;
}

.btnscroll-scroll:hover + .btnscroll-wrapper, .btnscroll-wrapper:hover {
	bottom: 10px;
	opacity: 1;
}

.btnscroll-btn:hover {
	background: rgba(255,255,255,1);
}

.btnscroll-btn.btnscroll-btn-disabled:hover, .btnscroll-btn.btnscroll-btn-disabled {
	background: rgba(255,255,255,1);
	opacity: .1;
}

/* Fake password field (fpf) */
.fpf-wrapper {
	position: relative;
	padding-top: 4px;
}

input.fpf-dotfield {
	background: white !important;
	color: #333;
	font-family: monospace;
	cursor: text !important;
	padding-left: 10px;
	box-shadow: 0 0 5px rgb(94 151 247);
	border: 1px solid rgba(94, 151, 247,.8);
}

.fpf-field {
	background: white;
	color: white;
	position: absolute;
	top: -100%;
	left: 0;
	font-family: monospace;
	opacity: 0;
	padding-left: 10px;
}

.fpf-icon-close {
	color: #999;
	position: absolute;
	right: 6px;
	top: 11px;
	display: none;
}

/* POS */
.pos-option-list {
	margin: 10px;
}

.pos-option {
	margin-bottom: 10px;
}

.pos-option-last {
	padding-top: 10px;
}

.pos-option .button {
	width: 100%;
}

.pos-timeout-box {
	padding: 0 10px 10px 0;
	text-align: center;
}

.pos-loading {
	font-size: 16px;
	padding: 20px;
	text-align: center;
}

.pos-rev-note {
    margin-top: 15px;
}

.pos-rev-note textarea {
	resize: none;
    border: 1px solid rgb(170, 170, 170);
    margin: 5px 0px 0px;
    height: 45px;
    padding: 5px;
}

.pos-progress-msg {
    display: inline-block;
    font-size: 14px;
    padding: 4px 10px;
    text-align: center;
    background-color: rgba(47, 204, 97, .5);
    border: 1px solid rgba(47, 204, 97, 1);
    margin-bottom: 20px;
}

/* Totals */
.totals-extra {
	background: #fff;
	margin-top: 10px;
	display: flex;
}

.totals-extra-item {
	border-right: 1px solid #ccc;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}

.totals-extra-label {
	padding: 10px 8px;
	font-weight: 600;
}

.totals-extra-value:nth-child(even) {
	background-color: #e5e5e5;
}

.totals-extra-value {
	padding: 8px 10px;
	white-space: nowrap;
	line-height: 20px;
	font-size: 14px;
	min-height: 36px;
}

.totals-extra-options {
	border: 0;
	text-align: right;
	background-color: rgb(255,255,255,.9);
	margin-top: 1px;
	width: 100%;
}

/* Merce in viaggio */
.orders-hdr-wrapper {
	display: flex;
	flex-direction: row;
	flex-grow: 0;
}

.orders-hdr-cell {
	position: relative;
	white-space: nowrap;
	flex-shrink: 0;
	flex-grow: 0;
	margin-right: 1px;
	background: rgba(50,50,50,.9);
	color: white;
	padding: 8px;
	font-weight: 600;
	font-size: 14px;
}

.orders-row-wrapper {
	display: flex;
	flex-direction: row;
	background-color: #666;
	cursor: pointer;
}

.orders-row-cell {
	white-space: nowrap;
	flex-shrink: 0;
	flex-grow: 0;
	margin-right: 1px;
	margin-bottom: 1px;
	background: rgba(0,0,0,.95);
	color: white;
	padding: 8px;
	font-size: 14px;
	height: 80px;
}

.orders-firstcell {
	flex-grow: 1;
	white-space: normal;
}

.orders-ordered-col {
	padding-right: 30px;
	cursor: pointer;
}

.orders-hdr-icons {
	position: absolute;
	right: 6px;
	top: 7px;
}

	.orders-hdr-icons .icon {
		font-size: 22px;
		color: #FFF;
		opacity: .5;
	}

		.orders-hdr-icons .icon.icon-on {
			opacity: 1;
		}

.orders-hdr-cell:hover .orders-hdr-icons .icon {
	opacity: 1 !important;
}

.orders-cell-number {
	text-align: center;
	line-height: 64px;
}

.orders-cell-icon {
	text-align: center;
	font-size: 24px;
	line-height: 64px;
}

.orders-hdr-cell.orders-lastcell,
.orders-row-cell.orders-lastcell {
	margin-right: 0;
}

.orders-table-wrapper {
	height: 100%;
}

.orders-table {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.orders-row-scroll {
	flex-grow: 1;
}

.orders-id-wrapper {
	white-space: nowrap;
}

.orders-id-item {
	display: inline-block;
	width: 230px;
	margin-bottom: 5px;
	padding-right: 10px;
}

.orders-id-title {
	text-transform: uppercase;
	color: #aaa;
	line-height: 12px;
	font-size: 12px;
	font-weight: 600;
}

.orders-id-content {
	color: #fff;
	white-space: nowrap;
}

/* Modale documento */
.docmod-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow: hidden;
	height: 64px;
	background: rgba(0,0,0,.8);
	margin-bottom: 1px;
	font-size: 16px;
	font-weight: 300;
	color: white;
}

.docmod-col-descr {
	padding: 10px;
	flex-grow: 1;
	font-size: 14px;
	line-height: 16px;
}

.docmod-col-price,
.docmod-col-size,
.docmod-col-qty {
	flex-grow: 0;
	padding: 0px 10px;
	line-height: 64px;
	text-align: right;
}

	.docmod-col-size .size-link {
		border-radius: 20px;
		background: rgba(255,255,255,.9);
		color: #333;
		font-size: 20px;
		line-height: 24px;
		font-weight: 300;
		min-width: 35px;
		display: inline-block;
		text-align: center;
		min-height: 24px;
		margin-top: 20px;
	}

/* Fiscal Data IT */
.fiscal-data-fields {
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.fiscal-data-labelbox {
	display: inline-block;
	margin: 0px 10px 20px;
}

.fiscal-data-label {
	display: block;
	margin-bottom: 4px;
}

.fiscal-data-labelbox input[type=text] {
	font-size: 20px;
	border: 1px solid #ccc;
	color: #333;
	height: auto;
	padding: 5px 10px;
	display: inline-block;
}

/* Day data */
.dayData-hdr {
	display: flex;
	flex-direction: row;
	height: 64px;
	background-color: rgba(50, 50, 50, .8);
}

.dayData-hdr-col {
	line-height: 64px;
	padding: 0 20px;
	font-size: 30px;
	font-weight: 200;
	color: #fff;
}

.dayData-hdr-sign {
	flex-grow: 0;
}

.dayData-hdr-date {
	flex-grow: 1;
	text-align: center;
}

.dayData-weather {
	display: flex;
}

.dayData-weather-condition {
	padding: 0 15px 5px;
	display: inline-block;
	font-size: 16px;
	margin-right: 15px;
	text-align: center;
}

	.dayData-weather-condition .icon {
		display: block;
		padding: 5px;
		margin-bottom: 5px;
		font-size: 50px;
	}

	.dayData-weather-condition.active {
		border: 1px solid #333;
	}

.dayData-weather-event label {
	margin-bottom: 8px;
	display: block;
}

.dayData-weather-event {
	flex-grow: 1;
	padding-right: 15px;
}

	.dayData-weather-event textarea {
		border: 1px solid #ccc;
		width: 100%;
		height: 80px;
		padding: 5px;
	}

.dayData-block {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
}

.dayData-block-title {
	font-weight: 500;
	font-size: 14px;
	flex-grow: 1;
}

.dayData-block-field {
	flex-grow: 0;
	margin-left: 16px;
}

.dayData-block-label {
	font-size: 12px;
}

.dayData-block-field input[type=text] {
	border: 1px solid #333;
	border: 1px solid #ccc;
	padding: 0px 5px;
	width: 80px;
}

.dd-adv-filters {
	display: flex;
	line-height: 27px;
	padding: 8px;
	flex-wrap: nowrap;
	align-items: center;
}

input[type=text].dd-adv-field, select.dd-adv-field {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0px 4px;
	margin-left: 4px;
	margin-right: 29px;
	height: 30px;
}

.dd-adv-field-year {
	width: 90px;
}

.dd-adv-field-month {
	width: 140px;
}

input[type="checkbox"].dd-adv-field-time {
	margin: 0 8px 0 0;
}

.flex-item-wide {
	flex-grow: 1;
}

.au-checkbox {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 9px;
	display: inline-block;
	position: relative;
}

	.au-checkbox:active, .au-checkbox:checked:active {
		background-color: #eee;
	}

	.au-checkbox:checked {
		color: #99a1a7;
	}

		.au-checkbox:checked:after {
			content: '\2714';
			font-size: 14px;
			position: absolute;
			top: 0px;
			left: 3px;
			color: #99a1a7;
		}

.au-checkbox-label {
	display: flex;
}

.dd-grid {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.dd-grid-header {
	flex-grow: 0;
}

.dd-grid-body {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.dd-grid-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.dd-grid-header .dd-grid-cell {
	background: rgba(50,50,50,.8);
	color: white;
	font-size: 14px;
	line-height: 14px;
	padding: 8px;
	border-right: 1px solid white;
}

.dd-grid-body .dd-grid-cell {
	font-size: 14px;
	line-height: 14px;
	padding: 4px 8px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 35px;
}

	.dd-grid-body .dd-grid-cell.dd-grid-inputcell {
		padding: 0px;
	}

	.dd-grid-body .dd-grid-cell.dd-grid-mlcell {
		padding: 4px 8px;
		line-height: 14px;
		font-size: 12px;
	}

	.dd-grid-body .dd-grid-cell input[type=text] {
		width: 100%;
		padding: 4px 8px;
	}

	.dd-grid-body .dd-grid-cell:last-child,
	.dd-grid-header .dd-grid-cell:last-child {
		border-right: 0;
	}

.dd-grid-cell-date {
	width: 100px
}

.dd-grid-cell-hour {
	width: 80px;
}

.dd-grid-cell-number {
	width: 80px;
}

/* Alert multiline */
.alertml {
	white-space: normal;
}

.alertml-container {
	display: flex;
	flex-direction: row;
	padding-left: 0px;
}

.alertml-icon {
	display: inline-block;
	margin-right: 8px;
}

.alertml-text {
	display: inline-block;
	padding-top: 8px;
}

/* spaces-table */
.spaces-table {
	border-spacing: 1px;
	font-size: 14px;
	color: #333;
	width: calc(100% + 1px);
	border-collapse: separate;
	margin-left: -1px;
}

	.spaces-table th {
		text-align: center;
		font-weight: 600;
		background: #ddd;
	}

	.spaces-table td {
		font-weight: 400;
		background-color: #fff;
	}

	.spaces-table th,
	.spaces-table td {
		padding: 4px 10px;
	}

/* payviewer */
.payViewer-row {
	background: rgba(102,102,102,.9);
	color: white;
	margin-bottom: 1px;
	height: 64px;
	font-weight: 200;
	font-size: 20px;
	line-height: 64px;
	display: flex;
	justify-content: space-between;
}

.payViewer-col {
	padding: 0px 8px;
	width: 33%;
}

.payViewer-descr {
	display: flex;
	align-items: center;
}

.payViewer-info {
	text-align: right;
}

.payViewer-value {
	display: flex;
	align-items: center;
	justify-content: end;
}

.payViewer-change {
	line-height: normal;
	position: relative;
	top: 10px;
	display: flex;
}

.payViewer-rate {
	line-height: normal;
	position: relative;
	bottom: -10px;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
}

.zoom-rembutton,
.zoom-addbutton,
.payViewer-rembutton,
.payViewer-button {
	margin-left: 1px;
	background: white;
	padding: 10px;
	border: 0;
	margin: 0;
	line-height: 20px;
	font-size: 20px;
	font-weight: 200;
	flex-grow: 0;
}

input[type="text"].payViewer-field,
.payViewer-field {
	height: 40px;
	font-size: 20px;
	font-weight: 200;
	padding: 10px;
	line-height: 20px;
	background: white;
	color: black;
	min-width: 200px;
	flex-grow: 1;
	margin-right: 1px;
}

.zoom-rembutton,
.zoom-addbutton,
.payViewer-rembutton {
	margin-left: 10px;
	color: white;
	padding: 7px 10px;
	font-size: 26px;
}

.zoom-rembutton,
.payViewer-rembutton {
	background-color: #ee473a;
}

.zoom-addbutton {
	background-color: rgb(13, 145, 51);
}

.zoom-addbutton.zoom-button-circle,
.zoom-rembutton.zoom-button-circle {
	border-radius: 16px;
    width: 32px;
    line-height: 32px;
	padding: 0px;
}

input[type="text"].payViewer-field {
	text-align: right;
}

button.btn-inline-action {
	padding: 5px 10px;
	border: 0;
	background: rgba(255,255,255,.9);
	font-size: 12px;
	line-height: 12px;
}

.payViewer-typeItem {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	padding: 16px;
}

.payViewer-typeItem-parent {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.payViewer-typeItem-child {
	background-color: white;
	border-bottom: 1px solid #ddd;
	padding-left: 32px
}

.payViewer-typeItem-active {
	background-color: #e5e5e5;
}

/* Header Item Light */
.header-item-light .flex-item-inner {
	background: rgba(255,255,255,.9);
	height: 48px;
	margin-bottom: 1px;
}

	.header-item-light .flex-item-inner h2 {
		font-size: 10px;
		margin-bottom: 3px;
		font-weight: 800;
		color: #333;
	}

	.header-item-light .flex-item-inner p {
		font-weight: 200;
		font-size: 16px;
		line-height: 16px;
		color: #000;
	}

.header-item-light .row, .header-item-light .col {
	padding: 0;
}

/* Entries */
.entry-item {
	display: flex;
	flex-direction: row;
}

.entry-item-col {
	padding: 10px;
	font-size: 12px;
	line-height: 20px;
}

.entry-item-col-grow {
	flex-grow: 1;
}

.au-row.entry-item {
	height: auto;
}

/* Cond Rows */
.cond-row {
	margin-bottom: 8px;
	font-size: 12px;
	color: white;
}

.cond-row-descr {
	background: rgb(80,80,80);
	margin-bottom: 1px;
	padding: 8px;
}

.cond-row-conddescr {
	padding-top: 10px;
}

.cond-row-values {
	display: flex;
	flex-direction: row;
}

.cond-row-value {
	background: rgb(80,80,80);
	flex-grow: 1;
	margin-right: 1px;
	text-align: right;
	padding: 5px 8px;
}

.cond-row-values .cond-row-value:last-child {
	margin-right: 0;
}

/* progress bar */
.pb-steps {
	margin: 20px 10px;
	display: flex;
	flex-flow: row;
}

.pb-step {
	margin-right: 1px;
	flex-grow: 1;
	height: 10px;
	background: #999;
	position: relative;
}

	.pb-step.pb-step-last {
		margin-right: 0px;
	}

.pb-step-progress {
	transition: width .3s;
	position: absolute;
	height: 10px;
	width: 0px;
	background: #000;
	left: 0;
	top: 0;
}

.pb-step-progress-half {
	transition-delay: .3s;
	width: 50% !important;
}

.pb-step-progress-full {
	transition-delay: .0s;
	width: 100% !important;
}

.pb-step-progress-error {
	background-color: #B83E2C;
}

/* Tickets modal */
.tkts-wrapper {
	padding: 10px;
	display: flex;
	flex-direction: row;
	height: 100%;
}

.tkts-items {
	flex-grow: 1;
}

.tkts-item {
	white-space: nowrap;
	padding: 0 10px;
	font-size: 16px;
	line-height: 48px;
	font-weight: 300;
	color: #333;
	background: #eee;
	margin: 0 1px 1px 0;
}

	.tkts-item.tkts-item-selected {
		background: #ddd;
		margin: 0 0px 1px 0;
	}

.tkts-viewer {
	flex-grow: 1;
	background: #ddd;
	overflow-y: auto;
	display: flex;
}

.tkts-viewer-content {
	font-size: 12px;
	font-family: monospace;
	white-space: pre;
	margin: 10px auto;
	user-select: text;
}

/* Cfg Switcher */
.cfg-switcher {
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-align: center;
	color: #333;
	display: none;
}

	.cfg-switcher .icon {
		font-size: 24px;
	}

.cfg-descr {
	font-size: 12px;
	font-weight: 200;
}

.platform-cordova .cfg-switcher {
	display: block;
}

/* Cod range */
.codrange-filter {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	line-height: 32px;
	padding-left: 8px;
	background: #fff; /*#ddd;*/
}

.codrange-filter-inner {
	display: inline-block;
	cursor: pointer;
	padding-right: 10px;
}

.codrange-body {
	display: flex;
	flex-direction: row;
	background: #eee;
	position: relative;
}

.codrange-parts {
	flex-grow: 1;
	overflow-x: auto;
	white-space: nowrap;
	display: flex;
	flex-direction: row;
	padding: 0 0 8px 8px;
	margin-right: 8px;
}

.codrange-part-first {
	font-weight: 600;
}

.codrange-part-row {
	font-size: 12px;
	position: relative;
	line-height: 32px;
	margin-bottom: 1px;
	margin-right: 10px;
}

	.codrange-part-row.codrange-part-header {
		font-size: 14px;
		padding-left: 5px;
	}

	.codrange-part-row .icon {
		position: absolute;
		right: 5px;
		top: 0;
		line-height: 32px;
	}

	.codrange-part-row input {
		padding: 0px 5px;
	}

.codrange-buttons {
	flex-grow: 0;
	white-space: nowrap;
	display: flex;
	align-items: flex-end;
}

.codrange-single-label {
	display: flex;
	justify-content: space-between;
}

.codrange-single-search {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 14px;
	background-color: #FFF;
}

/* Zoom field */
.zf-input {
	height: 34px;
	line-height: 32px;
	font-size: 14px;
	padding-bottom: 2px;
	position: relative;
	padding-right: 30px;
}

.zf-icon {
	position: absolute;
	display: block;
	right: 8px;
	top: 0px;
}

.item-floating-label .input-label.zf-label {
	color: #666;
	font-size: 12px;
	font-weight: 600;
	opacity: 1;
	top: 0px;
}

/* Vettori */
.ship-status {
    background: rgba(0,0,0,.8);
    color: white;
    padding: 8px;
    font-weight: 300;
	display: flex;
}
.ship-status-item {
    margin-right: 8px;
    line-height: 24px;
}
.ship-status-item.icon {
	font-size: 24px;
}
.pkg-row {
	background: rgba(0,0,0,.8);
    margin-bottom: 1px;
    color: white;
    position: relative;
    height: 64px;
}

.pkg-row-number {
    font-size: 14px;
    padding: 10px 30px 10px 10px;
}

.pkg-row .item-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.pkg-row-descr {
    padding: 10px 0px 10px 10px;
}

.pkg-row-descr h1 {
    font-weight: 200;
    font-size: 18px;
    color: white;
    margin-bottom: 3px;
    line-height: 20px;
}

.pkg-row-descr h1.pkg-row-tmp {
	font-style: italic;
	line-height: 20px;
	padding: 10px 0;
}

.pkg-row-descr h1.pkg-row-tmp .icon {
	padding-right: 3px;
}

.pkg-row-size { font-size: 12px; }

.pkg-row-trknum,
.pkg-row-weight {
	padding-left: 30px;
}

.pkg-row-trknum-label,
.pkg-row-weight-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.pkg-row-trknum-value,
.pkg-row-weight-value {
    font-size: 14px;
    text-align: right;
}

.pkg-row-trknum-value input[type=text] {
	background: transparent;
    color: white;
    padding: 0px;
    height: unset;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    cursor: text;
}

.pkg-row-weight-field input[type=text],
.pkg-row-weight-field input[type=number] {
	padding: 0 8px;
    width: 80px;
    height: 30px;
	font-size: 14px;
}

/* Item input checkbox small */
.item-input-cb-small .item-checkbox {
	color: rgb(102,102,102);
	padding: 7px 7px 7px 36px;
}
/* Visualizza stock pop-up */
.stock-view-table {
	width: 100%;
}
.stock-view-table .stock-view-header,
.stock-view-table .stock-view-body .stock-view-row {
	width: 100%;
}
.stock-view-table .stock-view-header .size-list,
.stock-view-table .pq2-qty-cell{
	height: 64px;
	width: 64px;
	max-width: 64px;
	min-width: 64px;
	float: left;
}
.stock-view-table .progs {
	width:200px;	
	max-width: 200px;
	min-width: 200px;
	height: 64px;
	float: left;
}

.item-input-cb-small .item-checkbox .checkbox {
    left: 0;
    padding-left: 0;
}

/* Checkbox multiline */
.checkbox-ml {
	height: 64px;
    display: flex;
    background: rgba(255,255,255,.9);
    align-items: center;
}

.checkbox-ml.btn-toolbar {
	margin-right: 1px;
    height: 64px;
    float: left;
    max-width: 250px;
}
.checkbox-ml .item-checkbox {
	margin: 0;
    border: 0;
    padding-right: 0px;
}

.checkbox-ml-label {
	padding-right: 16px;
    font-size: 14px;
}

/* Toggle multiline */
.item.toggle-ml { white-space: normal; font-size: 14px; }

/* Inline Dynamic Template */
.inline-dyntpl div { display: inline; }
.inline-dyntpl .row { display: inline; padding: 0; flex: none; }
.inline-dyntpl .col {
	display: inline; padding: 0; flex: none;
    font-size: inherit!important;
    line-height: inherit!important;
}

/* Multibolla */
.hi-multidoc-wrapper {
	display: flex;
	justify-content: flex-start;
	overflow-x: auto;
    overflow-y: hidden;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
	padding-bottom: 4px;
}

.hi-multidoc-wrapper .cart-multidoc-pb {
	background-color: #DDD;
	height: 10px;
	margin-bottom: 10px;
}

.hi-multidoc-wrapper .cart-multidoc-pb-progress {
	height: 10px;
}

.hi-multidoc-wrapper::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.hi-multidoc-item {
	font-size: 27px;
	margin-right: 10px;
	position: relative;
}
.hi-multidoc-item-selected:after {
    content: ".";
    border-bottom: 2px solid white;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2px;
    height: 0;
}

.hi-multidoc-summary {
	position: absolute;
    left: 0;
    background: white;
    color: #333;
    font-size: 14px;
    transition: opacity 0.5s;
    z-index: 500;
    white-space: nowrap;
    top: 100%;
    border-radius: 4px;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 50%);
	width: 100%;
}

.hi-multidoc-summary-top {
    background: rgba(50,50,50,.8);
    color: white;
    font-size: 16px;
    display: flex;
    padding: 10px;
    white-space: nowrap;
}

.hi-multidoc-summary-icon {
    font-size: 26px;
    padding: 0 10px 0 0;
}

.hi-multidoc-summary-total {
    display: flex;
    margin: 0 10px 0px 10px;
}

.hi-multidoc-summary-total.last {
	margin: 0 10px 10px 10px;
}

.hi-multidoc-summary-total-descr {
    flex-grow: 1;
    text-align: right;
    font-weight: 600;
}

.hi-multidoc-summary-total-value {
    width: 45px;
    text-align: right;
}

.hi-wrapper-relateddoclist {
	overflow: visible!important;
}

.cart-multidoc-item { background: rgba(0, 0, 0, .8); color: #fff; font-size: 16px; line-height: 16px; margin-bottom: 5px; }
.cart-multidoc-item.cart-multidoc-item-detail { margin-bottom: 0; }
.cart-multidoc-item-content { padding: 8px; display: flex; }
.cart-multidoc-item-title { flex-grow: 1; }
.cart-multidoc-item-qty { flex-grow: 0; width: 150px; text-align: right; }
.cart-multidoc-item-qty .em { font-weight: 600; }
.cart-multidoc-pb { position: relative; height: 6px; background: #fff; }
.cart-multidoc-pb-progress { position: absolute; left: 0; top: 0; height: 6px; }
.cart-multidoc-pb:after { height: 1px; position: absolute; width: 100%; background: black; top: 0; left: 0; content: ""; opacity: .4; }

/* au-colors */
.au-color-1 { color: #5f79ed; }
.au-color-2 { color: #ff7d7d; }
.au-color-3 { color: #6cdf6c; }
.au-color-4 { color: #d76ede; }
.au-color-5 { color: #f2d95f; }
.au-color-6 { color: #3789c8; }
.au-color-7 { color: #f53d3d; }
.au-color-8 { color: #1eb89f; }
.au-color-9 { color: #e4b4ee; }
.au-color-10 { color: #e6ac2d; }
.au-color-11 { color: #6048d5; }
.au-color-12 { color: #e5c49f; }
.au-color-13 { color: #20b14c; }
.au-color-14 { color: #ee44c9; }
.au-color-15 { color: #b7d742; }

/*2fcc61*/

/* OMS */ 
.oms-content .flex-grid-medium .flex-item.oms-h-cst,
.oms-content .flex-grid-small .flex-item.oms-h-cst { 
	width: 66%; 
} 

.oms-manager-body .au-row-info { 
	font-size: 14px; 
} 
.oms-manager-body .product-in-stock .manage-info { 
	margin-top: 20px; 
} 
.oms-manager-body .cart-row.first-row .cart-col-header { 
	position: absolute; top: 2px; right: 14px; font-size: 12px; line-height: 14px; font-weight: 200; vertical-align: bottom; 
} 
 
.oms-content header-item .cst-name>.col { 
	max-width: 25%; min-width: 25%; 
} 
.oms-content header-item .cst-name>.col.au-col-custom { 
	max-width: 25%; min-width: 25%; 
	font-size: 14px;	 
} 
.oms-content header-item .cst-name>.col.au-col-custom>div { 
	line-height: 28px; 
} 
.oms-content header-item .cst-name>.col.au-col-custom>div:first-child { 
	line-height: 0px; 
} 
.oms-manager-body .item-complex .activated { 
	border-color: rgba(0,0,0,.8); 
	background-color: rgba(0,0,0,.8); 
} 
 
.oms-manager-body .cart-row .desc-store { 
	font-size: 16px; 
	font-style: italic; 
	margin-left: 5px; 
} 
.oms-manager-body .cart-row .desc-store.has-error h1 { 
	font-weight: bold;
	font-style: italic; 
	margin-left: 5px; 
	color:rgb(215, 50, 50);
} 
 
.oms-manager-body .sub-cart-oms-row .quad-row { 
	width: 100%; 
	display: flex; 
	flex-wrap: wrap; 
	margin: 0 0 5px; 
	background-color: rgba(255, 255, 255, 0.4); 
	color: rgba(255, 255, 255)!important; 
} 
 
.oms-manager-body .sub-cart-oms-row .quad-item { 
	flex: 1; 
	flex-basis: 250px; 
	display: block; 
	width: 100%; 
	max-width: 255px; 
	background: rgba(0,0,0,.9); 
	margin: 0 1px 1px 0; 
	padding: 10px; 
	margin: 2px; 
    border: 2px solid rgb(0,0,0,.9); 
	white-space: normal; 
} 
.oms-manager-body .sub-cart-oms-row .quad-item.selected { 
	border: 2px solid green; 
	color:rgb(50 215 50)
} 
.oms-manager-body .sub-cart-oms-row .quad-item .col { 
	padding: 0px; 
} 
.oms-manager-body .sub-cart-oms-row .quad-item .icon { 
	cursor: pointer; 
} 
.oms-manager-body .sub-cart-oms-row .quad-item .icon.ion-ios-checkmark 
{ 
	color:#33cd5f 
}

.oms-manager-body .col.stock-store.in-stock {
	color:rgb(50 215 50) 
}
.oms-manager-body .col.stock-store.not-in-stock {
	color:rgb(215, 50, 50) 
}

.oms-payment-address h2 {
	font-size: 14px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: 800;
}
.oms-payment-address.footer-customer {
	height: 128px;
}
.oms-payment-address.footer-customer .row.cst-name {
	padding: 5px;
}

.oms-plan-table .oms-button-product-detail {
	float: right;
	color:#000000
}
.oms-plan-table .oms-button-product-detail::before {
	font-size: 22px;
}
.oms-plan-table table.flow-table {
	width: 100%;
	font-size: 16px;
}
.oms-plan-table table.flow-table thead {
	background-color: rgba(50, 50, 50, 0.8);
	text-align: left;
}
.oms-plan-table table.flow-table th {
	padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;	
	border-color: rgb(255 255 255 / 70%);
	border-style: solid;
    border-top: 1px; 
	border-bottom: 1px;
	border-left: 1px; 
    max-height: 32px;
	color:rgb(255,255,255);
	display: revert;
}

.oms-plan-table table.flow-table thead .oms-doc-ref-opera {
	width: 20%;
	text-align: center;
}

.oms-plan-table table.flow-table thead .oms-doc-ref-tqta {
	width: 45px;
}
.oms-plan-table table.flow-table thead .oms-doc-ref-tval {
	width: 80px;	
}
.oms-plan-table table.flow-table thead .oms-doc-ref-notif {
	width: 70px;
	text-align: center;
}
.oms-plan-table table.flow-table .oms-doc-ref-tval ,
.oms-plan-table table.flow-table .oms-doc-ref-tqta {
	text-align: left;
}
.oms-plan-table table.flow-table  td.oms-doc-ref-notif>div {
	display: flex!important;
	justify-content: space-around;
}


.oms-plan-table table.flow-table tbody tr {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
	border: 1px solid rgba(255, 255, 255, 0);
	border-bottom: 0px solid;
}
.oms-plan-table table.flow-table tbody tr.no-border {
	border-top: 0px;;
}

.oms-plan-table table.flow-table tbody tr.current-doc .row-item.doc-reference-row {
	background-color: rgb(0 0 0 / 70%)
}

.oms-plan-table table.flow-table tbody tr .row-item.doc-product-row {
	background-color: rgb(255 255 255 / 80%);
	color: rgb(0 0 0);
	cursor: default;
}


.oms-plan-table table.flow-table tbody td.row-item {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
	border-right: 1px solid rgba(255, 255, 255, 0);
	display: revert;
	width: auto;
	padding: 5px;	
	cursor: pointer;
}
.oms-plan-table table.flow-table tbody td.row-item.operation,
.oms-plan-table table.flow-table tbody td.row-item.doc-reference-row.no-border {
	cursor: default;
}
.oms-plan-table table.flow-table tbody td.row-item.doc-reference-row.oms-doc-ref-tval,
.oms-plan-table table.flow-table tbody td.row-item.doc-reference-row.oms-doc-ref-tqta,
.oms-plan-table table.flow-table tbody tr .row-item.doc-product-row.oms-prod-ref-tval,
.oms-plan-table table.flow-table tbody tr .row-item.doc-product-row.oms-prod-ref-qty
{
    text-align: right;
}
.oms-plan-table table.flow-table tbody tr .row-item.doc-product-row.oms-prod-ref-status {
	font-weight: 500;
}
.oms-plan-table table.flow-table tbody tr .row-item.doc-product-row.oms-prod-ref-status .status-processed {
	color: #20b14c;
}
.oms-plan-table table.flow-table tbody tr .row-item.doc-product-row.oms-prod-ref-status .status-refused {
	color: #f53d3d;
	cursor: pointer;
}
.oms-plan-table table.flow-table tbody tr .row-item.doc-product-row.oms-prod-ref-status .status-awaiting,
.oms-plan-table table.flow-table tbody tr .row-item.doc-product-row.oms-prod-ref-status .status-reassigned {
	color: #6048d5;
}
.oms-plan-table table.flow-table tbody tr .row-item.doc-product-row.oms-prod-ref-status .status-selled {
	color: #20b14c;
}

.oms-plan-table table.flow-table tbody td.row-item.no-border {
	border-right: 0px;
}

.oms-plan-table table.flow-table tbody td.operation {	
    background-color: rgba(255,255,255,.9);	
    color: black;
	vertical-align: middle;
}
.oms-plan-table table.flow-table tbody td.operation .dyncol-content {
	padding: 5px 5px;
}
.oms-plan-table .casrt-scroll {
	position: relative;
	overflow-x: clip;
}
.oms-plan-table table.flow-table {
	position: absolute;
	left: 0px;
}
.oms-plan-table .cart-rows {
	position: absolute;
	left: 100%;
}
.oms-plan-table table.flow-table, 
.oms-plan-table .cart-rows {    	
    transition: all 0.5s ease-in-out; 
}
.oms-plan-table.to-left table.flow-table, 
.oms-plan-table.to-left .cart-rows {    
	transform: translate(-100%,0);     
}
.oms-plan-table.to-left .cart-rows {
	width: 100%
}

/* Import file modal */
.import-row {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
    font-weight: 400;
	color: #333;
	cursor: pointer;
}
.import-cell-left {
	width: 100%;
	text-align: left;
	margin-left: 10px;
}
.import-cell-right {
	width: 100px;
	text-align: right;
	margin-right: 10px;
}
.import-icon {
	width: 80px;
	margin-bottom: -5px;
	font-size: 36px;
	color: #666;
	text-align: center;
}

.import-btn {
	height: 54px;
	display: flex;
    flex-direction: column;
	align-items: center;
    background-color: #eee;
    color: #666;
    font-size: 16px;
    font-weight: 500;
    margin-top: 1px;
    cursor: pointer;
}

/* Showroom versione compact */
.sr-compact-header {
	display: flex;
    justify-content: space-between;
    background-color: rgb(0,0,0,.8);
    height: 84px;
}

.sr-compact-header h2 {
	color: white;
	font-size: 14px;
	font-weight: 300;
	padding: 10px 0 0 10px ;
}

.sr-compact-header h1 {
	color: white;
	font-size: 24px;
	font-weight: 100;
	padding: 10px;
}

.sr-compact-filter {
    display: flex;
	justify-content: space-between;
    line-height: 54px;
	margin-bottom: 1px;
    background-color: rgb(0,0,0,.8);
    color: white;
    font-size: 20px;
	font-weight: 200;
}
.sr-compact-filter-title {
	padding: 0 10px;
	font-size: 24px;
}

.sr-compact-filter-qty {
	padding: 0 10px;
	text-align: right;
}

.sr-compact-product {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.sr-compact-total {
	display: flex;
	flex-direction: column;
	width: 75px;
	padding: 0 10px;
	overflow-x: auto;
}

.sr-compact-label-tot {
	color: white;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 30px;
    padding: 0 10px;
    width: 50px;
}

.sr-compact-qty {
	width: 55px;
	height: 30px;
	padding: 0 8px;
	background-color: white;
	color: #333;
	text-align: center;
	line-height: 30px;
}

/* Ricerca articoli smartphone */
.search-prd-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 44px;
	margin-bottom: 1px;
	background-color: #fff;
	color: #333;
}
.search-prd-text {
	margin-left: 10px;
	font-size: 18px;
}
.search-prd-results {
	display: flex;
	margin-left: 10px;
	font-size: 14px;
}
.search-prd-cod {
	white-space: nowrap;
	font-weight: 800;
}
.search-prd-descr {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 10px;
}
.search-prd-icon {
	margin-right: 10px;
	font-size: 30px;
}
.search-set-range {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	color: #777;
	font-size: 16px;
	font-weight: 600;
}
.search-range-icon {
	font-size: 20px;
	color: #333;
}
.search-range-wrapper {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	color: #777;
	font-size: 12px;
	font-weight: 600;
}
.search-range-code {
	display: flex;
	align-items: center;
}
.search-range-code input {
	margin: 0 10px;
	padding: 0 10px;
	border-bottom: 1px solid #bbb;
	width: 100px;
}

/* Header-item nel footer */
.hi-footer-right {
	float: right;
	height: 64px;
	margin-left: 1px;
}

.hi-footer-left {
	float: left;
	height: 64px;
	margin-left: 1px;
}

/* checked rows */
.cr-header {
	font-size: 16px;
    padding: 12px;
}

.cr-doc {
	margin-bottom: 1px;
}

.cr-rows {
	margin-bottom: 10px;
}

.item.item-nomargin {
	margin: 0;
}

/* Descrione modale entry */
.note-counter {
	display: flex;
	margin: 0 16px 0 -30px;
}
.max-chars {
	color: #444;
}

/* Showroom multidepp */
.sr-multi-item {
	margin-bottom: 10px;
}
.sr-multi-header {
	height: 39px;
	display: flex;
	align-items: center;
	margin-bottom: 1px;
    background-color: #3f3f3f;
}
.sr-multi-depp {
	width: 33%;
	color: white;
	font-size: 16px;
}
.sr-multi-label {
	margin-top: 1px;
	line-height: 27px;
}
.sr-multi-size {
	height: 30px;
	width: 55px;
	text-align: center;
	margin-right: 1px;
}

.sr-multi-product {
	height: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 1px;
}
.sr-multi-code {
	height: 100%;
	width: 33%;
	display: flex;
	align-items: center;
	padding-left: 10px;
	background-color: #eee;
}

.sr-multi-cod {
	white-space: nowrap;
}
.sr-multi-descr {
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.sr-alt {
	background-color: #ddd;
}

.sr-multi-label-tot {
	color: white;
    font-weight: 700;
    line-height: 30px;
    width: 55px;
    margin-left: 10px;
    text-align: center;
	text-transform: uppercase;
}
.sr-multi-tot {
	font-weight: 700;
	margin-left: 10px;
}

.sr-multi-row-tot {
	background-color: #3f3f3f;
	color: white;
	font-weight: 700;
	text-transform: uppercase;
}
.sr-bold {
	font-weight: 700;
}

/* Classi per altre icone di warning */
.icon-warning {
	font-size: 110%;
	margin-right: 5px;
}

.icon-google {
	background-image: url(https://www.google.com/chrome/static/images/chrome-logo-m100.svg);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 20px;
	padding: 12px;
	font-size: 12px;
}

/* POS */
.pos-payment .item {
	height: 84px;
	font-size: 25px;
	font-weight: 200;
	line-height: 84px;
	padding-top: 0;
}

/* Classi per componente extra (Fiscale PL) */
.flex {display: flex;}
.iso-box {flex-grow: 1; margin-top: 2px;}
.nip-box {flex-grow: 6; margin-top: 1px; border: 1px solid #ddd; color: #333;}


/* Classi per modale porzioni di codice prodotto */
.light-dark-modal {background-color: #ccc;}
.item-selected {background-color: white;}
.item-deselected {background-color: #515151; color: white;}
.item-codPart {display: flex; background-color: white; cursor: pointer;}
.icon-sort {margin-left: 15px; transform: rotate(90deg) scaleX(-2) scaleY(2);}
.icon-sort-small {transform: rotate(90deg) scaleX(-1) scaleY(1);}
.codPart-label {width: 100%; text-align: center;}

/* Classi per la barra di ordinamento dei prodotti */
.search-sorting-bar {
	display: flex;
	width: 93%;
	background-color: white;
	color: #333;
	font-size: 16px;
	line-height: 45px; 
}

.search-sorting-buttons {display: flex; width: 7%;}
.search-sorting-label {margin-left: 15px;}

.search-sorting-btn {
	width: 50%;
	background-color: white;
	border: none;
	margin-left: 1px;
	font-size: 25px;
}

/*#region TAGS */
.hi-tags {
	display: flex; flex-direction: row; flex-wrap: nowrap; /*overflow: auto;*/
}
.hi-tag { 
	flex-grow: 0;
    margin-right: 10px;
    padding: 0px 15px;
    font-size: 12px;
    line-height: 22px;
    color: #333;
    background-color: #e3e3e3;
    font-weight: 400;
    text-transform: uppercase;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
    border-radius: 12px;
	white-space: nowrap;
}
/*#endregion*/

/*#region Coupon*/

/*.promo-icon-star {
	color: #11c1f3;
    font-size: 44px;
}

.sub-row-promo-btn .promo-icon-star {
	text-align: center;
}*/

.star-icon,
.promo-icon,
.cpn-icon {
	background-position: center center;
    background-repeat: no-repeat;
	background-size: contain;
}

.cpn-icon { background-image: url(../img/icon_coupon.svg); }
.promo-icon { background-image: url(../img/icon_promo.svg); }
.star-icon { background-image: url(../img/icon_star.svg); }

.dyncol .cpn-icon,
.dyncol .promo-icon,
.dyncol .star-icon {
	height: 36px;
	width: 36px;
	display: inline-block;
}

.selected-payment-rows .cpn-icon,
.selected-payment-rows .promo-icon,
.selected-payment-rows .star-icon {
	height: 26px;
    width: 26px;
    margin-top: 28px;
    margin-right: 15px;
}

.mq-operator .cpn-icon,
.mq-operator .promo-icon,
.mq-operator .star-icon {
	height: 20px;
	width: 20px;
	display: inline-block;
}

.bar-header .cpn-icon {
	position: relative;
	background: none;
}
.bar-header .cpn-icon::before {
	background-image: url(../img/icon_coupon.svg);
	background-position: center center;
    background-repeat: no-repeat;
	position: absolute;
	height: 24px;
	width: 24px;
	content: ".";
	color: transparent;
    margin-left: -30px;
    margin-top: 11px;
}

.button-large .cpn-icon {
	width: 80%;
    height: 64px;
    display: inline-block;
}

.col-payment-promo-label {
	line-height: 29px;
    display: flex;
    align-items: center;
    white-space: normal;
}
.col-payment-promo-value {
	padding-left: 15px;
}
.sub-row-promo-btn {
	width: 64px;
	height: 64px;
	margin-right: 1px;
	background-color: white;
	cursor: pointer;
	line-height: 54px;
}
.sub-row-promo-btn .promo-icon,
.sub-row-promo-btn .star-icon {
	width: 32px;
	height: 32px;
	margin-left: 16px;
	margin-top: 16px;

}

/*#endregion*/

/*#region Row conditions*/
.rc-totals {
	margin-bottom: 10px; justify-content: space-between;
}
.rc-item-dark {
	background: #333;
	color: white;
	line-height: 24px;
}

.rc-total-item {
	line-height: 29px;
	width: 32%;
	display: flex;
	justify-content: space-between;
	padding: 8px 10px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
}
.rc-total-item-promo {
	border-bottom: 1px solid #11c1f3;
}

.rc-item-left {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: 10px;
}
.rc-item-right {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: 10px;
}
.rc-totals-footer {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
}
.rc-item-totals {
	width: 100px;
}
.rc-item-qty {
	color: #999; margin-left: 10px;
}
.rc-prd-descr {
	position: relative;
	white-space: break-spaces;
	font-weight: 200;
}
.rc-cond-descr {
	display: inline-block;
	position: relative;
	top: -5px;
	font-size: 12px;
}

/*#endregion*/

/*#region Seleziona articoli da riscontrare */
.tc-row {
	overflow: hidden;
    height: 84px;
	background: rgba(0,0,0,.8);
	color: white;
}
.tc-sizes { align-self: flex-end; }
.tc-img { width: 84px; height: 84px; }
.tc-prd { padding: 8px 0 0 8px; }
.tc-cod {
	font-size: 13px;
	font-weight: 600;
}
.tc-descr {
	font-size: 20px;
    font-weight: 200;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tc-doc {
	font-size: 14px;
    font-weight: 400;
    padding-top: 12px;
}
.tc-addall { cursor: pointer; height: 48px; margin-left: 1px; background: #fff; color: #333; line-height: 48px; width: 32px; text-align: center; font-size: 18px; }
.tc-seldoc-row { color: #FFF; }
.flex-item.tc-seldoc-row h2, .tc-seldoc-row h2 {
	font-weight: 800;
}

.tc-seldoc-row .row, .tc-seldoc-row .col {
	padding: 0;
} 

.tc-seldoc-small {
	font-size: 12px;
	font-weight: 300;
}

.tc-seldoc-big,
.au-row-modal .tc-seldoc-big p  {
	font-size: 20px;
	line-height: 20px;
	font-weight: 100;
}

/*#endregion*/
/*#region Fiscale PL modale*/
.pl-valid-label { background-color: #333; color:  white; font-weight: bold; }
.pl-invalid-label {
	line-height: 50px;
	background-color: #fff;
	font-weight: bold;
	padding-left: 10px;
	border-top: 1px solid #333;
}
.pl-list {
	display: flex;
	line-height: 50px;
	background-color: #ccc;
	margin-bottom: 1px;
	font-weight: 500;
	padding-left: 50px;
}
.pl-list-item { flex-grow: 1; padding-left: 10px; }

.pl-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #eee;
}
.pl-cst-data { display: flex; flex-direction: column; flex-grow: 1 }
.pl-nip-container { display: flex; border-bottom: 1px solid #ccc; }
.pl-nip-label {
	line-height: 40px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	flex-grow: 1;
	text-align: center;
}
.pl-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
}
.pl-footer {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: space-around;
}
.pl-btn {
	height: 20%;
	margin: 0 50px;
	border: none;
	cursor: pointer;
	background-color: white;
	font-size: 18px;
	color: #333;
}

/*#endregion*/

/*#region Toolbar */
.tb-toggle { 
	float: left;
    background: rgba(255,255,255,.9);
    display: flex;
    height: 64px;
    margin-right: 1px;
    line-height: 64px;
    font-size: 16px;
    color: #333;
}
.tb-toggle-label {
	font-size: 16px;
	padding: 0 10px;
}
.tb-toggle-input {
	padding: 0 10px;
	margin-top: 10px;
}
/*#endregion */
/*#region GenDoc */
.gd-param { margin-bottom: 1px; }
.gd-title {
	color: white;
	background: rgba(50,50,50,.8);
	font-size: 18px;
	font-weight: 200;
	padding: 10px;
}
.gd-title button {
    border: 0;
	padding: 5px 10px;
    background: rgba(255,255,255,.9);
    font-size: 12px;
    line-height: 12px;
}
.gd-body { background: white; margin-bottom: 10px; padding: 10px; }
.gd-body.gd-body-nopadding { padding: 0px; }
.gd-item { margin-right: 40px; font-size: 14px; }
.gd-item-title { font-weight: 600; }
.gd-item-title-icon { position: relative; padding-right: 20px; }
.gd-item-title-icon .icon { position: absolute; top: 0; right: 0; }
.checkbox-inline { border: 0; font-size: 14px; padding: 5px 0 5px 35px; }
.item-checkbox.checkbox-inline .checkbox { left: 0px; padding: 7px 0px; }

/*#region Input date-picker */
.dp-label-outer .input-label {opacity: 0 !important;}
.dp-label-wrapper {	display: flex; align-items: center;	width: 98%; }
.dp-label {	margin-right: 10px;	font-size: 14px; color: #a9a9a9; flex-grow: 0; }
.dp-wrapper {margin-top: -3px;}

.dp-input, .dp-text, input.dp-input { flex-grow: 1; }
div.dp-text { padding: 5px 0; }
.dp-input-dark, input.dp-input-dark { background-color: transparent; color: white; font-size: 21px; min-width: 180px; }
.dp-input-small, input.dp-input-small {width: 110px; height: auto;}

.dp-btn { font-size: 20px; display: flex; align-items: center; flex-grow: 0; cursor: pointer;}
/*#endregion*/

/*#region au-calendar*/
.au-cal-dows, .au-cal-days {
	display: flex;
}

.au-cal-dow, .au-cal-day {
	flex-basis: calc(100%/7);
	margin-right: 1px;
	margin-bottom: 1px;
}

.au-cal-dow:last-child, .au-cal-day:last-child {
	margin-right: 0;
}

.au-cal-dow {
	background: rgba(50, 50, 50, .8);
	color: white;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 0;
}

.au-cal-day {
	background: #fff;
	height: 84px;
	overflow: hidden;
	padding: 5px;
}
.au-cal-day.old, .au-cal-day.new {
	opacity: .5;
}

.au-cal-day-number {
    font-weight: 600;
    color: #333;
    font-size: 20px;
}
.au-cal-input {
	display: flex;
}

.au-cal-input .label {
    font-size: 12px;
    line-height: 22px;
    padding-right: 4px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    text-align: right;
    flex-grow: 1;
}

.au-cal-input input[type="number"],
.au-cal-input input[type="text"] {
	height: 22px;
    font-size: 14px;
    padding: 4px;
    border-bottom: 1px solid #999;
    width: 50%;
    text-align: right;
}

.au-cal-copy {
	position: absolute;
    font-size: 22px;
    cursor: pointer;
    padding-top: 5px;
}

/*#endregion*/ 

/*#region MonthYear Zoom*/
.myz-form {
	display: flex;
}
.myz-form label {
	display: block;
}

.myz-form label:first-child {
	margin-right: 4px;
}

.myz-form label:last-child {
	margin-left: 4px;
}

.myz-form input {
	width: 100%;
	padding: 2px 4px;
}
.myz-form-error {
	padding-top: 10px;
	color: #B83E2C;
	font-size: 12px;
	font-weight: 600;
}

.my-value {
	display: inline-block;
    min-width: 180px;
    text-align: center;
    padding: 0 5px;
}

.my-btn-prev, .my-btn-next { display: inline-block; cursor: pointer; }
.my-btn-prev { padding-right: 10px; }
.my-btn-next { padding-left: 10px; }

/*#endregion*/

/*#region Modal form*/

.modal-form-label { line-height: 34px; }

.modal-form input[type="text"],
.modal-form input[type="number"] {
	border: 1px solid #ccc;
    padding: 0px 5px;
}

.modal-form input[type="text"]:disabled,
.modal-form input[type="number"]:disabled {
	background-color: #fff;
}

.modal-form .item-note {
	display: flex;
	justify-content: flex-end;
	font-size: 16px;
	align-items: center;
	color: #444;
}

.modal-form .item-note .icon, .step-field .icon {
	font-size: 26px;
	color: #ccc;
}

.modal-form .item-note a {
	cursor: pointer;
}

.modal-form-item { margin-left: 8px; }

/*#endregion*/

/*#region ECR2*/

.ecr2-details {
    width: 50%;
}

.ecr2-calc-items {
	display: flex;
    flex-wrap: wrap;
	color: white;
}

.ecr2-calc-item {
    background: rgba(0, 0, 0, .8);
    width: 33%;
    margin: 0 1px 1px 0;
}

.ecr2-calc-title {
	font-size: 18px;
	padding: 5px;
}

.ecr2-calc-img {
    padding: 0 5px;
}

.ecr2-calc-img img {
    background: none;
	max-width: 100%;
}

.ecr2-calc-value {
	justify-content: space-between;
    align-items: flex-end;
}

input[type="text"].input-dark,
input[type="number"].input-dark {
	background: none;
    color: white;
    border-bottom: 1px solid white;
    height: auto;
    line-height: 20px;
    width: 50px;
}

.ecr2-calc-value a {
	color: white;
	font-size: 20px;
}

.ecr2-totals { width: 50%; padding-right: 10px; padding-left: 20px; }

.ecr2-total {
	background: rgba(0, 0, 0, .8);
	color: white;
	line-height: 48px;
	justify-content: space-between;
	font-size: 20px;
    padding: 0 10px;
    font-weight: 300;
	margin-bottom: 1px;
	position: relative;
}

.ecr2-total.ecr2-total-small {
	font-size: 16px;
	line-height: 36px;
	background: rgba(50, 50, 50, .8);
}

.ecr2-total-calc:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, .8);
	border-width: 24px;
	margin-top: -24px;
}

.ecr2-causal-add {
	font-size: 16px;
	background: white;
	font-weight: 300;
	color: #333;
	line-height: 34px;
}

.ecr2-causal-add .icon { color: #33cd5f; }

.ecr2-total-edit,
.ecr2-causal {
	margin-bottom: 1px;
	position: relative;
	line-height: 48px;
	font-size: 20px;
	font-weight: 300;
}

.ecr2-causal {
   padding-right: 49px;
}

.ecr2-total-edit {
	font-weight: 600;
}

.ecr2-remove-btn {
	position: absolute;
    right: 0;
	color: #ee3a3a;
	font-size: 24px;
	width: 48px;
    background: white;
    top: 0;
    text-align: center;
	cursor: pointer;
}

.ecr2-total-edit.flex-grid,
.ecr2-causal .flex-grid {
	background: #fff;
	justify-content: space-between;
	align-items: flex-end;
}

input[type="number"].input-line,
input[type="text"].input-line {
	background: none;
    color: #333;
    border-bottom: 1px solid black;
    height: auto;
}

.ecr2-totals input.input-line {
	font-size: 20px;
    text-align: right;
    width: 150px;
}

.ecr2-takings-list {
	position: relative;
}

.ecr2-takings-parent,
.ecr2-takings-child {
	line-height: 48px;
	margin-bottom: 1px;
	font-size: 16px;
	width: 100%;
}

.ecr2-takings-parent {
	background-color: #aaa;
	font-weight: 600;
	justify-content: space-between;
}

.ecr2-takings-child {
	background-color: #FFF;
	font-weight: 300;
}

.ecr2-takings-child .ecr2-takings-label {
	width: 50%;
}

.ecr2-takings-totals {
	justify-content: space-between;
	/* TODO: Far diventare justify-content: space-between una classe */
}

.ecr2-operation {
	font-size: 24px;
	font-weight: 200;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 72px;
	margin: 10px 10px 0 10px;
	cursor: pointer;
}

.ecr2-total.ecr2-total-ok,
.ecr2-total.ecr2-total-warn {
	font-weight: 600;
	line-height: 36px;
    font-size: 18px;
}

.ecr2-total-ok {
	background-color: #2fcc61;
	color: white;
}

.ecr2-total-warn {
	color: black;
	background-color: #FDC836;
}

.ecr2-total-subitem-desc {
	padding-left: 22px;
}

.ecr2-check {
    color: #fff;
    background-color: #fff;
    border-radius: 10px;
    height: 18px;
    margin-top: 8px;
    padding-left: 1px;
    line-height: 20px;
    width: 18px;
    margin-right: 10px;
    font-size: 20px;
}

.ecr2-check.checked {
	background-color: transparent;
    font-size: 21px;
    margin-top: 7px;
    margin-left: -1px;
    margin-right: 11px;
}

.ecr2-check .icon {
	display: none;
}

.ecr2-check.checked .icon {
	color: #2fcc61;
	display: inline;
}

.ecr2-total-scroll-wrapper {
	overflow-y: scroll;
}

/*#endregion*/