@font-face {
    /* AvenirNextLTPro-UltLt */
    font-family: Avenir Next Ultra Light;
    src:
        url(../fonts/38185B_1F_0.f67adc6f6f519cde2164.woff2) format('woff2'),
        url(../fonts/38185B_1F_0.b7b717bd0654a64280b3.woff) format('woff');
}

@font-face {
    /* AvenirNextLTPro-Regular */
    font-family: Avenir Next Regular;
    src:
        url(../fonts/38185B_16_0.54cce7e21b485cd6ad42.woff2) format('woff2'),
        url(../fonts/38185B_16_0.759b08c6313e8c3994ea.woff) format('woff');
}

@font-face {
    /* AvenirNextLTPro-Medium */
    font-family: Avenir Next Medium;
    src:
        url(../fonts/38185B_17_0.cca4603836173ff3474a.woff2) format('woff2'),
        url(../fonts/38185B_17_0.5fe5624cc36ba7eadfed.woff) format('woff');
}

@font-face {
    /* AvenirNextLTPro-Demi */
    font-family: Avenir Next Demi Bold;
    src:
        url(../fonts/38185B_A_0.009f98a8cbafcdc4fcb5.woff2) format('woff2'),
        url(../fonts/38185B_A_0.25ecaeb086e9b1508585.woff) format('woff');
}

@font-face {
    /* AvenirNextLTPro-Bold */
    font-family: Avenir Next Bold;
    src:
        url(../fonts/38185B_1_0.a145776dcf4f8f6f94e1.woff2) format('woff2'),
        url(../fonts/38185B_1_0.abb6013bcba6f79d405a.woff) format('woff');
}

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?15520199');
  src: url('../fonts/fontello.eot?15520199#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?15520199') format('woff2'),
       url('../fonts/fontello.woff?15520199') format('woff'),
       url('../fonts/fontello.ttf?15520199') format('truetype'),
       url('../fonts/fontello.svg?15520199#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {background: #fff;font-family: Avenir Next Regular, Helvetica, Arial, sans-serif;color: #000;font-size: 15px;}
ol, ul {list-style: none}
*,*::before,*::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {color:#000000;text-decoration:none;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;outline:none;  -webkit-tap-highlight-color: transparent;}
img{outline:none}
b, strong{font-weight: normal;font-family: Avenir Next Demi Bold;}

.main .container{ margin: 0 auto; max-width: 900px;padding: 0 20px;}

.header{padding:10px 0;background-color: #fff; text-align: center}
.header .container{ position: relative; padding:0;}
@media (max-width: 1000px){.header .container{ max-width: 900px;}}
.form-select.lang{ margin: 0 0 10px 0; width: 180px}
@media (min-width: 850px){.header-menu{ position: absolute; top:50%; right:70px;  flex-direction: column;  margin-top: -48px;}}
@media (max-width: 849px){.header-menu{  display: flex; justify-content:space-between; }}

.header-menu ul{ display: flex; margin:0;padding:0;justify-content: flex-end}
@media (max-width: 430px){.header-menu{  display: block; }.header-menu ul{ justify-content: flex-start}}
.header-menu ul li a{ width: 40px; height: 40px; background-color: #cf3089; margin-left: 5px; display: flex; align-items: center; justify-content: center; border-radius:20px;border:2px solid #cf3089;color:#fff;}
.logout:before {content: '\f02d';font-family: "fontello";display: block;text-decoration: inherit;width: 1em;text-align: center;}
.admin:before {content: '\e800';font-family: "fontello";display: block;text-decoration: inherit;width: 1em;text-align: center;}
.settings:before { content: '\e801'; font-family: "fontello"; display: block; text-decoration: inherit; width: 1em; text-align: center; }
.stores:before { content: '\e802'; font-family: "fontello"; display: block; text-decoration: inherit; width: 1em; text-align: center; }
.vcard:before { content: '\e804'; font-family: "fontello"; display: block; text-decoration: inherit; width: 1em; text-align: center; }
.header-menu ul li a:hover{background-color: #fff;color:#cf3089;}



footer{border-top:1px solid #333; padding:20px 0; text-align: center;font-size:12px;}


.main{ padding: 50px 0}
.form-intro{ margin-bottom: 30px}
input,button,select,textarea {margin: 0;font-family: Avenir Next Regular;}
input[type="checkbox"] {font-family: Avenir Next Regular;box-sizing: border-box;padding: 0;}

.form-control, .form-select { display: block; width: 100%; padding: 10px 15px; color: #28262b; background-color: #fff; background-clip: padding-box; border: 1px solid #fff; border-bottom: 1px solid #737373; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 1rem 0 0 0; }



@media (min-width: 400px){.form-small .form-select{width: 200px}}

textarea.form-control { height: 120px; border: 1px solid #737373; }

@media (prefers-reduced-motion: reduce) {.form-control {transition: none;}}

.form-control::-ms-expand {background-color: transparent;border: 0;}
.form-control:-moz-focusring {color: transparent;text-shadow: 0 0 0 #495057;}
.form-control:focus {color: #28262b;background-color: #fff;outline: 0;-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.14);-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.14);box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.14);}
.form-control::-webkit-input-placeholder {color: #6c757d;opacity: 1;}
.form-control::-moz-placeholder {color: #6c757d;opacity: 1;}
.form-control:-ms-input-placeholder {color: #6c757d;opacity: 1;}
.form-control::-ms-input-placeholder {color: #6c757d;opacity: 1;}
.form-control::placeholder {color: #6c757d;opacity: 1;}

div.error-text{color: #d80000;font-size: 14px; text-align: right;text-overflow: ellipsis;white-space: nowrap; margin-top: 5px; display: block;}
.error-text.form-control{border-bottom:1px solid #d80000;}

h5{ font-size: 17px;font-family: Avenir Next Demi Bold; margin-top: 30px}
.form-terms{height: 110px;overflow-y: scroll;margin: 0 0 20px 0; border: 1px solid #737373;}

.form-row-check ul{ list-style-type: decimal; margin-top: 20px}
.form-row{ display: flex;}
.form-row .form-check{ width: 50%;margin: 10px 0;}
@media (max-width: 380px){
.form-row{ display: block;}
.form-row .form-check{ width: 100%;}	
}

@media (min-width: 850px){
.form-row.form-col3{ justify-content: space-between}
.form-row.form-col3 .form-group{width: 30%;}
.form-row.form-col2{ justify-content: space-between}
.form-row.form-col2 .form-group{width: 49%;}
}
@media (max-width: 849px){
	.form-row.form-col3, .form-row.form-col2{ display: block;}	
}
.form-button{ display: flex; align-items: center; justify-content: center}
.btnForm1{ background-color: #cf3089; padding:10px 30px;border:2px solid #cf3089;color:#fff; margin: 2px}
.btnForm1:hover{color: #cf3089;background-color: #fff;}
.btnForm2{ padding:10px 30px;border:2px solid #cf3089;color: #cf3089; background-color: #fff;margin: 2px}
.btnForm2:hover{color: #fff;background-color: #cf3089;}


/**login**/
.header{ text-align:center; padding:0 20px}
.header img{max-width:100%; height:auto; margin:60px auto;}
.login .container{ max-width:450px; margin:0 auto; padding-bottom:50px;}
.login .container h1 { color: #cf3089; font-size:large; text-align:center; padding-bottom:50px; }
@media only screen and (min-width: 430px) and (max-width: 600px) {.login .container{ padding:0 40px;}}
.lineLog{margin-bottom:20px;position:relative;}
.icoLogin{ width:80px; height:55px;position:absolute; top:0; left:0px;border-bottom:3px solid #ccc;}
.icoMail{background:url(img/ico-mail.svg) center center no-repeat;}
.icoUser { background: url(img/ico-user.svg) center center no-repeat; }
.icoPass{background:url(img/ico-password.svg) center center no-repeat;}
.lineInput{ position:relative;  padding-left:0;}
.login .lineInput{margin-left:80px;}
@media (max-width: 600px) {.login .icoLogin{ width:60px;}.login .lineInput{margin-left:60px;}}
.lineInput label{ position:absolute; top:0; left:15px;color:#727f89;font-size:13px; line-height:13px}
.lineInput input[type=text], .lineInput input[type=password], .lineInput select{font-family: 'Lato', sans-serif;background-color: transparent!important; color:#000;display: block;width: 100%;padding: 25px 5px 5px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: none; font-size:17px; line-height:17px; outline:none;border-bottom:3px solid #ccc;border-left:3px solid #ccc;height:55px;}
.btnLog { background-color: #cf3089; color: #fff; width: 100%; border-radius: 15px; border: 1px solid #cf3089; padding: 15px 20px; font-size: 17px; cursor: pointer; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.btnLog:hover { background-color: #fff; color: #cf3089; border: 1px solid #cf3089; }
.formLoginB{color:#727f89; font-size:16px; margin-top:50px; display:block; text-align:center}
div.field-validation-error { color: #d80000; font-size: 14px; text-align: right; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; display: none; }


.mainSection .container { max-width: 1200px; margin: 0 auto; position: relative; padding-bottom:50px; }
@media (max-width: 1249px) {.mainSection .container{ padding-left:20px; padding-right:20px; padding-bottom:50px;}}

.mainSection input[type=text]{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background:none; color:#000;border:2px solid #ccc;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 6px 20px;}
.mainSection textarea { resize: none; min-height: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Avenir Next Regular, Helvetica, Arial, sans-serif; background: none; color: #000; border: 2px solid #ccc; display: block; width: 100%; padding: 10px 20px; font-size: 16px; margin-bottom: 20px; }

.mainSection .btn { font-family: Avenir Next Regular, Helvetica, Arial, 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; }
.mainSection .btn:hover { background-color: #00a9ce; }

/**da BE**/
.mainSection input[type=text] { font-family: Avenir Next Regular, Helvetica, Arial, sans-serif; background: none; color: #000; border: 2px solid #ccc; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 6px 20px; }
.mainSection textarea { resize: none; min-height: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Avenir Next Regular, Helvetica, Arial, sans-serif; background: none; color: #000; border: 2px solid #ccc; display: block; width: 100%; padding: 10px 20px; font-size: 16px; margin-bottom: 20px; }
.mainSection select { font-family: Avenir Next Regular, Helvetica, Arial, sans-serif; background-color: #fff; color: #000; border: 2px solid #ccc; display: block; width: 100%; padding: 8px 20px; margin-bottom: 20px; }
.mainSection input[type=password] { font-family: Avenir Next Regular, Helvetica, Arial, sans-serif; background: none; color: #000; border: 2px solid #ccc; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 6px 20px; }
.mainSection .btn { font-family: Avenir Next Regular, Helvetica, Arial, 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; }
.mainSection .btn:hover { background-color: #cf3089; }


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}

.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, .selDiag: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, .selDiag:after{clear: both;}


/****registrazione***/
.mainSection .formReg h3{ font-size:22px;font-weight:400; margin-bottom:10px; width:100%;display: flex; margin-top:30px  }
.mainSection .lineForm fieldset{margin-right:1%;display:block; float:left; margin-bottom:10px;}
.mainSection .lineForm .colF1-3 { width: 24.5%; }
.mainSection .lineForm .colF4{width:24%; }
.mainSection .lineForm .colF3{width:32.333%; }
.mainSection .lineForm .colF3-2{width:65.667%;}
.mainSection .lineForm .colF2{width:49%; }
.mainSection .lineForm .colF2-3 {width: 73.5%;}
.mainSection .lineForm .colF3-3 { width: 48%; }
.mainSection .lineForm .colF1 {width: 99%;}
.mainSection .select { position: relative; display: inline-block; width: 100%; }
.mainSection .checkbox{ margin-top:8px}
.mainSection .radiobox{ margin-top:8px}
.mainSection .txtForm{ font-size:15px; display:block; margin-bottom:10px}
.mainSection .mainFunctions{ margin-top:20px;}
.mainSection .btn3{margin-right:10px; float:left; min-width:150px}
.mainSection .btn .fa:after{content: ''; padding:0 4px}
.mainSection .btn .delete:before{content: 'X'; font-family: Avenir Next Regular, Helvetica, Arial, sans-serif; }
.mainSection .color1{background-color: #efefef;color:#555}
.mainSection .color2{background-color: #cecece;color:#555}
.mainSection .color3{background-color: #9b9b9c;color:#fff}
.mainSection .color1:hover,.color2:hover,.color3:hover{background-color: #808080;color:#555}
.mainSection .field-validation-error{color:#d4001d;}
.mainSection .field-validation-error:before{content:"\f071";font-family: "Font Awesome 5 Free";font-weight: 900; padding:0 7px 0 0}
.mainSection .field-validation-errorafter{color:#d4001d;}
.mainSection .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: #cf3089; }

.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}

.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 .row{justify-content: flex-end}
.filtri .select, .filtri .input, .filtri .mainFunctions { margin-right:1%; display:block;margin-bottom:10px; float:left;}
.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 input[type=text]{padding-left:40px;}
.filtri .mainFunctions{margin: 0px;}
.filtri .mainFunctions .btn{ margin:0!important; padding:8px 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}
.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}

@media (max-width: 1000px) {
.filtri5 .select, .filtri5 .input, .filtri5 .mainFunctions, .filtri5 .selectAnno{width:32%;}
}

@media (max-width: 900px) {
.lineForm .colF4{width:49%; }
.filtri4 .select, .filtri4 .input, .filtri4 .mainFunctions, .filtri4 .selectAnno{width:32%;}
}

@media (max-width: 700px) {
.lineForm fieldset{margin-right:0}
.lineForm .colF4, .lineForm .colF3, .lineForm .colF1-3, .lineForm .colF3-2, .lineForm .colF2-3, .lineForm .colF1, .lineForm .colF2 { width: 100%; }
.filtri .select, .filtri .input,  .filtri .mainFunctions, .filtri .selectAnno{width:48%;}
}

@media (max-width: 580px) {
.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; }

.loginHeader{right:20px;top:55px;}
.btn-navbar{top:30px;}
.logoHeader img{ width:180px}
}

@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}
}

.pagination ul.pagination, .bottomTable ul.pagination{padding-inline-start: 0px; list-style:none; display:flex;align-items:center;justify-content:center;padding:0; margin:0; margin-top:5px}
.pagination ul.pagination a, .bottomTable ul.pagination a{ border:1px solid #999; color:#999;display:flex;text-align:center;align-items:center;justify-content:center; margin:5px; border-radius:30px; width:30px; height:30px;cursor:pointer;padding:0 3px}
.pagination ul.pagination a:hover, .bottomTable ul.pagination a:hover{ background-color:#999; color:#fff;}
.pagination ul.pagination li.active a, .bottomTable ul.pagination li.active a{background-color:#999;color:#fff;}


.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; }