/* v.15.08.26
generic css style for site
###
15.08.26 Alex # changed css from .php
14.10.14 Alex # added .showdatatr1_red_evidenzia
14.01.18 Alex # added .tddata
14.01.06 Alex # added .mainmenu_red
13.12.29 Alex # creation
*/

BODY
{
color: #000000;
font-style: normal;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
}

A:link, A:visited
{
text-decoration: none; color: #336699;;
}
A:hover
{
text-decoration: underline; color: #336699;;
}

hr { color: #336699;; background-color: #336699;; height: 2px; border: 0;}


td {color: #000000; font-style: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.title { color: #336699; font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; }
.subtitle {color: #336699; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tddata { font-style: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td {color: #000000; font-style: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.evidenzia { color: #FFFFFF; background-color: #FF0000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.debug { font-size: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.main_area {color: #000000; font-style: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 5px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; }

.showdatatable { border: #CCCCCC solid thin; font-style: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.showdataheader { font-weight: bold; }
.showdatatr0 { border: #CCCCCC solid thin; background-color: #EEEEEE; }
.showdatatr1 { border: #CCCCCC solid thin; background-color: #CCCCCC; }
.showdatatr0_lastview { border: #CCCCCC solid thin; background-color: #FFEEEE; }
.showdatatr1_lastview { border: #CCCCCC solid thin; background-color: #FFCCCC; }
.showdatatr0_blue { border: #CCCCCC solid thin; background-color: #EEEEFF; }
.showdatatr1_blue { border: #CCCCCC solid thin; background-color: #CCCCFF; }
.showdatatr0_red { border: #CCCCCC solid thin; background-color: #FFEEEE; }
.showdatatr1_red { border: #CCCCCC solid thin; background-color: #FFCCCC; }
.showdatatr0_green { border: #CCCCCC solid thin; background-color: #EEFFEE; }
.showdatatr1_green { border: #CCCCCC solid thin; background-color: #CCFFCC; }

.showdatatr1_red_evidenzia { border: #CCCCCC solid thin; background-color: #FF5555; }

.showdatatd0 { background-color: #EEEEEE; }
.showdatatd1 { background-color: #CCCCCC; }
.showdatatd0_blue { background-color: #EEEEFF; }
.showdatatd1_blue { background-color: #CCCCFF; }
.showdatatd0_red { background-color: #FFEEEE; }
.showdatatd1_red { background-color: #FFCCCC; }
.showdatatd0_green { background-color: #EEFFEE; }
.showdatatd1_green { background-color: #CCFFCC; }

.showdatatd1_red_evidenzia { color: #FFFFFF; }

.separator { background-color: #FF0000; }

.resultbox { width:100%; overflow: auto; }
.hideresultbox { display: none; }

.red { color: #FFFFFF; background-color: #FF0000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.green { color: #000000; background-color: #00FF00; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.bold {color: #000000; font-weight: bold; font-style: normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.inorder { color: #000000; border: #CCCCCC solid thin; background-color: #00FF00; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; white-space: nowrap;}
.notinorder { color: #000000; border: #CCCCCC solid thin; background-color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; white-space: nowrap;}

.textdeleted { text-decoration:line-through; }

.oldfield { border: #CCCCCC solid thin; background-color: #DDDDDD;}

.box { border: #CCCCCC solid thin; padding: 3px; }

.filteron { color: #FF0000; font-weight: bold; font-style: normal; }

.printbox { width: 100%; }

.mainmenu_btn {
	-moz-box-shadow:inset 0 1px 0 0 #ffffff;
	-webkit-box-shadow:inset 0 1px 0 0 #ffffff;
	box-shadow:inset 0 1px 0 0 #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family: arial sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.mainmenu_btn:hover {
      cursor:pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.mainmenu_btn:active {
	position:relative;
	top:1px;
}

.mainmenu_yellow { border: #000000 solid thin; padding: 10px; background-color: #FFFF80; }
.mainmenu_cyan { border: #000000 solid thin; padding: 10px; background-color: #00FFFF; }
.mainmenu_blue { border: #000000 solid thin; padding: 10px; background-color: #0080FF; }
.mainmenu_green { border: #000000 solid thin; padding: 10px; background-color: #008080; }
.mainmenu_red { border: #000000 solid thin; padding: 10px; background-color: #FF8080; }

.mainmenu_btn_sx { width: 200px; }
.mainmenu_btn_sx1 { width: 90px; }
.mainmenu_btn_sx2 { width: 50px; height: 50px; }
.mainmenu_btn_cn { width: 100px; }
.mainmenu_btn_dx { width: 170px; }

.mainmenu_br { width: 200px; height: 10px; }

@font-face {
  font-family: 'led5x7';
  src: url('../fonts/led5x7.eot');
  src: url('../fonts/led5x7.eot?#iefix') format('embedded-opentype'), url('../fonts/led5x7.woff') format('woff'), url('../fonts/led5x7.ttf') format('truetype'), url('../fonts/led5x7.svg#led5x7') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'advent-pro.thin';
  src: url('../fonts/advent-pro.thin.eot');
  src: url('../fonts/advent-pro.thin.eot?#iefix') format('embedded-opentype'), url('../fonts/advent-pro.thin.woff') format('woff'), url('../fonts/advent-pro.thin.ttf') format('truetype'), url('../fonts/advent-pro.thin.svg#advent-pro.thin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'advent-pro.regular';
  src: url('../fonts/advent-pro.regular.eot');
  src: url('../fonts/advent-pro.regular.eot?#iefix') format('embedded-opentype'), url('../fonts/advent-pro.regular.woff') format('woff'), url('../fonts/advent-pro.regular.ttf') format('truetype'), url('../fonts/advent-pro.regular.svg#advent-pro.regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

#displaybox {
  -webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
  border-radius: .5em;
  height: 20vh;
  min-height: 160px;
  width: 656px;
}

.displaybox_ON {
  background: #9AE4FD;
}

.displaybox_OFF {
  background: #aaa;
}

#displaybox input {
  background: none;
  border: 0;
  border-radius: .3em;
  font-family: 'led5x7', sans-serif;
  font-size: 2.64rem;
  padding: .2em .3em;
  width: 100%;
  box-sizing: border-box;
}

#displayln2 {
  text-align: right;
}

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

.tasto {
   display: table-cell;
   border: solid;
   border-width: thin;
}

.tasto img {
   height: 80px; 
   width: 80px; 
   overflow: hidden;
}

.paper {
   display: none;
   position: absolute;
   top: 30px;
   left: 670px; 
   width: 280px;
   height: 520px;
   box-shadow: 10px 10px 5px #dedede;
   background-color: #f5f5f5;
   padding: 5px 10px 5px 10px;
}

.paper_bottom {
   display: none;
}

.testata_scontrino {
   font-family: 'advent-pro.thin', sans-serif;
   font-size: 1rem;
   text-align: center;
   letter-spacing: 1.1px;
}

.non_fiscale {
   font-family: 'advent-pro.regular', sans-serif;
   font-size: 1rem;
   text-align: center;
   margin-top: 15px;
   transform:scale(2,1);
   -webkit-transform:scale(2,1); 
   -moz-transform:scale(2,1);  
   -ms-transform:scale(2,1);  
   -o-transform:scale(2,1); 
   display: inline-table;
   margin-left: 35%;
}

.paper_euro {
   font-family: 'advent-pro.regular', sans-serif;
   font-size: 1rem;
   text-align: right;
   margin-top: 15px;
}

.paper_body {
   font-family: 'advent-pro.thin', sans-serif;
   font-size: 1rem;
}

.paper_info {
   font-family: 'advent-pro.thin', sans-serif;
   font-size: 1rem;
}

.left {
   float: left; 
   display: block;
   width: 200px;
/*   background-color: #ffcccc;*/
}

.right {
   float: left;
   display: block;
   width: 80px;
   text-align: right;
/*   background-color: #ccffcc;*/
}

.center {
   margin-left: -200px;
   letter-spacing: 1.1px;
   text-align: center;
   display: block;
   width: 280px;
/*   background-color: #ffcccc;*/
}


.totale {
   margin-top: 5px;
   margin-bottom: 5px;
   font-weight: bold;   
   transform:scale(1,2);
   -webkit-transform:scale(1,2); 
   -moz-transform:scale(1,2); 
   -ms-transform:scale(1,2); 
   -o-transform:scale(1,2);
}

.br {
   clear:both;
}

.comandi {
   width: 654px;
   border: solid;
   border-width: thin;
}

.comandi_scontrino {
   display: none;
   position: relative;
   top: 0px;
   left: 750px; 
   width: 300px;
}

#cassa_attiva {
   float: right;
   display: block;
   width: 110px;
   text-align: center;
   border: solid;
   border-width: 2px;
   border-color: #FF0000;
}

.cassa_cmd_result {
   margin-top: 10px;
   background-color: #fff5f5;
   width: 654px;
   min-height: 20px;   
   border: solid;
   border-width: thin;
   overflow:auto;
}

.over {
   display:none;
}
.cassa_extra {
   background:#fff;
   position:absolute;
   height:571px;
   left:3px;
   top:27px;
   width:654px;
   z-index:10; 
   display:table;
   border: 1px solid #000;
}
.cassa_extra div {
   display:table-cell;
   vertical-align:middle;
   text-align:center;
}
.cassa_extra div img {
   width:100%;
   height:auto;
/*
   max-height:980px;
   max-width:1280px;
*/
}
.close-image{
    display: block;
    float:right;
    position:relative;
    top:2px;
    right: 2px;
    height: 18px;
}
#stampa_cassa{
    -webkit-appearance:default-button;
    width:150px;
    height:40px;
    font-size: 15px;
}