/* verde: #ffbb33 / viola: #008bb7 */
* {box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {font-family: 'Source Sans Pro', sans-serif; font-size: 14px; margin:0; color: #575a65; background-color: #f8f8f8;}
input, button {outline: 0;}
textarea {height: 80px; padding: 10px; box-sizing: border-box; margin-bottom: 20px;}
h1 {font-size: 1.8em; color: #008bb7;}
h2 {color: #777777;}
h2.green {color: #ffbb33;}
h3 {color: #e32213; font-size: 1.2em; font-weight: 500; text-transform: uppercase;}
h3.subtitle {color: #008bb7; font-weight: 500; text-transform: uppercase; margin-top: -20px; margin-bottom: 50px;}
/*h4 {font-size: 0.85em; color: #008bb7; border-bottom: 2px solid #ffbb33;}*/
h4 {
    /*font-size: 1.5em;*/
    color: #008bb7;
    /* border-bottom: 2px solid #ffbb33; */
}

hr {border:1px solid #008bb7;}
dt {color: #575a65; font-size: 0.8em; font-weight: 700;}
dd {font-size: 1.2em;margin-left: 0px; margin-bottom: 7px; padding-bottom: 5px; border-bottom: 1px solid #eaeaea;}
a {cursor: pointer;color: #008bb7;}
a.list {display: block; width: 100%;}
a.info{cursor: pointer; color: #008bb7; border: 1px solid;  border-radius: 50%; display: inline-block; width: 25px; height: 25px;line-height: 23px; text-align: center; vertical-align: bottom; margin-left: 5px;}

.w-100 {width:100%;}
.w-75 {width:75%;}
.w-50 {width:50%;}
.w-25 {width:25%;}
.mB_20 {margin-bottom:20px;}
.mT_20 {margin-top:20px;}
.two-columns {column-count: 2;}
.three-columns {column-count: 3;}
.separator {width: 100%; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #008bb7;}
.txtCenter {text-align:center;}
.txtLeft {text-align:left;}
.txtRight {text-align:right;}
.vAlignMiddle {vertical-align:middle !important;}

.green {color: #55c37d !important;}
.red {color: #f5707a !important;}
.blue {color: #008bb7;}
.orange {color: #ffbb33;}
.greyLight {color: #eaeaea;}
.grey {color: #f8f8f8;}
.greyDark {color: #575a65;}

.fw400 {font-weight: 400;}
.fw700 {font-weight: 700;}

/* Messaggio */
.msgContent {max-width: 500px; margin: 40px auto; padding: 20px; text-align:center; border: 1px solid #ddd;background-color:#fff;}
.msgContent p {font-size: 1.2em;}
.msgContent .countdown {text-align: center;}

/* Login */
.bg-index {height: 614px; background-image: url(../../condivisi/grafica/index-header.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.boxLogin {max-width: 352px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 4px 8px #0000001A; border-radius: 4px; padding: 40px; position: absolute; top: 50%; left: 50%; margin-left: -176px; margin-top: -225px; box-sizing:border-box;}
.boxLogin input[type="text"], .boxLogin input[type="password"], .boxLogin input[type="email"], .boxLogin input[type="submit"] {width:100%; height:40px; margin:10px 0; border: 1px solid #AAAAAA; }
.boxLogin input[type="text"], .boxLogin input[type="password"], .boxLogin input[type="email"] {padding:0 10px 0 30px;}
.wrapLogo {width:100%; text-align:center; margin-bottom:10px;}
.user {background-image: url(../../condivisi/grafica/user-ico.png); background-repeat: no-repeat; background-position: left 10px center;}
.password {background-image: url(../../condivisi/grafica/password-ico.png); background-repeat: no-repeat; background-position: left 10px center;}

/* Header */
#header {/*position: sticky; top: 0px;*/}
.headerBox {height: 80px; padding: 0 20px; display: flex; justify-content: space-between;  align-items: center; background-color: #fff;}
.headerBox img {max-height: 50px;}
.headerBox h1 {font-size: 20px; color:#1d3855; font-weight:bold; text-indent:0; border:none;}
.headerBox span, .headerBox a {color:#008bb7; text-decoration:none; padding:0 10px; background-color: #ffffff94;}

/* Main */
#main {min-height: calc(100vh - 140px);}


/* Footer */
#footer {/*position: sticky; bottom: 0px;*/ width: 100%; min-height: 60px; padding: 5px; background-color: #333; color:#fff;}
.footerMenu {display: flex; align-items: center; justify-content: center; height: 100%;}
.footerDisclaimer {font-size: 0.8em; text-align:center; margin-top: 5px;}

.mainWrapper {width: 100%; height: 100%; /*padding: 10px;max-width:1500px; margin:90px auto;*/ /*padding:80px 0;*/}

/* Layout */
header.title {display: flex; justify-content: space-between; align-items: center; min-height: 50px; position: sticky; top: 0px; padding: 0 20px; background-color: #008bb7;color:#fff;z-index: 1500;box-shadow: 0px 10px 20px -20px #000; /*margin-bottom: 10px;*/}
header.title .headerButtons {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
header.title .headerButtons > * {margin-left: 5px;}
header.title a {color: #fff;}
.searchLayout {display: flex; /*height: calc(100vh - 200px); overflow: auto;*/}
h1.title {margin: 0; color: #fff;/*height: 50px; line-height: 50px; */font-size: 1.2em;}
.leftCol {width: 250px; height: 100%; /*height: calc(100vh - 150px);*/ padding: 0 15px; /*overflow-y: scroll;*/}

div.tourCategory {display: flex; justify-content: space-between; align-items: center; height: 50px; position: sticky; top: 50px; padding: 0; background-color: #fff;/*color:#fff;*/z-index: 2;box-shadow: 0px 10px 20px -20px #000; /*margin-bottom: 10px;*/}
/*
div.tourCategory > *:first-child {flex-basis: 0%;}
div.tourCategory > *:nth-child(2) {flex-basis: 75%;}
div.tourCategory > *:last-child {flex-basis: 25%;}
*/
div.tourCategory h2 {color: #008bb7;}

div.categoryDescription {margin: 20px 0;font-size: 1.2em;line-height: 1.5;text-align: justify;}

.row {display: flex; width: 100%;}
.col {width: 100%; padding: 50px;}
.col.boxed {max-width: 1200px; margin: 0 auto;}
.col.form {margin-top: 50px; background-color:#FFF; box-shadow: 0 0 20px -20px #000;}
.f100 {flex-basis: 100% !important;}
.f50 {flex-basis: 48% !important;}

.tappe > * {margin-bottom: 5px;}

/* Ricerche */
/*
.ricerche {width: 100%; height: 100%;}
.ricerche > ul {padding: 15px; margin: 5px 0; list-style: none;  border: 1px solid #eee; background-color: #fff; overflow-y: auto;}
*/
.ricerche > ul{list-style: none; margin: 10px 0; padding: 0;border: 1px solid #eaeaea;}
.ricerche > ul > li{display: flex;justify-content: space-between;align-items: center; background-color: #fff; padding: 5px 0px; height: 45px;border-bottom: 1px solid #eee;}
.ricerche > ul > li > span{margin: 0 10px; cursor: pointer;}
.ricerche > ul > li > span:last-child{color: #f5707a; cursor: pointer;}

/* Liste */
.checkboxListe  {list-style: none; margin: 10px 0; padding: 0;}
.checkboxListe > li {background-color: #fff; padding: 8px 0px;border-bottom: 1px solid #eaeaea;}
.checkboxListe > li:hover {font-weight: bold;background-color: #eee;}
.checkboxListe > li.checked {color: #ccc; }
.checkboxListe label {display: block; width: 100%; height: 100%;cursor: pointer; }
.checkboxListe input[type=checkbox] {opacity:1;}

/* Lista navigabile */
.listaNavigabile {list-style: none; margin: 0; padding: 0;}
.listaNavigabile, .listaNavigabile ul {list-style: none;}
.listaNavigabile, .listaNavigabile ul:first-child {margin: 0; padding: 0;}
.listaNavigabile .toggle {cursor: pointer;font-size: 2em;}
.listaNavigabile .listItem {display: flex; align-items: center; margin: 8px 0;}
.listaNavigabile label {display: flex; align-items: flex-start;}
.listaNavigabile label.attivo {color: #008bb7;}
.listaNavigabile label:hover {font-weight: bold;background-color: #eee;}

/* Filtri */
.filters {width: 100%;position: sticky; top:70px; height: 50px; background-color:#fff;z-index:2; display: flex; align-items: center; justify-content: center;padding: 10px;}
.filters > * {display:flex; flex-direction:column; flex: 1; max-width:200px; margin-right: 5px;}
.filters label {font-size: 0.8em; color:#777;}
.filters input, .filters select, .filters textarea {height: 30px;  background-color: #fbfafb; border: 0; /*border-bottom: 1px solid #cdcfcf;*/padding: 0 10px; font-size: 1.0em; color: #008bb7;}

.filters .filterTitle {background-color: #fff; padding: 12px; cursor: pointer; border-bottom: 1px solid #eaeaea;}
.filters .filterTitle h3{display: flex; justify-content: space-between; color: #575a65; font-weight: 600; margin: 0;}
.filters .filterTitle:hover h3 {color: #008bb7;}

.filtriApplicati {list-style: none; margin: 0; padding: 0;}
.filtriApplicati > li > ul{list-style: none; margin: 10px 0; padding: 0;border: 1px solid #eaeaea;}
.filtriApplicati > li > ul > li{display: flex;justify-content: space-between;align-items: center; background-color: #fff; padding: 5px 0px;}
.filtriApplicati > li > ul > li > span{margin: 0 10px;}
.filtriApplicati > li > ul > li > span:last-child{color: #f5707a; cursor: pointer;}
.filtriApplicati > li > ul > li > span:nth-child(2){flex-grow: 1;}
.filtriApplicati > li > ul > li > span .checkboxSwitch input:checked + .slider {background-color:#4bd396;}
.filtriApplicati > li > ul > li > span .checkboxSwitch .slider {background-color:#f5707a;}
.filtriApplicati > li > ul > li > span .checkboxSwitch input ~ .label:before {content: attr(data-unchecked); color: #f5707a;}
.filtriApplicati > li > ul > li > span .checkboxSwitch input:checked ~ .label:before {content: attr(data-checked); color: #4bd396;}


.checkboxFilters  {list-style: none; margin: 10px 0; padding: 0;}
.checkboxFilters > li {background-color: #fff; padding: 8px 0px;border-bottom: 1px solid #eaeaea;}
.checkboxFilters > li:hover {font-weight: bold;background-color: #eee;}
.checkboxFilters > li.checked {color: #ccc; }
.checkboxFilters label {display: block; width: 100%; height: 100%;cursor: pointer; }
.checkboxFilters input[type=checkbox] {opacity:0;}

.textFilter {width: 100%; border: 0; border-bottom: 1px solid #555; height: 50px; font-size: 1.3em;}
.selectFilter {width: 100%; border: 0; border-bottom: 1px solid #555; height: 50px; font-size: 1.3em; outline: none;}

/* Risultati */
.searchResult {}
table.style_1 {width: 100%;}
table.style_1 thead{position: sticky; top:120px; background-color: #eeeeee;}
table.style_1 th{cursor: pointer; height: 50px;}
table.style_1 th[data-order]:after{content:"\21F5";padding-left: 5px;}
table.style_1 td {padding: 20px;}
table.style_1 tbody tr {background-color: #fff;}
table.style_1 tbody tr:hover {background-color: #f1f1f1;}
table.style_1 a {text-decoration: none; font-weight: bold; color: #008bb7;}
table.style_1 a:hover {text-decoration: underline;}

table.style_2 {width: 100%;border-collapse: collapse;}
table.style_2 th{cursor: pointer; height: 50px; background-color: #eaeaea;}
table.style_2 th[data-order]:after{content:"\21F5";padding-left: 5px;}
table.style_2 td {padding: 20px; border: 2px solid #eaeaea}
table.style_2 tbody tr {background-color: #fff;}
table.style_2 tbody tr:hover {background-color: #f1f1f1;}
table.style_2 a {text-decoration: none; font-weight: bold; color: #008bb7;}
table.style_2 a:hover {text-decoration: underline;}

.paginazione {position: sticky; bottom: 0; width: 100%; text-align: center;list-style: none;padding: 20px; margin:10px 0; background-color: #fff; box-shadow: -20px -20px 60px -15px #fff;}
.paginazione li {display: inline-block;padding: 0 5px;margin: 0 5px;/*width: 30px;height: 30px;*/line-height: 25px;text-align: center;border: 1px solid #eaeaea; cursor: pointer;}
.paginazione li.active {background-color: #008bb7; color: #fff; border-color: #008bb7;}
.paginazione li:hover {background-color: #eee;}
.paginazione li.active:hover {background-color: #008bb7;}

.pagato {color: #55c37d; font-weight: bold;}

/* ************************* */
/* ELEMENTI GRAFICI STANDARD
/* ************************* */
/* Cards */
.card-container {display: flex;justify-content: space-between;flex-wrap: wrap;}
.card-container > div {flex: 1; flex-basis:45%;}

.card-box {margin: 15px; background-color: #fff; border: 1px solid #eaeaea; padding: 20px; max-height: 500px; overflow-y: auto;}
.card-box .card-title h4 {font-size: 1.2em; margin:0; padding: 0 0 10px 0;}
.card-box .card-content {}
.card-box .card-icon {}

.card-stats {display: flex; background-color: #fff; border: 1px solid #eaeaea; height: 200px; padding: 20px; flex: 1; margin: 15px;}
.card-stats .card-title h4 {font-size: 1.2em; font-weight: 600; margin:0; margin-bottom: 10px; border-bottom:0;color: #575a65}
.card-stats .card-value {font-size: 1.8em; font-weight: 700; color: #008bb7; margin-bottom: 5px;}
.card-stats .card-content {flex: 1;display: flex;  flex-direction: column; justify-content: space-between;}
.card-stats .card-icon {flex: 1; display: flex; justify-content: flex-end; align-items: center; height: 100%; }

.fs70 {font-size: 70px;}

/* MENU DI NAVIGAZIONE */
/* Menu header */
.topNav {display: flex; align-items: center;}
.topNav .menu {font-size: 45px; cursor: pointer;}
.topNav > *:not(:last-child) {border-right: 1px solid #ccc;}

/*Menu laterale*/
.panel-menu-container{position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 1600; background-color: transparent; visibility:hidden; transition: 0.3s;}
.panel-menu-container  header {width: 100%; height: 65px; display: flex; align-items: center; justify-content: space-between; background-color: #008bb7;  color: #fff; padding: 0 20px; font-weight: bold;}
.panel-menu {width: 400px; height:100%; position:fixed; top:0; right: 0; margin-right: -400px; background-color:#fff; z-index:9; box-shadow: none; transition: 0.3s;}
.panel-menu-container.open {visibility:visible; background-color: rgb(0,0,0,0.8);}
.panel-menu-container.open .panel-menu {margin-right: -0; box-shadow:0 0 25px -5px #333;}
.panel-menu .btn-close{font-size: 2.0em; cursor: pointer;}
.panel-menu .content-menu {}
.panel-menu .content-menu h2 {border-bottom: 1px solid #ccc; padding: 20px;}
.panel-menu .content-menu ul {list-style:none; padding: 0 15px;}
.panel-menu .content-menu ul li {height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}
.panel-menu .content-menu ul li a {display: block; width: 100%; height: 100%; text-decoration:none; color:#555;font-size: 1.2em;}
.panel-menu .content-menu ul li a:hover {color:#008bb7;}
.panel-menu .content-menu ul li a > i {vertical-align: text-bottom; margin-right: 20px;}

.panel-menu .logo {border-bottom: 1px solid #ccc; padding: 20px; text-align: center;}
.panel-menu .logo img{max-width: 200px;}



/* TABS */
.tabs {height: 100%;}
.tabs > section {height: calc(100% - 51px); overflow: auto;}
.tabs > ul{display: flex; width: 100%; border-bottom: 3px solid #008bb7; background-color: #eee; margin: 0; padding: 0;list-style-type: none;}
.tabs > ul li{/*display: inline-block; width: auto;*/ padding: 15px; transition: 0.5s;}
.tabs > ul li a {color: #008bb7; text-decoration: none; font-weight: bold;}
.tabs > ul li.selected {background-color: #008bb7;}
.tabs > ul li.selected a {color: #fff;}


/* Slides */
.wrapContent {max-width:1500px; margin:0px auto; padding:80px 0;}
.contentBox {padding:20px;}
.sample {width: 500px; height: 60px; line-height: 38px; border: 1px solid #AAAAAA; background-color: #fff; padding: 10px 80px 10px 140px; margin-bottom:15px; border-radius: 4px; overflow: hidden; font-size: 20px; position: relative; box-sizing:border-box;}
.sample a {text-decoration: none;}
.sample .code {width:8%; background-color: #008bb7; color: #fff; text-align:center; line-height: 58px; position: absolute; left: 0; top: 0; bottom: 0; padding: 0px 40px;}
.sampleTxt {color:#777777;}
.sampleBtn {background-color: #ffbb33; position: absolute; right: 0; top: 0; bottom: 0; padding: 0px 25px; line-height: 58px; color: #fff;}
.awPoints {color:#008bb7; display:inline-block; width: 65px; text-align: center; border:1px solid #AAAAAA; border-radius:4px; font-size: 2em;}
.awPoints > span:nth-child(2) {font-size: 0.5em;}
.popUpDescriptors {box-shadow: 0px 4px 8px #0000001A; background-color: #fff; border-radius: 4px; padding: 50px; width:80%; height: auto; margin: 0 auto; position: absolute; top: 220px; left: 0; right: 0; z-index: 1000; box-sizing: border-box;}
.intensity span {width: 100%; display: block; color: #777;}
.intensity label:first-child {min-width: 100px; display: inline-block;}
.descriptorsSelection > span:nth-child(1) {font-size: 1.2em; color:#008bb7;}
.descriptorsSelection > span:nth-child(2) {font-size: 0.85em; color:#ffbb33;}
.descriptorsSelection > span:nth-child(2) > span {padding: 1px 10px; }
.descriptorsSelection > span:nth-child(2) > span:not(:first-child) {border-left: 1px solid #008bb7;}

/*
.popUp {position: fixed; width: 100%; height: 100%; top:0; left: 0;background-color: rgb(0,0,0,0.8); z-index: 999;}
.popUpContent {background-color: #fff; border-radius: 4px; width:50%; height: auto; max-height: calc(100vh - 300px); margin: 0 auto; position: fixed; top: 150px; left: 0; right: 0;  overflow: auto;z-index: 1000; box-sizing: border-box;}
.popUp.popUpLeft .popUpContent {width: 100%; max-width: 700px; height: 100%; top: 0; left: 0; max-height: unset; margin: unset; right: unset;}
*/
.popUp {position: fixed; width: 100%; height: 100%; top:0; left: 0;background-color: rgb(0,0,0,0.8); z-index: -1;display: flex; opacity:0;flex-direction: column; justify-content: center;  align-items: center; transition:0.2s;}
.popUp.show {opacity:1; z-index: 1999;}
.popUpContent {background-color: #fff; border-radius: 20px 20px 0 0; width:90%; height: 90%; max-width:1200px; z-index: 2000; overflow: hidden; box-sizing: border-box;}
.popUp.popUpLeft {align-items:flex-start;}
.popUp.popUpLeft .popUpContent {width: 100%; max-width: 700px; height: 100%;}
.popUp.popUpBottom {justify-content: flex-end;}
.popUp.popUpBottom .popUpContent {width: 100%; height: 95%; transform: translateY(100%); transition: 0.2s;}
.popUp.popUpBottom.show .popUpContent {transform: translateY(0);}



.popUpContent header{position: sticky; top: 0; border-bottom: 1px solid #eaeaea; width: 100%; height: 70px; display: flex; justify-content: space-between;align-items: center; padding: 0 20px; background-color: #fff; margin-bottom: 10px;z-index:2;}
.popUpContent header h1{margin: 0;}
.popUpContent .popUpMain{padding: 0 40px 40px 40px; overflow: auto; height: calc(100% - 70px);}

.popUpContent footer {position: sticky; bottom: 0;  background-color: #fff; border-top: 1px solid #eaeaea;}
.popUpOff {width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; background-color: #ffffff;}
.popUpContent textarea{width: 100%;}
.popUpOff:after {content:"\00d7"; font-size: 4em; color:#008bb7;}

.popUpButtons {width: 100%; padding: 20px 40px; display: flex;justify-content: flex-end;}
.popUpButtons > *{width: auto; margin-left: 15px;}

#DownloadRisultati .popUpMain{display: flex;}
#DownloadRisultati .popUpMain > div:first-child{flex: 3;}
#DownloadRisultati .popUpMain > div:last-child{flex: 2;padding-left: 20px;}

.formField {margin-bottom: 10px;}

.customScrollbar, .popUpContent, .leaflet-popup-content {scrollbar-width:thin;}
.customScrollbar::-webkit-scrollbar, .popUpContent::-webkit-scrollbar, .leaflet-popup-content::-webkit-scrollbar {width:7px;}
.customScrollbar::-webkit-scrollbar-track, .popUpContent::-webkit-scrollbar-track, .leaflet-popup-content::-webkit-scrollbar-track {background:#f1f1f1;}
.customScrollbar::-webkit-scrollbar-thumb, .popUpContent::-webkit-scrollbar-thumb, .leaflet-popup-content::-webkit-scrollbar-thumb {background:#aaa;}
.customScrollbar::-webkit-scrollbar-thumb:hover, .popUpContent::-webkit-scrollbar-thumb:hover, .leaflet-popup-content::-webkit-scrollbar-thumb:hover {background:#008bb7;}
/*
.leaflet-popup.popupAziende .leaflet-popup-content > ul {list-style: none;padding: 0; margin: 0;}
.leaflet-popup.popupAziende .leaflet-popup-content > ul > li {display: flex; flex-direction: column; border-bottom: 1px solid #eaeaea; padding: 5px 0;}
.leaflet-popup.popupAziende .leaflet-popup-content > ul > li > span {display: flex; flex-direction: row; justify-content: space-between;}
*/
.leaflet-popup.popupAziende .leaflet-popup-content {max-height: 300px; overflow-y:auto; padding-right: 10px;}
.leaflet-popup.popupAziende .leaflet-popup-content > dl > dt {font-size: 1em;}
.leaflet-popup.popupAziende .leaflet-popup-content > dl > dd {display: flex; flex-direction: row; justify-content: space-between; min-width: 220px;}

i.trending-up:before{content:"\e8e5"; }
i.trending-down:before{content:"\e8e3"; }
i.trending-flat:before{content:"\e8e4"; }
i.show-chart:before{content:"\e6e1"; }
i.ssid-chart:before{content:"\eb66"; }
i.arrow-upward:before{content:"\e5d8"; }
i.arrow-downward:before{content:"\e5db"; }
i.horizontal-rule:before{content:"\f108"; }
i.people-alt:before{content:"\ea21"; }
i.leaderboard:before{content:"\f20c"; }
i.chevron-right:before{content:"\e5cc";}
i.chevron-left:before{content:"\e5cb";}
i.delete-forever:before{content:"\e92b";}
i.edit:before{content:"\e3c9";}
i.file-download:before{content:"\e2c4";}
i.search:before{content:"\e8b6";}
i.menu:before{content:"\e5d2";}
i.logout:before{content:"\e9ba";}
i.list:before{content:"\e0ee";}
i.browser-updated:before{content:"\e7cf";}
i.manage-search:before{content:"\f02f";}
i.help-center:before{content:"\f1c0";}
i.navigate-before:before{content:"\e408";}
i.navigate-next:before{content:"\e409";}
i.last-page:before{content:"\e5dd";}
i.first-page:before{content:"\e5dc";}
i.add:before{content:"\e145";}
i.remove:before{content:"\e15b";}
i.expand-more:before{content:"\e5cf";}
i.expand-less:before{content:"\e5ce";}
i.checkbox-blank:before{content:"\e835";}
i.checkbox-checked:before{content:"\e834";}
i.checkbox-indeterminate:before{content:"\e909";}
i.model-training:before{content:"\f0cf";}
i.share:before{content:"\e80d";}
i.ios-share:before{content:"\e6b8";}


/**************/
/* CAMPI FORM */
/**************/
.fieldGroup {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.fieldGroup > label.checkboxRound {flex-basis: 33%;}
.inputField {display: flex; flex-direction: column;margin: 0 0 10px 10px; min-width:48%; flex:1;flex-basis: 48%; /*auto;*/}
.inputField > label {order: -1; /*padding-left: 5px;*/ transition: all 0.2s ease-in; /*pointer-events: none;*/ /*font-size: 0.8em;*/ margin-bottom: 5px;}
.inputField > input,.inputField > select {width: 100%;}
.inputField .subFields {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 0 -5px;}
.inputField .subFields > * {flex: 1; margin:0 5px;}
.inputField .subFields.mansioni > * {flex: 1; flex-basis: 48%; margin:0 5px;}

.adminForm input[type="text"],.adminForm input[type="number"],.adminForm input[type="email"],.adminForm input[type="tel"],.adminForm input[type="password"],.adminForm input[type="date"],.adminForm input[type="time"],.adminForm input[type="datetime-local"], .adminForm select, .adminForm textarea {height: 50px;  background-color: #fbfafb; border: 0; border-bottom: 1px solid #cdcfcf;padding: 10px; font-size: 1.2em; color: #008bb7;}
.adminForm input[type=button],.adminForm input[type=submit] {width:100%; height:40px; margin:10px 0;  border: 1px solid #AAAAAA; border-radius: 4px; box-sizing:border-box;     background-color: #008bb7; color: #fff; font-weight: bold; cursor: pointer; font-family: 'Raleway', sans-serif;}
.adminForm input[type=submit]:disabled {background-color:#eee; color: #ccc}
.adminForm .check {background-color: #fce4d5; color: #ed711e;}



/*
.inputQuestion{display: flex; flex-direction: row; justify-content: space-between; margin: 0 0 10px 0; flex:1;align-items: center; background-color: #eee; padding: 5px 10px;}
.inputQuestion > label{font-weight: bold; color: #008bb7;}

.sectionHide {position:absolute;visibility: hidden;}

textarea.note {width: 100%; height: 200px;}

.advice {font-size: 0.9em; font-weight: 500; color: #008bb7; padding: 3px;}
.advice:before {content:"\261B";display: inline-block; width: 20px; height: 20px; background-color: #008bb7; color: #fff; text-align: center; line-height: 20px; border-radius: 50%; margin-right: 5px;}
*/

.fieldErrorMsg {display: none; font-size: 0.9em; font-weight: 500; color: #f44336; padding: 3px;}
.fieldErrorMsg:before {content:"!";display: inline-block; width: 20px; height: 20px; background-color: #f44336; color: #fff; text-align: center; line-height: 20px; border-radius: 50%; margin-right: 5px;}
.formErrore::-webkit-input-placeholder {color:#f44336;}
.formErrore::-moz-input-placeholder {color:#f44336;}
.formErrore::-ms-input-placeholder {color:#f44336;}
.formErrore {color:#f44336 !important; border-color:#f44336 !important;}
.alertMsg {position: fixed; width: 100%; height: 100px; bottom:0px; margin-bottom: -100px; background-color: #f44336; color: #fff; font-weight: bold; font-size: 1.5em; text-align: center; transition: 0.3s;z-index:2;}
.alertMsg .col {padding: 0; padding-top: 30px; }
.alertMsg.show {margin-bottom: 0;;}
/*
.inputField label {order: -1; padding-left: 5px;transition: all 0.2s ease-in; transform: translateY(30px); pointer-events: none; opacity: 0;font-size: 0.8em;}
.inputField input:focus + label {transform: translateY(20px); opacity: 1;}
*/

/* upload file */
.fileAllegati {list-style: none; background-color: #efefef; padding: 15px}
.fileAllegati .delete {display:inline-block; margin-right:5px; color:#ff0000; cursor:pointer;}
/*pulsante input file*/
.custom-file-input::-webkit-file-upload-button {cursor:pointer; padding: 10px 20px; font-weight: bold; text-align: center; text-decoration: none; border: 0; background-color: #008bb7; color: #fff; border: 1px solid #008bb7; -webkit-transition:.4s;transition:.4s;}
.custom-file-input::file-selector-button {cursor:pointer; padding: 10px 20px; font-weight: bold; text-align: center; text-decoration: none; border: 0; background-color: #008bb7; color: #fff; border: 1px solid #008bb7; -webkit-transition:.4s;transition:.4s;}
.custom-file-input::-ms-browse {cursor:pointer; padding: 10px 20px; font-weight: bold; text-align: center; text-decoration: none; border: 0; background-color: #008bb7; color: #fff; border: 1px solid #008bb7; -webkit-transition:.4s;transition:.4s;}

/************/
/* CHECKBOX */
/************/
/* Standard */


/* Switch */
.checkboxSwitch {display:inline-block; width:100%; height:25px; text-indent: 60px; line-height: 25px; position:relative; color: #575a65; font-size: 0.85em; font-weight: 500;}
.checkboxSwitch input {position: absolute; opacity:0; width:0; height:0;}
.checkboxSwitch .slider {position:absolute; width:48px; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s;}
.checkboxSwitch .slider:before {position:absolute; content:""; height:20px; width:20px; left:4px; bottom:3px; background-color:white; -webkit-transition:.4s; transition:.4s;}
.checkboxSwitch input:checked + .slider {background-color:#008bb7;}
.checkboxSwitch input:focus + .slider {box-shadow:0 0 1px #2196F3;}
.checkboxSwitch input:checked + .slider:before {-webkit-transform: translateX(21px); -ms-transform: translateX(21px); transform: translateX(21px);}
.checkboxSwitch .slider.round {border-radius:34px;}
.checkboxSwitch .slider.round:before {border-radius:50%;}

/* Button */
.checkboxButton {display:inline-block; width:auto; height:35px;}
.checkboxButton input {opacity:0; width:0; height:0;}
.checkboxButton .button {cursor:pointer; padding: 10px; border: 1px solid #008bb7; background-color:#fff; color: #008bb7; border-radius: 25px; -webkit-transition:.4s;transition:.4s;}
.checkboxButton input:checked + .button {background-color:#008bb7; color: #fff; border-color: #008bb7;}
.checkboxButton input:focus + .button {box-shadow:0 0 1px #2196F3;}

/************/
/* RADIO    */
/************/
/* Button */
/*
.radioButton {display:inline-block; width:auto; height:auto;}
.radioButton input {position: absolute; opacity:0; width:0; height:0;}
.radioButton .button {display: block; width: 260px; padding: 10px 0; text-align: center; border: 1px solid #ffbb33; background-color:#fff; color: #ffbb33; border-radius: 25px; cursor:pointer; -webkit-transition:.4s;transition:.4s; margin-bottom: 10px; margin-right: 10px;}
.radioButton input:checked + .button {background-color:#008bb7; color: #fff; border-color: #008bb7;}
.radioButton input:focus + .button {box-shadow:0 0 1px #2196F3;}
*/
.radioButton {display:inline-block;width: 100%;height:auto;}
.radioButton input {position: absolute; opacity:0; width:0; height:0;}
.radioButton .button {display: block;width: auto;padding: 10px 0;text-align: center;border: 1px solid #008bb7;background-color:#fff;color: #008bb7;/* border-radius: 25px; */cursor:pointer;-webkit-transition:.4s;transition:.4s;/* margin-bottom: 10px; *//* margin-right: 10px; */}
.radioButton input:checked + .button {background-color:#008bb7; color: #fff; border-color: #008bb7;}
.radioButton input:focus + .button {box-shadow:0 0 1px #2196F3;}
.radioButton input:disabled + .button {background-color:#f2f2f2; border-color: #e3e3e3;color:#9b9b9b;}

/* Number */
.radioNumber {display:inline-block; width:auto; height:30px; font-weight: bold; margin: 0 15px 20px 0;}
.radioNumber input {position: absolute; opacity:0; width:0; height:0;}
.radioNumber .button {position: relative; display: block; cursor:pointer; width: 28px; height: 28px; text-align: center; line-height: 30px; border: 2px solid #aaa; background-color:#fff; color: #aaa; border-radius: 50%; -webkit-transition:.4s;transition:.4s;}
.radioNumber .button::after {content:""; position: absolute; top: 2px; left: 2px; display: block; width: 22px; height: 22px; line-height: 24px; border: 1px solid #d4d4d4;  border-radius: 50%;}
.radioNumber input:checked + .button {background-color:#008bb7; color: #fff; border-color: #008bb7; box-shadow: 0 0 10px 0px #777; }
.radioNumber input:checked + .button::after {border-color: #008bb7;}

/************/
/* PULSANTI */
/************/
.btn {display: inline-block; cursor:pointer; padding: 10px 10px; font-weight: bold; text-align: center; text-decoration: none; -webkit-transition:.4s;transition:.4s;}
.btn.action {background-color: #fff; color: #008bb7; border: 1px solid #008bb7;  width: 260px;}
.btn.confirm {background-color: #008bb7; color: #fff; border: 1px solid #008bb7;}
.btn.action:disabled, .btn.confirm:disabled{background-color: #6894c1;  border: 1px solid #6894c1;}
.btn.action:hover, .btn.confirm:hover{background-color: #ffbb33; border: 1px solid #ffbb33;}

.btn.secondary {background-color: #fff; color: #008bb7; border: 1px solid #008bb7;}
.btn.tertiary {background-color: #fff; color: #ffbb33; border: 1px solid #ffbb33;}
.btn.secondary:disabled, .btn.tertiary:disabled{color: #6894c1; border: 1px solid #6894c1;}
.btn.secondary:hover, .btn.tertiary:hover{color: #ffbb33;border: 1px solid #ffbb33;box-shadow: 0px 0px 20px -15px #000}

@media screen and (min-width: 0px) and (max-width: 600px) {
.wrapContent {margin:10px auto;}	
.two-columns, .three-columns {column-count: 1;}
.stepNav .btn {min-width:120px; margin-bottom:10px;}	
header {background-size:auto 100%; background-position: -370px center;}	
.sample {width:100%;}
.popUpDescriptors, .popUpHelp {width:97%;}
.stepNav .total span {font-size:25px; margin-left:50px;}
#medal.gold, #medal.silver, #medal.noaward {font-size: 20px;}
.col {padding:20px;}
.col.form {margin-top:0;}
/*
.topNav > span:first-child{display: none;}
.topNav > a{display: none;}

header.title .headerButtons {align-items: stretch;  flex-direction: column;}
*/
}
/* ----------------------- SMARTPHONE ------------------*/
@media screen and (min-width: 601px) and (max-width: 768px) {
.wrapContent {margin:10px auto;}	
.three-columns {column-count: 1;}	
header {background-size:auto 100%; background-position: -210px center;}
.popUpDescriptors, .popUpHelp {width:97%;}
.col {padding:20px;}
.col.form {margin-top:0;}
/*
.topNav > span:first-child{display: none;}
.topNav > a{display: none;}

header.title .headerButtons {align-items: stretch;  flex-direction: column;}
*/
}
/* ----------------------- TABLET LANDSCAPE ------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
.wrapContent {margin:10px auto;}	
.three-columns {column-count: 1;}	
header {background-size:100% 100%; background-position: -50px center;}

/*header.title .headerButtons {align-items: stretch;  flex-direction: column;}*/
}
/* ----------------------- OVER ------------------*/
@media only screen and (min-width: 1025px){

}