:root {
	
    --index-body-bg-color:  #E6E6FA;
    --index-body-color:  #27408B;
    --message-radius:  10px;
    
  
}


body {
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	line-height: 13px;
	font-size: 13px;
	font-weight: normal;
	
	background-color:var(--index-body-bg-color);
	color:var(--index-body-color);
	
}

.message{
/*width:791px !important;width :800px; */
    width:100%
    height:25px !important;height /**/: 35px;
    overflow:auto;padding: 4px;
    border:1px solid #CD0A0A;
    border-radius: var(--message-radius) !important;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #CD0A0A;
    font-size:11px;
    background-color: white;
    }

.waitmessage {
	width: 100% height:20px !important;
	height /**/: 30px;
	overflow: auto;
	padding: 4px;
	border: 1px solid gray;
 	border-radius: var(--message-radius) !important;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: gray;
	font-size: 10px;
	background: white url('../images/_spinnerSmall.gif') no-repeat 95%
		center;
	background-size: 20px 20px;
}

.errmessage {
	width: 100% height:20px !important;
	height /**/: 30px;
	overflow: auto;
	padding: 4px;
	border: 1px solid #CD0A0A;
	border-radius: var(--message-radius) !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CD0A0A;
	font-size: 10px;
	background: white url('../images/exclamation.png') no-repeat 95% center;
	background-size: 20px 20px;
}

.okmessage {
	width: 100% height:20px !important;
	height /**/: 30px;
	overflow: auto;
	padding: 4px;
	border: 1px solid green;
	 border-radius: var(--message-radius) !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: green;
	font-size: 10px;
	background: white url('../images/accept.png') no-repeat 95% center;
	background-size: 20px 20px;
}

.infomessage {
	width: 100% height:20px !important;
	height /**/: 30px;
	overflow: auto;
	padding: 4px;
	border: 1px solid blue;
	 border-radius: var(--message-radius) !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: blue;
	font-size: 10px;
	background: white url('../images/information.png') no-repeat 95% center;
	background-size: 20px 20px;
}


.bgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 15px;
	line-height: 20px;
	background-color: LightGrey;
}

.bwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 15px;
	line-height: 20px;
	background-color: white;
}

.bgreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 15px;
	line-height: 20px;
	background-color: LightGreen;
}







.pgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10px;
	line-height: 12px;
	background-color: LightGrey;
}

.pwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10px;
	line-height: 12px;
	background-color: white;
}

.pgreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10px;
	line-height: 12px;
	background-color: LightGreen;
}

.pgreyp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 8px;
	line-height: 10px;
	background-color: LightGrey;
}

.pwhitep {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 8px;
	line-height: 10px;
	background-color: white;
}

.pgreenp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 8px;
	line-height: 10px;
	background-color: LightGreen;
}

.pblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 9px;
	line-height: 10px;
	background-color: RoyalBlue;
}

.bblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 15px;
	line-height: 20px;
	background-color: RoyalBlue;
}




.ptomato {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 9px;
	line-height: 10px;
	background-color: Tomato;
}

.pnavy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: navy;
	font-size: 9px;
	line-height: 10px;
	background-color: White;
}

.pnavyp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: navy;
	font-size: 8px;
	line-height: 10px;
	background-color: White;
}

.piccolo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	line-height: 10px;
}

.testo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E7FC1; /*#27408B;*/
	font-size: 12px;
	line-height: 15px;
}

.bia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

image {
	border-color: #000000;
}

.rblu {
	color: #4876FF;
	font-size: 12px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lblu {
	color: #68838B;
	font-size: 12px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sblu {
	color: #3333CC;
	font-size: 12px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.errr {
	color: #CD0A0A;;
	font-size: 12px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form {
	margin: 0px;
}

hr {
	color: #000000;
}

.sfondo {
	background-color: #EDE8E2;
}

input:hover {
	border-color: orange;
}

select:hover {
	border-color: orange;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #27408B;
	line-height: 15px;
	text-decoration: none;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00008B;
	line-height: 15px;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4AA49D;
	line-height: 15px;
	text-decoration: underline;
}

.numericinput {
	text-align: right;
}

.btngo {
	background: url('../images/go.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnsearch {
	background: url('../images/search.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.btnadd {
	background: url('../images/add.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btndelete {
	background: url('../images/delete.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnsearchsmall {
	background: url('../images/search.png') 0 0 no-repeat;
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
}
.btnerasesmall {
	background: url('../images/erase.png') 0 0 no-repeat;
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
}
.btnaddsmall {
	background: url('../images/add.png') 0 0 no-repeat;
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
}

.btndeletesmall {
	background: url('../images/delete.png') 0 0 no-repeat;
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
}



.btnedit {
	background: url('../images/edit.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btncopy {
	background: url('../images/copy.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnswitch {
	background: url('../images/switch.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btneuro {
	background: url('../images/euro.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btndocgo {
	background: url('../images/docgo.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnerase {
	background: url('../images/erase.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnundo {
	background: url('../images/undo.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnaccept {
	background: url('../images/accept.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnsave {
	background: url('../images/save.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btnsaveok {
	background: url('../images/saveok.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btnsaveN {
	background: url('../images/saveN.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnplusminus {
	background: url('../images/plus-minus.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btnswitchorange {
	background: url('../images/switchorange.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btncancel {
	background: url('../images/cancel.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnexcel {
	background: url('../images/excel.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btnpdf {
	background: url('../images/pdf.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btninfo {
	background: url('../images/information.png') 0 0 no-repeat;
	background-size: 10px 10px;
	width: 10px;
	height: 10px;
}


.btninfobig {
	background: url('../images/information.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btnrefresh {
	background: url('../images/refresh.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btnrestore {
	background: url('../images/restore.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btndwnl {
	background: url('../images/download.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.btnview {
	background: url('../images/view.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnflagg {
	background: url('../images/flaggreen.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnflagr {
	background: url('../images/flagred.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnfiltr {
	background: url('../images/filterr.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnfiltg {
	background: url('../images/filterg.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnlist {
	background: url('../images/list.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnsettings {
	background: url('../images/settings.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}



.proprietaprodotti {
	background: url('../imgmenu/proprietaprodotti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.utenti {
	background: url('../imgmenu/utenti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.uteimp {
	background: url('../imgmenu/uteimp.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.movimenti {
	background: url('../imgmenu/movimenti.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.trstock {
	background: url('../imgmenu/trstock.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.proprieta {
	background: url('../imgmenu/proprieta.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.impianti {
	background: url('../imgmenu/impianti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.prodotti {
	background: url('../imgmenu/prodotti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.silox {
	background: url('../imgmenu/silox.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.gruppi {
	background: url('../imgmenu/gruppi.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.tipodoc {
	background: url('../imgmenu/tipodoc.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.tipoop {
	background: url('../imgmenu/tipoop.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.impianti {
	background: url('../imgmenu/impianti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.home {
	background: url('../imgmenu/home.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.tab {
	background: url('../imgmenu/tab.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.campi {
	background: url('../imgmenu/campi.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.auto {
	background: url('../imgmenu/auto.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.param {
	background: url('../imgmenu/param.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.call {
	background: url('../imgmenu/call.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.search {
	background: url('../imgmenu/search.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.testata {
	background: url('../imgmenu/testata.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.menu {
	background: url('../imgmenu/menu.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.cambiaimp {
	background: url('../imgmenu/cambiaimp.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.propro {
	background: url('../imgmenu/propro.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.stampagiacenze {
	background: url('../imgmenu/stampagiacenze.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.stampamovimenti {
	background: url('../imgmenu/stampamovimenti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.stat1prodotti {
	background: url('../imgmenu/stat1prodotti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.stat2prodotti {
	background: url('../imgmenu/stat2prodotti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.stat2impianti {
	background: url('../imgmenu/stat2impianti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.stat1impianti {
	background: url('../imgmenu/stat1impianti.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.stat1tipoop {
	background: url('../imgmenu/stat1tipoop.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.stat2tipoop {
	background: url('../imgmenu/stat2tipoop.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.aggCausali {
	background: url('../imgmenu/aggCausali.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.rendicontocons {
	background: url('../imgmenu/rendicontocons.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.xml {
	background: url('../images/XML.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.aggCausali {
	background: url('../imgmenu/aggCausali.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.setup {
	background: url('../imgmenu/setup.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.cancprov {
	background: url('../imgmenu/cancprov.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.callws {
	background: url('../imgmenu/callws.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.movimenti_prov {
	background: url('../imgmenu/movimenti_prov.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.gestioneinterrogazione {
	background: url('../imgmenu/gestioneinterrogazione.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.creazioneinterrogazioni {
	background: url('../imgmenu/creazioneinterrogazioni.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.cambiapwd {
	background: url('../imgmenu/cambiapwd.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}


.Interrogazioni {
	background: url('../imgmenu/Interrogazioni.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.gestionegrafico {
	background: url('../imgmenu/gestionegrafico.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.ricercagrafico {
	background: url('../imgmenu/ricercagrafico.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.tempi {
	background: url('../imgmenu/tempi.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.guardie {
	background: url('../imgmenu/guardie.ico') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.operatori {
	background: url('../imgmenu/operatori.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.intervalli {
	background: url('../imgmenu/intervalli.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.import {
	background: url('../imgmenu/import.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.car {
	background: url('../imgmenu/car.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.clock1 {
	background: url('../imgmenu/clock1.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.clock {
	background: url('../imgmenu/clock.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.abc {
	background: url('../imgmenu/abc.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.btnsort {
	background: url('../images/sorting.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.btnback {
	background: url('../images/back.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btncontainer {
	background: url('../images/container.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnoggi {
	background: url('../images/event.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btndomani {
	background: url('../images/domani.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnlunedi {
	background: url('../images/lunedi.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnevent {
	background: url('../images/event.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnfueltank {
	background: url('../images/fueltank.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnlogin {
	background: url('../images/login.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}
.btnlogout {
	background: url('../images/logout.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnexclam {
	background: url('../images/exclamation.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.sendfile {
	background: url('../images/sendfile.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.btnunlock {
	background: url('../images/unlock.png') 0 0 no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.infowidget {
	border: 3px solid blue;
}

.dropdown-menu li>span {
	display: block;
	padding: 1px 10px;
	clear: both;
}

.dijitDialogCloseIcon {
		background: url('../images/cancel.png') 0 0 no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	
}

.form-control {
	width: 200px;
}

.Iblue {
    color: blue;
}
.Igreen {
    color: green;
}
.Idarkgreen {
    color: darkgreen;
}
.Ired {
    color: red;
}
.Imaroon {
    color: maroon;
}
.Iorange {
    color: orange;
}
.Icyan {
    color: cyan;
}
.Idarkmagenta {
    color: darkmagenta;
}
.Icrimson {
    color: crimson;
}
.Iblack {
    color: black;
}
.Iroyalblue {
    color: royalblue;
}
.Icrimson {
    color: crimson;
}
.Tblue {
	background-color:blue;
    color: white;
}
.Tgreen {
	background-color:green;
    color: white;
}
.Tred {
	background-color:red;
    color: white;
}
.Tmagenta {
	background-color:darkmagenta;
    color: white;
}
.Tmaoon {
	background-color:maroon;
    color: white;
}
.Tcyan {
	background-color:cyan;
    color: black;
}
.Torange {
	background-color:orange;
    color: white;
}
.Tyellow {
	background-color:yellow;
    color: black;
}
.Tpalegreen {
	background-color:palegreen;
    color: black;
}
.Tkhaki {
	background-color:khaki;
    color: black;
}
/* .buttonCalcolatrice {
	background-color: #4CAF50; Green
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
} */

.gi-18{font-size: 18px;}