html
  {
  font-size: 13px;
  font-family: "Trebuchet MS";
  color: #666666;
  }

body
  {
  margin: 0;
  background-color: #FFFFFF;
  }

table
  {
  font-size: 13px;
  font-family: "Trebuchet MS";
  color: #666666;
  }

a
  {
  color: #666666;
  text-decoration: none;
  }

input
  {
  font-family: "Trebuchet MS";
  cursor: pointer;
  }

select
  {
  font-family: "Trebuchet MS";
  cursor: pointer;
  }

.blink
  {
  animation:1s blinker linear infinite;
  -webkit-animation:1s blinker linear infinite;
  -moz-animation:1s blinker linear infinite;
  color: red;
  }

@-moz-keyframes blinker
  {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
  }

@-webkit-keyframes blinker
  {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
  }

@keyframes blinker
  {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
  }

#header
  {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  background-color: #FF7F2A;
  font-size: 2rem;
  color: #FFFFFF;
  }

#log
  {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #EEEEEE;
  }

#log ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  }

#log li, #log li a
  {
  display: inline-block;
  background: #666666;
  color: #FFFFFF;
  padding: 3px;
  border-radius: 3px;
  }

#log li:hover
  {
  font-weight: bold;
  }

#menuprincipale ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
  }

#menuprincipale li, #menuprincipale li a
  {
  background: #EEEEEE;
  padding: 10px;
  border-radius: 3px;
  }

#menuprincipale li:hover
  {
  font-weight: bold;
  }
  
#alert
  {
  width: 100%;
  background-color: red;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  color: #FFFFFF;
  }

#content
  {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }

#login input
  {
  background-size: 28px;
  padding: 10px;
  padding-left: 40px;
  width: 300px;
  font-size: 1.5rem;
  border: 1px dashed #AAAAAA;
  color: #666666;
  background-color: #EEEEEE;
  margin-bottom: 10px;
  }

#login input[type="text"]
  {
  background: url("img/icone/user.png") no-repeat left;
  }

#login input[type="password"]
  {
  background: url("img/icone/pass.png") no-repeat left;
  }

#ch_pass input
  {
  width: 300px;
  height: 35px;
  padding: 5px;
  font-size: 150%;
  border: 1px dashed #AAAAAA;
  color: #CCCCCC;
  background-color: #EEEEEE;
  margin-bottom: 10px;
  }

#ch_pass input[type="text"], #ch_pass input[type="password"]
  {
  padding-left: 40px;
  background: url("img/icone/pass.png") no-repeat left;
  background-size: 28px;
  }

#ch_pass input[type="button"], #ch_pass input[type="submit"]
  {
  cursor: pointer;
  }

.highlight /*stile usato per rendere lampeggianti gli oggetti*/
  {
  border: 5px solid #FF7F2A !important;
  }



#overlay, #loading
  {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #000000;
  text-align: center;
  z-index: 3;
  background: rgba(0, 0, 0, 0.8);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
  }

#loading
  {
  background-image: url("img/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  }

#overlay_container
  {
  width: 95%;
  height: 95%;
  background-color: #333333;
  box-shadow: 0px 0px 20px 3px #000000;
  position: absolute;
  margin: auto;
  top:40; left:0; right:0;
  text-align: left;
  color: #FFF;
  padding: 10px;
  }

#overlay_close
  {
  float: right;
  width: 45px;
  height: 45px;
  background: #333333 url("img/icone/cancella.png") no-repeat center center;
  background-size: 40px 40px;
  margin-right: -15px;
  margin-top: -15px;
  border: 2px solid #EEEEEE;
  border-radius: 33px 33px 33px 33px;
  box-shadow: 0px 0px 20px 3px #000000;
  cursor: pointer;
  }

#saldi
  {
  width: 100%;
  background: #85E0F7;
  }

#saldi_content
  {
  width: 98%;
  margin: auto;
  padding: 5px;
  }

.primanota-csv-export
  {
  float: right;
  width: 30px;
  margin-right: 15px;
  cursor: pointer;
  }

.censimento-csv-export
  {
  float: right;
  width: 30px;
  margin-right: 15px;
  cursor: pointer;
  }

#search
  {
  text-align: left;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  }

#search select
  {
  height: 21px;
  }

#ins_form
  {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-bottom: 20px;
  }

#ins_form select
  {
  height: 21px;
  }

#tab
  {
  display: table;
  border-collapse: collapse;
  text-align: left;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  }

#tab_head
  {
  display: table-header-group;
  font-weight: bold;
  }

#tab_row
  {
  display: table-row;
  border: 1px solid #666;
  border-width: 1px 1px 0px 1px;
  }

/*STILE PER TABELLE CON RIGHE ALTERNATE*/
#tab_rowalt
  {
  display: table-row;
  border: 1px solid #666;
  border-width: 1px 1px 0px 1px;
  }

#tab_rowalt:nth-child(even) {
  background-color: #EEE;
}

#tab_rowalt:nth-child(odd) {
  background-color: #FFF;
}
/*FINE TABELLE ALTERNATE*/

.row_evid
  {
  background-color: #85E0F7 !important;
  }
  
#tab_cell
  {
  display: table-cell;
  padding: 5px;
  }

#tab_cellbord
  {
  display: table-cell;
  padding: 5px;
  border: 1px solid #666;
  }

#tab_cell img
  {
  cursor: pointer;
  }

#tab_tot
  {
  display: table-row;
  background-color: #EEE;
  font-weight: bold;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  }

#tab_foot
  {
  display: table-footer-group;
  font-weight: bold;
  border: 1px solid #666;
  }

.width20 { width: 20px; }
.width50 { width: 50px; }
.width100 { width: 100px; }

.addebito
  {
  text-align: right;
  background: #FFE51E;
  width: 100px;
  }

.accredito
  {
  text-align: right;
  background: #BAFF49;
  width: 100px;
  }

.addebito input, .accredito input
  {
  text-align: right;
  }

/*SUGGERIMENTI DINAMICI (AUTOCOMPLETE)*/
.suggerimenti
  {
  position: absolute;
  z-index: 99999;
  display: none;
  background: #666666;
  }
  
.suggerimenti ul
  {
  list-style-type: none;
  text-align: left;
  margin: 0px;
  padding: 0px;
  }
  
.suggerimenti ul li
  {
  display: block;
  cursor: pointer;
  padding: 5px;
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  color: #FFF;
  }

/*GESTIONE ALLEGATI*/
#iframe
  {
  width: 100%;
  height: 75%;
  border: none;
  }
  
#formarea
  {
  width:80%;
  margin:0 auto;
  text-align:center;
  color: #FFF;
  }
 
#bararea
  {
  width:100%;
  height:20px;
  /*border:2px solid #666;*/
  /*border-radius: 5px;*/
  }
 
#bar
  {
  width:0%;
  height:20px;
  background-color: #FF7F2A;
  border-radius: 5px;
  }

#percent
  {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #FFF;
  }
 
#status
  {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #FFF;
  }

#show_all_area, #show_all_area a
  {
  width:80%;
  margin:0 auto;
  margin-top: 20px;
  text-align:center;
  color: #FFF;
  }

.show_all_row
  {
  width:100%;
  height:30px;
  text-align: left;
  }

/**************************VECCHIO CSS***********************/
#newentry, #cerca
	{
	text-align: left;
	padding-left: 20px;
	}

#cerca
  {
  margin-top: 15px;
  }

#newentry input[type="text"], #newentry select, #cerca input[type="text"], #cerca select
	{
  height: 30px;
	padding: 5px;
	border: 1px dashed #AAAAAA;
  color: #666666;
  background-color: #EEEEEE;
  }

#newentry select[multiple]
  {
  display: none;
  height: 101px;
  margin-bottom: -7px;
  }

#newentry input[type="button"], #cerca input[type="button"]
	{
	height: 30px;
	padding: 5px;
  background: #666666;
  color: #FFFFFF;
  border: 0px;
  cursor: pointer;
  }

#list, #eleturni
	{
	margin-top: 40px;
	padding-left: 20px;
	text-align: left;
	}

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

#list li
	{
	padding: 5px;
	}

#list li:nth-child(odd)
	{
	background-color: #EEEEEE;
	}

.li-title
  {
  background-color: #666666 !important;
  color: #FFFFFF !important;
  }

.li-pad
  {
  padding-left: 20px !important;
  }

#list li input[type="button"]
  {
  padding: 3px;
  background: #666666;
  color: #FFFFFF;
  border: 0px;
  cursor: pointer;
  }

/*RIMBORSI SPESA E COMODATI MATERIALE*/
#ins_cm ul
	{
	list-style-type:none;
    margin-top: 20px;
    }

#ins_cm li
	{
	width: 98%;
	border-radius: 5px;
    border: 3px solid #EEEEEE;
    text-align: left;
    color: #777777;
    background-color: #FFFFFF;
    margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	cursor: pointer;
	}

#ins_cm li:hover
	{
	background-color: #85E0F7;
	}
	
#ins_rs, #ins_cm
  {
  max-width: 1024px;
  color: #666666;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  }

#ins_rs input, #ins_cm input
  {
  width: 98%;
  border-radius: 5px;
  border: 3px solid #EEEEEE;
  margin-top: 20px;
  padding: 10px;
  font-size: 150%;
  text-align: center;
  color: #777777;
  }

#ins_rs_all input
  {
  border-radius: 5px;
  border: 3px solid #EEEEEE;
  margin-top: 10px;
  padding: 10px;
  font-size: 150%;
  text-align: center;
  color: #777777;
  display: inline-block;
  }

.input_del
  {
  cursor: pointer;
  width: 5% !important;
  }

.input25
  {
  width: 25% !important;
  margin-left: 10px;
  }

.input65
  {
  width: 65% !important;
  margin-left: 10px;
  }

.input_green
  {
  background-color: #22ef17;
  color: #FFFFFF !important;
  }

.input_red
  {
  background-color: #FF7F2A;
  color: #FFFFFF !important;
  }

/*############################REGISTRO SOCI###########################*/
@media print
	{
	#rsoselect, #rsoimport, #rsoinsman
		{
		display: none;
		}
  
  .rsotab
    {
    font-size: 10px;
    }
  }
	
#rsoselect, #rsoimport, #rsoinsman
	{
	padding: 20px;
  }

#rsoimport
	{
	background: #EEE;
	}

#rsoselect
	{
	background: #EEE;
	background: #EEE;
  text-align: center;
  }

.rsotab
  {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #333;
  margin-bottom: 10px;
  }

.rsotab td
  {
  padding: 5px;
  }

#rsotab
  {
  display: table;
  }

#rsotabrow
  {
  display: table-row;
  }
  
#rsotabhead, #rsotabcell
  {
  display: table-cell;
  border: 1px solid #333;
  padding: 3px;
  }
  
#rsotabhead
  {
  background-color: #EEE;
  }
/*############################REGISTRO SOCI###########################*/

@media print
  {  /*Regola dedicata alla visualizzazione su carta*/
  #header, #log, #newentry
    {
    display: none;
    }
  }

@media (max-width: 990px)  /* for large tablets */
  {
  html
    {
    font-size: 30px;
    }
  
  #login input
    {
    width: 90%;
    }
  }