@charset "utf-8";

/* CSS Document */

html,
body {font-family: 'Roboto', sans-serif;/* height: 100%; */width: 100%;margin: 0px;padding: 0px;font-size: 17px;/* letter-spacing: 2px; */text-align: left;color: #000000;background-image: url(../img/rpoint.png);background-position: bottom right;/* background-attachment: fixed; */background-repeat: no-repeat;}

#contenitore {
	width: 100%;
	margin: 0 auto;
}

div#contenitore_login {
    width: 300px;
    margin: 50px auto;
}

div#contenitore_login img {
    max-width: 85%;
}

#contenitore_login a {
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 20px;
}
div#contenitore_login input {
    width: 92%;
    float: left;
    padding: 4%;
    margin-top: 3%;
    border-radius: 5px;
    border: 1px solid #cccccc;
    /*text-transform: uppercase;*/
}

div#contenitore_login .Button {
    width: 100%;
    background: #db0a33;
    color: white;
    font-weight: bold;
    font-size: 17px;
    padding-top: 3%;
    padding-bottom: 3%;
    cursor: pointer;
}

div#contenitore_selezione {
    width: 300px;
    margin: 50px auto;
}

div#contenitore_selezione img {
    max-width: 85%;
}

#contenitore_selezione a {
    /* width: 100%; */
    text-align: center;
    float: left;
    margin-top: 20px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 16px;
}
div#contenitore_selezione input {
    width: 92%;
    float: left;
    padding: 4%;
    margin-top: 3%;
    border-radius: 5px;
    border: 1px solid #cccccc;
    text-transform: uppercase;
}

div#contenitore_selezione .Button {
    width: 100%;
    background: #db0a33;
    color: white;
    font-weight: bold;
    font-size: 17px;
    padding-top: 3%;
    padding-bottom: 3%;
    cursor: pointer;
}


#Esito {
    width: 98%;
    padding: 1%;
    float:left;
	text-align: center;
	cursor: pointer;
}

.EsitoOK{
	background-color: green;
	color: white;
}

.EsitoKO{
	background-color: darkred;
	color: white;
}

a.tastocommesse {
    width: 100%;
    background: #DB0A33;
    color: white;
    font-weight: bold;
    font-size: 17px;
    padding-top: 3%;
    padding-bottom: 3%;
    cursor: pointer;
}

a.tastoclienti {
    width: 48%;
    background: #504D76;
    color: white;
    font-weight: bold;
    font-size: 17px;
    padding-top: 3%;
    padding-bottom: 3%;
    /* cursor: pointer; */
    float: left;
    margin-right: 2%;
}

a.tastofornitori {
    width: 48%;
    background: #4D746D;
    color: white;
    font-weight: bold;
    font-size: 17px;
    padding-top: 3%;
    padding-bottom: 3%;
    cursor: pointer;
    float: right;
    margin-left: 2%;
}

a.tastoreport {
    width: 100%;
    background: #848484;
    color: white;
    font-weight: bold;
    font-size: 17px;
    padding-top: 3%;
    padding-bottom: 3%;
    cursor: pointer;
    border-radius: 10px;
}

div#menu .tastocommesse, div#menu .tastoclienti, div#menu .tastofornitori, div#menu .tastoreport {
    width: 84px;
    padding: 0;
    float: left;
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 6px;
    text-align: center;
    font-size: 15px;
}

div#menu {
    width: 50%;
    float: left;
}

#azioni {
    width: 30%;
    float: left;
}

div#anni {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 50px;
}

a.anno {

    border: 2px solid #cccccc;
	color: #cccccc;
    float: none !important;
	   padding: 3% 5%;
	   margin: 1%;
}

a.anno_selezionato {
   
    border: 2px solid #DB0A33;
    float: none !important;
    width: 100%;
    /* background: #DB0A33; */
    color: #DB0A33;
    font-weight: bold;
    font-size: 17px;
    padding: 3% 5%;
    margin: 1%;
    cursor: pointer;
}

#contenitore_testa {
	float: left;
	width: 98%;
	overflow: hidden;
	background-color: #ffffff;
	color: #000000;
	margin: 1%;
}


div#testa {
    float: left;
    width: 100%;
}

div#logo {
	float: left;
	/* padding-left: 1.3rem; */
	/* padding-right: 1.5rem; */
	width: 20%;
}

div#azioni img {
    width: 40px;
    float: right;
}
 
 #azioni #anno {
    float: left;
    padding: 1%;
    margin-top: 13px;
}

#azioni #anno a {
    padding: 7px;
    width: 100px;
    padding: 0;
    float: left;
    margin: 0;
    padding: 8px 20px;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 13px;
    text-align: center;
}
div#contenitore_corpo {
    width: 100%;
    float:
    left;
    /* background: white; */
    padding-bottom: 100px;
}

div#example_filter {
    display: none;
}
 
 
 h1 {
    font-size: 25px;
    color: #db0a33;
    margin: 0;
    padding: 0;
	margin-top:10px;
    float: left;
}
 a.nuova_commessa {
    /* width: 48%; */
    background: #399877;
    color: white;
    font-weight: bold;
    font-size: 15px;
    /* padding-top: 3%; */
    /* padding-bottom: 3%; */
    cursor: pointer;
    float: right;
    /* margin-left: 2%; */
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}
 
 table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled{
	 padding-right:0px !important;
 }
 
 table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before{
display:none !important;
 }
 
 table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after{
display:none !important;
 }
 
 #intestazione, #tabella{
width:100%; float:left;
}

table.dataTable td, table.dataTable th {
    padding: 5px;
}

table.dataTable thead {
    background: #c7c7c7;
    color: #585858;
    font-weight: normal;
    font-size: 13px;
}

table.dataTable td {
    font-size: 13px;
	cursor:pointer;
}

button.sort-btn.btn-asc {
    float: right;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #8f8f8f;
    cursor:
    pointer;
    margin-right: 20px;
}

button.sort-btn.btn-desc {
    float: right;
	padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #8f8f8f;
		cursor:pointer;
}
 
 span.aperta {
    background: #399877;
    color: white;
    font-size: 15px;
    padding: 4px 15px;
    border-radius: 7px;
    margin-bottom: 10px;
    font-size: 11px;
    text-transform: uppercase;
}

span.stati {
    /*background: #399877;*/
    color: white;
    font-size: 15px;
    padding: 4px 15px;
    border-radius: 7px;
    margin-bottom: 10px;
    font-size: 11px;
    text-transform: uppercase;
}
 
.sx {
    width: 60%;
    float: left;
}


div#box_settore {
    width: 50%;
    float: left;
}

div#box_numero {
    width: 50%;
    float: left;
}

div#box_numero_commessa {
    width: 50%;
    float: left;
}

div#box_cliente {
    width: 100%;
    float: left;
}

div#box_cliente select {
    width: 98%;
    padding: 1.5% 2%;
}

div#box_referente {
    width: 50%;
    float: left;
}

div#box_oda {
    width: 50%;
    float: left;
}

div#box_data_apertura {
    width: 50%;
    float: left;
}

div#box_data_scadenza {
    width: 50%;
    float: left;
}

div#box_data_chiusura {
    width: 50%;
    float: left;
}

div#stato {
    float: left;
	width:100%;
	margin-bottom: 20px;
}

div#box_lavoro {
    width: 100%;
    float: left;
}

div#box_preventivo {
    width: 33%;
    float: left;
    margin-top: 20px;
}

div#box_fattura {
    width: 33%;
    float: left;
    margin-top: 20px;
}


div#commessa_testa{
    width:100%;
	border-bottom: 1px solid #cccccc;
    float: left;
	padding: 20px 0 20px 0;
}

div#commessa_testa .titolo {
    font-weight: bold;
    /*line-height: 30px;*/
}

.stato {
    background-color:#cacaca;
    color:
    white;
    width: auto;
    padding: 0;
    font-weight:
    bold;
    float: left;
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 6px;
    text-align: center;
    font-size: 15px;
    opacity: 0.2;
}

.settore {
    background-color:#cacaca;
    color:white;
    width: 110px;
    padding: 0;
    font-weight:bold;
    float: right;
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 6px;
    text-align: center;
    font-size: 15px;
	opacity: 0.2;
}


.dx {
    width: 38%;
	margin-left: 2%;
    float: left;
    text-align: left;
    /* margin-left: 8%; */
}

/*div#settore {    
    float: right;
    margin-bottom: 30px;
}*/
 
 /*#commessa_testa .dx .titolo {
    width: 140px;
    float: right;
    text-align: left;
    /* text-transform: uppercase; */
/*}

 div#commessa_testa {
    border-bottom: 1px solid #cccccc;
    float: left;
    padding-bottom: 30px;
    margin-bottom: 25px;
}*/


a#aperta {
    background: #399877;
}

a#da_fatturare {
    background: #07079b;
}

a#chiusa {
    background: #db0a33;
}

a#stand_by {
    background: #ffcc00;
}

a#creativita {
    background: #011a72;
}

a#finance {
    background: #4d746d;
}

a#service {
    background: #848484;
}
 
.stato.selezionato {
    opacity: 1.0;
}
 
.settore.selezionato {
    opacity: 1.0;
}
 
 input.testo,select.testo {
    padding: 3%;
    width: 90%;
    margin-bottom: 20px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #888888;
}

.testodettprev{
	width: 80% !important;
}

th,td{
	vertical-align: top;
}

textarea {
    width: 90%;
    padding: 10px;
	 font-size: 16px;
	border-radius: 5px;
}
 
 textarea#cliente {
    width: 90%;
    padding: 5px;
	 font-size: 16px;
}
 
 div#box_preventivo a, div#box_oda a {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
}
 
 div#box_preventivo .corpo, div#box_oda  .corpo ,  div#box_fattura .corpo {
    float: left;
    width: 90%;
    border: 1px solid #111111;
    padding: 2%;
    min-height: 92px;
}
 div#commessa_corpo input {
    padding: 5%;
    width: 84%;
}

input[type=checkbox]{
	width:auto !important;
	float: left;
	font-size: 20px;
	padding: 10px;
}

 div#commessa_corpo .titolo {
    font-size: 26px;
    color: #848484;
    margin-top: 15px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

/*#tabella_costi_esterni table td:nth-child(3),#tabella_costi_esterni table th:nth-child(3) {
   width: 70px;
}
#tabella_costi_esterni table td:nth-child(3) input {
    width: 50px;
    padding: 14% 7%;
}*/
div#tabella_costi_esterni {
    float: left;
    width: 100%;
}

div#tabella_costi_esterni table {
    width: 100%;
}

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.Nuovo {
  padding: 3%;
  border-radius: 25%;
  font-size: 14px;
  background-color: #888;
  color: white;
  cursor: pointer;
  margin-left: 5px;
}

/*#tabella_costi_interni table td:nth-child(3),#tabella_costi_interni table th:nth-child(3) {
   width: 70px;
}
#tabella_costi_interni table td:nth-child(3) input {
    width: 50px;
    padding: 14% 7%;
}*/
div#tabella_costi_interni {
    float: left;
    width: 100%;
    margin-top: 20px;
}

div#tabella_costi_interni table {
    width: 100%;
}


input.transparent {
    border: 1px solid white;
	background:white !important;
}

div#box_totale_costi {width: 35%;float: left;}

div#calcolo_totale {
    width: 48%;
    float: right;
    margin-top: 50px;
}

div#box_totale_vendita {
    width: 65%;
    float: left;
}

div#box_margine_percentuale {
    width: 35%;
    float: left;
}

div#box_margine {
    width: 65%;
    float: left;
}

div#calcolo_totale .titolo{
	/* background:
	red; */
	font-weight: bold;
	line-height: 30px;
	font-size: 16px;
	color: black;
}

div#commessa_corpo {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    border-bottom: 1px solid #cccccc;
}
span#aggiungi_costo_interno {
    cursor: pointer;
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 20px;
    margin-right: 5px;
}
span#aggiungi_costo_esterno,.nascondi_costo {
    cursor: pointer;
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 20px;
    margin-right: 5px;
}

div#calcolo_totale input {
    text-align: right;
    font-weight: bold;
}
input#totale_costi {
    color: red;
}

div#tabella_fatture_clienti {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

div#tabella_fatture_clienti table {
    width: 98%;
    /* background: red; */
}
div#tabella_fatture_clienti .titolo{
    font-size: 26px;
    color: #399877;
    margin-top: 15px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.tabella_allegati{
	float: left;
    width: 100%;
    padding-bottom: 50px;
}

.tabella_allegati table{
	width: 98%;
}

.tabella_allegati .titolo{
	font-size: 26px;
    color: #399877;
    margin-top: 15px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

div#tabella_fatture_fornitori .titolo{
    font-size: 26px;
    color: #d50000;
    margin-top: 15px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

span#aggiungi_fattura_cliente {
   
    cursor: pointer;
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 20px;
    margin-right: 5px;

}

span#aggiungi_fattura_fornitore {
   
    cursor: pointer;
    border: 1px solid;
    padding: 0px 10px;
    border-radius: 20px;
    margin-right: 5px;

}


div#tabella_fatture_fornitori table {
    width: 98%;
}
div#commessa_coda table td input  {
    padding: 4%;
    width: 85%;
}

div#commessa_coda table td:nth-child(2) input {
    padding: 1.7%;
    width: 96%;
}

input#margine {
    padding: 3% !important;
    width: 90% !important;
}

input#vendita {
     padding: 3% !important;
    width: 90% !important;
}
div#commessa_coda {
    width: 70%;
    float: left;
}
div#tabella_fatture_fornitori {
    margin-bottom: 91px;
}

div#box_note {
    padding: 0.5%;
    FONT-WEIGHT: BOLD;
    margin-top: 50px;
    float: left;
    width: 100%;
}

#box_note .titolo {
    margin-bottom: 5px;
}

#box_note textarea {
    width: 94%;
}

div#box_notifiche {
	float: left;
    width: 100%;
}

div#box_personale_redpoint {
    float: left;
    width: 49%;
    padding: 0.5%;
}

div#box_personale_esterno {
    float: left;
    width: 49%;
    padding: 0.5%;
}

div#box_personale_redpoint .titolo{
    font-weight:bold;
    margin-bottom:10px
}

div#box_personale_esterno .titolo{
    font-weight:bold;
     margin-bottom:10px
}

span#aggiungi_personale_redpoint {
    cursor: pointer;
    border: 1px solid;
    padding: 0px 5px;
    border-radius: 20px;
    margin-right: 5px;
}
span#aggiungi_personale_esterno {
    cursor: pointer;
    border: 1px solid;
    padding: 0px 5px;
    border-radius: 20px;
    margin-right: 5px;
    
}

 
 
 
 
 
 
 
 
 
 
 
 
 
 

ul#menu.home li a {
	/*color: white !important;*/
}

ul#menu {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
    /* width: 70%; */
    /* margin-left: 10%; */
    /* padding-bottom: 25px; */
    margin-top: 0px;
}

#menu li {
	padding-top: 20px;
	float: left;
	/* margin-left: 50px; */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

ul#menu li a.voce {
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000164;
    text-align: left;
    letter-spacing: 0px;
    /* font-weight: 100; */
    font-size: 14px;
    /* font-weight: bold; */
}

#menu .submenu {
	/*display: none;*/
}
 
div#menu_principale_mobile {
	display: none;
}
 


div#corpo {
	/*width: 1300px;*/
	padding: 0% 0% 0% 0%;
	margin: 0 auto;
	max-width: 98%;
	background: white;
}
 
	
 
div#contenitore_coda a {
	text-decoration: none;
	color: #ffffff;
	line-height: 21px;
	/* letter-spacing: 1px; */
	font-size: 13px;
	font-weight: 300;
}

div#contenitore_coda {
	margin-top: 50px;
	width: 100%;
	float: left;
	text-align: center;
	/* color: #ffffff; */
	font-weight: bold;
	font-size: 13px;
	/* background: #00143b; */
	font-weight: 300!important;
	font-size: 13px!important;
	line-height: 20px!important;
	letter-spacing: 0.02em!important;
}

div#coda {
	/* float: left; */
	width: 1300px;
	/* padding: 2%; */
	/* margin: 0% 2%; */
	padding-top: 4rem;
	text-align: center;
	padding-bottom: 4%;
	margin: 0 auto;
	max-width:98%;
}
 div#barratop {
    width: 100%;
    margin: 0 auto;
    /* max-width: 98%; */
}


.elemento.transparent {
    border: 0px solid !important;
    color: transparent;
}

.opaco{
	opacity:0.7;
}

input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212121;
  opacity: 1; /* Firefox */
}


.button:disabled,
.button[disabled]{
opacity:0.7;
}
 

strong.titolo_strong {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #00205c;
	margin-bottom:15px;
}


a {
    color: #00205c;
    text-decoration:none;
}

a.buttonlink {
    background: #00205C;
    color: white;
    border: 0;
    padding: 2% 3%;
    font-weight: bold;
    border-radius: 30px;
    margin: 0 auto;
    display: table;
    text-decoration: none;
	    margin-top: 30px;
    margin-bottom: 30px;
}

.contenitore_uploader{
width: 94%;    padding: 2% 3%;    float: left;    background: red;    background: #F1F1F1;    border-radius: 18Px; margin-bottom:20px;

}


textarea {
    min-height: 150px;
    /* background: #cccccc; */
    /* border: 0px; */
    width: 93%;
    padding: 2% 2%;
    /* border-radius: 15px; */
    /* background: #F1F1F1; */
    /* margin-bottom: 10px; */
    font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}

 input.button.selezionato {
    background: white !important;
    border: 1px solid #00205c !important;
    color: #00205c !important;
}


 a.buttonlink:hover{
	    background: #23a6be !important;
		color:white !important;
}


div#logo img {
    height: 50px;
    margin-bottom: 15px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {
	position:relative;
	display:flex
}

label:before {
    content:'';
    right:1%; top:50px;
    position:absolute;
    pointer-events:none;
    display:block;
}

input[type=text].campook {
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background: #F1F1F1;
	-webkit-box-shadow:inset 0px 0px 0px 1px #069030;
    -moz-box-shadow:inset 0px 0px 0px 1px #069030;
    box-shadow:inset 0px 0px 0px 1px #069030;
  /*  width: 90% !important;
    padding: 2% 7% 2% 3% !important;*/
}


select.campook {
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 4% center !important;
    padding: 4% 15% !important;
	-webkit-box-shadow:inset 0px 0px 0px 1px #069030;
    -moz-box-shadow:inset 0px 0px 0px 1px #069030;
    box-shadow:inset 0px 0px 0px 1px #069030;
}


/* per contenitore radio */
div#tipologia_business_contenitore.campook {
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: right 50px center;
    padding-bottom: 0px;
    /* PADDING-RIGHT: 80PX; */
    /* width: 47% !important; */
    /* margin-left: 58px !important; */
    /* padding: 0% 5% 0% 0%; */
    /* margin-left: 2% !important; */
}

div#tipologia_business_contenitore {
    width: 46.5% !important;
	/*min-width: 46.5%  !important;*/
    margin-right: 0 !important;
    padding: 0.5% 1% 2% 2.5%;
    line-height: 42px;
    /* font-size: 13px; */
}

/* per contenitore checkbox */
#privacy_contenitore.campook, #presavisione_contenitore.campook {
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: right 10px center !important;
}


/* per contenitore checkbox */
textarea.campook {
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: bottom 10px right 20px !important;
	    -webkit-box-shadow: inset 0px 0px 0px 1px #069030;
    -moz-box-shadow: inset 0px 0px 0px 1px #069030;
    box-shadow: inset 0px 0px 0px 1px #069030;

}

input#verifica_finanziabilita[disabled], input#next_step[disabled], input#prosegui[disabled]{
    cursor: auto !important;
    background: #bbbbbb;
    -webkit-box-shadow: inset 0px 0px 0px 1px #bcbcbc;
    -moz-box-shadow: inset 0px 0px 0px 1px #bcbcbc;
    box-shadow: inset 0px 0px 0px 1px #bcbcbc;
}

.contenitore_uploader.campook{
    -webkit-box-shadow: inset 0px 0px 0px 1px #069030;
    -moz-box-shadow: inset 0px 0px 0px 1px #069030;
    box-shadow: inset 0px 0px 0px 1px #069030;
}

#box_personale_redpoint table {
    width: 100%;
}

#box_personale_esterno table {
    width: 100%;
}
span.tasto_aggiungi_pers_red {
    /* background: #bf0000; */
    padding: 5px;
    cursor: pointer;
    float: right;
    margin-right: 6%;
    margin-top: 2%;
    border: 1px solid #bf0000;
}

span.tasto_aggiungi_pers_est {
    /* background: #bf0000; */
    padding: 5px;
    cursor: pointer;
    float: right;
    margin-right: 6%;
    margin-top: 2%;
    border: 1px solid #bf0000;
}

#commessa_coda input#GO,#commessa_coda input#GOUnlock {
    position: fixed;
    top: 0;
    right: 0;
    width: 100px !important;
    /* margin: 1%; */
    background: #00c309;
    border: 3px solid black;
    font-size: 15px;
    width: 84px;
    padding: 0;
    float: left;
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 14px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    padding: 10px !important;
}
#box_totale{
    width: 100%;
    margin-top: 100px;
    float: left;
    background: whitesmoke;
    padding-top: 30px;
    padding-bottom: 30px;
}

div#box_ok {
    width: 94%;
    float: left;
    margin: 1%;
    background: #00c309;
    color: white;
    font-weight: bold;
    padding: 2%;
    text-align: center;
	display:none;
	top: 100px;
    z-index: 99999;
	position:fixed;
}

div#box_alt {
    width: 94%;
    float: left;
    margin: 1%;   
    background: #db0a33;    
    color: white;
    font-weight: bold;
    padding: 2%;
    text-align: center;
	display:none;
	    top: 100px;
    z-index: 99999;
	position:fixed;
}

.selectedRow, .selectedRow:active, .childgrid tr:active {
	background-color: #E7E7E7;
	cursor: move;
}
.SmallIntestazione{
	font-size: 11px;
	color:darkgrey;
	font-weight: normal;
	text-transform: uppercase;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}