:root {
    --MAIN_COLOR: #601111; /* old: #29347c */
    --MAIN_COLOR_LIGHTER: #882222; /* old: #373f89 */
    --MAIN_COLOR_MORE_LIGHTER: #993333; /* old: #3f4691 */
    --MAIN_COLOR_DARKER: #501111; /* old: #202650 */
    --MAIN_COLOR_MORE_DARKER: #401111; /* old: #161e47 */
}


/*
 * Toggle Demo
 */

.toggle-demo {
	position: absolute;
	top: 10px;
	right: -8px;
	display: block;
	width: 154px;
	height: auto;
	z-index: 99;
	opacity: .9;
	
}.toggle-demo:hover {
	opacity:1;
}

.toggle-demo .btn-group {
	width:100px;
	float:left;
}

.toggle-demo > span {
	display:inline-block;
	float:left;
	margin-right:5px;
	line-height: 21px;
	color: #757575;
}

/*
 * noUISlider vertical demo
 */
.demo-vertical-uislider {
	
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.demo-vertical-uislider > div {
	height:200px;
	margin: 0 0px 0 10px;
	display:inline-block;
}

.demo-vertical-uislider >:first-child {
	margin-left:15px;
}


/*
 * Knobs demo
 */

.knobs-demo > div {
	display:inline-block;
	margin-left:30px;
}
.knobs-demo >:first-child {
	margin-left:0;
} 

/*
 * DEMO INPUT
 */

.demo label input[type=radio].radiobox+span:before, .demo label input[type=checkbox].checkbox+span:before {
	border: 1px solid #5E5E5E;
}

.demo label:hover input[type=checkbox].checkbox+span:before {
	border-color:#E77317;
}

/*
 * DEMO
 * Demo CSS only
 */	
.demo label {
	margin-bottom:4 !important;
}

.demo .checkbox i {
	border-color: #7A7A7A;
}

.demo .radio, .demo .checkbox {
	padding-left:22px;
}

.demo.activate {
	right:0px !important;
	box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.2);
	padding:5px 10px 10px; 
}

.demo #demo-setting + form {
	display:none;
}

.demo.activate #demo-setting + form {
	display:block;
}

.demo {
	position:absolute; 
	top:5px; 
	right:0px; 
	width:160px;
	z-index:902; 
	background:#F1DA91;
}

.demo > span {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	height: 30px;
	width: 30px;
	border-radius: 5px 0 0 5px;
	background: #F1DA91;
	padding: 2px;
	text-align: center;
	line-height: 28px;
	cursor:pointer;
}

.demo > span i {
	font-size:17px;
}

.demo.activate > span i:before {
	content: "\f00d";
}

.demo.activate > span {
	left: -30px;
}

.demo > span:hover i {
	color:#333 !important;
}

.demo form section {
	margin:0 !important;
}

.demo .btn {
	font-size: 13px !important;
	line-height: 1.5 !important;
	border-radius: 3px !important;
	padding: 3px 7px !important;
	height:auto !important;
}

.demo-liveupdate-1 {
	font-size: 12px !important;
	position: absolute !important;
	left: 33px;
	top: 15px;
	display: block;
	z-index: 2;
	font-weight: bold;
	padding: 1px 61px 3px 7px;
}

.demo-btns {
	margin:0;
	padding:0;
	list-style:none;
}
.demo-btns > li {
	display:inline-block;
	margin-bottom:7px;
}


.demo-icon-font {
	font-size: 14px;
	margin-bottom: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.demo-icon-font:hover {
	background-color: rgba(86, 61, 124, 0.1);
	text-decoration: none;
}

.demo-modal {
	width: auto;
	max-width:600px;
	z-index: 1;
}

.demo-red {
	color:#DF413E
}

.demo-orange {
	color:#DAA03E;
}

.demo-border {
	border:1px solid rgba(0,0,0,.2)
}

/* DEMO BUTTON FOR NAV */

.nav-demo-btn {
	display:none;
}

body:not(.menu-on-top) .nav-demo-btn {
	display:block;
	padding: 6px 5px;
	margin: 5px 10px;
	width: auto;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size: 12px;
	white-space:normal;
}

.minified .nav-demo-btn,
.fixed-navigation .nav-demo-btn
 {
	display: none !important;
}

/* RTL FIX */

.smart-rtl .demo .margin-right-5 {
	margin-right:0px !important;
}

/* RJ customs: ******************************************************************************************************** */
.minified .minifyme {
	height:42px;
	font-size:27px;
}
.minifyme i {
	margin-top:4px;
}
.minified .minifyme i {
	margin-top:8px;
}
.minified .login-info {
	display:none;
}
#logo {
	margin-top:4px;
}
#logo img {
	width:148px;
	padding-left:8px;
}

/* ----------------------------------------------------------------------------------------------- */
/*#header span#activity {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: default !important;
  display: inline-block;
  font-weight: bold;
  height: 24px;
  width: 24px;
  padding: 2px;
  text-align: center;
  text-decoration: none !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #bfbfbf;
  color: #c4bab6;
  font-size: 19px;
  margin: 10px 0 0 0;
  position: relative;
  float:left;
  box-sizing: content-box;
}
#header span#activity:hover {
  border: 1px solid #bfbfbf;
  transition: all 0.0s;
  cursor: pointer !important;
  -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
}*/
.label-xsmall {
  /*vertical-align: super;*/
  font-size: x-small;
}

.label-small {
  /*vertical-align: super;*/
  font-size: small;
}

.label-medium {
  /*vertical-align: super;*/
  font-size: medium;
}

.label-large {
  /*vertical-align: super;*/
  font-size: large;
}

#header > :first-child { /* add by RJ to original (220px) */
	width:270px;
}
#logo {
	width:211px;
}
#logo-group span#activity {
	margin: 10px 0 0 12px; /* add by RJ to original (10px 0 0 0) */
}
.ajax-dropdown {
	left:64px;
}
nav ul li a, nav ul ul li > a, nav ul ul ul li a {
	font-size:13px;
}
#project-context, .project-context {
	padding:7px 13px 0 0/* mod original by RJ: 7px 13px 0 */
}
.minified nav > ul > li > a > .menu-item-parent {
	font-weight:bold;
}
.btn-header > :first-child > a {
	cursor:pointer !important;
}

#extr-page #header #logo img {
	width:123px;
}
#extr-page #header #logo {
	margin-top:10px;
}
.margin-0 {
  margin: 0 !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
#extr-page .hero {
	background-position:bottom;
	height:auto;
	padding-bottom:40px;
	margin-bottom:20px;
    background-size: contain;
}
/*label.error {
	color:#a90329;
	font-weight:bold;
}*/
#extr-page .login-app-icons {
	width:auto;
	margin-top:50px;
}
.well {
	background-color:#fff;
}
.well header {
	font-weight:bold; /*400*/
}

.smart-form article {
	padding-left: 13px;
	padding-right: 13px;
	box-sizing: border-box;
}
.txt-color-main {
	color:#003399;
}
.td-nowrap {
	white-space: nowrap
}
.td-bigtxt, .big-txt {
	font-size:15px;
}
.td-normtxt {
	font-size:inherit !important;
}
.select2-selection { /* force padding in select2 in form with smart-form class by RJ */
	padding: 0 8px;
}
.select2-selection__arrow b { /* corregge la freccia sulla destra della down-list */
	line-height:2;
}
.txt-color-level1 {
  color: #093 !important;
}
.txt-color-level2 {
  color: #F60 !important;
}
.txt-color-level3 {
  color: #06C !important;
}
.txt-color-level4 {
  color: #FC0 !important;
}
.bg-color-level1 {
  background-color: #093 !important;
}
.bg-color-level2 {
  background-color: #F60 !important;
}
.bg-color-level3 {
  background-color: #06C !important;
}
.bg-color-level4 {
  background-color: #FC0 !important;
}
.ui-datepicker { /* correzione bug che sovrappone il numero dell'impaginazione sul calendario */
	/*z-index:3 !important;*/
}

.dataTables_processing { /* bugfix posizionamento e ottimizzazione testo "Elaborazione..." per datatables */
	padding-top:10px;
	height: 45px;
	margin-top: -23px;
	font-weight: bold;
    color: #275b89;
	background:none;
	/*background-color: #fafafa;*/
	z-index: 4;
	border:none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.table thead tr, .table tfoot tr { /* intestazione tabelle */
	background-image:none;
	background-color:#eaf2f8;
}
.table thead > tr > th { /* intestazione tabelle */
	vertical-align:middle;
}
.no-padding .dataTables_wrapper table tr th.not-last-child:last-child { /* corregge bordo a destra ultima cella a destra per datatables con intestazioni con rowspan */
	/*border-right: none !important;*/
	border-right:1px solid #ddd !important;
}
table.table-bordered th.not-last-child:last-child { /* corregge bordo a destra ultima cella a destra per datatables con intestazioni con rowspan */
	/*border-right-width: 0;*/
	border-right-width: 1px;
}
.text-bold {
  font-weight: bold !important;
}
.text-nobold {
  font-weight: normal !important;
}
.txt-red { /* utilizzato per le cifre = zero nelle datatables */
	color:#a00;
	font-weight:bold;
}
.txt-green { /* utilizzato per le cifre = zero nelle datatables */
	color:#0a0;
	font-weight:bold;
}
.ekko-lightbox h4 {
	font-weight:bold;
	font-size: 16px;
}
/*.smart-form .inline-group .radio, .smart-form .inline-group .checkbox {
	margin-top:4px;
	margin-bottom:7px;
}*/
.smart-form .col { /* fix altezza uguale agli altri elementi del form per i radioo e i checkbox */
	min-height:60px;
}
.bg_filter_accordion {
	background-color:#ffd;
}
body:not(.mobile-detected) #main { /* fix contenuto maggiore della larghezza della pagina (con scroll orizzontale) solo su desktop, no su mobile */
	min-width:fit-content;
}
#content {
	/*width:100%;*/
}
body { /* fix contenuto maggiore della larghezza della pagina (con scroll orizzontale) */
	/*min-width: fit-content;*/
}
.page-footer {
	
}
#show_all_details {
	vertical-align: middle !important;
}
th.btn_plus {
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}
th.btn_plus i:before{ /* th.btn_plus:before */
	font-family: 'FontAwesome';
	content: "\f107"; /* content: "\f055"; */
	font-size: 2em; /* 1.4em */
	/*color: #739e73;*/
	font-weight:bold;
}
th.btn_minus i:before { /* th.btn_minus:before */
	/*font-family: 'FontAwesome';*/
	content: "\f106"; /*content: "\f056";*/
	/*font-size: 1.4em;*/
	/*color: #a90329;*/
	/*vertical-align: middle;*/
	/*text-align: center;*/
	/*cursor: pointer;*/
}
.dataTable tbody .details-control:before {
	content: "\f107";
	font-weight:bold;
	color: inherit;
}
.dataTable tbody .shown .details-control:before {
	content: "\f106";
	font-weight:bold;
	color: inherit;
}
table.table_details i.fa-level-up {
	color:#aaa;
}
.dt-toolbar-footer { /* fix grandezza carattere footer datatables */
	font-size:inherit;
}
/*table.table_details tbody tr {
	background: rgba(205, 209, 98, 0.2) !important;
}
*/
.color_lnk_def {
	color:#3276b1;
}
.color_lnk_def:hover {
	color:#214e75;
}
.ui-spinner.spinner-cart {
	width:auto;
	margin-left: 10px;
}
.ui-spinner.spinner-cart input  {
	width:85px;
	text-align: right;
}
.ui-spinner-down, .ui-spinner-up {
	background:#eee;
	cursor:pointer;
}
.ui-spinner-down:hover, .ui-spinner-up:hover {
	background:#ccc;
}
.ui-spinner-down:before, .ui-spinner-up:before {
	color:#3276b1;
}
.gen-modal {
	width: auto;
	max-width:600px;
	z-index: 1;
}
.btn-lg-accordion {
	line-height:29px;
}
.page-title {
	color: #003399;
}
.page-title .label {
	color: #fff;
}
.img-container {
	padding:5px;
	border:solid 1px #ccc;
}
.label-magaz-1 {
	background-color:#360;
	color:#fff;
}
.label-magaz-2 {
	background-color:#C60;
	color:#fff;
}
.badge-magaz-1 {
	padding: 3px 7px;
	background-color:#360;
	color:#fff;
}
.badge-magaz-2 {
	padding: 3px 7px;
	background-color:#C60;
	color:#fff;
}
.table-striped>tbody>tr:nth-of-type(odd) td.td-bg-magaz-1 { /* chiaro */
	background-color:rgba(213,255,172,0.3); /* base=#306000 lighter=80% -> #d5ffac */
}
.table-striped>tbody>tr:nth-of-type(even) td.td-bg-magaz-1 { /* chiarissimo */
	background-color:rgba(234,255,213,0.3); /* base=#306000 lighter=90% -> #eaffd5 */
}
.table-striped>tbody>tr:nth-of-type(odd) td.td-bg-magaz-2 { /* chiaro */
	background-color:rgba(255,223,191,0.5); /* base=#C06000 lighter=80% -> #ffdfbf */
}
.table-striped>tbody>tr:nth-of-type(even) td.td-bg-magaz-2 { /* chiarissimo */
	background-color:rgba(254,239,223,0.5); /* base=#C06000 lighter=90% -> #feefdf */
}
.table>tbody>tr.tr-vcenter>td, .table>thead>tr.tr-vcenter>th {
	vertical-align:middle;
}
.dt-high-border-r, .no-padding .dataTables_wrapper table tr th.dt-high-border-r { /*.no-padding .dataTables_wrapper table tr th.not-last-child.dt-high-border-r:last-child*/
	/*border-right: 3px solid #ccc !important;*/
	border-right: 1px solid #aaa !important;
}
.shop-btn-alt { /* per bottone cart in alto */
	position: relative;
	padding: 2px 16px !important;
	background-image:none !important;
	background-color: var(--MAIN_COLOR) !important; /*MAIN_COLOR*/
	color: #fff !important;
	font-size: 16px !important;
}
.shop-btn-alt i { /* per bottone cart in alto */
	font-size:20px;
	margin-right:8px;
}
.shop-btn-alt > span.air { /* fix per icona carrello sul top */
	top: -9px;
	left: -11px;
	font-size:10px;
	font-weight: inherit; 
	line-height: normal;
	height:auto;
	background: #a90329;
	display: inline-block;
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
	border-radius: 50%;
	padding: 2px 4px 3px 4px !important;
	text-align: center;
	width: 19px;
}
.shop-btn-alt div { /* per bottone cart in alto */
	display:inline-block;
}
select.select_prepend { /* fix per select con prepend zone*/
	padding-left:35px !important;
}
.smart-form .icon-append, .smart-form .icon-prepend { /* fix per padding in alto per le icone in prepend o append*/
	top:4px;
}
.smart-form .icon-prepend.icon-append-x2 { /* icon prepend con due icone */
	width:48px;
}
.smart-form .input .icon-prepend.icon-append-x2 + input, .smart-form .textarea .icon-prepend.icon-append-x2 + textarea { /* icon prepend con due icone */
	padding-left:64px;
}
img.img_item_brand {
	width:100px;
	height:36px;
	object-fit: contain;
}
img.img_item_photo {
	width:36px;
	height:36px;
	object-fit: contain;
}
img.img_item_label {
	width:36px;
	height:36px;
	object-fit: contain;
}

.filters_button_collapse {
	width: calc(100% - 104px);
	display: inline-block !important;;
}
.filters_button_new {
	width: 100px;
	display: inline-block !important;
	color: #fff !important;
	height: 44px;
}
.filters_button_new i {
	display: inline !important;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}
.pricing-big { /* fix per ribbon sui panel */
	position:relative;
}
.pricing-big .ribbon { /* fix per ribbon sui panel */
	right: -4px;
}
.line-height-normal {
	line-height:normal;
}
.radio.radio-hover:hover {
	background-color:#ecf3f8;
}
/* blink border effect: */
@keyframes border-blink {
  50% {
    /*opacity: 0.0;*/
	border:2px solid #c00;
  }
}
@-webkit-keyframes border-blink {
  50% {
    /*opacity: 0.0;*/
	border:2px solid #c00;
  }
}
.border-blink {
  animation: border-blink 1s step-start 0s infinite;
  -webkit-animation: border-blink 1s step-start 0s infinite;
  border:2px solid #ccc;
  margin:10px;
}
.badge.badge-cart {
	padding: 3px 7px;
	display:block;
	text-align: left;
	font-size: 14px;
}
.radio.radio-cart {	
	padding: 5px 5px 10px 25px;
}
.mr-2 { /* per laberl GRATIS in riepilogo carrello */
	margin-right:-2px;
}
#dt_obj tr.shown {
	box-shadow: 0 -5px 10px -5px #333, -5px 0 5px -5px #333, 5px 0 5px -5px #333;
}
#dt_obj tr.shown td {
	border-top: 1px solid #888 !important;
}
#dt_obj tr.shown td:first-child {
	border-left: 1px solid #888 !important;
}
#dt_obj tr.shown td:last-child {
	border-right: 1px solid #888 !important;
}
#dt_obj tr.shown + tr {
	box-shadow: -5px 0 5px -5px #333, 5px 0 5px -5px #333;
}
#dt_obj tr.shown + tr:hover {
	background:inherit;
}
#dt_obj tr.shown + tr > td{
	border-bottom: 1px solid #888 !important;
	border-left: 1px solid #888 !important;
	border-right: 1px solid #888 !important;
}
.lheight-30 {
	line-height:30px;
}
.txt-bold {
	font-weight:bold !important;
}
.mybox {
	/*display:inline-block;*/
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
}
/* modals center vertically by RJ: */
.modal-vcenter {
  text-align: center!important;
  padding: 0 !important;
}

.modal-vcenter:before {
  content: ''!important;
  display: inline-block!important;
  height: 100%!important;
  vertical-align: middle!important;
  margin-right: -4px!important;
}

.modal-dialog-vcenter {
  display: inline-block!important;
  text-align: left!important;
  vertical-align: middle!important;
}
#dt_obj input.input_saver { /* text input for inline save value */
	margin-right: 4px;
	padding: 4px;
	font-size: 16px;
	font-weight: normal;
}
/*
.box {
	height: 150px;
	width: 300px;
	margin: 20px;
	border: 1px solid #ccc;
}

.top {
	box-shadow: 0 -5px 5px -5px #333;
}

.right {
	box-shadow: -5px 0 5px -5px #333, 5px 0 5px -5px #333;
}

.bottom {
	box-shadow: 0 5px 5px -5px #333;
}

.left {
	box-shadow: 5px 0 5px -5px #333;
}

.all {
	box-shadow: 0 0 5px #333;
}
*/

.custom_cbox_border {
	/*border: 1px dotted #BDBDBD;*/
	/*padding: 1px 0 0px 4px;*/
	padding: 3px 0 0px 5px;
	margin-right:0 !important;
	background-color: #f0f0f0;
}

.custom_one_cbox {
	width: 24px;
	height: 29px;
}

.strong {
	font-weight:bold !important;
}

/* campo di testo MISURA nei filtri di ricerca degli articoli */
#dt_filter_misur {
	background-color: var(--MAIN_COLOR); /*MAIN_COLOR*/
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

.contact_menu_style _span {
	background-color:#a90329;
	padding:5px;
	color:#fff;
	/*font-weight:bold;*/
}
.contact_menu_style {
	/*background-color:#a90329;*/
	background-color:rgb(192, 187, 183);
	margin:5px 0;
	/*color:#000;
	font-weight:bold;*/
}
.contact_menu_style span {
	color:#000;
	font-weight:bold;
}
.contact_menu_style i {
	color:#444;
}

.mysparks > div {
	border-left: 1px dotted #888;
	padding: 0 10px;
}
.mysparks-info h5 {
	color: #555;
	font-size: 11px;
	font-weight: normal;
	margin: -3px 0 0 0;
	padding: 0;
	border: none;
	text-transform: uppercase;
}
.mysparks-info {
	border-bottom: 2px solid #093;
	padding-bottom:10px;
}
.mysparks-info span.mysparks-content {
	color:#093;
	display: block;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	text-transform: none;
}
.mysparks > div:last-child {
	padding-right: 0;
}
.mysparks > div:first-child {
	border-left: none;
	padding-left: 0;
}

input.input_xlg {
	height: 50px !important;
	font-size: 24px !important;
	color:#fff !important;
}
label.label_highlight {
	background-color: var(--MAIN_COLOR); /*MAIN_COLOR*/
    color: #fff !important;
    padding-left: 10px;
    text-transform: uppercase;
    margin-bottom: 1px !important;
    border-radius: 5px 5px 0 0;
}
label.label_highlight .note {
	color: #ccc;
}
input.input_xlg::placeholder { /* Firefox, Chrome, Opera */ 
	color: #fff; 
} 
input.input_xlg:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
	color: #fff; 
} 
input.input_xlg::-ms-input-placeholder { /* Microsoft Edge */ 
	color: #fff; 
} 
div.custom_cbox_border.magazzino_highlight {
	height:43px;
	border: 2px solid #3276b1;
}
label.radio_highlight {
	border: 6px solid #360;
	background-color: #360;
	color: #fff !important;
	font-weight: bold !important;
	border-radius: 10px;
}
label.radio_highlight_all {
	border: 6px solid #f0f0f0;
}
label.radio_highlight_other {
	border: 6px solid #f0f0f0;
	color: #C60 !important;
	font-weight: bold !important;
}
.header_cell_highlight {
	margin-right:10px;
}
.header_cell_highlight .btn-softdanger {
	color: #a90329;
	background-color: #fcc;
	border-color: #fcc;
	padding-top:0px;
	padding-bottom:0px;
}
.header_cell_highlight .btn-softdanger img {
	margin-top:-6px;
	height:22px;
}
.header_cell_highlight .btn-whatsapp {
	color: #080;
	background-color: #c0ffd4;
	border-color: #c0ffd4;
	padding-top:0px;
	padding-bottom:0px;
}
.header_cell_highlight .btn-whatsapp img {
	margin-top:-4px;
	height:24px;
}
.header_cell_highlight .btn-softdanger span, .header_cell_highlight .btn-whatsapp span {
	transform: scale(1, 1.5);
	-webkit-transform: scale(1, 1.5); /* Safari and Chrome */
	-moz-transform: scale(1, 1.5); /* Firefox */
	-ms-transform: scale(1, 1.5); /* IE 9+ */
	-o-transform: scale(1, 1.5); /* Opera */
}

/* tab categorie in items.php: */
.tab_items_cats li {
	/*width: 50%;*/
	text-align: center;
}
.tab_items_cats li a {
	font-size: 24px;
	letter-spacing: -1px;
}
.tab_items_cats li.active a {
	color: #3276b1 !important;
}
.tab_items_cats li:not(.active) a {
	color: #888 !important;
}

/* General rules */
.padding-0 {
	padding: 0 !important;
}
.border-0 {
	border: 0 !important;
}
.no-bold {
	font-weight: normal !important;
}
div.hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border:0;
	border-top: 1px solid #ccc;
	text-align: center;
	height: 0px;
	line-height: 0px;
}
.hr-title {
	background-color: #fff;
	padding-left: 8px;
	padding-right: 8px;
}
.label-tracking-info-force {
	display: inline-block !important;
	color: #fff !important;
}
.label-tracking-input-force {
	display: inline-block !important;
}
.label-tracking-input-force > input {
	width: auto !important;
	display: inline-block !important;
}
.label-tracking-checkbox-force {
	margin-top: 4px;
}
.span_danger {
	font-weight: bold;
	color: #a90329;
}
.insert_tracking_form {
	display: none;
}
.input-group-btn .btn.single_button {
	width: 34px;
	height: 34px;
	/*font-weight: bold;*/
}

.smart-form .spinner-both {
	box-sizing: border-box;
	font-weight: bold;
	font-size: 130%;
}
.smart-form .ui-spinner.spinner-cart {
	margin-left: 0;
}
.racks_position {
	font-weight: bold;
	font-size: 130%;
	padding: 3px 4px;
	border: 1px solid #8ac;
	background-color: #def;
}
.racks_list_item {
	margin-bottom: 5px;
}
.racks_list_item_line {
	border-bottom: 1px solid #ccc;
	min-height: 36px !important;
	margin-bottom: 2px !important;
	padding-bottom: 3px;
}
.racks-logs {
	height: 95px;
	min-height: 95px;
	overflow-y: auto;
	padding: 0 10px;
	margin-right: 15px;
	border-left: 2px dotted #ddd;
}
.racks-logs .racks-logs-item {
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 2px 0;
}
.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.modal-xl {
	width: 80%;
}
.badge.qta-order {
	font-size: 133%;
	padding: 4px 8px;
}
.title-rackes-storico-logs {
	padding: 9px 0;
}
.racks-order_note_title {

}
.racks-order_note {
	margin-top: 10px;
	width: calc(100% - 12px);
	padding: 5px;
}
.checkbox_stock {
	/*cursor: pointer;*/
}
.checkbox_stock span {
	color:#888;
}
.ordine_b2b {
	background-color: #666;
	color: #fff;
	font-size: 90%;
	padding: 0 3px;
	border-radius: 3px;
	font-weight: normal;
}
.editable_trig {
	font-weight: bold;
}
.editable_trig.pointer {
	cursor: pointer;
}
.empty-cart-msg {
	margin-top: 50px;
	margin-bottom: 50px;
	font-weight: bold;
	font-size: 120%;
}
.popover-item-price-details {
	text-align: right !important;
}

/* Form to add user in cart */
.fast-add-user {
    border: 1px dashed rgba(0, 0, 0, 0.2) !important;
    margin:0 30px 20px 30px;
    padding-top: 15px !important;
    background-color: #eeeeee !important;
}
.fast-add-user section.col {
    min-height: auto;
}
.fast-add-user .fast-add-user-title {
    padding-top: 6px;
}

/* ----------------------------------------------------------------------------------------------- */

/*
 * GENERAL MOBILE (Applies to all resolutions below 979px)
 */
@media (max-width: 979px) {
	/* datatables responsive optiozation by RJ: */
	.dataTables_wrapper .dataTables_paginate.paging_full_numbers > .pagination > li:not(.first):not(.last):not(.previous):not(.next) { /* non visualizza i numeri di pagina nell'impaginazione delle datatables */
		display:none;
	}
	.dataTables_wrapper div.dataTables_paginate, .dataTables_wrapper ul.pagination {
		float:none !important;
		text-align:center;
	}
	.dataTables_wrapper .dataTables_length {
		text-align:center;
		float:none !important;
	}
	.dataTables_wrapper .dataTables_length select {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.dataTables_wrapper .dataTables_length label {
		float:none;
	}	

}

/*
 * IPAD HORIZONTAL
 */
@media (min-width: 768px) and (max-width: 979px) {
}

/*
 * IPAD VERTICAL
 */
@media (min-width: 768px) and (max-width: 880px) {

	/* datatables responsive optiozation by RJ: */
	.dataTables_wrapper .dataTables_paginate.paging_full_numbers > .pagination > li:not(.first):not(.last):not(.previous):not(.next) { /* non visualizza i numeri di pagina nell'impaginazione delle datatables */
		display:none;
	}
	.dataTables_wrapper div.dataTables_paginate, .dataTables_wrapper ul.pagination {
		float:none !important;
		text-align:center;
	}
	.dataTables_wrapper .dataTables_length {
		text-align:center;
		float:none !important;
	}
	.dataTables_wrapper .dataTables_length select {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.dataTables_wrapper .dataTables_length label {
		float:none;
	}	

}

/*
 * OTHER DEVICES
 */
@media (max-width: 767px) {
}

/*
 * ANDROID
 */
@media only screen and (min-width: 0px) and (max-width: 679px) {
}

/*
 * IPHONE
 */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	#logo-group {
		/*width: 265px!important;*/
	}
	.ajax-dropdown {
		left:16px;
	}
	.ajax-dropdown:before, .ajax-dropdown:after  {
		left:72%;
	}
	
	/* datatables responsive optiozation by RJ: */
	.dataTables_wrapper .dataTables_paginate.paging_full_numbers > .pagination > li:not(.first):not(.last):not(.previous):not(.next) { /* non visualizza i numeri di pagina nell'impaginazione delle datatables */
		display:none;
	}
	.dataTables_wrapper div.dataTables_paginate, .dataTables_wrapper ul.pagination {
		float:none !important;
		text-align:center;
	}
	.dataTables_wrapper .dataTables_length {
		text-align:center;
		float:none !important;
	}
	.dataTables_wrapper .dataTables_length select {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.dataTables_wrapper .dataTables_length label {
		float:none;
	}	
}

/*
 * GENERAL MOBILE (Applies to all resolutions below 979px)
 */
@media (max-width: 979px) {
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	background-color: var(--MAIN_COLOR); /*MAIN_COLOR*/
	border-color: var(--MAIN_COLOR); /*MAIN_COLOR*/
}
/* ----------------------------------------------------------------------------------------------- */
.table.table-cell-middle>tbody>tr>td, .table.table-cell-middle>tbody>tr>th, .table.table-cell-middle>tfoot>tr>td, .table.table-cell-middle>tfoot>tr>th, .table.table-cell-middle>thead>tr>td, .table.table-cell-middle>thead>tr>th {
	vertical-align: middle;
}


