ordersprinter/webapp/css/bestformat.css

@CHARSET "UTF-8";

table.viewtable {
	width: 100%;
	display: block;
	table-layout: fixed;
}
table.viewtable th {
	background:#7abe5f;
	font-size:10pt;
	border-bottom:1px solid rgba(255,255,255,.7);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	-o-box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	padding:6px 10px;}

table.viewtable td {
	background:#eed33f; 
	font-size:8pt;
	border-bottom:1px solid #fafafa;
	border-bottom:1px solid rgba(255,255,255,.5);
	padding:6px 10px;
	color:rgba(0,0,0,255);}

table.viewtable th.complete {
	background:#17370b; 
	color:rgba(255,255,255,0);}

table.viewtable th.incomplete {
	background:#9c9224; 
	color:rgba(0,0,0,255);}
	
table.viewtable td.complete {
	background:#78bb5e; 
	color:rgba(0,0,0,255);}

table.viewtable td.incomplete {
	background:#eed33f; 
	color:rgba(0,0,0,255);}


table.viewtable tr:last-child td {
	border-bottom:none;
}
table.viewtable tr:hover td {
	background-color: #ffaaff;
}


table.receipttable td {
	border: solid black 0px;
	padding: 3px;
	text-align:left;
	vertical-align:bottom;
}

table.receipttable td.price {
	border: solid black 0px;
	padding: 3px;
	text-align:right;
	vertical-align:bottom;
}

table.receipttable td.restinfo {
	text-align:center;
	vertical-align:bottom;
}

table.receipttable td.declaration {
	font-weight:bold;
	text-align:right;
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:20px;
	color:#333333;
	border-width: 2px;
	border-color: #666666;
	border-collapse: collapse;
	width: 100%;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	font-weight:bold;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

table.linetable {
	font-family: verdana,arial,sans-serif;
	font-size:20px;
	color:#333333;
	border-width: 2px;
	border-color: #666666;
	border-collapse: collapse;
	width: 100%;
}
table.linetable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	font-weight:bold;
}
table.linetable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
}

table.linetable tr{
		background: #ffffff;
	}
	
table.linetable tr:hover {
	background-color: #ffaaff;
}

table.reporttable {
	font-family: verdana,arial,sans-serif;
	font-size:20px;
	color:#333333;
	border: solid black 2px;
	border-color: #666666;
	border-collapse: collapse;
	width: 100%;
	border-spacing: 10px;
}
table.reporttable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	font-weight:bold;
}
table.reporttable td {
	border: solid black 0px
	padding: 8px;
	text-align:left;
	vertical-align:top;
}

table.reporttable tr{
		background: #d6f8be;
	}
	
table.reporttable tr:hover {
	background-color: #ffaaff;
}


table.commandtable {
	font-family: verdana,arial,sans-serif;
	font-size:20px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width: 100%;
}
table.commandtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #e4d662;
	font-weight:bold;
}
table.commandtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	font-weight:bold;
}

table.navitable {
	font-family: verdana,arial,sans-serif;
	font-size:20px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width: 100%;
}
table.navitable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #d09696;
	font-weight:bold;
}
table.navitable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #c08f8f;
}

table.infotable {
	font-family: verdana,arial,sans-serif;
	font-size:20px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width: 100%;
}
table.infotable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #c3c3ff;
	font-weight:bold;
}
table.infotable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #c3c3ff;
}

table.billtable {
	font-family: verdana,arial,sans-serif;
	font-size:20px;
	color:#000000;
	border: solid black 2px;
	border-color: #000000;
	border-collapse: collapse;
	width: 100%;
	border-spacing: 10px;
}
table.billtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #c3c3ff;
	font-weight:bold;
	text-align:left;
}
table.billtable #pricecolheader {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #c3c3ff;
	font-weight:bold;
	text-align:right;
}
table.billtable td {
	border: solid black 0px
	padding: 8px;
	background-color: #ffffff;
	text-align:left;
}

table.billtable #pricecol {
	border: solid black 0px
	padding: 8px;
	background-color: #ffffff;
	text-align:right;
}

table.billtable #totalprice {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #c3c3ff;
	font-weight:bold;
	text-align:center;
}

.grid_right {
    text-align :right;
    font-style: italic;
}

.userinfo {
	font-style: italic;
}



.counting {
    position: absolute;
    top: 0px; bottom: 0px; right: 90px;
    width: 80px;
    border: 0;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

.counting:hover {
	background-color: rgb(0,255,0);
}

.goup {
    position: absolute;
    top: 5px; bottom: 0px; right: 90px;
    border: 0;
    background-color: rgb(246, 246, 246) !important;
}

.osroom-1 {
	height: 40px !important;
}
.osroom-2 {
	height: 70px !important;
}
.ostable-1 {
	height: 40px !important;
}
.ostable-2 {
	height: 70px !important;
}
.osprod-1 {
	height: 40px !important;
}
.osprod-2 {
	height: 70px !important;
}
.osbigbtn.ui-btn {
	height: 40px !important;
	text-align: center;
	line-height:30px;
}


table.prodtable {
	font-family: verdana,arial,sans-serif;
	font-size:20px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width: 70%;
}
table.prodtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: OrangeRed;
	font-weight:bold;
}

table.prodtable .prodtype td{
	background-color: DarkGreen;
}
table.prodtable tr > td:first-child {
	text-align:left;
}
table.prodtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: LimeGreen;
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
    max-width:50%;
    word-break:break-all;
}
table.prodtable input {
	line-height:30px;
	background-color: PaleGreen;
	font-weight:bold;
}
table.prodtable select {
	background-color: PaleGreen;
	font-weight:bold;
	width: 100%;
}

table.prodtable option.yes {
	background-color: green;
}
table.prodtable option.no {
	background-color: red;
}
table.prodtable .prodpriceA {
	width: 50px;
	text-align: right;
}
table.prodtable .prodpriceB {
	width: 50px;
	text-align: right;
}
table.prodtable .prodpriceC {
	width: 50px;
	text-align: right;
}

.prodinfo,.srinfo {
    position: absolute;
    top: 0px; bottom: 0px; right: 20px;
    width: 20px;
    border: 0;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

.waitinfo {
	position: absolute;
    top: 0px; bottom: 0px; right: 20px;
    border: 0;
    background-color: rgb(246, 246, 246, 0.0) !important;
}
.waitinfo img {
	position: absolute;
    top: 0px; bottom: 0px; right: 20px;
    height: 35px;
    border: 0;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

.typehigher {
	text-align:right;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

.typetop {
	text-align:left;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

@media all and (min-width: 0em){
	.typetop img { width:100px; }
	.typehigher img { width:100px; }
}
@media all and (min-width: 20em){
	.typetop img { width:120px; }
	.typehigher img { width:120px; }
}
@media all and (min-width: 40em){
	.typetop img { width:160px; }
	.typehigher img { width:160px; }
}

.prodminus,.srminus {
    position: absolute;
    top: 0px; bottom: 0px; right: 130px;
    width: 20px;
    border: 0;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

.prodcount,.srprodcount {
	position: absolute;
    top: 10px; bottom: 0px; right: 95px;
    width: 20px;
    border: 0;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

.prodplus,.srplus {
    position: absolute;
    top: 0px; bottom: 0px; right: 60px;
    height: 20px;
    border: 0;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

.prodplus img {
	width: 30px;
}
.prodminus img {
	width: 30px;
}
.srplus img {
	width: 30px;
}
.srminus img {
	width: 30px;
}

.srminus:hover, .prodminus:hover{
	height: 40px;
	width: 30px;
	background-color: rgb(0, 255, 0);
}
.srplus:hover, .prodplus:hover{
	height: 40px;
	width: 30px;
	background-color: rgb(0, 255, 0);
}
.prodinfo img:hover,.srinfo img:hover {
	background-color: rgb(0, 255, 0);
}

.tbusy {
	color:black !important;
	font-weight:bold;
	font-style: italic;
}
.tempty {
	color:gray !important;
	color:gray !important;
	font-weight:normal;
}

.overlaytxt {
	background: linear-gradient(red, yellow);
	color: black; font-weight: bold;
	border-radius: 25px;
    border: 3px solid #000000;
    padding: 8px;
}

.overlayfull {
	background: linear-gradient(red, yellow);
}
.overlayempty {
	background: linear-gradient(green, yellow);
}
.overlaysize-0 {
	font-size: 7px;
}
.overlaysize-1 {
	font-size: 12px;
}
.overlaysize-2 {
	font-size: 15px;
}

.prodreadyicon {
	position: absolute;
    top: 0px; bottom: 0px; right: 70px;
    height: 20px;
    border: 0;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

.prodreadyicon:hover {
	height: 40px;
	background-color: rgb(0, 255, 0);
}

.prodreadycount {
	position: absolute;
    top: 10px; bottom: 0px; right: 40px;
    width: 20px;
    border: 0;
    background-color: rgb(246, 246, 246, 0.0) !important;
}

.changetableprodlist {
	width:100%;
	background-color: LightCyan;
	resize: none;
}

.usersums {
	border: solid black 3px;
	background-color: rgb(255, 232, 188);
}
.usersums td {
	border: solid black 1px;
	padding: 3px;
	text-align:right;
	vertical-align:bottom;
}