@charset "utf-8";

/**** Form ****/
form.Form{}
    fieldset{border:none;}
        legend{font-family:'Titillium Web', sans-serif;font-size:20px;font-weight:600;color:#252525;letter-spacing:-0.3px;line-height:24px;text-align:center;text-rendering:optimizeLegibility;text-transform:uppercase;margin-bottom:36px;}
        .FormRow{margin-right:-12px;margin-left:-12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
            .FormBoxWide, .FormBox75, .FormBox75, .FormBox66,.FormBox60,.FormBox50,.FormBox33,.FormBox30,.FormBox25,.FormBox20,.FormBox16,.FormBox10{margin-bottom:24px;padding-right:12px;padding-left:12px;}
            .FormBoxWide{flex-basis:100%;}
            .FormBox75{flex-basis:75%;}
            .FormBox70{flex-basis:70%;}
            .FormBox66{flex-basis:66.6666666666%;}
            .FormBox60{flex-basis:60%;}
            .FormBox50{flex-basis:50%;}
            .FormBox33{flex-basis:33.3333333333%;}
            .FormBox30{flex-basis:30%;}
            .FormBox25{flex-basis:25%;}
            .FormBox20{flex-basis:20%;}
            .FormBox16{flex-basis:16.6666666666%;}
            .FormBox10{flex-basis:10%;}
                label{font-size:10px;font-weight:600;color:#777777;line-height:12px;text-align:left;text-transform:uppercase;margin-bottom:3px;display:block;}
                input[type="text"],input[type="email"],input[type="password"], textarea, input[type="submit"], input[type="button"]{-webkit-appearance:none;appearance:none;}
                input[type="text"],input[type="email"],input[type="password"], textarea{width:100%;}
                input[type="text"],input[type="email"],input[type="password"], textarea{background-color:#ffffff;border:1px solid #cccccc;box-shadow:0 0 6px 0 rgba(0,0,0,0.00) inset;border-radius:0;font-family:'Open Sans', sans-serif;font-size:13px;color:#252525;}
                input[type="text"],input[type="email"],input[type="password"]{height:36px;padding-top:3px;padding-right:12px;padding-bottom:3px;padding-left:12px;}
                input[type="password"]{color:#ed192d;}
                textarea{height:120px;padding:12px;outline:none;}
                input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border-color:#e10712;box-shadow:0 0 6px 0 rgba(0,0,0,0.00) inset;}
                    /*Placeholder*/
                    input::-webkit-input-placeholder{color:#d7d7d7;opacity:1;}/* Edge */
                    input:-ms-input-placeholder{color:#d7d7d7;opacity:1;}/* Internet Explorer 10-11 */
                    input::placeholder, textarea::placeholder{color:#d7d7d7;opacity:1;}


            .FormCheckBox{display:flex;flex-wrap:wrap;align-items:flex-start;}
                .CheckField{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
                    .CheckField input{position:absolute;cursor:pointer;opacity:0;z-index:2;}
                    .Checkmark{position:absolute;top:0;left:0;transition-property:all;transition-duration:0.4s;}
                        .Checkmark::after {content:"";position:absolute;display:none;}
                        .CheckField input:checked ~ .Checkmark::after {display:block;}                       
            .FormRadioBox{display:flex;flex-wrap:wrap;align-items:flex-start}
                .RadioField{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
                    .RadioField input{position:absolute;cursor:pointer;opacity:0;z-index:2;}
                        .Radiomark{position:absolute;top:0;left:0;transition-property:all;transition-duration:0.4s;}
                        .Radiomark::after {content:"";position:absolute;display:none;}
                        .RadioField input:checked ~ .Radiomark::after {display:block;} 
                    .CheckField{}
                        .CheckField input, .Checkmark{height:18px;width:18px;}
                        .Checkmark{background-color:#ffffff;border:1px solid #cccccc;}
                        .CheckField:hover input ~ .Checkmark {background-color:#eeeeee;}
                        .CheckField input:checked ~ .Checkmark {background-color:#aaaaaa;border-color:#aaaaaa;}
                            .Checkmark::after {top:1px;left:5px;}
                            .CheckField .Checkmark::after {height:9px;width:4px;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
                    .CheckLabel{flex-basis:calc(100% - 30px);font-size:12px;margin-left:12px;}
                    .RadioField{}
                        .RadioField input, .Radiomark{height:18px;width:18px;}
                        .Radiomark{background-color:#ffffff;border:1px solid #cccccc;border-radius:50%;}
                        .RadioField:hover input ~ .Radiomark {background-color:#eeeeee;}
                        .RadioField input:checked ~ .Radiomark {background-color:#e10712;border-color:transparent;}
                            .RadioField .Radiomark::after {height:6px;width:6px;background-color:#ffffff;border-radius:50%;top:5px;left:5px;}
                    .RadioLabel{flex-basis:calc(100% - 30px);font-size:12px;margin-left:12px;}

            select{height:42px;width:100%;background-image:url('../images/SelectArrow.png');background-repeat:no-repeat;background-position:right 12px center;background-size:12px;background-color:#ffffff;border:1px solid #999999;border-radius:1px;padding-right:24px;padding-left:12px;display:block;outline:none;-webkit-appearance:none;appearance:none;position:relative;}
            option{display:block;}

            /*Select (plug-in select2) */
            .CustomSelect{width:100%;}
            .CustomSelect ~ .select2-container--classic .select2-selection--single{height:36px;background:#ffffff;border:1px solid #cccccc;box-shadow:0 0 6px 0 rgba(0,191,255,0.00) inset;border-radius:0;width:100%;}
            .CustomSelect ~ .select2-container--classic .select2-selection--single:focus{border-color:#e10712;}
            .CustomSelect ~ .select2-container--classic.select2-container--open .select2-selection--single{border-color:#e10712;}
            .CustomSelect ~ .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{background-image:none;}
                .CustomSelect ~ .select2-container--classic .select2-selection--single .select2-selection__rendered{font-size:13px;color:#252525;line-height:36px;padding-right:12px;padding-left:12px;}
                .CustomSelect ~ .select2-container--classic .select2-selection--single .select2-selection__arrow{background-image:none;background-color:transparent;border-left:none;height:34px;}

                    .CustomSelect ~ .select2-container--classic .select2-selection--single .select2-selection__arrow b {height:12px;width:12px;background-image:url('../images/SelectArrow.png');background-repeat:no-repeat;background-position:center;background-size:12px;border:none;margin:0;margin-right:12px;transform:translate(-50%, -50%);left:3px;display:block;}
                    .CustomSelect ~ .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {background-image:url('../images/SelectUpArrow.png');}

                    /*.CustomSelect ~ .select2-container--classic .select2-selection--single .select2-selection__arrow b {border-color:#111111 transparent transparent transparent;border-style:solid;border-width:6px 5px 0 5px;margin-left:-9px;}
                    .CustomSelect ~ .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #111111 transparent;border-width: 0 5px 6px 5px;}*/

                body .select2-search--dropdown {padding:9px 12px;}
                body .select2-container--classic.select2-container--open .select2-dropdown{border-color:#e10712;}
                body .select2-container--classic .select2-search--dropdown .select2-search__field{background-image:url('../images/InputSearchIcon.png');background-repeat:no-repeat;background-position:right 4px center;background-size:18px;font-family:'Open Sans', sans-serif;font-size:13px;color:#252525;padding:7px 21px 7px 7px;-webkit-appearance:none;appearance:none;box-shadow:0 0 6px 0 rgba(0,191,255,0.00) inset;border-radius:4px;}
                body .select2-container--classic .select2-search--dropdown .select2-search__field:focus{border-color:#e10712;box-shadow:0 0 6px 0 rgba(0,0,0,0.00) inset;}
                body .select2-results__option{font-size:12px;padding:6px 12px;}
                body .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#e10712;}


/*Variante login*/
.LoginPage legend{width:100%;text-align:center;}
.LoginPage label{background-repeat:no-repeat;background-position:left top;background-size:24px;line-height:24px;padding-top:3px;padding-bottom:3px;padding-left:30px;}
.LoginPage label.Username {background-image:url('../images/UsernameIcon.png');}
.LoginPage label.Password {background-image:url('../images/PasswordIcon.png');}
.LoginPage label.Email {background-image:url('../images/EmailIcon.png');}
.LoginPage input[type="text"], .LoginPage input[type="email"], .LoginPage input[type="password"]{background-color:transparent;border-color:transparent;border-bottom:1px solid #cccccc;padding-right:4px;padding-left:4px;}
.LoginPage .Button{margin-top:15px;}




/*Variante Filtri*/
.Filter legend{background-image:url('../images/FilterIcon.png');background-repeat:no-repeat;background-position:left center;background-size:12px;font-size:13px;line-height:18px;margin-top:18px;margin-bottom:9px;padding-left:18px;}
.Filter .FormBox25{margin-bottom:18px;}




/*Variante check globale interventi*/
.GlobalTableCheck .Form{}

    .GlobalTableCheck .FormBoxWide, .GlobalTableCheck .FormBox75, .GlobalTableCheck .FormBox66, .GlobalTableCheck .FormBox60, .GlobalTableCheck .FormBox50, .GlobalTableCheck .FormBox33, .GlobalTableCheck.FormBox30, .GlobalTableCheck .FormBox25, .GlobalTableCheck .FormBox20, .GlobalTableCheck .FormBox16, .GlobalTableCheck .FormBox10{margin-bottom:0;}
        .GlobalTableCheck .CheckField{order:2;}
        .GlobalTableCheck .CheckLabel{font-size:13px;font-weight:600;color:#252525;text-align:right;margin-left:0;margin-right:12px;order:1;}

/*Variante check singolo intervento*/
.CheckTabellaDettaglio .FormBoxWide {margin-bottom:0;}
    .CheckTabellaDettaglio .CheckField{order:2;}
    .CheckTabellaDettaglio .CheckLabel{font-size:13px;font-weight:600;color:#252525;text-align:right;margin-left:0;margin-right:12px;order:1;}

/*Variante check singola operazione*/
.TORChe .FormBoxWide{margin-bottom:0;}
.TORCheck .CheckField{order:1;}
.TORCheck .CheckLabel{font-size:13px;font-weight:600;color:#252525;text-align:right;margin-left:0;margin-right:0;order:2;}
.TORSel .FormBox66, .TORSel .FormBox33{margin-bottom:0;}
.TORSel .CustomSelect ~ .select2-container--classic .select2-selection--single{height:32px;}
.TORSel .CustomSelect ~ .select2-container--classic .select2-selection--single .select2-selection__rendered{line-height:32px;}
.TORSel .CustomSelect ~ .select2-container--classic .select2-selection--single .select2-selection__arrow{height:30px;}

/*Variante Tabelle*/
.TableForm .FormRow{}
.TableForm .FormBoxWide, .TableForm .FormBox75, .TableForm .FormBox66, .TableForm .FormBox60, .TableForm .FormBox50, .TableForm .FormBox33, .TableForm.FormBox30, .TableForm .FormBox25, .TableForm .FormBox20, .TableForm .FormBox16, .TableForm .FormBox10{margin-bottom:0;}
.TableForm input[type="text"]{height:32px;font-size:13px;}
.TableForm button.ExtraSmall, .TableForm .Button.ExtraSmall >*{min-width:inherit;}

/*Variante Tabella Scadenzario*/
.TableFilter form{width:100%;}
.TableFilter .CustomSelect ~ .select2-container--classic .select2-selection--single{height:30px;border-radius:18px;}
.TableFilter .CustomSelect ~ .select2-container--classic .select2-selection--single .select2-selection__rendered{font-size:12px;color:#252525;line-height:30px;}
.TableFilter .CustomSelect ~ .select2-container--classic .select2-selection--single .select2-selection__arrow{height:28px;}







/*Pop Up*/
.Form.PopupForm{width:328px;}
.InputPlaceHolder{border-bottom:1px solid #d7d7d7;font-size:13px;color:#252525;padding-bottom:6px;}

/* Regole PC>1600 | */ 
@media all and (min-width: 1600px) {
      
/**** Form ****/	

}

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


/* Regole Smartphone Orizzontale */
@media all and (max-width: 989px) and (orientation: landscape) {
	
/**** Form ****/
/*Variante login*/
.LoginPage  fieldset{display:flex;flex-wrap:wrap;justify-content:space-between;}
    .LoginPage  legend{font-size:18px;line-height:18px;text-align:left;}
    .LoginPage  .FormRow{flex-basis:40%;}
    .LoginPage  .FormRow:last-of-type{flex-basis:20%;}
        .LoginPage label{background-size:18px;line-height:18px;padding-left:24px;}
        .LoginPage input[type="text"], .LoginPage input[type="email"], .LoginPage input[type="password"]{height:36px;}
        .LoginPage .Button{margin-top:21px;}	
        .LoginPage button, .LoginPage .Button >*{min-width:inherit;}	
}


/* Regole Smartphone Verticale */
@media all and (max-width: 767px) and (orientation: portrait) {	
  
/**** Form ****/
.FormBox75, .FormBox70 .FormBox66,.FormBox60,.FormBox50,.FormBox33,.FormBox30,.FormBox25,.FormBox20,.FormBox16,.FormBox10{flex-basis:100%;}
/*Variante login*/    
.LoginPage  legend{margin-bottom:30px;}    
}



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

    
.LoginPage label.Username {background-image:url('../images/UsernameIconRetina.png');}
.LoginPage label.Password {background-image:url('../images/PasswordIconRetina.png');}
.LoginPage label.Email {background-image:url('../images/EmailIconRetina.png');}

.CustomSelect ~ .select2-container--classic .select2-selection--single .select2-selection__arrow b {height:12px;width:12px;background-image:url('../images/SelectArrowRetina.png');}
.CustomSelect ~ .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {background-image:url('../images/SelectUpArrowRetina.png');}
body .select2-container--classic .select2-search--dropdown .select2-search__field{background-image:url('../images/InputSearchIconRetina.png');}    
    
    
}