:root {
	--moo-black-light: #656565;
	--moo-blue: #1c93d2;
	--moo-blue-dark: #0066a0;
	--moo-blue-light: #65c3ff;
	--moo-green: #2fac66;
	--moo-green-dark: #007c3a;
	--moo-grey: #808080;
	--moo-grey-dark: #1f2733;
	--moo-grey-light: #c8c8c8;
	--moo-grey-lighter: #e9e9e9;
	--moo-orange: #f08100;
	--moo-orange-dark: #b75300;
	--moo-petrolio: #326b93;
	--moo-petrolio-dark: #28587b;
	--moo-pink: #f455af;
	--moo-pink-dark: #be1380;
	--moo-purple: #a06a9e;
	--moo-purple-dark: #703e6f;
	--moo-red: #e40428;
	--moo-red-dark: #a90000;
	--moo-yellow: #ffda00;
	--moo-yellow-dark: #c7a900;
	--moo-white-dark: #f5f5f5;
	/* colori clienti */
	--moo-customer-bloccato: #ff3f23;
	--moo-customer-margine-fido-ko: #f79c25;
	--moo-customer-scaduto: #e4eb00;
	--moo-customer-in-scadenza: #f6cff4;
/*
	--moo-color-control: #e8e8e8;
	--moo-color-header: #f4f4f4;
	--moo-color-android-hint: #a8a8a8;
	--moo-color-ios-hint: #aaaaaa;
*/
	--moo-font-family-default: Poppins, Helvetica, Arial, sans-serif;
	--moo-font-family-monospace: "Roboto Mono", Courier, monospace;
}
body {
	font-family: var(--moo-font-family-default);
	font-family: Poppins, Helvetica, Arial, sans-serif;
}
.footer {
	color: #999;
	font-size: 11px;
	text-align: right;
}
p.footer {
	background-color: #fff;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 20px;
}
p.footer a {
	margin: 0 0 0 10px;
}
p.footer .logo-footer {
	height: 30px;
	vertical-align: middle;
}
.pagination {
	margin:0;
}
.pagination li {
	display:inline-block;
	vertical-align: middle;
}
.page-input {
	display: inline-block;
	text-align: center;
	width: 44px;
}
.page-input-cont {
	margin-bottom: 15px;
	text-align: right;
}
li.disabled a {
	cursor: default!important;
}
table.monospace td {
	font-family: "Roboto Mono", Courier, monospace;
	font-size: 12px;
}
th.center,td.center {
	text-align: center;
}
th.right,td.right {
	text-align: right;
}
.separator {
	color:#999;
}
.huge {
	font-size: 20px;
}
.text-mini {
	font-size: 11px;
}
.text-monospace {
	font-family: "Roboto Mono", Courier, monospace;
}
.text-italic {
	font-style: italic;
}
.fa-5x {
	font-size: 3em;
}
.riepilogo td {
	padding-right: 5px;
}
.riepilogo .td-value {
}
.riepilogo .td-label {
	color: #666;
}
.order-blocks {
	margin-top: 10px;
	margin-bottom: 0px;
}
.order-blocks .well .table {
	margin-bottom: 0;
}
.order-blocks .td-label {
	color:#999;
}
.order-blocks .table td {
	padding: 2px 0;
}
.order-blocks h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	/*border-bottom: 1px solid #ddd;*/
	padding-bottom: 5px;
}
.row.create-order {
	margin-bottom: 5px;
	text-align: right;
}
.back-btn {
	margin: 0 0 20px;
}
.page-header.sub-page {
	margin-top:20px;
}
.spinner {
	background-position: center;
	background-image: url('../content/img/spinner.gif');
	width: 40px;
	background-size: 110px;
	background-repeat: no-repeat;
	height: 40px;
	clear: both;
	margin: 0 auto;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}
.nascosto {
	visibility: hidden;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	cursor: default;
}
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group>.disabled {
	cursor:default!important;
}
.barrato {
	text-decoration: line-through;
}
.alert.alert-sm {
	font-size: 12px;
	padding: 10px;
}
.alert.alert-xs {
	font-size: 12px;
	padding: 6px 10px;
}
.mdi-spin-fast::before {
	-webkit-animation: mdi-spin 1s infinite linear;
	animation: mdi-spin 1s infinite linear;
}
.clickable {
	cursor: pointer;
}

/* .panel custom */
.panel-sm .panel-heading {
	padding: 6px 10px;
}
.panel-sm .panel-title {
	font-size: 14px;
}
.panel-sm .panel-body {
	padding: 10px;
}

.bg-greyed {
	background-color: #f5f5f5;
}
.border-greyed {
	border: 1px solid #ccc;
}
.text-greyed {
	color: #333;
}
.text-greyed-light {
	color: #999;
}
.alert-greyed {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	color: #333;
}
.panel-greyed {
	border-color: #ccc;
}
.panel-greyed > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ccc;
}
.border-success, .border-info, .border-warning, .border-danger {
	border: 1px solid transparent;
	border-radius: 4px;
}
.border-success {
	border-color: #d6e9c6;
}
.border-info {
	border-color: #bce8f1;
}
.border-warning {
	border-color: #faebcc;
}
.border-danger {
	border-color: #ebccd1;
}

/* .btn con icona MDI all'interno e label */
.btn.with-mdi {
	align-items: center;
	display: inline-flex;
	gap: 4px;
	padding: 6px 8px;
}
.btn.with-mdi .mdi {
	font-size: 20px;
	height: 20px;
	line-height: 1;
}
.btn.with-mdi .btn-with-mdi-label:last-child {
	margin-right: 4px;
}
.btn.with-mdi .btn-with-mdi-label:first-child {
	margin-left: 4px;
}
.btn.with-mdi .mdi::before {
	display: block;
}
.btn.btn-sm.with-mdi {
	padding: 4px 6px;
}
.btn.btn-sm.with-mdi .mdi {
	font-size: 20px;
	height: 20px;
}
.btn.btn-sm.with-mdi .btn-with-mdi-label:last-child {
	margin-right: 4px;
}
.btn.btn-sm.with-mdi .btn-with-mdi-label:first-child {
	margin-left: 4px;
}
.btn.btn-xs.with-mdi {
	padding: 1px 3px;
}
.btn.btn-xs.with-mdi .mdi {
	font-size: 16px;
	height: 16px;
}
.btn.btn-xs.with-mdi .btn-with-mdi-label:last-child {
	margin-right: 2px;
}
.btn.btn-xs.with-mdi .btn-with-mdi-label:first-child {
	margin-left: 2px;
}

/* .input-group con icona MDI in .input-group-addon e label */
.input-group.with-mdi {
	align-items: center;
	display: inline-flex;
}
.input-group.with-mdi .form-control {
	display: block;
	flex: 1 1 100%;
	float: none;
}
.input-group.with-mdi .input-group-addon {
	flex: 0 0 auto;
	width: auto;
}
.input-group-addon.with-mdi {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 6px 8px;
}
.input-group-addon.with-mdi .mdi {
	font-size: 20px;
	height: 20px;
	line-height: 1;
}
.input-group-addon.with-mdi .input-group-addon-with-mdi-label:last-child {
	margin-right: 4px;
}
.input-group-addon.with-mdi .input-group-addon-with-mdi-label:first-child {
	margin-left: 4px;
}
.input-group-addon.with-mdi .mdi::before {
	display: block;
}

/* .nav-tabs con icona MDI nel nome delle tab ed eventuale badge */
.nav-tabs > li.with-mdi > a {
	padding: 10px;
}
.nav-tabs > li.with-mdi > a .tab-with-mdi {
	display: flex;
	align-items: center;
	gap: 5px;
}
.tab-with-mdi .mdi {
	font-size: 20px;
	height: 20px;
	line-height: 1;
}
.tab-with-mdi .mdi::before {
	display: block;
}
.tab-with-mdi .tab-with-mdi-label:last-child {
	margin-right: 5px;
}
.tab-with-mdi .tab-with-mdi-label:first-child {
	margin-left: 5px;
}

/* casella di testo con pulsante di cancellazione */
.input-text-clearable-container {
	position: relative;
}
.input-text-clearable-container .form-control {
	padding-right: 34px;
}
.input-text-clearable-container.input-group .form-control:not(:last-child) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.input-text-clearable-container .form-control.input-sm {
	padding-right: 30px;
}
.input-text-clearable-container.input-group .form-control.input-sm:not(:last-child) {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.input-text-clearable-container .form-control ~ .clear-input-text {
	align-items: center;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	bottom: 0;
	color: #ccc;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	justify-content: center;
	padding: 5px 10px;
	pointer-events: auto;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: auto;
	z-index: 3;
}
.input-text-clearable-container .form-control.input-sm ~ .clear-input-text {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	font-size: 12px;
}
.input-text-clearable-container .clear-input-text:hover {
	color: #333;
}

/* elementi di input vari */
.form-control {
	-webkit-box-shadow : none;
	box-shadow: none;
}
.form-control:focus {
	-webkit-box-shadow : none;
	box-shadow: none;
}
.form-control.ng-pristine.ng-invalid.ng-invalid-required {
	border-color: #999;
	border-width: 1px;
}
.form-control.ng-dirty.ng-invalid,
.form-control.ng-dirty.ng-invalid.ng-invalid-required,
.form-control.ng-touched.ng-invalid,
.form-control.ng-touched.ng-invalid.ng-invalid-required {
	border-color: red;
	border-width: 2px;
}
.form-control-wrapper {
	position: relative;
}
.form-control-wrapper .form-error-invalid-msg {
	background-color: #fff;
	border: 1px solid red;
	border-top: none;
	bottom: -9px;
	color: red;
	font-size: 12px;
	padding: 0 4px;
	position: absolute;
	right: 20px;
	z-index: 1;
}

.checkbox input[type="checkbox"],
.checkbox > label,
label > input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.checkbox-inline > label,
.radio input[type="radio"],
.radio > label,
label > input[type="radio"],
.radio-inline input[type="radio"],
.radio-inline > label {
	cursor: pointer;
}
.template-loading-enable {
	height: 100%;
	min-height: 34px;
	position: relative;
	width: 100%;
}
.template-loading-container {
	height: 100%;
	position: absolute;
	text-align: center;
	width: 100%;
}
.template-loading-spinner {
	font-size: 24px;
	line-height: 32px;
}

.paging-pagination {
	margin: 0 0 10px 0;
	float: right;
}
.per-page-selector {
	border-right: 1px solid #eee;
	padding-right: 10px;
	margin-right: 10px;
}
.per-page-selector select {
	display: inline-block;
	clear: none;
	width: 90px;
}
.paging-trovati {
	margin-top: 5px;
	display: inline-block;
}
.detail-title {
	margin-top: 0;
}
.contieni {
	max-width: 500px;
}
.box-select-cliente h3 {
	margin-top: 0;
}
.logo-container {
	text-align: center;
	margin: 10px 0;
}
.logo-container img {
	margin: 15px 0;
	max-height: 100px;
	max-width: 220px;
	transform: translateZ(0);
}
.logo-container p {
	margin: 0;
}
.navbar {
	min-height: 0;
	position: inherit;
}
.navbar.navbar-static-top {
	border-bottom-width: 0;
	margin-bottom: 0;
}
.navbar-header {
	display: none;
}
.navbar-header .navbar-toggle {
	background-color: #f8f8f8;
	color: #666;
	height: 40px;
	line-height: 24px;
	margin: 0;
	padding: 9px;
	text-align: center;
	width: 40px;
}
.navbar-header .navbar-toggle:focus,
.navbar-header .navbar-toggle:hover {
	background-color: white;
}
.navbar-header .navbar-toggle .fa {
	font-size: 21px;
	margin: 0;
}
.sidebar {
	margin-top: 0;
}
.admin-title {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding: 0 15px;
}
.user-info-container {
	padding: 0 15px;
}
.user-info {
	background-color: #fff;
	border: 2px solid #eee;
	border-radius: 6px;
	color: #333;
	font-size: 12px;
	line-height: 14px;
	padding: 10px;
}
.user-info .fa {
	color: #666;
	font-size: 16px;
	margin-bottom: 3px;
}
.desc-agente {
	font-size: 11px;
	color: #666;
}
.select-language-container {
	padding: 10px 15px 0;
}
.select-language-container > .row {
	display: flex;
	align-items: center;
}
.select-language-container .notification-badge-container {
	padding-left: 0;
	margin-right: 10px;
	justify-content: center;
	cursor: pointer;
}
.sidebar .sidebar-nav.navbar-collapse {
	border-top: 0;
}
.sidebar.sidebar-mini .sidebar-nav.navbar-collapse {
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.sidebar.sidebar-mini .sidebar-nav.navbar-collapse::-webkit-scrollbar {
	display: none;
}
.sidebar:not(.sidebar-mini) .nav > li > a {
	align-items: center;
	display: flex;
	gap: 5px;
}
.sidebar:not(.sidebar-mini) .nav > li > a .fa {
	flex: 0 0 auto;
}
.sidebar:not(.sidebar-mini) .nav > li > a .icon-label {
	flex: 1 1 100%;
}
.sidebar .navbar-toggle {
	flex: 0 0 auto;
	margin: 0 10px 0 0;
	padding: 8px 10px;
	order: 5;
}
.sidebar .navbar-toggle .fa {
	font-size: 21px;
}

/* stili per quando è attiva la replica */
.replica-active .navbar-default {
	background-color: var(--moo-orange);
	border-color: var(--moo-orange-dark);
	color: white;
}
.replica-active .sidebar ul li a.active {
	background-color: var(--moo-orange-dark);
}
.replica-active .sidebar a {
	color: inherit;
}
.replica-active .toggle-sidebar {
	background-color: var(--moo-orange);
	border-color: var(--moo-orange-dark);
	color: var(--moo-orange-dark);
}
.replica-active .admin-title {
	color: white;
}
.replica-active .nav > li > a:focus,
.replica-active .nav > li > a:hover {
	background-color: var(--moo-red-dark);
}

/* .notifica-list-modal.moosaico-modal {
	padding-left: 0;
	padding-right: 0;
} */

.notifica-list-modal-body {
	height: calc(100vh - 125px);
	overflow-x: hidden;
	overflow-y: auto;
}
h2.notifica-list-modal-title {
	text-align: center;
}

.notifica-list-modal-body h4.title-altre-notifiche,
.notifica-list-modal-body h4.title-in-evidenza {
	font-weight: 600;
	text-align: center;
	margin-right: 10px;
}

.notifica-item {
	border-bottom: 1px solid gainsboro;
	cursor: pointer;
	padding: 1rem 0;
}
.notifica-item:hover {
	background-color: #f8f8f8;
}

.notifica-item .notifica-immagine-container {
	text-align: center;
}
.notifica-item .notifica {
	display: flex;
	align-items: center;
}
.notifica-item .notifica-immagine-container .notifica-immagine {
	height: 100px;
	padding: 1rem 0;
}

.row.notifica-details-immagine-container .notifica-details-immagine-column-container{
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 400px;
}
img.notifica-details-immagine {
	max-height: 400px;
	max-width: 100%;
}

.notifica-item .notifica-titolo {
	font-weight: 600;
}

.row.notifiche-list-loading-container {
	text-align: center;
	font-size: 3rem;
}
.row.notifiche-list-load-more-container {
	text-align: center;
	padding: 1rem 0;
}

.row.date-divider {
	margin-bottom: 5px;
	text-align: center;
}
span.date-divider {
	font-weight: 600;
}

.notifica span.notifica-messaggio {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.row.notifica-details-messaggio-container span.notifica-details-messaggio {
	font-size: 1.6rem;
}
.row.notifica-details-notice-allegati-container span.notifica-details-notice-allegati {
	font-size: 1.6rem;
}

.row.notifica-details-messaggio-container,
.row.notifica-details-notice-allegati-container {
	padding: 1rem;
}

.row.notifica-details-immagine-container {
	margin: 2rem auto;
	text-align: center;
}

.row.notifica-details-notice-allegati-container {
	margin-top: 4rem;
}
.row.notifica-details-allegati-container {
	margin-top: 1.5rem;
}
.row.notifica-details-allegati-container a.notifica-detail-allegato-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.5rem;
	height: 7.5rem;
	width: 7.5rem;
	background-color: whitesmoke;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #286090;
}

.row.notifica-details-allegati-container a.notifica-detail-allegato-container span.notifica-detail-allegato-icon {
	font-size: 2.2rem;
}

#page-wrapper {
	min-height: unset;
}

.select-cliente-typeahead .glyphicon-refresh {
	color:#0b97c4;
}
.select-cliente-typeahead .glyphicon-remove {
	color:#999;
}
.box-select-agente,
.box-select-cliente,
.box-select-tipischede,
.box-single-select {
	position: relative;
}
.typeahead-info-box {
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 2px;
	padding: 10px;
	position: absolute;
	width: 100%;
	z-index: 9;
}
.typeahead-loading {
	display: block;
	margin: auto;
}
.clear-input-button {
	color: #ccc;
	cursor: pointer;
	display: block;
	overflow: hidden;
	pointer-events: auto;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	z-index: 100;
}
.clear-input-button:hover {
	color: #333;
}
.select-agente-typeahead,
.select-cliente-typeahead,
.select-tipischede-typeahead {
	margin-bottom: 5px;
	position: relative;
}
.single-select-typeahead {
	margin-bottom: 0;
	position: relative;
}
.select-agente-typeahead input.form-control,
.select-cliente-typeahead input.form-control,
.select-tipischede-typeahead input.form-control,
.single-select-typeahead input.form-control {
	padding-right: 32px;
}
.select-agente-typeahead input.form-control::-ms-clear,
.select-cliente-typeahead input.form-control::-ms-clear,
.select-tipischede-typeahead input.form-control::-ms-clear,
.single-select-typeahead input.form-control::-ms-clear,
.input-date-range input.form-control::-ms-clear {
	display: none;
	height: 0;
	width: 0;
}
.single-select-typeahead .dropdown-menu {
	max-height: 275px;
	overflow: auto;
}
ul.dropdown-menu > li.uib-typeahead-match.bloccato {
	background-color: var(--moo-customer-bloccato); /* #ff3f23; */
}
ul.dropdown-menu > li.uib-typeahead-match.margine-fido-ko {
	background-color: var(--moo-customer-margine-fido-ko); /* #f79c25; */
}
ul.dropdown-menu > li.uib-typeahead-match.in-scadenza > a > span.uib-typeahead-match-subtitle,
ul.dropdown-menu > li.uib-typeahead-match.scaduto > a > span.uib-typeahead-match-subtitle {
	color: #6a6a6a;
}
ul.dropdown-menu > li.uib-typeahead-match.bloccato > a > span.uib-typeahead-match-subtitle {
	color: #000;
}
ul.dropdown-menu > li.uib-typeahead-match.bloccato > a > span.uib-typeahead-match-main,
ul.dropdown-menu > li.uib-typeahead-match.margine-fido-ko > a > span.uib-typeahead-match-subtitle {
	color: #eee;
}
ul.dropdown-menu > li.uib-typeahead-match.scaduto {
	background-color: var(--moo-customer-scaduto); /* #e4eb00; */
}
ul.dropdown-menu > li.uib-typeahead-match.in-scadenza {
	background-color: var(--moo-customer-in-scadenza); /* #f6cff4; */
}


/* moo-numeric-input */
/* moo-numeric-input, contenitore */
.moo-numeric-input {
	align-items: center;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	font-size: 14px;
	/*height: 34px;*/
	justify-content: flex-start;
	line-height: 1.42857143;
	margin: 0;
	padding: 0;
	width: 100%;
}
.moo-numeric-input.moo-input-sm {
	border-radius: 3px;
	font-size: 12px;
	/*height: 30px;*/
	line-height: 1.5;
}
.moo-numeric-input.moo-input-xs {
	border-radius: 3px;
	font-size: 11px;
	/*height: 24px;*/
	line-height: 1.454545;
}
.moo-numeric-input:focus,
.moo-numeric-input:focus-within {
	border-color: #66afe9;
}
/* moo-numeric-input, input e suo contenitore */
.moo-numeric-input .input-container {
	flex: 1 1 auto;
}
.moo-numeric-input.disabled {
	cursor: not-allowed;
	opacity: 0.5;
}
.input-container .input-elem {
	background: transparent;
	border: none;
	border-radius: 3px 0 0 3px;
	display: block;
	padding: 6px 0 6px 12px;
	text-align: inherit;
	width: 100%;
}
.input-container .input-elem:is([disabled], .disabled) {
	cursor: not-allowed;
}
.moo-input-sm .input-container .input-elem {
	border-radius: 2px 0 0 2px;
	padding: 5px 0 5px 10px;
}
.moo-input-xs .input-container .input-elem {
	border-radius: 2px 0 0 2px;
	padding: 3px 0 3px 8px;
}
.input-container .input-elem:focus,
.input-container .input-elem:focus-visible {
	outline: none;
}
/* moo-numeric-input, pulsanti, loro contenitore e icona */
.moo-numeric-input .control-buttons {
	align-items: center;
	align-self: stretch;
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	flex-wrap: nowrap;
}
.control-buttons .control-button {
	background-color: var(--moo-grey-lighter);
	border: none;
	flex: 1 1 auto;
	font-size: 16px;
	line-height: 1;
	margin: 0;
	overflow: hidden;
	padding: 0px 2px;
}
.control-buttons .control-button:is([disabled], .disabled) {
	cursor: not-allowed;
}
.control-buttons .control-button:not(:is([disabled], .disabled)):hover {
	background-color: var(--moo-grey-light);
}
.control-buttons .control-button.control-button-up {
	border-top-right-radius: 3px;
}
.control-buttons .control-button.control-button-down {
	border-bottom-right-radius: 3px;
}
.moo-input-sm .control-buttons .control-button.control-button-up {
	border-top-right-radius: 2px;
}
.moo-input-sm .control-buttons .control-button.control-button-down {
	border-bottom-right-radius: 2px;
}
.moo-input-xs .control-buttons .control-button.control-button-up {
	border-top-right-radius: 2px;
}
.moo-input-xs .control-buttons .control-button.control-button-down {
	border-bottom-right-radius: 2px;
}
.control-buttons .control-button .mdi {
	display: block;
	margin: -4px 0;
}

/* moo-select, contenitore */
.moo-select-container {
	position: relative;
}
.moo-select-loading {
	bottom: 2px;
	display: none;
	position: absolute;
	top: 2px;
	z-index: 1;
}
.moo-select-loading .mdi {
	font-size: 24px;
}
.loading ~ .moo-select-loading {
	align-items: center;
	display: flex;
	justify-content: center;
}
/* moo-select, shortcuts */
.shortcuts-main-container {
	align-items: flex-start;
	column-gap: 5px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.shortcuts-main-container.after-input {
	margin-top: 5px;
}
.shortcuts-main-container.before-input {
	margin-bottom: 5px;
}
.shortcuts-main-container .shortcuts-label,
.shortcuts-main-container .shortcuts-container {
	flex: 1 1 auto;
}
.shortcuts-label {
	align-self: center;
	font-size: 12px;
}
.shortcuts-container {
	align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 5px;
}
.shortcuts-buttons {
	align-items: flex-start;
	display: flex;
	flex: 1 1 100%;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px;
}
.shortcuts-buttons .btn {
	display: block;
}
.shortcuts-config {
	flex: 1 1 auto;
	margin-left: auto;
}
/* moo-select, selectize */
.moo-select-dropdown,
.moo-select-input,
.moo-select-input input {
	color: #333333;
	font-family: inherit;
	font-size: inherit;
	line-height: 20px;
	-webkit-font-smoothing: inherit;
}
.moo-select-input,
.moo-select-control.single .moo-select-input.input-active {
	background: #fff;
	cursor: text;
	/*display: inline-block;*/
}
.moo-select-input {
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: none;
	display: block;
	padding: 6px 12px;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
}
.moo-select-input::after {
	clear: left;
	content: ' ';
	display: block;
}
.moo-select-input.dropdown-active::before {
	background: #ffffff;
	bottom: 0;
	content: ' ';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
}
.moo-select-control.single .moo-select-input:after {
	border-color: #333333 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	content: ' ';
	display: block;
	height: 0;
	margin-top: -3px;
	position: absolute;
	right: 17px;
	top: 50%;
	width: 0;
}
.moo-select-control.single .moo-select-input.dropdown-active:after {
	border-color: transparent transparent #333333 transparent;
	border-width: 0 5px 5px 5px;
	margin-top: -4px;
}
.moo-select-control .moo-select-input.has-items {
	cursor: pointer;
}
.moo-select-control.single .moo-select-input.has-items {
	padding-right: 30px;
}
.moo-select-control.multi .moo-select-input.has-items {
	padding: 5px 12px 2px;
}

.moo-select-input.full {
	background-color: #fff;
}
.moo-select-input.disabled,
.moo-select-input.disabled * {
	cursor: not-allowed;
}
.moo-select-input.disabled {
	opacity: 0.5;
	background-color: #fff;
}
.moo-select-input > input {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	line-height: inherit;
	margin: 0;
	max-height: none;
	max-width: 100%;
	min-height: 0;
	overflow: hidden;
	padding: 0;
	text-indent: 0;
	text-overflow: ellipsis;
	-webkit-user-select: auto;
}
.moo-select-input > input::-ms-clear {
	display: none;
}
.moo-select-input > input:focus {
	outline: none;
}
.error-required .moo-select-input {
	border-color: red;
}
.moo-select-input.focus {
	border-color: #66afe9;
	box-shadow: none;
	outline: 0;
}
.has-error .moo-select-input {
	border-color: #a94442;
}
.has-error .moo-select-input:focus {
	border-color: #843534;
}
.moo-select-input.ng-dirty.ng-invalid {
	border-color: red;
}
.moo-select-input .item,
.moo-select-dropdown .option {
	align-items: flex-start;
	background-color: transparent;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
}

.moo-select-control.single .moo-select-input .item.bloccato::before,
.moo-select-control.single .moo-select-input .item.margine-fido-ko::before,
.moo-select-control.single .moo-select-input .item.scaduto::before,
.moo-select-control.single .moo-select-input .item.in-scadenza::before {
	border-radius: 4px;
	bottom: -2px;
	content: "";
	display: block;
	left: -8px;
	position: absolute;
	right: -4px;
	top: -2px;
	z-index: -1;
}
.moo-select-control.single .moo-select-input .item.bloccato::before,
.moo-select-input .item.bloccato,
.moo-select-dropdown .option.bloccato {
	background-color: var(--moo-customer-bloccato); /* #ff3f23; */
}
.moo-select-control.single .moo-select-input .item.margine-fido-ko::before,
.moo-select-input .item.margine-fido-ko,
.moo-select-dropdown .option.margine-fido-ko {
	background-color: var(--moo-customer-margine-fido-ko); /* #f79c25; */
}
.moo-select-control.single .moo-select-input .item.scaduto::before,
.moo-select-input .item.scaduto,
.moo-select-dropdown .option.scaduto {
	background-color: var(--moo-customer-scaduto); /* #e4eb00; */
}
.moo-select-control.single .moo-select-input .item.in-scadenza::before,
.moo-select-input .item.in-scadenza,
.moo-select-dropdown .option.in-scadenza {
	background-color: var(--moo-customer-in-scadenza); /* #f6cff4; */
}

.moo-select-input .item .value-description {
	align-items: center;
	display: flex;
	flex: 1 1 100%;
	justify-content: flex-start;
}
.moo-select-dropdown .option .value-description {
	flex: 1 1 100%;
}
.moo-select-input .item .value-id,
.moo-select-dropdown .option .value-id {
	color: #aaa;
	flex: 1 1 auto;
	font-size: 12px;
}
.moo-select-input .item .value-subtitle,
.moo-select-dropdown .option .value-subtitle {
	color: #999;
	flex: 1 1 100%;
	font-size: 12px;
	font-style: italic;
}

.moo-select-input .item.bloccato .value-description,
.moo-select-dropdown .option.bloccato .value-description {
	color: #eee;
}
.moo-select-input .item.bloccato .value-id,
.moo-select-dropdown .option.bloccato .value-id {
	color: #111;
}
.moo-select-input .item.bloccato .value-subtitle,
.moo-select-dropdown .option.bloccato .value-subtitle {
	color: #000;
}

.moo-select-input .item.margine-fido-ko .value-id,
.moo-select-dropdown .option.margine-fido-ko .value-id {
	color: #fff;
}
.moo-select-input .item.margine-fido-ko .value-subtitle,
.moo-select-dropdown .option.margine-fido-ko .value-subtitle {
	color: #eee;
}

.moo-select-input .item.scaduto .value-id,
.moo-select-dropdown .option.scaduto .value-id,
.moo-select-input .item.in-scadenza .value-id,
.moo-select-dropdown .option.in-scadenza .value-id {
	color: #7b7b7b;
}
.moo-select-input .item.scaduto .value-subtitle,
.moo-select-dropdown .option.scaduto .value-subtitle,
.moo-select-input .item.in-scadenza .value-subtitle,
.moo-select-dropdown .option.in-scadenza .value-subtitle {
	color: #6a6a6a;
}

.moo-select-control.multi .moo-select-input {
	display: block;
}
.moo-select-control.multi .moo-select-input .item {
	border: 1px solid #ddd;
	display: inline-flex;
	line-height: 16px;
	padding: 4px 6px;
}
.moo-select-control.multi .moo-select-input .active {
	background-color: #66afe9;
	border-color: #5b9bce;
	color: #fff;
}
.moo-select-control.multi .moo-select-input .active .value-id {
	color: #ccc;
}
.moo-select-control.multi .moo-select-input > div {
	border-radius: 4px;
	margin-bottom: 2px;
	margin-right: 4px;
}
.moo-select-control.multi .moo-select-input > input {
	display: block;
}
.moo-select-control.multi ~ .moo-select-loading {
	right: 12px;
}
.moo-select-control.multi.has-items ~ .moo-select-loading {
	/*bottom: 3px;*/
}
.moo-select-control.multi .moo-select-input.has-items {
	padding-left: 9px;
	padding-right: 9px;
}

.moo-select-control.single .moo-select-input,
.moo-select-control.single .moo-select-input input {
	cursor: pointer;
	line-height: 16px;
}
.moo-select-control.single .moo-select-input input {
	height: 16px;
	margin-right: 22px;
}
.moo-select-control.single .moo-select-input.full {
	padding-right: 12px;
}
.moo-select-control.single .moo-select-input.input-active,
.moo-select-control.single .moo-select-input.input-active input {
	cursor: text;
}
.moo-select-control.single .moo-select-input .item {
	display: inline-flex;
	line-height: 16px;
	margin-right: 12px;
	width: 100%;
}
.moo-select-control.single .moo-select-input > .item {
	padding-right: 20px;
}
.moo-select-control.single ~ .moo-select-loading {
	right: 42px;
}

.moo-select-control.plugin-remove_button_enhanced.multi .moo-select-input .item-with-remove {
	align-items: stretch;
	border: 1px solid #ddd;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.moo-select-control.plugin-remove_button_enhanced.multi .moo-select-input .item-with-remove .item {
	border: none;
	flex: 1 1 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 4px 6px;
}
.moo-select-control.plugin-remove_button_enhanced.multi .moo-select-input .item-with-remove .remove {
	align-items: center;
	border-left: 1px solid #ddd;
	display: flex;
	flex: 1 1 auto;
	font-size: 24px;
	justify-content: center;
	line-height: 20px;
	padding: 5px 8px;
}
.moo-select-control.plugin-remove_button_enhanced.multi .moo-select-input .item-with-remove .remove:hover {
	background-color: #ededed;
	color: #333;
	text-decoration: none;
}
.moo-select-control.plugin-remove_button_enhanced.multi .moo-select-input .item-with-remove.active {
	border-color: #5b9bce;
}
.moo-select-control.plugin-remove_button_enhanced.multi .moo-select-input .active .remove {
	border-left-color: #fff;
	color: #fff;
}
.moo-select-control.plugin-remove_button_enhanced.multi .moo-select-input .active .remove:hover {
	background-color: #5b9bce;
	color: #fff;
}
.moo-select-control.plugin-remove_button_enhanced.single .moo-select-input.full {
	padding-right: 8px;
}
.moo-select-control.plugin-remove_button_enhanced.multi .moo-select-input.full > input,
.moo-select-control.plugin-remove_button_enhanced.single .moo-select-input.full > input,
.moo-select-control.plugin-remove_button_enhanced.single .moo-select-input.full::after {
	display: none;
}
.moo-select-control.plugin-remove_button_enhanced.single .moo-select-input [data-value] {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.moo-select-control.plugin-remove_button_enhanced.single .remove {
	border: 1px solid transparent;
	border-radius: 4px;
	color: #999;
	font-size: 24px;
	margin: 0;
	padding: 7px;
}
.moo-select-control.plugin-remove_button_enhanced.single .remove:hover {
	background-color: #eee;
	border-color: #ddd;
	color: #333;
	text-decoration: none;
}
.moo-select-control.plugin-remove_button_enhanced.single .disabled .remove,
.moo-select-control.plugin-remove_button_enhanced.single .disabled .remove:active,
.moo-select-control.plugin-remove_button_enhanced.single .disabled .remove:focus,
.moo-select-control.plugin-remove_button_enhanced.single .disabled .remove:hover,
.moo-select-control.plugin-remove_button_enhanced.single .disabled .remove:target {
	color: #333333;
	outline: none;
	text-decoration: none;
}

/* moo-select, dropdown */
.moo-select-dropdown {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	height: auto;
	margin: 2px 0 0 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 10;
}
.moo-select-dropdown-header {
	align-items: center;
	background: #f8f8f8;
	border-bottom: 1px solid #d0d0d0;
	border-radius: 4px 4px 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	font-size: 12px;
	justify-content: space-between;
	padding: 3px 12px;
	position: relative;
}
.moo-select-dropdown-header .show-on-loading {
	display: none;
}
.loading .moo-select-dropdown-header .show-on-loading {
	display: inline;
	margin-left: 2px;
}

.moo-select-dropdown [data-selectable] {
	cursor: pointer;
	overflow: hidden;
}
.moo-select-dropdown [data-selectable] .highlight {
	background: rgba(255, 237, 40, 0.4);
	border-radius: 1px;
}
.moo-select-dropdown .option,
.moo-select-dropdown .optgroup-header {
	line-height: 18px;
	padding: 3px 12px;
}
.moo-select-dropdown .option,
.moo-select-dropdown [data-disabled],
.moo-select-dropdown [data-disabled] [data-selectable].option {
	cursor: inherit;
	opacity: 0.5;
}
.moo-select-dropdown [data-selectable].option {
	opacity: 1;
}
.moo-select-dropdown .optgroup:first-child .optgroup-header {
	border-top: 0 none;
}
.moo-select-dropdown .optgroup-header {
	background: #fff;
	color: #777777;
	cursor: default;
}
.moo-select-dropdown .active {
	background-color: #f5f5f5;
	color: #262626;
}
.moo-select-dropdown .active.create {
	color: #262626;
}
.moo-select-dropdown .create {
	color: rgba(51, 51, 51, 0.5);
}
.moo-select-dropdown-content {
	cursor: pointer;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
}
.moo-select-dropdown .option[data-selectable] {
	cursor: pointer;
}
.moo-select-dropdown .option:not([data-selectable]) {
	cursor: not-allowed;
}
.moo-select-dropdown-footer {
	align-items: center;
	background: #f8f8f8;
	border-top: 1px solid #d0d0d0;
	border-radius: 0 0 4px 4px;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	font-size: 10px;
	justify-content: space-between;
	padding: 3px 12px;
	position: relative;
}



/* selectize */
.selectize-dropdown-content {
	cursor: pointer;
}
.error-required .selectize-control .selectize-input {
	border-color: red;
}
.selectize-control .selectize-input.focus {
	box-shadow: none;
}
.selectize-control.multi .selectize-input {
	display: block;
	line-height: 20px;
}
.selectize-control.multi > .selectize-input > input {
	height: 20px;
}
.selectize-control.multi .selectize-input > div {
	margin-bottom: 2px;
}
.selectize-control.single > .selectize-input {
	line-height: 20px;
}
.selectize-control.single > .selectize-input > input {
	height: 20px;
}
.selectize-control.single .selectize-input .item,
.selectize-control.single .selectize-dropdown .option {
	line-height: 18px;
}
.selectize-control .selectize-input.ng-dirty.ng-invalid {
	border-color: red;
}
.selectize-control .selectize-dropdown .option[data-selectable] {
	cursor: pointer;
}
.selectize-control .selectize-dropdown .option:not([data-selectable]) {
	cursor: not-allowed;
}
.selectize-control.single.plugin-remove_button .remove-single {
	margin-top: -10px;
	right: 5px;
	top: 50%;
}
.selectize-control.single.plugin-remove_button .disabled .remove-single,
.selectize-control.single.plugin-remove_button .disabled .remove-single:active,
.selectize-control.single.plugin-remove_button .disabled .remove-single:focus,
.selectize-control.single.plugin-remove_button .disabled .remove-single:hover,
.selectize-control.single.plugin-remove_button .disabled .remove-single:target {
	color: #333333;
	outline: none;
	text-decoration: none;
}
.selectize-control.single .selectize-input .item .code,
.selectize-dropdown .option .code,
.selectize-control.single .selectize-input .item .code,
.selectize-dropdown .option .code {
	color: #999;
	font-size: 12px;
	margin-left: 5px;
}
.customer-prices-list-select.selectize-control.single .selectize-input,
.classe-select.selectize-control.single .selectize-input,
.attributo-select.selectize-control.single .selectize-input {
	padding-right: 30px;
	display: block;
}
.customer-prices-list-select.selectize-control.single.plugin-remove_button .selectize-input.has-items [data-value],
.classe-select.selectize-control.single.plugin-remove_button .selectize-input.has-items [data-value],
.attributo-select.selectize-control.single.plugin-remove_button .selectize-input.has-items [data-value] {
	max-width: calc(100% + 6px);
	width: 100%;
}
.customer-prices-list-select.selectize-control.single.plugin-remove_button .selectize-input.has-items input,
.classe-select.selectize-control.single.plugin-remove_button .selectize-input.has-items input,
.attributo-select.selectize-control.single.plugin-remove_button .selectize-input.has-items input {
	display: none !important;
}
.classe-select.selectize-control.single .selectize-input .item .class-value-id,
.classe-select.selectize-control.multi .selectize-input .item .class-value-id,
.classe-select.selectize-dropdown .option .class-value-id,
.attributo-select.selectize-control.single .selectize-input .item .attribute-value-id,
.attributo-select.selectize-control.multi .selectize-input .item .attribute-value-id,
.attributo-select.selectize-dropdown .option .attribute-value-id {
	color: #999;
	font-size: 12px;
	margin-left: 5px;
}

/* box contenente alert sui vincoli in creazione documento */
.constraints-alert-box {
	border-radius: 4px;
	max-width: 870px;
	position: fixed;
	right: 15px;
	top: 15px;
	z-index: 101;
	-webkit-box-shadow: 0px 4px 16px 0px rgba(50, 50, 50, 0.73);
	box-shadow: 0px 4px 16px 0px rgba(50, 50, 50, 0.73);
}
.constraints-alert-box.minified {
	border-radius: 4rem;
	width: auto;
}
.constraints-alert-box .constraints-mini {
	border: 2px solid;
	border-radius: 4rem;
	cursor: pointer;
	font-size: 3rem;
	margin: 0;
	padding: 1rem;
	position: relative;
	text-align: center;
}
.constraints-alert-box:not(.minified) .constraints-mini {
	display: none;
}
.constraints-alert-box .constraints-mini .icon .fa {
	display: block;
	height: 3rem;
	width: 3rem;
}
.constraints-alert-box .constraints-mini .alerts-summary-label {
	border: 1px solid;
	border-radius: 4px;
	font-size: 12px;
	line-height: 12px;
	overflow: hidden;
	padding: 0.5rem 1.5rem 0.5rem 0.75rem;
	position: absolute;
	right: 4rem;
	text-align: right;
	top: 1.25rem;
	white-space: nowrap;
	z-index: -1;
}
.constraints-alert-box .constraints-mini .alerts-summary-label .fa {
	margin-right: 0.5rem;
}
.constraints-alert-box .panel {
	margin: 0;
}
.constraints-alert-box.minified .panel {
	display: none;
}
.constraints-alert-box .panel .panel-heading,
.constraints-alert-box .panel .panel-title .fa,
.constraints-alert-box .panel .flex-panel-title-side .fa {
	font-size: 20px;
}
.constraints-alert-box .panel .panel-heading {
	cursor: pointer;
}
.constraints-alert-box .panel .panel-heading .icon {
	display: inline-block;
	width: 3rem;
}
.constraints-alert-box .panel .panel-heading span {
	vertical-align: middle;
}
.constraints-alert-box .panel .panel-body {
	border-radius: 0;
	max-height: 360px;
	overflow: auto;
	position: relative;
}
.constraints-alert-box .panel .panel-body .fasce-container .rule-container {
	border-left: 0;
	border-radius: 0;
	border-right: 0;
	margin-bottom: 0;
	padding: 5px 10px;
}
.constraints-alert-box .panel .panel-body .rule-container {
	margin-bottom: 10px;
}
.constraints-alert-box .panel .panel-body .rule-container:last-of-type {
	margin-bottom: 0;
}
.constraints-alert-box .panel .panel-body .alert {
	margin-bottom: 0;
	padding: 5px 10px;
}
.constraints-alert-box .panel .panel-body .alert.fasce-container {
	padding: 0 0 0 10px;
}
.constraints-alert-box .panel .panel-body .alert .flex-container .flex-label {
	font-size: 24px;
	font-weight: normal;
	line-height: inherit;
}
.constraints-alert-box .panel .panel-body .alert .flex-container .flex-content {
	align-self: center;
	margin-left: 10px;
	text-align: left;
}
.constraints-alert-box .panel .panel-body .alert .flex-container .flex-label {
	align-self: center;
}
.constraints-alert-box .panel .panel-body .alert .feedback-msg {
	white-space: pre-line;
}

/* header e footer pre-tabelle con risultati, paginazione e altro */
.results-pagination-container,
.results-pagination-container-bottom {
	clear: both;
	float: left;
	margin: 5px 0;
	padding: 0;
	width: 100%;
}
.results-container,
.pagination-container {
	border-radius: 4px;
	display: inline-block;
	min-height: 40px;
	line-height: 36px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.results-container li,
.pagination-container li {
	display: inline-block;
	height: 40px;
	line-height: 38px;
	padding: 0;
	vertical-align: middle;
}
.results-container li span,
.pagination-container li span {
	font-size: 12px;
}

.results-container {
	float: left;
	margin-right: 10px;
}
.results-container a.switch-view > span {
	color: #e4eff5;
	cursor: pointer;
	font-size: 28px;
	margin-right: 5px;
	vertical-align: middle;
}
.results-container a.switch-view:focus,
.results-container a.switch-view:hover,
.results-container a.switch-view:visited {
	outline: none;
	text-decoration: none;
}
.results-container a.switch-view.activeview > span {
	color: #78cdf9;
}
.results-container li.results .label-results {
	display: none;
}
.results-container li.results span {
	display: inline-block;
	line-height: 38px;
}
.results-container .export {
	margin-right: 10px;
	padding: 0 5px;
}
.results-container .export .export-label {
	display: inline-block;
	line-height: 40px;
	margin-right: 5px;
}
.results-container .export .export-select {
	clear: none;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	width: 70px;
}
.results-container .export .btn,
.results-container .export-feedback .btn {
	margin-top: -3px;
}
.results-container .export-feedback {
	display: inline-block;
}
.results-container .export-feedback .loading {
	height: 40px;
}
.results-container .export-feedback .alert {
	margin: 0;
	padding: 4px 10px;
}
.pagination-container {
	float: right;
	margin: 0;
}
.pagination-container li.right-bordered {
	border-right: 1px solid #eee;
	margin-right: 10px;
	padding-right: 10px;
}
.pagination-container li.order-by {  }
.pagination-container li.order-by .form-control {
	clear: none;
	display: inline;
	margin: 0 4px;
	width: auto;
}
.pagination-container li.order-by .fa.sort-btn,
.pagination-container li.order-by .mdi.sort-btn {
	background-color: #fff;
	border: none;
	color: #337ab7;
	cursor: pointer;
	float: none;
	opacity: .3;
	padding: 5px;
	text-decoration: none;
	width: auto;
}
.pagination-container li.order-by .mdi.sort-btn {
	font-size: 1.2em;
	padding: 3px;
}
.pagination-container li.order-by .fa.sort-btn:hover,
.pagination-container li.order-by .mdi.sort-btn:hover {
	background-color: #eee;
	border-color: #ddd;
	color: #23527c;
}
.pagination-container li.order-by .fa.sort-btn.active,
.pagination-container li.order-by .mdi.sort-btn.active {
	opacity: 1;
}
.pagination-container li.per-page-selector .label-show {
	display: none;
}
.pagination-container li.per-page-selector select {
	margin: 0 4px;
	width: 70px;
}
.pagination-container li.page-selector .btn {
	margin: 0 2px;
}
.pagination-container li.page-selector .btn:first-of-type {
	margin-left: 0;
}
.pagination-container li.page-selector .btn:last-of-type {
	margin-right: 0;
}
.pagination-container li.page-selector span.label-page {
	margin-left: 2px;
}
.pagination-container li.page-selector span.label-of-pages {
	margin-right: 2px;
}
.pagination-container li.page-selector .page-input {
	margin: 0 4px;
}

/* copiato da .dropdown-menu */
.custom-popup-wrapper {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	display: none;
	float: left;
	font-size: 14px;
	left: 0;
	margin: 2px 0 0;
	/*max-height: 18em;*/
	min-width: 160px;
	/*overflow: auto;*/
	padding: 5px 0;
	position: absolute;
	text-align: left;
	top: 100%;
	z-index: 1000;
	-webkit-background-clip: padding-box;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.custom-popup-wrapper .max-results-options-container {
	border-bottom: 1px solid #ccc;
	min-width: 220px;
	padding: 0 10px 5px;
}
.custom-popup-wrapper .max-results-options-container .btn-group {
	margin-bottom: 0;
}
.custom-popup-wrapper .max-results-options-label {
	display: inline-block;
	vertical-align: middle;
}
.custom-popup-wrapper .dropdown-menu {
	border: none;
	border-radius: 0;
	box-shadow: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: 100%;
	-webkit-box-shadow: none;
}
.custom-popup-wrapper .dropdown-menu > .locked > a,
.custom-popup-wrapper .dropdown-menu > .active.locked > a {
	background-color: #dc3545;
}
.custom-popup-wrapper .dropdown-menu > .locked > a:focus,
.custom-popup-wrapper .dropdown-menu > .active.locked > a:focus,
.custom-popup-wrapper .dropdown-menu > .locked > a:hover,
.custom-popup-wrapper .dropdown-menu > .active.locked > a:hover {
	background-color: #fc555c;
}
.custom-popup-wrapper .dropdown-menu > .locked.unselectable > a,
.custom-popup-wrapper .dropdown-menu > .active.locked.unselectable > a,
.custom-popup-wrapper .dropdown-menu > .locked.unselectable > a:focus,
.custom-popup-wrapper .dropdown-menu > .active.locked.unselectable > a:focus,
.custom-popup-wrapper .dropdown-menu > .locked.unselectable > a:hover,
.custom-popup-wrapper .dropdown-menu > .active.locked.unselectable > a:hover {
	cursor: no-drop;
}
.custom-popup-wrapper .uib-typeahead-match-subtitle {
	color: #aaa;
	font-size: 85%;
}
.custom-popup-wrapper .dropdown-menu > .locked > a .uib-typeahead-match-main {
	color: #eee;
}
.custom-popup-wrapper .dropdown-menu > .locked > a:focus .uib-typeahead-match-main,
.custom-popup-wrapper .dropdown-menu > .locked > a:hover .uib-typeahead-match-main {
	color: #fff;
}
.custom-popup-wrapper .dropdown-menu > .active > a .uib-typeahead-match-subtitle,
.custom-popup-wrapper .dropdown-menu > .active > a:focus .uib-typeahead-match-subtitle,
.custom-popup-wrapper .dropdown-menu > .active > a:hover .uib-typeahead-match-subtitle {
	color: gainsboro;
}
.custom-popup-wrapper .dropdown-menu > .locked > a:focus .uib-typeahead-match-subtitle,
.custom-popup-wrapper .dropdown-menu > .locked > a:hover .uib-typeahead-match-subtitle {
	color: #999;
}
.custom-popup-wrapper .dropdown-menu > .locked > a .uib-typeahead-match-subtitle {
	color: #ccc;
}

.paging_controls_container .paging-pagination {
	margin-bottom: 0;
}

/* modale "standard" */
.moosaico-modal {
	padding: 10px 15px;
}
.moosaico-modal .moosaico-modal-title {
	border-bottom: 1px solid gainsboro;
	margin: 0 0 5px 0;
	padding-bottom: 10px;
}
.moosaico-modal .moosaico-modal-body {
	position: relative;
}
.moosaico-modal .moosaico-modal-footer {
	margin: 10px 0 0;
	padding-top: 10px;
	border-top: 1px solid gainsboro;
}

/* modale degli articoli correlati */
.related-articles-modal .alert .mdi {
	font-size: 32px;
}
.related-articles-modal .search-between-related-container {
	margin-bottom: 10px;
}

.related-articles-modal .section-container {
	margin: 0 0 10px 0;
}
.related-articles-modal .section-container:last-child {
	margin-bottom: 0;
}
.section-container h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.related-articles-modal .related-articles-wrap {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
}
.related-articles-wrap .related-article-wrap {
	-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.27);
	box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.27);
	font-size: 12px;
	margin: 0;
	padding: 10px;
	position: relative;
	text-align: center;
}
.related-article-wrap .image-wrap {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.related-article-wrap > .cart-buttons {
	margin-top: 10px;
}
.related-article-wrap .form-add-to-cart {
	align-items: center;
	display: grid;
	gap: 5px;
	justify-content: center;
}
.related-article-wrap .form-add-to-cart .btn.with-mdi {
	justify-content: center;
}
.image-wrap .image-container img.img-placeholder {
	max-height: 100%;
	max-width: 100%;
}
.related-article-wrap p {
	margin: 5px 0 0;
	padding: 0;
}
.article-data-wrap p.monofont {
	font-size: 11px;
}
.article-data-wrap p.monofont.evidenziato {
	font-size: 13px;
	font-weight: bold;
	padding: 0;
}
.article-data-wrap p.descrizione {
	margin-top: 0;
}
.article-data-wrap p.descrizione.ridotto {
	font-size: 11px;
	font-weight: normal;
	padding: 8px 0 0;
}
.article-data-wrap p.attributi-extra {
	color: #666;
}
.article-data-wrap p.attributi-extra .descrizione-attributo {
	font-weight: bold;
}
.related-article-wrap p.disponibile .mdi {
	font-size: 24px;
	vertical-align: middle;
}

/* modale degli articoli sostitutivi */
.replacement-articles-modal .alert {
	margin-bottom: 10px;
}
.replacement-articles-modal .alert .mdi {
	font-size: 32px;
}
.replacement-articles-modal .search-between-replacement-container {
	margin-bottom: 10px;
}

.replacement-articles-modal .section-container {
	margin: 0 0 10px 0;
}
.replacement-articles-modal .section-container:last-child {
	margin-bottom: 0;
}
.section-container h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.replacement-articles-modal .replacement-articles-wrap {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
}
.replacement-articles-wrap .replacement-article-wrap {
	-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.27);
	box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.27);
	font-size: 12px;
	margin: 0;
	padding: 10px;
	position: relative;
	text-align: center;
}
.replacement-article-wrap .image-wrap {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.replacement-article-wrap > .cart-buttons {
	margin-top: 10px;
}
.replacement-article-wrap .form-add-to-cart {
	align-items: center;
	display: grid;
	gap: 5px;
	justify-content: center;
}
.replacement-article-wrap .form-add-to-cart .btn.with-mdi {
	justify-content: center;
}
.image-wrap .image-container img.img-placeholder {
	max-height: 100%;
	max-width: 100%;
}
.replacement-article-wrap p {
	margin: 5px 0 0;
	padding: 0;
}
.article-data-wrap p.monofont {
	font-size: 11px;
}
.article-data-wrap p.monofont.evidenziato {
	font-size: 13px;
	font-weight: bold;
	padding: 0;
}
.article-data-wrap p.descrizione {
	margin-top: 0;
}
.article-data-wrap p.descrizione.ridotto {
	font-size: 11px;
	font-weight: normal;
	padding: 8px 0 0;
}
.article-data-wrap p.attributi-extra {
	color: #666;
}
.article-data-wrap p.attributi-extra .descrizione-attributo {
	font-weight: bold;
}
.replacement-article-wrap p.disponibile .mdi {
	font-size: 24px;
	vertical-align: middle;
}

/* modale di dettaglio articolo non colore-taglia */
article-details-modal .composizione {
	line-height: 18px;
}
article-details-modal .composizione .descrizione-gruppo {
	color: #777;
	font-size: 13px;
	font-weight: bold;
}
.article-details-modal .descrizione-estesa {
	font-size: 13px;
	line-height: 16px;
	margin: 10px 0;
	white-space: pre-line;
}
.article-details-modal .classi strong {
	display: inline-block;
}
.article-details-modal .classi .alert-custom {
	border-radius: 4px;
	margin-bottom: 5px;
	padding: 5px;
}
.article-details-modal .classi select.form-control {
	display: inline-block;
	width: auto;
}
.article-details-modal .classi .alert {
	margin-top: 15px;
}
.article-details-modal .articolo-image-outer {
	display: table;
	height: 180px;
	padding: 0;
	width: 100%;
}
.article-details-modal .articolo-image-outer .articolo-image-inner {
	display: table-cell;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.article-details-modal .articolo-image-outer .articolo-image-inner img {
	max-height: 220px;
	max-width: 100%;
	transform: translateZ(0);
}
.article-details-modal .articolo-image-outer .articolo-image-inner img[data-featherlight] {
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.article-details-modal .attributi-extra-ribbon {
	display: inline-flex;
	gap: 5px;
	margin: 5px 0;
}
.article-details-modal .attributi-extra-ribbon .ribbon {
	background-color: #aa00ff;
	border-radius: 10px;
	color: white;
	cursor: default;
	display: inline-flex;
	font-weight: bold;
	justify-content: flex-start;
	line-height: 19px;
	padding: 0 8px 0 5px;
	text-transform: uppercase;
}
.ribbon .mdi {
	font-size: 15px;
}
.ribbon .ribbon-text {
	font-size: 10px;
	margin-left: 3px;
}
.article-details-modal .attributi-extra {
	margin-top: 5px;
	margin-bottom: 5px;
}
.article-details-modal .attributi-extra-ribbon + .attributi-extra {
	margin-top: 0;
}
.article-details-modal .attributi-extra p.attributo-extra {
	color: #777;
	display: flex;
	font-size: 13px;
	line-height: 18px;
}
.article-details-modal .attributi-extra p.attributo-extra .nome-attributo {
	flex: 0 1 auto;
	font-weight: bold;
	margin-right: 5px;
}
.article-details-modal .attributi-extra p.attributo-extra .valore-attributo {
	flex: 1 1 auto;
	white-space: pre-line;
}
.article-details-modal .allegati {
	border-top: 1px solid gainsboro;
	margin-top: 5px;
	padding-top: 5px;
}
.article-details-modal .allegati > p {
	margin-bottom: 5px;
	font-weight: bold;
}
.article-details-modal .allegati .allegato {
	display: inline-block;
}
.article-details-modal .allegati .allegato a {
	display: block;
	margin: 0 auto;
	max-width: 120px;
	padding: 5px;
	text-align: center;
}
.article-details-modal .allegati .allegato a .fa {
	border: 1px solid gainsboro;
	border-radius: 4px;
	display: block;
	font-size: 32px;
	margin: 0 auto;
	max-width: 54px;
	padding: 10px 10px;
}
.article-details-modal .allegati .allegato a:hover,
.article-details-modal .allegati .allegato a:focus,
.article-details-modal .allegati .allegato a:active {
	text-decoration: none;
}
.article-details-modal .allegati .allegato a:hover .fa {
	background-color: whitesmoke;
}
.article-details-modal .allegati .allegato a .descrizione-breve {
	color: #333;
	display: block;
	font-size: 12px;
	line-height: 14px;
	margin: 5px 0 0;
	width: 100%;
}
.article-details-modal .add-to-cart {
	border-bottom: 1px solid gainsboro;
	margin-bottom: 10px;
	padding: 10px 0;
	text-align: center;
}
.article-details-modal .cart-adder {
	padding: 0;
}
.article-details-modal .export-pdf {
	margin-left: 10px;
}
.article-details-modal .export-feedback {
	margin: 10px 0 0 0;
}
.article-details-modal .export-feedback .alert {
	margin: 0;
}

.add-customer-contract-relationship-modal .moosaico-modal-title {
	margin-bottom: 0;
}
.add-customer-contract-relationship-modal h3 {
	margin-top: 0;
}
.add-customer-contract-relationship-modal hr {
	border-color: gainsboro;
	margin: 10px 0;
}
.add-customer-contract-relationship-modal .new-customer-container,
.add-customer-contract-relationship-modal .customers-list-outer-container {
	margin-top: 10px;
}
.add-customer-contract-relationship-modal .customers-list-inner-container {
	max-height: 90px;
	overflow-y: auto;
	padding: 0 15px;
}
.add-customer-contract-relationship-modal .customers-list-inner-container p {
	line-height: 17px;
}
.add-customer-contract-relationship-modal .customers-list-inner-container p:last-child {
	margin-bottom: 0;
}
.add-customer-contract-relationship-modal .customers-list-inner-container p small {
	color: #999;
}
.add-customer-contract-relationship-modal .single-select-typeahead.contieni {
	max-width: none;
}
.add-customer-contract-relationship-modal .alert {
	margin: 10px 0 0;
}
.add-customer-contract-relationship-modal .alert .fa {
	font-size: 24px;
}

/* modale dettagli movimento */
.dettagli-movimento-loading-container {
	text-align: center;
}
.dettagli-movimento-loading-container .mdi {
	font-size: 32px;
}
.dettagli-movimento-container {
	position: relative;
}
.dettagli-movimento-container .table {
	margin-bottom: 0;
}
.dettagli-movimento-loading-container {
	background-color: rgba(255,255,255,0.5);
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
}
.dettagli-movimento-loading-container .alert {
	display: block;
	margin: 60px auto 0;
	max-width: 500px;
	text-align: center;
	width: 80%;
}
.dettagli-movimento-loading-container .alert .mdi {
	font-size: 32px;
}
.table-dettagli-movimento-container {
	min-height: 180px;
	position: relative;
}
.table-dettagli-movimento-container .change-page-overlay {
	background-color: rgba(255,255,255,0.5);
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
}
.table-dettagli-movimento-container .change-page-overlay .alert {
	display: block;
	margin: 30px auto 0;
	max-width: 500px;
	text-align: center;
	width: 80%;
}
.table-dettagli-movimento-container .change-page-overlay .alert .mdi {
	font-size: 32px;
}

/* modale compilazione/modifica scheda */
.compile-sheet-modal-body .loading-container {
	text-align: center;
}
.compile-sheet-modal-body .loading-container .mdi {
	font-size: 3rem;
}
.compile-sheet-modal-body .email-conferma {
	margin-bottom: 0;
}
.compile-sheet-modal-body .email-conferma .panel-body .btn-group {
	margin-bottom: 5px;
}
.compile-sheet-modal-body .campo-scheda {
	margin-top: 10px;
}
.compile-sheet-modal-body .campo-scheda .campo-nome {
	margin: 0;
}
.compile-sheet-modal-body .campo-scheda .campo-preset-container {
	border: 1px solid gainsboro;
	border-radius: 4px;
	line-height: 1.2;
	padding: 2px 6px;
}
.compile-sheet-modal .moosaico-modal-footer .alert {
	margin-bottom: 0;
	margin-top: 10px;
}

/* abbozzo di layout tramite flex */
.flex-row {
	--g-gutter-x: 10px;
	--g-gutter-y: 10px;
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: calc(-1 * var(--g-gutter-y));
	margin-right: calc(-0.5 * var(--g-gutter-x));
	margin-left: calc(-0.5 * var(--g-gutter-x));
}
.flex-row > * {
	box-sizing: border-box;
	flex-shrink: 0;
	margin-top: var(--g-gutter-y);
	padding-right: calc(var(--g-gutter-x) * 0.5);
	padding-left: calc(var(--g-gutter-x) * 0.5);
}
.flex-row .flex-col {
	flex: 0 0 auto;
}
.flex-col.flex-col-auto {
	width: auto;
}
.flex-col.flex-col-1 {
	width: 8.33333333%;
}
.flex-col.flex-col-2 {
	width: 16.66666667%;
}
.flex-col.flex-col-3 {
	width: 25%;
}
.flex-col.flex-col-4 {
	width: 33.33333333%;
}
.flex-col.flex-col-5 {
	width: 41.66666667%;
}
.flex-col.flex-col-6 {
	width: 50%;
}
.flex-col.flex-col-7 {
	width: 58.33333333%;
}
.flex-col.flex-col-8 {
	width: 66.66666667%;
}
.flex-col.flex-col-9 {
	width: 75%;
}
.flex-col.flex-col-10 {
	width: 83.33333333%;
}
.flex-col.flex-col-11 {
	width: 91.66666667%;
}
.flex-col.flex-col-12 {
	width: 100%;
}

.flex-container {
	display: flex;
	flex-direction: row;
}
.flex-container.flex-container-inline {
	display: inline-flex;
}
.flex-container.flex-container-inline + .flex-container.flex-container-inline {
	margin-left: 0;
}
.flex-container .flex-label {
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	margin: 0;
}
.flex-container.flex-container-inline .flex-label {
	line-height: 24px;
}
.flex-container .flex-content {
	flex: 1;
	margin-left: 5px;
	width: 100%;
}
.flex-container-with-wrap {
	display: flex;
	flex-wrap: wrap;
}
.flex-container .flex-break {
	flex-basis: 100%;
	height: 0;
}
.flex-container .col {
	flex: 1 1 100%;
}
.flex-container .col-auto {
	flex: 1 1 auto;
}

.flex-panel-heading {
	display: flex;
	align-items: center;
}
.flex-panel-title {
	flex: 1 1 auto;
}
.flex-panel-title-side,
.flex-panel-title-action {
	flex: 0 1 auto;
}
.flex-panel-title-action + .flex-panel-title-action {
	margin-left: 10px;
}
.flex-panel-title-side {
	font-size: 16px;
}
.flex-panel-title-action .fa {
	margin-right: 5px;
}

/* modale dettaglio cliente */
.customer-details-modal h3 {
	margin: 10px 0;
}
.customer-details-modal hr {
	margin: 5px 0;
}
.customer-details-modal .flex-container.tipo-cliente {
	margin-bottom: 10px;
}
.customer-details-modal .flex-container.codice-cliente .flex-content,
.customer-details-modal .flex-container.tipo-cliente .flex-content {
	line-height: 24px;
}
.customer-details-modal .inline-checkbox .checkbox {
	margin-top: 0;
}
.customer-details-modal .form-customer-details input,
.customer-details-modal .form-customer-details select,
.customer-details-modal .customer-commercial-info input,
.customer-details-modal .customer-commercial-info select {
	margin-bottom: 10px;
}
.customer-details-modal .form-customer-details .alert.alert-sede-legale {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 5px;
	padding: 6px 12px;
}
.customer-details-modal .selectize-control.single.select-codice-gestionale-control .item,
.customer-details-modal .selectize-control.single.select-codice-gestionale-control .option {
	line-height: 16px;
}
.customer-details-modal .selectize-control.single.plugin-remove_button .selectize-input {
	padding-right: 34px;
}
.customer-details-modal .select-codice-gestionale-control .value-subtitle {
	color: #999;
	display: block;
	font-size: 90%;
}
.customer-details-modal .select-codice-gestionale-control .value-subtitle.emphasized {
	font-style: italic;
}
.customer-details-modal .select-codice-gestionale-control .value-annotation {
	color: #666;
	display: block;
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
}
.customer-details-modal .select-codice-gestionale-wrapper .selectize-loading {
	bottom: 5px;
	display: none;
	position: absolute;
	right: 55px;
	top: 25px;
	z-index: 1;
}
.customer-details-modal .select-codice-gestionale-wrapper .selectize-loading .mdi {
	font-size: 24px;
}
.customer-details-modal .select-codice-gestionale-wrapper .loading ~ .selectize-loading {
	align-items: center;
	display: flex;
	justify-content: center;
}
.customer-details-modal .indirizzi-spedizione-top,
.customer-details-modal .indirizzi-punti-vendita-top,
.customer-details-modal .matricole-top {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.customer-details-modal .indirizzi-spedizione-top .button-label,
.customer-details-modal .indirizzi-punti-vendita-top .button-label {
	margin-left: 5px;
}
.customer-details-modal .panel-indirizzi-spedizione,
.customer-details-modal .panel-indirizzi-punti-vendita,
.customer-details-modal .panel-matricole {
	margin: 0;
}
.customer-details-modal .panel-indirizzi-spedizione .panel-body,
.customer-details-modal .panel-indirizzi-punti-vendita .panel-body {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.customer-details-modal .panel-indirizzi-spedizione .panel-body > .form-control,
.customer-details-modal .panel-indirizzi-spedizione .panel-body > .btn-group,
.customer-details-modal .panel-indirizzi-spedizione .panel-body > .btn,
.customer-details-modal .panel-indirizzi-punti-vendita .panel-body > .form-control,
.customer-details-modal .panel-indirizzi-punti-vendita .panel-body > .btn-group,
.customer-details-modal .panel-indirizzi-punti-vendita .panel-body > .btn {
	flex: 1 1 auto;
}
.customer-details-modal .panel-indirizzi-spedizione .panel-body > .form-control,
.customer-details-modal .panel-indirizzi-punti-vendita .panel-body > .form-control {
	margin: 0;
}
.customer-details-modal .panel-indirizzi-spedizione .panel-body > .btn,
.customer-details-modal .panel-indirizzi-punti-vendita .panel-body > .btn {
	margin: 0 0 0 10px;
}
.customer-details-modal .panel-indirizzi-spedizione .panel-body > .btn-group,
.customer-details-modal .panel-indirizzi-punti-vendita .panel-body > .btn-group {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	margin: 0 0 0 10px;
}
.customer-details-modal .panel-indirizzi-spedizione .table,
.customer-details-modal .panel-indirizzi-punti-vendita .table {
	/*margin-top: 10px;*/
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}
.customer-details-modal .table-indirizzi-cliente.table > tbody > tr > td,
.customer-details-modal .table-indirizzi-cliente.table > tbody > tr > th,
.customer-details-modal .table-indirizzi-cliente.table > tfoot > tr > td,
.customer-details-modal .table-indirizzi-cliente.table > tfoot > tr > th,
.customer-details-modal .table-indirizzi-cliente.table > thead > tr > td,
.customer-details-modal .table-indirizzi-cliente.table > thead > tr > th {
	text-align: center;
	vertical-align: middle;
}
.table-indirizzi-cliente .address-icons {
	font-size: 24px;
}
.customer-details-modal .moosaico-modal-footer .alert {
	margin: 10px 0 5px;
}
.customer-details-modal .moosaico-modal-footer .alert > span {
	vertical-align: middle;
}
.customer-details-modal .moosaico-modal-footer .alert .fa {
	margin-right: 10px;
}

.create-customer-shipping-address-modal .back-btn {
	margin: 0 0 10px;
}
.create-customer-shipping-address-modal .form-control-wrapper .separator {
	border-color: gainsboro;
	margin-bottom: 10px;
	margin-top: 10px;
}
.create-customer-shipping-address-modal.moosaico-modal .moosaico-modal-title {
	margin-bottom: 10px;
}
.create-customer-shipping-address-modal .form-new-customer-shipping-address .form-control {
	margin: 0 0 10px;
}
.create-customer-shipping-address-modal .form-new-customer-shipping-address textarea.form-control {
	margin-bottom: 5px;
}
.create-customer-shipping-address-modal .form-new-customer-shipping-address .schede-list-container {
	height: 30rem;
	overflow-y: auto;
}
.create-customer-shipping-address-modal .moosaico-modal-footer .alert {
	margin: 10px 0 5px;
}
.create-customer-shipping-address-modal .moosaico-modal-footer .alert > span {
	vertical-align: middle;
}
.create-customer-shipping-address-modal .moosaico-modal-footer .alert .fa {
	margin-right: 10px;
}
.create-customer-shipping-address-modal .selectize-control.single.select-codice-gestionale-control .item,
.create-customer-shipping-address-modal .selectize-control.single.select-codice-gestionale-control .option {
	line-height: 16px;
}
.create-customer-shipping-address-modal .selectize-control.single.plugin-remove_button .selectize-input {
	padding-right: 34px;
}
.create-customer-shipping-address-modal .select-codice-gestionale-control .value-subtitle {
	color: #999;
	display: block;
	font-size: 90%;
}
.create-customer-shipping-address-modal .select-codice-gestionale-control .value-subtitle.emphasized {
	font-style: italic;
}
.create-customer-shipping-address-modal .select-codice-gestionale-control .value-annotation {
	color: #666;
	display: block;
	font-size: 90%;
	font-style: italic;
}
.create-customer-shipping-address-modal .select-codice-gestionale-wrapper .selectize-loading {
	bottom: 5px;
	display: none;
	position: absolute;
	right: 55px;
	top: 25px;
	z-index: 1;
}
.create-customer-shipping-address-modal .select-codice-gestionale-wrapper .selectize-loading .mdi {
	font-size: 24px;
}
.create-customer-shipping-address-modal .select-codice-gestionale-wrapper .loading ~ .selectize-loading {
	align-items: center;
	display: flex;
	justify-content: center;
}

.create-customer-contact-modal .back-btn {
	margin: 0 0 10px;
}
.create-customer-contact-modal.moosaico-modal .moosaico-modal-title {
	margin-bottom: 10px;
}
.create-customer-contact-modal .form-new-customer-contact .form-control {
	margin: 0 0 10px;
}
.create-customer-contact-modal .form-new-customer-contact textarea.form-control {
	margin-bottom: 5px;
}
.create-customer-contact-modal .form-new-customer-contact .schede-list-container {
	height: 30rem;
	overflow-y: auto;
}
.create-customer-contact-modal .moosaico-modal-footer .alert {
	margin: 10px 0 5px;
}
.create-customer-contact-modal .moosaico-modal-footer .alert > span {
	vertical-align: middle;
}
.create-customer-contact-modal .moosaico-modal-footer .alert .fa {
	margin-right: 10px;
}

.worldline-secure-payment {
	align-items: center;
	background-color: #fff;
	border: 1px solid #46beaa;
	border-radius: 4px;
	color: #46beaa;
	display: flex;
	font-size: 12px;
	gap: 10px;
	justify-content: center;
	padding: 5px 10px;
}
.worldline-secure-payment .mdi {
	font-size: 24px;
	line-height: 1;
}
.worldline-secure-payment .worldline-logo {
	height: 20px;
}
.worldline-smart-checkout-modal .moosaico-modal-title {
	text-align: center;
}
.worldline-smart-checkout-modal .worldline-secure-payment {
	margin: 10px 30px;
}
.worldline-smart-checkout-modal .alert {
	margin: 10px auto;
}
.worldline-smart-checkout-modal .action-buttons {
	align-items: center;
	display: flex;
	gap : 10px;
	justify-content: center;
}
#my-axepta-sdk-pg {
	align-items: center;
	display: flex;
	justify-content: center;
}

.sheet-details-modal .table {
	margin-bottom: 0;
}
.sheet-details-modal .table img.campo-file,
.sheet-details-modal .table img.campo-signature {
	max-height: 250px;
	max-width: 100%;
}

.toggle-sidebar {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 16px;
	cursor: pointer;
	font-size: 12px;
	height: 28px;
	line-height: 26px;
	opacity: 0.5;
	padding: 0;
	position: absolute;
	right: -14px;
	text-align: center;
	top: 5px;
	width: 28px;
	z-index: 9999;
}
.toggle-sidebar:hover {
	opacity: 1;
}

/* pulsante debug e blocchi per debug */
.debug-main-button {
	align-items: center;
	background-color: var(--moo-orange);
	border: 1px solid var(--moo-orange-dark);
	border-radius: 0 0 4px 4px;
	border-top: none;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-weight: bold;
	gap: 4px;
	position: absolute;
	padding: 4px 8px;
	right: 30px;
	top: 0;
	z-index: 999;
}
.debug-main-button input,
.debug-main-button label {
	margin: 0;
}
.debug-info {
	background-color: var(--moo-orange);
	border: 1px solid var(--moo-orange-dark);
	border-radius: 4px;
	color: #fff;
	display: flex;
	flex-direction: column;
	margin-bottom: 4px;
	padding: 4px;
	width: 100%;
}
.debug-info .debug-info-title {
	align-items: center;
	display: flex;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}
.debug-info .debug-info-title:not(:first-child) {
	margin-top: 6px;
}
.debug-info .debug-info-title.clickable {
	cursor: pointer;
}
.debug-info-title .mdi {
	font-size: 16px;
	line-height: 1;
	margin-right: 4px;
}
.debug-info .debug-info-body {
	font-size: 11px;
	margin: 4px 0 0;
}

/* width >= xs */
@media only screen and (min-width: 576px) {
	.flex-col.flex-col-xs-auto {
		width: auto;
	}
	.flex-col.flex-col-xs-1 {
		width: 8.33333333%;
	}
	.flex-col.flex-col-xs-2 {
		width: 16.66666667%;
	}
	.flex-col.flex-col-xs-3 {
		width: 25%;
	}
	.flex-col.flex-col-xs-4 {
		width: 33.33333333%;
	}
	.flex-col.flex-col-xs-5 {
		width: 41.66666667%;
	}
	.flex-col.flex-col-xs-6 {
		width: 50%;
	}
	.flex-col.flex-col-xs-7 {
		width: 58.33333333%;
	}
	.flex-col.flex-col-xs-8 {
		width: 66.66666667%;
	}
	.flex-col.flex-col-xs-9 {
		width: 75%;
	}
	.flex-col.flex-col-xs-10 {
		width: 83.33333333%;
	}
	.flex-col.flex-col-xs-11 {
		width: 91.66666667%;
	}
	.flex-col.flex-col-xs-12 {
		width: 100%;
	}
}
/* width <= sm (xs only) */
@media only screen and (max-width: 767.98px) {
	#wrapper {
		display: flex;
		flex-direction: column;
		height: 100vh;
		overflow-y: auto;
	}
	#page-wrapper {
		flex: 1 1 100%;
		overflow-y: auto;
	}
	.navbar.navbar-static-top {
		border-bottom-width: 1px;
		flex: 0 0 auto;
	}
	.navbar-header {
		display: block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	.logo-container {
		align-items: center;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
	}
	.logo-container .navbar-logo {
		flex: 0 0 auto;
		margin: 0 10px;
		max-height: 36px;
		max-width: 100px;
		order: 1;
	}
	.logo-container .admin-title {
		flex: 1 1 auto;
		order: 2;
		overflow: hidden;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.logo-container .user-info-container {
		flex: 0 0 auto;
		max-width: 30%;
		order: 3;
		padding: 0 10px 0 0;
	}
	.user-info-container .user-info {
		align-items: center;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		padding: 5px 10px;
		text-align: left;
	}
	.user-info-container .user-info .fa {
		font-size: 16px;
		margin: 0 10px 0 0;
	}
	.user-info-container .user-info .user-code-desc {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.user-code-desc .codice-cliente,
	.user-code-desc .desc-agente {
		white-space: nowrap;
	}
	.logo-container .select-language-container {
		flex: 0 0 auto;
		order: 4;
		padding: 0 10px 0 0;
	}
	.sidebar ul li:last-child {
		border-bottom: none;
	}
	.toggle-sidebar {
		display: none;
	}
}
/* width >= sm */
@media only screen and (min-width: 768px) {
	.toggle-sidebar.mini {
		background-color: #f8f8f8;
		border-radius: 6px;
		font-size: 21px;
		height: 36px;
		left: 0;
		line-height: 34px;
		margin: 0 0 10px 5px;
		position: relative;
		opacity: 1;
		width: 36px;
	}
	.toggle-sidebar.mini:hover {
		background-color: #fff;
	}
	#page-wrapper {
		height: 100vh;
		overflow-y: auto;
		padding: 0 15px;
	}
	#page-wrapper.mini {
		margin-left: 46px;
	}
	#sidebar_logo.mini,
	#language_select.mini,
	.sidebar .icon-label.mini,
	.sidebar .fa.arrow-show:not(.arrow) {
		display: none;
	}
	.sidebar {
		border-right-style: solid;
		border-right-width: 1px;
		height: 100vh;
		display: flex;
		flex-direction: column;
		width: 251px;
	}
	.sidebar-mini {
		position: absolute;
		width: 47px;
		z-index: 1;
	}
	.sidebar-mini .nav > li.active > a {
		background-color: #e3e3e3;
	}
	.sidebar .sidebar-nav.navbar-collapse {
		overflow-y: auto;
	}
	.sidebar .nav-second-level li a.sub-icon-pos {
		padding-left: 15px;
	}
	.sub-icon-bg {
		background-color: white;
		color: orange;
	}
	.replica-active .sidebar-mini .sub-icon-bg {
		background-color: var(--moo-red);
	}
	.sub-icon-bg:hover {
		color: salmon;
	}
}
@media (min-width: 768px) {
	.flex-col.flex-col-sm-auto {
		width: auto;
	}
	.flex-col.flex-col-sm-1 {
		width: 8.33333333%;
	}
	.flex-col.flex-col-sm-2 {
		width: 16.66666667%;
	}
	.flex-col.flex-col-sm-3 {
		width: 25%;
	}
	.flex-col.flex-col-sm-4 {
		width: 33.33333333%;
	}
	.flex-col.flex-col-sm-5 {
		width: 41.66666667%;
	}
	.flex-col.flex-col-sm-6 {
		width: 50%;
	}
	.flex-col.flex-col-sm-7 {
		width: 58.33333333%;
	}
	.flex-col.flex-col-sm-8 {
		width: 66.66666667%;
	}
	.flex-col.flex-col-sm-9 {
		width: 75%;
	}
	.flex-col.flex-col-sm-10 {
		width: 83.33333333%;
	}
	.flex-col.flex-col-sm-11 {
		width: 91.66666667%;
	}
	.flex-col.flex-col-sm-12 {
		width: 100%;
	}
	.modal-xl {
		width: 680px;
	}
}
/* width >= md */
@media only screen and (min-width: 992px) {
	.customer-details-modal .inline-checkbox .checkbox {
		margin-top: 32px;
	}
	.customer-details-modal .form-customer-details .alert.alert-sede-legale {
		margin: 0;
	}
	.customer-details-modal .form-customer-details .company-name-hq .alert.alert-sede-legale {
		margin-top: 13px;
	}
}
@media (min-width: 992px) {
	.flex-col.flex-col-md-auto {
		width: auto;
	}
	.flex-col.flex-col-md-1 {
		width: 8.33333333%;
	}
	.flex-col.flex-col-md-2 {
		width: 16.66666667%;
	}
	.flex-col.flex-col-md-3 {
		width: 25%;
	}
	.flex-col.flex-col-md-4 {
		width: 33.33333333%;
	}
	.flex-col.flex-col-md-5 {
		width: 41.66666667%;
	}
	.flex-col.flex-col-md-6 {
		width: 50%;
	}
	.flex-col.flex-col-md-7 {
		width: 58.33333333%;
	}
	.flex-col.flex-col-md-8 {
		width: 66.66666667%;
	}
	.flex-col.flex-col-md-9 {
		width: 75%;
	}
	.flex-col.flex-col-md-10 {
		width: 83.33333333%;
	}
	.flex-col.flex-col-md-11 {
		width: 91.66666667%;
	}
	.flex-col.flex-col-md-12 {
		width: 100%;
	}
	.modal-xl {
		width: 900px;
	}

	.customer-details-modal .flex-container.tipo-cliente {
		margin-bottom: 0;
	}
	.customer-details-modal .flex-container.codice-cliente .flex-content,
	.customer-details-modal .flex-container.tipo-cliente .flex-content {
		line-height: 32px;
	}
	.flex-container.flex-container-inline .flex-label {
		line-height: 32px;
	}
	.flex-container.flex-container-inline + .flex-container.flex-container-inline {
		margin-left: 10px;
	}

	.related-articles-modal .related-articles-wrap {
		display: block;
		gap: 0;
		grid-template-columns: none;
	}
	.related-articles-wrap .related-article-wrap {
		align-items: center;
		display: flex;
		gap: 10px;
		justify-content: space-between;
		margin-top: 10px;
	}
	.related-articles-wrap .related-article-wrap:first-child {
		margin-top: 0;
	}
	.related-article-wrap > .article-data-wrap {
		text-align: left;
	}
	.related-article-wrap > .disponibile {
		max-width: 130px;
	}
	.related-article-wrap > .prezzo {
		padding: 0 10px;
	}
	.related-article-wrap > .cart-buttons {
		margin-top: 0;
		max-width: 160px;
	}

	.replacement-articles-modal .replacement-articles-wrap {
		display: block;
		gap: 0;
		grid-template-columns: none;
	}
	.replacement-articles-wrap .replacement-article-wrap {
		align-items: center;
		display: flex;
		gap: 10px;
		justify-content: space-between;
		margin-top: 10px;
	}
	.replacement-articles-wrap .replacement-article-wrap:first-child {
		margin-top: 0;
	}
	.replacement-article-wrap > .article-data-wrap {
		text-align: left;
	}
	.replacement-article-wrap > .disponibile {
		max-width: 130px;
	}
	.replacement-article-wrap > .prezzo {
		padding: 0 10px;
	}
	.replacement-article-wrap > .cart-buttons {
		margin-top: 0;
		max-width: 160px;
	}
}
/* width >= lg */
@media (min-width: 1200px) {
	.flex-col.flex-col-lg-auto {
		width: auto;
	}
	.flex-col.flex-col-lg-1 {
		width: 8.33333333%;
	}
	.flex-col.flex-col-lg-2 {
		width: 16.66666667%;
	}
	.flex-col.flex-col-lg-3 {
		width: 25%;
	}
	.flex-col.flex-col-lg-4 {
		width: 33.33333333%;
	}
	.flex-col.flex-col-lg-5 {
		width: 41.66666667%;
	}
	.flex-col.flex-col-lg-6 {
		width: 50%;
	}
	.flex-col.flex-col-lg-7 {
		width: 58.33333333%;
	}
	.flex-col.flex-col-lg-8 {
		width: 66.66666667%;
	}
	.flex-col.flex-col-lg-9 {
		width: 75%;
	}
	.flex-col.flex-col-lg-10 {
		width: 83.33333333%;
	}
	.flex-col.flex-col-lg-11 {
		width: 91.66666667%;
	}
	.flex-col.flex-col-lg-12 {
		width: 100%;
	}
	.modal-xl {
		width: 1100px;
	}
	.results-container li span,
	.pagination-container li span {
		font-size: 14px;
	}
	.results-container li.results .label-results {
		display: inline-block;
	}
	.pagination-container li.per-page-selector .label-show {
		display: inline-block;
	}
	.customer-details-modal .form-customer-details .company-name-hq .alert.alert-sede-legale {
		margin-top: 27px;
	}
}
/* width >= xl (new entry) */
@media (min-width: 1440px) {
	.flex-col.flex-col-xl-auto {
		width: auto;
	}
	.flex-col.flex-col-xl-1 {
		width: 8.33333333%;
	}
	.flex-col.flex-col-xl-2 {
		width: 16.66666667%;
	}
	.flex-col.flex-col-xl-3 {
		width: 25%;
	}
	.flex-col.flex-col-xl-4 {
		width: 33.33333333%;
	}
	.flex-col.flex-col-xl-5 {
		width: 41.66666667%;
	}
	.flex-col.flex-col-xl-6 {
		width: 50%;
	}
	.flex-col.flex-col-xl-7 {
		width: 58.33333333%;
	}
	.flex-col.flex-col-xl-8 {
		width: 66.66666667%;
	}
	.flex-col.flex-col-xl-9 {
		width: 75%;
	}
	.flex-col.flex-col-xl-10 {
		width: 83.33333333%;
	}
	.flex-col.flex-col-xl-11 {
		width: 91.66666667%;
	}
	.flex-col.flex-col-xl-12 {
		width: 100%;
	}
	.modal-xl {
		width: 1350px;
	}
}

.thumbs-container {
	border-top: 1px solid gainsboro;
	margin-top: 5px;
	padding-top: 5px;
}
.thumbs-container .thumb-outer {
	display: inline-block;
	float: left;
	height: 40px;
	max-width: 60px;
	margin: 5px 0 0 5px;
	overflow: hidden;
}
.thumbs-container .thumb-outer .thumb-mid {
	display: table;
	height: 100%;
	padding: 0;
	width: 100%;
}
.thumbs-container .thumb-outer .thumb-mid .thumb-inner {
	display: table-cell;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.thumbs-container .thumb-outer .thumb-mid .thumb-inner .thumb {
	display: block;
}
.thumbs-container .thumb-outer .thumb-mid .thumb-inner .thumb img {
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
	max-height: 100%;
	max-width: 100%;
	transform: translateZ(0);
}

.featherlight-next:hover,
.featherlight-previous:hover {
	background: rgba(224,224,224,.25);
}
.featherlight-next:hover span,
.featherlight-previous:hover span {
	color: #ccc;
	display: inline-block;
}
.featherlight-loading .loading-container {
	padding: 20px;
}
.featherlight-loading .fa {
	font-size: 48px;
}

.err-validate-date {
	color: red;
	font-size: 13px;
}

.center {
	text-align: center;
}

.pre-line {
	white-space: pre-line;
}

#change_password_form {
	position: relative;
}

.change-password-data-container {
	margin-bottom: 15px;
}

.change-password-modal-body .alert {
	text-align: center;
	white-space: pre-line;
}
.change-password-modal-body .form-control-wrapper {
	position: relative;
}
.change-password-modal-body .form-control-wrapper .form-control.ng-pristine.ng-invalid {
	border-color: #999;
	border-width: 1px;
}
.change-password-modal-body .form-control-wrapper .form-control.ng-dirty.ng-invalid,
.change-password-modal-body .form-control-wrapper .form-control.ng-touched.ng-invalid {
	border-color: red;
	border-width: 2px;
}
.change-password-modal-body .form-control-wrapper .form-error-invalid-msg {
	background-color: #fff;
	border: 1px solid red;
	border-top: none;
	bottom: -19px;
	color: red;
	font-size: 12px;
	padding: 0 4px;
	position: absolute;
	right: 20px;
	z-index: 1;
}
.change-password-modal-body .center {
	text-align: center;
}
.change-password-modal-body .action-buttons {
	border-top: 1px solid gainsboro;
	margin-top: 20px;
	padding-top: 10px;
}
.change-password-modal-body .action-buttons .btn:not(:last-of-type) {
	margin-right: 10px;
}
.change-password-modal-body .send-email-feedback {
	margin-top: 10px;
}
.change-password-modal-body .send-email-feedback .sending-container,
.change-password-modal-body .send-email-feedback .alert-success {
	font-size: 18px;
}
.change-password-modal-body .send-email-feedback .alert {
	margin-bottom: 0;
}
.change-password-modal-body .send-email-feedback .alert-success {
	white-space: normal;
}
.change-password-modal-body .send-email-feedback .fa {
	font-size: 32px;
}

.change-password-modal-body .err-msg-container {
	margin-top: 15px;
}

.change-password-modal-body .form-group .err-nuova-password {
	margin-bottom: 40px;
	position: relative;
}

.change-password-modal-body .form-group .err-nuova-password .form-error-invalid-msg {
	bottom: -35px;
	left: 25px;
	right: 2px;
}

.change-password-modal-body .form-group .err-conferma-password {
	position: relative;
}
.change-password-modal-body .form-group .err-conferma-password .form-error-invalid-msg {
	bottom: -18px;
	left: 40px;
	right: 1px;
}

.cursor-pointer {
	cursor: pointer;
}

.tr-scrollable {
	display: inline-table;
	height: 50px;
	table-layout: fixed;
	width: 100%;
}

.table-scrollable {
	height: 220px;
}

.thead-scrollable {
	display: inline-table;
}

.tbody-scrollable {
	overflow-y: scroll;
	height: 220px;
	position: absolute;
}

.toast-container {
	position: absolute;
	top: 1rem;
	right: 2rem;
	z-index: 999999999;
}

.toast-container .toast {
	border-radius: 5px;
	box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.2);
	padding: 0.8rem 1rem;
	max-width: 45rem;
	min-width: 12rem;
	cursor: pointer;
	position: relative;
}

/* On mobile width media query */
@media (max-width: 767.98px) {
	.toast-container {
		width: 90%;
		top: 1rem;
	}
}

.toast .toast-title {
	font-weight: 600;
	font-size: 1.7rem;
}

.toast .toast-message {
	font-weight: 400;
	font-size: 1.4rem;
}

.toast.toast-success {
	/* use bootstrap color */
	background-color: #5cb85c;
	border-color: #5cb85c;
	color: #fff;
}
.toast.toast-danger {
	/* use bootstrap color */
	background-color: #d9534f;
	border-color: #d9534f;
	color: #fff;
}
.toast.toast-warning {
	/* use bootstrap color */
	background-color: #f0ad4e;
	border-color: #f0ad4e;
	color: #fff;
}
.toast.toast-info {
	/* use bootstrap color */
	background-color: #5bc0de;
	border-color: #5bc0de;
	color: #fff;
}
.toast.toast-default {
	/* use bootstrap color */
	background-color: #f0f0f0;
	border-color: #f0f0f0;
	color: #333;
}

.fade-animation.ng-enter,
.fade-animation.ng-leave {
  -webkit-transition: opacity ease-in-out 0.5s;
  -moz-transition: opacity ease-in-out 0.5s;
  -ms-transition: opacity ease-in-out 0.5s;
  -o-transition: opacity ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s;
}
.fade-animation.ng-enter,
.fade-animation.ng-leave.ng-leave-active {
  opacity: 0;
}
.fade-animation.ng-leave,
.fade-animation.ng-enter.ng-enter-active {
  opacity: 1;
}

#moo-google-maps-container {
	height: 100%;
	width: 100%;
}

.mappa-agenti-modal .mappa-agenti-container {
	max-height: 84vh;
}
.mappa-agenti-modal .mappa-agenti-container .agenti-dispositivi-list-container {
	max-height: 80vh;
	height: 80vh;
	overflow-y: auto;
}

.mappa-agenti-modal .mappa-agenti-container .agenti-dispositivi-list-updating-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 4rem;
}

.mappa-agenti-modal .mappa-agenti-container .agenti-dispositivi-list-container ul.list-group li.list-group-item {
	border-radius: 7px;
}

/* Modale di visualizzazione PDF */
.pdf-viewer-modal-body {
	height: calc(100vh - 140px);
	min-height: 200px;
	overflow-x: hidden;
}
.pdf-viewer-modal-body.show-cart {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 10px;
}
.pdf-viewer-modal-body .pdf-viewer-container {
	flex: 1 1 calc(80% - 10px);
	height: 100%;
}
.pdf-viewer-modal-body .cart-container {
	display: flex;
	flex: 1 1 20%;
	flex-flow: column nowrap;
	margin: 0;
	max-height: 20%;
}
.pdf-viewer-modal-body:not(.show-cart) .cart-container {
	display: none;
}
.pdf-viewer-modal-body .cart-container .cart-row {
	margin-bottom: 15px;
}
.pdf-viewer-modal-body .cart-container .panel-body {
	overflow-y: scroll;
	position: relative;
}
.pdf-viewer-modal-body .cart-container .saving-overlay {
	background-color: rgba(255, 255, 255, 0.66);
	bottom: 10px;
	left: 10px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 99;
}
.pdf-viewer-modal-body .cart-container .riepilogo-totale-articolo {
	display: flex;
	justify-content: space-between;
}
/* width < sm (xs only) */
@media (max-width: 767.98px) {

}
/* width < md (xs + sm) */
@media (max-width: 991.98px) {

}
/* width < lg (xs + sm + md) */
@media (max-width: 1199.98px) {

}
/* width < xl (xs + sm + md + lg) */
@media (max-width: 1439.98px) {

}
/* width >= xs */
@media (min-width: 576px) {

}
/* width >= sm */
@media (min-width: 768px) {

}
/* width >= md */
@media (min-width: 992px) {
	.pdf-viewer-modal-body.show-cart {
		flex-direction: row;
	}
	.pdf-viewer-modal-body .cart-container {
		max-height: 100%;
	}
}
/* width >= lg */
@media (min-width: 1200px) {

}
/* width >= xl (new entry) */
@media (min-width: 1440px) {

}

/** Modale dei volantini */
.volantini-search-modal .results-pagination-container {
	margin-top: 10px;
}
.volantini-search-modal .result-box .validita {
	font-size: 0.9em;
	margin-top: 4px;
}
#fasce-sconto-dettaglio-popup .fasce-sconto-dettaglio .selected {
	background-color: var(--moo-yellow);
}
.volantino-dettagli-modal .volantino-dettagli-modal-body {
	height: calc(100vh - 140px);
}
.volantino-dettagli-modal .body {
	height: 90%;
}
.volantino-dettagli-modal .feedback-results-container {
	height: 100%;
}
.volantino-dettagli-modal .descrizione-volantino {
	display: inline-block;
	margin-right: 5px;
}
.volantino-dettagli-modal .action-buttons {
	margin-top: auto;
	min-height: 60px;
	text-align: right;
}
.volantino-dettagli-modal .action-buttons .btn-big {
	padding: 10px 18px;
}
.volantino-dettagli-modal .alert.alert-inline {
	align-items: center;
	display: flex;
	gap: 5px;
	justify-content: center;
}
.volantino-dettagli-modal .articles-list {
	height: 100%;
	overflow: scroll;
}
.volantino-dettagli-modal .articles-list .qty .title {
	font-size: 13px;
}
.volantino-dettagli-modal .validita {
	font-size: 0.8em;
}
.volantino-dettagli-modal .art-edit .qta input,
.volantino-dettagli-modal .art-edit .confezione input,
.volantino-dettagli-modal .art-edit .sconto input {
	max-width: 80px;
}
.volantino-dettagli-modal .art-edit .elimina-articolo {
	text-align: right;
}
.volantino-dettagli-modal .art-edit .elimina-articolo .btn {
	margin-top: 13px;
}
.volantino-dettagli-modal .edit .placeholder {
	color: var(--moo-grey);
	margin: 50px auto;
	text-align: center;
}
.volantino-dettagli-modal .art-edit .totali-articolo {
	text-align: right;
}
.volantino-dettagli-modal .art-edit .totali-articolo .title {
	margin-bottom: 5px;
}
.volantino-dettagli-modal .badge.badge-sm {
	font-size: 10px;
	font-weight: 400;
}
.volantino-dettagli-modal .cart .panel-body {
	padding: 10px 8px;
}
.volantino-dettagli-modal .cart .panel-body .table > thead > tr > th {
	padding: 2px 4px;
}
.volantino-dettagli-modal .edit {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.volantino-dettagli-modal .edit .art-preview .image-container {
	height: 110px;
	width: 110px;
}
.volantino-dettagli-modal .edit .art-preview .image-container img {
	max-height: 100%;
	max-width: 100%;
}
.volantino-dettagli-modal .edit .art-preview .prezzo {
	text-align: right;
}
.volantino-dettagli-modal .edit-scroll {
	height: 90%;
	overflow: scroll;
}
.volantino-dettagli-modal .edit .form-control {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	max-width: 120px;
	min-width: 50px;
	padding: 0 5px;
	text-align: center;
}
.volantino-dettagli-modal .edit .raggruppamenti .raggruppamento-row {
	align-items: center;
	display: flex;
	gap: 6px;
}
.volantino-dettagli-modal .edit .raggruppamenti .raggruppamento-row .name {
	flex-grow: 1;
}
.volantino-dettagli-modal .prezzo-container.prezzo-barrato .prezzo {
	color: #999;
	text-decoration: line-through;
}
.volantino-dettagli-modal .prezzo-container.prezzo-barrato .prezzo .colorprezzo,
.volantino-dettagli-modal .prezzo-container.prezzo-barrato .prezzo .prezzo-um {
    color: #ccc;
}
.volantino-dettagli-modal .articles-list .mdi,
.volantino-dettagli-modal .edit .mdi {
	font-size: 18px;
}
.volantino-dettagli-modal .articles-list .raggruppamento-box {
	background-color: var(--moo-grey-lighter);
	font-weight: 600;
}
.volantino-dettagli-modal .pill-status {
	border-radius: 100%;
	content: "";
	display: inline-block;
	height: 15px;
	width: 15px;
}
.volantino-dettagli-modal .info-raggruppamento {
	color: #337ab7;
	cursor: help;
	margin-left: 5px;
}
.volantino-dettagli-modal .inline-form span {
	margin-right: 7px;
}
.volantino-dettagli-modal .pill-status.invalid {
	background-color: var(--moo-red-dark);
}
.volantino-dettagli-modal .pill-status.blocked {
	background-color: var(--moo-black-light);
}
.volantino-dettagli-modal .pill-status.valid {
	background-color: var(--moo-green);
}