* {
  /* background-color: #fad42e ; */
  margin: 0px;
  padding: 0px;
}

img {
  border: none;
}

body {
  font-family: Calibri, "Trebuchet MS", sans-serif;
  font-size: 9pt;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  background-color: #fff;
  padding: 2px 10px;
  margin: auto;
}

h1 {
  font-size: 18pt;
  margin: 5px;
  float: left;
}

h3.pageTitle {
  /*border-bottom:1px solid;*/
  color: #5c9ccc;
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
  padding-bottom: 3px;
  /* margin-top: 20px;*/
  /* margin-bottom: 10px; */
}

h3.pageTitle a {
  color: #5c9ccc;
}

a img {
  vertical-align: top;
  margin-right: 2px;
}

table {
  border-collapse: collapse;
}

.ui-widget-overlay {
  height: 500% !important;
}

.listTb {
  width: 100%;
  border-collapse: collapse;
}

.listTb .pari td {
  background-color: #efefff;
}

.listTb .dispari td {
  background-color: #ffffff;
}

.listTb th,
.listTb td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}

.listTb th {
  text-align: left;
}

.listTb a {
  float: left;
  padding: 2px;
}

.listTb .centered {
  text-align: center;
}

.listTb .nImport {
  width: 100px;
  text-align: right;
}

.listTb .scaduto {
  color: #cc0000;
}

.sepPanelH {
  clear: both;
  height: 0px;
  margin: 0px 0px 5px 0px;
}

.ShadowBackgroundStyle {
  z-index: 900;
  background-color: #fff;
  height: 500%;
  left: 0pt;
  /*filter: alpha(opacity=75);*/
  /*-moz-opacity: 0.75;*/
  opacity: 0.75;
  position: absolute;
  top: 0pt;
  width: 100%;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.center {
  text-align: center !important;
}

.bold {
  font-weight: 700;
}

.floatright {
  float: right;
}

.cmdButton {
  cursor: pointer;
}

#ui-datepicker-div {
  display: none;
}

#GeneralLoading .BoxContainerStyle {
  left: 50%;
  top: 30%;
  position: fixed;
  /*absolute;*/
  z-index: 901;
}

#GeneralLoading .BoxContainerStyle .BoxBodyStyle {
  position: relative;
  left: -50%;
  z-index: 902;
  padding: 10px;
}

#contenitore {
  float: left;
  width: 100%;
}

#testata {
  float: left;
  width: 100%;
}

#testata img {
  margin-top: 5px;
  float: left;
}

#testata #datiUtente {
  float: right;
  font-weight: normal;
  /* margin: 8px; */
}

#testata a {
  margin: 2px;
  padding: 2px;
  cursor: pointer;
}

#testata #nomeUtente {
  font-weight: bold;
}

#testata #scadenzaPassword {
  font-size: 7pt;
  color: #c00;
}

#corpo {
  float: left;
  width: 100%;
  min-height: 300px;
  height: auto !important;
  height: 300px;
}

#piede {
  float: left;
  width: 100%;
}

#manutenzione {
  min-height: 300px;
  height: auto !important;
  height: 300px;
  margin: 200px 0px 0px 200px;
}

#manutenzione p {
  font-size: 14pt;
}

.navbar {
  float: left;
  width: 100%;
  padding: 5px 0px;
}

.navbar a {
  margin-left: 5px;
}

.intestazioneUtente {
  width: 100%;
  float: left;
  padding: 5px 0px;
  border-top: 1px solid #fad42e;
  border-left: 1px solid #fad42e;
  border-right: 1px solid #fad42e;
}

.intestazioneUtente #nomeCognome {
  font-size: 1.5em;
  margin-left: 10px;
}

.intestazioneUtente #datanascita {
  font-size: 1.2em;
  margin-left: 10px;
  line-height: 16px;
}

.intestazioneSinistra {
  float: left;
  margin-left: 5px;
}

.intestazioneDestra {
  font-size: 8pt;
  float: right;
  line-height: 16px;
  margin-right: 5px;
}

.navigazione {
  float: left;
  width: 100%;
  position: relative;
  padding: 5px 0px 3px 0px;
  background-color: #810010;
  border-left: 1px solid #810010;
  border-right: 1px solid #810010;
  border-bottom: 1px solid #810010;
}

#menu-toggle {
  cursor: pointer;
}

.menu {
  display: inline;
  float: left;
  margin-left: 10px;
}

#fullmenu {
  position: relative;
}

#nav-menu {
  position: absolute;
  left: 0px;
  top: 5px;
  padding: 0;
  z-index: 9999;
  width: 340px;
  text-align: center;
  border: 1px solid #cbdae6;
}

#nav-menu ul {
  margin: 0 auto;
  list-style-type: none;
}

/*
#nav-menu li a{
   text-decoration: none;
   font-size: 1.2em;
   color: #ffffff;
   font-weight: 700;
}
*/

.submenu {
  /* margin-left: 10px; */
  list-style-type: none;
}

.submenu li {
  float: left;
  width: 100px;
  height: 60px;
  margin: 10px 5px;
  text-align: center;
}

.submenu li img {
  margin: 0 auto;
  display: block;
}

.submenu li a {
  text-decoration: none;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: 700;
}

/*


#navbar #nav-menu{
   margin-left: 0;
   padding: 0;

   overflow: hidden;
   z-index: 9999;
}

*/

#login {
  margin: 50px 50px 50px;
  float: right;
}

#login h2 {
  margin: 10px;
}

#login td {
  vertical-align: top;
  padding: 5px;
}

#login input[type="text"],
input[type="password"] {
  width: 160px;
}

#login input[type="submit"] {
  width: 80px;
}

#login label {
  width: 200px;
}

#formLogin,
#formInvioPwd {
  padding: 10px;
}

#formLogin #pwddimenticata td {
  padding-top: 30px;
}

#formLogin .error,
#formInvioPwd .error {
  display: block;
  color: #c00;
}

#nocentri {
  padding: 50px 0px 0px 100px;
}

#profile {
  margin: 150px;
  float: left;
}

#profile h2 {
  margin: 10px;
}

#profile input[type="text"],
input[type="password"] {
  width: 160px;
}

#profile input[type="submit"] {
  width: 80px;
}

#formProfile {
  padding: 10px;
}

#formProfile .error {
  display: block;
  color: #c00;
}

#formPwd input[type="password"] {
  width: 200px;
}

.width200 {
  width: 200px;
}

.width300 {
  width: 300px;
}

#formPwd .error {
  color: #cc0000;
}

#admin #admin-tabs {
  /* margin: 10px 0px;*/
  min-height: 400px;
  height: auto !important;
  height: 400px;
  float: left;
  /* width: 95% */
}

#tab-export {
  width: 85%;
}

.addNew {
  cursor: pointer;
  padding: 3px;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}

#elencoUtenti,
#elencoCentri {
  cursor: pointer;
  padding: 3px;
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}

#operatori_privacy {
  cursor: pointer;
  padding: 3px;
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}

.impostaCalendarioCorrente {
  cursor: pointer;
}

#admin #titolo {
  margin: 10px;
}

.sorter {
  cursor: pointer;
  text-decoration: underline;
}

#duplicaSchedaNome {
  margin: 10px;
}

#duplicaSchedaNome tr {
  height: 25px;
}

#addFlusso {
  text-decoration: none;
}

#caricamento {
  margin: 50px;
  padding: 20px;
  width: 50%;
}

.editTable {
  border-collapse: collapse;
}

.editTable tr {
  height: 25px;
}

.editTable label {
  cursor: pointer;
}

.editForm {
}

.editForm input[type="text"] {
  width: 250px;
  height: 18px;
}

.editForm input[type="checkbox"] {
  vertical-align: bottom;
}

.editForm select {
  width: 250px;
}

.editForm textarea {
  width: 250px;
  height: 55px;
}

.editForm .label {
  width: 250px;
}

.editForm .longLabel {
  width: 240px;
}

.editForm .formButton {
  width: 100px;
  cursor: pointer;
  margin-left: 3px;
}

.editForm .formButtonLarge {
  width: 150px;
  cursor: pointer;
  margin-left: 3px;
}

.editForm input[type="number"] {
  width: 250px;
  height: 18px;
}

.editForm .formButtonGruppoAccoglienza {
  width: 100px;
  height: 22px;
  margin-left: 3px;
  cursor: pointer;
  font-size: 10pt;
  font-weight: bold;
  background-color: white;
  border: 1px solid;
  border-color: red;
  color: red;
}

.editForm .formButtonGruppoAccoglienzaOver {
  width: 100px;
  height: 22px;
  margin-left: 3px;
  cursor: pointer;
  font-size: 10pt;
  font-weight: bold;
  background-color: red;
  border: 1px solid;
  border-color: black;
  color: white;
}

#descrizione_articolo_sifead{
  width: 450px;
  height: 18px;
}

#editUserTable .label {
  width: 350px;
}

.deleteButton {
  cursor: pointer;
  float: left;
}

.editButton {
  cursor: pointer;
  float: left;
}

.exportButton {
  cursor: pointer;
  float: left;
}

.accessiIntestazione {
  margin: 10px;
}

.tabellaAccessi {
  margin: 25px 10px;
}

.presenzaSezione {
  width: 120px;
}

/*
#sezioni-tabs {margin: 15px 0px; width: 100% }
#tab-standard ul {margin-left: 20px; list-style-type: none; }
#tab-standard li {height: 20px}
*/

#editCentroForm label.error {
  color: #c00;
}

#editSchedaNome {
  margin: 10px 0px;
}

#editSchedaNome h3 {
  display: inline;
  vertical-align: middle;
}

#editSchedaForm #editVariabili {
  padding: 1px;
  float: left;
  text-align: center;
}

.sortableList {
  list-style-type: none;
  width: 95%;
}

.sortableList li {
  cursor: pointer;
  margin: 8px 0px;
  height: 25px;
}

#intestazione-tab-altre {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#listaAzioni {
  list-style-type: none;
  margin-bottom: 10px;
}

#listaAzioni li {
  display: inline;
}

#listaAzioni a {
  width: 100px;
  margin: 0px 0px 10px;
  cursor: pointer;
  padding: 2px;
  text-align: center;
}

.sezioneVariabili {
  float: left;
  width: 237px;
  margin-right: 10px;
}

.sezioneVariabili h3 {
  float: left;
  width: 100%;
  font-size: 8pt;
}

.variabiliSezioni {
  list-style-type: none;
  float: left;
  width: 100%;
  background: #eee;
  padding-bottom: 5px;
}

.variabiliSezioni li {
  margin: 0px;
  padding: 2px;
  width: 195px;
  height: 20px;
  cursor: pointer;
}

#editServizioPulsantiTable {
  text-align: right;
  width: 100%;
}

#emporio_responsabile_doc {
  display: none;
}

#emporio_logo {
  display: none;
}

.mainTitle {
  padding: 3px;
}

.mainLayer {
  margin: 5px 0px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
  float: left;
}

.mainLayer h3 {
  margin: 0px 0px 5px 0px;
  font-size: 10pt;
}

.mainLayer h3 a {
  display: block;
  width: 160px;
  padding: 2px;
}

/*.mainLayer table {margin: 10px}*/

.mainLayer .backLink {
  margin: 10px;
  float: right;
  cursor: pointer;
}

.midview {
  width: 84%;
}

.fullview {
  width: 100%;
}

/*.menuLayer{	margin:15px 5px 0px 0px; float: right;  font-size: 12pt}*/

.menuLayer {
  float: left;
  margin: 5px 2px 0px 0px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
  padding: 1px;
}

.menuLayer a {
  padding: 5px;
  display: block;
}

.ultimamodifica-highlight {
  color: yellow !important;
}

/*#ricerca-tabs h3 {margin: 10px}	*/

.searchForm {
  float: left;
  width: 100%;
}

.searchForm h3 {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.searchForm input {
}

.searchForm input[type="text"] {
  width: 250px;
}

.searchForm input[type="checkbox"] {
  vertical-align: bottom;
}

.searchForm select {
  width: 250px;
}

.searchForm .selectLungo {
  width: 358px;
}

.searchForm .selectCorto {
  width: 100px;
}

.searchForm .modoRicerca {
  width: 100px;
}

.searchForm textarea {
  width: 250px;
  height: 100px;
}

.searchForm .label {
  float: left;
  width: 180px;
}

.searchForm .formButton {
  width: 100px;
  cursor: pointer;
}

.searchForm .areaRicerca {
  margin-bottom: 10px;
}

.searchForm .bottoniAreaRicerca {
  margin-left: 180px;
  margin-top: 20px;
}

.searchForm .shuffle {
  margin-left: 5px;
  /* padding: 2px; */
  display: inline-table;
  cursor: pointer;
  position: relative;
  top: 3px;
}

.searchForm .ricercaDataUltimoPassaggio {
  width: 120px !important;
}

.searchForm .labelRicercaDataUltimoPassaggio {
  width: 30px;
  display: inline-block;
  margin-left: 40px;
}

.searchForm .labelRicercaDataUltimoPassaggio:first-of-type {
  margin: 0px;
}

#listaFiltriRicerca {
  list-style-type: none;
  margin-left: 150px;
}

#listaFiltriRicerca li {
  margin: 5px 0px;
  cursor: pointer;
  width: 600px;
}

.etichettafiltro {
  line-height: 25px;
  margin-left: 5px;
}

#addFiltro {
  float: left;
  margin: 2px 0px 2px 120px;
  padding: 2px;
  cursor: pointer;
}

.deleteFiltro {
  float: right;
  margin: 2px;
  padding: 2px;
}

#filtroData {
  margin-top: 20px;
}

#filtroData .label {
  margin-top: 10px;
}

#filtroAutocomplete {
  margin-top: 20px;
}

#filtroAutocomplete .label {
  margin-top: 10px;
}

/*.searchForm #eseguiInserimento {width: 100%; float: left; clear: right}*/

.pageLink {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}

.currentPage {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: normal;
  padding: 2px;
}

.pageList {
  list-style-type: none;
  margin: 5px 0px;
  padding: 5px;
}

.pageList li {
  display: inline;
}

.itemLink {
  float: left;
  margin: 2px;
  padding: 2px;
}

.dataGrid {
  width: 100%;
  /*margin: 5px; */
  /*padding: 5px; */
  margin: auto;
}

.dataGrid th {
  text-align: left;
  padding: 5px 3px;
}

.dataGrid tr:nth-child(odd) {
  background-color: #efefff;
}

.dataGrid tr.scheda {
}

.dataGrid tr.relaz {
  color: #0000ee;
}

.dataGrid .linkTd {
  width: 1%;
}

.dataGrid td {
  /* border-bottom: 1px dotted #AAA; */
  border-bottom: 1px solid #a6c9e2;
  height: 24px;
}

.dataGrid .sort {
  border: 0px;
  line-height: 24px;
  border-left: 1px solid #cccccc;
}

.dataGrid .sort-icon {
  float: right;
  margin-right: 3px;
  margin-top: 6px;
}

.dataGrid tr {
}

.dataGrid .richiesta {
  color: #008800;
}

.dataGrid .intervento {
  color: #0000cc;
}

.dataGrid .restituzione {
  color: #cc6600;
}

#dettaglioRisorsa .nomeOsservatorio {
  margin: 5px 0px;
  font-size: 14pt;
  width: 100%;
  float: none;
}

#dettaglioRisorsa .nomeRisorsa {
  margin: 20px 0px;
  width: 100%;
}

#dettaglioRisorsa .intestazione {
  width: 150px;
}

#dettaglioRisorsa {
  width: 100%;
}

.linkRisorsa {
  float: left;
}

.inserimento {
  /* float: left; */
  text-decoration: none;
  padding: 2px;
  margin: 5px 5px 5px 0px;
}

#areaInserimentoSesso label {
  margin-right: 20px;
}

#nuovoInserimento {
  float: right;
}

.esitoRicerca {
  float: left;
  width: 100%;
  /* margin: 10px 0px; */
  min-height: 400px;
  height: auto !important;
  height: 400px;
}

#esitoRicerca .message {
  padding: 10px;
}

.infoInserimento {
  padding: 5px;
}

.infoInserimento span {
  font-size: 1.2em;
}

.infoInserimento ul li span {
  font-size: 1.2em;
  font-weight: normal;
}

.infoInserimento .dati-individuo {
  list-style-type: none;
  margin-left: 40px;
}

.infoInserimento .dati-individuo li {
  margin: 5px;
}

.infoInserimento .istruzioni-inserimento {
  margin: 10px 0px 10px 10px;
  /*list-style-type: none;
   margin-left: 40px;*/
}

.infoInserimento .istruzioni-inserimento li {
  margin: 15px 0px;
}

.esitoRicerca .message {
  margin: 30px;
}

#riepilogoPersona table {
  width: 100%;
}

#riepilogoPersona th {
  padding: 5px;
}

#riepilogoPersona td {
  border-bottom: 1px solid #cbdae6;
  padding: 2px;
}

#riepilogoPersona .titoletto {
  float: left;
  line-height: 22px;
  clear: both;
}

/* #riepilogoPersona  span{margin-left: 20px; } */

#riepilogoPersona a {
  text-decoration: underline;
}

#riepilogoPersona .scheda a,
#riepilogoPersona .scheda a:visited {
  color: #222222;
}

#riepilogoPersona .relaz a,
#riepilogoPersona .relaz a:visited {
  color: #0000cc;
}

.aprisezione {
  width: 250px;
  height: 28px;
  background-color: #dfeffc;
  margin: 2px;
  border: 1px solid #cbdae6;
  text-decoration: none !important;
  padding-left: 5px;
  line-height: 28px;
  font-weight: bold;
  color: #222222;
  font-size: 1.2em;
  display: block;
}

#notaAltriCentri {
  float: left;
  padding: 15px 0px 0px 15px;
  font-weight: normal;
  font-size: 7pt;
}

#riepilogoPersona .bisognifamiliari {
  display: inline;
}

#riepilogoPersona .bisognifamiliari li {
  display: inline;
  margin-right: 5px;
}

#riepilogoPersona #aggiornaStatoPratiche {
  float: left;
  margin: 2px 5px;
  padding: 2px;
  cursor: pointer;
}

#aggiornamentoStatoPratiche {
  float: left;
}

#inserimentoPratica {
  float: left;
}

#dialogListaBisogni {
  list-style-type: none;
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

#dialogListaBisogni li {
  line-height: 18px;
}

#dialogListaBisogni li:before {
  content: "- ";
}

.sezioneLink {
}

.sezioneLink label {
  /* margin: 0px 0px 5px 10px ; width: 40px; */
  float: left;
}

.sezioneLink select {
  margin-left: 10px;
  width: 180px;
  float: left;
}

.lista {
  float: left;
  clear: left;
  /*width: 200px; margin-left: 8px */
}

.editFrame {
  float: left;
  margin: 10px 0px;
  /* width: 90%; */
  min-height: 400px;
  height: auto !important;
  height: 400px;
}

.editFrame form {
  float: left;
}

.editFrame input[type="submit"] {
  cursor: pointer;
}

#formNota #listaErrori {
  float: left;
  list-style-type: none;
  margin: 0px 0px 10px 100px;
}

#formNota #listaErrori li {
  margin: 3px;
}

#formBisogni #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 155px;
}

#formBisogni #listaErrori li {
  margin: 3px;
}

#formRestituzione #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 80px;
}

#formRestituzione #listaErrori li {
  margin: 3px;
}

#formRestituzione #eurot {
  text-align: right;
}

.albero {
  float: left;
  text-align: left;
  width: 100%;
}

.albero h2 {
  text-align: center;
  font-size: 10pt;
}

.albero ul {
  float: left;
  margin: 5px;
  padding: 0px;
}

.albero li {
  float: left;
  list-style-type: none;
  width: 99%;
  border-bottom: 1px solid #a6c9e2;
  /* margin-bottom: 3px; padding: 3px*/
}

.albero li:nth-child(even) {
  background-color: #efefff;
}

.albero h3 {
  font-size: 10pt;
  margin: 0px;
  padding: 3px 0 3px 3px;
  width: 100%;
  font-weight: bold;
}

.albero .figli {
  margin-left: 30px;
}

.albero li .figlio {
  float: left;
  font-size: 8pt;
  width: 310px;
  padding-bottom: 3px;
}

.albero label,
.albero input {
  cursor: pointer;
  padding: 2px;
}

.albero .lblreadonly {
  color: #ccc;
}

.albero #contRICINT {
  display: none;
}

.albero #intestazioneRICINT {
  display: none;
}

.etichetta {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
}

.campiPiede {
  padding: 10px;
  margin-top: 5px;
  text-align: right;
  float: right;
}

.campiPiede li {
  list-style-type: none;
  display: inline;
  margin-left: 40px;
}

.campiPiede input {
  margin-left: 10px;
}

.campiPiede .nota {
  width: 400px;
}

.campiTestata {
  padding: 20px;
  margin-top: 10px;
  text-align: right;
  float: left;
}

.campiTestata li {
  list-style-type: none;
  display: inline;
  margin-right: 40px;
}

.campiTestata input {
  margin-left: 10px;
}

.campiTestata #titolo {
  width: 250px;
}

.campiTestata select {
  margin-left: 10px;
  width: 180px;
}

.campiTestata .numero {
  text-align: right;
}

#formRicInt #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 80px;
}

#formRicInt #listaErrori li {
  margin: 3px;
}

#titoloRicInt {
  margin-top: 10px;
  float: left;
  width: 100%;
}

#titoloRicInt p {
  font-weight: bold;
  margin-left: 15px;
  font-size: 10pt;
  text-align: center;
  color: #2e6e9e;
}

#tipoRicInt {
  margin: 10px;
  float: left;
  width: 200px;
}

#tipoRicInt p {
  font-weight: bold;
  margin-left: 15px;
  font-size: 10pt;
}

#tipoRicInt li {
  list-style-type: none;
  margin-bottom: 5px;
}

.infoEdit {
  margin: 10px;
  float: left;
  width: 800px;
}

/* era 600px */

.infoEdit tbody {
  width: 100%;
}

.infoEdit label {
  cursor: pointer;
}

.infoEdit .etichetta {
  width: 180px;
}

.infoEdit .valore {
  width: 120px;
}

.infoEdit .nota {
  width: 100%;
  height: 22pt;
}

.infoEdit #campoEuro {
  display: none;
}

#datiRicint {
  margin: 10px 0px;
  width: 400px;
}

#datiRicint tr {
  line-height: 2em;
}

#datiRicint tr td {
  vertical-align: middle;
}

#datiRicint textarea {
  height: 60px !important;
}

#comandiRicInt {
  list-style-type: none;
}

#comandiRicInt .formButton {
  width: 140px;
  padding: 2px;
  margin-bottom: 10px;
}

#calcolacodfis {
  float: left;
  margin-left: 5px;
  cursor: pointer;
}

#tabellaNote {
  padding: 20px;
  width: 100%;
  float: left;
}

#tabellaNote label {
  cursor: pointer;
  font-weight: normal;
}

#tabellaNote textarea {
  width: 900px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
}

/*
#contenitoreListaErrori{float: left; padding-left: 20px; width: 100%; margin: 3px}
#contenitoreListaErrori .error:before{content:" - "}
 */

.inserimentoRelazione {
  float: left;
}

#formRelazioni #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 0px;
}

#formRelazioni #listaErrori li {
  margin: 3px;
}

#area_bisogni .bis {
  display: block;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 90%;
  /* cursor: pointer; */
  border: 1px solid #fad42e;
  padding: 2px 4px;
}

#listabisogni {
  border: 1px solid #fad42e;
  clear: both;
  float: left;
  padding: 5px;
  width: 350px;
  min-height: 20px;
  list-style-type: none;
}

#listabisogni .descrizione {
  display: inline-block;
  margin-top: 1px;
}

#listabisogni .deletebisogno {
  float: right;
  margin-right: 2px;
  cursor: pointer;
}

#addbisogno {
  float: left;
  margin: 10px 0px;
  cursor: pointer;
}

#testobisogno {
  width: 300px;
  height: 18px;
  margin: 10px 0px;
}

#contenitoreListaErroriRelazioni {
  float: left;
  width: 250px;
  clear: left;
  margin: 10px 0px 10px 100px;
}

#contenitoreListaErroriRelazioni .error {
  margin-left: 10px;
  margin-right: 25px;
  display: block;
}

#riepilogoErrori {
  font-weight: bold;
  color: #cc0000;
  margin-right: 5px;
}

#erroriDialogQuit {
  float: right;
  cursor: pointer;
  margin: 3px;
}

#contenitoreErrori {
  float: left;
  width: 98%;
  list-style-type: none;
}

#contenitoreErrori li {
  border-bottom: 1px dotted;
}

#contenitoreErrori li .item {
  display: inline;
}

#contenitoreErrori li .errorMessage {
  font-weight: bold;
  color: #cc0000;
}

.sezParagraph {
  /* height: 20px; */
  float: left;
  width: 100%;
  padding: 2px;
}

.sezParagraph label {
  float: left;
  width: 360px;
  margin-top: 5px;
}

.sezParagraph input[type="text"] {
  float: left;
  width: 480px;
}

.sezParagraph input[type="radio"] {
  float: left;
}

.sezParagraph .radioDesc {
  float: left;
  margin: 2px 20px 0px 0px;
  width: 100px;
}

.sezParagraph input.error {
  background-color: #fbec88;
}

.sezParagraph select.error {
  background-color: #fbec88;
}

.sezParagraph label.error {
  color: #cc0000;
  float: right;
  text-align: right;
  font-weight: bold;
  margin-right: 5px;
}

.sezParagraph select {
  float: left;
  width: 484px;
  height: 22px;
}

.sezVar {
  border-bottom: 1px solid #a6c9e2;
  padding: 4px;
  float: left;
  width: 98%;
}

.specificare {
  padding-left: 10px;
  width: 348px !important;
}

.hoverSezVar {
  background-color: #dfeffc !important;
}

/*
.sezVar:nth-child(2n+0) {
   background-color: #f7f7ff; 
}
*/

.definizione {
  float: right;
  margin-right: 8px;
  cursor: pointer;
  margin-top: -4px;
}

#testoDefinizione ul {
  padding: 10px 20px;
}

#var_cittadinanza {
  height: auto;
}

#area_cittadinanza {
  list-style-type: none;
  float: left;
}

#area_cittadinanza li {
  display: block;
  float: left;
  /*margin-top: 10px;*/
  margin-bottom: 10px;
  width: 100%;
}

#area_cittadinanza li:last-child {
  margin-bottom: 5px;
}

#area_cittadinanza li:first-child {
  margin-bottom: 5px;
}

#area_cittadinanza input[type="checkbox"] {
  float: left;
}

#area_cittadinanza label {
  margin: 0px 0px 0px 15px;
  cursor: pointer;
}

#area_cittadinanza #titololistacitnaz {
  float: left;
  line-height: 16px;
  margin-bottom: 5px;
  cursor: pointer;
  width: 90%;
}

#area_cittadinanza .citnaz {
  cursor: pointer;
  /* background-color: #FBEC88; */
  border: 1px solid #fad42e;
  padding: 2px 4px;
}

#listacitnaz {
  border: 1px solid #fad42e;
  clear: both;
  float: left;
  padding: 5px;
  width: 300px;
  min-height: 20px;
}

#listacitnaz li {
  width: 90%;
}

#listacitnaz .descrizione {
  display: inline-block;
  margin-top: 1px;
}

#listacitnaz .deletecitnaz {
  float: right;
  margin-right: 2px;
}

#addcitnaz {
  float: left;
  margin-right: 12px;
  cursor: pointer;
  margin-bottom: 2px;
}

#testocitnaz {
  width: 300px;
  height: 18px;
  margin: 10px 0px;
}

.area-cittad label {
  padding: 5px;
}

.area-cittad input[type="checkbox"] {
  margin-top: 6px;
}

.area-cittad .ui-state-highlight {
  border: 1px solid #fad42e;
}

#area_professionalita {
  float: left;
}

#addprofessionalita {
  cursor: pointer;
  float: left;
  margin-bottom: 2px;
  margin-right: 12px;
}

#listaprofessionalita {
  border: 1px solid #fad42e;
  clear: both;
  float: left;
  min-height: 20px;
  padding: 5px;
  width: 468px;
  list-style-type: none;
}

#testoprofessionalita {
  height: 18px;
  margin: 10px 0;
  width: 300px;
}

#area_professionalita #titololistaprofessionalita {
  float: left;
  line-height: 16px;
  margin-bottom: 5px;
  cursor: pointer;
}

#area_professionalita .professionalita {
  cursor: pointer;
  border: 1px solid #fad42e;
  padding: 4px;
}

#listaprofessionalita li {
  width: 90%;
}

#listaprofessionalita .descrizione {
  display: inline-block;
  margin-top: 1px;
  margin-bottom: 2px;
}

#listaprofessionalita .deleteprofessionalita {
  float: right;
  margin-right: 2px;
}

#area_professionalita li:last-child {
  margin-bottom: 5px;
}

#area_professionalita li {
  margin-bottom: 15px;
}

#area_professionalita label {
  margin: 0px 0px 0px 15px;
  cursor: pointer;
}

#area_lavdesiderato {
  float: left;
}

#addlavdesiderato {
  cursor: pointer;
  float: left;
  margin-bottom: 2px;
  margin-right: 12px;
}

#listalavdesiderato {
  border: 1px solid #fad42e;
  clear: both;
  float: left;
  min-height: 20px;
  padding: 5px;
  width: 468px;
  list-style-type: none;
}

#testolavdesiderato {
  height: 18px;
  margin: 10px 0;
  width: 300px;
}

#area_lavdesiderato #titololistalavdesiderato {
  float: left;
  line-height: 16px;
  margin-bottom: 5px;
  cursor: pointer;
}

#area_lavdesiderato .lavdesiderato {
  cursor: pointer;
  border: 1px solid #fad42e;
  padding: 4px;
}

#listalavdesiderato li {
  width: 90%;
}

#listalavdesiderato .descrizione {
  display: inline-block;
  margin-top: 1px;
  margin-bottom: 2px;
}

#listalavdesiderato .deletelavdesiderato {
  float: right;
  margin-right: 2px;
}

#area_lavdesiderato li:last-child {
  margin-bottom: 5px;
}

#area_lavdesiderato li {
  margin-bottom: 15px;
}

#area_lavdesiderato label {
  margin: 0px 0px 0px 15px;
  cursor: pointer;
}

/* lingua */

#area_lingue {
  float: left;
}

#addlingue {
  cursor: pointer;
  float: left;
  margin-bottom: 2px;
  margin-right: 12px;
}

#listalingue {
  border: 1px solid #fad42e;
  clear: both;
  float: left;
  min-height: 20px;
  padding: 5px;
  width: 468px;
  list-style-type: none;
}

#testolingue {
  height: 18px;
  margin: 10px 0;
  width: 300px;
}

#area_lingue #titololistalingue {
  float: left;
  line-height: 16px;
  margin-bottom: 5px;
  cursor: pointer;
}

#area_lingue .lingue {
  cursor: pointer;
  border: 1px solid #fad42e;
  padding: 4px;
}

#listalingue li {
  width: 90%;
}

#listalingue .descrizione {
  display: inline-block;
  margin-top: 1px;
  margin-bottom: 2px;
}

#listalingue .deletelingue {
  float: right;
  margin-right: 2px;
}

#area_lingue li:last-child {
  margin-bottom: 5px;
}

#area_lingue li {
  margin-bottom: 15px;
}

#area_lingue label {
  margin: 0px 0px 0px 15px;
  cursor: pointer;
}

/*formprof*/

#area_formprof {
  float: left;
}

#addformprof {
  cursor: pointer;
  float: left;
  margin-bottom: 2px;
  margin-right: 12px;
}

#listaformprof {
  border: 1px solid #fad42e;
  clear: both;
  float: left;
  min-height: 20px;
  padding: 5px;
  width: 468px;
  list-style-type: none;
}

#testoformprof {
  height: 18px;
  margin: 10px 0;
  width: 300px;
}

#altroformprof {
  height: 18px;
  margin: 0px;
  width: 300px;
}

#label_altroformprof {
  display: inline-block;
  margin: 10px 0px;
  width: 300px;
}

#area_formprof #titololistaformprof {
  float: left;
  line-height: 16px;
  margin-bottom: 5px;
  cursor: pointer;
}

#area_formprof .formprof {
  cursor: pointer;
  border: 1px solid #fad42e;
  padding: 4px;
}

#listaformprof li {
  width: 90%;
}

#listaformprof .descrizione {
  display: inline-block;
  margin-top: 1px;
  margin-bottom: 2px;
}

#listaformprof .deleteformprof {
  float: right;
  margin-right: 2px;
}

#area_formprof li:last-child {
  margin-bottom: 5px;
}

#area_formprof li {
  margin-bottom: 15px;
}

#area_formprof label {
  margin: 0px 0px 0px 15px;
  cursor: pointer;
}

#area_condocc,
#area_alloggio {
  float: left;
}

#parcondocc,
#paralloggio {
  float: left;
}

#parcondocc label,
#paralloggio label {
  display: inline;
  width: 250px;
}

/*
#sersoc {
   float: left;
   display: block;
   
}
#area_servizisociali {
   float: left;
}


#listaservizisociali {
 
  clear: both;
  float: left;
  padding: 5px;
  width: 500px;
  min-height: 20px;
  margin-top: 15px;

}

#listaservizisociali li {
   width: 90%;
   margin-bottom: 5px;
}

#listaservizisociali .descrizione {
  display: inline-block;
  margin-top: 1px;
  font-weight: bold;
}
*/

/*
#var_conflitti_fuga, #var_conflitti_nazione, #var_conflitti_anno {
   background-color: #ffd7d7 ;
}
*/

/*
#var_condprof, #var_freqformaz {
   background-color: #ffd7d7 ;
}
*/

#anagrafica-tabs {
  min-height: 400px;
  height: auto !important;
  height: 400px;
  float: left;
  /* width: 100%; */
  margin: 10px 0px;
}

#anagrafica-tabs .sezione {
  float: left;
  width: 98%;
}

#anagrafica-tabs .tabs {
  float: left;
  width: 99%;
}

#anagrafica-tabs .odd {
}

#anagrafica-tabs .even {
  /* background-color: #f7f7ff;*/
}

.linkdecesso {
  font-size: 1.2em;
  margin-left: 10px;
  padding: 0 2px;
  cursor: pointer;
}

.ricercadecesso {
  font-size: 1.2em;
  padding: 2px;
  width: 16px;
  text-align: center;
  cursor: pointer;
}

#linkErrori {
  display: none;
}

.comandi {
  padding: 5px;
  float: right;
}

.comandi input {
  float: right;
  margin-left: 10px;
}

.navSezioni {
  float: right;
}

.navSezioni li {
  list-style-type: none;
  display: inline;
  /*margin-left: 20px; */
  margin-right: 10px;
}

.relazione {
  width: 800px;
  float: left;
  margin: 40px 0px 0px 10px;
  border-collapse: collapse;
}

.relazione tr {
  height: 24px;
}

.relazione tr:nth-child(even) {
  background-color: #f7f7ff;
}

.relazione td {
  border-bottom: 1px solid #a6c9e2;
  padding: 4px;
}

#importaFlusso {
  padding: 20px;
}

#descOsservatorio {
  width: 250px;
}

.ui-datepicker-trigger {
  cursor: pointer;
  margin-left: 5px;
}

.sezione .ui-datepicker-trigger {
  float: left;
}

.ui-icon-validation-status {
  height: 16px;
  width: 16px;
  display: block;
}

.ui-icon-validation-error {
  background: url(ospo/images/ui-icons_d8e7f3_256x240.png) repeat-x scroll -32px -192px
    #c00;
}

hr {
  width: 100%;
  float: left;
  clear: both;
  border: 1px solid #666;
}

#importaFlusso {
}

#importaFlusso li {
  margin-bottom: 10px;
  border-bottom: 1px solid #c00;
}

.pannello h4 {
  font-size: 10pt;
}

.pannello {
  border: 1px solid #eee;
  margin: 3px;
}

.pannello label {
  cursor: pointer;
}

#listaCdA {
  float: left;
  height: 404px;
  width: 39.5%;
  overflow: auto;
}

#listaCdA ul {
  width: 100%;
  list-style-type: none;
}

#listaCdA .risorsalabel {
  color: #5c9ccc;
}

#selettoriTutti a {
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#filtroInterventi {
  float: left;
  height: 180px;
  width: 39.5%;
  overflow: auto;
}

#filtroInterventi ul {
  width: 100%;
  list-style-type: none;
}

#filtroInterventi .risorsalabel {
  color: #5c9ccc;
}

#filtroInterventi ul {
  margin: 10px 0px 0px 8px;
}

#filtroInterventi li {
  margin-bottom: 10px;
}

#filtroInterventi #filtroIntLista {
  margin: 5px 0px 0px 17px;
  width: 85%;
}

#intervallo {
  float: left;
  height: 75px;
  width: 40%;
}

#intervallo ul {
  width: 100%;
  float: left;
  list-style-type: none;
  margin: 3px 0px 5px 3px;
}

#intervallo li {
  display: inline;
  margin: 5px;
}

#intervallo table {
  width: 100%;
  margin-top: 10px;
}

#intervallo select {
  width: 140px;
}

#dati {
  float: right;
  height: 167px;
  width: 58%;
}

#dati ul {
  width: 100%;
  float: left;
  list-style-type: none;
  margin: 3px 0px 5px 3px;
}

#dati li {
  display: inline;
  margin: 5px;
}

#dati h5 {
  margin: 5px;
  float: left;
  font-size: 8pt;
}

.disaggregazione {
  float: left;
  width: 100%;
}

.disaggregazione .etichetta {
  float: left;
  font-weight: bold;
  margin: 10px;
  display: inline;
  width: 60px;
  font-size: 8pt;
}

.classVar {
  float: left;
  width: 280px;
  margin-top: 8px;
}

.highlight {
  font-weight: bold;
}

#filtro {
  float: right;
  height: 295px;
  width: 58%;
}

#filtroDati {
  float: left;
  width: 95%;
}

#listaValoriFiltro {
  float: left;
  width: 95%;
  margin-top: 10px;
}

#listaValoriFiltro ul {
  list-style-type: none;
  float: left;
  overflow: auto;
  height: 205px;
  width: 80%;
  border: 1px solid #eee;
  background-color: #fff;
  padding: 3px;
}

#listaValoriFiltro li {
  margin: 2px;
}

/*#listaValoriFiltro li{width: 48%; float: left; }*/

#selettoriTuttiValori {
  margin-left: 100px;
}

#selettoriTuttiValori a {
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#elabora {
  cursor: pointer;
  float: right;
  margin: 5px;
  padding: 3px;
}

#torna {
  cursor: pointer;
  float: right;
  margin: 5px;
  padding: 3px;
}

#intestazioneElaborazione {
  float: left;
  margin: 10px 0px 0px 10px;
}

#intestazioneElaborazione select {
  width: 280px;
}

#tabella {
  float: left;
  margin: 10px 0px 0px 10px;
  background-color: #fff;
  border: 1px solid #eee;
  width: 90%;
}

#risultato {
  margin: 10px;
  font-size: 8pt;
}

#risultato caption {
  font-size: 10pt;
  font-weight: bold;
  margin: 5px;
}

#risultato th {
  padding: 2px;
  border-bottom: 1px solid #eee;
  background-color: #ddd;
}

#risultato td {
  padding: 2px;
  border-bottom: 1px solid #eee;
}

#risultato .dato {
  text-align: right;
}

#risultato .totale {
  background-color: #ddd;
}

#risultato .etichetta {
  font-size: 8pt;
}

#elaborazione .valoreFiltro {
  font-style: italic;
  font-weight: normal;
}

#elaborazione #operazioni {
  float: left;
  margin: 5px;
}

#elaborazione #operazioni a {
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#export-nomi-e-cognomi {
  background-color: #eee;
  padding: 5px;
}

#exportIntervallo {
  float: left;
  height: 110px;
  width: 39.5%;
}

#exportIntervallo table {
  width: 100%;
  margin-top: 10px;
}

#selettoreIntervallo input {
  width: 90px;
}

#selettoreIntervallo input[type="radio"] {
  width: 20px;
}

#exportCdA {
  float: left;
  height: 400px;
  width: 40%;
  overflow: auto;
}

#exportCdA ul {
  width: 100%;
  float: left;
  list-style-type: none;
}

#exportVariabili {
  float: right;
  /*height: 525px; */
  width: 58%;
}

#bottoniExport {
  width: 100%;
  float: right;
}

#exportDati {
  float: left;
  /* height: 100px; */
  width: 39.5%;
}

/*
#exportDati table {margin-top: 10px}
#exportDati table td {padding: 2px 0px 2px 5px}
#exportDati table label {display: block; width: 75px}
#exportDati table#anni {white-space: nowrap;}
*/

#exportDati #anni {
  list-style-type: none;
  white-space: nowrap;
  margin-left: 10px;
}

#exportDati #anni li {
  height: 16px;
  margin: 3px 0px;
}

/*#listaVariabili {list-style-type: none; float: left ; background-color: #FFF; padding: 3px; width: 100%}*/

/* #listaVariabili li { width: 48%; float: left;} */

#listaVariabili {
  margin-bottom: 10px;
}

#listaVariabili td {
  padding: 2px;
  width: 50%;
}

#selettoriTutteVariabili {
  margin-left: 100px;
}

#selettoriTutteVariabili a {
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#esporta {
  cursor: pointer;
  float: right;
  margin: 5px;
  padding: 3px;
}

.importLog {
  margin: 20px;
  list-style-type: none;
}

.importLog li {
  height: 20px;
}

.importLog span {
  margin-left: 5px;
}

.importButton {
  margin: 20px;
}

#vaiAbbinamento {
  cursor: pointer;
  margin: 20px;
}

#listaAbbinamento {
  width: 40%;
  text-align: left;
  margin: 10px;
}

#listaAbbinamento th {
  background-color: #eee;
  padding: 3px;
}

#listaAbbinamento tr {
  height: 22px;
}

#listaAbbinamento td {
  border-bottom: 1px dashed #aaa;
  padding: 3px;
}

#caricaFlusso {
  margin: 10px;
  width: 100px;
}

#fineCaricamento {
  margin: 10px;
  width: 100px;
}

#supermenu {
  float: left;
  list-style-type: none;
  padding: 6px 0px;
  width: 100%;
  background-color: #cc0000;
  font-size: 1.2em;
}

#supermenu li {
  display: inline;
  margin: 0px 10px;
}

#supermenu a {
  width: 100px;
  cursor: pointer;
  padding: 2px;
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}

#supermenu a:hover {
  text-decoration: underline;
}

#listaElaborazioniVarie {
  margin: 10px;
  float: left;
  width: 80%;
}

/* #listaElaborazioniVarie td {padding: 5px }*/

#listaElaborazioniVarie .varie {
  cursor: pointer;
  padding: 2px;
}

#privacySubmit {
  width: 100px;
  cursor: pointer;
}

#privacyTable {
  margin: 100px auto 0px auto;
  text-align: center;
}

#maininfo {
  float: left;
  margin: 50px 0px 0px 30px;
  width: 480px;
  padding: 5px;
}

#maininfo p {
  margin-top: 10px;
}

.info {
  padding: 10px;
  float: right;
}

.info .error {
  color: #c00;
}

/* #stampaScheda {cursor: pointer; float: left; margin: 5px; padding: 3px}*/

#formStampaScheda {
  margin: 50px 0px 10px 150px;
}

#formStampaScheda h3 {
  margin: 50px 0px 10px 0px;
}

#formStampaScheda input {
  cursor: pointer;
}

#formStampaScheda label {
  cursor: pointer;
}

#stampasezioni {
  list-style-type: none;
  width: 95%;
}

#stampasezioni li {
  cursor: pointer;
  margin: 5px 0px;
  height: 25px;
}

#tipoNote {
  width: 100px;
}

#stampaschedaVai {
  padding: 3px;
}

#tab-indiCent {
  float: left;
  margin: 5px 0px;
}

#exportIndiCent {
  float: left;
}

#exportIndiCent table {
  width: 100%;
  margin-top: 10px;
}

#selettoreIntervalloIndiCent input {
  width: 90px;
}

#selettoreIntervalloIndiCent input[type="radio"] {
  width: 20px;
}

#esportaIndiCent {
  cursor: pointer;
  float: right;
  margin: 5px;
  padding: 3px;
}

#editFiltroDialog ul {
  list-style-type: none;
  float: left;
}

#editFiltroDialog .formButton {
  width: 100px;
  cursor: pointer;
}

#varFiltroRicerca {
  width: 320px;
}

#listaValoriFiltroRicerca {
  float: left;
  width: 95%;
  margin-top: 10px;
}

#listaValoriFiltroRicerca #listaValoriRicerca {
  overflow: auto;
  height: 305px;
  width: 98%;
  border: 1px solid #eee;
  background-color: #fff;
  padding: 3px;
}

#listaValoriFiltroRicerca #listaValoriRicerca li {
  margin: 2px;
}

#listaValoriFiltroRicerca label {
  margin-left: 5px;
  cursor: pointer;
}

#selettoriTuttiValoriRicerca {
  float: left;
  margin-left: 5px;
}

#selettoriTuttiValoriRicerca li {
  width: 120px;
  float: left;
}

#selettoriTuttiValoriRicerca a {
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}

#bottoniFiltro {
  position: absolute;
  right: 10px;
  bottom: 5px;
}

#bottoniFiltro li {
  width: 120px;
  float: left;
}

#formIndi {
  width: 30%;
  margin: 5px auto;
}

#formIndi #listaErrori {
  float: left;
  list-style-type: none;
  margin: 0px 0px 10px 5px;
}

#formIndi #listaErrori li {
  margin: 3px;
}

#divTipo {
  float: left;
  width: 100%;
  height: 80px;
}

#divTipo ul {
  float: left;
  list-style-type: none;
  margin: 5px;
}

#divTipo li {
  margin-top: 5px;
}

#divDate {
  float: left;
  width: 100%;
  height: 60px;
}

#divDate table {
  width: 100%;
  margin: 6px;
}

#divDate .datepicker {
  width: 80px;
}

#elaboraIndi {
  cursor: pointer;
  float: right;
  margin: 5px;
  padding: 3px;
}

#exitIndi {
  cursor: pointer;
  float: right;
  margin: 5px;
  padding: 3px;
}

#stessadataimportazione {
  font-size: 0.8em;
  margin-left: 15px;
  font-style: italic;
}

#canaliassistenza {
  list-style-type: none;
  margin: 5px 0px 0px 100px;
}

#canaliassistenza li {
  margin: 25px;
}

#messaggioAssistenza {
  margin: 50px;
}

#formEmail {
  margin: 30px 60px;
}

#formEmail #email {
  width: 250px;
  margin: 10px 0px;
}

#formEmail #salva {
  width: 80px;
  cursor: pointer;
}

#formEmail label.error {
  color: #c00;
  margin: 0px 10px;
}

#erroriForm {
  padding: 1em;
}

#formAssistenza {
  float: left;
}

#formAssistenza h3 {
  float: left;
  margin: 5px;
  width: 100%;
  text-decoration: underline;
}

#formAssistenza .assistenza_campo {
  float: left;
  margin: 5px;
  width: 100%;
}

#formAssistenza .assistenza_campo textarea {
  width: 400px;
  margin: 5px 0px;
}

#formAssistenza #oggetto {
  width: 400px;
}

#formAssistenza .assistenza_label {
  float: left;
  width: 150px;
  font-weight: 700;
}

#formAssistenza #areaChiusuraSegnalazione {
  float: left;
  width: 500px;
}

#formAssistenza #areaChiusuraSegnalazione #note {
  margin: 5px 0px;
}

#formAssistenza #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 155px;
}

#formAssistenza #listaErrori li {
  margin: 3px;
}

#viewassistenza #assistenza_oggetto {
  margin-top: 50px;
}

#viewassistenza .assistenza_campo {
  margin: 5px 50px;
  float: left;
  width: 70%;
  border-bottom: 1px solid #eee;
}

#viewassistenza .assistenza_label {
  float: left;
  width: 150px;
  font-weight: 700;
}

#viewassistenza #esciSegnalazione {
  width: 100px;
}

.radiolista {
  list-style-type: none;
}

.radiolista li {
  display: inline;
  margin-right: 20px;
}

#formSuperesportazioni {
}

#intervalloSuperesportazioni {
  width: 400px;
}

#sbloccaScheda {
  margin: 0px auto;
  font-weight: 400;
  color: #c00;
  font-size: 8pt;
  text-align: center;
}

#sbloccaScheda #sblocca {
  padding: 3px;
}

#bottoniCalendarioDialog {
  float: right;
}

#selectCalendario {
  width: 200px;
  margin: 2px 0px 8px 0px;
}

#linkRicInt a {
  display: block;
  margin: 10px 0px;
}

#linkPrenotazioni a {
  display: block;
  margin: 10px 0px;
}

#editPrenotazione {
}

#linkDistribuzioni a {
  display: block;
  margin: 10px 0px;
}

#listaBlocchi {
  float: left;
  list-style-type: none;
  margin: 30px 0px 0px 100px;
}

#listaBlocchi li {
  margin-bottom: 20px;
}

#listaBlocchi label {
  vertical-align: top;
}

#editPrenotazione #controlli {
  width: 20%;
  float: left;
  margin: 20px 0px;
}

#editPrenotazione #areaAppuntamenti {
  float: right;
  width: 77%;
}

.fc-event-skin {
  height: 18px;
}

.fc-event-skin span {
  vertical-align: middle;
}

.fc-event-inner {
  height: 100% !important;
}

.selected-service {
  cursor: pointer !important;
}

.unselected-service .fc-event-skin,
.fc-event-skin {
  background-color: #999;
  border-color: #ccc !important;
}

.selectable-day {
  background-color: #efe;
  border-color: #ccc !important;
  cursor: pointer !important;
}

.past-day {
  background-color: #fafafa;
  border-color: #ccc !important;
}

.closed-day {
  background-color: #faaaaa !important;
  border-color: #999 !important;
}

.unsaved .fc-event-skin {
  background-color: #dfeffc !important;
  color: #222222;
}

.usato .fc-event-skin {
  background-color: #ff0000 !important;
  color: #ffffff;
}

.noneditabile .fc-event-skin {
  background-color: #78007c !important;
  color: #ffffff;
}

#editPrenotazione #rimuoviAppuntamentiFuturi {
  width: 175px;
}

#disponibili {
  border-collapse: collapse;
  clear: both;
}

#disponibili thead td {
  color: #ffffff;
  background-color: #444444;
  padding: 2px;
}

#disponibili tbody td {
  background-color: #eeffee;
  border-bottom: 1px solid #cccccc;
  padding: 2px;
}

#disponibili .etichetta {
  font-weight: 400;
  font-size: 1em;
}

#disponibili .n {
  text-align: right;
}

/*#spazioOrari {width: 200px}*/

#spazioOrari {
  width: 290px;
}

/*#orari { list-style-type: none;margin: 10px; width: 80%; float: left; height: 150px}*/

/* #orari {
  list-style-type: none;
  margin: 10px;
  width: 80%;
  float: left;
} */

#orari {
  list-style-type: none;
  margin: 10px;
  width: 80%;
  float: left;
  padding: 2px;
  column-count: 2;
}

#orari li {
  margin: 5px 0px;
}

#listaServizi {
  list-style-type: none;
  margin: 10px;
}

#listaServizi li {
  margin: 10px 0px;
}

.campoAppuntamento {
  float: left;
  margin-top: 4px;
  width: 100%;
}

.campoAppuntamento .etichettaAppuntamento {
  float: left;
  width: 155px;
  text-align: left;
}

.campoAppuntamento .inputAppuntamento {
  float: left;
  width: 120px;
}

.campoAppuntamento select {
  float: left;
  width: 120px;
}

.campoCanalePagamento {
  width: 100%;
}

#campiReversale .border-top {
  border-top: 1px solid #4297d7;
  padding-top: 8px;
}

#orariDisponibiliDialogQuit,
#orariDisponibiliDialogSave {
  width: 80px;
}

#notaAppuntamento {
  width: 300px;
  height: 40px;
  float: left;
}

#spazioCopia {
  width: 100%;
}

#spazioCopia .ui-datepicker-trigger {
  float: left;
}

#spazioImporto {
  width: 400px;
}

#spazioPunti {
  width: 400px;
}

#spazioInterventi {
  width: 400px;
  float: left;
}

#spazioNota,
#spazioConvenzione,
#spazioEnteConvenzione {
  width: 100%;
}

.bottoniDialog {
  position: absolute;
  bottom: 10px;
  right: 60px;
}

.bottoniDialogTwo {
  float: right;
}

#orari {
  /*column-count: 2;*/
}

#orari label {
  vertical-align: top;
  margin-left: 3px;
}

#orari li {
  margin: 0px 0px 8px 5px;
}

#copiaevento {
  margin: 5px 0px 20px 0px;
}

#bottoniPrenotazioneDialog {
  float: left;
  margin: 10px 0px;
}

#modificheForm .areaRicerca {
  margin: 10px 5px;
}

#ricercaPrenotazioniForm .areaRicerca {
  margin-left: 5px;
}

#ricercaPrenotazioniForm .bottoniAreaRicerca {
  float: right;
  margin-top: 10px;
}

.statistichePresenze {
  margin-right: 5px;
}

#tabellaSelezioneServizi td {
  vertical-align: top;
}

#tabellaSelezioneServizi .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneServizi .datepicker {
  width: 100px;
}

#tabellaSelezioneServizi .label {
  width: 80px;
}

#selettoriServizi a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#assistenzatelefonica {
  font-size: 1.1em;
}

#assistenzatelefonica .testo {
  margin: 20px 0px 10px 50px;
}

#assistenzatelefonica ul {
  list-style-type: none;
  margin-left: 60px;
}

#assistenzatelefonica li {
  margin-bottom: 5px;
}

#assistenzatelefonica .giorno {
  display: inline;
  width: 200px;
}

#tutorial {
  font-size: 1.1em;
}

#tutorial .testo {
  margin: 20px 0px 10px 50px;
}

#tutorial ul {
  list-style-type: none;
  margin-left: 60px;
}

#tutorial li {
  margin-bottom: 5px;
}

#tesseratable {
  text-align: center;
  margin-left: 100px;
}

#tesseratable td {
  padding: 4px;
}

#fotothumb {
  border: 1px solid #ccc;
}

#uploadimg {
  width: 135px;
}

#stampaTessera {
  width: 135px;
}

#deleteTessera {
  width: 135px;
}

#impostazioniRegistrazione {
  margin-left: 20px;
  width: 100%;
  font-weight: normal;
  color: #000000;
  font-size: 1.5em;
  display: inline;
}

#impostazioniRegistrazione .marked {
  color: #2e6e9e;
  font-weight: 700;
}

#areaRegistrazione {
  display: block;
  margin-top: 30px;
}

/* era 50px */

#avviaRegistrazione {
  margin: 0px;
}

#formPrenotazione #listaErrori {
  float: left;
  list-style-type: none;
  margin: 30px 0px 0px 0px;
  clear: right;
}

#formPrenotazione #listaErrori li {
  margin: 3px;
}

#formPrenotazione #messOperazione {
  font-weight: bold;
  color: #cc0000;
}

#formPrenotazione #messAttenzione {
  font-weight: bold;
  color: #0000cc;
}

#formPrenotazione #daregistrare,
#formPrenotazione #registrati {
  float: left;
  padding: 5px 20px 5px 2px;
}

#formPrenotazione #daregistrare span,
#formPrenotazione #registrati span {
  color: #cc0000;
}

#formPrenotazione .dataGrid .ultimo {
  color: #cc0000;
  font-weight: 700;
}

#stampaDialog .campoAppuntamento {
  clear: left;
}

#linkRegistraservizioprenotato {
  position: absolute;
  bottom: 0px;
}

.hoverUtilizza {
  background-color: #fbec88 !important;
}

.hoverCancellazionemultipla {
  background-color: #fbec88 !important;
}

#cancellatimassivi {
  float: right;
  padding-right: 5px;
}

#visualizzaCancellatiMassivi {
  width: auto;
}

#areaCancellazioni {
  height: 260px;
  overflow: auto;
}

#visualizzaCancellatiMassiviDialogQuit {
  width: 100px;
  cursor: pointer;
}

#filtroDate {
  float: right;
  border-collapse: collapse;
  margin: 5px 0px;
}

#filtroDate h3 {
  margin: 0px;
}

#filtroDate .label {
  width: 60px;
  text-align: right;
  line-height: 28px;
  margin-right: 5px;
}

#filtroDate #filtra {
  margin-left: 15px;
}

#inserimentoRegistrazione {
  float: left;
}

#areaRestituzioni {
  float: left;
  height: auto !important;
  margin: 10px 0;
  min-height: 300px;
  width: 70%;
}

#areaRestituzioni td {
  padding: 2px;
}

#areaBilancio {
  float: left;
  margin: 10px 0px;
}

#formBilancio #selettore {
  border: 1px solid #eeeeee;
  float: left;
  margin-right: 10px;
}

#formBilancio #selettore td {
  line-height: 24px;
}

#formBilancio #selettore .label {
  width: 60px;
  text-align: right;
}

#formBilancio #selettore select {
  width: 300px;
}

#formBilancio #calcola {
  cursor: pointer;
  float: right;
}

#formBilancio .bottone {
  margin: 2px;
  padding: 2px;
}

/*
#formBilancio .bottone {
   text-decoration: none;
   width: 90px;
   text-align: center;
   height: 21px;
   cursor: pointer;
}
*/

#formBilancio #risultati {
  border: 1px solid #eeeeee;
  float: left;
  margin-right: 10px;
}

/* #formBilancio #tabellaBilancio {float: left; background-color: #ffffff; width: auto; margin-bottom: 20px;} */

#formBilancio #tabellaBilancio td {
  padding: 2px 5px;
}

#formBilancio #tabellaBilancio .totale {
  font-weight: bold;
}

#esportaBilancio {
  cursor: pointer;
  float: right;
}

/* rimini - scheda famiglia */

#var_rn001 {
  padding: 0px;
  height: 18px;
}

#var_rn002 {
  padding: 0px;
  height: 18px;
}

#var_rn003 {
  padding: 0px;
  height: 18px;
}

#var_rn004 {
  padding: 0px;
  height: 18px;
}

#var_rn005 {
  padding: 0px;
  height: 18px;
}

#var_rn006 {
  padding: 0px;
  height: 18px;
}

#var_rn007 {
  padding: 0px;
  height: 18px;
}

#var_rn008 {
  padding: 0px;
  height: 18px;
}

#var_rn009 {
  padding: 0px;
  height: 18px;
}

#var_rn010 {
  padding: 0px;
  height: 18px;
}

#var_rn011 {
  padding: 0px;
  height: 18px;
}

#var_rn012 {
  padding: 0px;
  height: 18px;
}

#var_rn013 {
  padding: 0px;
  height: 18px;
}

#var_rn014 {
  padding: 0px;
  height: 18px;
}

#var_rn015 {
  padding: 0px;
  height: 18px;
}

#var_rn016 {
  padding: 0px;
  height: 18px;
}

#var_rn017 {
  padding: 0px;
  height: 18px;
}

#var_rn018 {
  padding: 0px;
  height: 18px;
}

#var_rn019 {
  padding: 0px;
  height: 18px;
}

#var_rn020 {
  padding: 0px;
  height: 18px;
}

#var_rn021 {
  padding: 0px;
  height: 23px;
}

#var_rn022 {
  padding: 0px;
  height: 23px;
}

#var_rn001 label {
  width: 45em;
}

#var_rn002 label {
  width: 45em;
}

#var_rn003 label {
  width: 45em;
}

#var_rn004 label {
  width: 45em;
}

#var_rn005 label {
  width: 45em;
}

#var_rn006 label {
  width: 34em;
  margin-left: 11em;
}

#var_rn007 label {
  width: 45em;
}

#var_rn008 label {
  width: 45em;
}

#var_rn009 label {
  width: 45em;
}

#var_rn010 label {
  width: 45em;
}

#var_rn011 label {
  width: 45em;
}

#var_rn012 label {
  width: 24em;
  margin-left: 21em;
}

#var_rn013 label {
  width: 24em;
  margin-left: 21em;
}

#var_rn014 label {
  width: 24em;
  margin-left: 21em;
}

#var_rn015 label {
  width: 45em;
}

#var_rn016 label {
  width: 45em;
}

#var_rn017 label {
  width: 31em;
  margin-left: 14em;
}

#var_rn018 label {
  width: 31em;
  margin-left: 14em;
}

#var_rn019 label {
  width: 45em;
}

#var_rn020 label {
  width: 45em;
}

#var_rn021 label {
  width: 31em;
  margin-left: 14em;
}

#var_rn022 label {
  width: 45em;
}

/* fine - rimini */

#formPratica label.error {
  color: #c00;
}

#ricercaPraticheForm .areaRicerca {
  margin-left: 5px;
}

#ricercaPraticheForm .bottoniAreaRicerca {
  float: right;
  margin-top: 10px;
}

#tabellaSelezionePratiche td {
  vertical-align: top;
}

#tabellaSelezionePratiche .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezionePratiche .datepicker {
  width: 100px;
}

#tabellaSelezionePratiche .label {
  width: 80px;
}

#selettoriStati a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#listaStati {
  list-style-type: none;
  margin: 10px;
}

#listaStati li {
  margin: 10px 0px;
}

#inserimentoDocumento {
  float: left;
}

.fileKO {
  color: #c00;
  font-weight: bold;
}

.riservato {
  font-size: 1.8em;
  color: #c00;
  font-weight: bold;
}

.tipoDocumento {
  background-color: #ddd;
  padding: 2px;
  margin-right: 2px;
  border: 1px solid #999;
}

#formDocumento {
  float: left;
}

#formDocumento h3 {
  float: left;
  margin: 5px;
  width: 100%;
  text-decoration: underline;
}

#formDocumento .documento_campo {
  float: left;
  margin: 5px;
  width: 100%;
}

#formDocumento .documento_label {
  float: left;
  width: 150px;
  font-weight: 700;
}

#formDocumento #tipidocumento {
  float: left;
  list-style-type: none;
  margin-left: 150px;
}

#formDocumento #tipidocumento li {
  margin-bottom: 10px;
  width: 200px;
  float: left;
}

#formDocumento #tipidocumento label {
  cursor: pointer;
}

#formDocumento .radioDesc {
  margin: 2px 20px 0px 0px;
  cursor: pointer;
}

#formDocumento #nomeoriginale {
  width: 400px;
}

#formDocumento #fileupload {
  left: 150px;
}

#editChiusuraTable .label {
  width: 120px;
}

#editChiusuraTable input {
  width: 90px;
}

#editChiusuraSave {
  cursor: pointer;
}

#editChiusuraQuit {
  cursor: pointer;
}

.uploaded-file span {
  float: left;
  line-height: 25px;
  margin-right: 3px;
}

.uploaded-file .deleteFile {
  cursor: pointer;
}

#formSMSPratica #tabellaSMSPratica {
  width: 100%;
}

#formSMSPratica #testosms {
  width: 98%;
}

/* inseriti per gestione note */

#ricercaNoteForm .areaRicerca {
  margin-left: 5px;
}

#ricercaNoteForm .bottoniAreaRicerca {
  float: right;
  margin-top: 10px;
}

#tabellaSelezioneNote td {
  vertical-align: top;
}

#tabellaSelezioneNote .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneNote .datepicker {
  width: 100px;
}

#tabellaSelezioneNote .label {
  width: 80px;
}

#filtriNote {
  width: 90%;
  text-align: left;
  clear: left;
  list-style-type: none;
}

#filtriNote li {
  padding: 5px 0px;
}

#filtriNote li span {
  width: 130px;
  display: inline-table;
}

/* #tipologiaNote {padding: 5px} */

/* inseriti per servizi fruiti */

#riepilogoPersona #riepilogoServizi table {
  width: 100%;
}

#riepilogoPersona #riepilogoServizi th {
  padding: 5px;
  margin-left: 0px;
  margin-bottom: 0px;
}

#riepilogoPersona #riepilogoServizi td {
  float: left;
  border-bottom: none;
  padding: 10px;
  margin-left: 0px;
}

#riepilogoPersona #riepilogoServizi .titoletto {
  float: left;
  line-height: 22px;
  clear: both;
}

#riepilogoPersona #riepilogoServizi a {
  text-decoration: underline;
  font-weight: bold;
}

#riepilogoPersona #sceltaScheda table {
  width: 100%;
}

#riepilogoPersona #sceltaScheda th {
  padding: none;
  margin-left: 0px;
  margin-bottom: 0px;
}

#riepilogoPersona #sceltaScheda td {
  float: left;
  border-bottom: none;
  padding: none;
  margin-left: 0px;
}

#riepilogoPersona #sceltaScheda .titolino {
  float: left;
  font-weight: normal;
  line-height: 4px;
  padding: none;
  margin-left: 0px;
  margin-bottom: 0px;
}

#riepilogoPersona #sceltaScheda select {
  float: left;
  margin-left: 0px;
  width: 100%;
}

#riepilogoPersona #dateServizi table {
  width: 100%;
}

#riepilogoPersona #dateServizi th {
  padding: none;
  margin-left: 0px;
  margin-bottom: 0px;
}

#riepilogoPersona #dateServizi td {
  float: right;
  border-bottom: none;
  padding: none;
  margin-left: 0px;
}

/* inseriti per sposta centro */

#riepilogoPersona #spostaCentro {
  float: left;
  margin: 2px 5px;
  padding: 2px;
  cursor: pointer;
}

#riepilogoPersona #sceltaCentro table {
  width: 100%;
}

#riepilogoPersona #sceltaCentro th {
  padding: none;
  margin-left: 0px;
  margin-bottom: 0px;
}

#riepilogoPersona #sceltaCentro td {
  float: left;
  border-bottom: none;
  padding: none;
  margin-left: 0px;
}

#riepilogoPersona #sceltaCentro .titolino {
  float: left;
  font-weight: normal;
  line-height: 4px;
  padding: none;
  margin-left: 0px;
  margin-bottom: 0px;
}

#riepilogoPersona #sceltaCentro select {
  float: left;
  margin-left: 0px;
  width: 100%;
}

/* inseriti per servizi erogati */

#tabellaSelezioneServiziErogati td {
  vertical-align: top;
}

#tabellaSelezioneServiziErogati .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneServiziErogati .datepicker {
  width: 100px;
}

#tabellaSelezioneServiziErogati .label {
  width: 80px;
}

#tabellaSelezioneServiziErogati a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#dettPrenotazioneDialog div {
  border-bottom: 1px solid #aaaaaa;
}

#dettPrenotazioneDialog #canaliPagamento {
  font-weight: bold;
  background-color: #eeeeee;
  display: inline-block;
  padding: 15px 90px 5px 5px;
}

#dettPrenotazioneDialog .eurot {
  width: 60px;
  text-align: right;
  display: inline-block;
  margin-right: 20px;
}

#dettPrenotazioneDialog .dettaglio {
  width: 120px;
  display: inline-block;
}

#dettPrenotazioneDialog .convenzione {
  background-color: #dddddd;
}

#dettPrenotazioneDialog #totaleReversale {
  width: 60px;
  display: inline-block;
  text-align: right;
  font-weight: bold;
  background-color: #efefef;
  border: 1px solid #efefef;
}

.dett_prenotazione {
  cursor: pointer;
}

#dettPrenotazioneDialogQuit {
  cursor: pointer;
  padding: 3px;
}

/* inseriti per servizimulticodice */

.interventi {
  list-style-type: none;
  margin: 10px;
  width: 80%;
  float: left;
  /* height: 150px */
}

.interventi li {
  margin: 5px 0px;
}

.interventi label {
  vertical-align: top;
  margin-left: 3px;
}

#interventi {
  list-style-type: none;
  margin: 10px;
  width: 80%;
  float: left;
  height: 10px;
}

/* era 150px */

#interventi li {
  margin: 5px 0px;
}

#interventi label {
  vertical-align: top;
  margin-left: 3px;
}

#formErogazione #listaErrori {
  float: left;
  list-style-type: none;
  margin: 30px 0px 0px 0px;
  clear: right;
}

#formErogazione #listaErrori li {
  margin: 3px;
}

#formErogazione #messOperazione {
  font-weight: bold;
  color: #cc0000;
}

#formErogazione #daregistrare,
#formErogazione #registrati {
  float: left;
  padding: 5px 20px 5px 2px;
}

#formErogazione #daregistrare span,
#formErogazione #registrati span {
  color: #cc0000;
}

#formErogazione .dataGrid .ultimo {
  color: #cc0000;
  font-weight: 700;
}

#senzadimora {
  margin: 2px;
  padding-left: 3px;
  line-height: 20px;
}

#senzadimora {
  margin: 2px;
  padding-left: 3px;
  line-height: 20px;
}

#senzadimora img {
  vertical-align: middle;
}

#agea {
  margin: 8px;
}

#sd105-tabs {
  min-height: 400px;
  height: auto !important;
  height: 400px;
  float: left;
  width: 100%;
  margin: 10px 0px;
}

#sd105-tabs .sezione {
  float: left;
  width: 98%;
}

#sd105-tabs .tabs {
  float: left;
  width: 99%;
}

#sd105-tabs .domande {
  list-style-type: none;
}

#sd105-tabs .domande .testodomanda {
  margin-left: 10px;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 36px;
}

#sd105-tabs .domanda {
  padding: 5px;
}

#sd105-tabs .domanda:nth-child(odd) {
  background-color: #eee;
}

#sd105-tabs .domanda:nth-child(even) {
  background-color: #fbf1b0;
}

#sd105-tabs .voci {
  font-size: 1.2em;
  margin-left: 20px;
}

#sd105-tabs .voce {
  border-bottom: 1px solid #ccc;
  line-height: 22px;
}

#sd105-tabs .voce:last-child {
  border-bottom: none;
}

#sd105-tabs .testovoce {
  display: inline-block;
  width: 400px;
}

#sd105-tabs .opzioni {
  list-style-type: none;
  display: inline;
}

#sd105-tabs .opzione {
  display: inline;
  margin-right: 20px;
}

#sd105-tabs .opzione label {
  cursor: pointer;
}

#sd105-tabs .incolonna .opzione {
  display: block;
  border-bottom: 1px solid #ccc;
}

#sd105-tabs .incolonna .opzione:last-child {
  border-bottom: none;
}

#sd105-tabs .incolonna .opzione label {
  display: inline-block;
  width: 400px;
}

#sd105-tabs .incolonna .testovoce {
  display: none;
}

#sd105-tabs .incolonna {
  margin-left: 425px;
}

#changelog table td {
  padding: 5px;
}

.documentazione {
  width: 50%;
  float: left;
}

.documentazione ul {
  margin-left: 20px;
  list-style-type: none;
}

.documentazione ul li {
  margin: 30px;
}


#areaNoteRiservate {
  float: left;
  /* clear: both; */
}

.dettaglioNota {
  width: 93%;
  margin: 2px;
  float: left;
}

.esplodi,
.implodi {
  cursor: pointer;
  margin: 2px 5px 2px 2px;
  padding: 2px;
  float: right;
}

#stampaNote {
  float: right;
  width: 90px;
  margin-bottom: 5px;
}

#formSersoc {
  float: left;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}

#formSersoc #sersoc {
  margin: 20px 50px;
}

#formSersoc input[type="radio"] {
  margin: 10px 0px 10px 50px;
}

#formSersoc .radioDesc {
  cursor: pointer;
}

#listaSersoc {
  clear: both;
}

#listaSersoc #contatore {
  float: right;
}

#formServizioSociale {
  float: left;
}

#formServizioSociale h3 {
  float: left;
  margin: 5px;
  width: 100%;
  text-decoration: underline;
}

#formServizioSociale .sersoc_campo {
  float: left;
  margin: 5px;
  width: 65%;
}

#formServizioSociale .sersoc_label {
  float: left;
  width: 180px;
  font-weight: 700;
}

#formServizioSociale #tipisersoc {
  float: left;
  list-style-type: none;
  margin-left: 5px;
}

#formServizioSociale #tipisersoc li {
  margin-bottom: 10px;
  width: 600px;
  display: block;
}

#formServizioSociale #tipisersoc label {
  cursor: pointer;
  display: inline-block;
  width: 250px;
}

#formServizioSociale .radioDesc {
  margin: 2px 20px 0px 0px;
  cursor: pointer;
}

#formServizioSociale textarea {
  width: 525px;
}

#formServizioSociale #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 155px;
}

#formServizioSociale #listaErrori li {
  margin: 3px;
}

/* inseriti per servizi con distribuzione */

.searchForm .inputtypenumberB {
  width: 355px;
  height: 16px;
}

.searchForm .modoRicercaDistribuzione {
  width: 358px;
}

.searchForm .bottoniAreaRicercaDistribuzione {
  margin-top: 20px;
  float: right;
}

#tabellaSelezioneStock td {
  vertical-align: top;
}

#tabellaSelezioneStock .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneStock .datepicker {
  width: 100px;
}

#tabellaSelezioneStock .label {
  width: 150px;
}

#tabellaSelezioneStock a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#tabellaSelezioneScadenzeStock td {
  vertical-align: top;
}

#tabellaSelezioneScadenzeStock .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneScadenzeStock .datepicker {
  width: 100px;
}

#tabellaSelezioneScadenzeStock .label {
  width: 150px;
}

#tabellaSelezioneScadenzeStock a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#tabellaSelezioneGiacenzeArticoli td {
  vertical-align: top;
}

#tabellaSelezioneGiacenzeArticoli .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneGiacenzeArticoli .datepicker {
  width: 100px;
}

#tabellaSelezioneGiacenzeArticoli .label {
  width: 150px;
}

#tabellaSelezioneGiacenzeArticoli a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#tabellaSelezioneGiacenzeArticoli #CostruisciStockDaEsistenti {
  cursor: pointer;
  text-decoration: none;
  margin: 5px;
}

#tabellaSelezioneVendite td {
  vertical-align: top;
}

#tabellaSelezioneVendite .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneVendite .datepicker {
  width: 100px;
}

#tabellaSelezioneVendite .label {
  width: 150px;
}

#tabellaSelezioneVendite a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#tabellaSelezioneBilancioArticoli td {
  vertical-align: top;
}

#tabellaSelezioneBilancioArticoli .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneBilancioArticoli .datepicker {
  width: 100px;
}

#tabellaSelezioneBilancioArticoli .label {
  width: 150px;
}

#tabellaSelezioneBilancioArticoli a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#tabellaSelezioneArticolo td {
  vertical-align: top;
}

#tabellaSelezioneArticolo .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneArticolo .datepicker {
  width: 100px;
}

#tabellaSelezioneArticolo .label {
  width: 150px;
}

#tabellaSelezioneArticolo a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#ricercaArticolo .fotoArticolo {
  display: none;
}

#formStock #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 0px;
}

#formStock #listaErrori li {
  margin: 3px;
}

#formStock #editarticolo {
  cursor: pointer;
}

#formStock .formButtonStockCollegati {
  width: 120px;
  height: 22px;
  margin-left: 3px;
  cursor: pointer;
  font-size: 10pt;
  font-weight: bold;
  background-color: white;
  border: 1px solid;
  border-color: red;
  color: red;
}

#formStock .formButtonStockCollegatiOver {
  width: 120px;
  height: 22px;
  margin-left: 3px;
  cursor: pointer;
  font-size: 10pt;
  font-weight: bold;
  background-color: red;
  border: 1px solid;
  border-color: black;
  color: white;
}

#formStock .etichetta {
  width: 280px;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
}

.writestock {
  width: 800px;
  float: left;
  margin: 40px 0px 0px 10px;
  border-collapse: collapse;
}

.writestock tr {
  height: 24px;
}

.writestock tr:nth-child(even) {
  background-color: #f7f7ff;
}

.writestock td {
  border-bottom: 1px solid #a6c9e2;
  padding: 4px;
}

#formArticolo #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 0px;
}

#formArticolo #listaErrori li {
  margin: 3px;
}

.writearticolo {
  width: 800px;
  float: left;
  margin: 40px 0px 0px 10px;
  border-collapse: collapse;
}

.writearticolo tr {
  height: 24px;
}

.writearticolo tr:nth-child(even) {
  background-color: #f7f7ff;
}

.writearticolo td {
  border-bottom: 1px solid #a6c9e2;
  padding: 4px;
}

.writearticolo a[href*="www.froala.com"] {
  display: none !important;
  position: absolute;
  top: -99999999px;
}

#editStockDialog .formButton {
  width: 100px;
  cursor: pointer;
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 5px;
}

#formArticoloB #listaErroriB {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 50px;
}

#formArticoloB #listaErroriB li {
  margin: 3px;
}

.writearticoloB {
  width: 450px;
  float: left;
  margin: 10px 0px 0px 10px;
  border-collapse: collapse;
}

.writearticoloB tr {
  height: 24px;
}

.writearticoloB tr:nth-child(even) {
  background-color: #f7f7ff;
}

.writearticoloB td {
  border-bottom: 1px solid #a6c9e2;
  padding: 4px;
}

#insertpunti {
  float: left;
}

#insertvendita {
  float: left;
}

#exportPuntiSkacc {
  float: right;
  margin: 0px 0px 5px 5px;
}

#stampaPuntiSkacc {
  float: right;
  margin: 0px 0px 5px 5px;
}

#reportcategoria {
  margin-top: 10px;
}

#reportcarrelli {
  margin-top: 10px;
}

#formDistribuzione #listaErrori {
  float: left;
  list-style-type: none;
  margin-top: 5px;
  width: 330px;
}

#formDistribuzione #listaErrori li {
  margin: 3px;
}

#formDistribuzione #messOperazione {
  font-weight: bold;
  color: #cc0000;
}

#formDistribuzione #messOperazioneOK {
  font-weight: bold;
  color: #008800;
}

#formDistribuzione #messOperazioneOut {
  font-weight: bold;
  color: #ff0000;
}

#formDistribuzione #messForzatura {
  font-weight: bold;
  color: #0000ff;
}

#formDistribuzione #messOperazioneOutContinue {
  font-weight: bold;
  color: #ff00f0;
}

#formDistribuzione #registrati {
  float: left;
  padding: 5px 20px 5px 2px;
}

#formDistribuzione #registrati span {
  color: #cc0000;
}

#formDistribuzione .dataGrid .ultimo {
  color: #cc0000;
  font-weight: 700;
}

#formDistribuzione #testataScontrino {
  display: none;
}

#formDistribuzione .etichetta {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
  width: 180px;
  color: #2e6e9e;
}

#formDistribuzione .nota {
  width: 100%;
  height: 77pt;
}

#formDistribuzione #barraPunti {
  /* position: relative; */
  width: 100%;
  background-color: #667788;
}

/*#formDistribuzione  .ui-progressbar-value {
   background-color: #222222;
}
*/

#formDistribuzione #etichettaBarraPunti {
  width: 100%;
  margin-top: 3px;
  text-align: center;
  font-weight: bold;
  float: left;
  color: #ffffff;
}

#formDistribuzione #tabellaCarrelloCategorie {
  width: 800px;
}

#formDistribuzione #tabellaCarrelloCategorie tr:nth-child(even) {
  background-color: #efefff;
}

#formDistribuzione #tabellaCarrello {
  width: 800px;
}

#formDistribuzione #tabellaCarrello tr:nth-child(even) {
  background-color: #efefff;
}

#formDistribuzione .codicearticolo {
  text-align: left;
  width: 85px;
}

#formDistribuzione .descarticolo {
  text-align: left;
  width: 490px;
}

#formDistribuzione .numeroarticolo {
  text-align: right;
  width: 40px;
  /* era 45 x 2*/
}

#formDistribuzione .numero {
  text-align: right;
  width: 40px;
  /* era 55 x 2*/
}

#formDistribuzioneSkacc #listaErrori {
  float: right;
  list-style-type: none;
  margin-top: 5px;
  width: 330px;
}

#formDistribuzioneSkacc #listaErrori li {
  margin: 3px;
}

#formDistribuzioneSkacc .formButton {
  width: 100px;
  cursor: pointer;
  margin-left: 3px;
}

#formDistribuzioneSkacc .button_punti {
  width: 150px;
  margin-left: 3px;
  margin-top: 3px;
  text-align: center;
}

#formDistribuzioneSkacc .button_servizio {
  width: 190px;
  margin-left: 3px;
  margin-top: 3px;
  text-align: center;
}

#formDistribuzioneSkacc .select_servizio {
  float: left;
  width: 270px;
  margin-left: 3px;
  margin-top: 3px;
}

#editPuntiDialog .formButton {
  width: 100px;
  cursor: pointer;
  margin-left: 3px;
}

#formPuntiB #listaErroriB {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 50px;
  width: 350px;
}

#formPuntiB #listaErroriB li {
  margin: 3px;
}

#formPuntiB .etichetta {
  width: 180px;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
}

.writepuntiB {
  width: 470px;
  float: left;
  margin: 10px 0px 0px 10px;
  border-collapse: collapse;
}

.writepuntiB tr {
  height: 24px;
}

.writepuntiB tr:nth-child(even) {
  background-color: #f7f7ff;
}

.writepuntiB td {
  border-bottom: 1px solid #a6c9e2;
  padding: 4px;
}

#formCaricaPunti {
  float: left;
}

#formCaricaPunti h3 {
  float: left;
  margin: 5px;
  width: 100%;
  font-weight: 800;
}

#formCaricaPunti .label {
  float: left;
  width: 150px;
  font-weight: 700;
}

#formCaricaPunti #nomefile {
  width: 400px;
}

#formCaricaPunti .fileupload_label {
  margin-left: 10px;
  padding: 3px 6px 3px 6px;
}

#formCaricaPunti .label {
  text-align: right;
  margin-right: 5px;
}

#formCaricaPunti .ultimacolonna {
  margin-top: 20px;
}

#formCaricaPunti #listaErrori {
  float: left;
  list-style-type: none;
  margin: 2px 0px 2px 160px;
  width: 392px;
}

#formCaricaPunti #listaErrori li {
  margin: 3px;
}

#formEsportaExpPti {
  float: left;
  margin: 10px;
}

#formEsportaExpPti h3 {
  float: left;
  margin: 5px;
  width: 100%;
  font-weight: 800;
}

#formEsportaExpPti .label {
  float: left;
  width: 150px;
}

#formEsportaExpPti #listaErrori {
  float: left;
  list-style-type: none;
  margin: 2px 0px 2px 160px;
  width: 392px;
}

#formEsportaExpPti #listaErrori li {
  margin: 3px;
}

#tabellaEsportaExpPti td {
  vertical-align: top;
}

#tabellaEsportaExpPti .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaEsportaExpPti .datepicker {
  width: 100px;
}

#tabellaEsportaExpPti .label {
  width: 150px;
}

#tabellaEsportaExpPti a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#formCategoria #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 0px;
}

#formCategoria #listaErrori li {
  margin: 3px;
}

#formCategoria input[type="checkbox"] {
  margin: 2px 2px 4px 2px;
  width: 10px;
}

#formCategoria input:read-only {
  background-color: #dddddd;
  color: gray;
  opacity: 3;
  border: solid 1.9px gray;
}

#formCategoria .etichetta {
  width: 250px;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
}

.writecategoria {
  width: 800px;
  float: left;
  margin: 40px 0px 0px 10px;
  border-collapse: collapse;
}

.writecategoria tr {
  height: 24px;
}

.writecategoria tr:nth-child(even) {
  background-color: #f7f7ff;
}

.writecategoria td {
  border-bottom: 1px solid #a6c9e2;
  padding: 4px;
}

div#compara {
  margin: 20px 0px 0px 50px;
}

#tableCompara td {
  padding: 2px 5px;
}

div#compara #formCompara {
  padding: 20px;
}

div#compara #salva {
  float: right;
  margin-top: 20px;
}

div#compara #esci {
  float: right;
  margin-top: 20px;
}

/* rendiconti AGEA */

#listarendiconti {
  list-style-type: none;
}

#listarendiconti li {
  margin: 10px 0px 20px 0px;
}

#listarendiconti li h4 {
  font-size: 10pt;
  width: 500px;
}

#listarendiconti label {
  display: inline-block;
  width: 150px;
}

#listarendiconti input {
  width: 300px;
  height: 18px;
}

#listarendiconti select {
  width: 305px;
  height: 20px;
}

#listarendiconti input.formButton {
  width: 304px;
  margin-left: 175px;
  cursor: pointer;
}

#cs-area-servizio,
#cs-area-anno,
#cs-area-fornitore,
#cs-area-articolo,
#dc-area-anno-ini,
#dc-area-anno-fine,
#dc-area-fornitore,
#rpc-area-anno-ini,
#rpc-area-anno-fine,
#rpc-area-fornitore,
#ac-area-anno,
#ac-area-fornitore,
#beneficiari-area-anno-ini,
#beneficiari-area-anno-fine,
#beneficiari-area-fornitore,
#ddt-area-anno,
#ddt-area-codice,
#articolo-area-anno-fine,
#articolo-area-anno-ini,
#articolo-area-codice {
  padding: 5px 20px;
}

/* inizio nuove relazioni 201509 */

#areaInserimentoNIA {
  margin-top: 20px;
  margin-bottom: 20px;
}

#lblinsertNIA {
  font-weight: bold;
  margin-right: 10px;
}

.selectrela {
  float: left;
  width: 254px;
  height: 22px;
}

.altricampirelazione .sezVar {
  padding: 4px 0px 4px 0px;
  width: 100%;
}

.altricampirelazione label {
  float: left;
  width: 287px;
  margin-top: 2px;
  margin-left: 2px;
}

.altricampirelazione input[type="text"] {
  float: left;
  width: 250px;
}

.altricampirelazione input[type="radio"] {
  float: left;
}

.altricampirelazione .radioDesc {
  float: left;
  margin: 2px 20px 0px 0px;
}

.altricampirelazione input.error {
  background-color: #fbec88;
}

.altricampirelazione select.error {
  background-color: #fbec88;
}

.altricampirelazione label.error {
  color: #cc0000;
  float: right;
  text-align: right;
  font-weight: bold;
  margin-right: 5px;
}

.altricampirelazione select {
  float: left;
  width: 254px;
  height: 22px;
}

.altricampirelazione .odd {
}

.altricampirelazione .even {
  background-color: #f7f7ff;
}

.altricampirelazione p {
  font-size: 10pt;
  font-weight: bold;
}

/*
.altricampirelazione .sezParagraph {
   width: 100%;
   padding: 4px 4px 4px 0px; 
}
*/

/* fine nuove relazioni 201509 */

/*inizio gestione risorse 201601 */

#listaLuoghi {
  margin-left: 180px;
  padding: 5px;
  width: 358px;
  overflow: scroll;
  height: 200px;
}

.numero_risorse {
  float: right;
}

#risorsa-tabs {
  min-height: 400px;
  height: auto !important;
  height: 400px;
  float: left;
  /* width: 100%; */
  margin: 10px 0px;
}

#risorsa-tabs .sezione {
  float: left;
  width: 98%;
}

#risorsa-tabs .tabs {
  float: left;
  width: 99%;
}

#risorsa-tabs .odd {
}

#risorsa-tabs .even {
  /* background-color: #f7f7ff;*/
}

#risorsa-tabs #var_responsabile_tel label:before {
  content: "- ";
}

#risorsa-tabs #var_responsabile_fax label:before {
  content: "- ";
}

#risorsa-tabs #var_responsabile_email label:before {
  content: "- ";
}

#risorsa-tabs #var_responsabile2_tel label:before {
  content: "- ";
}

#risorsa-tabs #var_responsabile2_fax label:before {
  content: "- ";
}

#risorsa-tabs #var_responsabile2_email label:before {
  content: "- ";
}

/*.editFormRisorsa {}*/

.editFormRisorsa input[type="text"] {
  width: 350px;
  height: 18px;
}

/* .editFormRisorsa input[type=checkbox] {vertical-align: center;} */

.editFormRisorsa input[type="checkbox"] {
  height: 18px;
}

.editFormRisorsa select {
  width: 354px;
}

.editFormRisorsa textarea {
  width: 350px;
  height: 55px;
}

.editFormRisorsa .label {
  width: 350px;
}

.editFormRisorsa .longLabel {
  width: 240px;
}

.editFormRisorsa .formButton {
  width: 100px;
  cursor: pointer;
  margin-left: 3px;
}

.editFormRisorsa .formButtonLarge {
  width: 150px;
  cursor: pointer;
  margin-left: 3px;
}

.editFormRisorsa input[type="number"] {
  width: 350px;
  height: 18px;
}

.editFormRisorsa .sezParagraph {
  /* height: 20px; */
  float: left;
  width: 100%;
  padding: 2px;
}

.editFormRisorsa .sezParagraph label {
  float: left;
  width: 350px;
  margin-top: 2px;
}

.editFormRisorsa .sezParagraph input[type="text"] {
  float: left;
  width: 350px;
}

.editFormRisorsa .sezParagraph input[type="radio"] {
  float: left;
}

.editFormRisorsa .sezParagraph .radioDesc {
  float: left;
  margin: 2px 20px 0px 0px;
}

.editFormRisorsa .sezParagraph input.error {
  background-color: #fbec88;
}

.editFormRisorsa .sezParagraph select.error {
  background-color: #fbec88;
}

.editFormRisorsa .sezParagraph label.error {
  color: #cc0000;
  float: right;
  text-align: right;
  font-weight: bold;
  margin-right: 5px;
}

.editFormRisorsa .sezParagraph select {
  float: left;
  width: 354px;
  height: 22px;
}

.editFormRisorsa .sezVar {
  border-bottom: 1px solid #a6c9e2;
  padding: 4px;
  float: left;
  width: 98%;
}

.editFormRisorsa .specificare {
  padding-left: 10px;
  width: 338px !important;
}

.editFormRisorsa .hoverSezVar {
  background-color: #dfeffc !important;
}

.editFormRisorsa .hoverSezVarGroup {
  background-color: #c0e1fc !important;
}

.editFormRisorsa .h3VarGroup {
  font-weight: normal;
  width: 100%;
  height: 30px;
  margin-top: 10px;
  font-weight: bold;
}

.editFormRisorsa .headGroup {
  width: 100%;
  list-style-type: none;
  float: left;
}

.editFormRisorsa .variableGroup {
  width: 100%;
}

.editFormRisorsa .sezVarGroupXX {
  width: 100%;
  height: 47px;
}

.editFormRisorsa .sezVarGroupTA {
  width: 100%;
  height: 100px;
}

.editFormRisorsa .labeltipodomKvalore1 {
  font-weight: bold;
}

.editFormRisorsa .labeltipodomTA {
  font-weight: bold;
  width: 70px !important;
}

.editFormRisorsa .tipodomN {
  float: left;
  text-align: right;
  width: 150px !important;
}

.editFormRisorsa .tipodomTA {
  width: 705px;
  height: 85px;
  resize: none;
}

.editFormRisorsa .tipodomCpar_altro {
  float: left;
  margin-top: 2px !important;
  margin-left: 2px !important;
  height: 22px;
}

.editFormRisorsa .tipodomCpar_altroTA {
  float: left;
  margin-top: 2px !important;
  margin-left: 2px !important;
  height: 89px;
}

.editFormRisorsa .tipodomCaltroTA {
  width: 450px;
  height: 85px;
  resize: none;
}

.editFormRisorsa .tipodomKpar_altro {
  margin-top: 2px !important;
  margin-left: 2px !important;
  height: 22px;
}

.editFormRisorsa .tipodomKpar_altroTA {
  margin-top: 2px !important;
  margin-left: 2px !important;
  height: 89px;
}

.editFormRisorsa .tipodomKaltroTA {
  width: 450px;
  height: 85px;
  resize: none;
}

.editFormRisorsa .tipodomRpar_altro {
  float: left;
  margin-top: 15px !important;
  margin-left: 2px !important;
  height: 22px;
}

.editFormRisorsa .tipodomRpar_altroTA {
  float: left;
  margin-top: 15px !important;
  margin-left: 2px !important;
  height: 89px;
}

.editFormRisorsa .tipodomRaltroTA {
  width: 450px;
  height: 85px;
  resize: none;
}

/*fine gestione risorse 201601 */

/* area privacy */

#areaPrivacy ul {
  list-style-type: none;
  margin-left: 40px;
}

#areaPrivacy ul li {
  margin: 10px 0px;
}

#documentazionePrivacy {
  margin-top: 50px;
}

/*accoglienza*/

#registraPresenza {
  float: left;
  width: 150px;
  text-align: center;
}

tbody.striped tr:nth-child(2n + 1) td {
  background-color: #eeeeee;
}

tbody.striped tr:nth-child(2n) td {
  background-color: #ffffff;
}

tbody.striped td {
  padding: 2px;
}

#tabellaSelezionePresenze td {
  vertical-align: top;
}

#tabellaSelezionePresenze .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezionePresenze .datepicker {
  width: 100px;
}

#tabellaSelezionePresenze .label {
  width: 150px;
}

#tabellaSelezionePresenze .areaRicercaDalAl {
  width: 165px;
  margin-bottom: 10px;
}

#tabellaSelezionePresenze .labelDal {
  width: 25px;
}

#tabellaSelezionePresenze .labelAl {
  width: 25px;
  margin-right: 8px;
}

#tabellaSelezionePresenze a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#listaServiziPresenze {
  list-style-type: none;
  margin: 10px;
}

#listaServiziPresenze li {
  margin: 10px 0px;
}

#tabellaSelezioneCamereLetti td {
  vertical-align: top;
}

#tabellaSelezioneCamereLetti .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneCamereLetti .datepicker {
  width: 100px;
}

#tabellaSelezioneCamereLetti .label {
  width: 150px;
}

#tabellaSelezioneCamereLetti a {
  cursor: pointer;
  text-decoration: underline;
  margin: 5px;
}

#listaServiziCamereLetti {
  list-style-type: none;
  margin: 10px;
}

#listaServiziCamereLetti li {
  margin: 10px 0px;
}

#registraReportPs {
  float: left;
  width: 150px;
  text-align: center;
}

#id_servizio_report_ps {
  float: left;
  width: 500px;
  margin-left: 5px;
  margin-top: 5px;
}

#tabellaSelezioneReportPs td {
  vertical-align: top;
}

#tabellaSelezioneReportPs .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneReportPs .datepicker {
  width: 100px;
}

#tabellaSelezioneReportPs .label {
  width: 150px;
}

#tabellaSelezioneReportPs .areaRicercaDalAl {
  width: 165px;
  margin-bottom: 10px;
}

#tabellaSelezioneReportPs .labelDal {
  width: 25px;
}

#tabellaSelezioneReportPs .labelAl {
  width: 25px;
  margin-right: 8px;
}

#tabellaSelezioneReportPs a {
  cursor: pointer;
  text-decoration: underline;
  margin: 0px 5px 5px 0px;
}

#listaServiziReportPs {
  list-style-type: none;
  margin: 10px 10px 0px 0px;
}

#listaServiziReportPs li {
  margin: 10px 0px;
}

#registraReportCatalogo {
  float: left;
  width: 150px;
  text-align: center;
}

#id_ente_report_catalogo {
  float: left;
  width: 500px;
  margin-left: 5px;
  margin-top: 5px;
}

#tabellaSelezioneReportCatalogo td {
  vertical-align: top;
}

#tabellaSelezioneReportCatalogo .bordato {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0px 2px;
}

#tabellaSelezioneReportCatalogo .datepicker {
  width: 100px;
}

#tabellaSelezioneReportCatalogo .label {
  width: 150px;
}

#tabellaSelezioneReportCatalogo .areaRicercaDalAl {
  width: 165px;
  margin-bottom: 10px;
}

#tabellaSelezioneReportCatalogo .labelDal {
  width: 25px;
}

#tabellaSelezioneReportCatalogo .labelAl {
  width: 25px;
  margin-right: 8px;
}

#tabellaSelezioneReportCatalogo a {
  cursor: pointer;
  text-decoration: underline;
  margin: 0px 5px 5px 0px;
}

#listaServiziReportCatalogo {
  list-style-type: none;
  margin: 10px 10px 0px 0px;
}

#listaServiziReportCatalogo li {
  margin: 10px 0px;
}

#formCamera #listaErrori {
  float: left;
  list-style-type: none;
  margin-top: 5px;
  width: 330px;
}

#formCamera #listaErrori li {
  margin: 3px;
}

#formCamera .etichetta {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
  width: 180px;
  color: #2e6e9e;
}

#formCamera .nota {
  width: 100%;
  height: 77pt;
}

#formCamera .writecamera {
  width: 800px;
  float: left;
  margin: 40px 0px 0px 10px;
  border-collapse: collapse;
}

#formCamera .writecamera tr {
  height: 30px;
}

/*
#formCamera .writecamera tr:nth-child(even){
   background-color: #f7f7ff;
}
*/

#formCamera .writecamera td {
  /*border-bottom: 1px solid #a6c9e2; */
  padding: 4px;
}

#formCamera .cameraservizioaccoglienza {
  font-size: 2em;
  color: #2e6e9e;
}

#formLetto #listaErrori {
  float: left;
  list-style-type: none;
  margin-top: 5px;
  width: 330px;
}

#formLetto #listaErrori li {
  margin: 3px;
}

#formLetto .etichetta {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
  width: 180px;
  color: #2e6e9e;
}

#formLetto .nota {
  width: 100%;
  height: 77pt;
}

#formLetto .writeletto {
  width: 800px;
  float: left;
  margin: 40px 0px 0px 10px;
  border-collapse: collapse;
}

#formLetto .writeletto tr {
  height: 30px;
}

/*
#formLetto .writeletto tr:nth-child(even){
   background-color: #f7f7ff;
}
*/

#formLetto .writeletto td {
  /*border-bottom: 1px solid #a6c9e2; */
  padding: 4px;
}

#formLetto .lettoservizioaccoglienza {
  font-size: 2em;
  color: #2e6e9e;
}

#formLetto .lettocamera {
  font-size: 1.8em;
  color: #2e6e9e;
}

#formAllocazione #listaErrori {
  float: left;
  list-style-type: none;
  margin-top: 5px;
  width: 330px;
}

#formAllocazione #listaErrori li {
  margin: 3px;
}

#formAllocazione #messOperazione {
  font-weight: bold;
  color: #cc0000;
}

#formAllocazione #messOperazioneOK {
  font-weight: bold;
  color: #008800;
}

#formAllocazione #messOperazioneOut {
  font-weight: bold;
  color: #ff0000;
}

#formAllocazione #messForzatura {
  font-weight: bold;
  color: #0000ff;
}

#formAllocazione #messOperazioneOutContinue {
  font-weight: bold;
  color: #ff00f0;
}

#formAllocazione #registrati {
  float: left;
  padding: 5px 20px 5px 2px;
}

#formAllocazione #registrati span {
  color: #cc0000;
}

#formAllocazione .dataGrid .ultimo {
  color: #cc0000;
  font-weight: 700;
}

#formAllocazione .etichetta {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
  width: 180px;
  color: #2e6e9e;
}

#formAllocazione .etichettaGruppoAccoglienza {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
  width: 100px;
  color: black;
}

/*#formAllocazione .primacolonna {width: 280px;}*/

#formAllocazione .primacolonnasenzapickdata {
  width: 260px;
}

#formAllocazione .nomesuduecolonne {
  width: 510px;
}

#formAllocazione .notasuduecolonne {
  width: 510px;
}

#formAllocazione select {
  width: 254px;
  height: 22px;
}

#formAllocazione .campodatianagrafici {
  width: 300px;
  float: left;
}

#formAllocazione .campodatidocumento {
  width: 300px;
  float: left;
}

#formAllocazione #datafine {
  float: left;
}

#formAllocazione #testo_allocazione {
  float: left;
}

#formAllocazione .backPresenzaPager {
  cursor: pointer;
}

/* #formAllocazione .textarea {width: 500px;} */

#formAllocazione .datianagrafici {
  font-size: 2em;
  margin-left: 0px;
}

#formAllocazione .servizioaccoglienza {
  font-size: 2.5em;
  color: #2e6e9e;
}

#collegamentoDialog .formButton {
  width: 100px;
  cursor: pointer;
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 5px;
}

#formAllocazioneB .etichetta {
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
  width: 200px;
  color: #2e6e9e;
}

#formAllocazioneB input[type="text"] {
  width: 50px;
  height: 18px;
}

.writecollegamento {
  width: 265px;
  float: left;
  margin: 10px 0px 0px 10px;
  border-collapse: collapse;
}

.writecollegamento tr {
  height: 24px;
}

.writecollegamento tr:nth-child(even) {
  background-color: #f7f7ff;
}

.writecollegamento td {
  border-bottom: 1px solid #a6c9e2;
  padding: 4px;
}

/* gestione_errore */

.MainDivGestioneErrore {
  width: 100%;
  border: 1px solid #79b7e7;
}

.DivGestioneErroreLabel {
  background-color: #5c9ccc;
}

.LabelGestioneErroreRed {
  height: 35px;
  font-size: 14pt;
  color: white;
  margin-top: 10px;
  margin-left: 5px;
}

.LabelGestioneErrore {
  height: 35px;
  font-size: 14pt;
  color: yellow;
  margin-top: 10px;
  margin-left: 5px;
}

.DivGestioneErrore {
  font-size: 12pt;
  font-weight: bold;
  margin: 20px;
}

.ButtonGestioneErrore {
  width: 100px;
  height: 20px;
  margin-top: 10px;
  float: right;
  font-size: 10pt;
}

/*attività risorse*/

#var_risorse_attivita {
  height: auto;
}

#area_attivita {
  float: left;
  width: 100%;
  margin-top: 5px;
}

#area_attivita input[type="checkbox"] {
  float: left;
}

#area_attivita label {
  margin: 0px 0px 0px 15px;
  cursor: pointer;
}

#var_risorse_attivita #titololistaattivita {
  float: left;
  line-height: 16px;
  margin-bottom: 5px;
  cursor: pointer;
  width: 90%;
}

#var_risorse_attivita #notalistaattivita {
  float: left;
  width: 100%;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 2px;
}

#var_risorse_attivita .attivita {
  cursor: pointer;
  /* background-color: #FBEC88; */
  border: 1px solid #ddcc88;
  padding: 2px 4px;
}

#listaattivita {
  list-style-type: none;
  border: 1px solid #cc0000;
  clear: both;
  float: left;
  padding: 5px;
  width: 600px;
  min-height: 20px;
}

#listaattivita li {
  width: 95%;
  display: block;
  float: left;
  /*margin-top: 10px;*/
  margin-bottom: 10px;
}

#listaattivita .descrizione {
  display: inline-block;
  margin-top: 1px;
}

#listaattivita .deleteattivita {
  float: right;
  margin-right: 2px;
}

#addattivita {
  float: left;
  margin-right: 12px;
  cursor: pointer;
  margin-bottom: 2px;
}

#testoattivita {
  width: 300px;
  height: 18px;
  margin: 10px 0px;
}

/* contratti */

#inserimentoContratto {
  float: left;
}

#addEvento {
  margin-top: 10px;
}

.contrattitipoevento {
  background-color: #ddd;
  padding: 2px;
  margin-right: 2px;
  border: 1px solid #999;
}

ul#listatipievento {
  list-style-type: none;
  width: 300px;
}

ul#listatipievento li {
  display: inline-block;
  width: 135px;
  line-height: 24px;
}

ul#listatipievento li label {
  margin-left: 1px;
}

#editEventoForm label.error {
  color: #c00;
}

/*timeline eventi contratti*/

.vis-timeline {
  background-color: #eeeeee;
  /*border-radius: 2px;*/
  /*border: none !important;*/
}

.vis-item {
  font-size: 0.75em;
}

.vis-item.vis-point.vis-selected,
.vis-item.vis-selected {
  background-color: #000000 !important;
  color: #f60 !important;
}

.vis-item.vis-range,
.vis-item.vis-box {
  border-style: none !important;
}

.vis-item .vis-item-content {
  padding: 2px !important;
  cursor: pointer;
}

.vis-item.eventoANT {
  background-color: #1b5e20;
  color: #ffffff;
  font-weight: bold;
}

.vis-item.eventoASS {
  background-color: #455a64;
  color: #ffffff;
  font-weight: bold;
}

.vis-item.eventoBEN {
  background-color: #00796b;
  color: #ffffff;
  font-weight: bold;
}

.vis-item.eventoFER {
  background-color: #0091ea;
  color: #ffffff;
  font-weight: bold;
}

.vis-item.eventoINF {
  background-color: #6200ea;
  color: #ffffff;
  font-weight: bold;
}

.vis-item.eventoMAL {
  background-color: #d50000;
  color: #ffffff;
  font-weight: bold;
}

.vis-item.eventoRIC {
  background-color: #616161;
  color: #ffffff;
  font-weight: bold;
}

.vis-item.eventoSAN {
  background-color: #5d4037;
  color: #ffffff;
  font-weight: bold;
}

/*inizio sezione covid*/

#formAnagrafica .hoverSezVarGroup {
  background-color: #c0e1fc !important;
}

#formAnagrafica .h3VarGroup {
  font-weight: normal;
  width: 100%;
  height: 30px;
  margin-top: 10px;
  font-weight: bold;
}

#formAnagrafica .headGroup {
  width: 100%;
  list-style-type: none;
  float: left;
  display: grid;
}

#formAnagrafica .variableGroup {
  width: 100%;
}

#formAnagrafica .sezVarGroupXX {
  width: 100%;
  height: 40px;
}

.tab_covid {
  background-color: #fbec88;
}

#info_covid {
  background-color: #fbec88;
  float: left;
  margin: 50px 0px 0px 30px;
  width: 630px;
  padding: 5px;
  text-align: justify;
  text-justify: inter-word;
  font-size: 12px;
}

#info_covid p {
  margin-top: 10px;
}

#info_covid h2 {
  color: #e10000;
}

#sezCOVID .sezLabel {
  width: 500px;
}

#sezCOVID .sezParagraph .radioDesc {
  margin: 0px 0px 0px 4px;
  width: 100px;
}

#apri_anagrafica {
  background-color: #fbec88;
}

/*fine gestione covid */

.lista_export {
  list-style-type: none;
}

.lista_export li {
  margin: 10px 0px 20px 0px;
}

.lista_export li h4 {
  font-size: 10pt;
  width: 500px;
}

.lista_export label {
  display: inline-block;
  width: 150px;
}

.lista_export input {
  width: 300px;
  height: 18px;
}

.lista_export select {
  width: 305px;
  height: 20px;
}

.lista_export input.formButtonleft {
  width: 130px;
  margin-left: 175px;
  margin-top: 20px;
  cursor: pointer;
}

.lista_export input.formButtonBenefLeft {
  width: 120px;
  margin-left: 140px;
  margin-top: 20px;
  cursor: pointer;
}

.lista_export input.formButtonBenefRight {
  width: 215px;
  margin-left: 20px;
  margin-top: 20px;
  cursor: pointer;
}

#grafi label {
  display: inline-block;
  width: 150px;
}

#grafi input {
  width: 300px;
  height: 18px;
}

#grafi select {
  width: 305px;
  height: 20px;
}

#grafi input.formButton {
  width: 130px;
  margin-left: 40px;
  margin-top: 20px;
  cursor: pointer;
  height: 18px;
}

#formNuovoCarrelloSemplificato {
  margin-top: 30px;
}

.inserimento_carrello_semplificato {
  text-decoration: none;
  padding: 2px;
  margin: 5px 5px 5px 0px;
}

#editcarrellosemplificato input.formButton {
  width: 100px;
  margin-left: 10px;
  margin-top: 10px;
  cursor: pointer;
  height: 18px;
}

#aggiornacarrellosemplificato input.formButton {
  width: 100px;
  margin-left: 10px;
  margin-top: 10px;
  cursor: pointer;
  height: 18px;
}

#torna_carrelli_semplificati {
  text-align: center;
  width: 80px;
  float: right;
  text-decoration: none;
  padding: 2px;
}

#tabellaSelezionePunti td {
  vertical-align: initial;
  padding-right: 2px;
  padding-left: 2px;
}

/* colloqui_cri */

.edit_colloqui_cri {
  width: 200px;
}

@media screen and (min-width: 576px) {
  .edit_colloqui_cri {
    width: 556px;
  }
}

@media screen and (min-width: 768px) {
  .edit_colloqui_cri {
    width: 748px;
  }
}

@media screen and (min-width: 992px) {
  .edit_colloqui_cri {
    width: 970px;
  }
}

@media screen and (min-width: 1200px) {
  .edit_colloqui_cri {
    width: 1180px;
  }
}

@media screen and (min-width: 1400px) {
  .edit_colloqui_cri {
    width: 1380px;
  }
}

@media screen and (min-width: 1600px) {
  .edit_colloqui_cri {
    width: 1580px;
  }
}

@media screen and (min-width: 1800px) {
  .edit_colloqui_cri {
    width: 1780px;
  }
}

#form_colloqui_cri li {
  list-style-type: none !important;
}

/* default form */

#form_colloqui_cri {
  width: 100%;
}

/* comandi cri */

#form_colloqui_cri .comandi_cri {
  padding: 4px;
  float: right;
}

#form_colloqui_cri .comandi_cri .formButton {
  width: 140px;
  padding: 2px;
  margin-bottom: 5px;
}

/* titolo cri  */

.edit_colloqui_cri .titolo_colloqui_cri {
  margin-bottom: 10px;
  margin-left: 5px;
}

/* luogo cri */

#form_colloqui_cri .luogo_cri {
  width: 15%;
  float: left;
  margin: 6px;
}

/* dettagli cri  */

#form_colloqui_cri .dettagli_cri {
  width: 25%;
  float: left;
  margin: 6px;
}

#form_colloqui_cri .dettagli_cri .data_cri {
  margin-bottom: 10px;
}

#form_colloqui_cri .luogo_cri p {
  font-weight: bold;
  margin-bottom: 4px;
}

#form_colloqui_cri .dettagli_cri label {
  width: 20%;
  display: inline-block;
  font-weight: bold;
}

/* nota cri */

#form_colloqui_cri .nota_cri {
  width: 40%;
  clear: left;
  margin: 6px;
  margin-top: 90px;
}

#form_colloqui_cri .nota_cri label {
  font-weight: bold;
  vertical-align: top;
}

#form_colloqui_cri .nota_cri textarea {
  width: 50%;
  height: 100px;
}

/* visita_cri */

#form_colloqui_cri .visita_cri {
  width: 60%;
  clear: left;
  margin: 6px;
  margin-top: 30px;
}

#form_colloqui_cri .visita_cri .questionario {
  width: 97%;
  clear: left;
  margin: 8px;
  margin-bottom: 12px;
}

#form_colloqui_cri .visita_cri .questionario p {
  display: inline-block;
}

#form_colloqui_cri .visita_cri .questionario .questionario_domanda {
  width: 70%;
  font-size: 12pt;
  float: left;
}

#form_colloqui_cri .visita_cri .odd {
  background-color: white;
}

#form_colloqui_cri .visita_cri .even {
  background-color: Gainsboro;
  padding: 5px 0;
}

#form_colloqui_cri .visita_cri .questionario .questionario_risposta {
  font-weight: bold;
}

#form_colloqui_cri .visita_cri .sezione_quest {
  border: #000000 solid 0.4px;
  margin-top: 10px;
  padding: 2px;
}

/* errori cri */

#form_colloqui_cri #listaErrori {
  width: 30%;
}

#form_colloqui_cri #listaErrori li {
  margin-left: 10px;
  padding: 10px;
}

#formVerbaliAgea {
  float: left;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}

#formVerbaliAgea #verbali_agea {
  margin: 20px 50px;
}

#formVerbaliAgea input[type="radio"] {
  margin: 10px 0px 10px 50px;
}

#formVerbaliAgea .radioDesc {
  cursor: pointer;
}

#listaVerbaliAgea {
  clear: both;
}

#listaVerbaliAgea #contatore {
  float: right;
}

#form_verbale_agea {
  float: left;
}

#form_verbale_agea h3 {
  float: left;
  margin: 5px;
  width: 100%;
  text-decoration: underline;
}

#form_verbale_agea .verbali_agea_campo {
  float: left;
  margin: 5px;
  width: 65%;
}

#form_verbale_agea .verbale_agea_label {
  float: left;
  width: 180px;
  font-weight: 700;
}

#form_verbale_agea #tipisersoc {
  float: left;
  list-style-type: none;
  margin-left: 5px;
}

#form_verbale_agea #tipisersoc li {
  margin-bottom: 10px;
  width: 600px;
  display: block;
}

#form_verbale_agea #tipisersoc label {
  cursor: pointer;
  display: inline-block;
  width: 250px;
}

#form_verbale_agea .radioDesc {
  margin: 2px 20px 0px 0px;
  cursor: pointer;
}

#form_verbale_agea textarea {
  width: 525px;
}

#form_verbale_agea #listaErrori {
  float: left;
  list-style-type: none;
  margin: 10px 0px 10px 155px;
}

#form_verbale_agea #listaErrori li {
  margin: 3px;
}

.fotoutente {
  margin-left: 8px;
}

.warning_acquisto_agea {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.success_acquisto_agea {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.oss914 .num {
  display: none;
}

.lista_servizi_disponibili {
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 0px;
  width: 99%;
}

.ml-20px {
  margin-left: 20px;
}

#comandiServizioPrenotabile {
  list-style-type: none;
}

#comandiServizioPrenotabile .formButton {
  width: 140px;
  padding: 2px;
  margin-bottom: 10px;
}

.login_errors {
  line-height: 2em;
  font-size: 1.1em;
}

.info_login {
  width: 630px;
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  float: left;
}

.info_login p {
  margin-top: 10px;
  margin-left: 10px;
}

#login_manutenzione {
  background-color: #dfeffc;
  float: left;
  margin: 50px 0px 0px 30px;
  width: 630px;
  padding: 5px;
  text-align: justify;
  text-justify: inter-word;
  font-size: 12px;
}

#login_manutenzione p {
  margin-top: 10px;
}

#login_manutenzione h2 {
  color: #3b3838;
}

#lista_servizi_autorizzati .formButton {
  width: 100px;
  cursor: pointer;
}

#lista_servizi_autorizzati li {
  list-style-type: none;
}

#salva_comando_bottom {
  margin-top: 30px;
}

#chiudi_comando_right {
  float: right;
  margin-right: 30px;
}

.tr_mb {
  border-bottom: 7px solid white;
}

#calendarioDialog {
  overflow: hidden !important;
  height: auto !important;
  /* margin-top: 0; */
}

.fc-agenda-slots td div {
  height: auto !important;
}

.fc-widget-header,
.fc-widget-content {
  border-top: 2px solid rgb(83, 82, 82) !important;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top: 1px dotted grey !important;
}

.aprisezione_servizi_app {
  width: 250px;
  height: 28px;
  background-color: #c62828;
  margin: 2px;
  border: 1px solid #721616;
  text-decoration: none !important;
  padding-left: 5px;
  line-height: 28px;
  font-weight: bold;
  color: whitesmoke;
  font-size: 1.2em;
  display: block;
}

.qr_code {
  width: 200px;
}

.no_margin_y {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

#listaRelaz {
  float: left;
  list-style-type: none;
  margin: 30px 0px 0px 100px;
}

#listaRelaz li {
  margin-bottom: 30px;
}

#listaRelaz label {
  vertical-align: top;
}

.warning_abilitazioni_utente {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  max-width: 25%;
  margin-left: 0px !important;
  margin-top: 10px !important;
}

/* .esitoRicerca {
  float: left;
  width: 100%;
  min-height: 400px;
  height: auto !important;
  height: 400px;
} */

.controlloBloccoServizi .message {
  margin: 15px;
}

.warning_puntiSol {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.bs_alert_puntiSol {
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 120%;
}

.bs_alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 125%;
  margin-left: 10px !important;
}

/* avviso form */

.form_avvisi .marg10 {
  margin: 10px;
}

.form_avvisi #ultimoaggiornamento {
  text-align: center;
  width: 10%;
  margin-left: 10px;
}

.form_avvisi .tox-tinymce {
  margin: 10px;
  height: 350px !important;
}

.form_avvisi .bottone {
  float: left;
  display: block;
  text-decoration: none;
  text-align: center;
  width: 100px;
  cursor: pointer;
  margin-left: 3px;
}

/* persona avviso */

.avviso_persona #titolo_avviso {
  color: red;
  font-size: 1.3em;
  font-weight: bold;
}

.avviso_persona {
  padding: 10px;
  font-size: 1.3em;
  margin: auto;
  background-color: #f8f8f8;
  width: 500px;
  line-height: 20px;
  text-align: center;
}

.avviso_persona #elimina_avviso {
  padding: 3px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

.avviso_persona .data_avviso {
  height: 50px;
  font-size: 0.9em;
}

.svg-icon-warning {
  width: 3em;
  height: 3em;
  display: inline;
  float: left;
}

.svg-icon-warning path,
.svg-icon-warning polygon,
.svg-icon-warning rect {
  fill: #856404;
}

.svg-icon-warning circle {
  stroke: #856404;
  stroke-width: 1;
}

.down_container_error {
  background: #ffd8d6 url(../img/error20.png) no-repeat 20% 30%;
  margin: 100px auto;
  width: 500px;
  height: 500px;
}

.down_centrale_error {
  text-align: center;
  line-height: 30px;
  border-color: #ff0038;
}

.down_container_warning {
  background: #ffe6b3 url(../img/warning20.png) no-repeat 20% 30%;
  margin: 100px auto;
  width: 500px;
  height: 500px;
}

.down_parag_error {
  font-size: 30pt;
  color: red;
  font-style: bold;
}

.down_parag_warning {
  font-size: 22pt;
  color: #eea514;
  font-style: bold;
}

.down_parag2 {
  font-size: 18pt;
  color: green;
  font-style: bold;
}

.down_link {
  font-size: 20pt;
  color: rgb(43, 43, 179);
  font-style: bold;
  cursor: pointer;
}

.sezioneIsee {
  padding-top: 90px;
  padding-bottom: 10px;
}

.sezioneIsee ul {
  padding-top: 10px;
  list-style-type: none;
  margin-left: 40px;
}

.sezioneIsee ul li {
  padding-top: 10px;
}

.sezioneIsee ul li label {
  display: inline-block;
  width: 150px;
}

.noborder {
  border-bottom: none !important;
  padding: 4px;
}

.domandeADI ul li {
  margin: 20px;
  list-style-type: none;
}

.info-inserimento-subcontainer {
  display: flex;
  width: 50%;
  flex-direction: column;
}

.info-inserimento-warning {
  border: solid 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  flex-grow: 1;
}

.info-inserimento-info {
  border: solid 1px;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  flex-grow: 1;
}

.info-inserimento-info .istruzioni-inserimento li {
  display: flex;
  align-items: center;
}

.info-inserimento-info .etichetta {
  margin-right: 10px;
  font-weight: normal;
}

.info-inserimento-info .inserimento {
  display: inline-block;
}

/* !!!!! INIZIO BASIC RULES DA LASCIARE SEMPRE IN BASSO AL FILE CSS ALTRIMENTI CI DIMENTICHIAMO DELLA LORO ESISTENZA !!!!!!*/

.warning-bootstrap-colors {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.info-bootstrap-colors {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.tox-dialog {
  /* questo è il popup interno di TINYMCE che per far si che funzioni nelle nostre pagine deve avere minimo z-index */
  z-index: 1003 !important;
}

.centered_a {
  display: block;
  text-align: center;
}

.validation_error_td {
  text-align: center;
  padding: 1px;
  border: 1px solid transparent;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.col1 {
  width: 1%;
}

.col10 {
  width: 10%;
}

.col15 {
  width: 15%;
}

.col20 {
  width: 20% !important;
}

.col30 {
  width: 30% !important;
}

.col40 {
  width: 40% !important;
}

.col50 {
  width: 50%;
}

.col60 {
  width: 60% !important;
}

.col80 {
  width: 80% !important;
}

.col90 {
  width: 90% !important;
}

.col100 {
  width: 100% !important;
}

.col-auto {
  width: auto !important;
}

.m-auto {
  margin: auto;
}

.m-5 {
  margin: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-10 {
  margin-right: 10px;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pr-10 {
  padding-right: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.my-10 {
  margin: 10px auto;
}

.my-20 {
  margin: 20px auto;
}

.lst-none {
  list-style-type: none;
}

.b-bottom-none {
  border-bottom: none !important;
}

.inputTextAlignRight {
  text-align: right !important;
  float: right !important;
}

.d-flex {
  display: flex !important;
}




/* albero documenti 921 - inizio */
.documentazione_921 {
  /* width: 33%; */
  float: left;
}

.tree {
  /* --spacing: 1.6rem; */
  --spacing: 24px;
  --radius: 10px; 
  margin: 10px 0px 0px 9px;
}

.tree li {
  display: block;
  position: relative;
  padding-left: calc(2 * var(--spacing) - var(--radius));
  /* padding-left: calc(2 * var(--spacing) - var(--radius) - 2px); */
}

.tree ul {
  margin-left: calc(var(--radius) - var(--spacing));
  padding-left: 0;
}

.tree ul li {
  border-left: 2px solid #ddd;
  margin-bottom: 12px;
}

.tree ul li:last-child {
  border-color: transparent;
}

.tree ul li::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(var(--spacing) / -2);
  left: -2px;
  width: calc(var(--spacing) + 2px);
  height: calc(var(--spacing) + 1px);
  border: solid #ddd;
  border-width: 0 0 2px 2px;
}

.tree summary {
  display: block;
  cursor: pointer;
  line-height: 25px;
  font-size: 1.5em;
  font-weight: 700;
  margin: 10px;

}

.tree summary::marker,
.tree summary::-webkit-details-marker {
  display: none;
}

.tree summary:focus {
  outline: none;
}

.tree summary:focus-visible {
  outline: 1px dotted #000;
}

.tree li::after,
.tree summary::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(var(--spacing) / 2 - var(--radius));
  left: calc(var(--spacing) - var(--radius) - 1px);
  width: calc(2 * var(--radius));
  height: calc(2 * var(--radius));
  border-radius: 50%;
  background: #ddd;
}

.tree summary::before {
  z-index: 1;
  background: #810010 url('img/expand-collapse.svg') 0 0;
}

.tree details[open] > summary::before {
  background-position: calc(-2 * var(--radius)) 0;
}

.tree .link {
    height: 28px;
    background-color: #dfeffc;
    text-decoration: none !important;
    padding: 0px 5px;
    line-height: 28px;
    font-weight: bold;
    color: #222222;
    font-size: 1.1em;
    display: block;
}


/* albero documenti 921 - fine */



/*
.documentazione_921 ul {
  margin-left: 20px;
  list-style-type: none;
}

.documentazione_921 ul li {
  margin: 30px;
} */



/* !!!!! FINE BASIC RULES DA LASCIARE SEMPRE IN BASSO AL FILE CSS ALTRIMENTI CI DIMENTICHIAMO DELLA LORO ESISTENZA  !!!!!!*/