body, html {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	width: 1280px;	
	max-width: 100%;
  	margin: auto;
  	margin-top: 180px;
}

/*main {
	margin: auto;
	margin: 5px;
	
	max-width: 1280px;
    margin:auto;
}*/

input {
	box-sizing: border-box;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.cancella-campo {
    font-size: 18px;
    vertical-align: top;
    cursor: pointer;
}

.menu-burger-nav-tasto-aprichiudi {
    width: 24px;
    height: 100%;
    /*padding-top: 5px;*/
    box-sizing: border-box;
    position: absolute;
    top: 0;
    /*right: 0;*/
   left: 0;
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    text-transform: none;
    text-align: center;
    cursor: pointer;
    word-wrap: normal;
    white-space: nowrap;
}

.input-elimina {
    width: 40px;
    padding: 0;
    margin: 0;
    text-align: center;
}

#ricerca {
	padding: 5px;
}

#menu-orizzontale-mobile {
	display: none;
	visibility: hidden;
}
.chiudimenumobile {
	display: none;
	visibility: hidden;
}


#menu-orizzontale {
	width: 100%;
    color: #fff;
    margin-bottom: 10px;
    position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
}


#menu-orizzontale a {
    color: #fff;
    text-decoration: none;  
    display: block;
  	width: 100%;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

#menu-orizzontale ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu-orizzontale > ul {
	display: flex;    
}

#menu-orizzontale > ul > li {
    border-right: 1px solid #bbb;
    width: 7.14%;  
	font-weight: 500;
	background-color: #5B5B5B;	
}

#menu-orizzontale > ul > li:last-child {
    border-right: none;
}

#menu-orizzontale > ul > li > span {
	background-color: #333;
	display: block;
	width: 100%;
	padding: 4px;
	box-sizing: border-box;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#menu-orizzontale > ul > li li {
	font-weight: normal;
    border-top: 1px solid #bbb;
	padding: 4px;
	box-sizing: border-box;	
	height: 24px;
}



form {
    margin: 0;
    padding: 0;
	
}


#menuaggiuntivo {
	margin: 20px 0;
}


/*table, #ricerca form {
	width: 100%;
}*/

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

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

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

/* TITOLI */
.titolo-di-pagina {
	font-weight: 500;
	background-color: #FC0;	
	font-size: 16px;
	padding: 2px;
}

.titolo-di-pagina-anagrafica {
	font-weight: 500;
	background-color: #FC0;	
	font-size: 16px;
	padding: 2px;
}
.titolo-di-pagina-richieste {
	font-weight: 500;
	background-color: #9ccb79;
	font-size: 16px;
	padding: 2px;
}
.titolo-di-pagina-contratti {
	font-weight: 500;
	background-color: #efb266;
	font-size: 16px;
	padding: 2px;
}
.titolo-di-pagina-sitiinternet {
	font-weight: 500;
	background-color: #9be1f1;
	font-size: 16px;
	padding: 2px;
}

.titolo-di-pagina-fatture {
	font-weight: 500;
	background-color: #09F;	
	font-size: 16px;
	padding: 2px;
}
.titolo-di-pagina-notedicredito {
	font-weight: 500;
	background-color: #C6F;	
	font-size: 16px;
	padding: 2px;
}
.titolo-di-pagina2 {
	font-weight: 500;
	background-color: #F63;
	font-size: 16px;
	padding: 2px;
}
.titolo-di-pagina-giornale-aperto {
	font-weight: 500;
	background-color: #FC0;
	font-size: 16px;
	padding: 2px;
}
.titolo-di-pagina-giornale-chiuso {
	font-weight: 500;
	background-color: #FF9966;
	font-size: 16px;
	padding: 2px;
}

/* FINE TITOLI */





.titolo {
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
}
.testo {
	font-size: 12px;
	text-decoration: none;
}
.testopiccolo {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.testoverde {
	font-size: 11px;
	font-weight: normal;
	color: #90A613;
	text-decoration: none;
}
.testoverdegrassetto {
	font-size: 11px;
	font-weight: 500;
	color: #90A613;
	text-decoration: none;
}
.menu {
	font-size: 13px;
	font-weight: 500;
	color: #FFFFFF;
	text-decoration: none;
}
.testograssettopicclo {
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
}
.testograssettopicclobianco {
	font-size: 12px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
}
.titologrande {
	font-size: 16px;
	font-weight: 500;
	color: #FF0000;
	text-decoration: none;
}
.titolograndenero {
	font-size: 24px;
	font-weight: 500;
	text-decoration: none;
}
.titolograndenero18 {
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
}
.titolograndenero14 {
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.titolograndenero12 {
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
}

.titolograndenero16 {
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}

.titolo-di-tabella {
	font-weight: 500;
	text-decoration: none;
	background-color: #e5e5e5;
	font-size: 16px;
}
.Stile1 {
	color: #FF0000;
	font-weight: 500;
}
.testorosso {
	color: #FF0000;
	text-decoration: none;
}
.testorossograssetto {
	font-size: 11px;
	font-weight: 500;
	color: #FF0000;
	text-decoration: none;
}
.testo-menu, .testo-menu a {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.titolopaginastampa {
	font-size: 25px;
	font-weight: 500;
	text-decoration: none;
}
.testopaginastampa {
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}
.testo-stampa-fattura {
	font-family: Verdana, Arial, Helvetica, sans-serif font-size;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.testo-stampa-fattura-indirizzo {
	font-family: "Courier New", Courier, monospace;font-size;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
.testopaginastampa2 {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.titolo-di-distinct {
	font-weight: 500;
	text-decoration: none;
	background-color: #CCFF99
}
.testo-evidenza-gestione {
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}

.tit-pianodeiconti1 {
	font-weight: 500;
	text-decoration: none;
	background-color: #FF6633;
	font-size: 12;
}
.tit-pianodeiconti2 {
	font-weight: 500;
	text-decoration: none;
	background-color: #FFCC00;
	font-size: 12;
}
.tit-pianodeiconti3 {
	font-weight: 500;
	text-decoration: none;
	background-color: #CCFF99;
	font-size: 12;
}
.tit-pianodeiconti {
	font-weight: 500;
	text-decoration: none;
	background-color: #99FFFF;
	font-size: 12;
}

.testoblu {
	font-size: 10px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}
.testo10 {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.box-news {
	border-bottom: solid 5px #efefef;
	padding: 5px;
}
.bold {
	font-weight: 500;
}
.testo-11 {
	font-size: 11px;
}
.testo-12 {
	font-size: 14px;
}
.testo-14 {
	font-size: 14px;
}
.testo-16 {
	font-size: 16px;
}
.testo-18 {
	font-size: 18px;
}
.testo-20 {
	font-size: 20px;
}
.testo-30 {
	font-size: 30px;
}
.testo-grigio {
	color: #333333;
}

.spostamenti a {
	text-decoration: none;
}

#letto {
	background-color: green;
	color: #fff;
	font-size: 20px;
	margin: 15px;
	padding: 15px;
	width: 200px;
}

#interessante {
	background-color: green;
	color: #fff;
	font-size: 20px;
	margin: 15px;
	padding: 15px;
	width: 200px;
}

#noninteressante {
	background-color: red;
	color: #fff;
	font-size: 20px;
	margin: 15px;
	padding: 15px;
	width: 200px;
}

#noncapisco {
	background-color: grey;
	color: #fff;
	font-size: 20px;
	margin: 15px;
	padding: 15px;
	width: 200px;
}

.titoloenorme {
	font-size: 30px;
	font-weight: 500;
	text-decoration: none;
}


.txt-bold {
	font-weight: 500;
}
.txt-verdechiaro {
	color: #999900;
}
.txt-orange {
	color: orange;
}
.txt-blue {
	color: blue;
}
.txt-grigio {
	color: grey;
}
.txt-red {
	color: red;
}
.txt-brown {
	color: brown;
}
.txt-green {
	color: green;
}
.txt-bordeaux {
	color: #722843;
}
.txt-purple {
	color: purple;
}
.txt-azzurro {
	color: #0D47A1;
}

.txt-11 {
	font-size: 11px;
}

.txt-14 {
	font-size: 14px;
}

.txt-16 {
	font-size: 16px;
}

.txt-18 {
	font-size: 22px;
}

.txt-22 {
	font-size: 22px;
}

.txt-rivenditore {
	color: maroon;
}

.txt-commerciale {
	color: brown;
}

.txt-link {
	text-decoration: underline;
    color: rgb(0, 0, 238);
    cursor: pointer;
}

.txt-normal {
	font-weight: normal;
}

.float-sx {
	float: left;
	width: 33%;
	text-align: left;
}

.float-cx {
	float: left;
	width: 31%;
	text-align: center;
}

.float-dx {
	float: right;
	width: 33%;
	text-align: right;
}
.float-clear {
	clear: both;
}

/* PULSANTI */

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.big {
	font-size: 14px;
	padding: 15px;
}

.medium {
	font-size: 12px;
	padding: 4px;
}

.small {
	font-size: 11px;
	padding: 2px;
}

/* azzurro */
.azzurro {
	color: #fff;
	border: solid 1px #1E90FF;
	background-color: #1E90FF;
}

/* marrone */
.marrone {
	color: #fff;
	border: solid 1px #A0522D;
	background-color: #A0522D;
}

/* red */
.red {
	color: #fff;
	border: solid 1px #980c10;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #ed1c24),
	color-stop(1, #aa1317)
	);
	background-image: -o-linear-gradient(bottom, #ed1c24 30%, #aa1317 100%);
	background-image: -moz-linear-gradient(bottom, #ed1c24 30%, #aa1317 100%);
	background-image: -webkit-linear-gradient(bottom, #ed1c24 30%, #aa1317 100%);
	background-image: -ms-linear-gradient(bottom, #ed1c24 30%, #aa1317 100%);
	background-image: linear-gradient(to bottom, #ed1c24 30%, #aa1317 100%);
}
.red:hover {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #c9151b),
	color-stop(1, #a11115)
	);
	background-image: -o-linear-gradient(bottom, #c9151b 30%, #a11115 100%);
	background-image: -moz-linear-gradient(bottom, #c9151b 30%, #a11115 100%);
	background-image: -webkit-linear-gradient(bottom, #c9151b 30%, #a11115 100%);
	background-image: -ms-linear-gradient(bottom, #c9151b 30%, #a11115 100%);
	background-image: linear-gradient(to bottom, #c9151b 30%, #a11115 100%);
}
.red:active {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #aa1317),
	color-stop(1, #ed1c24)
	);
	background-image: -o-linear-gradient(bottom, #aa1317 30%, #ed1c24 100%);
	background-image: -moz-linear-gradient(bottom, #aa1317 30%, #ed1c24 100%);
	background-image: -webkit-linear-gradient(bottom, #aa1317 30%, #ed1c24 100%);
	background-image: -ms-linear-gradient(bottom, #aa1317 30%, #ed1c24 100%);
	background-image: linear-gradient(to bottom, #aa1317 30%, #ed1c24 100%);
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #7db72f),
	color-stop(1, #4e7d0e)
	);
	background-image: -o-linear-gradient(bottom, #7db72f 30%, #4e7d0e 100%);
	background-image: -moz-linear-gradient(bottom, #7db72f 30%, #4e7d0e 100%);
	background-image: -webkit-linear-gradient(bottom, #7db72f 30%, #4e7d0e 100%);
	background-image: -ms-linear-gradient(bottom, #7db72f 30%, #4e7d0e 100%);
	background-image: linear-gradient(to bottom, #7db72f 30%, #4e7d0e 100%);
}
.green:hover {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #6b9d28),
	color-stop(1, #436b0c)
	);
	background-image: -o-linear-gradient(bottom, #6b9d28 30%, #436b0c 100%);
	background-image: -moz-linear-gradient(bottom, #6b9d28 30%, #436b0c 100%);
	background-image: -webkit-linear-gradient(bottom, #6b9d28 30%, #436b0c 100%);
	background-image: -ms-linear-gradient(bottom, #6b9d28 30%, #436b0c 100%);
	background-image: linear-gradient(to bottom, #6b9d28 30%, #436b0c 100%);
}
.green:active {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #4e7d0e),
	color-stop(1, #7db72f)
	);
	background-image: -o-linear-gradient(bottom, #4e7d0e 30%, #7db72f 100%);
	background-image: -moz-linear-gradient(bottom, #4e7d0e 30%, #7db72f 100%);
	background-image: -webkit-linear-gradient(bottom, #4e7d0e 30%, #7db72f 100%);
	background-image: -ms-linear-gradient(bottom, #4e7d0e 30%, #7db72f 100%);
	background-image: linear-gradient(to bottom, #4e7d0e 30%, #7db72f 100%);
}

/* bronze */
.bronze {
	color: #fff;
	border: solid 1px #A6672D;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #FAB371),
	color-stop(1, #CD7F32)
	);
	background-image: -o-linear-gradient(bottom, #FAB371 30%, #CD7F32 100%);
	background-image: -moz-linear-gradient(bottom, #FAB371 30%, #CD7F32 100%);
	background-image: -webkit-linear-gradient(bottom, #FAB371 30%, #CD7F32 100%);
	background-image: -ms-linear-gradient(bottom, #FAB371 30%, #CD7F32 100%);
	background-image: linear-gradient(to bottom, #FAB371 30%, #CD7F32 100%);
}
.bronze:hover {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #D67820),
	color-stop(1, #C76910)
	);
	background-image: -o-linear-gradient(bottom, #D67820 30%, #C76910 100%);
	background-image: -moz-linear-gradient(bottom, #D67820 30%, #C76910 100%);
	background-image: -webkit-linear-gradient(bottom, #D67820 30%, #C76910 100%);
	background-image: -ms-linear-gradient(bottom, #D67820 30%, #C76910 100%);
	background-image: linear-gradient(to bottom, #D67820 30%, #C76910 100%);
}
.bronze:active {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #CD7F32),
	color-stop(1, #FAB371)
	);
	background-image: -o-linear-gradient(bottom, #CD7F32 30%, #FAB371 100%);
	background-image: -moz-linear-gradient(bottom, #CD7F32 30%, #FAB371 100%);
	background-image: -webkit-linear-gradient(bottom, #CD7F32 30%, #FAB371 100%);
	background-image: -ms-linear-gradient(bottom, #CD7F32 30%, #FAB371 100%);
	background-image: linear-gradient(to bottom, #CD7F32 30%, #FAB371 100%);
}

/* silver */
.silver {
	color: #FFFAFA;
	border: solid 1px #BABABA;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.05, #E3E3E3 ),
	color-stop(1, #C0C0C0)
	);
	background-image: -o-linear-gradient(bottom, #E3E3E3  5%, #C0C0C0 100%);
	background-image: -moz-linear-gradient(bottom, #E3E3E3  5%, #C0C0C0 100%);
	background-image: -webkit-linear-gradient(bottom, #E3E3E3  5%, #C0C0C0 100%);
	background-image: -ms-linear-gradient(bottom, #E3E3E3  5%, #C0C0C0 100%);
	background-image: linear-gradient(to bottom, #E3E3E3  5%, #C0C0C0 100%);
}
.silver:hover {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #BABABA),
	color-stop(1, #C2C0C2 )
	);
	background-image: -o-linear-gradient(bottom, #BABABA 30%, #a5C2C0C2 100%);
	background-image: -moz-linear-gradient(bottom, #BABABA 30%, #C2C0C2  100%);
	background-image: -webkit-linear-gradient(bottom, #BABABA 30%, #C2C0C2  100%);
	background-image: -ms-linear-gradient(bottom, #BABABA 30%, #C2C0C2  100%);
	background-image: linear-gradient(to bottom, #BABABA 30%, #C2C0C2  115 100%);
}
.silver:active {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #C0C0C0),
	color-stop(1, #E3E3E3 )
	);
	background-image: -o-linear-gradient(bottom, #C0C0C0 30%, #E3E3E3  100%);
	background-image: -moz-linear-gradient(bottom, #C0C0C0 30%, #E3E3E3  100%);
	background-image: -webkit-linear-gradient(bottom, #C0C0C0 30%, #E3E3E3  100%);
	background-image: -ms-linear-gradient(bottom, #C0C0C0 30%, #E3E3E3  100%);
	background-image: linear-gradient(to bottom, #C0C0C0 30%, #E3E3E3  100%);
}

/* gold */
.gold {
	color: #fff;
	border: solid 1px #B8860B;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.05, #FFD900),
	color-stop(1, #DAA520)
	);
	background-image: -o-linear-gradient(bottom, #FFD900 5%, #DAA520 100%);
	background-image: -moz-linear-gradient(bottom, #FFD900 5%, #DAA520 100%);
	background-image: -webkit-linear-gradient(bottom, #FFD900 5%, #DAA520 100%);
	background-image: -ms-linear-gradient(bottom, #FFD900 5%, #DAA520 100%);
	background-image: linear-gradient(to bottom, #FFD900 5%, #DAA520 100%);
}
.gold:hover {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #D69E1C),
	color-stop(1, #CF991B)
	);
	background-image: -o-linear-gradient(bottom, #D69E1C 30%, #CF991B 100%);
	background-image: -moz-linear-gradient(bottom, #D69E1C 30%, #CF991B 100%);
	background-image: -webkit-linear-gradient(bottom, #D69E1C 30%, #CF991B 100%);
	background-image: -ms-linear-gradient(bottom, #D69E1C 30%, #CF991B 100%);
	background-image: linear-gradient(to bottom, #D69E1C 30%, #CF991B 100%);
}
.gold:active {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #DAA520),
	color-stop(1, #FFD900)
	);
	background-image: -o-linear-gradient(bottom, #DAA520 30%, #FFD900 100%);
	background-image: -moz-linear-gradient(bottom, #DAA520 30%, #FFD900 100%);
	background-image: -webkit-linear-gradient(bottom, #DAA520 30%, #FFD900 100%);
	background-image: -ms-linear-gradient(bottom, #DAA520 30%, #FFD900 100%);
	background-image: linear-gradient(to bottom, #DAA520 30%, #FFD900 100%);
}

/* condizioni */

#condizioni {
	cursor: pointer;
}

.windows_Condizioni_sfondo, .windows_Condizioni {
	display: none;
}

.windows_Condizioni {
	background-color: #D1D5E0;
}

#FinestraChiudiCondizioni {
	cursor: pointer;
}

#CondizioniForm {
	margin: 10px;
}

/**/

.elenco_notizie {
	font-family: sans-serif;
}
.notizia {
	padding: 5px;
	margin: 15px;
	border-bottom: 1px solid #000000;
	font-family: sans-serif;
}
.titolo_copertina {
	font-size: 20pt;
	margin: 5px;
	font-weight: 500;
}
.sottotitolo_copertina {
	margin-left: 20px;
	font-size: 9pt;
	font-weight: 400;
}
.gruppo_immagine {
	float: left;
}
.testo_copertina {
	float: left;
	margin: 9px;
	font-size: 13pt;
}
.immagine {
	margin: 10px;
}
.didascalia {
	font-size: 10pt;
	margin-left: 20px;
	margin-right: 20px;
	font-weight: 400;
}
.commenti_copertina {
	margin-left: 20px;
	font-size: 10pt;
	font-weight: 400;
	color: #008000
}
.clear-left {
	clear: left;
}

.elenco_procedure {
	margin: 10px;
	font-family: sans-serif;
}
.procedura {
	margin: 3px;
	border-bottom: 1px solid #000000;
}
.dati_procedura {
	margin: 3px;
	float: left;
	width: 95%;
}
.nome_procedura {
	margin: 3px;
	font-size: 10pt;
}
.file_procedura {
	margin: 3px;
	font-size: 8pt;
}
.link_scheda {
	margin-top: 25px;
	float: left;
	font-size: 8pt;
}
.testata_procedure {
	background-color: #FFCC00;
	margin: 3px
}

.procedura_scheda {
	margin: 10px;
	font-family: sans-serif;
}
.dati_procedura_scheda {
	margin: 10px;
	margin-bottom: 50px;
}
.nome_procedura_scheda {
	margin: 10px;
	font-size: 20pt;
}
.file_procedura_scheda {
	margin: 10px;
	font-size: 10pt;
}
.path_procedura_scheda {
	margin: 10px;
	font-size: 10pt;
}
.descrizione_procedura_scheda {
	margin: 10px;
	font-size: 15pt;
	width: 88%;
	float: left;
}
.mod_elimina_modifica_scheda {
	margin-top: 10px;
	margin-right: 5px;
	float: left;
}
.modifiche_procedura {
	margin: 10px;
	font-size: 8pt;
}
.testata_modifica {
	background-color: #FFCC00;
}
.testata_procedura_scheda {
	background-color: #FFCC00;
}
.corpo_modifica {
	margin: 5px;
	border-bottom: 1px solid #000000;
}
.data_modifica {
	margin: 5px;
	float: left;
	width: 12%;
}
.utente_modifica {
	margin: 5px;
	float: left;
	width: 7%;
}
.descrizione_modifica {
	margin: 5px;
	float: left;
	width: 68%;
}
.mod_elimina_modifica {
	margin: 5px;
	float: left;
}

.cerca_procedura {
	margin: 3px;
	background-color: #CCCCCC;
}
.nome_cerca_procedura {
	margin: 10px;
	float: left;
	width: 47%;
}
.data_modifica_cerca_procedura {
	margin: 10px;
	float: left;
	width: 45%;
}
.cartella_cerca_procedura {
	margin: 10px;
	float: left;
	width: 47%;
}
.utente_cerca_procedura {
	margin: 10px;
	float: left;
	width: 45%;
}
.gruppo_cerca_procedura {
	margin: 10px;
	float: left;
	width: 45%;
}
.pulsante_cerca_procedura {
	margin: 10px;
	float: left;
}

.procedura_modifica {
	margin: 10px;
	font-family: sans-serif;
}
.procedura_modifica_nome {
	margin: 10px;
}
.procedura_modifica_file {
	margin: 10px;
}
.procedura_modifica_path {
	margin: 10px;
}
.procedura_modifica_utente {
	margin: 10px;
}
.procedura_modifica_descrizione {
	margin: 10px;
}
.procedura_modifica_pulsante {
	margin: 10px;
}

.conferma_elimina_procedura {
	margin: 10px;
	font-size: 18pt;
}
.conferma_torna_indietro {
	margin: 10px;
	margin-left: 50px;
	float: left;
}
.conferma_elimina {
	margin: 10px;
	float: left;
}

.corpo_inserisci_email {
	margin-top: 10px;
	margin-left: 10px;
	font-family: sans-serif;
}
.casella_inserisci_email {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	width: 20%;
}
.campo_input {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
.pulsante_inserisci_email {
	margin-top: 10px;
	margin-left: 10px;
	margin-left: 10px;
	float: left;
}
.errore {
	margin-left: 20px;
	font-size: 9pt;
	color: #ED1C24;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both {
	clear: both;
}

.float-right {
	float: right;
	text-align: left;
}

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

.armadio {
	margin: 10px;
	font-family: sans-serif;
}
.nome_armadio {
	margin: 1px;
	font-weight: 500;
}
.nome_server {
	margin: 1px;
	float: left;
	width: 170px;
}
.si_operazioni {
	margin: 1px;
	float: left;
	width: 270px;
	color: #C9151B;
}
.no_operazioni {
	margin: 1px;
	float: left;
	width: 270px;
	color: #008000;
}
.link_operazioni {
	margin: 1px;
	float: left;
	font-variant: small-caps;
}

.nome_armadio2 {
	padding: 2px;
	font-weight: 500;
	background-color: #ACE1AF;
	width: 490px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.oggetto {
	margin: 1px;
	float: left;
	width: 80px;
	text-align: right;
	font-size: 11pt;
}
.oggetto1 {
	margin: 1px;
	float: left;
	width: 180px;
	font-size: 11pt;
}

.server_storico_data {
	float: left;
	width: 230px;
	margin: 2px;
}
.server_storico_ris {
	float: left;
	width: 180px;
	margin: 2px;
}
.server_storico_note {
	float: left;
	width: 800px;
	margin: 2px;
}

.server_form {
	font-family: sans-serif;
}
.server_form_campo {
	float: left;
	margin-top: 4px;
	margin-left: 10pt;
	width: 170px;
	font-family: sans-serif;
	font-size: 11pt;
}

/* SFONDI */
.windowsSfondo {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	opacity: .5;
	filter: alpha(opacity=5);
	-moz-opacity: .5;
	z-index: 101;
}

.windows {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -300px;
	z-index: 102;
	width: 800px;
	height: 600px;
	border: solid 1px #95969A;
	background-color: #EEFEF1;
}

.windows_contenuto {
	width: 760px;
	height: 540px;
	padding: 20px;
	overflow: auto;
	font-size: 20px;
	text-align: center;
}

.windowsTitolo {
	height: 20px;
	font-size: 20px;
	width: 778px;
	margin-top: -2px;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 7px;
}

.windowsContenuto {
	margin: 9px;
	padding: 5px;
	border-radius: 10px 10px 10px 10px;
	border: solid 1px #95969A;
	background-color: #EEFEF1;
	height: 545px;
	text-align: left;
}

.formlogin {
	width: 310px;
	position: relative;
	margin: auto;
}

.formlogin input {
	font-size: 24px;
	width: 100%;
	padding: 3px;
	margin: 2px 6px 16px 0px;
}

.formlogin input[type="submit"] {
	cursor: pointer;
	text-align: center;
	border-radius: 3px;
	display: inline-block;
	width: 100%;
	height: 34px;
	color: #FFF;
	border: 1px solid #FFAD73;
	background-image: linear-gradient(to bottom, #FFAD73 5%, #FF6A00 100%);
	font-size: 12px;
	font-weight: 500;
}

.news-titolo {
	font-weight: 500;
	float: left;
	width: 200px;
	text-align: right;
}

.news-contenuto {
	float: left;
	margin-left: 5px;
}

.news-riga {
	padding: 2px;
}

.news-contenitore {
	padding: 5px;
}

.news-dataora {
	float: left;
	text-align: right;
}

.news-sub-titolo {
	font-weight: 500;
	float: left;
	width: 250px;
	text-align: right;
}

.news-sub-contenuto {
	float: left;
	margin-left: 5px;
}

.news-sub-riga {
	padding: 2px;
}

.news-moduli {
	float: left;
	width: 200px;
}

.modelli-lista-titolo {
	font-size: 16px;
	font-weight: 500;
	margin-top: 30px;
}
.modelli-lista-modello {
	width: 150px;
	display: inline-block;
	margin: 10px;
}
.modelli-lista-modello-immagine {
	height: 165px;
	overflow: hidden;
	border: solid 1px #ccc;
}
.modelli-lista-modello img {
	max-width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.table100 {
	width: 100%;
	box-sizing: border-box;
}

.table {
	display: table; /* dice al div di comportarsi come una tabella */
	border-collapse: separate; /* questo serve se si vogliono separare le celle della tabella */
	border-spacing: 2px; /* questo serve se si vogliono separare le celle della tabella per dire di quanto si vogliono separare */
	width: 100%; /* per far si che la tabella si adatti alla larghezza del contenitore*/
	box-sizing: border-box;
}

.row {
	display: table-row; /* dice al div di comportarsi come una riga di tabella */
}

.cell {
	display: table-cell; /* dice al div di comportarsi come una cella di tabella */
	padding: 5px; /* per dare alla cella uno spazio tra i bordi ed il testo */
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
}



/* PAGINAZIONE */
.lista-indietro {
	width: 50%;
	float: left;
	text-align: left;
}

.lista-avanti {
	width: 50%;
	float: left;
	text-align: right;
}

.lista-cancellatore {
	clear: left;
}
/**/
	

/*STILE PER base_visualizzazione_server*/

.base-server-contenitore {
	border:1px solid #000000;
	margin-top:2px;
	margin-bottom:2px;
}

.base-server-dati {
	float:left;
	width:32%;
	
	padding:1px;
	
}

.base-server-dati a {
	color:#000000;
	text-decoration:none;
}

.base-server-informazioni {
	float:left;
	width:40%;
	
	padding:1px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

.base-server-tipi {
	float:left;
	width:25%;
	
	padding:1px;
	
}

/**/
	

.flexcontainer {

	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-flow: row wrap;
  	align-items: flex-start;
}

#home .flexcontainer .box-home {
    width: 49.5%;
    border: solid 1px #FF6633;
    margin-top: 10px;
    box-sizing: border-box;
    margin-right: 0.5%;
}

#home .flexcontainer .box-home:nth-child(even) {	
    margin-right: 0;
    margin-left: 0.5%;
}


.box-home-titolo {
	background-color: #FF6633;
	color: #000;
	font-size: 18px;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}
.box-home-corpo {
	font-size: 12px;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}
.box-home-piede {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}




#statistiche .flexcontainer .colonna {
    width: 24.5%;
    margin-top: 10px;
    box-sizing: border-box;
    margin-right: 0.5%;
}

#statistiche .flexcontainer .colonna:nth-child(4n) {	
    margin-right: 0px;
}


#statistiche .flexcontainer .colonna-titolo {
	background-color: #FF6633;
	color: #000;
	font-size: 18px;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}
#statistiche .flexcontainer .colonna-corpo {
	font-size: 12px;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}


#statistiche .flexcontainer .colonna .box {
    width: 100%;
    margin-bottom: 10px;
    background-color: #ccc;
    padding: 5px;
    box-sizing: border-box;
}


#statistiche .flexcontainer .colonna .box-titolo {
	font-size: 14px;
}

.datepicker {
	width: 100px;
}

/* ARMADI */

.armadi-table {
	display: table; 
	width:100%; 
	border-spacing: 5px;
}

.armadi-row {
	display: table-row;
}

.armadi-cell {
	display: table-cell; 
	width:20%;
}

/* SCHEDA SERVER */

.server-contenitore {
	width:630px; 
	float:left;
	margin-right: 15px;
}

.server-box {
	border: 1px solid #ACE1AF; 
	width:620px; 
	margin-left:5px;
}

.server-box-etichetta {
	background-color: #ACE1AF;
}

.server-box-titolo {
	float:left; 
	margin-left:5px; 
	width:250px; 
	margin-bottom:3px;
}

.server-box-testo {
	float:left; 
	margin-left:5px; 
	margin-bottom:3px;
}

/* PROCEDURE PERSONALIZZATE */

.procedure-table {
	display: table; 
	width:98%; 
	margin:1%;
}

.procedure-row {
	display: table-row;
}

.procedure-cell {
	display: table-cell; 
	padding: 3px;
	border-bottom:1px solid #CCCCCC;
}

/*SERVIZI DEL NOME*/

.servizi_box 
{
	margin: 10px;
	margin-bottom: 20px;
	border: 1px solid #AAAAAA;
}

.servizi_sottobox
{
	margin: 20px;
	border: 1px solid #AAAAAA;
	margin-left:50px;
}

.servizi_box-titolo
{
	padding: 5px;
	font-weight: 500;
	border-bottom: 1px solid #AAAAAA;
	background-color: #CECECE;
}

.servizi_box-corpo 
{
	padding: 3px;
}

.servizi_box-dati
{
	padding: 2px;
}

.servizi_box-sottodati
{
	padding: 2px;
	margin-left:30px;
}

.servizi_stato-servizio
{
	padding: 7px;
	border: 1px solid #AAAAAA;
}

.servizi_campo
{
	float: left;
	text-align: center;
	margin-right: 15px;
	width: 300px;
}

.servizi_sottobox .servizi_box-dati
{
	border-bottom: 1px solid #CDCDCD;
}

.servizi_sottobox .servizi_box-dati:last-child
{
	border-bottom: none;
}

.servizi_sottobox .servizi_box-sottodati
{
	border-bottom: 1px solid #CDCDCD;
}

.servizi_sottobox .servizi_box-sottodati:last-child
{
	margin-bottom: 40px;
	border-bottom: none;
}

.servizi_sottobox .servizi_campo
{
	text-align: left;
}

.servizi_titolo
{
	font-weight: 500;
}


.servizi_box-totali .servizi_campo {
	width: 70%;
	font-weight: 500;
	font-size: 16px;
	float: none;
}

.servizi_box-piede 
{
	padding: 5px;
	border-top: 1px solid #AAAAAA;
	margin-top: 5px;
}

.servizi_form {
	display:inline;
}

.servizi_form input[type="submit"] {
	background-color: transparent;
	border: none;
	padding: 0px;
	text-decoration: underline;
	cursor: pointer;
	color: -webkit-link;
}

.server-input-form {
	width:30%;
	float:left;
	padding: 5pt;
}

.td-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.view-p7m { 
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 9px !important;
  font-family: sans-serif;
  background-color: #FFA000;
  border-radius: 5px;
  opacity: 1;
  cursor: pointer;
  /*padding-top: 7px;*/
  line-height: 27px;
  height: 28px;
  width: 28px;
  box-sizing: border-box;
  font-weight: 600;
}

.view-p7m:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.view-p7m:active {
  color: #FFFFFF;
  background: #E6950D;
  opacity: 1;
}

.view-xml { 
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 9px !important;
  font-family: sans-serif;
  background-color: #F4511E;
  border-radius: 5px;
  opacity: 1;
  cursor: pointer;
  /*padding-top: 7px;*/
  line-height: 27px;
  height: 28px;
  width: 28px;
  box-sizing: border-box;
  font-weight: 600;
}

.view-xml:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.view-xml:active {
  color: #FFFFFF;
  background: #E64A19;
  opacity: 1;
}

.view-fe { 
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 9px !important;
  background-color: #757575;
  border-radius: 5px;
  opacity: 1;
  cursor: pointer;
  /*padding-top: 7px;*/
  line-height: 27px;
  height: 28px;
  width: 28px;
  box-sizing: border-box;
  font-weight: 600;
}

.view-fe:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.view-fe:active {
  color: #FFFFFF;
  background: #616161;
  opacity: 1;
}

.view-fatt { 
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  color: #FFFFFF;
  font-size: 14px !important;
  background-color: #0288D1;
  border-radius: 5px;
  opacity: 1;
  cursor: pointer;
  padding-top: 6px;
  line-height: 27px;
  height: 28px;
  width: 28px;
  box-sizing: border-box;
}

.view-fatt:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.view-fatt:active {
  color: #FFFFFF;
  background: #0277BD;
  opacity: 1;
}


.sbiadito {
	opacity: 0.5 !important;
	cursor: unset;
} 


a[class^="pul-"],
div[class^="pul-"] {
	text-transform: uppercase;
}

.pul-elimina { 
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px !important;
  background-color: #d14836;
  background-image: linear-gradient(to bottom,#dd4b39,#d14836);
  border-radius: 5px;
  padding: 6px 15px 6px 15px !important;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
}


.pul-elimina:hover {
  color: #FFFFFF;
  opacity: 0.95;
  text-decoration: none;
}

.pul-elimina:active {
  color: #FFFFFF;
  background-image: linear-gradient(to bottom,#dd4b39,#d14836);
  opacity: 1;
}



#windows_confirm_delete	{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -100px;
	padding: 0px;
	z-index: 105; 
	
	width: 400px;
	height: 200px;
	background-color: #CECECE;
	padding: 15px;
	border: solid 1px #666;
	color: #666;
	font-size: 16px;
	text-align: center;
	box-shadow: 10px 10px 5px #888;
    
    
	display: none;
}
    
#windows_confirm_delete_button {
    left: 130px;
	position:absolute;
    bottom:20;
	}
	
#windows_confirm_delete_button .button_confirm_delete {
	/*display: inline-block;*/
	background-color: #6EABCA;
    color: white;	
	font-size: 16px;
	width: 50px;
    margin: 10px;
    padding: 10px 0;
	cursor: pointer;
    float:left;

    border-left:1px solid #fff;
    border-top:1px solid #fff; 
    border-bottom:1px solid #716f64; 
    border-right:1px solid #716f64; 

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}


	
#windows_confirm_delete_button a {
    color: white;	
    text-decoration: none;
	display: block;
	width: 50px;
	}

#windows_confirm_delete:before {
	content: "ATTENZIONE!";
	color: #ff0000;
	font-weight: 700;
}


/* ### INIZIO BOTTONI ### */
.bottone {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
display: inline-block;
min-width: 130px;
box-sizing: border-box;
border-radius: 5px;
cursor: pointer;
letter-spacing: 1px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
font-weight: normal;
color: #444444;
background-color: #CFD8DC;
}

.bottone:hover {
text-decoration: none;
font-weight: normal;
color: #444444;
background-color: #B0BEC5;
}

.bottone-p {
min-height: 30px;
padding: 8px;
font-size: 14px;
line-height: 14px;
}

.bottone-m {
min-height: 40px;
padding: 12px;
font-size: 16px;
line-height: 16px;
}

.bottone-g {
min-height: 60px;
padding: 20px;
font-size: 20px;
line-height: 20px;
}

.bottone-verde {
color: #fff;
background-color: #43A047;
}

.bottone-verde:hover {
color: #fff;
background-color: #388E3C;
}


/* NUOVA SCHEDA SERVER */

.server-nome {
	font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
}

.server-blocco {
    width: 800px;
    border: 1px solid #ACE1AF;
    margin-bottom: 10px;
}

.server-blocco-titolo {
    background-color: #ACE1AF;
    padding: 2px;
    font-size: 15px;
    font-weight: 500;
}

table.server-blocco-table
{
	width: 100%;
	padding: 2px;
}

table.server-blocco-table td {
	border-bottom: 1px solid #dddddd;
}

table.server-blocco-table tr:last-child td {
	border-bottom-width: 0px;
}

table.server-blocco-table tr td:first-child {
    font-weight: 500;
}



@media all and (min-width: 800px) {
    
    .vis-solo-mobile {
        display: none;
    }
    
}


/* SCHEDA CONTRATTO */

.intestazione-contratto {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-start;
}

.oggetto-intestazione-contratto {
    width: 49%;
}

.pagamenti-blocco-pagamenti {
    width: 80%;
}



/* box avviso generico */

#windows_alert {
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -200px;
    margin-top: -100px;
    padding: 0px;
    z-index: 104;
    width: 400px;
    height: 180px;
    background-color: #CECECE;
    padding: 20px;
    padding-top: 40px;
    border: solid 1px #666;
    color: #666;
    font-size: 16px;
    text-align: center;
    box-shadow: 10px 10px 5px #888;
    display: none;
}

#windows_alert_button .button_alert {
    background-color: #6EABCA;
    color: white;
    font-size: 16px;
    width: 50px;
    margin: auto;
    padding: 10px;
    cursor: pointer;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #716f64;
    border-right: 1px solid #716f64;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/**/

/* domini esegui operazione */

body#domini-esegui-operazione {
    margin-top: 0px;
    background-color: #FFFFFF;
}

#domini-esegui-operazione xmp {
    white-space: pre-wrap;
}

#domini-esegui-operazione .blocco-esito {
    max-width: 1000px;
    border-style: solid;
    font-family: verdana;
    padding: 3px;
}

#domini-esegui-operazione .blocco-risposta {
    max-width: 1000px;
    background-color:rgb(179, 196, 242);
    font-family: monospace;
    padding: 3px;
}

#domini-esegui-operazione .blocco-esito #titolo1 {
    font-size: 35px;
}

#domini-esegui-operazione .blocco-risposta #titolo2 {
    font-size: 20px;
    margin-left: 1%;
}

#domini-esegui-operazione .blocco-risposta .blocco-risposta-xml {
    width: 98%;
    margin: auto;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    margin-bottom: 5px;
}

/**/

.nascosto {
	display: none;
}
