@charset "utf-8";

/* Variable declarations */ 
:root{ 

--typographycolor:#101820; /*text-color*/    
--typographydarkcolor:#101820; /*text-color for strong/b*/ 
--typographylightcolor:#5d6974; /*lighter text-color for typography*/
	
--darkaccent:#000000; /*color for dark accent (border colors and backgrounds)*/    
--lightaccent:#f5f5f5; /*color for light accent (border colors and backgrounds)*/  
--extralightaccent:#f9f9f9; /*color for exlight accent (border colors and backgrounds)*/  
--darkgrey:#c3c3c3; /*color for light accent (border colors and backgrounds)*/  
--grey:#e2e2e2; /*color for light accent (border colors and backgrounds)*/  
--red:#ff0000; /*color for Alerts/Cancel/Delete*/  
       
--customcolor1:#101820;
--customcolor2:#fce200;
--customcolor3:#5a6874;
--customcolor4:#f1f3f6;
--customcolor5:#f3f5f8;

    
}




body{background-color:#ffffff;}

/********************************************************* Tipografia **********************************************************/


/*font-family: 'Barlow Condensed', sans-serif; 700/400 + i*/
/*font-family: 'Exo', sans-serif; 700/500/400 + i */
/*font-family: 'Roboto', sans-serif; 700/500/400 + i */

body{font-family:'Exo', sans-serif;font-size:16px;font-weight:400;color:var(--typographycolor);letter-spacing:0.35px;}
h1,h2,h3,h4,h5{color:var(--typographydarkcolor);}
a{transition-property:all;transition-duration:0.4s;} 
a:hover{}
strong, b{font-weight:700;}

/********************************************************* Contenitori *********************************************************/

section{background-color:var(--customcolor5);padding-top:36px;padding-bottom:36px;z-index:1;}/*L'header ha z-index 2*/
.Container{max-width:1308px;}
	.Box{padding-right:24px;padding-left:24px;}
	.Binder{margin-right:-12px;margin-left:-12px;}
	.Binder.Big{margin-right:-24px;margin-left:-24px;}
	.Frame{background-color:#ffffff;border-radius:4px;padding:24px;}

/********************************************************* Tabelle *************************************************************/

table{font-size:14px;font-family:'Roboto', sans-serif;}
	th{font-weight:700;}
	th, td{text-align:left;}
	th.DxText, td.DxText{text-align:right;}
	th.CenteredText, td.CenteredText{text-align:center;}
		table small{display:none;}

/********************************************************* Bottoni *************************************************************/

.Button{}
button, .Button >*{min-width:120px;background-color:var(--customcolor1);border-width:1px;border-style:solid;border-radius:4px;box-shadow:none;font-family:'Exo', sans-serif;font-size:14px;font-weight:700;color:white;letter-spacing:0.1px;line-height:18px;padding-top:11px;padding-right:12px;padding-bottom:11px;padding-left:12px;}
button:hover, .Button>*:hover , .TwinButtons button:nth-child(1):hover, .TwinButtons .Button:nth-child(1)>*:hover{background-color:var(--customcolor1);box-shadow:1px 1px 6px -1px rgba(0,0,0,0.35);color:white;text-decoration:none;}
button.Big, .Button.Big >*{}
button.Small, .Button.Small >*{min-width:84px;font-size:13px;line-height:14px;padding-top:7px;padding-right:9px;padding-bottom:7px;padding-left:9px;}
button.Slim, .Button.Slim >*{font-family: 'Roboto', sans-serif;font-weight:500;}
button.Stroked, .Button.Stroked>*, .TwinButtons button:nth-child(1), .TwinButtons .Button:nth-child(1)>*{border-color:var(--customcolor1);color:var(--typographydarkcolor);}
.TwinButtons{column-gap:12px;}
.TwinButtons button, .TwinButtons .Button{}
button.Iconed, .Button.Iconed>*{background-position:12px center;background-size:18px;padding-right:36px;padding-left:36px;}
button.Iconed.Small, .Button.Iconed.Small>*{background-position:9px center;padding-right:30px;padding-left:30px;}
button.Iconed.Big, .Button.Iconed.Big>*{background-size:24px;}
button.CustomColor, .Button.CustomColor>*{background-color:var(--customcolor2);color:var(--typographydarkcolor);}
button.CustomColor:hover, .Button.CustomColor>*:hover{}
button.Send, .Button.Send>*{background-image:url('../images/SendingWhiteIcon.svg');}
button.Edit, .Button.Edit>*{background-image:url('../images/EditWhiteIcon.svg');}
button.Download, .Button.Download>*{background-image:url('../images/DownloadWhiteIcon.svg');}
button.Shopper, .Button.Shopper>*{background-image:url('../images/ShopperWhiteIcon.svg');}
button.Deadline, .Button.Deadline>*{background-image:url('../images/DeadlineWhiteIcon.svg');}
button.Calendar, .Button.Calendar>*{background-image:url('../images/CalendarWhiteIcon.svg');}
button.Play, .Button.Play>*{background-image:url('../images/PlayWhiteIcon.svg');}
button.Add, .Button.Add>*{background-image:url('../images/AddWhiteIcon.svg');}
button.Calc, .Button.Calc>*{background-image:url('../images/MathWhiteIcon.svg');}
button.List, .Button.List>*{background-image:url('../images/ListWhiteIcon.svg');}
button.Cancel, .Button.Cancel>*{background-color:var(--red);background-image:url('../images/CancelIcon.svg');}
button.CustomColor.Send, .Button.CustomColor.Send>*{background-image:url('../images/SendingIcon.svg');}
button.CustomColor.Edit, .Button.CustomColor.Edit>*{background-image:url('../images/EditIcon.svg');}
button.CustomColor.Download, .Button.CustomColor.Download>*{background-image:url('../images/DownloadIcon.svg');}
button.CustomColor.Shopper, .Button.CustomColor.Shopper>*{background-image:url('../images/ShopperIcon.svg');}
button.CustomColor.Deadline, .Button.CustomColor.Deadline>*{background-image:url('../images/DeadlineIcon.svg');}
button.CustomColor.Calendar, .Button.CustomColor.Calendar>*{background-image:url('../images/CalendarIcon.svg');}
button.CustomColor.Play, .Button.CustomColor.Play>*{background-image:url('../images/PlayIcon.svg');}
button.CustomColor.Add, .Button.CustomColor.Add>*{background-image:url('../images/AddIcon.svg');}
button.CustomColor.Calc, .Button.CustomColor.Calc>*{background-image:url('../images/MathIcon.svg');}
button.CustomColor.List, .Button.CustomColor.List>*{background-image:url('../images/ListIcon.svg');}
button.SelectedItem, .Button.SelectedItem >*{background-color:var(--customcolor2);color:var(--typographydarkcolor);}
button.SelectedItem.Send, .Button.SelectedItem.Send>*{background-image:url('../images/SendingIcon.svg');}
button.SelectedItem.Edit, .Button.SelectedItem.Edit>*{background-image:url('../images/EditIcon.svg');}
button.SelectedItem.Download, .Button.SelectedItem.Download>*{background-image:url('../images/DownloadIcon.svg');}
button.SelectedItem.Shopper, .Button.SelectedItem.Shopper>*{background-image:url('../images/ShopperIcon.svg');}
button.SelectedItem.Deadline, .Button.SelectedItem.Deadline>*{background-image:url('../images/DeadlineIcon.svg');}
button.SelectedItem.Calendar, .Button.SelectedItem.Calendar>*{background-image:url('../images/CalendarIcon.svg');}
button.SelectedItem.Play, .Button.SelectedItem.Play>*{background-image:url('../images/PlayIcon.svg');}
button.SelectedItem.Add, .Button.SelectedItem.Add>*{background-image:url('../images/AddIcon.svg');}
button.SelectedItem.Calc, .Button.SelectedItem.Calc>*{background-image:url('../images/MathIcon.svg');}
button.SelectedItem.List, .Button.SelectedItem.List>*{background-image:url('../images/ListIcon.svg');}
button.Disabled, .Button.Disabled>*{background-color:var(--grey);color:#ffffff;cursor:auto;}
button.CustomColor.Disabled, .Button.CustomColor.Disabled>*{background-color:var(--grey);}
button.CustomColor.Disabled.Send, .Button.CustomColor.Disabled.Send>*{background-image:url('../images/SendingWhiteIcon.svg');}
button.CustomColor.Disabled.Edit, .Button.CustomColor.Disabled.Edit>*{background-image:url('../images/EditWhiteIcon.svg');}
button.CustomColor.Disabled.Download, .Button.CustomColor.Disabled.Download>*{background-image:url('../images/DownloadWhiteIcon.svg');}
button.CustomColor.Disabled.Shopper, .Button.CustomColor.Disabled.Shopper>*{background-image:url('../images/ShopperWhiteIcon.svg');}
button.CustomColor.Disabled.Deadline, .Button.CustomColor.Disabled.Deadline>*{background-image:url('../images/DeadlineWhiteIcon.svg');}
button.CustomColor.Disabled.Calendar, .Button.CustomColor.Disabled.Calendar>*{background-image:url('../images/CalendarWhiteIcon.svg');}
button.CustomColor.Disabled.Play, .Button.CustomColor.Disabled.Play>*{background-image:url('../images/PlayWhiteIcon.svg');}
button.CustomColor.Disabled.Add, .Button.CustomColor.Disabled.Add>*{background-image:url('../images/AddWhiteIcon.svg');}
button.CustomColor.Disabled.Calc, .Button.CustomColor.Disabled.Calc>*{background-image:url('../images/MathWhiteIcon.svg');}
button.CustomColor.Disabled.List, .Button.CustomColor.Disabled.List>*{background-image:url('../images/ListWhiteIcon.svg');}
button.CustomColor.Disabled.Cancel, .Button.CustomColor.Disabled.Cancel>*{background-color:var(--grey);}
.AddShopButton>*{}

.Button.Naked >*, button.naked{background-color:transparent;color:var(--customcolor1);padding-right:0;padding-left:0;}
.Button.Iconed.Naked >*, button.Iconed.Naked{background-image:url('../images/ShopperIcon.svg');padding-right:9px;}
.Button.Iconed.Naked >*:hover, button.Iconed.Naked:hover{background-color:var(--customcolor2);}

/********************************************************* Stylings ************************************************************/

.WhiteSpace{height:24px;}
.WhiteSpace.Small{height:12px;}
.WhiteSpace.Big{height:48px;}


/********************************************************* Componenti **********************************************************/

/**** Filo d'arianna ****/
section.Arianna{background-color:var(--lightaccent);font-family:'Barlow Condensed', sans-serif;font-size:18px;font-style:italic;padding-top:24px;padding-bottom:0;}
    section.Arianna ul{list-style-type:none;list-style-position:inside;font-size:13px;color:var(--typographydarkcolor);margin-right:-12px;margin-left:-12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
        section.Arianna ul li{margin-right:12px;margin-left:12px;position:relative;}
        section.Arianna ul li::after{height:4px;width:4px;border-right:2px solid var(--typographylightcolor);border-bottom:2px solid var(--typographylightcolor);content:"";position:absolute;top:6px;right:-14px;display:block;transform:rotate(-45deg);}
        section.Arianna ul li:last-of-type::after{display:none;}
            section.Arianna ul li a{color:var(--typographylightcolor);text-decoration:none;}
/**** Bookmark ****/
.Bookmark{width:100%;font-family: 'Barlow Condensed', sans-serif;font-size:24px;font-style:italic;font-weight:400;margin-bottom:12px;padding-bottom:12px;display:flex;flex-wrap:wrap;align-items:center;}
	.BookmarkAlert{font-size:15px;padding-left:18px;display:flex;flex-wrap:wrap;align-items:center;}
		.BookmarkAlert img{height:24px;width:24px;margin-right:6px;}
/**** Tabulatore (Tab) ****/
.TabsHolderBox{margin-top:24px;}
	.TabButtonBox{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
		.TabButton{flex-grow:1;background-color:var(--grey);border-left:1px solid var(--customcolor5);font-size:12px;font-weight:700;text-align:center;text-transform:uppercase;padding:12px;}
		.TabButton:first-of-type{border-left:none;border-top-left-radius:4px;}
		.TabButton:last-of-type{border-top-right-radius:4px;}
		.TabButton.SelectedItem{background-color:var(--customcolor1);color:#ffffff;}
	.TabContentBox{background-color:#ffffff;padding:24px;}
		.TabContent{}
			.TabContent .Aside .Frame{background-color:var(--extralightaccent);}
/**** Filtri/cerca nella tabella ****/
.TableFilter{margin:9px 0 48px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
	.TableFilter form{max-width:calc(100% - 120px);}
		.TableFilter fieldset{border:none;padding:0;}
			.TableFilter legend{display:none;}
				.TableFilter .FormBoxWide{margin-bottom:0;display:flex;flex-wrap:wrap;align-items:center;}
					.TableFilter input[type="search"]{height:30px;width:35%;min-width:324px;background-color:var(--customcolor4);border:1px solid var(--grey);border-right:none;border-top-right-radius:0;border-top-left-radius:15px;border-bottom-right-radius:0;border-bottom-left-radius:15px;font-family:'Roboto', sans-serif;padding-right:18px;padding-left:18px;}
					.TableFilter input[type="search"]:focus{background-color:#ffffff;}
					.TableFilter input[type="filter"]{height:30px;width:35%;min-width:324px;background-color:var(--customcolor4);border:1px solid var(--grey);border-radius:15px;font-family:'Roboto', sans-serif;padding-right:18px;padding-left:18px;}
					.TableFilter input[type="date"]{height:30px;width:35%;min-width:324px;background-color:var(--customcolor4);border:1px solid var(--grey);border-radius:15px;font-family:'Roboto', sans-serif;padding-right:18px;padding-left:18px;}

					a.TableFilterButton{height:30px;width:48px;background-color:var(--customcolor2);border-top-right-radius:15px;border-bottom-right-radius:15px;text-decoration:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
					a.TableFilterButton::after{height:4px;width:4px;border-right:2px solid var(--customcolor1);border-bottom:2px solid var(--customcolor1);content:"";margin-right:4px;display:inline-block;vertical-align:middle; transform:rotate(-45deg);}
					
					a.TableFilterReset{font-family:'Roboto', sans-serif;font-size:13px;font-weight:400;color:var(--customcolor1);text-decoration:underline;margin:0 24px;display:block;}
/**** Impaginatore ****/
.Paging{padding-top:48px;padding-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
	a.PagingArrow{height:30px;width:30px;background-color:var(--customcolor4);border-radius:50%;text-decoration:none;margin-right:3px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;}
	a.PagingArrow:nth-of-type(1){margin-right:9px;}
	a.PagingArrow:nth-of-type(4){margin-left:9px;}
	a.PagingArrow:hover{background-color:var(--customcolor2);}

		a.PagingArrow::before, a.PagingArrow::after{height:6px;width:6px;border-right:2px solid var(--customcolor1);border-bottom:2px solid var(--customcolor1);content:"";position:absolute;z-index:1;display:block;}
		a.PagingArrow:nth-of-type(1)::before{margin-right:3px;}
		a.PagingArrow:nth-of-type(1)::after{margin-right:-7px;;}
		a.PagingArrow:nth-of-type(2)::before{margin-right:-3px;}
		a.PagingArrow:nth-of-type(2)::after{display:none;}
		a.PagingArrow:nth-of-type(3)::before{margin-right:3px;}
		a.PagingArrow:nth-of-type(3)::after{display:none;}
		a.PagingArrow:nth-of-type(4)::before{margin-left:3px;}
		a.PagingArrow:nth-of-type(4)::after{margin-left:-7px;}
		a.PagingArrow.SxArrow::before, a.PagingArrow.SxArrow::after{transform:rotate(135deg);}
		a.PagingArrow.DxArrow::before, a.PagingArrow.DxArrow::after{transform:rotate(-45deg);}

	.PageNumber{min-width:48px;background-color:#ffffff;border:1px solid var(--customcolor2);border-radius:4px;font-family:'Roboto', sans-serif;font-size:13px;font-weight:500;color:var(--typographydarkcolor);margin:0 18px;padding:6px 9px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
/**** Index ****/
.Index{border-bottom:2px solid var(--customcolor2);font-family: 'Barlow Condensed', sans-serif;font-size:22px;font-weight:400;color:var(--typographydarkcolor);margin:36px 0 18px 0;padding:6px 0 6px 12px;display:flex;flex-wrap:wrap;}
.Index span{font-weight:700;margin-right:4px;}
/**** AlertPannel ****/
section.AlertPannel{height:100vh;width:100vw;max-width:100%;background-color:rgba(0,0,0,0.50);padding:0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;position:fixed;top:0;z-index:10000;}
    .AlertPannelInfoBox{min-height:120px;width:600px;max-width:100%;background-color:#ffffff;box-sizing:border-box;box-shadow:2px 2px 12px -4px rgba(0,0,0,0.55);border-top-right-radius:12px;border-top-left-radius:12px;padding:12px 30px 24px 30px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
        .AlertPannelText{font-family: 'Roboto', sans-serif;flex-basis:100%;order:2;}
            .AlertPannelText h2{font-family: 'Barlow Condensed', sans-serif;font-size:22px;font-style:italic;font-weight:400;margin-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
                .AlertPannelText h2 img{width:24px;margin-right:12px;}
            .AlertPannelText ul{list-style-type:none;list-style-position:inside;}
            .AlertPannelText li{font-size:15px;color:var(--typographylightcolor);margin-bottom:6px;}
        .AlertPannelCloseButton{flex-basis:100%;text-align:right;order:1;}
            .AlertPannelCloseButton a{display:inline-block;transform:translate(18px, 0)}
            .AlertPannelCloseButton a, .AlertPannelCloseButton img{height:24px;width:24px;}

/********************************************************* Form ****************************************************************/

.Form{}
	fieldset{}
		legend{}
		.FormRow{margin-right:-12px;margin-left:-12px;}
			.FormBoxWide, .FormBox75,.FormBox66,.FormBox60,.FormBox50,.FormBox33,.FormBox30,.FormBox25,.FormBox20,.FormBox16,.FormBox10{margin-bottom:24px;padding-right:12px;padding-left:12px;}
				label{width:100%;font-size:13px;font-weight:500;color:var(--customcolor3);margin-bottom:6px;display:block;}
				input[type="text"],input[type="search"],input[type="password"], input[type="email"],input[type="date"], input[type="submit"], input[type="button"], textarea, select{border:1px solid var(--grey);border-radius:4px;font-family:'Roboto', sans-serif;font-size:15px;color:var(--typographycolor);padding:9px 12px;}
				input[type="text"],input[type="search"],input[type="password"], input[type="email"],input[type="date"], textarea{width:100%;}
					input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;box-shadow: 0 0 0px 1000px white inset; }
					input[type="text"]:focus, input[type="search"]:focus, input[type="filter"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, textarea:focus, select:focus{border-color:var(--customcolor2);box-shadow:0 0 6px 0 rgba(252,226,0,0.40) inset;}
					/*Placeholder*/
					input::-webkit-input-placeholder{font-family:'Roboto', sans-serif;color:var(--typographylightcolor);opacity:0.8;}/* Edge */
					input:-ms-input-placeholder{font-family:'Roboto', sans-serif;color:var(--typographylightcolor);opacity:0.8;}/* Internet Explorer 10-11 */
					input::placeholder, textarea::placeholder{font-family:'Roboto', sans-serif;color:var(--typographylightcolor);opacity:0.8;}
				select{width:100%;background-color:#ffffff;}
					select:invalid{color:var(--typographylightcolor);opacity:0.8;}
					option{color:var(--typographycolor);}
				textarea{min-height:180px;padding:12px;}
/* Variante checkbox/radiobutton personalizzato */
.CheckField{}
	.CheckField input, .Checkmark{height:18px;width:18px;}
	.Checkmark{background-color:#ffffff;border:1px solid var(--customcolor1);}
	.CheckField:hover input ~ .Checkmark {background-color:var(--grey)}
	.CheckField input:checked ~ .Checkmark {background-color:var(--customcolor2);border-color:var(--customcolor1);}
		.Checkmark::after {top:1px;left:5px;}
		.CheckField .Checkmark::after {height:9px;width:4px;border-right:2px solid var(--customcolor1);border-bottom:2px solid var(--customcolor1);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.CheckLabel{flex-basis:calc(100% - 30px);font-size:12px;margin-top:2px;margin-left:30px;}
.RadioField{}
	.RadioField input, .Radiomark{height:18px;width:18px;}
	.Radiomark{background-color:#ffffff;border:1px solid var(--lightaccent);border-radius:50%;}
	.RadioField:hover input ~ .Radiomark {background-color:#eeeeee;}
	.RadioField input:checked ~ .Radiomark {background-color:var(--customcolor2);border-color:transparent;}
		.RadioField .Radiomark::after {height:6px;width:6px;background-color:var(--customcolor1);border-radius:50%;top:5px;left:5px;}
.RadioLabel{flex-basis:calc(100% - 30px);font-size:12px;margin-left:30px;}
/* Variante campo password visibile/non visibile */
.FormRow.Password{position:relative;}
	.VisibleHiddenToggle{height:42px;width:42px;background-color:#ffffff;border-radius:4px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;top:12px;right:12px;bottom:12px;}
		.VisibleHiddenToggle:hover{cursor:pointer;}
		.VisibleHiddenToggle::before, .VisibleHiddenToggle::after{height:20px;width:20px;background-repeat:no-repeat;background-position:center center;background-size:20px;content:"";margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:block;}
		.VisibleHiddenToggle::before{background-image:url('../images/Eye2.svg');opacity:1;}
		.VisibleHiddenToggle::after{background-image:url('../images/EyeClosed2.svg');opacity:0;}
		.ShowPassw +.VisibleHiddenToggle::before{opacity:0;}
		.ShowPassw +.VisibleHiddenToggle::after{opacity:1;}
		::-ms-reveal {display:none;}

/********************************************************* Master multibox *****************************************************/

.Controller{width:324px;max-width:90%;}
	.ControllerText{background-repeat:no-repeat;background-position:left top;background-size:24px;border-bottom:1px dotted var(--customcolor1);font-family:'Barlow Condensed', sans-serif;font-size:19px;font-style:italic;color:var(--typographydarkcolor);padding-bottom:15px;padding-left:36px;}
	.ControllerText.FancyShopper{background-image:url('../images/AlertGoodIcon.svg');}     
	.ControllerText.FancyWishlist{background-image:url('../images/AlertGoodIcon.svg');}     
	.ControllerText.FancyAlert{background-image:url('../images/AlertBadIcon.svg');}
	.Controller .Button{width:100%;margin-top:18px;}
		.Controller .Button >*{width:100%;min-width:inherit;}

/********************************************************* Caroselli ***********************************************************/

/**** Carosello classico ****/
.ClassicIkarus.owl-theme.owl-loaded{display:flex;flex-wrap:wrap;justify-content:center;}
	.ClassicIkarus.owl-carousel .owl-stage{display:flex;}
	.ClassicIkarus.owl-carousel .owl-item{display:flex;}
		.ClassicIkarus.owl-theme .owl-nav{margin-top:0;}
		.ClassicIkarus.owl-theme .owl-nav [class*="owl-"]{margin:0;}
		.ClassicIkarus.owl-theme .owl-nav [class*="owl-"]:hover{background-color:transparent;}
			.ClassicIkarus button.owl-prev, .ClassicIkarus button.owl-next {position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
			.ClassicIkarus button.owl-prev {left:-18px;}
			.ClassicIkarus button.owl-next {right:-18px;}
			.ClassicIkarus.owl-theme .owl-dots .owl-dot span{height:9px;width:9px;margin:6px 3px;}
			.ClassicIkarus button.owl-prev span, .ClassicIkarus button.owl-next span {font-size:42px;font-weight:300;color:var(--customcolor1);opacity:0.95;transition-property:all;transition-duration:0.4s;}
				.ClassicIkarus button.owl-prev span:hover, .ClassicIkarus button.owl-next span:hover {opacity:1;}
			.ClassicIkarus .owl-dots{position:absolute;right:0;bottom:-48px;left:0;} 
				.ClassicIkarus.owl-theme .owl-dots .owl-dot span{background:var(--grey);opacity:0.9;} 
				.ClassicIkarus.owl-theme .owl-dots .owl-dot:hover span, .ClassicIkarus.owl-theme .owl-dots .owl-dot.active span{background:var(--customcolor1);opacity:1;}
/*variante homepage*/
.WindowsFit .ClassicIkarus button.owl-prev span, .WindowsFit  .ClassicIkarus button.owl-next span{color:#ffffff;}
.WindowsFit .ClassicIkarus.owl-theme .owl-dots .owl-dot span{background:#ffffff;opacity:0.2;}
.WindowsFit .ClassicIkarus.owl-theme .owl-dots .owl-dot:hover span, .WindowsFit .ClassicIkarus.owl-theme .owl-dots .owl-dot.active span{background:#ffffff;opacity:1;}


/********************************************************* Fancybox ************************************************************/

.fancybox-slide--iframe .fancybox-content, .fancybox-iframe{background-color:#ffffff;border-radius:12px;}
	.Fancybox{height:100%;max-height:800px;width:100%;max-width:1200px;background-color:transparent;}
		.Fancybox .Box{background-color:#ffffff;border-radius:12px;padding-top:48px;padding-bottom:48px;}
			.Fancybox h1{font-size:16px;}
			.Fancybox p, .Fancybox p ul{font-size:13px;line-height:1.55em;margin-bottom:15px;}
			.Fancybox ul{list-style-position:inside;}

/********************************************************* Intestazione utente/cliente (salesrepindex) *************************/

.SalesRepIndex{display:flex;flex-wrap:wrap;}
	.SalesRepName{}
		.SalesRepIndex h1{font-size:16px;}
		.SalesRepIndex h2{font-size:11px;font-weight:400;text-transform:uppercase;}
			.SalesRepName span{font-weight:700;}
	.SalesRepAddData{flex-grow:1;padding-left:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
		.SalesRepClientName{border-left:1px solid var(--customcolor1);padding-left:30px;}
		.SalesRepClientName a{text-decoration:none;display:block;}
		.SalesRepClientName a:hover{text-decoration:underline;}
			.SalesRepClientName h3{font-size:16px;}
			.SalesRepClientName h4{font-size:11px;font-weight:400;text-transform:uppercase;}
				.SalesRepClientName span{font-weight:700;}
		.SalesRepActionBox{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:12px;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------< Pagine >--------- */

/***** Login *******************************************************************************************************************/

section.LoginSection{height:100vh;width:100vw;max-width:100%;background-color:var(--customcolor1);padding:0;position:relative;overflow:hidden;}
	.LoginSection > img{height:100vh;width:100vw;object-fit:cover;object-position:center;}
	.BackgroundOverlay{background-image:linear-gradient(to bottom right, rgba(0,0,0,0.20), rgba(0,0,0,0.85));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
		/*Form d'accesso*/
		 .LoginPanel{width:90vw;max-width:360px;background-color:#ffffff;box-shadow:2px 2px 24px -6px rgba(0,0,0,0.50);border-radius:12px;padding:24px}
			.LoginPanel fieldset{width:100%;border:none;padding:0;display:block;}
				 .LoginPanel legend{width:100%;margin:12px 0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-end;}
					.LoginPanel legend img{width:240px;max-width:100%;}
					.LoginPanel .FormBoxWide{margin:12px 0;display:flex;flex-wrap:wrap;justify-content:flex-start;}
						.LoginPanel  label{height:42px;width:42px;background-color:var(--customcolor2);border-top-left-radius:4px;border-bottom-left-radius:4px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
							.LoginPanel  label img{height:24px;}
						.LoginPanel input[type="password"], .LoginPanel input[type="email"], .LoginPanel input[type="text"]{height:42px;width:calc(100% - 42px);background-color:var(--customcolor4);border:none;border-top-left-radius:  0;border-bottom-left-radius:0;padding-top:6px;padding-bottom:6px;}
						.LoginPanel input[type="password"]{padding-right:42px;}
							.LoginPanel input[type="password"]:focus, .LoginPanel input[type="email"]:focus, .LoginPanel input[type="text"]:focus{border-color:var(--customcolor4);box-shadow:none;}
							.LoginPanel input[type="password"]:-webkit-autofill, .LoginPanel input[type="email"]:-webkit-autofill, .LoginPanel input[type="text"]:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px var(--customcolor4) inset;box-shadow:0 0 0px 1000px var(--customcolor4) inset;}
							.LoginPanel .VisibleHiddenToggle{background-color:var(--customcolor4);}
                		label.PasswordRecovery{height:inherit;width:inherit;background-color:transparent;font-size:13px;text-align:right;margin-bottom:24px;justify-content:flex-end;}
                		label.PasswordRecovery a{color:var(--customcolor3);text-decoration:none;}
               			.LoginPanel .Button{width:100%;text-align:center;}
                			.LoginPanel .Button >*{width:100%;min-width:inherit;}

/***** Login - recupera password ***********************************************************************************************/
/***** Homepage ****************************************************************************************************************/

section.WindowsFit{min-height:calc(100vh - 348px);background-image:url("../images/WelcomeBackground.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;background-color:var(--customcolor1);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.Welcome{padding-top:9px;padding-bottom:48px;text-align:center;}
	.Welcome h1{color:#ffffff;}

.QuickLinks{padding-top:12px;padding-bottom:12px;justify-content:center;}
	.QuickLinkItem{width:25%;padding:12px;}
		.QuickLinkItem .Frame{height:100%;display:flex;flex-wrap:wrap;flex-direction:column;}
			.QuickLinkItem img{margin-bottom:24px;}
			.QuickLinkData{}
				.QuickLinkItem h2{font-family:'Barlow Condensed', sans-serif;font-style:italic;font-weight:400;text-align:center;margin-bottom:18px;}
				.QuickLinkItem .Button{width:100%;margin-top:12px;}
					.QuickLinkItem .Button > *{width:100%;min-width:inherit;}

/***** Clienti *****************************************************************************************************************/

	/**** Tab elenco completo ****/
		/**** Tabella TabellaClienti (customerstable) ****/
		.TabellaClienti{}
			.TabellaClienti th, .TabellaClienti td{border-bottom:2px solid var(--grey);padding:9px 12px;}
			.TabellaClienti th:first-of-type, .TabellaClienti td:first-of-type{padding-left:0;}
			.TabellaClienti th:last-of-type, .TabellaClienti td:last-of-type{padding-right:0;}
				.TabellaClienti a{color:var(--customcolor1);text-decoration:none;}
				.TabellaClienti a:hover{text-decoration:underline;}
			/* Stato/ Fiducia */
			.Trust{width:12px;}
				.TrustMarker{height:12px;width:12px;border-radius:50%;display:block;}
				.TrustMarker.Green{background-color:limegreen;}
				.TrustMarker.Yellow{background-color:gold;}
				.TrustMarker.Orange{background-color:orange;}
				.TrustMarker.Red{background-color:red;}
			/* Nome/Ragione sociale */
			.TableName{}
				a.SortingButton {text-decoration:none;display:flex;flex-wrap:wrap;align-items:center;}
				a.SortingButton:hover {text-decoration:none;}
					a.SortingButton img {height:21px;width:21px;padding:4px;margin-left:3px;transition-property:all;transition-duration:0.3s;}
					a.SortingButton:hover img {background-color:#e7e7e7;border-radius:50%;}
			/* Codice cliente */
			/* Indirizzo */
			/* CAP */
			/* Città */
			/* Provincia */
			/* Email */
			/* Link */
			.ShortLink{width:18px;}
				.ShortLink a{height:18px;width:18px;background-color:var(--customcolor1);border-radius:50%;text-decoration:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
					.ShortLink a::before{height:5px;width:5px;border-right:2px solid var(--customcolor2);border-bottom:2px solid var(--customcolor2);content:"";margin-top:-1px;margin-right:2px;display:block;transform:rotate(-45deg);}
	/**** Tab clienti attivi ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab clienti bloccati ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab prospect ****/
		/**** Tabella TabellaProspect (customerstable) ****/
		.TabellaProspect{}
			.TabellaProspect th, .TabellaProspect td{border-bottom:2px solid var(--grey);padding:9px 12px;}
			.TabellaProspect th:first-of-type, .TabellaProspect td:first-of-type{padding-left:0;}
			.TabellaProspect th:last-of-type, .TabellaProspect td:last-of-type{padding-right:0;}
				.TabellaProspect a{color:var(--customcolor1);text-decoration:none;}
				.TabellaProspect a:hover{text-decoration:underline;}
	/**** Popup nuovo prospect (newprospectpopup) ******************************************************************************/
	.NewProspectForm {padding:0 30px;}
		.NewProspectForm h1{font-family: 'Barlow Condensed', sans-serif;font-size:24px;font-style:italic;font-weight:600;margin-bottom:36px;}
		.NewProspectForm fieldset{background-color:var(--lightaccent);border-radius:12px;border:2px solid var(--customcolor2);padding:30px;}
			.NewProspectForm legend{background-color:var(--customcolor2);border-radius:9px;font-size:13px;font-weight:700;color:var(--typographydarkcolor);padding:6px 12px;}
			.NewProspectForm label{font-weight:600;color:var(--customcolor1);}

/***** Scheda cliente/prospect *************************************************************************************************/

.MainClientData{margin-top:24px;}
	.MainClientIndex{background-color:var(--customcolor2);border-top-right-radius:4px;border-top-left-radius:4px;padding:6px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
		.MainClientName{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:12px;}
			.MainClientName .TrustMarker {height:18px;width:18px;}
			.MainClientName h4 {font-size:18px;}
		.MainClientCode{font-size:14px;text-transform:uppercase;}
		.MainClientCode span{font-size:16px;font-weight:700;}
	.MainClientInfo{}
		.MainClientAddData{border-bottom:1px solid var(--grey);margin-bottom:30px;padding-bottom:30px;display:flex;flex-wrap:wrap;}
		.MainClientAddData:last-of-type{border-bottom:none;margin-bottom:0px;padding-bottom:0px;}
			.MainClientDataList{width:33.3333333333%;}
				.MainClientAddData ul{list-style-type:none;list-style-position:inside;font-size:15px;margin-bottom:15px;padding-top:6px;}
					.MainClientAddData ul li{margin-bottom:3px;}
						.MainClientAddData ul li span{font-weight:700;}
			.MainClientAddData .Maps{min-height:420px;width:66.6666666666%;padding-left:30px;}
				.MainClientAddData .Maps iframe{height:100%;width:100%;}
			.MainClientAddData h5{width:100%;text-transform:uppercase;margin-bottom:6px;}
			.MainClientAddData form{width:100%;}
				.MainClientAddData fieldset{border:none;padding:0;}

/***** Cataloghi ***************************************************************************************************************/

.ClassicIkarus{margin:24px 0 60px 0;}
	.ClassicIkarusItem{}
		.ClassicIkarusItem .Frame{height:100%;width:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;}
			.ClassicIkarusInfo{}
				.ClassicIkarusImage{}
					.ClassicIkarusImage a {display:block;}
						.ClassicIkarusImage img{margin-bottom:24px;}
				.ClassicIkarusText{}
					.ClassicIkarusText h2{font-family:'Barlow Condensed', sans-serif;font-style:italic;font-weight:400;text-align:center;margin-bottom:12px;}
						.ClassicIkarusText h2 a{color:var(--typographydarkcolor);text-decoration:none;}
					.ClassicIkarusText ul{list-style-type:none;list-style-position:inside;margin-right:-3px;margin-left:-3px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;}
					.ClassicIkarusText ul li{font-size:13px;margin:3px;}
						.ClassicIkarusText ul li::before{content:"[";}
						.ClassicIkarusText ul li::after{content:"]";}
			.ClassicIkarusItem .Button{width:100%;margin-top:24px;}
				.ClassicIkarusItem .Button > *{width:100%;}

/***** Catalogo ****************************************************************************************************************/

.MainCatalogue{}
	/**** Mainsearch (ricerca principale) ****/
	.Mainsearch{width:100%;background-color:var(--customcolor2);border:2px solid var(--customcolor2);border-radius:4px;margin-bottom:24px;padding:6px;display:flex;flex-wrap:wrap;}
		.Mainsearch form{flex-grow:1;}
			.Mainsearch fieldset{border:none;margin:0;padding:0;}
				.Mainsearch legend{display:none;}
					.Mainsearch .FormBoxWide{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
						.Mainsearch input[type="search"]{/*width:60%;*/width:calc(100% - 43px);background-color:#ffffff;border:none;border-radius:4px;font-family:'Roboto', sans-serif;font-size:15px;color:var(--typographydarkcolor);padding:12px 12px;}
							.Mainsearchinput::-webkit-input-placeholder{color:var(--typographydarkcolor);opacity:0.6;}/* Edge */
							.Mainsearch input:-ms-input-placeholder{color:var(--typographydarkcolor);opacity:0.6;}/* Internet Explorer 10-11 */
							.Mainsearch input::placeholder{color:var(--typographydarkcolor);opacity:0.6;}
						.Mainsearch .CustomSelect{width:calc(40% - 43px);margin-left:1px;position:relative;}
							.Mainsearch .CustomSelect select {display:none;}
								.Mainsearch .CustomSelect .select-selected {background-color:#ffffff;border-top-left-radius:4px;border-bottom-left-radius:4px;font-family:'Roboto', sans-serif;font-size:15px;color:var(--typographydarkcolor);}
									.Mainsearch .CustomSelect .select-selected::after {height:6px;width:6px;background-color:transparent;content: "";border-top:2px solid var(--customcolor1);border-left:2px solid var(--customcolor1);position:absolute;top:16px;right:18px;transform:rotate(225deg);}
									.Mainsearch .CustomSelect .select-selected.select-arrow-active::after{top:20px;transform:rotate(45deg);}
									.Mainsearch .CustomSelect .select-items div,.select-selected {border:1px solid transparent;color:var(--typographydarkcolor);padding:11px 15px;cursor: pointer;}
									.Mainsearch .CustomSelect .select-items div{border-bottom-color:rgba(0,0,0,0.15);}
									.Mainsearch .CustomSelect .select-items div:last-of-type{border-bottom-color:rgba(0,0,0,0.0);}
									.Mainsearch .CustomSelect .select-items div:hover, .same-as-selected {background-color:#ffffff;} 
									.Mainsearch .CustomSelect .select-items {background-color:var(--lightaccent);box-shadow:2px 2px 9px -4px rgba(0,0,0,0.40);font-family:'Roboto', sans-serif;font-size:15px;margin-top:1px;position:absolute;top:100%;left:0;right:0;z-index:99;}
									/* Hide the items when the select box is closed: */
									.Mainsearch .select-hide {display:none;}
						a.MainSearchButton{height:42px;width:42px;background-color:var(--customcolor1);border:none;border-top-right-radius:4px;border-bottom-right-radius:4px;padding:12px;display:block;}
					/*Variante scheda articolo con cliente selezionato*/
					.NewOrderContent .Mainsearch input[type="search"]{/*width:45%;*/width:calc(100% - 43px);}
					.NewOrderContent .Mainsearch .CustomSelect{width:calc(55% - 43px);}			
	/**** Menu laterale ****/
	.Aside{flex-basis:25%;}
	.MainCatalogue .Aside{padding:12px;}
		.ItemMenu{}
			/* 1°livello */
			.ItemMenu ul{list-style-type:none;list-style-position:inside;}
				.ItemMenu>ul>li:first-of-type{border-top:1px solid var(--darkgrey);}
					.ItemMenu ul li a{width:100%;border-bottom:1px solid var(--darkgrey);font-size:15px;color:var(--typographylightcolor);text-decoration:none;text-transform:uppercase;padding-top:9px;padding-bottom:9px;display:flex;flex-wrap:wrap;position:relative;}
					.ItemMenu ul li.SelectedItem>a{border-bottom:none;font-weight:600;color:var(--typographydarkcolor);padding-right:18px;}
						.ItemMenu ul li a::before{height:6px;width:6px;background-color:transparent;content: "";border-top:2px solid var(--typographylightcolor);border-right:2px solid var(--typographylightcolor);position:absolute;right:3px;top:15px;transform: rotate(45deg);}
						.ItemMenu ul li.SelectedItem>a::before{border-top-color:var(--customcolor1);border-right-color:var(--customcolor1);right:3px;top:12px;transform:rotate(135deg);}
				/* 2°livello */
				.ItemMenu ul ul{padding-bottom:12px;}
					.ItemMenu ul ul li{border-top:none;}
						.ItemMenu ul ul li a{font-size:13px;border-bottom:none;text-transform:none;padding-top:6px;padding-bottom:6px;padding-left:18px;}
						.ItemMenu ul ul li.SelectedItem>a{padding-right:0;}
							.ItemMenu ul ul li a::before{height:4px;width:4px;top:11px;right:inherit;left:0;transform:rotate(45deg);}
							.ItemMenu ul ul li.SelectedItem>a::before{top:10px;right:inherit;left:0;transform:rotate(135deg);}
					/* 3°livello */
					.ItemMenu ul ul ul{}
							.ItemMenu ul ul ul li a{padding-left:36px;}
								.ItemMenu ul ul ul li a::before{display:none;}
	/**** Elenco prodotti ****/
	.Content{flex-basis:75%;padding-left:24px;}
	.MainCatalogue .Content{padding:12px;}
		.Content .Binder{margin:0;column-gap:12px;}
			.ItemThumb{width:calc(33.3333333333% - 8px);background-color:#ffffff;box-shadow:1px 1px 12px -6px rgba(0,0,0,0.35);margin-top:6px;margin-bottom:6px;padding:18px;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between;}
				.ItemThumbInfo{}
					.ItemThumbImage{height:0;width:100%;margin-bottom:33px;padding-bottom:100%;overflow:hidden;position:relative;}
						.ItemThumbImage a, .ItemThumbImage i{height:100%;width:100%;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;}
							.ItemThumbImage a img, .ItemThumbImage i img{height:auto !important;max-height:100% !important;width:auto !important;max-width:100% !important;}
					.ItemThumbInfo h2, .ItemThumbInfo h3{width:100%;font-size:15px;font-weight:500;margin:3px 0;}
						.ItemThumbInfo h2 span, .ItemThumbInfo h3 span{font-size:14px;font-weight:400;color:var(--typographylightcolor);}
					.ItemThumbButton.Button{width:100%;margin-top:24px;}
						.ItemThumbButton.Button>*{min-width:inherit;width:100%;}

/***** Scheda articolo - cliente selezionato/non selezionato *******************************************************************/

	.Binder.MainItem{align-items:stretch;}
	.MainItem .Aside{padding:12px;}
	.MainItem .Content{padding:12px;}
		.MainItem .Content .Frame{margin-bottom:12px;}
		.ItemMainBox{display:flex;flex-wrap:wrap;align-items:flex-start;}
			.MainItemImage{width:30%;}
				.MainItemImageFrame{height:0;width:100%;margin-bottom:33px;padding-bottom:100%;overflow:hidden;position:relative;}
					.MainItemImageFrame span{height:100%;width:100%;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;}
						.MainItemImageFrame span img{height:auto !important;max-height:100% !important;width:auto !important;max-width:100% !important;}
				ul.MainItemThumbs{width:100%;list-style-type:none;list-style-position:inside;display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:12px;}
					.MainItemThumbs li{width:calc(33.3333333333% - 8px);}
						.MainItemThumbs li a{height:0;width:100%;margin-bottom:33px;padding-bottom:100%;overflow:hidden;position:relative;display:block;}
							.MainItemThumbs li i{height:100%;width:100%;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;}
								.MainItemThumbs img{height:auto !important;max-height:100% !important;width:auto !important;max-width:100% !important;}
			.MainItemDescription{width:50%;padding-right:30px;padding-left:30px;}
				.MainItemIndex{font-size:13px;text-transform:uppercase;margin-bottom:24px;}
				.MainItemDescription h1{font-family:'Barlow Condensed', sans-serif;font-size:29px;font-style:italic;font-weight:400;}
				.MainItemDescription h2{font-size:15px;font-weight:400;}
				.MainItemDescription p{margin:24px 0;}
			.MainItemDownload{width:20%;}
				.MainItemDownload .Button{width:100%;margin-bottom:6px;}
					.MainItemDownload .Button>*{min-width:inherit;width:100%;}
	/* Variante scheda articolo, con cliente selezionato */
	.NewOrderContent .MainItemImage{width:35%;}
	.NewOrderContent .MainItemDescription{width:50%;}
		.NewOrderContent .MainItemDownload{width:15%;}
	/**** Tabella Completa (EnhancedTable) ****/
	.EnhancedTable{}
		.TableLegend{border-bottom:1px solid var(--grey);margin-bottom:24px;padding-bottom:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:12px;}
			.TableLegendItem{font-family:'Roboto', sans-serif;font-size:13px;display:flex;flex-wrap:wrap;align-items:center;}
				.TableLegendItem span{width:18px;margin-right:6px;display:block;}
					.TableLegendItem span img{}
		.TableRefresh{width:100%;margin-bottom:30px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
			.TableRefreshText{width:70%;font-family:'Roboto', sans-serif;font-size:13px;}
				.TableRefreshText strong{font-size:14px;display:block;}
			.TableRefreshForm{width:30%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
				.TableRefreshForm .FormRow{margin-right:-3px;margin-left:-3px;}
					.TableRefreshForm .FormBox25, .TableRefreshForm .FormBox75{margin-bottom:0;padding-right:3px;padding-left:3px;}
						.TableRefreshForm input{border-color:var(--customcolor1);}
						.TableRefreshForm .Button{width:100%;}
							.TableRefreshForm .Button>*{width:100%;min-width:inherit;padding-top:11px;padding-bottom:11px;}
				.EnhancedTable th, .EnhancedTable td{border-bottom:2px solid var(--grey);padding:9px 12px;}
				.EnhancedTable th{min-width:75px}
				.EnhancedTable th:first-of-type, .EnhancedTable td:first-of-type{padding-left:0;}
				.EnhancedTable th:last-of-type, .EnhancedTable td:last-of-type{padding-right:0;}
		/*Checkbox*/
		.EnhancedTable th .FormBoxWide{margin-bottom:0;}
				.EnhancedTable th .Checkmark{border-width:2px;}
					.EnhancedTable th .Checkmark::after {top:0px;left:4px;}
			.EnhancedTable th .CheckLabel{width:calc(100% - 24px);font-size:inherit;margin-top:0px;margin-left:24px;}
				a.SortingButton{color:var(--customcolor1);text-decoration:none;display:flex;flex-wrap:wrap;align-items:center;}
					a.SortingButton span{}
					a.SortingButton img{height:18px;width:18px;margin-left:3px;transition-property:all;transition-duration:0.3s;}
					a.SortingButton:hover img{background-color:#e7e7e7;border-radius:50%;}
		/* Nome + anteprima articolo */
		.EnhancedTable .FormBoxWide{margin-bottom:0;}
			.EnhancedTable .CheckLabel span:hover{cursor:pointer;}
				.EnhancedTable td .CheckLabel i{font-size:14px;font-style:normal;}
				.CheckLabelPreview{width:240px;box-shadow:1px 1px 12px -6px rgba(0,0,0,0.35);position:absolute;left:0;z-index:1;transition-property:all;transition-duration:0.3s;display:none;}
				.EnhancedTable .CheckLabel span:hover .CheckLabelPreview{display:block;}
					.CheckLabelPreview .ItemThumbImage{margin-bottom:0;}
		/* Stock */
		/* Colore */
		/* Taglia */
		/* Codice */
		/* Prezzo unit. */
		.UnitPrice{min-width:96px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
			.UnitPrice span{display:block;text-align:right;margin-right:6px;}
				.UnitPrice del{font-size:12px;color:var(--darkgrey);display:block;}
				.UnitPrice ins{text-decoration:none;display:block;}
			.UnitPrice a{height:18px;width:18px;display:block;}
				.Fancybox.DiscountPopup{max-width:800px;}
					.PackagingDiscountBox{padding:24px 24px 48px 24px;}
					.PackagingDiscountIcon{margin-bottom:12px;}
						.PackagingDiscountIcon img{height:48px;width:48px;}
					.PackagingDiscountText{}
						.PackagingDiscountText h2{font-family: 'Barlow Condensed', sans-serif;font-size:22px;font-weight:700;font-style:italic;margin-bottom:18px;}
						.PackagingDiscountText p{font-family:'Roboto', sans-serif;font-size:14px;color:var(--typographylightcolor);line-height:1.5em;}
		/* Quantità */
		.TableQtySettingBox{width:112px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
			a.TableQtyDel{height:18px;width:18px;margin-right:3px;padding:1px;display:block;}
			.TableQtySettingBox .Form{width:42px;}
				.TableQtySettingBox .FormRow{margin-right:0;margin-left:0;}
					.TableQtySettingBox .FormBoxWide{margin-bottom:0;padding-right:0;padding-left:0;}
						.TableQtySettingBox input{font-size:13px;border-color:var(--customcolor1);padding-top:7px;padding-right:3px;padding-bottom:7px;padding-left:3px;}
			.TableQtyHandling{display:flex;flex-wrap:wrap;align-items:center;}
				.TableQtyHandling a{height:18px;width:18px;margin-right:3px;margin-left:3px;display:block;}
		/* Nuovi arrivi */
		/* Subtotale */
		.ETSubtotal{}
			.ETSubtotal del{font-size:12px;color:var(--darkgrey);display:block;}
			.ETSubtotal ins, .ETSubtotal span{text-decoration:none;display:block;}
		/* Varianti stile al cambio di stato */
		tr.SelectedItem td{background-color:var(--lightaccent);}
			tr.SelectedItem .ETSubtotal ins, tr.SelectedItem .ETSubtotal span {font-weight:600;}
/*
			tr.OutOfStock .Checkmark{border-color:var(--lightaccent);}
		tr.OutOfStock td{color:#999999;}
		tr.OutOfStock td.NewArrival{color:red;}
			tr.OutOfStock .UnitPrice img{filter:grayscale(100%);opacity:0.3;}
			tr.OutOfStock .TableQtySettingBox img{filter:grayscale(100%);opacity:0.3;}
			tr.OutOfStock .TableQtySettingBox input{border-color:var(--lightaccent);}
*/

	/**** Box aggiungi al carrello ****/
	.AddToCartBox{padding-top:24px;padding-bottom:24px;display:flex;flex-wrap:wrap;justify-content:flex-end;}
		.AddToCartPanel{flex-basis:348px;box-shadow:1px 1px 24px -6px rgba(0,0,0,0.45);margin-bottom:0;}
			.AddToCartPanel table{margin-bottom:12px;}
				.AddToCartPanel table td{vertical-align:top;padding-bottom:6px;}
				.AddToCartPanel table td:last-of-type{min-width:108px;}
				.AddToCartPanel table td:first-child{font-family: 'Barlow Condensed', sans-serif;font-size:16px;font-style:italic;line-height:1em;text-align:left;}
				.AddToCartPanel table td:last-child{font-family: 'Exo', sans-serif;font-size:14px;text-align:right;}
				.AddToCartPanel table tr:last-of-type td{padding-top:9px;}
				.AddToCartPanel table tr:last-of-type td:first-child{font-size:22px;}
				.AddToCartPanel table tr:last-of-type td:last-child{font-size:18px;font-weight:700;}
			.AddToCartPanel .Button {width:100%;margin:6px 0;} 
				.AddToCartPanel .Button >*{min-width:inherit;width:100%;}

/***** Ordini ******************************************************************************************************************/

	/**** Tab ordini aperti ****/
		/**** TabellaOrdiniAperti ****/
		.TabellaOrdiniAperti{}
			.TabellaOrdiniAperti th, .TabellaOrdiniAperti td{border-bottom:2px solid var(--grey);padding:9px 12px;}
			.TabellaOrdiniAperti th:first-of-type, .TabellaOrdiniAperti td:first-of-type{padding-left:0;}
			.TabellaOrdiniAperti th:last-of-type, .TabellaOrdiniAperti td:last-of-type{padding-right:0;}
				th.TableButton span{max-width:196px;font-size:12px;font-weight:normal;color:var(--typographylightcolor);display:inline-block;}
			/* Numero ordine */
			.TableOrderNumber{}
			.TableOrderNumber span{font-size:16px;font-weight:700;display:block;}
			.TableOrderNumber a{width:100%;font-size:13px;color:var(--customcolor3);text-decoration:none;display:flex;flex-wrap:wrap;align-items:center;}
			.TableOrderNumber a:hover{text-decoration:underline;}
				.TableOrderNumber a::before{height:4px;width:4px;border-right:2px solid var(--customcolor3);border-bottom:2px solid var(--customcolor3);content:"";margin-right:6px;display:inline-block;vertical-align:middle; transform:rotate(-45deg);}
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			.TableOrderTotal{font-size:16px;color:var(--typographydarkcolor);}
			/* Bottoni */
			.TableButton{text-align:right;}
			.TableButton .Button>*{min-width:inherit;}
	/**** Tab ordini inviati ****/
		/**** TabellaOrdiniInviati  (sendedorderstable) ****/
		.TabellaOrdiniInviati{}
			.TabellaOrdiniInviati th, .TabellaOrdiniInviati td{border-bottom:2px solid var(--grey);padding:9px 12px;}
			.TabellaOrdiniInviati th:first-of-type, .TabellaOrdiniInviati td:first-of-type{padding-left:0;}
			.TabellaOrdiniInviati th:last-of-type, .TabellaOrdiniInviati td:last-of-type{padding-right:0;}
			/* Numero ordine */
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			/* Bottoni */
	/**** Popup dettaglio ordine (orderdetailspopup) ****/
	.Box.OrderdetailPopup{background-color:var(--lightaccent);}
		.Box.OrderdetailPopup .Frame{margin-bottom:24px;}
			.OrderdetailPopupIndex{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
				.OrderdetailPopupIndex h1{font-family:'Barlow Condensed', sans-serif;font-size:22px;font-weight:400;}
				.OrderdetailPopupIndex h2{font-family:'Barlow Condensed', sans-serif;font-size:22px;font-weight:400;margin-left:24px;}
			.OrderdetailPopup .CartResumeTableFooter{padding-top:30px;}

/***** Scadenze ****************************************************************************************************************/

.Deadlines{margin-top:24px;}
.Deadlines>h2{padding-top:12px;}
	.Update{margin:24px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
		.Update span{font-size:16px;font-weight:700;margin-right:18px;}
		.Update i{}
	/**** TabellaScadenze (deadlinestable) ****/
	.TabellaScadenze{}
		.TabellaScadenze th, .TabellaScadenze td{border-bottom:2px solid var(--grey);padding:9px 12px;}
		.TabellaScadenze td{padding:12px 12px;}
		.TabellaScadenze th:first-of-type, .TabellaScadenze td:first-of-type{padding-left:0;}
		.TabellaScadenze th:last-of-type, .TabellaScadenze td:last-of-type{padding-right:0;}
			.TabellaScadenze a{color:var(--typographydarkcolor);text-decoration:none;}
			.TabellaScadenze a:hover{text-decoration:underline;}
		/* Codice cliente */
		/* Nome/Ragione sociale */
		/* Numero documento */
		/* Data documento */
		/* Numero rata */
		/* Importo rata */
		/* Totale documento */
		/* Data scadenza */

/***** Nuovo ordine ************************************************************************************************************/
.NewOrderIndexBox{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}

.NewOrderIndex{background-color:var(--customcolor2);border-top-left-radius:4px;border-top-right-radius:12px;font-family: 'Barlow Condensed', sans-serif;font-size:22px;font-weight:400;color:var(--typographydarkcolor);margin-top:24px;padding:8px 12px 6px 12px;display:inline-flex;flex-wrap:wrap;align-items:center;}
	.NewOrderIndex span{font-weight:700;margin-right:4px;}
	.NewOrderIndex a{text-decoration:none;color:var(--typographydarkcolor);}
	.NewOrderIndex a:hover{text-decoration:underline;}
.BackToOrder{padding-top:24px;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
	.BackToOrder a{background-image:url("../images/BackArrow.svg");background-repeat:no-repeat;background-position:left 15px center;background-size:6px;background-color:#e1e3e6;border-radius:18px;font-size:15px;font-weight:700;color:var(--typographydarkcolor);text-decoration:none;padding:6px 30px;display:block;}
	.BackToOrder a:hover{background-color:var(--customcolor2);}

.NewOrderContent{background-color:#ffffff;border:2px solid var(--customcolor2);border-radius:4px;border-top-left-radius:0;margin-bottom:24px;padding:24px;}
	.NewOrderSettings{margin-bottom:12px;display:flex;flex-wrap:wrap;}
		.OrderSettingsActions{width:50%;padding:12px;}
			.ResumeForm{border-right:1px solid var(--customcolor2);margin-right:-12px;padding-right:12px;}
			.ResumeForm .Button{margin-top:18px;}
			.EditForm{}
		.OrderSettingsInfos{width:50%;padding:12px;}
			.NewOrderSettings h3, .NewOrderSettings legend{width:100%;border-bottom:1px dotted var(--customcolor1);font-size:15px;font-weight:700;margin-bottom:18px;padding-bottom:3px;}
			.NewOrderSettings fieldset{border:none;padding:0;}
			.NewOrderSettings textarea{min-height:96px;}
			.NewOrderSettings ul{list-style-position:inside;font-size:15px;}
				.NewOrderSettings ul li{border-bottom:1px solid var(--grey);color:var(--customcolor2);margin-bottom:6px;padding-bottom:6px;}
				.NewOrderSettings ul li small{color:var(--customcolor3);}
				.NewOrderSettings ul li span{color:var(--typographycolor);}
.NewOrderContent .TabContentBox{border:1px solid var(--lightaccent);padding-right:0;padding-left:0;}
	/**** Tab catalogo ****/
	/**** Tab backorders ****/
		/**** Tabella TabellaBackorders (backorderstable) ****/
		.TabellaBackorders{}
			.TabellaBackorders th, .TabellaBackorders td{border-bottom:2px solid var(--grey);padding:9px 12px;}
			.TabellaBackorders th:first-of-type, .TabellaBackorders td:first-of-type{padding-left:0;}
			.TabellaBackorders th:last-of-type, .TabellaBackorders td:last-of-type{padding-right:0;}
			/* Codice ordine + Nome + anteprima articolo */
			.TableArticleName{}
				.TableArticleName strong{display:block;} 
				.TableArticleName a{color:var(--customcolor1);text-decoration:none;display:block;}
				/*.OutOfStock .TableArticleName a{color:#999999;}*/
				.TableArticleName a:hover{text-decoration:underline;}
			/* Stock */
			.Availibility{height:18px;width:18px;background-repeat:no-repeat;background-position:center;background-size:18px;display:inline-block;}
			.InStock .Availibility{background-image:url('../images/InStockIcon.svg');}
			.FewPieces .Availibility{background-image:url('../images/FewPiecesIcon.svg');}
			.LowStock .Availibility{background-image:url('../images/LowStockIcon.svg');}
			.OutOfStock .Availibility{background-image:url('../images/OutOfStockIcon.svg');}
			/* Colore */
			/* Taglia */
			/* Prezzo unit. */
			/* Quantità */
			/* Subtotale */
			/* Bottoni */
		.TableButtonBox{padding-top:36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
	/**** Tab riepilogo ordine ****/
		/**** Tabella CartResumeTable (cartresumetable) ****/
		.CartResumeTable{}
			.CartResumeTable th, .CartResumeTable td{border-bottom:2px solid var(--grey);padding:9px 12px;}
			.CartResumeTable th:first-of-type, .CartResumeTable td:first-of-type{padding-left:0;}
			.CartResumeTable th:last-of-type, .CartResumeTable td:last-of-type{padding-right:0;}
		/* Elimina */
		.CRTItemRemove{width:24px;}
			a.ItemRemove{width:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
			a.ItemRemove img{width:16px;}
		/* Nome + anteprima articolo */
		.CRTableItemName{}
			.CRTableItemName span{display:block;}
			.CRTableItemName span:hover{cursor:pointer;}
				.CRTableItemName i{font-style:normal;}
				.CRTableItemPreview{width:240px;box-shadow:1px 1px 12px -6px rgba(0,0,0,0.35);position:absolute;left:0;z-index:1;transition-property:all;transition-duration:0.3s;display:none;}
				.CRTableItemName span:hover .CRTableItemPreview{display:block;}
					.CRTableItemPreview .ItemThumbImage{margin-bottom:0;}
		/* Colore */
		/* Taglia */
		/* Codice prodotto */
		/* Prezzo unit. */
		/* Quantità */
		.CartResumeTable .TableQtySettingBox{width:auto;justify-content:center;}
			a.TableQtyRefresh{height:30px;width:30px;margin-left:6px;padding:3px;display:block;}
		/* Subtotale */
		.CRTSubtotal{}
			.CRTSubtotal del{font-size:12px;color:var(--darkgrey);display:block;}
			.CRTSubtotal ins, .CRTSubtotal span{text-decoration:none;display:block;}
		/* Variante ordine cambiato da aggiornamento back-end */
		tr.BackorderChanged td{background-color:#fff6ab;}
	/**** Box riassunto ordine parziale ****/
	.OrderResumeBox{background-color:var(--lightaccent);margin-top:-24px;margin-bottom:-24px;padding-top:24px;padding-bottom:24px;}
		.OrderResumeBox .Frame{margin-bottom:24px;}
			.CartInfoBox{display:flex;flex-wrap:wrap;padding-top:12px;}
				.CartInfoText{width:66.6666666666%;border-right:1px solid var(--grey);padding-right:36px;}
					.CartInfoText h4{font-family: 'Barlow Condensed', sans-serif;font-size:26px;font-style:italic;font-weight:400;margin-bottom:6px;}
					.CartInfoText p{font-family: 'Barlow Condensed', sans-serif;font-size:18px;font-style:italic;font-weight:400;color:var(--typographylightcolor);margin-bottom:24px;}
					.CartInfoText textarea{border-color:var(--customcolor1);}
					.CartInfoText textarea:focus{border-color:var(--customcolor2);}
				.CartInfoAddToCart{width:33.33333333333%;padding-left:36px;}
			.CartInfoAddToCart table{}
					.CartInfoAddToCart table{margin-bottom:12px;}
						.CartInfoAddToCart table td{vertical-align:top;padding-bottom:6px;}
						.CartInfoAddToCart table td:first-child{font-family:'Barlow Condensed', sans-serif;font-size:16px;font-style:italic;line-height:1em;text-align:left;}
						.CartInfoAddToCart table td:last-child{min-width:108px;font-family:'Exo', sans-serif;font-size:14px;text-align:right;}
						.CartInfoAddToCart table tr:last-of-type td{padding-top:9px;}
						.CartInfoAddToCart table tr:last-of-type td:first-child{font-size:22px;}
						.CartInfoAddToCart table tr:last-of-type td:last-child{font-size:18px;font-weight:700;}
					.CartInfoAddToCart .Button {width:100%;} 
					.CartInfoAddToCart .Button >*{min-width:inherit;width:100%;margin:6px 0;}
	/**** Box riassunto ordine totale ****/
	.CartResumeTableFooter{width:100%;padding-top:15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
		.TableFooterImage{flex-basis:72px;}
			.TableFooterImage a{display:inline-block;}
		.TableFooterInfo{flex-basis:calc(100% - 72px);font-family: 'Barlow Condensed', sans-serif;font-style:italic;font-size:18px;padding-left:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
			.TableFooterData{flex-grow:1;padding-right:48px;}
			.TableFooterPrice{}
				.TableFooterPrice div{text-align:right;display:flex;flex-wrap:wrap;justify-content:space-between;}
				.TableFooterPrice>div:last-of-type{margin-top:7px;}
					.TableFooterPrice div span:last-of-type{min-width:120px;font-family:'Exo', sans-serif;font-size:15px;font-style:normal;}
					.TableFooterPrice div span:last-of-type, .TableFooterPrice div:last-of-type strong{font-family:'Exo', sans-serif;font-size:15px;font-style:normal;}
				.TableFooterPrice div.PersonalDiscount{background-color:var(--lightaccent);border-radius:4px;margin-bottom:12px;padding:12px;text-align:left;align-items: flex-start; justify-content: space-between;}
				.PersonalDiscount h4{width:100%;font-family:'Exo', sans-serif;font-size:13px;font-style: normal;margin-bottom:6px;}
				.PersonalDiscount .Form{width:100%;margin-top:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
					.PersonalDiscount select.CustomSelect{width:auto;flex-grow:1;font-size:13px;padding-top:7px;padding-bottom:7px;}
					.PersonalDiscount .Button{padding-left:6px;}
						.PersonalDiscount .Button>*{min-width:84px;font-style:normal;padding-right:6px;padding-left:6px;}
		.PersonalDiscountResume i{background-color:var(--customcolor2);border-radius:3px;font-size:12px;font-weight:700;margin-right:3px;padding:1px 3px;display:inline-block;transform: translateY(-1px);}
		.TableFooterNotes{flex-basis:100%;border-top:2px solid var(--grey);font-family:'Roboto', sans-serif;font-size:12px;color:var(--typographylightcolor);text-align:right;margin-top:9px;padding-top:9px;}

/***** Storico ordini **********************************************************************************************************/

.OrderHistory{margin-top:24px;}

/***** Standard ****************************************************************************************************************/
.Standardpage{}
	.Standardpage .Box{}
		.Standardpage .Frame{padding:36px;}
		.Standardpage h1{font-family:'Barlow Condensed', sans-serif;font-size:29px;font-style:italic;font-weight:400;margin-bottom:18px;}
		.Standardpage h2{font-family:'Barlow Condensed', sans-serif;font-size:22px;font-style:italic;font-weight:700;margin-bottom:12px;}
		.Widget{margin-bottom:3em;}
			.Widget p{line-height:1.7em;margin-bottom:1.3em;}
			.Widget p:last-of-type{}
			.MainText{}
			.MainForm{}
			.StandardBox{display:flex;flex-wrap:wrap;align-items:flex-start;}
			.WideTitle{}
				.DxImage .WidgetImage, .SxImage .WidgetImage{flex-basis:33.3333333333%;}
				.DxImage .WidgetText, .SxImage .WidgetText{flex-basis:66.6666666666%;}
				.DxImage .WidgetImage, .SxImage .WidgetText{padding-left:12px;}
				.DxImage .WidgetText, .SxImage .WidgetImage{padding-right:12px;}
				.DxImage .WidgetImage{order:2;}
				.DxImage .WidgetText{order:1;}
				.WidgetImage{}
				.WidgetText{}
				.WideImage .WidgetImage{flex-basis:100%;}
					.WidgetTitle h2{margin-bottom:0;}


/********************************************************* Order Form *********************************************************/
section.OrderForm {padding-top:24px;}
	.OrderForm .Container{max-width:100%;}
		.OrderFormTableBox{}
			.OrderFormTableBox .Button>*{padding-right:24px;padding-left:48px;}
			.OrderFormTableText{font-size:13px;margin-bottom:24px;}
				.OrderFormTableText a{color:var(--customcolor1);}
			.OrderFormTable{margin-bottom:30px;}
				.OrderFormTableIndex{margin-bottom:3px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
					.OrderFormTableIndexData{margin-right:18px;}
						.OrderFormTableIndexData h3{font-size:18px;}
						.OrderFormTableIndexData span{font-size:11px;text-transform:uppercase;}
					.OrderFormTableIndex .Button{margin-top:15px;margin-bottom:15px;}
				.OrderFormTableButton{margin-top:18px;margin-bottom:30px;display:flex;flex-wrap:wrap;justify-content:flex-end;}

				.OrderFormTable table{background-color:#fdfdfd;font-size:11px;}
				.OrderFormTable th{background-color:#ffffff;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;font-size:12px;font-weight:500;color:#999999;text-align:right;padding-top:18px;padding-bottom:18px;}
				.OrderFormTable th strong{color:var(--typographydarkcolor);}
				.OrderFormTable td{border-bottom:1px solid #e7e7e7;font-weight:400;color:var(--typographylightcolor);padding-top:18px;padding-bottom:18px;}
				.OrderFormTable th, .OrderFormTable td{padding-right:12px;padding-left:12px;}

				/*** Aggiunta check seasonal order ***/

		.SeasonalOrderChoice{margin-bottom:30px;}
		.SeasonalOrderChoice fieldset{background-color:#f9f9f9;border:none;border-radius:12px;padding:18px;}
		.SeasonalOrderChoice legend{background-color:transparent;font-family: 'Barlow Condensed', sans-serif;font-size:18px;font-style:italic;margin-bottom:18px;display:block;transform:translateY(24px);}
		
		.SeasonalOrderChoice .FormBoxWide, .SeasonalOrderChoice .FormBox66, .SeasonalOrderChoice .FormBox33{margin-bottom:9px;}
		.SeasonalOrderChoice .CheckLabel{font-family: 'Roboto', sans-serif;font-size:13px;font-weight:500;}

.SeasonalDate{height:0;margin-top:9px;margin-right:-3px;margin-left:-3px;opacity:0;visibility:hidden;transition-property:all;transition-duration: 0.3s;}
.SeasonalDate .FormBox66, .SeasonalDate .FormBox33, .SeasonalText{padding-right:3px;padding-left:3px;}
.visible.SeasonalDate{opacity:1;visibility:visible;height:auto;}
	.SeasonalDate label{font-family: 'Barlow Condensed', sans-serif;color:var(--typographydarkcolor);}
	.SeasonalDate input{font-size:13px;padding-top:7.5px;padding-bottom:7.5px;}
	.SeasonalText{font-family: 'Roboto', sans-serif;font-size:11px;color:var(--typographylightcolor);line-height:1.3em;}
	.SeasonalText a{color:var(--typographydarkcolor);}
/* Regole dispositivi >1400px */ 
@media all and (min-width: 1400px) {
	
/********************************************************* Tipografia **********************************************************/


/*font-family: 'Barlow Condensed', sans-serif; 700/400 + i*/
/*font-family: 'Exo', sans-serif; 700/500/400 + i */
/*font-family: 'Roboto', sans-serif; 700/500/400 + i */

/********************************************************* Contenitori *********************************************************/
/********************************************************* Tabelle *************************************************************/
/********************************************************* Bottoni *************************************************************/
/********************************************************* Stylings ************************************************************/
/********************************************************* Componenti **********************************************************/
/**** Filo d'arianna ****/
/**** Bookmark ****/
/**** Tabulatore (Tab) ****/
/**** Filtri/cerca nella tabella ****/
/**** Impaginatore ****/
/**** Index ****/
/**** AlertPannel ****/
/********************************************************* Form ****************************************************************/
/* Variante checkbox/radiobutton personalizzato */
/* Variante campo password visibile/non visibile */
/********************************************************* Master multibox *****************************************************/
/********************************************************* Caroselli ***********************************************************/
/**** Carosello classico ****/
	
.ClassicIkarus button.owl-prev {left:-30px;}
.ClassicIkarus button.owl-next {right:-30px;}
	
/********************************************************* Fancybox ************************************************************/
/********************************************************* Intestazione utente/cliente (salesrepindex) *************************/	

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------< Pagine >--------- */

/***** Login *******************************************************************************************************************/
/***** Login - recupera password ***********************************************************************************************/
/***** Homepage ****************************************************************************************************************/
/***** Clienti *****************************************************************************************************************/
	/**** Tab elenco completo ****/
		/**** Tabella TabellaClienti (customerstable) ****/
			/* Stato/ Fiducia */
			/* Nome/Ragione sociale */
			/* Codice cliente */
			/* Indirizzo */
			/* CAP */
			/* Città */
			/* Provincia */
			/* Email */
			/* Link */
	/**** Tab clienti attivi ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab clienti bloccati ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab prospect ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Popup nuovo prospect (newprospectpopup) ******************************************************************************/
/***** Scheda cliente/prospect *************************************************************************************************/
/***** Cataloghi ***************************************************************************************************************/
/***** Catalogo ****************************************************************************************************************/
	/**** Mainsearch (ricerca principale)****/
	/**** Menu laterale ****/
	/**** Elenco prodotti ****/
/***** Scheda articolo - cliente selezionato/non selezionato *******************************************************************/
	/* Variante scheda articolo, con cliente selezionato */
	/**** Tabella Completa (EnhancedTable) ****/
		/*Checkbox*/
		/* Nome + anteprima articolo */
		/* Stock */
		/* Colore */
		/* Taglia */
		/* Codice */
		/* Prezzo unit. */
		/* Quantità */
		/* Nuovi arrivi */
		/* Subtotale */
		/* Varianti stile al cambio di stato */
	/**** Box aggiungi al carrello ****/
/***** Ordini ******************************************************************************************************************/
	/**** Tab ordini aperti ****/
		/**** TabellaOrdiniAperti ****/
			/* Numero ordine */
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			/* Bottoni */
		/**** TabellaOrdiniInviati  (sendedorderstable) ****/
			/* Numero ordine */
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			/* Bottoni */
		/**** Popup dettaglio ordine (orderdetailspopup) ****/
	/**** Tab ordini inviati ****/
		/**** TabellaOrdiniInviati ****/
/***** Scadenze ****************************************************************************************************************/
	/**** TabellaScadenze (deadlinestable) ****/
		/* Codice cliente */
		/* Nome/Ragione sociale */
		/* Numero documento */
		/* Data documento */
		/* Numero rata */
		/* Importo rata */
		/* Totale documento */
		/* Data scadenza */
/***** Nuovo ordine ************************************************************************************************************/
	/**** Tab catalogo ****/
	/**** Tab backorders ****/
		/**** Tabella TabellaBackorders (backorderstable) ****/
			/* Codice ordine + Nome + anteprima articolo */
			/* Stock */
			/* Colore */
			/* Taglia */
			/* Prezzo unit. */
			/* Quantità */
			/* Subtotale */
			/* Bottoni */
	/**** Tab riepilogo ordine ****/
		/**** Tabella CartResumeTable (cartresumetable) ****/
		/* Elimina */
		/* Nome + anteprima articolo */
		/* Colore */
		/* Taglia */
		/* Codice prodotto */
		/* Prezzo unit. */
		/* Quantità */
		/* Subtotale */
	/* Variante ordine cambiato da aggiornamento back-end */
	/**** Box riassunto ordine parziale ****/
	/**** Box riassunto ordine totale****/
/***** Storico ordini **********************************************************************************************************/	
/***** Standard ****************************************************************************************************************/	
    
}


/* Regole dispositivi orizzontali piccoli (tablet orizzontale, laptop etc.) */ 
@media all and (min-width: 990px) and (max-width: 1399px) and (orientation: landscape) {
	
/********************************************************* Tipografia **********************************************************/


/*font-family: 'Barlow Condensed', sans-serif; 700/400 + i*/
/*font-family: 'Exo', sans-serif; 700/500/400 + i */
/*font-family: 'Roboto', sans-serif; 700/500/400 + i */

/********************************************************* Contenitori *********************************************************/
/********************************************************* Tabelle *************************************************************/
/********************************************************* Bottoni *************************************************************/
/********************************************************* Stylings ************************************************************/
/********************************************************* Componenti **********************************************************/
/**** Filo d'arianna ****/
/**** Bookmark ****/
/**** Tabulatore (Tab) ****/
/**** Filtri/cerca nella tabella ****/
/**** Impaginatore ****/
/**** Index ****/
/**** AlertPannel ****/
/********************************************************* Form ****************************************************************/
/* Variante checkbox/radiobutton personalizzato */
/* Variante campo password visibile/non visibile */
/********************************************************* Master multibox *****************************************************/
/********************************************************* Caroselli ***********************************************************/
/**** Carosello classico ****/
/********************************************************* Fancybox ************************************************************/
/********************************************************* Intestazione utente/cliente (salesrepindex) *************************/	

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------< Pagine >--------- */

/***** Login *******************************************************************************************************************/
/***** Login - recupera password ***********************************************************************************************/
/***** Homepage ****************************************************************************************************************/
/***** Clienti *****************************************************************************************************************/
	/**** Tab elenco completo ****/
		/**** Tabella TabellaClienti (customerstable) ****/
			/* Stato/ Fiducia */
			/* Nome/Ragione sociale */
			/* Codice cliente */
			/* Indirizzo */
			/* CAP */
			/* Città */
			/* Provincia */
			/* Email */
			/* Link */
	/**** Tab clienti attivi ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab clienti bloccati ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab prospect ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Popup nuovo prospect (newprospectpopup) ******************************************************************************/
/***** Scheda cliente/prospect *************************************************************************************************/
/***** Cataloghi ***************************************************************************************************************/
/***** Catalogo ****************************************************************************************************************/
	
	/**** Mainsearch (ricerca principale) ****/
	/*Variante scheda articolo con cliente selezionato*/
	.NewOrderContent .Mainsearch input[type="search"]{/*width:45%;*/}
	.NewOrderContent .Mainsearch .CustomSelect{width:calc(55% - 43px);}	
	/**** Menu laterale ****/
	/**** Elenco prodotti ****/
	
/***** Scheda articolo - cliente selezionato/non selezionato *******************************************************************/
	/* Variante scheda articolo, con cliente selezionato */
	/**** Tabella Completa (EnhancedTable) ****/
		/*Checkbox*/
		/* Nome + anteprima articolo */
		/* Stock */
		/* Colore */
		/* Taglia */
		/* Codice */
		/* Prezzo unit. */
		/* Quantità */
		/* Nuovi arrivi */
		/* Subtotale */
		/* Varianti stile al cambio di stato */
	/**** Box aggiungi al carrello ****/
/***** Ordini ******************************************************************************************************************/
	/**** Tab ordini aperti ****/
		/**** TabellaOrdiniAperti ****/
			/* Numero ordine */
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			/* Bottoni */
		/**** TabellaOrdiniInviati  (sendedorderstable) ****/
			/* Numero ordine */
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			/* Bottoni */
		/**** Popup dettaglio ordine (orderdetailspopup) ****/
	/**** Tab ordini inviati ****/
		/**** TabellaOrdiniInviati ****/
/***** Scadenze ****************************************************************************************************************/
	/**** TabellaScadenze (deadlinestable) ****/
		/* Codice cliente */
		/* Nome/Ragione sociale */
		/* Numero documento */
		/* Data documento */
		/* Numero rata */
		/* Importo rata */
		/* Totale documento */
		/* Data scadenza */
/***** Nuovo ordine ************************************************************************************************************/
	/**** Tab catalogo ****/
	/**** Tab backorders ****/
		/**** Tabella TabellaBackorders (backorderstable) ****/
			/* Codice ordine + Nome + anteprima articolo */
			/* Stock */
			/* Colore */
			/* Taglia */
			/* Prezzo unit. */
			/* Quantità */
			/* Subtotale */
			/* Bottoni */
	/**** Tab riepilogo ordine ****/
		/**** Tabella CartResumeTable (cartresumetable) ****/
		/* Elimina */
		/* Nome + anteprima articolo */
		/* Colore */
		/* Taglia */
		/* Codice prodotto */
		/* Prezzo unit. */
		/* Quantità */
		/* Subtotale */
	/* Variante ordine cambiato da aggiornamento back-end */
	/**** Box riassunto ordine parziale****/
	/**** Box riassunto ordine totale****/
	
/***** Storico ordini **********************************************************************************************************/	
/***** Standard ****************************************************************************************************************/	

}


/* Regole orientamento verticale */
@media all and (max-width: 1100px) and (orientation: portrait) {
	
/********************************************************* Tipografia **********************************************************/


/*font-family: 'Barlow Condensed', sans-serif; 700/400 + i*/
/*font-family: 'Exo', sans-serif; 700/500/400 + i */
/*font-family: 'Roboto', sans-serif; 700/500/400 + i */

/********************************************************* Contenitori *********************************************************/
/********************************************************* Tabelle *************************************************************/
	
table, tbody, tr{display:block;}	
	table th{display:none;}	
	table td{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
	td.DxText{text-align:left;}
	td.CenteredText{text-align:left;}	
		table small{width:100%;font-size:12px;font-weight:400;color:var(--typographylightcolor);margin-bottom:3px;display:block;}		
	
/********************************************************* Bottoni *************************************************************/
/********************************************************* Stylings ************************************************************/
/********************************************************* Componenti **********************************************************/
/**** Filo d'arianna ****/
/**** Bookmark ****/
/**** Tabulatore (Tab) ****/
/**** Filtri/cerca nella tabella ****/
/**** Impaginatore ****/
/**** Index ****/
/**** AlertPannel ****/
/********************************************************* Form ****************************************************************/
/* Variante checkbox/radiobutton personalizzato */
/* Variante campo password visibile/non visibile */
/********************************************************* Master multibox *****************************************************/
/********************************************************* Caroselli ***********************************************************/
/**** Carosello classico ****/
/********************************************************* Fancybox ************************************************************/
/********************************************************* Intestazione utente/cliente (salesrepindex) *************************/
	
.SalesRepIndex{width:100%;padding-top:18px;padding-bottom:12px;align-items:flex-start;}
	.SalesRepName{width:100%;border-left:2px solid var(--customcolor1);padding-top:9px;padding-bottom:3px;padding-left:12px;display:flex;flex-wrap:wrap;align-items:baseline;}
		.SalesRepIndex h1{font-size:14px;display:flex;flex-wrap:wrap;align-items:center;}
		.SalesRepIndex h1::after{height:4px;width:4px;background-color:var(--customcolor1);border-radius:50%;content:"";margin:0 6px;display:block;}
	.SalesRepAddData{width:100%;padding-bottom:9px;padding-left:0;justify-content:flex-start;}
		.SalesRepClientName{width:100%;border-left:2px solid var(--customcolor1);padding-left:12px;}
			.SalesRepClientName a{text-decoration:none;display:flex;flex-wrap:wrap;align-items:baseline;}
				.SalesRepClientName h3{font-size:18px;margin-right:9px;}
		.SalesRepActionBox{width:calc(100% + 12px);margin-right:-6px;margin-left:-6px;padding-top:15px;justify-content:center;column-gap:0;}	
			.SalesRepActionBox .Button{flex:1;padding:0 6px;display:flex;flex-wrap:wrap;}	
				.SalesRepActionBox .Button.Small>*{height:100%;width:100%;min-width:inherit;display:flex;align-items:center;justify-content:center;}		

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------< Pagine >--------- */

/***** Login *******************************************************************************************************************/
/***** Login - recupera password ***********************************************************************************************/
/***** Homepage ****************************************************************************************************************/
	
section.WindowsFit{min-height:calc(100vh - 401px);}	
.QuickLinkItem{width:100%;}
	.QuickLinkItem .Frame{flex-direction:row;align-items:center;}
		.QuickLinkItem img{width:20%;margin-bottom:0;}
		.QuickLinkData{width:80%;padding-left:36px;}
			.QuickLinkItem h2{text-align:left;}
			.QuickLinkItem .Button{width:auto;margin-top:12px;}
				.QuickLinkItem .Button > *{width:auto;}

/***** Clienti *****************************************************************************************************************/
	
	/**** Tab elenco completo ****/
		/**** Tabella TabellaClienti (customerstable) ****/
		.TabellaClienti tr{margin-bottom:60px;}	
			.TabellaClienti td{padding:9px 0;}
			/* Stato/ Fiducia */
			td.Trust{width:100%;border-bottom:none;padding-bottom:0;}
				.TrustMarker{height:15px;width:15px;}
			/* Nome/Ragione sociale */
			td.TableName{font-size:18px;font-weight:700;}
			/* Codice cliente */
			/* Indirizzo */
			/* CAP */
			/* Città */
			/* Provincia */
			/* Email */
			/* Link */
			td.ShortLink{width:100%;border-bottom:none;padding-top:18px;justify-content:flex-end;}
				.ShortLink a{height:30px;width:30px;}
				.ShortLink a::before{height:7px;width:7px;}
	/**** Tab clienti attivi ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab clienti bloccati ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab prospect ****/
		/**** Tabella TabellaProspect (customerstable) ****/
		.TabellaProspect tr{margin-bottom:60px;}	
			.TabellaProspect td{padding:9px 0;}
	/**** Popup nuovo prospect (newprospectpopup) ******************************************************************************/
	.NewProspectForm {padding:0 15px;}
	
/***** Scheda cliente/prospect *************************************************************************************************/
	
.MainClientDataList{width:100%;margin-bottom:30px;}
	.MainClientAddData .Maps{width:100%;padding-left:0;}	
	
/***** Cataloghi ***************************************************************************************************************/
/***** Catalogo ****************************************************************************************************************/
	
	/**** Mainsearch (ricerca principale) ****/
	.Mainsearch input[type="search"]{/*width:50%;*/}
	.Mainsearch .CustomSelect{width:calc(50% - 43px);}
	/**** Menu laterale ****/
	.Aside{flex-basis:33.3333333333%;}
	/**** Elenco prodotti ****/
	.Content{flex-basis:66.6666666666%;padding-left:24px;}
		.ItemThumb{width:calc(50% - 6px);}
	
/***** Scheda articolo - cliente selezionato/non selezionato *******************************************************************/
	
.MainItem .Aside{flex-basis:100%;order:2;}
.MainItem .Content{flex-basis:100%;order:1;}
	.MainItemImage{width:60%;}
	.MainItemDescription{width:40%;padding-right:0;}
	.MainItemDownload{width:100%;padding-top:24px;display:flex;flex-wrap:wrap;column-gap:6px;}
		.MainItemDownload .MainItemIndex{width:100%;}
		.MainItemDownload .Button{width:auto;margin-bottom:0;}
/* Variante scheda articolo, con cliente selezionato */
.NewOrderContent .Frame{padding:18px 12px;}
.NewOrderContent .AddToCartBox .Frame{padding:18px;}
	.NewOrderContent .MainItemImage{width:60%;}
	.NewOrderContent .MainItemDescription{width:40%;}
	.NewOrderContent .MainItemDownload{width:100%;}	
	/**** Tabella Completa (EnhancedTable) ****/
	.EnhancedTable tr{display:flex;flex-wrap:wrap;margin-bottom:60px;}
	.EnhancedTable tr:first-of-type{margin-bottom:30px;}
	.EnhancedTable td{width:50%;align-items:flex-start;font-size:16px;padding:9px 0;}
	.EnhancedTable td:nth-last-of-type(odd){text-align:right;justify-content:flex-end;}
		/*Checkbox*/
		/* Nome + anteprima articolo */
		.EnhancedTable tr td:first-of-type{width:100%;text-align:left;justify-content:flex-start;}
			.EnhancedTable tr td:first-of-type .Form{width:100%;}
			.EnhancedTable td .CheckField{}
			.EnhancedTable td .CheckLabel{flex-basis:100%;margin-top:0;margin-left:0;}
				.EnhancedTable .CheckLabel span{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
				.EnhancedTable .CheckLabel span:hover{cursor:inherit;}
					.EnhancedTable td .CheckLabel i{font-size:18px;font-weight:700;}
					.CheckLabelPreview{width:96px;box-shadow:none;border-radius:0;padding:0;position:inherit;left:inherit;display:block;}
					/*Modifiche solo per cliente selezionato e nuovo ordine*/
					.MainItem .Content .Frame.CheckLabelPreview{margin-bottom:0;padding:0;}
					.NewOrderContent .Frame.CheckLabelPreview{margin-bottom:0;padding:0;}
						.CheckLabelPreview .ItemThumbImage{margin-bottom:0;}
							.CheckLabelPreview .ItemThumbImage a, .CheckLabelPreview .ItemThumbImage i{align-items:center;}
		/* Stock */
		/* Colore */
		/* Taglia */
		/* Codice */
		/* Prezzo unit. */
		.UnitPrice{justify-content:flex-start}
			.UnitPrice span{text-align:left;margin-right:12px;}
				.UnitPrice del{font-size:14px;}
		/* Quantità */
		.TableQtySettingBox{width:178px;}
			a.TableQtyDel{height:24px;width:24px;margin-right:6px;padding:1px;}
			.TableQtySettingBox .Form{width:72px;}
					.TableQtySettingBox input{font-size:14px;padding-top:9px;padding-right:6px;padding-bottom:9px;padding-left:6px;}
			.TableQtyHandling{display:flex;flex-wrap:wrap;align-items:center;}
				.TableQtyHandling a{height:24px;width:24px;margin-right:0;margin-left:12px;}
		/* Nuovi arrivi */
		/* Subtotale */
		.ETSubtotal{}
			.ETSubtotal del{font-size:14px;}
			.ETSubtotal ins, .ETSubtotal span{font-size:18px;font-weight:700;}
		/* Varianti stile al cambio di stato */
		/*tr.OutOfStock .ItemThumbImage img{opacity:0.5;}*/
	/**** Box aggiungi al carrello ****/
	.AddToCartPanel{flex-basis:348px;}
		.AddToCartPanel table tr:last-of-type td:last-child{font-size:20px;}
	
/***** Ordini ******************************************************************************************************************/
	
	/**** Tab ordini aperti ****/
		/**** TabellaOrdiniAperti ****/
		.TabellaOrdiniAperti{}
			.TabellaOrdiniAperti tr{margin-bottom:60px;}
			.TabellaOrdiniAperti td{padding:9px 0;}
			/* Numero ordine */
			.TableOrderNumber{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
				.TableOrderNumber span{font-size:18px;}
				.TableOrderNumber a{width:auto;font-size:13px;}
					.TableOrderNumber a::before{display:none;} 
					.TableOrderNumber a::after{height:4px;width:4px;border-right:2px solid var(--customcolor3);border-bottom:2px solid var(--customcolor3);content:"";margin-left:6px;display:inline-block;vertical-align:middle;transform:rotate(-45deg);} 
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			.TableOrderTotal{font-size:18px;font-weight:700;}
			/* Bottoni */
			.TabellaOrdiniAperti td.TableButton{border-bottom:none;column-gap:6px;padding-top:18px;justify-content:flex-end;}
	/**** Tab ordini inviati ****/
		/**** TabellaOrdiniInviati  (sendedorderstable) ****/
		.TabellaOrdiniInviati{}
		.TabellaOrdiniInviati tr{margin-bottom:60px;}
			.TabellaOrdiniInviati td{padding:9px 0;}
			/* Numero ordine */
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			/* Bottoni */
			.TabellaOrdiniInviati td.TableButton{border-bottom:none;column-gap:6px;padding-top:18px;justify-content:flex-end;}
	/**** Popup dettaglio ordine (orderdetailspopup) ****/
	
/***** Scadenze ****************************************************************************************************************/
	
	.Update{margin-bottom:0;}
	/**** TabellaScadenze (deadlinestable) ****/
	.TabellaScadenze{}
		.TabellaScadenze tr{margin-bottom:60px;}
			.TabellaScadenze td{padding:9px 0;}
			.TabellaScadenze td:first-of-type {font-size:18px;}
			.TabellaScadenze td a {text-decoration:underline;}
		/* Codice cliente */
		/* Nome/Ragione sociale */
		/* Numero documento */
		/* Data documento */
		/* Numero rata */
		/* Importo rata */
		/* Totale documento */
		/* Data scadenza */
	
/***** Nuovo ordine ************************************************************************************************************/
	
.OrderSettingsActions{width:100%;}
.OrderSettingsInfos{width:100%;}
	/**** Tab catalogo ****/
	/**** Tab backorders ****/
		/**** Tabella TabellaBackorders (backorderstable) ****/
		.TabellaBackorders{}
			.TabellaBackorders tr{margin-bottom:60px;}
				.TabellaBackorders td{padding:9px 0;}
				.TabellaBackorders td:nth-last-of-type(2){font-size:18px;font-weight:700;}
				.TabellaBackorders td:last-of-type{border-bottom:none;}
				.TabellaBackorders td:last-of-type .Button{width:100%;text-align:right;padding-top:9px;}
			/* Codice ordine + Nome + anteprima articolo */
			.TableArticleName{}
				.TableArticleName strong{display:block;} 
			/* Stock */
			/* Colore */
			/* Taglia */
			/* Prezzo unit. */
			/* Quantità */
			/* Subtotale */
			/* Bottoni */
		.TableButtonBox{padding-top:0;justify-content:center;}
	/**** Tab riepilogo ordine ****/
		/**** Tabella CartResumeTable (cartresumetable) ****/
		.CartResumeTable{}
		.CartResumeTable tr{display:flex;flex-wrap:wrap;margin-bottom:36px;}
			.CartResumeTable td{width:33.333333333%;align-items:flex-start;font-size:16px;padding:9px 0;}
			.CartResumeTable td:nth-of-type(2){width:100%;}
			.CartResumeTable td:nth-of-type(3){}
			.CartResumeTable td:nth-of-type(4){}
			.CartResumeTable td:nth-of-type(5){text-align:right;justify-content:flex-end;}
			.CartResumeTable td:nth-of-type(6){}
			.CartResumeTable td:nth-of-type(7){}
			.CartResumeTable td:nth-of-type(8){text-align:right;justify-content:flex-end;}
		/* Elimina */
		td.CRTItemRemove{width:100%;border-bottom:none;transform:translateY(60px)}
			a.ItemRemove{width:18px;}
			a.ItemRemove img{width:18px;}
		/* Nome + anteprima articolo */
		.CRTableItemName{width:100%;}
			.CRTableItemName span{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
			.CRTableItemName span:hover{cursor:inherit;}
				.CRTableItemName i{font-size:18px;font-weight:700;}
				.CRTableItemPreview{width:96px;box-shadow:none;border-radius:0;padding:0;position:inherit;left:inherit;display:block;}
					.CRTableItemPreview .ItemThumbImage a, .CRTableItemPreview .ItemThumbImage i{align-items:center;}
				.CRTableItemName .CRTableItemPreview{margin-bottom:0;padding:0;}
					.CRTableItemPreview .ItemThumbImage{margin-bottom:0;}
		/* Colore */
		/* Taglia */
		/* Codice prodotto */
		/* Prezzo unit. */
		/* Quantità */
		/* Subtotale */
	/* Variante ordine cambiato da aggiornamento back-end */
	/**** Box riassunto ordine parziale ****/
	.CartInfoText{width:60%;padding-right:18px;}
	.CartInfoAddToCart{width:40%;padding-left:18px;}
	/**** Box riassunto ordine totale ****/
	.CartResumeTableFooter{}
		.TableFooterImage{flex-basis:72px;align-self: flex-start;}
			.TableFooterImage a{display:inline-block;}
		.TableFooterInfo{align-items:stretch;}
			.TableFooterData{flex-grow:inherit;width:40%;border-right:1px dotted var(--customcolor1);padding-right:24px;}
			.TableFooterPrice{width:60%;padding-left:24px;}	

/***** Storico ordini **********************************************************************************************************/	
/***** Standard ****************************************************************************************************************/	
}
	

/* Eccezioni dispositivi mobili orizzontali piccoli */
@media all and (min-width: 381px) and (max-width: 989px) and (orientation: landscape) { 
	
/********************************************************* Tipografia **********************************************************/


/*font-family: 'Barlow Condensed', sans-serif; 700/400 + i*/
/*font-family: 'Exo', sans-serif; 700/500/400 + i */
/*font-family: 'Roboto', sans-serif; 700/500/400 + i */

/********************************************************* Contenitori *********************************************************/

.Box{padding-right:18px;padding-left:18px;}		
	
/********************************************************* Tabelle *************************************************************/
	
table, tbody, tr{display:block;}	
	table th{display:none;}	
	table td{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
	td.DxText{text-align:left;}
	td.CenteredText{text-align:left;}	
		table small{width:100%;font-size:12px;font-weight:400;color:var(--typographylightcolor);margin-bottom:3px;display:block;}	
	
/********************************************************* Bottoni *************************************************************/
/********************************************************* Stylings ************************************************************/
/********************************************************* Componenti **********************************************************/
/**** Filo d'arianna ****/
/**** Bookmark ****/
/**** Tabulatore (Tab) ****/
/**** Filtri/cerca nella tabella ****/
/**** Impaginatore ****/
/**** Index ****/
/**** AlertPannel ****/
/********************************************************* Form ****************************************************************/
/* Variante checkbox/radiobutton personalizzato */
/* Variante campo password visibile/non visibile */
/********************************************************* Master multibox *****************************************************/
/********************************************************* Caroselli ***********************************************************/
/**** Carosello classico ****/
/********************************************************* Fancybox ************************************************************/
/********************************************************* Intestazione utente/cliente (salesrepindex) *************************/
	
.SalesRepIndex{width:100%;padding-top:18px;padding-bottom:12px;align-items:flex-start;}
	.SalesRepName{width:100%;border-left:2px solid var(--customcolor1);padding-top:9px;padding-bottom:3px;padding-left:12px;display:flex;flex-wrap:wrap;align-items:baseline;}
		.SalesRepIndex h1{font-size:14px;display:flex;flex-wrap:wrap;align-items:center;}
		.SalesRepIndex h1::after{height:4px;width:4px;background-color:var(--customcolor1);border-radius:50%;content:"";margin:0 6px;display:block;}
	.SalesRepAddData{width:100%;padding-bottom:9px;padding-left:0;justify-content:flex-start;}
		.SalesRepClientName{width:100%;border-left:2px solid var(--customcolor1);padding-left:12px;}
			.SalesRepClientName a{text-decoration:none;display:flex;flex-wrap:wrap;align-items:baseline;}
				.SalesRepClientName h3{font-size:18px;margin-right:9px;}
		.SalesRepActionBox{width:calc(100% + 2px);margin-right:-1px;margin-left:-1px;padding-top:15px;justify-content:center;column-gap:0;}	
			.SalesRepActionBox .Button{flex:1;padding:0 1px;display:flex;flex-wrap:wrap;}	
				.SalesRepActionBox .Button.Small>*{height:100%;width:100%;min-width:inherit;font-size:11px;display:flex;align-items:center;justify-content:center;}	
	
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------< Pagine >--------- */

/***** Login *******************************************************************************************************************/
/***** Login - recupera password ***********************************************************************************************/
/***** Homepage ****************************************************************************************************************/
	
section.WindowsFit{min-height:inherit;}
.QuickLinkItem{width:100%;}
	.QuickLinkItem .Frame{flex-direction:row;align-items:center;}
		.QuickLinkItem img{width:20%;margin-bottom:0;}
		.QuickLinkData{width:80%;padding-left:36px;}
			.QuickLinkItem h2{text-align:left;}
			.QuickLinkItem .Button{width:auto;margin-top:12px;}
				.QuickLinkItem .Button > *{width:auto;}		
	
/***** Clienti *****************************************************************************************************************/
	
	/**** Tab elenco completo ****/
		/**** Tabella TabellaClienti (customerstable) ****/
		.TabellaClienti tr{margin-bottom:60px;}	
			.TabellaClienti td{padding:9px 0;}
			/* Stato/ Fiducia */
			td.Trust{width:100%;border-bottom:none;padding-bottom:0;}
				.TrustMarker{height:15px;width:15px;}
			/* Nome/Ragione sociale */
			td.TableName{font-size:18px;font-weight:700;}
			/* Codice cliente */
			/* Indirizzo */
			/* CAP */
			/* Città */
			/* Provincia */
			/* Email */
			/* Link */
			td.ShortLink{width:100%;border-bottom:none;padding-top:18px;justify-content:flex-end;}
				.ShortLink a{height:30px;width:30px;}
				.ShortLink a::before{height:7px;width:7px;}
	/**** Tab clienti attivi ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab clienti bloccati ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab prospect ****/
		/**** Tabella TabellaProspect (customerstable) ****/
		.TabellaProspect tr{margin-bottom:60px;}	
			.TabellaProspect td{padding:9px 0;}
	/**** Popup nuovo prospect (newprospectpopup) ******************************************************************************/
	.NewProspectForm {padding:0 15px;}
	
/***** Scheda cliente/prospect *************************************************************************************************/
	
.MainClientDataList{width:100%;margin-bottom:30px;}
	.MainClientAddData .Maps{min-height:300px;width:100%;padding-left:0;}	
	
/***** Cataloghi ***************************************************************************************************************/
/***** Catalogo ****************************************************************************************************************/
	
	/**** Mainsearch (ricerca principale) ****/
	.Mainsearch input[type="search"]{/*width:50%;*/}
	.Mainsearch .CustomSelect{width:calc(50% - 43px);}
	/**** Menu laterale ****/
	.Aside{flex-basis:33.3333333333%;}
	/**** Elenco prodotti ****/
	.Content{flex-basis:66.6666666666%;padding-left:24px;}
		.ItemThumb{width:calc(50% - 6px);}
	
/***** Scheda articolo - cliente selezionato/non selezionato *******************************************************************/
	
.MainItem .Aside{flex-basis:100%;order:2;}
.MainItem .Content{flex-basis:100%;order:1;}
	.MainItemImage{width:60%;}
	.MainItemDescription{width:40%;padding-right:0;}
	.MainItemDownload{width:100%;padding-top:24px;display:flex;flex-wrap:wrap;column-gap:6px;}
		.MainItemDownload .MainItemIndex{width:100%;}
		.MainItemDownload .Button{width:auto;margin-bottom:0;}
	/* Variante scheda articolo, con cliente selezionato */
	.NewOrderContent .MainItemImage{width:60%;}
	.NewOrderContent .MainItemDescription{width:40%;}
	.NewOrderContent .MainItemDownload{width:100%;}	
	/**** Tabella Completa (EnhancedTable) ****/
	.EnhancedTable tr{display:flex;flex-wrap:wrap;margin-bottom:60px;}
	.EnhancedTable tr:first-of-type{margin-bottom:30px;}
	.EnhancedTable td{width:50%;align-items:flex-start;font-size:16px;padding:9px 0;}
	.EnhancedTable td:nth-last-of-type(odd){text-align:right;justify-content:flex-end;}
		/*Checkbox*/
		/* Nome + anteprima articolo */
		.EnhancedTable tr td:first-of-type{width:100%;text-align:left;justify-content:flex-start;}
			.EnhancedTable tr td:first-of-type .Form{width:100%;}
			.EnhancedTable td .CheckField{}
			.EnhancedTable td .CheckLabel{flex-basis:100%;margin-top:0;margin-left:0;}
				.EnhancedTable .CheckLabel span{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
				.EnhancedTable .CheckLabel span:hover{cursor:inherit;}
					.EnhancedTable td .CheckLabel i{font-size:18px;font-weight:700;}
					.CheckLabelPreview{width:96px;box-shadow:none;border-radius:0;padding:0;position:inherit;left:inherit;display:block;}
					/*Modifiche solo per cliente selezionato e nuovo ordine*/
					.MainItem .Content .Frame.CheckLabelPreview{margin-bottom:0;padding:0;}
					.NewOrderContent .Frame.CheckLabelPreview{margin-bottom:0;padding:0;}
						.CheckLabelPreview .ItemThumbImage{margin-bottom:0;}
							.CheckLabelPreview .ItemThumbImage a, .CheckLabelPreview .ItemThumbImage i{align-items:center;}
		/* Stock */
		/* Colore */
		/* Taglia */
		/* Codice */
		/* Prezzo unit. */
		.UnitPrice{justify-content:flex-start}
			.UnitPrice span{text-align:left;margin-right:12px;}
				.UnitPrice del{font-size:14px;}
		/* Quantità */
		.TableQtySettingBox{width:178px;}
			a.TableQtyDel{height:24px;width:24px;margin-right:6px;padding:1px;}
			.TableQtySettingBox .Form{width:72px;}
					.TableQtySettingBox input{font-size:14px;padding-top:9px;padding-right:6px;padding-bottom:9px;padding-left:6px;}
			.TableQtyHandling{display:flex;flex-wrap:wrap;align-items:center;}
				.TableQtyHandling a{height:24px;width:24px;margin-right:0;margin-left:12px;}
		/* Nuovi arrivi */
		/* Subtotale */
		.ETSubtotal{}
			.ETSubtotal del{font-size:14px;}
			.ETSubtotal ins, .ETSubtotal span{font-size:18px;font-weight:700;}
		/* Varianti stile al cambio di stato */
		/*tr.OutOfStock .ItemThumbImage img{opacity:0.5;}*/
	/**** Box aggiungi al carrello ****/
	.AddToCartPanel{flex-basis:348px;}
		.AddToCartPanel table tr:last-of-type td:last-child{font-size:20px;}

/***** Ordini ******************************************************************************************************************/
	
	/**** Tab ordini aperti ****/
		/**** TabellaOrdiniAperti ****/
		.TabellaOrdiniAperti{}
			.TabellaOrdiniAperti tr{margin-bottom:60px;}
			.TabellaOrdiniAperti td{padding:9px 0;}
			/* Numero ordine */
			.TableOrderNumber{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
				.TableOrderNumber span{font-size:18px;}
				.TableOrderNumber a{width:auto;font-size:13px;}
					.TableOrderNumber a::before{display:none;} 
					.TableOrderNumber a::after{height:4px;width:4px;border-right:2px solid var(--customcolor3);border-bottom:2px solid var(--customcolor3);content:"";margin-left:6px;display:inline-block;vertical-align:middle;transform:rotate(-45deg);} 
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			.TableOrderTotal{font-size:18px;font-weight:700;}
			/* Bottoni */
			.TabellaOrdiniAperti td.TableButton{border-bottom:none;column-gap:6px;padding-top:18px;justify-content:flex-end;}
	/**** Tab ordini inviati ****/
		/**** TabellaOrdiniInviati  (sendedorderstable) ****/
		.TabellaOrdiniInviati{}
		.TabellaOrdiniInviati tr{margin-bottom:60px;}
			.TabellaOrdiniInviati td{padding:9px 0;}
			/* Numero ordine */
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			/* Bottoni */
			.TabellaOrdiniInviati td.TableButton{border-bottom:none;column-gap:6px;padding-top:18px;justify-content:flex-end;}
	/**** Popup dettaglio ordine (orderdetailspopup) ****/
	
/***** Scadenze ****************************************************************************************************************/
	
.Update{margin-bottom:0;}
	/**** TabellaScadenze (deadlinestable) ****/
	.TabellaScadenze{}
		.TabellaScadenze tr{margin-bottom:60px;}
			.TabellaScadenze td{padding:9px 0;}
			.TabellaScadenze td:first-of-type {font-size:18px;}
				.TabellaScadenze td a {text-decoration:underline;}	
		/* Codice cliente */
		/* Nome/Ragione sociale */
		/* Numero documento */
		/* Data documento */
		/* Numero rata */
		/* Importo rata */
		/* Totale documento */
		/* Data scadenza */
	
/***** Nuovo ordine ************************************************************************************************************/
	
.OrderSettingsActions{width:100%;}
.OrderSettingsInfos{width:100%;}
	/**** Tab catalogo ****/
	/**** Tab backorders ****/
		/**** Tabella TabellaBackorders (backorderstable) ****/
		.TabellaBackorders{}
			.TabellaBackorders tr{margin-bottom:60px;}
				.TabellaBackorders td{padding:9px 0;}
				.TabellaBackorders td:nth-last-of-type(2){font-size:18px;font-weight:700;}
				.TabellaBackorders td:last-of-type{border-bottom:none;}
				.TabellaBackorders td:last-of-type .Button{width:100%;text-align:right;padding-top:9px;}
			/* Codice ordine + Nome + anteprima articolo */
			.TableArticleName{}
				.TableArticleName strong{display:block;} 
			/* Stock */
			/* Colore */
			/* Taglia */
			/* Prezzo unit. */
			/* Quantità */
			/* Subtotale */
			/* Bottoni */
		.TableButtonBox{padding-top:0;justify-content:center;}
	/**** Tab riepilogo ordine ****/
		/**** Tabella CartResumeTable (cartresumetable) ****/
		.CartResumeTable{}
		.CartResumeTable tr{display:flex;flex-wrap:wrap;margin-bottom:36px;}
			.CartResumeTable td{width:33.333333333%;align-items:flex-start;font-size:16px;padding:9px 0;}
			.CartResumeTable td:nth-of-type(2){width:100%;}
			.CartResumeTable td:nth-of-type(3){}
			.CartResumeTable td:nth-of-type(4){}
			.CartResumeTable td:nth-of-type(5){text-align:right;justify-content:flex-end;}
			.CartResumeTable td:nth-of-type(6){}
			.CartResumeTable td:nth-of-type(7){}
			.CartResumeTable td:nth-of-type(8){text-align:right;justify-content:flex-end;}
		/* Elimina */
		td.CRTItemRemove{width:100%;border-bottom:none;transform:translateY(60px)}
			a.ItemRemove{width:18px;}
			a.ItemRemove img{width:18px;}
		/* Nome + anteprima articolo */
		.CRTableItemName{width:100%;}
			.CRTableItemName span{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
			.CRTableItemName span:hover{cursor:inherit;}
				.CRTableItemName i{font-size:18px;font-weight:700;}
				.CRTableItemPreview{width:96px;box-shadow:none;border-radius:0;padding:0;position:inherit;left:inherit;display:block;}
					.CRTableItemPreview .ItemThumbImage a, .CRTableItemPreview .ItemThumbImage i{align-items:center;}
				.CRTableItemName .CRTableItemPreview{margin-bottom:0;padding:0;}
					.CRTableItemPreview .ItemThumbImage{margin-bottom:0;}
		/* Colore */
		/* Taglia */
		/* Codice prodotto */
		/* Prezzo unit. */
		/* Quantità */
		/* Subtotale */
	/* Variante ordine cambiato da aggiornamento back-end */
	/**** Box riassunto ordine parziale ****/
	.CartInfoText{width:60%;padding-right:18px;}
	.CartInfoAddToCart{width:40%;padding-left:18px;}
	/**** Box riassunto ordine totale ****/
	.CartResumeTableFooter{}
		.TableFooterImage{flex-basis:72px;align-self: flex-start;}
			.TableFooterImage a{display:inline-block;}
		.TableFooterInfo{align-items:stretch;}
			.TableFooterData{flex-grow:inherit;width:40%;border-right:1px dotted var(--customcolor1);padding-right:24px;}
			.TableFooterPrice{width:60%;padding-left:24px;}	
	
/***** Storico ordini **********************************************************************************************************/	
/***** Standard ****************************************************************************************************************/

}

/* Eccezioni dispositivi mobili verticali piccoli e orizzontali piccolissimi*/
@media all and (max-width: 767px) and (orientation: portrait),all and (max-width: 380px){
	
	
	
/********************************************************* Tipografia **********************************************************/


/*font-family: 'Barlow Condensed', sans-serif; 700/400 + i*/
/*font-family: 'Exo', sans-serif; 700/500/400 + i */
/*font-family: 'Roboto', sans-serif; 700/500/400 + i */

/********************************************************* Contenitori *********************************************************/

.Box{padding-right:15px;padding-left:15px;}		
	
/********************************************************* Tabelle *************************************************************/	
/********************************************************* Bottoni *************************************************************/
/********************************************************* Stylings ************************************************************/
/********************************************************* Componenti **********************************************************/
	
/**** Filo d'arianna ****/
/**** Bookmark ****/
i.BookmarkAlert{margin-top:4px;padding-left:0;}	
/**** Tabulatore (Tab) ****/
.TabsHolderBox{margin-top:15px;}
		.TabButton{width:50%;flex-grow:auto;border-left:none;font-size:12px;padding:15px 9px;}
		.TabButton:nth-of-type(2){border-top-right-radius:4px;}
		.TabButton:last-of-type{border-top-right-radius:0;}
		.TabButton:nth-of-type(2):last-of-type{border-top-right-radius:4px;}
	.TabContentBox{padding:15px;}	
/**** Filtri/cerca nella tabella ****/
.TableFilter{margin:9px 0 48px 0;}
	.TableFilter form{max-width:100%;}
		.TableFilter input[type="search"]{height:42px;width:calc(100% - 48px);min-width:inherit;background-color:var(--customcolor4);border:1px solid var(--grey);border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;}
		a.TableFilterButton{height:42px;width:48px;border-top-right-radius:21px;border-bottom-right-radius:21px;}
		a.TableFilterReset{margin:0;padding-top:18px;}
	.TableFilter form + .Button{width:100%;padding-top:36px;}
		.TableFilter form + .Button >*{width:100%;min-width:inherit;}	
/**** Impaginatore ****/	
/**** Index ****/
/**** AlertPannel ****/
	
/********************************************************* Form ****************************************************************/
/* Variante checkbox/radiobutton personalizzato */
/* Variante campo password visibile/non visibile */
/********************************************************* Master multibox *****************************************************/
/********************************************************* Caroselli ***********************************************************/
/**** Carosello classico ****/
.ClassicIkarus button.owl-prev {left:3px;}
.ClassicIkarus button.owl-next {right:3px;}
	
/*variante homepage*/
.WindowsFit .ClassicIkarus button.owl-prev span, .WindowsFit  .ClassicIkarus button.owl-next span{color:var(--customcolor1);}
	
	
/********************************************************* Fancybox ************************************************************/
.fancybox-slide.fancybox-slide--iframe.fancybox-slide--current.fancybox-slide--complete{padding-right:12px;padding-left:12px;}
	
	
/********************************************************* Intestazione utente/cliente (salesrepindex) *************************/
	
.SalesRepIndex{width:calc(100% + 30px);background-color:var(--customcolor1);border-radius:12px;border-top-right-radius:0;border-top-left-radius:0;margin-top:-36px;margin-right:-15px;margin-left:-15px;padding:12px 15px 6px 15px;}
	.SalesRepName, .SalesRepClientName{border-left-color:var(--typographylightcolor);}
		.SalesRepIndex h1, .SalesRepIndex h2, .SalesRepIndex h3, .SalesRepIndex h4{color:#ffffff;}
		.SalesRepIndex h1::after{background-color:var(--typographylightcolor);}
			.SalesRepActionBox{width:calc(100% + 4px);padding-top:18px;margin-right:-2px;margin-left:-2px;}	
				.SalesRepActionBox .Button{flex:1;min-width:20%;padding:0 2px;display:flex;flex-wrap:wrap;}
					.SalesRepActionBox .Button.Small>*{background-position:center 9px;background-size:24px;box-shadow:0px 0px 1px 0px rgba(255,255,255,0.15);font-size:11px;line-height:12px;padding-top:36px;padding-right:0;padding-left:0;}	
	
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------< Pagine >--------- */

/***** Login *******************************************************************************************************************/
/***** Login - recupera password ***********************************************************************************************/
/***** Homepage ****************************************************************************************************************/
	
section.WindowsFit{min-height:inherit;}
.QuickLinkItem .Frame{flex-direction:column;}
	.QuickLinkItem img{width:100%;margin-bottom:18px;}
	.QuickLinkData{width:100%;padding-left:0;}
		.QuickLinkItem h2{width:100%;}	
	
/***** Clienti *****************************************************************************************************************/
	
	/**** Tab elenco completo ****/
		/**** Tabella TabellaClienti (customerstable) ****/
			/* Stato/ Fiducia */
			/* Nome/Ragione sociale */
			/* Codice cliente */
			/* Indirizzo */
			/* CAP */
			/* Città */
			/* Provincia */
			/* Email */
			/* Link */
	/**** Tab clienti attivi ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab clienti bloccati ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Tab prospect ****/
		/**** Tabella TabellaClienti (customerstable) ****/
	/**** Popup nuovo prospect (newprospectpopup) ******************************************************************************/
	.NewProspectForm {padding:0;}
		.NewProspectForm fieldset {padding:24px 9px;}
	
/***** Scheda cliente/prospect *************************************************************************************************/
/***** Cataloghi ***************************************************************************************************************/
/***** Catalogo ****************************************************************************************************************/
	
	/**** Mainsearch (ricerca principale) ****/
	.Mainsearch input[type="search"]{/*width:100%;margin-bottom:1px;*/}
	.Mainsearch .CustomSelect{width:calc(100% - 43px);}
	/* Variante scheda articolo, con cliente selezionato */
	/*.NewOrderContent .Mainsearch input[type="search"]{width:100%;margin-bottom:1px;}
	.NewOrderContent .Mainsearch .CustomSelect{width:calc(100% - 43px);}*/
	
	/**** Menu laterale ****/
	.Aside{flex-basis:100%;order:2;}
	/**** Elenco prodotti ****/
	.Content{flex-basis:100%;padding-left:0;order:1;}
		.Content .Binder{column-gap:0;}
			.ItemThumb{width:100%;}
	
/***** Scheda articolo - cliente selezionato/non selezionato *******************************************************************/
	
.MainItem .Frame{padding:18px 15px;}
	.MainItemImage{width:100%;margin-bottom:18px;}
	.MainItemDescription{width:100%;padding-left:0;}
	.MainItemDescription .Button{width:100%;}
		.MainItemDescription .Button >*{min-width:inherit;width:100%;}
	.MainItemDownload{width:100%;column-gap:0;}
		.MainItemDownload .Button{width:100%;margin-bottom:6px;}
/* Variante scheda articolo, con cliente selezionato */
.NewOrderContent .Frame{padding:18px 0;}
	.NewOrderContent .MainItemImage{width:100%;}
	.NewOrderContent .MainItemDescription{width:100%;}
	/**** Tabella Completa (EnhancedTable) ****/
	.EnhancedTable{}	
			.TableLegendItem span{margin-bottom:6px;}
		.TableRefreshText{width:60%;padding-right:12px;}
		.TableRefreshForm{width:40%;}
			.TableRefreshForm .Button{margin-top:3px;}
				.TableRefreshForm .Button>*{padding-right:6px;padding-left:6px;}
		/*Checkbox*/
		/* Nome + anteprima articolo */
		.EnhancedTable td .CheckLabel span>i{width:calc(100% - 120px);}
		.CheckLabelPreview{width:108px;}
		/* Stock */
		/* Colore */
		/* Taglia */
		/* Codice */
		/* Prezzo unit. */
		/* Quantità */
		.TableQtySettingBox{width:100%;}
			a.TableQtyDel{height:21px;width:21px;margin-right:6px;padding:1px;}
			.TableQtySettingBox .Form{width:48px;}
			.TableQtyHandling a{height:21px;width:21px;margin-right:0;margin-left:12px;}
		/* Nuovi arrivi */
		/* Subtotale */
		/* Varianti stile al cambio di stato */
	/**** Box aggiungi al carrello ****/
	.AddToCartPanel{flex-basis:100%;}
		.AddToCartPanel table tr:last-of-type td:last-child{font-size:20px;}
.NewOrderContent .AddToCartBox .Frame{padding:18px;}
	
/***** Ordini ******************************************************************************************************************/
	
	/**** Tab ordini aperti ****/
		/**** TabellaOrdiniAperti ****/
			/* Numero ordine */
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			/* Bottoni */
			.TableButton{text-align:right;}
				.TableButton .Button{display:flex;flex-wrap:wrap;flex-grow:1;}
					.TableButton .Button>*{min-width:inherit;width:100%;}		
		/**** TabellaOrdiniInviati  (sendedorderstable) ****/
			/* Numero ordine */
			/* Nome/Ragione sociale */
			/* Codice */
			/* Data ordine */
			/* Totale ordine */
			/* Bottoni */
		/**** Popup dettaglio ordine (orderdetailspopup) ****/
		.Box.OrderdetailPopup .Frame{padding:6px 0;}
		.Box.OrderdetailPopup .Frame.AddToCartPanel{padding:6px 12px;}
			.Box.OrderdetailPopup .TableFooterInfo{font-size:14px;}	
				.Box.OrderdetailPopup .TableFooterPrice div span:nth-of-type(1){width:40%;}	
				.Box.OrderdetailPopup .TableFooterPrice div span:nth-of-type(2){width:60%;}	
				.Box.OrderdetailPopup .TableFooterPrice div:last-of-type strong{font-size:15px;}
	/**** Tab ordini inviati ****/
		/**** TabellaOrdiniInviati ****/
	
/***** Scadenze ****************************************************************************************************************/
	/**** TabellaScadenze (deadlinestable) ****/
		/* Codice cliente */
		/* Nome/Ragione sociale */
		/* Numero documento */
		/* Data documento */
		/* Numero rata */
		/* Importo rata */
		/* Totale documento */
		/* Data scadenza */
/***** Nuovo ordine ************************************************************************************************************/
	.Box.OrderResumeBox{padding-right:3px;padding-left:3px;}	
	.OrderSettingsActions{padding:12px 0;}
		.NewOrderSettings ul{list-style-position:outside;margin-left:15px;}
			.NewOrderSettings small{width:100%;display:block;}
	.OrderSettingsInfos{padding:12px 0;}
	/**** Tab catalogo ****/
	/**** Tab backorders ****/
		/**** Tabella TabellaBackorders (backorderstable) ****/
			.TabellaBackorders td:last-of-type .Button{display:flex;flex-wrap:wrap;flex-grow:1;text-align:center;}
				.TabellaBackorders td:last-of-type .Button>*{min-width:inherit;width:100%;}
			/* Codice ordine + Nome + anteprima articolo */
			/* Stock */
			/* Colore */
			/* Taglia */
			/* Prezzo unit. */
			/* Quantità */
			/* Subtotale */
			/* Bottoni */
	/**** Tab riepilogo ordine ****/
		/**** Tabella CartResumeTable (cartresumetable) ****/
		.CartResumeTable{padding:12px;}
			.CartResumeTable tr{margin-bottom:60px;}
			.CartResumeTable tr:first-of-type{display:none;}
				.CartResumeTable td{width:50%;align-items:flex-start;font-size:16px;padding:9px 0;}
				.CartResumeTable td:nth-of-type(2){width:100%;}
				.CartResumeTable td:nth-of-type(3){width:50%;}
				.CartResumeTable td:nth-of-type(4){width:50%;text-align:right;justify-content:flex-end;}
				.CartResumeTable td:nth-of-type(5){width:100%;text-align:left;justify-content:flex-start;}
				.CartResumeTable td:nth-of-type(6){width:50%;text-align:left;justify-content:flex-start;}
				.CartResumeTable td:nth-of-type(7){width:50%;text-align:right;justify-content:flex-end;}
				.CartResumeTable td:nth-of-type(8){width:100%;text-align:right;justify-content:flex-end;}
		/* Elimina */
		td.CRTItemRemove{width:100%;transform:translateY(0)}
			a.ItemRemove{width:18px;}
			a.ItemRemove img{width:18px;}
		/* Nome + anteprima articolo */
		.CRTableItemName{width:100%;}
			.CRTableItemName span>i{width:calc(100% - 108px);}
			.CRTableItemPreview{width:96px;}
				.CRTableItemName .CRTableItemPreview{margin-bottom:0;padding:0;}
					.CRTableItemPreview .ItemThumbImage{margin-bottom:0;}
		/* Colore */
		/* Taglia */
		/* Codice prodotto */
		/* Prezzo unit. */
		/* Quantità */
		/* Subtotale */
		.CRTSubtotal span, .CRTSubtotal ins{font-size:18px;font-weight:700;} 
	/* Variante ordine cambiato da aggiornamento back-end */
	/**** Box riassunto ordine parziale ****/
	.OrderResumeBox .Frame{margin-bottom:24px;}	
		.CartInfoText{width:100%;border-right:none;padding:15px;}
		.CartInfoAddToCart{width:100%;padding:15px;}
			.CartInfoAddToCart td:last-of-type{}
	/**** Box riassunto ordine totale ****/
	.CartResumeTableFooter{padding:12px;}
		.TableFooterImage{flex-basis:100%;margin-bottom:12px;}
			.TableFooterImage a{width:72px;}
		.TableFooterInfo{flex-basis:100%;padding-left:0;}
			.TableFooterData{width:100%;border-right:none;border-bottom:1px dotted var(--customcolor1);margin-bottom:18px;padding-right:0;padding-bottom:18px;}
			.TableFooterPrice{width:100%;padding-left:0;}
		.TableFooterPrice div:last-of-type strong{font-size:17px;}
	
/***** Storico ordini **********************************************************************************************************/	
/***** Standard ****************************************************************************************************************/
	
.DxImage .WidgetImage, .SxImage .WidgetImage{flex-basis:100%;}
.DxImage .WidgetText, .SxImage .WidgetText{flex-basis:100%;}
.DxImage .WidgetImage, .SxImage .WidgetText{padding-left:0;}
.DxImage .WidgetText, .SxImage .WidgetImage{padding-right:0;}
.DxImage .WidgetImage{order:1;}
.DxImage .WidgetText{order:2;}
.WidgetImage{margin-bottom:12px;}
	
    	
}



/* Regole per dispositivi Retina | */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

 

}


.mySpacing{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}

.ml-2{
	margin-left: 15px !important;
}
.mt-2{
	margin-top: 35px !important;
}

.m-3{
	margin-top: 15px !important;
	margin-right: 15px !important;
	margin-bottom: 15px !important;
}

a.TableMoreFilterButton{height:30px;width:48px;background-color:var(--customcolor2);text-decoration:none; border-radius: 15px; display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
a.TableMoreFilterButton::after{height:4px;width:4px;border-right:2px solid var(--customcolor1);border-bottom:2px solid var(--customcolor1);content:"";margin-right:4px;display:inline-block;vertical-align:middle; transform:rotate(-45deg);}