@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800');
body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #555; font-size: 13px; line-height: 24px; background: #fff; }
body.homebody { background: top center no-repeat #f0f0f0; }
html, body, .wrapper { position: relative; height: 100%; }
.wrapper { width: 100%; height: 100%; text-align: left; background-size: 100%; }
.container { max-width: 1200px; margin: 0 auto; position: relative; }
input[type=text] { font-family: 'Open Sans', sans-serif; color: #555; border: 1px solid #333; display: block; width: 100%; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #555 }
input[type=password] { font-family: 'Open Sans', sans-serif; color: #555; border: 1px solid #333; display: block; width: 100%; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #555 }
select { font-family: 'Open Sans', sans-serif; color: #555; border: 1px solid #333; display: block; width: 100%; padding: 5px 10px 4px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-padding-end: 20px; font-size: 13px; background-color: #fff; background-image: none; }
textarea { resize: none; font-family: 'Open Sans', sans-serif; min-height: 120px; border: 1px solid #333; display: block; width: 100%; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #555; font-size: 13px; }


.radiobox input[type="radio"] { display: none; }
.radiobox input[type="radio"] + label { color: #b4b4b4; margin-right: 10px }
.radiobox input[type="radio"]:checked + label { color: #555; }
.radiobox input[type="radio"] + label span { position: relative; display: inline-block; width: 19px; height: 19px; margin: -2px 10px 0 0; vertical-align: middle; cursor: pointer; }
.radiobox input[type="radio"] + label span:after { content: ''; position: absolute; left: 5px; top: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; display: block; height: 10px; width: 10px }
.radiobox input[type="radio"] + label span:before { content: ''; position: absolute; left: 0; top: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #555; display: block; height: 16px; width: 16px }
.radiobox input[type="radio"]:checked + label span:after { background: #555; }
.radiobox input[type="radio"]:checked + label span:before { border: 2px solid #555; }

.radioTab input[type="radio"] { display: none; }
.radioTab input[type="radio"] + label { color: #b4b4b4; width: 200px; font-size: 15px; padding: 8px 20px; background-color: #ccc; cursor: pointer; }
.radioTab input[type="radio"] + label span { margin-left: 10px }
.radioTab input[type="radio"]:checked + label { color: #fff; background-color: #000; }



fieldset { border: none; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-before: 0px; -webkit-padding-start: 0px; -webkit-padding-end: 0px; -webkit-padding-after: 0px; min-width: -webkit-min-content; margin: 0; padding: 0 }
a { text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-tap-highlight-color: rgba(0,0,0,0); color: #555; }
a:active, a:hover { outline: 0; color: #555 }
img { border: none }
h1, h2, h3, h4 { font-weight: 600; -webkit-margin-before: 0; -webkit-margin-after: 0; font-family: 'Dosis'; margin: 0; padding: 0; }
h1 { font-size: 40px; margin-bottom: 20px; line-height: 40px; font-weight: 400; }

.container:before, .container:after, .header-nav:after, .header-nav:before, .loginHeader:before, .loginHeader:after, .ctnDash:before, .ctnDash:after, .lineForm:before, .lineForm:after, .lineTable:before, .lineTable:after, .lineTableS:before, .lineTableS:after, .intTable:before, .intTable:after, .mainFunctions:after, .mainFunctions:before, .filtri:after, .filtri:before { content: ""; display: table; }
.container:after, .header-nav:after, .loginHeader:after, .ctnDash:after, .lineForm:after, .lineTable:after, .lineTableS:after, .intTable:after, .mainFunctions:after, .filtri:after { clear: both; }
.header { width: 100%; top: 0; left: 0; z-index: 10; }
.bgTest { background-image: linear-gradient(#868B8E,#B9B7BD); }
.bgProd { background-image: linear-gradient(#f0f0f0,#f0f0f0); }

.logoHeader { padding: 20px 0 10px 0; display: block; width: 290px }
.stagione { font-size: 18px; position: absolute; left: 0px; top: 50px }
.headerHome .logoHeader { margin: 0 auto; text-align: center; padding-top: 60px }
.stagioneH { font-size: 16px; text-align: center; margin: 0 auto; width: 210px; display: block }
.loginHeader { border: 2px solid #555; top: 42px; font-weight: 500; right: 0; position: absolute; }
.loginHeader .user { font-size: 17px; display: inline-block; background: url('img/ico-user.png') left center no-repeat; padding: 0 20px 0 37px; margin: 0; }
.loginHeader .user:hover { color: #333 }
.loginHeader .logout { color: #fff; font-size: 17px; padding: 5px 15px; display: inline-block; background: #555; margin-right: -1px; }
.loginHeader .logout:hover { background: #333 }

.header, .main-ul a, .main-ul ul, .header-nav { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.header-nav { z-index: 9999; background: #555 }
.header-nav ul { display: inline; margin: 0; padding: 0; list-style: none; z-index: 9999; }
.header-nav .main-li { display: block; position: relative; margin: 0; padding: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; float: left; }
.header-nav .main-li a { font-size: 13px; color: #fff; padding: 10px 20px; line-height: 14px; display: block; font-family: 'Dosis'; font-weight: 400; background: #555 }
.header-nav .main-li a:hover { background: #00a9ce; color: #333; }
.header-nav .main-li a.sub:after { content: "\f107"; padding: 0 0 0 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; display: inline-block; line-height: 10px }
.header-nav .main-ul ul { position: absolute; top: 34px; left: 0; width: 100%; display: none; opacity: 0; visibility: hidden; z-index: 9999; }
.header-nav .main-li li { display: block; background: rgba(128, 129, 129, 1); position: relative; margin-bottom: 1px; }
.header-nav .main-li li:hover { background: rgba(128, 129, 129, 0.9); }
.header-nav .main-li:hover ul { display: block; opacity: 1; visibility: visible; }
.header-nav .main-li:hover ul a { display: block; }
.header-nav ul li a:hover { color: #d4001d }

/****TO TOP*****/
#scroll-up { position: fixed; bottom: 30px; right: 30px; width: 40px; height: 40px; margin-top: -52px; z-index: 999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity 0.3s ease 0s, visibility 0s ease 0s; border: 1px solid #ccc; text-align: center; }
#scroll-up.is-visible { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; }
#scroll-up.is-visible:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7; }
#scroll-up:after { content: ""; background: url('img/go-top.png') center center no-repeat; height: 40px; width: 40px; display: block; }

.footer { font-size: 12px; padding: 20px 0; background: #f0f0f0; line-height: 17px }
.footer .footerSx { float: left; }
.footer .footerDx { float: right; }
.home .footer { background: none; }
.home .footer .footerSx, .home .footer .footerDx { float: none; }
.home .footer .footerDx { margin-top: 10px }


.main { padding: 20px 0 50px 0 }



/****form login***/
.home { background: rgba(255,255,255,0.7); width: 300px; padding: 0 40px }
.homemaintenance { background: rgba(33, 33, 33, 0.70); width: 100%; height: 100%; text-align: center; padding: 170px 0 0 0 }
.homeLogin { padding: 50px 0 50px 0; }
.homeLogin h1 { margin-bottom: 30px }
.homeLogin h2 { font-size: 22px; font-weight: 300; }
#loginForm .lineInput { display: block; -webkit-appearance: none; color: #555; margin-bottom: 5px; width: 100%; position: relative; }
#loginForm input[type=text], #loginForm input[type=password] { font-size: 15px; padding: 8px 10px 8px 40px; background: none }
#loginForm .icona { position: absolute; width: 40px; height: 31px; top: 8px; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; text-align: center; color: #666; }
#loginForm .icoUser { background: url('img/ico-user1.png') left center no-repeat; }
#loginForm .icoPwd { background: url('img/ico-pwd.png') left center no-repeat; }
#loginForm .btn { width: 100%; text-align: center }
.btn { font-family: 'Open Sans', sans-serif; background-color: #000; display: block; font-size: 15px; padding: 8px 20px; border: none; cursor: pointer; margin: 10px 0; font-weight: 500; color: #fff; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn:hover { background-color: #00a9ce; }
.checkLabel { display: inline-block; }
.itemQ { display: block; margin-top: 13px; position: relative; }
.itemQ .fa:before { padding: 0 10px 0 0 }
.mainSection h1 { margin-bottom: 20px }
.mainSection .userLogin { display: block; }

/****dashboard***/
.col2 { float: left; width: 48%; margin-right: 2%; box-sizing: border-box; }
.col3 { float: left; width: 32%; margin-right: 2%; box-sizing: border-box; }
.col3:nth-child(3n) { margin-right: 0%; }
.bxDash { margin-top: 30px; border: 2px solid #ccc; padding: 20px; min-height: 250px; }
.bxDash h3 { font-size: 24px; text-transform: uppercase; font-weight: 600; margin-bottom: 18px; text-align: center }
.icoDash { font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center; width: 100%; font-size: 40px; display: block; color: #ccc; padding-top: 10px; height: 50px; }
.txtDesc { overflow: hidden; display: block }
.bxDash .btn { text-align: center; }
.boxAlert { background-color: #D8D8D8; border: 2px solid #D8D8D8; }
.boxAlert header { position: relative; }
.boxAlert h3 { margin-bottom: 0; text-align: left; padding: 0; color: #000; }
.boxAlert .icoDash { width: 40px; color: #000; padding-top: 0px; position: absolute; top: 0; right: 0; font-size: 30px }
.txtDesc ul { -webkit-padding-start: 0px; list-style: none; margin: 0; padding: 0; margin-top: 10px }
/*.txtDesc li a:before { content: "\f133"; font-family: "Font Awesome 5 Free"; font-size: 13px; color: #000; padding: 0 10px 0 0; }*/

/****registrazione***/
.formReg h3 { font-size: 22px; font-weight: 400; margin-bottom: 10px; width: 100%; display: flex; margin-top: 30px }

.lineForm fieldset { margin-right: 1%; display: block; float: left; margin-bottom: 10px; }
.lineForm .colF16 { width: 6%; }
.lineForm .colF14 { width: 7%; }
.lineForm .colF13 { width: 7.5%; }
.lineForm .colF12 { width: 8%; }
.lineForm .colF10 { width: 9%; }
.lineForm .colF8 { width: 12%; }
.lineForm .colF4 { width: 24%; }
.lineForm .colF3 { width: 32.333%; }
.lineForm .colF3-2 { width: 65.667%; }
.lineForm .colF2 { width: 49%; }
.lineForm .colF2-3 { width: 73.5%; }
.lineForm .colF1 { width: 99%; }
.select { position: relative; display: inline-block; width: 100%; }
/*.select:after {content: '\25BC';color:#333;position: absolute;top: 0;right: 0;padding: 5px 15px;background: #ccc;pointer-events: none;border-top: 1px solid #333;border-right: 1px solid #333;border-bottom: 1px solid #333;font-family:FontAwesome; font-size:10px; height:18px}
.select:hover:after {color: #ccc;}
.select:after {-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;}*/
.checkbox { margin-top: 8px }
.radiobox { margin-top: 8px }
.txtForm { font-size: 15px; display: block; margin-bottom: 10px }
.mainFunctions { margin-top: 20px; }
.btn3 { margin-right: 10px; float: left; min-width: 150px }
.btn .fa:after { content: ''; padding: 0 4px }
.btn .delete:before { content: 'X'; font-family: 'Open Sans', sans-serif; }
.color1 { background-color: #efefef; color: #555 }
.color2 { background-color: #cecece; color: #555 }
.color3 { background-color: #9b9b9c; color: #fff }
.color1:hover, .color2:hover, .color3:hover { background-color: #808080; color: #555 }
.field-validation-error { color: #d4001d; }
.field-validation-error:before { content: "\f071"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 7px 0 0 }
.field-validation-errorafter { color: #d4001d; }
.field-validation-errorafter:before { content: "\f071"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px; display: inline; }
/**********piker***/
.ui-widget-header { border: 1px solid #4d4d4d !important; background: #e7e7e7 !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #727272 !important; background: #d4d4d4 !important; color: #6b7b84 !important; }
.ui-datepicker select { background-color: none !important; color: #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; display: inline-block; padding: 0; -webkit-padding-end: 0px; }

/****tabelle***/
.mobHide { display: block; }
.intTable { padding: 5px 5px; color: #fff; background: #000; }
.lineTable { padding: 5px 5px; color: #000; background: #ccc; }
.lineTable:nth-child(2n) { background: #f0f0f0; }
.lineTable:hover { background-color: #00a9ce; }
.lineTableS { padding: 5px 5px; color: #000; background: #ccc; font-size: 10px }
.lineTableS:nth-child(2n) { background: #f0f0f0; }
.lineTableS:hover { background-color: #b5b5b5; }
.colT { float: left; display: block; min-height: 1px }
.colT5 { width: 5%; }
.colT10 { width: 10%; }
.colT15 { width: 15%; }
.colT20 { width: 20%; }
.colT25 { width: 25%; }
.colT30 { width: 30%; }
.colT35 { width: 35%; }
.colT40 { width: 40%; }
.colT45 { width: 45%; }
.colT50 { width: 50%; }
.colT55 { width: 55%; }
.colT70 { width: 70%; }
.colT80 { width: 80%; }
.deskHide { display: none; }
.bottomTable { position: relative; margin-top: 20px }
.pagination { -webkit-padding-start: 0px; padding: 0; margin: 0; margin-top: 5px }
.pagination li { display: inline-block; }
.pagination li.active { font-size: 20px }
.pagination li a { cursor: pointer; padding: 0 3px }
.pagination li:after { content: " - " }
.pagination li:last-child:after { content: "" }
.bottomTable .service { position: absolute; top: 0; right: 0; }
.bottomTable .downPdf { background: url('img/ico-pdf.png') left center no-repeat; width: 44px; height: 35px; display: inline-block; }
.bottomTable .printTb { background: url('img/ico-print.png') right center no-repeat; width: 35px; height: 35px; display: inline-block; }
.filtri { margin-bottom: 10px; }
.filtri .select, .filtri .input, .filtri .mainFunctions { margin-right: 1%; display: block; margin-bottom: 10px; float: left; }
.filtri .selectAnno { width: }
.filtri .input { position: relative }
.filtri .input .icona { position: absolute; width: 40px; height: 34px; top: 0; left: 0; font-size: 18px; line-height: 34px; margin-left: 10px; color: #787878; }
.filtri input[type=text] { font-size: 15px; padding-left: 40px; }
.filtri .mainFunctions { margin: 0px; }
.filtri .mainFunctions .btn { margin: 0 !important; padding: 5px 10px; font-size: 15px; min-width: 100px }
.filtri6 .select, .filtri6 .input { width: 16%; }
.filtri6 .mainFunctions, .filtri6 .selectAnno { width: 7%; }
.filtri5 .select, .filtri5 .input { width: 19%; }
.filtri5 .mainFunctions, .filtri5 .selectAnno { width: 9%; }
.filtri4 .select, .filtri4 .input { width: 24%; }
.filtri4 .mainFunctions, .filtri4 .selectAnno { width: 11.5%; }
.filtri3 .select, .filtri3 .input { width: 32.3%; }
.filtri3 .mainFunctions, .filtri3 .selectAnno { width: 15.6%; }
.ordinamento { position: relative; margin-bottom: 20px }
.ordinamento .select { width: 200px; }
.ordinamento .mainFunctions { margin: 0px; float: right; }
.ordinamento .mainFunctions .btn { margin: 0 !important; }

/******dati tabella*****/
.gridTable { width: 100% }
.gridTable td { padding: 3px 5px; margin: 0; }
.topTable { color: #555; background: #333; }
.rigaTable { color: #000; background: #ccc; }
.rigaTable:nth-child(2n) { background: #555; }
.algnRight { text-align: right }
.algnCenter { text-align: center }
.icoTable { color: #000; display: inline-block; margin-right: 5px; font-size: 16px; }

.admCust .input { padding-right: 85px; }
.admCust fieldset { position: relative; }
.admCust .mainFunctions { position: absolute; top: 0; right: 0; text-align: left; width: 88px; margin-top: 0; }
.mainFunctions .btnSave, .mainFunctions .btnCanc, .mainFunctions .btnNos { width: 34px; height: 30px; display: block; float: left; background: #00a9ce; margin-left: 10px; text-align: center; line-height: 30px; font-size: 20px; color: #fff }
.mainFunctions a:hover { opacity: .7; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.mainFunctions .btnCanc, .mainFunctions .btnNos { background: #555; }
.chooseList fieldset { margin-bottom: 10px }

/**TABs**/


/**budget**/
.headerBudget { padding: 10px; margin-top: 40px; display: flex; align-items: center; background-color: #dee2e6; justify-content: space-between; }
.headerBudget h2 { margin-right: 20px; }
.headerBudget .select { width: 120px; margin-right: 40px; }
.headerBudget .totBudg b { margin-left: 10px; }
.headerBudgetRow { display: flex; align-items: center; }

.lineBudgetContent { position: relative; }
/*.lineBudget { width: calc(100% - 330px); overflow-x: scroll; margin-left: 330px; overflow-y: visible; padding: 0; margin-top: 10px; }*/
.lineBudget { width: calc(100% - 375px); overflow-x: scroll; margin-left: 375px; overflow-y: visible; padding: 0; margin-top: 10px; }

.tableBud thead tr { text-align: center; }
.tableBud td { border-top: 1px solid #dee2e6; }
.tableBud tr:first-child td { border-top: 0px solid #dee2e6; }
.tableBud td, .tableBud th { padding: 0; }
.tableBud .listInt th { background-color: #e7e7e7; }
.tableBud .listInt th.headcol1, .tableBud .listInt th.headcol2, .tableBud .listInt th.headcol3, .tableBud .listInt th.headcol4 { background-color: #fff; border-bottom: 1px solid #000; text-align: left }
.tableBud .listInt th.headcol2 .IntBx2, .tableBud .listInt th.headcol3 .IntBx2, .tableBud .listInt th.headcol4 .IntBx2 { text-align: right; }
.colorHg { color: #D998D1; }
tr.lineTot td { border-top: 2px solid #000; color: #000; font-weight: bold; }
.cellDato { width: 70px; text-align: right; padding: 10px 5px; display: block }
.listInt .cellDato { text-align: right; }
.cellDato1 { text-align: center; padding: 10px; display: block; background-color: #ccc; }
.brRight { border-right: 1px solid #fff; }

.headcol1 { position: absolute; width: 130px; left: 0; top: auto; border-top: 2px solid #ccc; }
.headcol2 { position: absolute; width: 80px; left: 130px; top: auto; border-top: 2px solid #ccc; text-align: right }
.headcol3 { position: absolute; width: 80px; left: 210px; top: auto; border-top: 2px solid #ccc; text-align: right }
.headcol4 { position: absolute; width: 80px; left: 290px; top: auto; border-top: 2px solid #ccc; text-align: right }

.lineTot .headcol1, .lineTot .headcol2, .lineTot .headcol3, .lineTot .headcol4 { border-top: 2px solid #000; }
.tableBud tr:first-child .headcol1, .tableBud tr:first-child .headcol2, .tableBud tr:first-child .headcol3, .tableBud tr:first-child .headcol4 { border-top: 0px solid #dee2e6; }
.IntBx1 { padding: 10px 4px 10px 0; }
.IntBx2 { padding: 6px 4px; text-align: center; }
.IntBx2 input { width: 100%; border: 1px solid #dee2e6; display: block; text-align: right }
.listInt .headcol1, .listInt .headcol2, .listInt .headcol3, .listInt .headcol4 { text-transform: uppercase; }
thead .headcol1, thead .headcol2, thead .headcol3, thead .headcol4 { border-top: 1px solid #fff; }
.colorHg .IntBx2, .lineTot .IntBx2, .listInt .IntBx2 { padding: 10px 4px; }
.lineTot .IntBx2 { text-align: right }


/******animazioni***/
.ani1, .ani2, .ani3, .ani4, .ani5, .ani6, .ani7, .ani8, .ani9, .ani10, .ani11, .ani12 { visibility: hidden; }
.fadeInDown, .fadeIn { visibility: visible; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.delay-5s { animation-delay: 200ms; -webkit-animation-delay: 200ms; }
.delay-10s { animation-delay: 400ms; -webkit-animation-delay: 400ms; }
.delay-15s { animation-delay: 600ms; -webkit-animation-delay: 600ms; }
.delay-20s { animation-delay: 800ms; -webkit-animation-delay: 800ms; }
.delay-25s { animation-delay: 1000ms; -webkit-animation-delay: 1000ms; }
.delay-30s { animation-delay: 1200ms; -webkit-animation-delay: 1200ms; }
.delay-35s { animation-delay: 1400ms; -webkit-animation-delay: 1400ms; }
.delay-40s { animation-delay: 1600ms; -webkit-animation-delay: 1600ms; }
.delay-45s { animation-delay: 1800ms; -webkit-animation-delay: 1800ms; }
.delay-50s { animation-delay: 2000ms; -webkit-animation-delay: 2000ms; }
.delay-55s { animation-delay: 2200ms; -webkit-animation-delay: 2200ms; }


@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }



@media (min-width: 1250px) {
    .container { width: 1200px; }
}

@media (max-width: 1250px) {
    .container { padding-left: 20px; padding-right: 20px }
    .home .container { padding-left: 0px; padding-right: 0px }
    .loginHeader { right: 20px; }
}

@media (max-width: 1000px) {
    /****menu mobile ***/
    .loginHeader { right: 80px; }
    .btn-navbar { position: absolute; top: 58px; right: 20px; cursor: pointer; width: 40px; height: 28px; }
    .btn-navbar .icon-bar, .btn-navbar .icon-bar:before, .btn-navbar .icon-bar:after { content: ""; position: absolute; display: block; width: 35px; height: 3px; border-radius: 1px; background: #555; cursor: pointer; right: 0px }
    .btn-navbar .icon-bar:before { top: -10px; right: 0px; }
    .btn-navbar .icon-bar:after { bottom: -10px; right: 0px; }
    .btn-navbar .icon-bar, .btn-navbar .icon-bar:before, .btn-navbar .icon-bar:after { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
    .btn-navbar.active { height: 21px; }
    .btn-navbar.active .icon-bar { background-color: transparent; }
    .btn-navbar.active .icon-bar:before, .btn-navbar.active .icon-bar:after { top: 0; }
    .btn-navbar.active .icon-bar:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .btn-navbar.active .icon-bar:after { top: 10px; -ms-transform: translatey(-10px) rotate(-45deg); -webkit-transform: translatey(-10px) rotate(-45deg); transform: translatey(-10px) rotate(-45deg); }
    .header-nav { display: none; padding-right: 0px; background: none }
    .header.active { height: 100%; }
    .header-nav.active { display: block; }
    .header-nav.active .main-ul { width: 100%; display: block; }
    .header-nav.active .main-ul ul { position: relative; top: 0; width: 100%; display: block; opacity: 1; visibility: visible; }
    .header-nav.active .main-li { padding: 0; border-bottom: 1px solid #222; float: none }
    .header-nav.active .main-li li { border-top: 1px solid #222; border-bottom: none; background: none; margin-bottom: 0; }
    .header-nav.active .main-li a, .header-nav.active .main-li:hover ul a { line-height: 14px; padding: 12px 15px; display: block; background: #555; }
    .header-nav.active .main-li li a { padding-left: 35px }
    .header-nav.active a:hover, .header-nav.active .main-li ul a:hover { background: #1b1b1b; }
    .header-nav .main-li a.sub:after { content: ""; padding: 0; }
    /****fine menu mobile ***/
    .header { background: #f0f0f0 }
    .home .header { background: none }
    .bxDash {; min-height: 280px; }
    .filtri5 .select, .filtri5 .input, .filtri5 .mainFunctions, .filtri5 .selectAnno { width: 32%; }
    .bxDash { margin-top: 0; margin-bottom: 30px; }
}

@media (max-width: 900px) {
    body.homebody { background: top center no-repeat #f0f0f0; }
    .ctnDash .col2 { width: 48%; }
    .ctnDash .col3 { width: 48%; }
    .ctnDash .col3:nth-child(3n) { margin-right: 2%; }
    .ctnDash .col3:nth-child(2n) { margin-right: 0%; }
    .txtDesc { min-height: 80px; }
    .lineForm .colF4 { width: 49%; }
    .filtri4 .select, .filtri4 .input, .filtri4 .mainFunctions, .filtri4 .selectAnno { width: 32%; }
}

@media (max-width: 780px) {
    .homeLogin { padding: 60px 0 }
    .homeLogin h1 { margin-bottom: 10px }
    .homeLogin h2 { margin-bottom: 30px }
    .logoHeader img { width: 240px }
    .home .logoHeader img { width: auto }
}

@media (max-width: 700px) {
    .logoHeader img { width: 200px }

    .loginHeader { top: 22px; }
    .btn-navbar { top: 38px; }
    .homeLogin { padding: 30px 0 }
    .txtDesc { min-height: 100px; }
    .lineForm fieldset { margin-right: 0 }
    .lineForm .colF4, .lineForm .colF3, .lineForm .colF3-2, .lineForm .colF2-3, .lineForm .colF1, .lineForm .colF2 { width: 100%; }
    .filtri .select, .filtri .input, .filtri .mainFunctions, .filtri .selectAnno { width: 48%; }
    .ctnDash .col2 { width: 100%; margin-right: 0%; }
    .ctnDash .col3 { width: 100%; margin-right: 0%; }
    .ctnDash .col3:nth-child(3n) { margin-right: 0%; }
}

@media (max-width: 650px) {
    h1 { font-size: 30px; line-height: 35px; }
}

@media (max-width: 580px) {
    .txtDesc { min-height: auto; }
    /****css che fanno andare a capo le colonne della tabella***/
    .colT { float: none; width: 100%; !important }
    .mobHide { display: none; }
    .deskHide { display: inline-block; color: #333; }
    .deskHide:after { content: " - "; padding: 0 5px }
    .bottomTable .service { position: relative; }
    /*****fine blocco css****/
    .btn { width: 100% }
    .btn3 { margin-right: 0px; float: none; }
    .header { height: 120px }
    .loginHeader { right: 20px; top: 55px; }
    .btn-navbar { top: 30px; }
    .logoHeader img { width: 180px }
}

@media (max-width: 550px) {
    body.homebody { background: #fff; }
    .home { background: none; width: 100%; padding: 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .homeLogin .col3:nth-child(2), .homeLogin .col3:nth-child(3) { float: none; width: 100%; margin-right: 0%; }
    .footer .footerSx, .footer .footerDx { float: none; width: 100%; }
    .footer .footerDx { margin-top: 30px }
}

@media (max-width: 500px) {
    .loginHeader { top: 80px; right: auto; left: 20px; }
    .btn-navbar { top: 40px; }
    .header { height: 140px }
}

@media (max-width: 480px) {
    .header-nav.active { margin-top: 60px }
    .filtri .select, .filtri .input, .filtri .mainFunctions, .filtri .selectAnno { width: 100%; margin-right: 0 }
    .ordinamento .select { width: 100%; margin-bottom: 10px }
    .ordinamento .mainFunctions { float: none; }
    .home .header { height: auto }
}

@media (max-width: 400px) {
    .home .logoHeader img { width: 230px }
}


.loadingBox { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0.8); text-align: center; display: none; }
.loadingBox > div { position: absolute; text-align: center; height: 70px; top: 50%; width: 80%; left: 10%; }
.loadingBox > div span.fa { display: block; color: #333; font-size: 130px; line-height: 10px; margin-bottom: 60px; }

._upload_file { float: left; position: relative; width: 60px; height: 60px; background-color: #fafafa; border: 1px solid #eee; overflow: hidden; }
._upload_file .fa-folder-open { z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; text-align: center; font-size: 20px; line-height: 60px; color: #333; border-color: #333; }
._upload_file > input { z-index: 100; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer; }
.bar { height: 18px; background: green; }

/*----- ITEM LIST BIG  -----*/
.itemListBig > ul { padding: 0 0 0 0; }
.itemListBig > ul li { display: inline-block; vertical-align: top; margin: 0 2% 8px 0; text-align: left; width: 170px; }
.itemListBig > ul li a { display: block; background-color: #000; color: #fff; height: 165px; padding-left: 5px; padding-right: 5px; cursor: pointer; }
.itemListBig > ul li span { display: block; font-size: 10px; line-height: 1.5; }
.itemListBig > ul li span.title { display: inline-block; font-size: 16px; margin-top: 4px; }
.itemListBig > ul li span.img { display: inline-block; font-size: 30px; }
.itemListBig > ul li a:hover { background-color: #00a9ce; color: #000; }


/* error page */
.errorPage { text-align: center; margin-top: 20px; }
.errorPage .headerCustom .fa { font-weight: 600; color: #00a9ce; font-size: 90px; }
.errorPage .headerCustom h1 { margin-bottom: 20px; font-weight: 600; color: #00a9ce; font-size: 60px; }
.errorPage .headerCustom p { color: #666; font-size: 17px; line-height: 26px; margin-top: 0; }
.errorPage .headerCustom p a { color: #333; }


/* UPLOAD FILE THINGS */
#_avatar { float: left; position: relative; overflow: hidden; }
#_avatar .fa-image { z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; text-align: center; font-size: 60px; line-height: 180px; color: #00a9ce; border-color: #00a9ce; }
#_avatar.no-image { width: 350px; height: 196px; background-color: #fafafa; border: 1px solid #eee; }
#_avatar.no-image .fa-image { display: block; }
#_avatar > input { z-index: 100; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer; }
#_avatar > img { z-index: 99; margin: auto auto; }
#_avatar.no-image > img { display: none; }
#avtWrap { position: relative; overflow: hidden; }

@media (max-width: 470px) {
    #avtWrap { float: none; width: 100%; margin-right: 0%; }
}