@charset "utf-8";
/*Regole Generali*/
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
html, body {height:100%;width:100%;}
body{background-color:#ffffff;font-family:'Open Sans', sans-serif;font-size:14px;color:#5a6069;line-height:normal;}
input {outline:none;}
textarea {resize:none;}
img{width:100%;border:0;display:block;}
table img{width:auto;}
a{color:#111111;}
a:hover{color:#e10712;}


/*
font-family: 'Open Sans', sans-serif; 400,600
font-family: 'Titillium Web', sans-serif; 300,400,600,700*/


/*Headings*/
h1,h2,h3,h4, h5{font-family: 'Titillium Web', sans-serif;color:#252525;text-rendering:optimizeLegibility;text-transform:uppercase;}
h1{font-size:40px;font-weight:600;letter-spacing:-0.3px;line-height:46px;text-transform:uppercase;margin-top:0;margin-bottom:24px;}
h2{font-size:38px;font-weight:700;letter-spacing:-0.3px;line-height:40px;text-transform:uppercase;margin-top:0;margin-bottom:18px;}
h3{font-size:28px;font-weight:700;letter-spacing:-0.3px;line-height:30px;text-transform:uppercase;margin-top:0;margin-bottom:12px;}
h4{font-size:20px;font-weight:600;letter-spacing:inherit;line-height:22px;text-transform:uppercase;margin-top:0;margin-bottom:9px;}
h5{font-size:15px;font-weight:600;letter-spacing:-0.3px;line-height:30px;text-transform:uppercase;margin-top:0;margin-bottom:12px;}
h6{font-weight:400;}




/********************************************************* Bottoni *************************************************************/
.Button{}
button, .Button{display:inline-block;}
button, .Button >*{min-width:186px;background-color:#e10712;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;box-shadow:1px 1px 5px -2px rgba(0,0,0,0.30);font-family:'Open Sans', sans-serif;font-size:13px;font-weight:600;color:#ffffff;line-height:18px;padding-top:9px;padding-right:15px;padding-bottom:9px;padding-left:15px;text-align:center;text-decoration:none;display:inline-block;transition-property:all;transition-duration:0.4s;}
button.Small, .Button.Small >*{min-width:102px;font-size:13px;line-height:16px;padding-top:9px;padding-right:12px;padding-bottom:9px;padding-left:12px;}
button.ExtraSmall, .Button.ExtraSmall >*{min-width:72px;font-size:12px;line-height:16px;padding-top:6px;padding-right:9px;padding-bottom:6px;padding-left:9px;}


button.Stroked, .Button.Stroked >*, .TwinButtons button:nth-child(1), .TwinButtons .Button:nth-child(1)>*{background-color:#ffffff;border-color:#777777;color:#333333;}
button:hover, .Button:hover >*, .TwinButtons button:nth-child(1):hover, .TwinButtons .Button:nth-child(1)>*:hover{background-color:#f91e33;border-color:#f91e33;color:#ffffff;text-decoration:none;cursor:pointer;}

.TwinButtons{margin-right:-6px;margin-left:-6px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
.TwinButtons button, .TwinButtons .Button{margin-right:6px;margin-left:6px;}

.TwinButtons.Min{margin-right:-3px;margin-left:-3px;}
.TwinButtons.Min button, .TwinButtons .Button{margin-right:3px;margin-left:3px;}



button.CustomColor, .Button.CustomColor >*{background-color:#111111;border-color:#111111;color:#ffffff;}
button.CustomColor2, .Button.CustomColor2 >*{background-color:#5da400;border-color:#5da400;color:#ffffff;}
button.CustomColor2:hover, .Button.CustomColor2:hover >*{background-color:#6bb30d;border-color:#6bb30d;}

button.Iconed, .Button.Iconed >*{background-repeat:no-repeat;background-position:right 12px center;background-size:12px;text-align:left;padding-right:33px;padding-left:12px;}
button.Iconed:hover, .Button.Iconed:hover >*{background-color:#ffffff;border-color:#f91e33;color:#333333;}
button.Iconed.Toggled, .Button.Iconed.Toggled>*{background-image:url('../images/ToggleOpenIconArrow.png');}



/*Bookmark*/
.Bookmark{border-left:2px solid #d7d7d7;font-family: 'Titillium Web', sans-serif;font-size:16px;font-weight:600;color:#252525;text-rendering:optimizeLegibility;text-transform:uppercase;margin-bottom:24px;padding-top:3px;padding-bottom:3px;padding-left:18px;}

.Bookmark i{font-weight:400;font-style:normal;color:#f6842a;}

.Bookmark.Linked{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.Bookmark.Linked .Button>*{text-transform:none;}

.WhiteSpace{height:24px;}
.WhiteSpace.Stroked{height:inherit;border-bottom:1px solid #d7d7d7;margin-bottom:36px;padding-top:30px;}



/*****  Header  *****/
.Header{border-bottom:1px solid #e10712;}
    .Header .BoxWide{padding-top:18px;padding-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
    	.Logo{flex-basis:200px;}
		    .Logo a{display:block;}
        .MainMenuHolder{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;position:relative;}
            .MainMenuButton{margin-right:12px;margin-left:12px;}
            .MainMenuButton, .MainMenuButton a, .LoggedMenuOMainMenuButtonpenButton a img{height:15px;width:21px;}
                .MainMenuButton a{background-image:url('../images/LoggedMenuOpenButton.png');background-repeat:no-repeat;background-position:center top;background-size:21px;background-color:#ffffff;display:block;}
                .MainMenuButton a:hover{background-position:center bottom;}
            .MainMenu{width:240px;background-color:#ffffff;border-top:1px solid #222222;box-shadow:2px 2px 12px -6px rgba(0,0,0,0.30);position:absolute;top:57px;right:0;z-index:2;display:none;}
            .mainmenu .MainMenu{display:block;}
                .MainMenu ul{list-style-type:none;list-style-position:inside;}
                    .MainMenu ul li a, .MainMenu ul li span{border-bottom:1px solid #d7d7d7;font-size:13px;font-weight:600;letter-spacing:0.15px;text-decoration:none;line-height:24px;padding-top:9px;padding-right:36px;padding-bottom:9px;padding-left:12px;display:block;transition-property:all;transition-duration:0.4s;}
                        .MainMenu ul li a{color:#222222;}
                        .MainMenu ul li span{color:#999999;}
                        .MainMenu ul li a:hover{background-color:#eeeeee;border-color:#cccccc;color:#111111;}
		    .PersonalPin{height:36px;width:36px;background-color:#e10712;border-radius:50%;font-size:15px;font-weight:600;color:#ffffff;line-height:34px;text-align:center;text-transform:uppercase;}
/***** Section *****/
.Section{background-color:#ffffff;padding-top:36px;padding-bottom:36px;}
.Section:last-of-type{padding-bottom:120px;}
.Section.WhiteSnow{background-color:#fbfbfb;}
.Section.WhiteSmoke{background-color:#f7f7f7;}
.Section.WhiteDust{background-color:#eaeaea;}
.Section.Arianna{background-color:#e10712;box-shadow:0 2px 6px -4px rgba(0,0,0,0.60) inset;padding-top:15px;padding-bottom:15px;}
.Section.Arianna .BoxWide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
	.AriannaHolder{font-family: 'Titillium Web', sans-serif;font-size:13px;font-weight:600;color:#ffffff;letter-spacing:1px;text-transform:uppercase;}
		a.AriannaLink{color:#fefefe;text-decoration:none;}
		a.AriannaLink:hover{color:#ffffff;text-decoration:none;}
		span.AriannaVoce{}
		.AriannaSeparatore{border-right:1px solid rgba(255,255,255,0.60);margin-right:6px;padding-left:6px;}
	.TheDay{background-image:url('../images/CalendarIcon.png');background-repeat:no-repeat;background-position:left center;background-size:18px;font-size:14px;font-weight:600;color:#ffffff;padding-left:24px;}

/**** Login Page ***********************************************************************************************************************/
body.LoginPage{background-image:url('../images/LoginBackgroundImage.png');background-color:#d4d4d4;background-repeat:no-repeat;background-position:left center;background-size:cover;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.LoginLogo{width:200px;position:absolute;left:48px;top:48px;z-index:1;}
.Login{flex-basis:30%;background-color:rgba(255,255,255,0.75);box-shadow:2px 2px 12px -6px rgba(0,0,0,0.10);border-radius:6px;text-align:center;padding-top:36px;padding-right:36px;padding-bottom:48px;padding-left:36px;}
.RecoverOpenButton{font-size:13px;}
.RecoverOpenButton a{transition-property:all;transition-duration:0.4s;}
.Powered{position:absolute;right:24px;bottom:18px;z-index:1;}
    .Powered span{background-image:url('../images/KairosIcon.png');background-repeat:no-repeat;background-position:right center;background-size:24px;font-size:13px;color:#444444;padding-top:6px;padding-right:30px;padding-bottom:6px;display:inline-block;}

/**** Homepage *************************************************************************************************************************/
.QuickLinksHolder{margin:0 -9px;display:flex;flex-wrap:wrap;justify-content:left;}
    .QuickLink{width:calc(16.6666666666% - 18px);background-color:#ffffff;border:2px solid #dddddd;border-radius:6px;margin-right:9px;margin-left:9px;}
        .QuickLink a{box-shadow:2px 2px 12px -6px rgba(0,0,0,0.40);text-align:center;text-decoration:none;padding:12px;display:block;position:relative;transition-property:all;transition-duration:0.3s;}
        .QuickLink a:hover{box-shadow:2px 2px 12px -1px rgba(0,0,0,0.40);}
            .QuickLinkImage{width:54px;margin-top:9px;margin-right:auto;margin-bottom:9px;margin-left:auto;}
            .QuickLinkText{font-family: 'Titillium Web', sans-serif;font-size:14px;font-weight:600;color:#252525;}
                .QuickLinkText span{min-height:24px;min-width:24px;background-color:#e10712;border-radius:50%;font-family:'Open Sans', sans-serif;font-size:13px;font-weight:600;color:#ffffff;letter-spacing:-0.5px;text-align:center;position:absolute;right:6px;top:6px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;z-index:1;}
    /*Varianti aggiungi nuovo*/
    .QuickLink.AddNew{background-color:#eeeeee;border:4px dashed #dddddd;transition-property:all;transition-duration:0.3s;}
    .QuickLink.AddNew:hover{box-shadow:2px 2px 12px -1px rgba(0,0,0,0.40);}
        .QuickLink.AddNew a{height:100%;box-shadow:none;display:flex;flex-wrap: wrap;align-items:center;justify-content:center;transition-property:all;transition-duration:0.3s;}
        .QuickLink.AddNew a:hover{background-color:#ffffff;color:#e10712;}
        .QuickLink.AddNew a i{display:block;font-size:14px;font-style:normal;font-weight:600;color:#888888;}
            .QuickLink.AddNew a i::before{content:"+";font-size:48px;color:#cccccc;display:block;transition-property:all;transition-duration:0.3s;}
            .QuickLink.AddNew a:hover i::before{color:#e10712;}

/*Filtri*/
.Filter{background-color:#f1f1f1;border-radius:6px;margin-bottom:30px;padding:0px 30px;}
.Filter .TwinButtons{border-left:1px solid #d7d7d7;margin-top:15px;padding-top:3px;padding-bottom:3px;padding-left:12px;}


/**** Interventi ***********************************************************************************************************************/
.Counter{counter-reset:interventi;}

/*Registro-interventi*/
.RegistroInterventi{border:1px solid #e5e5e5;box-shadow:0px 1px 8px -6px rgba(0,0,0,0.40);border-top-right-radius:3px;border-bottom-right-radius:3px;font-size:13px;margin-top:11px;margin-bottom:1px;margin-left:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;}
    .RegistroInterventi::before{height:calc(100% + 2px);width:24px;background-color:#cdcdcd;border-top-left-radius:3px;border-bottom-left-radius:3px;font-size:14px;font-weight:600;color:#ffffff;counter-increment:interventi; content:""counter(interventi)"";display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;left:-24px;}
    .BoxWide.AperturaDettagli .RegistroInterventi::before, .BoxWide.AperturaGestione .RegistroInterventi::before{background-color:#e10712;}
    .BoxWide.ChiusuraDettagli,.BoxWide.ChiusuraGestione{}
        
    .TabellaRegistro{flex-grow:1;}/*Viene utilizzata in Homepage, Interventi e Storico interventi*/
        td.TRCod{width:13%;}
        td.TREff{width:13%;}
        td.TRTip{width:13%;}
        td.TRRic{width:21%;}
        td.TRSit{width:27%;}
        td.TRSta{width:13%;}
            .TRIndex{font-weight:600;padding:9px 12px;}
            .TRIndex.Bordered{background-color:#f5f5f5;border-left:2px solid #e10712;border-right:1px solid #d7d7d7;}
                .TRIndex div:nth-of-type(1){font-size:10px;color:#888888;text-transform:uppercase;}
                .TRIndex div:nth-of-type(2){color:#252525;}
                a.InfoPopUpOpen{height:20px;width:20px;border:1px solid #999999;border-radius:50%;color:#666666;text-align:center;text-decoration:none;display:inline-block;transition-duration:0.3s;}
                a.InfoPopUpOpen:hover{border-color:#e10712;color:#e10712;}
                

    .RegistroInterventi .ToggleButton:last-of-type{margin-right:12px;margin-left:3px;}
    .RegistroInterventi .ToggleButton .Button.Open.Iconed.Toggled{}
    .RegistroInterventi .ToggleButton .Button.Close.Iconed.Toggled>*{background-image:url('../images/ToggleCloseWhiteIconArrow2.png');background-color:#e10712;border-color:#e10712;color:#ffffff;}
/*Pannelli (Dettagli/Checklist - Gestione)*/
.PannelloDettagli, .PannelloGestione{background-color:#f1f1f1;box-shadow:0 0 12px -3px rgba(0,0,0,0.10) inset;border-radius:3px;font-size:13px;margin-top:6px;padding:18px 12px;position:relative;margin-bottom:72px;}
.PannelloDettagli::before, .PannelloGestione::before{height:0;width:0;border-top:12px solid #ffffff;border-right:12px solid transparent;border-left:12px solid transparent;content:"";position:absolute;top:0;left:13px;display:block;}
.AperturaDettagli.ChiusuraDettagli .PannelloDettagli{/*margin-bottom:0;background-color:red;*/}

    .BoxTabellaDettaglio{display:flex;flex-wrap:wrap;justify-content:space-between;}
        .BoxTabellaDettaglio>div{flex-basis:100%;border-left:1px dotted #666666;margin-left:12px;padding-left:6px;}
            .GlobalTableCheck{border-right:2px solid #e10712;margin-bottom:6px;padding:6px 12px 6px 0;}
            .RepeaterTabellaDettaglio{width:100%;background-color:#ffffff;border-right:1px solid #dddddd;box-shadow:0 0 4px -2px rgba(0,0,0,0.25);margin-top:9px;padding:9px 12px;display:flex;flex-wrap:wrap;align-items:center;position:relative;}
            .RepeaterTabellaDettaglio::before{height:calc(100%);width:18px;background-color:#aaaaaa;border-top-left-radius:3px;border-bottom-left-radius:3px;font-weight:600;color:#ffffff;counter-increment:interventi; content:""counter(interventi)"";display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;left:-18px;}
            .RepeaterTabellaDettaglio.PannelloOpen::before{background-color:#e10712;}
            .TabellaDettaglio{flex-grow:1;}
                .TabellaDettaglio td{border-right:1px solid #d7d7d7;}
                    td.TDRep{width:13%;}
                    td.TDCom{width:13%;}
                    td.TDEnt{width:13%;}
                    td.TDAtt{width:16%;}
                    td.TDNot{width:45%;}
                        .TabellaDettaglio .TRIndex{padding:0 9px;}
                        .TabellaDettaglio .TRIndex div:nth-of-type(1){color:#252525;}
                        .TabellaDettaglio .TRIndex div:nth-of-type(2){font-weight:400;color:#5a6069;}
            .PannelloDettagli .ToggleButton, .PannelloGestione .ToggleButton{margin-top:14px;padding-right:12px;padding-left:12px;}
            .PannelloDettagli .ToggleButton .Operazioni.Close.Button.Iconed.Toggled>*, .PannelloGestione .ToggleButton .Operazioni.Close.Button.Iconed.Toggled>*{background-image:url('../images/ToggleCloseWhiteIconArrow2.png');background-color:#333333;border-color:#333333;color:#ffffff;}
            /*Variante storico interventi*/
            .PannelloDettagli.StoricoInterventi .ToggleButton, .PannelloGestione.StoricoInterventi .ToggleButton{margin-top:0;padding-right:0;}
            .CheckTabellaDettaglio{/*border-left:1px solid #d7d7d7;*/margin-top:9px;padding-top:6px;padding-right:19px;padding-bottom:6px;padding-left:12px;}
            .CheckTabellaDettaglio .FormBox50{margin-bottom: 0;}
            /*Tab Operazioni/Ricambi*/
            .PannelloDettagli .TabOperazioneRicambi{border:1px solid #dddddd;margin-bottom:60px;}
            .TabOperazioneRicambi{width:100%;}
            .RepeaterTabellaDettaglio:nth-last-of-type(2) + .TabOperazioneRicambi{margin-bottom:0;}
                .TabButtonBox, .TabContentBox{background-color:#e2e2e2;padding-right:18px;padding-left:18px;}
                    .TabButtonBox{padding-top:18px;display:flex;flex-wrap:wrap;justify-content:flex-start;}
                        .TabButton{background-color:#ececec;border:1px solid #cccccc;border-bottom:none;font-size:12px;font-weight:600;color:#252525;margin-right:1px;padding:5px 15px;cursor:pointer;transition-property:all;transition-duration:0.4s;position:relative;}
                        .TabButton:first-of-type{border-top-left-radius:6px;}
                        .TabButton:last-of-type{border-top-right-radius:6px;}
                        .TabButton.SelectedItem, .TabButton:hover{background-color:#ffffff;}
                            .TabButton::after{height:0;width:0;background-color:transparent;content:"";display:block;position:absolute;bottom:-1px;left:0;transition-property:all;transition-duration:0.3s;}
                            .TabButton.SelectedItem::after{height:1px;width:100%;background-color:#ffffff;}
                    .TabContentBox{padding-bottom:18px;}
                        .TabContent{background-color:#ffffff;border:1px solid #cccccc;padding:12px;}

                            .TabellaOperazioniRicambi{font-size:12px;padding:9px 3px;}
                                .TabellaOperazioniRicambi th, .TabellaOperazioniRicambi td{border-left:1px solid #e6e6e6;text-align:left;padding-right:12px;padding-left:12px;}
                                .TabellaOperazioniRicambi th:first-of-type, .TabellaOperazioniRicambi td:first-of-type{border-left:none;padding-left:0;}
                                .TabellaOperazioniRicambi th:last-of-type, .TabellaOperazioniRicambi td:last-of-type{padding-right:0;}
                                .TabellaOperazioniRicambi th{font-weight:600;color:#252525;padding-top:6px;padding-bottom:6px;}
                                .TabellaOperazioniRicambi td{border-top:1px solid #d7d7d7;padding-top:9px;padding-bottom:9px;}
                                    .TabellaOperazioniRicambi td>span{display:none;}
                                        .TabellaOperazioniRicambi td.TORDes{}
                                        .TabellaOperazioniRicambi td.TORNot{}
                                        .TabellaOperazioniRicambi td.TORQty {width:170px;}
                                        .TabellaOperazioniRicambi td.TORSel {width:348px;}
                                        .TabellaOperazioniRicambi td.TORChe {width:96px;}

                                        .TabellaOperazioniRicambi th.TOREff, .TabellaOperazioniRicambi td.TOREff {text-align:right;}
                                        .TabellaOperazioniRicambi th.TORImp, .TabellaOperazioniRicambi td.TORImp {text-align:right;}
                                        .TabellaOperazioniRicambi th.TORTot, .TabellaOperazioniRicambi td.TORTot {text-align:right;}
                                        .TabellaOperazioniRicambi th.TORCon, .TabellaOperazioniRicambi td.TORCon {text-align:right;}

                                        .Total{}
                                        .Total span{font-size:13px;margin-right:4px;}
                                        .Total strong{font-size:14px;color:#252525;}
                                                td.TORQty .FormBoxWide.QIInput{width:56px;flex-basis:56px;}
                                                    td.TORQty .FormBoxWide.QIInput input[type="text"]{width:44px;padding-right:6px;padding-left:6px;}
                                                    .RefreshLineButton{margin-left:18px;}
                                                        .RefreshLineButton a{background-image:url('../images/RefreshIcon.png');background-repeat:no-repeat;background-position:right center;background-size:16px;font-size:10px;font-weight:600;color:#333333;line-height:16px;text-decoration:none;text-transform:uppercase;padding-right:24px;display:block;transition-property:all;transition-duration:0.3s;}
                                                        .RefreshLineButton a:hover{color:#e10712;}
                                                td.TORChe i{font-style:normal;color:#e10712;display:block;}
                                                    td.TORChe i.CheckIcon img{height:24px;width:24px;}
                        .AddNewRow{width:100%;padding-top:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
                            .AddNewRow .Button>*{background-image:url('../images/AddIcon.png');background-repeat:no-repeat;background-position:left 12px center;background-size:12px;border-color:#cccccc;border-radius:3px;font-size:12px;color:#666666;}
                            .AddNewRow .Button>*:hover{background-color:#ffffff;border-color:#6bb30d;color:#252525;}
                        .DetailSendingBox{flex-basis:100%;background-color:#ffffff;border-top:1px solid #d7d7d7;box-sizing:border-box;padding-top:24px;padding-right:12px;padding-bottom:24px;padding-left:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
                            .DetailSendingBox a{min-width:185px;background-color:#e10712;box-shadow:2px 2px 12px -6px rgba(0,0,0,0.40);border-radius:3px;font-size:13px;font-weight:600;color:#ffffff;line-height:18px;text-align:center;text-decoration:none;padding:9px 12px;display:block;transition-property:all;transition-duration:0.3s;}
                            .DetailSendingBox a:hover{background-color:#ed424b;}



/**** Scadenzario **********************************************************************************************************************/

/*Tabelle*/
.TabellaGenerale{font-size:13px;margin-bottom:12px;background-color:#ffffff;}
.TabellaGenerale th, .TabellaGenerale td{border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;padding-top:9px;padding-right:12px;padding-bottom:9px;padding-left:12px;text-align:left;} 
.TabellaGenerale tr:first-of-type th{border-top:1px solid #d7d7d7;} 
.TabellaGenerale th:first-of-type, .TabellaGenerale td:first-of-type{border-left:1px solid #d7d7d7;}
.TabellaGenerale th{font-size:11px;font-weight:600;color:#252525;text-transform:uppercase;}


.TabellaGenerale th:nth-of-type(even){background-color:#f4f4f4;} 
.TabellaGenerale td:nth-of-type(even){background-color:#fafafa;}
.TabellaGenerale tr:nth-of-type(odd) td:nth-of-type(even){background-color:#fefefe;}
.TabellaGenerale th.InProgress, .TabellaGenerale td.InProgress {text-align:right;} 
.TabellaGenerale td.InProgress{color:#f6842a;} 


.ResponsiveTable td.Closed{color:#64bb34;} 
.ResponsiveTable td.Opened{color:#3477bb;} 


.ResponsiveTable td a{text-decoration:none;} 

span.Check, span.NoCheck{height:24px;width:24px;background-repeat:no-repeat;background-position:center center;background-size:24px;margin-right:auto;margin-left:auto;display:block;}
span.Check{background-image:url('../images/CheckIcon.png');} 
span.NoCheck{background-image:url('../images/NoCheckIcon.png');} 
a.More{width:100%;background-image:url('../images/MenuArrowBlack.png');background-repeat:no-repeat;background-position:right center;background-size:7px;box-sizing:border-box;text-decoration:none;padding-top:3px;padding-right:18px;padding-bottom:3px;display:block;}

a.Download{background-image:url('../images/DownloadIcon.png');background-repeat:no-repeat;background-position:left center;background-size:18px;font-size:13px;color:#e10712;text-decoration:none;padding-left:24px;display:block;}
span.Checked{background-image:url('../images/CheckIcon.png');background-repeat:no-repeat;background-position:right center;background-size:24px;padding-right:30px;display:block;}


/*Filtri Tabelle*/
.TableFilterName{display:block;}
.TableFilter{font-size:10px;font-weight:400;text-transform:none;padding-top:6px;}


/**** Entità ***************************************************************************************************************************/
/*** Scheda entità ***/
.MainDataBox{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;}
    .MainDataImage{flex-basis:240px;border:1px solid #d7d7d7;box-sizing:border-box;padding:12px;}
        .MainDataImage span{height:0;width:100%;padding-bottom:100%;overflow:hidden;position:relative;display:block;}
            .MainDataImage 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;}
                .MainDataImage img{height:auto;max-height:100%;width:auto;max-width:100%;}

    .MainDataInfo{flex-basis:calc(100% - 240px);box-sizing:border-box;padding-left:24px;display:flex;flex-wrap:wrap;}
        .MainDataInfo ul{flex-basis:50%;box-sizing:border-box;list-style-type:none;list-style-position:inside;padding-right:24px;padding-left:24px;}
            .MainDataInfo ul li{border-bottom:1px dotted #999999;padding-top:12px;padding-bottom:12px;}
            .MainDataInfo ul li:last-of-type{border-bottom:none;padding-bottom:0;}
            .MainDataInfo ul span{font-size:10px;font-weight:600;color:#252525;text-transform:uppercase;margin-bottom:3px;display:block;}


/**** Contratti ************************************************************************************************************************/
.IndexTable{border-bottom:1px dotted #999999;font-size:14px;padding-top:12px;padding-bottom:24px;}
.IndexTable th{border-left:2px solid #d7d7d7;font-size:11px;font-weight:600;color:#252525;text-align:left;text-transform:uppercase;adding-top:6px;padding-right:12px;padding-bottom:3px;padding-left:24px;}
.IndexTable td{border-left:2px solid #d7d7d7;padding-right:12px;padding-bottom:6px;padding-left:24px;text-align:left;} 
.ResponsiveTable tr:first-of-type th{border-top:1px solid #d7d7d7;} 

.DataTab{background-color:#f5f5f5;border:1px solid #d7d7d7;margin-bottom:24px;}
    .DataTab h3{font-size:14px;letter-spacing:normal;margin-top:9px;margin-bottom:18px;}


.DataTab .TabButtonBox, .DataTab .TabContentBox{background-color:#f5f5f5;}
/*
        .DataTab .TabButtonBox{display:flex;flex-wrap:wrap;justify-content:flex-start;}
            .DataTab .TabButton{background-color:#ffffff;border:1px solid #cccccc;border-bottom:none;font-size:13px;font-weight:600;color:#252525;margin-right:1px;padding:9px 18px;cursor:pointer;transition-property:all;transition-duration:0.4s;}
            .DataTab .TabButton:hover, .DataTab .TabButton.SelectedItem{background-color:#999999;border:1px solid #999999;border-bottom:none;color:#ffffff;}
            .DataTab .TabButton:first-of-type{border-top-left-radius:6px;}
            .DataTab .TabButton:last-of-type{border-top-right-radius:6px;}
        .DataTab .TabContentBox{background-color:#ffffff;border:1px solid #eeeeee;border-top:1px solid #cccccc;padding:18px;}
        .DataTab .TabContent{}*/

/**** Profilo/account ******************************************************************************************************************/
.FormResumeData{border-bottom:1px solid #c9c9c9;padding-bottom:9px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
    .FormResumeData div:nth-of-type(1){box-sizing:border-box;font-weight:600;color:#252525;padding-right:12px;}
    .FormResumeData div:nth-of-type(2){}
/*
Sito = Sede di Montopoli;   Unità = Magazzino spedizioni (oppure Palazzina Uffici);   Entità = Cella Frigorifera (oppure Estintore)    >>>  Sede + Unità indicano una ubicazione della Entità che è l'elemento su cui si fa l'attività di manutenzione.
*/

/**** Popup  ****/
.PopUpBox{padding:30px 36px;}
    .PopUpTitle{border-bottom:1px solid #c9c9c9;font-size:13px;font-weight:600;color:#252525;text-transform:uppercase;margin-bottom:24px;padding-bottom:9px;}
    .PopUpTitle.Iconed::before{height:30px;width:30px;background-size:30px;background-repeat:no-repeat;background-position:center center;content:"";margin-top:-3px;margin-right:12px;display:inline-block;vertical-align:middle;}
    .PopUpTitle.Note::before{background-image:url('../images/Note.png');}
    .PopUpTitle.AddNote::before{background-image:url('../images/AddNote.png');}
    .PopUpTitle.AddSpare::before{background-image:url('../images/AddSpare.png');}
    .PopUpDivider{height:3px;border-bottom:1px solid #c9c9c9;margin-bottom:12px;}
    .PopUpContent{}
        .PopUpContent p{font-size:14px;line-height:1.7em;}
.PopUpFooter{background-color:#f5f5f5;border-radius:6px;padding:18px 12px;}
.PopUpFooter .Button{width:100%;text-align:center;margin-right:auto;margin-left:auto;}

.NoteAssegnazione{padding:36px;}
.NoteAssegnazione h1{font-size:18px;line-height:inherit;margin-bottom:12px;}



.Alert{border-radius:4px;padding:24px;}
.Alert.Good{background-color:#f5f5f5;border:1px solid #d7d7d7;}
.Alert.Bad{background-color:#f9dcdd;border:1px solid #e76163;}
    .AlertTitle{background-repeat:no-repeat;background-position:left top;background-size:24px;font-size:15px;font-weight:600;margin-bottom:6px;padding-top:3px;padding-bottom:12px;padding-left:30px;}
    .Good .AlertTitle{background-image:url('../images/AlertGoodIcon.png');color:#252525;}
    .Bad .AlertTitle{background-image:url('../images/AlertBadIcon.png');color:#ad1b1e;}
    .AlertText{}

/**** Footer ****/
.Footer{background-image:url('../images/LoginBackgroundImage.png');background-repeat:no-repeat;background-position:left center;background-size:contain;background-color:#999999;border-top:4px solid #999999;padding-top:36px;padding-bottom:36px;}
	.Footer .BoxWide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
		.FooterIndex{border-left:2px solid #ffffff;font-family: 'Titillium Web', sans-serif;font-size:16px;font-weight:600;color:#ffffff;text-rendering:optimizeLegibility;text-transform:uppercase;padding-left:24px;}
			/*TopSwitch*/
			.TopSwitch{}
				.TopSwitch a, .TopSwitch a img {height:36px;width:36px;}
				.TopSwitch a {background-image:url('../images/TopSwitchIcon.png');background-repeat:no-repeat;background-position:center center;background-size:18px;background-color:#252525;border-radius:50%;margin-right:auto;margin-left:auto;display:block;transition-property:all;transition-duration:0.4s;}
				.TopSwitch a:hover {background-color:#e10712;}


/* Regole PC>1600 | */ 
@media all and (min-width: 1600px) {
    
    
/*****  Header  *****/
/*****  Section *****/
.Section{padding-top:48px;padding-bottom:48px;}    
/**** Login Page ***********************************************************************************************************************/
.Login{flex-basis:20%;}    
/**** Homepage *************************************************************************************************************************/
.QuickLink{width:calc(12.5% - 18px);}

/**** Interventi ***********************************************************************************************************************/
/**** Scadenzario **********************************************************************************************************************/
/**** Entità ***************************************************************************************************************************/
/**** Contratti ************************************************************************************************************************/
/**** Profilo/account ******************************************************************************************************************/
/**** Popup  ****/
/**** Master Multibox ****/
/**** Footer ****/    
    
	

}

/* Regole Tablet Verticale (768px) | */
@media all and (min-width:768px) and (max-width: 989px) and (orientation: portrait) {	

    
    
    
/*****  Header  *****/
/*****  Section  *****/
.Section{background-color:#ffffff;padding-top:42px;padding-bottom:42px;}    
.AriannaHolder{font-size:12px;}    
.TheDay{font-size:12px;}    
    
/**** Login Page ***********************************************************************************************************************/
body.LoginPage{background-image:url('../images/LoginBackgroundImageMobile.png');}
.LoginLogo{left:24px;top:36px;}
.Login{flex-basis:45%;background-color:rgba(255,255,255,0.85);box-shadow:2px 2px 24px -6px rgba(0,0,0,0.60);}
   
   
/**** Homepage *************************************************************************************************************************/
.QuickLink{width:calc(20% - 18px);}
    .QuickLinkText{font-size:13px;}
/*Varianti aggiungi nuovo*/
.QuickLink.AddNew a i{font-size:13px;}
    .QuickLink.AddNew a i::before{font-size:36px;}  
/**** Interventi ***********************************************************************************************************************/
/**** Scadenzario **********************************************************************************************************************/
/**** Entità ***************************************************************************************************************************/
    
    
/**** Contratti ************************************************************************************************************************/
/**** Profilo/account ******************************************************************************************************************/
/**** Popup  ****/
/**** Master Multibox ****/
/**** Footer ****/
.FooterIndex{border-left:none;padding-top:12px;padding-left:0;}  
    

   
    
    
    

}


/* Regole Smartphone Orizzontale */
@media all and (max-width: 989px) and (orientation: landscape) {
	
/*****  Header  *****/
/*****  Section  *****/
.Section.Arianna{padding-top:12px;padding-bottom:12px;}    
    .AriannaHolder{font-size:11px;}    
    .TheDay{font-size:11px;padding-top:3px;padding-bottom:3px;}       
/**** Login Page ***********************************************************************************************************************/
.LoginLogo{left:18px;top:18px;}
.Login{flex-basis:calc(100% - 36px);background-color:rgba(255,255,255,1.00);box-shadow:2px 2px 24px -6px rgba(0,0,0,0.60);margin-top:36px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.Powered {right:18px;bottom:12px;}	    
    .Powered span{background-size:12px;font-size:10px;padding-top:2px;padding-right:15px;padding-bottom:4px;}    
    
    
    
/**** Homepage *************************************************************************************************************************/
.QuickLinksHolder{margin:0 -6px;}
    .QuickLink{width:calc(20% - 12px);margin:6px;}
        .QuickLinkImage{width:48px;}
        .QuickLinkText{font-size:13px;}
/*Varianti aggiungi nuovo*/
    .QuickLink.AddNew a i{font-size:13px;}
        .QuickLink.AddNew a i::before{content:"+";font-size:30px;}   
/**** Interventi ***********************************************************************************************************************/
/**** Scadenzario **********************************************************************************************************************/
/**** Entità ***************************************************************************************************************************/
/**** Contratti ************************************************************************************************************************/
/**** Profilo/account ******************************************************************************************************************/
/**** Popup  ****/
/**** Master Multibox ****/
/**** Footer ****/
.FooterIndex{border-left:none;padding-left:0;}    
	
	
}


/* Regole Smartphone Verticale */
@media all and (max-width: 767px) and (orientation: portrait) {	

/*****  Header  *****/
/*****  Section  *****/
.Section.Arianna{padding-top:9px;padding-bottom:9px;}   
    .AriannaHolder{font-size:11px;margin-top:3px;margin-bottom:3px;order:2;}    
    .TheDay{font-size:11px;margin-top:3px;margin-bottom:3px;padding-top:3px;padding-bottom:3px;order:1;}    
/**** Login Page ***********************************************************************************************************************/
body.LoginPage{background-color:#ffffff;}
.LoginLogo{margin-right:auto;margin-left:auto;left:inherit;top:30px;} 
.Login{flex-basis:calc(100% - 36px);background-color:rgba(255,255,255,1.00);box-shadow:none;margin-top:0px;padding-top:36px;padding-right:18px;padding-bottom:18px;padding-left:18px;}
.Powered{text-align:center;right:0;bottom:18px;left:0;}    
    
/**** Homepage *************************************************************************************************************************/
.QuickLinksHolder{margin:0 -3px;}
    .QuickLink{width:calc(33.3333333333% - 6px);margin:3px;}
    .QuickLinkImage{width:42px;}
    .QuickLinkText{font-size:13px;}
/*Varianti aggiungi nuovo*/
.QuickLink.AddNew a i{font-size:13px;}
    .QuickLink.AddNew a i::before{font-size:24px;}

/**** Interventi ***********************************************************************************************************************/
/**** Scadenzario **********************************************************************************************************************/
/**** Entità ***************************************************************************************************************************/
/**** Contratti ************************************************************************************************************************/
/**** Profilo/account ******************************************************************************************************************/
/**** Popup  ****/
/**** Master Multibox ****/
/**** Footer ****/
.Footer{padding-top:18px;padding-bottom:18px;}
	.Footer .BoxWide{justify-content:center;}
		.FooterIndex{width:100%;border-left:none;text-align:center;padding-left:0;order:2;}
        /*TopSwitch*/
        .TopSwitch{width:100%;margin-bottom:12px;order:1;}
  
	
}



/* 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) { 

.MainMenuButton a{background-image:url('../images/LoggedMenuOpenButtonRetina.png');}
.TheDay{background-image:url('../images/CalendarIconRetina.png');}    
.TopSwitch a {background-image:url('../images/TopSwitchIconRetina.png');}
button.Iconed.Toggled, .Button.Iconed.Toggled>*{background-image:url('../images/ToggleOpenIconArrowRetina.png');}
       
.RegistroInterventi .ToggleButton .Close.Button.Iconed.Toggled>*, .PannelloDettagli .ToggleButton .Operazioni.Close.Button.Iconed.Toggled>*, .PannelloGestione .ToggleButton .Operazioni.Close.Button.Iconed.Toggled>*{background-image:url('../images/ToggleCloseWhiteIconArrow2Retina.png');}
    
    
    
        
.PopUpTitle.Note::before{background-image:url('../images/NoteRetina.png');}
.PopUpTitle.AddNote::before{background-image:url('../images/AddNoteRetina.png');}
.PopUpTitle.AddSpare::before{background-image:url('../images/AddSpareRetina.png');}
.RefreshLineButton a{background-image:url('../images/RefreshIconRetina.png');}
.AddNewRow a{background-image:url('../images/AddIconRetina.png');}  
    
    
.Good .AlertTitle{background-image:url('../images/AlertGoodIconRetina.png');}
.Bad .AlertTitle{background-image:url('../images/AlertBadIconRetina.png');}
    
    
    
span.Check{background-image:url('../images/CheckIconRetina.png');} 
span.NoCheck{background-image:url('../images/NoCheckIconRetina.png');} 
a.More{background-image:url('../images/MenuArrowBlackRetina.png');} 
    
a.Download{background-image:url('../images/DownloadIconRetina.png');}    
span.Checked{background-image:url('../images/CheckIconRetina.png');}     
}