body, html {
	background: #DFDFDF;
	font: normal 11px Tahoma, Geneva, sans-serif;
	height: 100%;
	width: 100%;
}

body.no-bg {
	background: none;
}

#wrapper {
	height: 100%;
	text-align: center;
	width: 100%;
}

#header {
	background: #3490CF;
	height: 80px;
	margin-bottom:10px;
	text-align: center;
	width: 100%;
}

#header td.content {
	width: 100%;
}

#content h1 {
	color: #6D6D6D;
	margin: 0 auto;
	font: bold 15px/30px Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	width: 100%;
}

a#about {
	background: url(/img/about.png) center center no-repeat;
	float: left;
	height: 80px;
	text-indent: -10000px;
	width: 80px;
}

a#about.back {
	background: url(/img/back.png) center center no-repeat;
}

#logo {
	background: url(/img/logo.png) 90% 50% no-repeat;
	float: right;
	height: 80px;
	width: 290px;
}

a.logout {
	background: url(/img/remove-item.png) center center no-repeat;
	color: #FFA466;
	display: block;
	font: bold 22px/80px Arial, Helvetica, sans-serif;
	height: 80px;
	text-indent: -10000px;
	width: 100px;
}

#content {
	height: auto;
	width: 100%;
}

#content form input[type="text"], #content input[type="password"], #fancybox-content input[type="text"] {
	border: 1px solid #3490CF;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	font: bold 50px/60px Arial, Helvetica, sans-serif;
	margin: 5px 0;
	text-align: center;
	width: 100%;
}

#fancybox-content input[type="text"] {
	margin: 2px 0;
}

#fancybox-content input[type="text"]#q {
	margin: 5px 0 2px 0;
}

#content form input[type="text"]#q {
	float: left;
	margin: 5px 0 0 0;
}

#content form label.label {
	border: none;
	color: #fff;
	font: bold 26px/38px Arial, Helvetica, sans-serif;
	margin: 0 10px 0 0;
	vertical-align: top;
}

#content form div.fill {
	background: #000;
	margin: -5px 0 0 0;
	padding: 5px 0;
}

#content form div.fill.barcode {
	margin: 0;
}

#content form #barcode-system {
	display: inline-block;
}

#content form input[type="text"].verify {
/*	box-shadow: 0 0 5px 1px #FF1900;
	-moz-box-shadow: 0 0 5px 1px #FF1900;
	-webkit-box-shadow: 0 0 5px 1px #FF1900;*/
	border: 1px solid #FF1900;
}

#content form input[type="submit"], #fancybox-content td input[type="button"] {
	background: #427BAC;
	border: none;
border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
/*	box-shadow: 0 0 5px 1px #006699;
	-moz-box-shadow: 0 0 5px 1px #006699;
	-webkit-box-shadow: 0 0 5px 1px #006699;*/
	cursor: pointer;
	font: bold 30px/50px Arial, Helvetica, sans-serif;
	height: 50px;
	margin: 5px 0;
	padding: 5px;
	text-align: center;
	width: 90%;
}

#content form input[type="submit"]:hover {
	background: #2183D8;
}

/*buttons of main page-----------------------------------------------*/
#content a.button {
	background: #fff;
	border: 3px solid #3C94D4;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #333;
	display: block;
	height: 96px;
	font: bold 28px/96px Arial, Helvetica, sans-serif;
	color:#616161;
	margin: 0 auto 5px auto;
	text-align: left;
	width: auto;
}

#content a.finance {
	border: 3px solid #3C94D4;
}

#content a.button:hover {
	color: #0982DA;
}

#content a.button.customers span {
	background: url(/img/customers.png) left center no-repeat;
	display: block;
	height: 96px;
	padding: 0 0 0 110px;
}

#content a.button.suppliers span {
	background: url(/img/suppliers.png) left center no-repeat;
	display: block;
	height: 96px;
	padding: 0 0 0 110px;
}

#content a.button.warehouse span {
	background: url(/img/warehouse.png) left center no-repeat;
	display: block;
	height: 96px;
	padding: 0 0 0 110px;
}

#content a.button.new-order span {
	background: url(/img/new-order.png) left center no-repeat;
	display: block;
	height: 96px;
	padding: 0 0 0 110px;
}

#content a.button.new-inventory span {
	background: url(/img/inventory.png) left center no-repeat;
	display: block;
	height: 96px;
	padding: 0 0 0 110px;
}
#content a.button.finance span {
	color: #666;
	background: url(/img/reporting.png) left center no-repeat;
	display: block;
	height: 96px;
	padding: 0 0 0 110px;
}

#content a.finance:hover span {
	color: #FAA40F;
}

#header h1 {
	color: #fff;
	margin: 0 auto;
	font: normal 20px/20px Arial, Helvetica, sans-serif;
	width: 100%;
}

#content ul {
	margin: 1px 0 0 0;
}

#content ul li {
	background: #fff;
	border-bottom: 1px solid #ccc;
	display: block;
	font: normal 28px Arial, Helvetica, sans-serif;
	padding: 13px 5px;
	text-align: left;
	width: auto;
}

#content ul li.phone {
	background: #fff;
}

#content ul li a.phone {
	background: url(/img/call.png) center left no-repeat;
	display: block;
	float: left;
	height: 60px;
	margin: 0 15px 0 0;
	width: 60px;
}

#content ul li h3 a.show-details, #content ul li h3 a {
	color: #000;
	display: block;
	font: bold 40px/40px Arial, Helvetica, sans-serif;
}

#content ul li h2 {
	font: bold 22px/22px Arial, Helvetica, sans-serif;
}

#content ul li a.show-details.left {
	background: url(/img/finance.png) center left no-repeat;
	float: left;
	font: bold 11px/11px Tahoma, Geneva, sans-serif;
	height: 60px;
	margin: 0 15px 0 0;
	width: 60px;
}

#content ul li a.show-trn.left {
	background: url(/img/trn.png) center left no-repeat;
	float: left;
	font: bold 11px/11px Tahoma, Geneva, sans-serif;
	height: 60px;
	margin: 0 15px 0 0;
	width: 60px;
}

#content ul li span.tel, #content ul li span.afm {
	display: block;
	float: left;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	margin: 6px 10px 0 0;
}

#content ul li span.tel strong, #content ul li span.afm strong {
	font: bold italic 16px/20px Arial, Helvetica, sans-serif;
}

#content ul li span.tel a, #content ul li span.tel a:link, #content ul li span.tel a:visited {
	color: #1B4B63;
}

#content ul li div.details {
	display: none;
	margin: 10px 0 0 0;
}

#content ul li div.details h3 {
	font: bold 28px/28px Tahoma, Geneva, sans-serif;
	margin: 5px 0;
	padding: 0 0 0 5px;
}

#content ul li span.tel a:hover {
	color: #f00;
}

#content ul li ul {
	margin: 0;
}

#content ul li ul li {
	background: #447AA9;
	padding: 5px;
	color: #fff;
}

#content table, #fancybox-content table {
	margin: 3px 0 0 0;
	width: 100%;
}

#content table tr, #fancybox-content  table tr {
	padding: 5px;
}

#content table th {
	background: #447AA9;
	color: #fff;
	font: bold 28px/28px Tahoma, Geneva, sans-serif;
	padding: 5px;
	text-align: left;
	
}

#content table td, #fancybox-content table td {
	background: #fff;
	border-bottom: 0px solid #ccc;
	font: normal 28px Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: center;
	width: auto;
}

#fancybox-content table td {
	background: #000;
	color: #fff;
	font: bold 28px Arial, Helvetica, sans-serif;
	padding: 0 5px;
	text-align: right;
}

#fancybox-content table td.left {
	color: #ff1900;
	text-align: left;
}

#content table .holder, #fancybox-content table .holder {
	background: #DFDFDF;
	/*border-bottom: 1px solid #000;*/
	width: 75px;
}

#content table .left-holder, #fancybox-content table .left-holder {
	background: #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	padding: 5px 0;
	width: 5px;
}

#fancybox-content div.editable {
	background: #000;
	padding: 0 80px 0 0;
}

#content table td a.remove {
	background: url(/img/remove-item.png) top left no-repeat;
	display: block;
	height: 64px;
	margin: 0 auto;
	width: 64px;
}

#content table td a.edit {
	color: #000;
	display: block;
}
/*pinakas gia tis kataxwriseis se paraggelies apografes ktl*/
#content #request-table td {
	background: #DEDFDF; 
	border: none;
	padding: 0 5px 0 0;
}

#content #request-table td.customer {
	background:  url(/img/add_customer.png) center center no-repeat;
	height: 70px;
	width: 60px;
}

#content #request-table td.product {
	background:url(/img/add_item.png) center center no-repeat;
	height: 70px;
	width: 60px;
}

#content #request-table td.add_quantvalue {
	background:  url(/img/add_quant_line.png) center center no-repeat;
	height: 70px;
	width: 60px;
}

#content #request-table td.quantity {
	background:  url(/img/add_quant.png) center center no-repeat;
	height: 70px;
	width: 60px;
}

#content #request-table td a.clear-data {
	background: url(/img/clear.png) center right no-repeat;
	display: block;
	height: 64px;
	margin: 0 auto;
	width: 64px;
}

#content #request-table td.price {
	background:  url(/img/price.png) center center no-repeat;
	height: 70px;
	width: 60px;
}

#content #request-table td.holder {
	color: #fff;
	font: bold 18px Arial, Helvetica, sans-serif;
	height: 70px;
	width: 80px;
}

#content #request-table td input[type="text"] {
	margin: 0;
}

#content #request-table td input[type="button"] {
	background: url(/img/add_line.png) center center no-repeat;
	border: none;
	cursor: pointer;
	font: bold 30px/50px Arial, Helvetica, sans-serif;
	height: 70px;
	margin: 0;
	padding: 5px;
	text-align: center;
	text-indent: -10000px;
	width: 60px;
}

#content #request-table td input[type="button"].add {
	background: url(/img/add_quant_line.png) center center no-repeat;
	border: none;
	cursor: pointer;
	font: bold 30px/50px Arial, Helvetica, sans-serif;
	height: 70px;
	margin: 0;
	padding: 5px;
	text-align: center;
	text-indent: -10000px;
	width: 60px;
}

#content #request-table td input[type="button"].remove {
	background: url(/img/remove_quant_line.png) center center no-repeat;
	border: none;
	cursor: pointer;
	font: bold 30px/50px Arial, Helvetica, sans-serif;
	height: 70px;
	margin: 0;
	padding: 5px;
	text-align: center;
	text-indent: -10000px;
	width: 60px;
}

#content #request-table td input[type="submit"], #fancybox-content td input[type="button"] {
	background: #FF8E08 url(/img/save.png) 20px center no-repeat;
/*	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	height: 67px;
	padding: 5px 5px 5px 90px;
	width: 100%;
}

#content #request-table td input[type="submit"]:hover, #fancybox-content td input[type="button"]:hover {
	background: #FF8E08 url(/img/save.png) 20px center no-repeat;
	
}

#content #order-table td {
	font: bold 20px Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #3490CF;
}

#content #order-table td h5 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #898989;
}

#content #order-table th {
	font: bold 24px Arial, Helvetica, sans-serif;
	text-align: center;

}

#content #order-table th.right {
	text-align: right;
}

#fancybox-content #answer.success, #fancybox-content #answer.error {
	background:  url(/img/ok.png) 20px center no-repeat;
/*	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	color: #fff;
	font: normal 22px/22px Arial, Helvetica, sans-serif;
	height: auto;
	padding: 10px 20px 10px 100px;
	text-align: justify;
	width: auto;
}

#fancybox-content #answer.error {
	background: #555 url(/img/error.png) 20px center no-repeat;
}

#content #order-table th.left {
	color: #000;
	text-align: left;
}

#content #order-table tr.line th {
	border-bottom: 2px solid #DFDFDF;
}

#about-box {
	height: auto;
	margin: 0 auto;
	width: 100%;
}

#about-box h1 {
	background: url(/img/logo.png) center center no-repeat; 
	height: 64px;
	text-indent: -10000px;
	width: 100%;
}

about-box h2 {
	background: url(/img/logo.png) top center no-repeat; 
	height: 54px;
	width: 100%;
	color: #FFFFFF;
}

#about-box table {
	width: 100%;
}

#about-box table td {
	background: #2C84C0;
	color: #fff;
	font: normal 22px/22px Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 5px;
	width: 50%;
}

#about-box table td.line {
	background: #000;
	color: #447AA9;
	font: bold 20px/26px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

#about-box table td.right {
	font: bold 22px/22px Arial, Helvetica, sans-serif;
	color: #BFC0C1;
	text-align: right;
}

#about-box table td p.header {
	text-align: center;
}

#about-box table td p.text {
	color: #FFA466;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	padding: 10px 5px 5px 5px;
	text-align: justify;
}

#content form label {
	display: inline;
}

#content form .regular-checkbox {
	display: none;
}

#content form .regular-checkbox + label {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	display: inline-block;
	padding: 18px;
	position: relative;
}

#content form .regular-checkbox + label:active, #content form .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

#content form .regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

#content form .regular-checkbox:checked + label:after {
	color: #2183D8;
	content: '\2714';
	font: normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	left: 7px;
	position: absolute;
	top: 0px;
}

.clear {
	clear: both;
	display: block !important;
	height: 0px;
}

.hidden {
	display: none;
}

a, input[type="text"], input[type="button"] {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}