body		
{ 
	margin: 0px; 
	padding: 0px; 
	/*background: #000000; */
	font-family: verdana;
}

h1, h2, h3, h4, h5, h6
{
	text-align: center;
	padding: 5px;
	margin: 0;
}
#showManager{
    display:none;
 }
h1
{
	font-size: 22px;
	line-height: 25px;
}

h2
{
	font-size: 16px;
}

h3
{
	font-size: 14px;
}

h4, h5, h6
{
	font-size: 12px;
}

form, p, div, ul, li
{
	padding: 0;
	margin: 0;
}

ul, li
{
	list-style: none;
}

.ui-widget-header
{
	text-align: center;
 background-color: #2e3192;
}

img 
{
	border: 0;
}
select {
	height: 40px;
	width: calc(20% - 10px );
  font: 400 12px/1.3 "Helvetica Neue", sans-serif;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid hotpink;
  line-height: 1;
  outline: 0;
  color: #000;
  border-color: #000;
  padding: 0.65em 2.5em 0.55em 0.75em;
  border-radius: 3px;
  background: linear-gradient(black, black) no-repeat,
              linear-gradient(-135deg, rgba(255,255,255,0) 50%, white 50%) no-repeat,
              linear-gradient(-225deg, rgba(255,255,255,0) 50%, white 50%) no-repeat,
              linear-gradient(black, black) no-repeat;
background-color: white;
background-size: 1px 100%, 20px 28px, 17px 32px, 21px 60%;
background-position: right 20px center, right bottom, right bottom, right bottom;   
}
.menu
{
	padding:5px 0;
	height: 37px;
	margin-right: 0;
	text-align: center;
	background-color: #2e3192;
	color: #fff;
	}

#menu_button
{
	position: absolute;
	right: 10px;
	top: 10px;
}
#faktura
{
	float: right; 
	margin-right: 174px;
}

#add_new
{
	position: absolute;
	right: 70px;
	top: 10px;
}

.menu ul
{
	position: absolute;
	top: 55px;
	background: #2e3192 ;
	width: 400px;
	right: 0;
	z-index: 100;
	display: none;
}

.menu ul a
{
	display: block;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #FFF;
	cursor: pointer;
	color: #fff;
}

.menu ul a:hover
{
	background: #FEDC6C;
	color: #000;
}

.user
{
	font-size: 14px; 
	color: #FFF;
	position: absolute;
	left: 15px;
	top: 15px;
}

.user img
{
	vertical-align: middle;
}

.main  
{
	margin: 5px;  
	background: #FFFFFF;
	min-height: calc(100vh - 10px);
}

.customerContainer
{
	max-height: 400px; 
	overflow: auto;
}

.customerContainer ul
{
	border: 1px solid #000;
}

.customerContainer ul li a
{
	cursor: pointer;
	display: block;
	padding: 10px;
}
.leftt,
.rightt{
	width: 48%;
	padding: 0 1%;
}
.leftt{
	float: left;
}
.rightt{
	float: right;
}
.leftt table, 
.rightt table{
	width: 100%;
	border: 1px solid #AAAAAA;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 1.4;

}

.left,
.center,
.right
{
	width: 31%;
	padding: 0 1%;
}

.left
{
	float: left;
}

.right
{
	float: left;
}
.center{
	float:left;
}

.left table,
.right table,
.center table,
table.full
{
	width: 100%;
	border: 1px solid #AAAAAA;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 1.4;
}

table tr.odd td, 
table tr.odd th, 
li.odd,
.customerContainer ul li:nth-child(odd)
{
	background: #FDF9E1;
}

table tr.even td,
table tr.even th, 
li.even,
.customerContainer ul li:nth-child(even)
{
	background: #E2E2EE;
}

table tr.draft td
{
	background: #AAAAAA;
}

table tr.new.odd td
{
	background: #AAFFAA;
}

table tr.new.even td
{
	background: #99FF99;
}

table tr.expired.odd td,
table tr.canceled.odd td
{
	background: #FFAAAA;
}

table tr.expired.even td,
table tr.canceled.even td
{
	background: #FF9999;
}

table tr.highlight td,
.customerContainer ul li a:hover,
.customerContainer ul li a:active,
.customerContainer ul li a.focus
{
	background: #FEDC6A !important;
	cursor: pointer;
}

table tr th,
table tr td
{
	text-align: left;
	padding-left: 5px;
}

table tr td.zone
{
	width: 20px;
	border: 1px solid #FEDC6A;
	text-align: center;
	cursor: pointer;
}

table tr td.priceTD
{
	border: 1px solid #FEDC6A;
	text-align: center;
	padding: 0 0.53px;
	cursor: pointer;
	width: 6%;
}

table tr td.newPrice
{
	border: 2px solid #FEDC6A;
	padding: 0 0;
	text-decoration: underline;
}

table tr td.priceTD input
{
	width: 100%;
}

table tr td.selected
{
	background: #FEDC6A;
}

table tr td.quarter_name
{
	padding-right: 10px;
	text-align: right;
}

table tr.line
{
	background: #FDF9E1;
	border-bottom: 1px dashed #F7B54A;
}

table tr.line th
{
	width: 35%;
}

table.clientPriceTable
{
	margin: auto;
}

table.clientPriceTable tr td,
table.clientPriceTable tr th
{
	border: 1px solid #000000;
	padding: 2px 5px;
	font: 16px Verdana;	
}

table.clientPriceTable tr th
{
	font-weight: bolder;
	color: #FFFFFF;
	background: #000000;
}

table.printTable
{
	empty-cells: hide;
	border-collapse:collapse;
}

table.printTable tr td,
table.printTable tr th
{
	border: 1px solid #000000;
	padding: 2px 5px;
}

.changeStatusLink
{
	width: calc(100% - 50px);
}

input[type="text"],
input[type="password"],
textarea,
select option,
label.selective
{
	padding: 10px 5px;
	font-size: 14px;
	line-height: 20px;
	box-sizing: content-box;
}

label.selective
{
	display: inline-block;
}

label.selective:hover
{
	color: #FED346;
}

input.textbox,
textarea.textbox,
.line select
{
	width: calc(100% - 25px);
}

input.smalltext
{
	width: calc(75% - 25px);
}

input.number
{
	width: 14%;
}

input.price,
input.price1,
input.time
{
	width: 35%;
	min-width: 40px;
}

.invalid,
.invalid1
{
	background: #FF7777;
	color: #007700;
	font-weight: bold;
}

.invalid2
{
	border: 1px solid #FF0000;
}

input.blue {
	background: #DDDDFF;
}

li.half
{
	float: left;
	width: 50%;
	text-align: left;
}

input.requiredFlag,
select.requiredFlag,
textarea.requiredFlag
{
	border: 1px solid #F8A836;
}

span.requiredMark
{
	color: #F8A836;
	font-size: 14px;
	cursor: help;
}

.dialog
{
	display: none;
}

#changeStatus .ui-button
{
	display: block;
}

.red
{
	color: #EB5900;
}

img.phone
{
	height: 15px;
}
img.hurry
{
	height: 30px;
	float: left;
	padding-right: 2px;
}

img.small_hurry
{
	height: 20px;
	float: right;
}

form[name="login_form"] input[type="text"],
form[name="login_form"] input[type="password"]
{
	width: 200px;
}

#searchUser input
{
	width: 20%;
}

.filterForm
{
	margin: auto; 
	text-align: left; 
	/*max-width: 800px;*/
}

.filterForm .ui-button
/*.filterForm select[name="store_id"]*/
{
	width: calc(100% / 3 - 10px);
	padding-left: 0;
	padding-right: 0;
}

.filterForm .group2 input
{
	width: calc(20% - 24px);
	border-radius: 3px;
}

.filterForm .group3 input
{
	width: calc(100%/3 - 21px);
	border-radius: 3px;
}

input.checkButton
{
	display: none;
}

input.checkButton + label
{
	display: inline-block;
	font-size: 14px;
	padding-left: 40px;
	cursor: pointer;
	height: 29px;
}

input[type="checkbox"].checkButton + label
{
	background: url('../images/empty-box.png') center left no-repeat;
}

input[type="radio"].checkButton + label
{
	background: url('../images/empty-radio.png') center left no-repeat;
}

input[disabled="disabled"].checkButton + label
{
	background: url('../images/empty-radio-disabled.png') center left no-repeat;
	color: #C0C0C0;
}

input[type="checkbox"].checkButton:checked + label
{
	background: url('../images/small-check.png') center left no-repeat;
	font-weight: bold;
}

input[type="radio"].checkButton:checked + label
{
	background: url('../images/small-radio.png') center left no-repeat;
	font-weight: bold;
}


  
.roll {
	float: left;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	font-family: Courier;
}

#requestCount
{
	float: right; 
	padding-right: 5px;
}
.logo {
	text-align: center
}
.showFilter{
	display: none;
}

@media print
{
	body
	{
		background: #FFFFFF; 
	}

	.menu,
	.user,
	.noPrint,
	h1
	{
		display: none;
	}
	
	table tr td.selected
	{
		background: #000;
		color: #FFF;
	}
	
	.fullPrint
	{
		width: 90%;
	}
}

@media only screen and (max-width: 600px)
{
	#myTable .ui-widget-header

	{
		display: none;
	}
	#faktura
	{
		margin-top: 10px;
		float: none; 
		margin-right: 0;
	}
	h1
	{
		padding-right: 70px;
		text-align: right;
	}

	.menu ul
	{
		width: 100%;
	}
	
	.user
	{
		width: 70px;
	}
	
	.user img
	{
		display: none;
	}
	
	.left, 
	.right,
	.center,
	.leftt,
	.rightt
	{
		width: auto;
		float: none;
	}
	
	form[name="login_form"] .button,
	form[name="login_form"] table
	{
		width: 90%;
	}
	
	form[name="login_form"] td
	{
		display: block;
		text-align: center;
		font-size: 16px;
		padding: 0;
	}
	
	form[name="login_form"] input[type="text"],
	form[name="login_form"] input[type="password"]
	{
		width: calc(100% - 20px);
		padding: 12px 10px;
	}
	
	#requestCount
	{
		float: none;
		text-align: center;
		padding: 0;
	}
}

@media only screen and (max-width: 600px)
{
	h1
	{
		font-size: 18px;
		line-height: 18px;/*
		padding: 0 70px 0 80px;*/
		text-align: center;
	}
	select {
		height: 40px;
		width: calc(50% - 10px );
	}
	#requests tr.ui-widget-header
	{
		display: none;
	}
	
	table tr.line th,
	table tr.line td
	{
		display: block;
		width: auto;
		text-align: center;
		font-size: 16px;
	}
	
	table tr.line label.selective
	{
		display: block;
		text-align: left;
		padding-left: 70px;
	}
	
	.ui-widget-header .ui-button
	{
		display: block;
	}
	
	.ui-widget-header .pages .ui-button
	{
		display: inline-block;
	}
	
	#searchUser input
	{
		width: calc(100% - 24px);
		padding: 12px 1px;
		font-size: 16px;
	}
	.group2, .group3{
		display: inline;
	}
	.showFilter{
		visibility: visible;
	}
	.filterForm {
		display: none;
	}
	
	.filterForm .ui-button
	
	{
		width: calc(100% - 10px);
	}

	.filterForm .group2 input
	{
		width: calc(50% - 21px);
	}
	
	/*.filterForm .group2 input:first-of-type
	{
		width: calc(100% - 25px);
	}
*/
	.filterForm .group3 input
	{
		width: calc(50% - 21px);
	}
	
	#requests tr td
	{
		display: block;
		text-align: center;
	}
	
	#requests tr td br
	{
		display: none;
	}
	
	#requests tr td a
	{
		display: block;
		border: 1px solid orange;
	}
	
	#requests tr td .ui-button
	{
		margin: 10px 0;
		width: 90%;
	}
	
	img.hurry
	{
		float: none;
		padding-right: 0;
		vertical-align: middle;
	}
}