html {
	height: 100%;

}
.popup table{
	width: 100%;
}
.popup th{
	padding: 3px 5px;
	text-align: left;
}
.popup td{
	border: 1px solid #ccc;
	padding: 3px 5px;
}


body {
	position: relative;
	min-height: 100%;
	background: #efefef;
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
	min-width: 990px;
	width: 99%;
	margin: 7px auto;
	border: 1px solid #333;
	border-radius: 4px;
}
h1,h2,h3,h4,h5 {
	font-weight: normal;
	color: #333;
}
h2 {
	font-size: 20px;
	border-bottom: 1px solid #ccc;
}
h3 {
	font-size: 18px;
	border-bottom: 1px solid #ccc;
}
#header {
	background: #333 url(img/header_bg.png) repeat left top;
	color: #fff;
	position: relative;
	height: 50px;
}
#header h1 {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	padding: 10px 0 0 10px;
}
#header h1 img{
	margin-bottom: -7px;
}
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 190px;
	bottom: 9px;
}
#header li {
	display: block;
	margin: 0 3px;
	float: left;
}
#header .active a, #header a:hover {
	background: #333 url(img/menu_active.png) repeat left top;
}
#header li a {
	display: block;
	background: #333 url(img/menu_normal.png) repeat left top;
	color: #fff;
	border-radius: 8px;
	border: 1px solid #000;
	padding:  7px 15px 5px 15px;
}
a.logout {
	position: absolute;
	right: 20px;
	padding-left: 20px;
	bottom: 15px;
	color: #fff;
	background: url(img/logout.png) no-repeat left center;
}
a.logout:hover {
	background: none;
	background: url(img/logout.png) no-repeat left center !important;
	color:#c14646 ;
}
#login {
 	position: absolute;
	right: 0px;
	top: 50px;
	left: 0px;
	margin: auto;
	width: 190px;
}
#login input {
	display: block;
	margin: 3px 0;
	padding: 3px;
	background-color:  #fff;

}
#login input[type="submit"] {
	margin-left: 130px;
	cursor: pointer;
}
.styled, #content h2, form.padding {
	padding-left: 10px;
}

#content {
	min-width: 100px;
	width: 76%;
	float:left;
	background: url(img/content-bg.jpg) repeat left top;
	position: relative;
}
.error {
	color: #c14646 !important;
}
.consignment button, #content input[type="submit"], 
.styled button, .styled input[type="submit"], .consignment .editfirm {
	padding: 6px 15px;
	background-color: #91b837;
	cursor: pointer;
	border: 1px solid #5a7c0d;
	color: #fff;
	margin: 3px;
}
.editfirm {
	color: #fff !important;
	display: inline-block;
}
.consignment button:hover, #content .consignment input[type="submit"]:hover,
.styled button:hover, #content .styled input[type="submit"]:hover, .consignment .editfirm:hover {
	background-color: #8BDC1E
}
.consignment button:active, #content .consignment input[type="submit"]:active,
.styled button:active, #content .styled input[type="submit"]:active, .consignment .editfirm:active {
	margin-left: 0;
}
.consignment input, .styled input {
	padding: 4px;
	font-size: 14px;
	font-family: inherit;
	outline: none;
	border-color:#acacac;
}
.consignment label, .styled label {
	display: inline-block;
	padding: 4px 5px 4px 10px;
	margin-right:-4px;
	background-color: #e9e9e9;
	border: 1px solid #acacac;
	border-right:0;
	cursor: pointer;
	color: #272727;
	font-size: 14px;
	font-weight: normal;
	min-width: 125px
}
p{
	margin: 2px 0;
}
.consignment select, .styled select {
	padding: 3px 8px;
	background-color: #fff;
	width: 151px;
	font-size: 14px;
	font-family: inherit;
	border-color:#acacac;
	outline: none;
}


.hidden {
	display:none;
}
.autocomplete-area {
	position: relative;
}
.autocomplete-box{
	position: absolute;
	top: 21px;
	left: 0;
	height: 100px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #ccc;
	list-style: none;
	padding: 0;
	padding-bottom: 20px;
	margin:0;
	width: 181px;
	z-index: 999;
}
.autocomplete-box li {
	padding: 5px;
	cursor: pointer;
	color: black;
	font-family: Arial;
	font-size: 10pt;
}
.autocomplete-box li:hover, .autocomplete-box .active {
	background-color: #277bc2;
	color:#fff;
}
.close {
	position: absolute;
	top:130px;
	font-size: 10px;
	text-align: right;
	color: #277bc2;
	left:150px;
	z-index: 9999;
	cursor: pointer;
}
.close:hover {
	background: none;
	color: black;
}

.feedback, .carfeedback {
	color: #666;
	font-size: 12px;
}
.addfirm, .editfirm {
	font-size: 11px;
	padding: 3px;
}

.modal {
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index:9999;
}
.popup {
	position: absolute;
	margin:50px;
	left:0;
	padding:20px;
	right:0;
	width: 600px;
	background: url(img/content-bg.jpg) repeat left top;
}

.hiddens {
	width: 0px !important;
	display: none !important;
}
.unsaved {
	background-color: #ffcece !important;
}
.unsaved .kgrSorted, .office2010blueKGR .kgrAltRow .kgrSorted {
	background-color: inherit !important;
}

.consignment #grid_mt_c0_hd, .consignment #grid_mt_c0_flt {
	display: none;
}

#content .kgrTable input {
}

.consignment tr:hover, .consignment tr td:hover  {
	background-color: #efefef !important;
	cursor: pointer !important;
	color: #000;
}

#grid_mt_nr_insertform{
	background-color: #D5FBFB;
}

.closePopup {
	position: absolute;
	top:20px;
	right: 20px;
	cursor: pointer;
}
.closePopup:hover {
	color: red;
}


.look-mail, .print-mail, .sendmail, 
.toggleInputForm, .cancel-mail, .sendCurrentmail, 
.sendCheckedmail, .sendCMail, .sendChMail, 
.sendAMail {
	background-color: #F4FFB9;
	border: 1px solid #ccc;
	padding: 5px 10px !important;
	margin: 5px 3px !important;
	cursor: pointer;
}

.look-mail:hover, .print-mail:hover, .sendmail:hover, 
.sendCurrentmail:hover, .sendCheckedmail:hover, .cancel-mail:hover, 
.sendCMail:hover, .sendChMail:hover, .sendAMail:hover{
	background-color: #0CC363;
}
#header .colorrows a {
	background: #333 url(img/menu_active_green.png) repeat left top;

}
#header .notcolored a {
	background: #333 url(img/menu_active_red.png) repeat left top;
}


#aside {
	width: 205px;
	border-right: 1px solid #999;
	float:left;
	height: 100%;
	color: #272727;
	margin-bottom: -35px;
	background: url(img/menu-bg.jpg) repeat left top;
}
#aside ul {
	list-style: none;
	padding: 0;
	border-left: 1px solid #666;
	margin:10px;
}
#aside ul ul {
	margin: 0;
	margin-left: -5px;
}
#aside li ul {
	display:  none;
}
#aside li.active > ul {
	display: block;
}
#aside li.active ul  li.active  > ul{
	display: block;
}
#aside li {
	cursor: pointer;
	margin-left: -1px;
	background: url('img/L.png') no-repeat left top;
	padding: 6px 0 0 23px;
}

/*
.consignment-groups.active span {
	background-image: url('img/minua.png');
	color:#277BC2;
}
*/
#aside ul li li.withnodes, #aside ul li li li.withnodes,#aside ul li li li li.withnodes {
	background: url('img/plus.png') no-repeat left 10px !important;
	margin-left: -4px;
}
#aside ul li li > ul {
	border: none;
}
#aside ul ul ul ul {
	border-left: 1px solid #666;
}
#aside ul ul ul ul li {
	margin-left: -1px !important;
}
#aside ul li li.withnodes li {
	background: url('img/L.png') no-repeat left top !important;
	margin-left: -15px;
}

#aside ul li li li.withnodes {
	background: url('img/plus.png') no-repeat left 10px !important;
}

#aside ul li li.withnodes li {
	margin-left: -1px;
}
#aside li li a{
	text-transform: lowercase;
	font-size: 12px;
}
#aside li li a:hover{
	color:#2E688F;
	text-decoration: underline;

}

#aside ul ul li > ul {
	border-left: 1px solid #666;
}
#aside ul ul ul li.withnodes {
	margin-left: -5px;
}
#aside li li a:first-letter {
    text-transform: uppercase;
}


.consignment-groups span {
	background: url('img/plus.png') no-repeat left center;
	padding: 0px 0 0 30px;
	margin-left: -27px;
}
.consignment-groups.active span {
	background-image: url('img/minua.png');
	color:#277BC2;
}
#aside li li.active2 a,#aside li ul ul li.active > a, .current a {
	color:#277BC2;
}

.popup table {
	border-spacing: 0px;
	border-collapse: collapse;
} 
.popup table tr th {
	border: 1px solid #ccc;
}
.popup.mail {
	width: 900px;
}
.collapsed {
	display: none;
}
.toggleInputForm {
	margin: -5px 10px 5px 10px !important;
}


input:focus,textarea:focus,  select:focus {
	outline: 3px solid orange;
}


.income
, .productivity {
	margin-left: 15px;
}

.income span
, .productivity span {
color :red;
}

.cloneDistance .removetariff, 
.clone .removeCar, 
.cloneLocation .removelocation, 
.clone .removeCons   {
	display: none;
}

.removetariff,
.removeCar,
.removelocation,
.removeCons {
	background: red;
	width: 13px;
	height: 17px;
	content: "X";
	cursor: pointer;
	display: inline-block;
	padding: 3px 5px;
	border-radius: 3px;
	border: 1px solid black;
}



.emptyCell {
	background-color: #D80000 !important;
	color: #fff;
}

.alternative {
	border-collapse:collapse;
	width: 50%
}
.alternative th,.alternative td {
	border: 1px solid #ccc;
	padding: 3px;
	text-align: left;
}

.transportAmount {
	color: red;
	font-weight: bold;
}

.updateOnLeft input {
	width: 60px !important;
}



.vendorColumn,.distanceColumn {
	background-color: rgb(250, 169, 106);
}

a.button {

display: inline-block;
background: #333 url(img/menu_normal.png) repeat left top;
color: #fff;
border-radius: 8px;
border: 1px solid #000;
padding: 7px 15px 5px 15px;
margin: 16px;
}
a.button:hover {
	color: red;

}



a.clearButton {

font-size: 0.7em;
border-radius: 5px;
padding: 1px 11px 2px 10px;
background-size: 4px -52px;
margin-left: 30px;
display: inline-block;
margin-bottom: 6px;

background-color: #91b837;
cursor: pointer;
border: 1px solid #5a7c0d;
color: #fff;
}
a.clearButton:hover {
background: #8BDC1E;
}
.datefield {
	padding: 5px;
}
.textfield {
	padding: 7px;
}
.print {
	padding: 2px 14px;
	background-color: #91b837;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	border: 1px solid #5a7c0d;
	color: #fff;
}

@media print {
	#header {display: none;}
	#aside {display: none;}
	#content {width: 97%}
	.hiddenForPrint {display: none;}
	@page {size: A4 landscape;}
	form {display: none;}
	#ui-datepicker-div {display: none;}
	body {border: none; min-height: 0px !important; background: none; width: auto !important; background-image: none !important;}
	#content {min-height: 0px !important;}
	table.kgrTable {width: 100% !important; }
	body > div.group {background: none !important;}
	body,html{
		width: 90% !important;
		height:90% !important;
		margin-left: 6px;
	}
}