#navbar {
	/*background-color: #505050;*/
	background-color: #282840;
	font-size: 13px;
	line-height: 18px;
	padding: 10px 1in 10px 1in;
	/*border-bottom: 1px solid black;*/
}

#navbar #menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	/*margin-right: 1in;*/
}

#navbar #menu li {
	margin: 0;
	padding: 0;
	margin-right: 20px;
	display: inline;
}

#navbar #menu a {
	color: #D0D0D0;
}

#navbar #searchForm {
	display: inline;
}

#searchBox {
	font-size: 13px;
	padding: 2px 2px 2px 4px;
	margin: -2px;
	width: 20em;
}

#header {
	color: white;
	background-color: #282840;
	padding: 0.25in 1in 0.1in 1in;
	border: 0px;
	height: 60px;
	width: 100%;
}

#header a {
	color: #D0D0D8;
}

#content {
	padding: 20px 1in 20px 1in;
}

#headerRight {
	padding: 0px;
	height: 60px;
}

#userHeader {
	display: inline;
	white-space: nowrap;
	text-align: left;
	float: right;
}

#userHeaderLink {
	color: #F0F0F0;
}

#companyTitle {
	height: 60px;
}

#pageHeader {
	font-size: 32pt;
	font-weight: 200;
/* 	letter-spacing: 1pt; */
	/*height: 60px;*/
	line-height: 36pt;
	width: 99%;
	padding-left: 0px;
}

#pageHeaderDiv {
	margin: -3px;
}

#navigationButtonDiv {
	position: absolute;
	left: 38px;
	top: 53px;
	opacity: 0.5;
}

#navigationButtonDiv:hover {
	opacity: 1.0;
}

#footer {
	font-size: 8pt;
	padding-left: 1in;
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px #E0E0E0 solid;
	color: #B0B0B0;
}

.homeContent {
	display: table;
	text-rendering: optimizelegibility;
/* 	vertical-align: middle; */
}

.startList {
	/*display: table-cell;*/
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	/*width: 20%;*/
}

.startList li {
	font-size: 24pt;
	margin-top: 7px;
	/*text-align: center;*/
/* 	border-top: 1px gray solid; */
}

.startList li > .minor {
	font-size: 16pt;
}

.startList li > a {
	display: block;
 	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background: #333399; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #333399 0%, #3939ac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333399), color-stop(100%,#3939ac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #333399 0%,#3939ac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #333399 0%,#3939ac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #333399 0%,#3939ac 100%); /* IE10+ */
	background: linear-gradient(135deg,  #333399 0%,#3939ac 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#3939ac',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-decoration: none;
	font-weight: 300;
	letter-spacing: 1pt;
	border: 2px transparent solid;
	min-width: 5cm;
}

.startList li > a.minor {
	background: #F0F0F0;
	color: #808080;
}

.startList li > a.minor .statsValue {
	color: #303030;
}

.statsValue .alert {
	color: red;
}

.startList li > a.minor:hover {
	background-color: #F0F0F0;
	border-color: #A0A0A0;
}

.projectsGroup .startList li > a {
	min-width: 7.0cm;
}

.balanceGroup .startList li > a {
	min-width: 5cm;
}

.startList li a:hover {
	background: #333399;
	border: 2px #6666CC solid;
}

.startList li:first-child {
/* 	padding-top: 0px; */
	margin-top: 0px;
	border-top: none;
}

.startList li:first-letter {
/* 	font-weight: 500; */
/* 	font-size: 30pt; */
/* 	letter-spacing: 2px; */
}

.startGroup {
	float: left;
	margin-left: 20px;
}

.startGroup:first-child {
	margin-left: 0;
}

.startMenu {
	display: table-row;
}

.stats {
	clear: both;
	display: table-cell;
	/*display: table-cell;*/
	/*padding-top: 1cm;*/
 	vertical-align: top;
	/*width: 80%;*/
}

.statsPanel {
	padding-right: 2cm;
}

.statsTable {
	margin: 0;
 	width: 100%;
	display: table;
	font-size: 16pt;
	/*background-color: #F5F5F5;*/
	/*padding: 40px;*/
	/*padding-left: 60px;*/
	/*padding-right: 60px;*/
}

.statsTable .totalVolume {
	font-size: 18pt;
}

.statsTable .workingVolume {
	font-size: 24pt;
}

.statsTable .totalCredit > div {
	font-size: 16pt;
}


.statsRow {
	display: table-row;
	height: 60px;
}

.bigStatsRow {
	font-size: 24pt;
	line-height: 32pt;
}

.statsVar, .statsValue {
 	display: table-cell;
 	vertical-align: middle;
}

.statsVar {
	/*color: #606060;*/
}

.statsPanel .statsVar {
	color: #606060;
}

.statsValue {
	padding-left: 0.5em;
	/*font-weight: bold;*/
	text-align: left;
	/*color: white;*/
}

.statsValue:first-child {
	padding-left: 0;
}

.inline-stats {
	margin-top: 0.5cm;
	font-size: 11pt;
	display: table;
	color: #E0E0E0;
	letter-spacing: 0.5pt;
}

.inline-stats .statsValue {
	color: white;
}

.inline-stat {
	display: table-row;
	/*height: 0.8cm;*/
}

.inline-stat.workingVolume {
	font-size: 14pt;
}

.inline-stat.totalVolume {
	font-size: 12pt;
}

.inline-highlights {
	font-size: 9pt;
	margin-top: 0.5cm;
	color: #D0D0D0;
	letter-spacing: normal;
	line-height: 15pt;
}

.inline-highlight {
	margin-top: 5pt;
}

.inline-highlight:first-child {
	margin-top: 0;
}

.inline-highlight .projectName {
	color: #F0F0F0;
}

#loginForm table tr td {
	padding-bottom: 5pt;
}

#loginForm table tr td+td {
	padding-left: 20pt;
}

.error {
	color: red;
}

.popupMenu {
	position: absolute;
	display: none;
	padding: 10px 20px;
	margin-left: -20px;
	background: #FAFAFA;
	border: 1px solid grey;
	min-width: 7em;
	line-height: 3em;
}

.popupMenu a {
	text-decoration: none;
	font-size: 10pt;
	color: gray;
}

.popupMenu a:hover {
	color: black;
}

a {
	color: #333399;
}

input, textarea, select {
	font-size: 12pt;
	padding: 5pt;
	border: 1px solid gray;
}

input[type=submit], button {
	background: #333399;
	border: 0px;
	color: white;
	cursor: pointer;
	font-weight: normal;
	font-size: 12pt;
	padding: 5pt;
	margin: 0;
	min-width: 1in;
}

input[type=submit], button.green {
	background: green;
}

input.red {
	background: #D00000;
}

body {
/*     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/* 	font-family: Verdana, sans-serif; */
	font-size: 17px;
	line-height: 26px;
    padding: 0;
    margin: 0;
    background-color: white;
}

h1 h2 h3 h4 h5 h6 h7 {
	text-rendering: optimizelegibility;
}

h3, h2 {
	font-weight: normal;
}

#content h2:first-child {
	margin-top: 0;
}

#content h3:first-child {
	margin-top: 0;
}

#content table {
	/*width: 100%;*/
	border-spacing: 0px;
}

th {
	font-weight: normal;
}

table.contentTable {
	font-size: 11pt;
}

table.contentTable th {
	padding-top: 10pt;
	padding-right: 10pt;
	padding-bottom: 10pt;
	text-align: left;
	font-weight: normal;
	color: #0091EB;
}

table.contentTable td {
	padding-top: 10pt;
	padding-right: 10pt;
	padding-bottom: 10pt;
	text-align: left;
	/*font-weight: 300;*/
}

.formTable th {
	width: auto;
	min-width: 10em;
}

.formTable td {
	width: 100%;
}

#content table td,th {
	vertical-align: top;
}

.formTable th {
	width: auto;
	min-width: 10em;
}

.formTable td {
	width: 100%;
}

a.command {
	text-decoration: none;
	background: #333399;
	color: white;
	font-size: 12pt;
	padding-top: 5pt;
	padding-bottom: 5pt;
	padding-left: 5pt;
	padding-right: 5pt;
	line-height: 13pt;
	min-width: 1in;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

a.command.narrow {
	min-width: 0;
	padding-left: 10pt;
	padding-right: 10pt;
}

a.editIcon {
	background-image: url('/static/edit-icon.png');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
 	padding-left: 16px;
 	margin-right: 10px;
 	opacity: 0.5;
}

a.xlsx {
	background-image: url('/static/xl.png');
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center center;
 	display: inline-block;
 	position: relative;
 	margin-left: 1em;
 	top: 9px;
 	width: 32px;
 	height: 32px;
}

.hidingEditIcon {
	display: none;
}

a.editIconSmall {
	background-image: url('/static/edit-icon.png');
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
 	padding-left: 12px;
 	margin-right: 8px;
 	opacity: 0.5;
}

a.clockIcon {
	background-image: url('/static/clock.png');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
 	padding-left: 16px;
 	margin-right: 10px;
 	opacity: 0.3;
}

a.arrowUp {
	/*background-image: url('/static/arrow-up.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
 	padding-left: 20px;
	padding-top: 20px;*/
	text-decoration: none;
	color: black;
}

.editIcon img {
	width: 16px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a.activeIcon {
	opacity: 1.0;
}

td.editIcon {
	width: 1%;
}

#projectsTable {
	font-size: 11pt;
}

#projectsTable tbody td  {
/* 	background-color: #CCFFFF; */
	vertical-align: top;
}


.working-project, .new-order {
	background-color: #CCFFE6;
/* 	background-color: #66FF33; */
}

.delivered-order {
	color: #006000;
};

.delivered-order a {
	color: #0060C0;
}

.cancelled-order {
	color: #A0A0A0;
}

.progress-project {
	background-color: transparent;
/* 	background-color: #65B3FE; */
}

.cancelled-project {
	background-color: #FFD0D0;
}

#projectsTable tbody tr:hover {
	cursor: pointer;
}


span.changedField {
	text-decoration: line-through;
}

.project-code {
	font-size: 10pt;
	letter-spacing: 0pt;
	margin-left: 5px;
	margin-top: 5px;
	color: gray;
}

div.projectTable .historyRow {
	font-size: 10pt;
}

.new-project th {
	width: 1%;
}

.new-project textarea {
	width: 30em;
}

.new-project input[type="text"] {
	width: 30em;
}

#datesTable input {
	width: 7em;
}


td.historyCell {
}

table.contentTable .historyRow td {
	padding: 0;
}

table.contentTable .historyRow th {
	padding: 0;
}

.historyRow div.historyCell {
	display: table;
/* 	background-color: #F9F9F9; */
	padding-left: 0;
	padding-right: 30px;
}

.historyRow div.historyCell div.historyItem {
	display: table-row;
}

.historyRow div.historyCell div.historyItem.header {
	display: table-row;
	font-weight: bold;
}

.historyRow div.historyCell div.historyItem div {
	display: table-cell;
	border-bottom: 1px solid #D0D0D0;
}

.historyRow div.historyCell div.historyItemValue {
	padding-right: 3em;
	width: 100%;
}

.historyRow div.historyCell div.historyItemDate {
	font-size: 10pt;
	color: #505050;
	min-width: 8em;
}

.statusRow.origRow div.fieldValue {
	font-size: 20pt;
	color: #333399;
}

.applicationRow.origRow div.iconCell {
	/*padding-top: 30px;*/
	line-height: 26pt;
}

.applicationRow.origRow div.fieldHeader {
	/*padding-top: 30px;*/
	line-height: 26pt;
}

.applicationRow.origRow div.fieldValue {
	font-size: 16pt;
	line-height: 26pt;
}


.materialRow.origRow div.iconCell {
	/*line-height: 26pt;*/
}

.materialRow.origRow div.fieldHeader {
	/*line-height: 26pt;*/
}

.materialRow.origRow div.fieldValue {
	font-size: 16pt;
	/*line-height: 26pt;*/
}

.volumeRow.origRow div.fieldValue {
	font-size: 14pt;
}

.volumeRow input {
	width: 3em;
}

.molderRow.origRow div.iconCell {
	line-height: 24pt;
}

.molderRow.origRow div.fieldHeader {
	line-height: 24pt;
}

.molderRow.origRow div.fieldValue {
	font-size: 16pt;
	line-height: 24pt;
}

.oemRow.origRow div.iconCell {
	line-height: 24pt;
}

.oemRow.origRow div.fieldHeader {
	line-height: 24pt;
}

.oemRow.origRow div.fieldValue {
	font-size: 16pt;
	line-height: 24pt;
}

.applicationRow.origRow div.iconCell {
	/*padding-top: 20px;*/
}

.applicationRow.origRow div.fieldHeader {
	/*padding-top: 25px;*/
}

.applicationRow.origRow div.fieldValue {
	/*padding-top: 20px;*/
}

#id_event_date {
	width: 10em;
}

#id_input_data {
	width: 25em;
}

#id_volume {
	width: 3em;
}

.edit-project-panel {
	position: fixed;
	top: 2.2cm;
	left: 0;
	width: 2cm;
}

.edit-project-panel button {
	font-size: 10pt;
	min-width: 2cm;
}

div.projectTable {
	display: table;
	border-spacing: 0;
	width: 100%;
}

.fields-panel {
	padding: 1em;
	padding-top: 0;
}

.fields-panel .projectTable {
	margin-top: -20px;
}

div.projectTable > form {
	display: table-row-group;
}

div.projectTable > div {
	display: table-row;
}

div.projectTable > form > div {
	display: table-row;
}

div.projectTable > div > div {
	display: table-cell;
}

div.projectTable > form > div > div {
	display: table-cell;
}

div.projectTable .iconCell {
	width: 26px;
	vertical-align: top;
	padding-top: 10pt;
}

div.projectTable .origRow .fieldHeader {
	vertical-align: top;
}

div.projectTable .editRow .fieldHeader {
	vertical-align: top;
}

div.projectTable .fieldHeader {
	width: 8em;
	padding-top: 10pt;
	padding-bottom: 10pt;
	padding-right: 10pt;
	text-align: left;
	vertical-align: middle;
	/*font-weight: 200;*/
	color: #0091EB;
	font-size: 11pt;
}

div.projectTable .fieldValue {
	padding-top: 10pt;
	vertical-align: top;
}

div.projectTable input[type="text"] {
	width: 20em;
}

div.projectTable textarea {
	width: 20em;
}

div.projectTable .fieldValue {
	font-weight: normal;
}

div.projectTable .hiddenEditRow {
	display: none;
}

div.projectTable .editRow {
	background-color: #E0F3FF;
	border: 10px solid #E0F3FF;
}

.hiddenEditRow {
	display: none;
}

.editRow.origRow {
	text-decoration: line-through;
}

.attachmentRow.editRow.origRow {
	text-decoration: none;
}

#projectInfo {
}

#projectInfo th {
	padding-right: 3em;
}

#projectHistory {
	font-size: 10pt;
	line-height: 15pt;
	padding-left: 10px;
	/*padding-top: 10px;*/
	vertical-align: top;
	/*border-left: 1px dashed #65B3FE;*/
	/*border-left: 1px dashed #282840;*/
	width: 30%;
 	/*background-color: #F8F8F8; */
}

#projectHistory form {
	margin-bottom: 20pt;
}

#projectHistory form input[type="submit"] {
	font-size: 10pt;
	margin-top: 2pt;
}

#projectHistory form textarea#id_text {
	font-size: 10pt;
	width: 100%;
	height: 15px;
}

#projectHistory form textarea#id_text.focused {
	height: 60pt;
}

#projectHistory h2 {
 	font-weight: normal;
	font-size: 18pt;
}

#projectHistory h3 {
	margin-top: 0;
	font-weight: normal;
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 5pt;
	margin-bottom: 0;
}

#projectHistory td {
	padding-bottom: 1em;
	vertical-align: top;
}

.historyDay {
	margin-bottom: 10pt;
}

.fieldTitle {
/* 	color: #0091EB; */
	font-weight: bold;
}

.fieldValue {
/* 	color: #0091EB; */
	font-weight: bold;
}


span.date {
	color: #505050;
/* 	padding-right: 1em; */
}

#projectHistory span.date {
	font-size: 8pt;
}

#projectHistory .created_by {
	color: #A0A0A0;
	font-size: 8pt;
}

#projectHistory div.highlight {
	padding-bottom: 1em;
}

#projectHistory .highlight .highlight-details {
	/*display: none;*/
	color: gray;
}

#projectHistory .highlight .highlight-details p {
	margin: 0;
	padding: 0;
}

#projectHistory .highlight-header {
	display: table-row;
}

#projectHistory .highlight-header div {
	display: table-cell;
	width: 100%;
}

.showHLDetails {
	font-size: 8pt;
	display: table-cell;
	text-align: right;
}

.clear {
	clear: both;
}

.progress {
	/*display: table;*/
	/*border: 1px solid #65B3FE;*/
	/*border-top: 1px solid #D0D0D0;*/
	/*background-color: #F9F9F9;*/
	border-spacing: 0;
	font-size: 10pt;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-top: -21px;
}

.progress-panel {
	width: 6em;
}

.progress.cancelled-project {
	height: 20px;
	vertical-align: middle;
	text-align: center;
	background-color: #F0F0F0;
	color: red;
	border: 1px solid red;
	width: 70%;
}

.progress.working-project {
	height: 20px;
	vertical-align: middle;
	text-align: center;
	/*background-color: #65B3FE;*/
	/*background-color: #66FF33;*/
	color: green;
	border: 1px solid #CCFFE6;
	/*border: 1px solid #66FF33;*/
	width: 70%;
}

.progressRow {
	width: 100%;
	/*display: table-row;*/
}

.progressDate {
	font-size: 8pt;
}

.progressItem {
/* 	float: left; */
	min-width: 2.2cm;
	/*height: 20px;*/
	/*text-align: center;*/
	/*padding-left: 10px;*/
	/*display: table-cell;*/
	padding: 5px;
	padding-left: 10px;
	vertical-align: middle;
	border: none;
	margin: 0px;
/* 	color: #B3C6FF; */
	color: #D0D0D0;
	border-left: 2px solid #F0F0F0;
	border-right: 2px solid white;
}

.progress .currentItem {
	/*color: #333399;*/
	/*background-color: #66FF33;*/
	/*border-left-color: green;*/
	color: black;
	font-weight: bold;
}

.progress .editingItem, .editedItem {
/* 	background-color: #00FF00; */
/* 	background-color: #F0F0F0; */
	cursor: pointer;
}

.progress .editingItem:hover {
	/*background-color: #333399;*/
	/*color: white;*/
}

.completedItem {
	/*background-color: #65B3FE;*/
	/*background-color: #F8F8FF;*/
	/*color: #65B3FE;*/
	color: #0091EB;
	/*color: white;*/
	/*font-weight: bold;*/
	/*color: black;*/
	/*border-left-color: #65B3FE;*/
	border-left-color: #0091EB;
	/*border-left-color: #282840;*/
	/*border-right-color: #65B3FE;*/
}

.completedItem.working-project {
	border-left-color: white;
}

.completedItem:hover {
	/*color: white;*/
}

.progress .editedItem {
	background-color: #349CFE;
	color: white;
}

.progressDate  {
	color: #F0F0F0;
}

.progress .currentItem .progressDate {
	color: black;
}

h4 {
	margin: 0;
	margin-top: 0pt;
}

#pageFade {
	background: black;
	opacity: 0.5;
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

#editSave
{
	display: none;
}

#editInfo {
 	position: fixed;
/* 	left: 50%; */
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(240,240,240,0.9);
	z-index: 10;
	border-top: 1px solid black;
	padding-top: 10px;
	padding-bottom: 10px;
}

#editInfoInner {
	padding: 0px;
	display: none;
/* 	border: 1px solid black; */
}

#editInfoInner th {
	color: black;
}

textarea[name="event_input_data"] {
	width: 20em;
}

/*
#addEvent {
	position: fixed;
	left: 10px;
	bottom: 30px;
	width: 0.75in;
}

#addEvent img {
	width: 32px;
	margin-bottom: 5px;
}*/

#addEvent {
	width: 0.75in;
	margin-left: 1in;
}

#addEvent img {
	width: 24px;
	margin-bottom: 5px;
}

#highlights h2 {
	font-weight: 200;
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 5pt;
	margin-bottom: 0;
}

#highlights .highlight {
	padding-bottom: 20pt;
 	padding-top: 20pt;
	padding-left: 0;
	margin-left: 0;
 	/*border-top: 1px solid #D0D0D0; */
/* 	border-top: 1px solid #65B3FE; */
	/*border-top: 1px solid #9ACEFE;*/
 	vertical-align: top;
}

.highlight .highlightContentTable {
	display: table;
	/*width: 100%;*/
	/*margin-top: 10px;
	margin-bottom: 10px;*/
 	/*background-color: #F0F0F0;*/
 	/*border: 1px solid #D0D0D0;*/
 	/*color: white;*/
	/*width: 40em;*/
}

#highlights .highlight:first-child {
	border-top: none;
	padding-top: 0.2cm;
	padding-bottom: 0.2cm;
	margin-top: 0;
}

#highlights .highlight:hover {
	/*background-color: #F9F9F9;*/
}

.highlight .highlightIcon {
	display: table-cell;
	width: 50px;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 20px;
}

.highlight:first-child .highlightIcon {
	padding-top: 0;
}

.highlight .highlightIcon span {
	display: block;
	/*color: #65B3FE;*/
	text-align: center;
	font-size: 40pt;
	/*background: #404040;*/
	background-color: #282840;
	height: 40pt;
	width: 40pt;
	line-height: 40pt;
	color: white;
}

.highlight .highlightIcon span.cancelledIcon {
	/*color: red;*/
}

.highlight .highlightIcon span.startedIcon {
	font-size: 48pt;
	line-height: 30pt;
	background-color: blue;
	/*font-weight: bold;*/
	/*height: 48px;*/
	/*color: blue;*/
}

.highlight .highlightIcon span.progressIcon {
	background-color: green;
}

.highlight .highlightIcon span.statusIcon {
	background-color: #65B3FE;
}


.highlight .highlightContent {
	display: table-cell;
	vertical-align: top;
	margin-top: 0px;
}

#highlights .date {
	color: #808080;
	font-size: 9pt;
}

#highlights .created_by {
	color: #909090;
	font-size: 9pt;
}

#highlights .highlightHeader .projectName {
/* 	margin-right: 1em; */
	display: inline-block;
/* 	background: #F0F0F0; */
/* 	border: 1px solid transparent; */
/* 	border-radius: 5px; */
/* 	padding: 3px 10px 3px 10px; */
	font-size: 18pt;
}

#highlights .highlightHeader .projectName a {
	/*color: #349CFE;*/
}

#highlights .projectName.cancelled-project {
/* 	background-color: #66FF33; */
	background-color: transparent;
}


#highlights .projectName.working-project {
/* 	background-color: #66FF33; */
	background-color: transparent;
}


#highlights .projectName .progress-project {
	background-color: #65B3FE;
}

#highlights .projectName .progress-project a {
	color: white;
}

#highlights .highlightHeader {
	/*font-weight: 500;*/
 	margin-bottom: 3pt;
}

#highlights .highlightHeader .highlightSummary {
	/*font-weight: 500;*/
 	font-size: 18pt;
 	margin-top: 3pt;
 	margin-bottom: 6pt;
}

#highlights .highlightSubHeader {
	line-height: 12pt;
}

#highlights .highlightData {
/* 	padding-top: 10px; */
/* 	padding-left: 20px; */
/* 	margin-left: 8em; */
	/*font-weight: 300;*/
	font-size: 12pt;
	/*background: #F0F0F5;*/
	/*padding: 20px;*/
}

#highlights .highlightData .projectName {
	font-weight: normal;
}

#highlights .changedText {
	color: gray;
}

#highlights .inputData {
	font-size: 12pt;
	/*line-height: 14pt;*/
	margin-top: 5px;
	/*font-weight: normal;*/
}

.highlightFooter {
	font-size: 10pt;
}

.highlightFooter a {
	color: #909090;
}

#id_q {
	width: 35em;
}

.general-post-form input[type="submit"] {
	vertical-align: top;
}

.general-post-form #id_text {
	width: 25em;
	height: 20px;
	margin-right: 10px;
	vertical-align: top;
}

.general-post-form #id_text.focused {
	height: 100px;
}

.company-list {
	padding: 0;
	margin-top: 30px;
}

.company-list .company-title {
	padding-bottom: 10px;
	width: 15em;
	padding-right: 30px;
}

.company-list .company-account {
	padding-bottom: 10px;
	padding-right: 30px;
}

.company-list .company-timestamp {
	color: #A0A0A0;
	font-weight: 200;
}

.company-info p {
	margin: 0 0 0px 0;
}

.companyForm input[type="text"] {
	width: 25em;
}

.companyForm textarea {
	width: 25em;
}

.company-name-rus {
	font-size: 20pt;
	margin-bottom: 10px;
}

.company-application {
	margin-top: 5pt;
	margin-bottom: 10pt;
}

.highlighted {
	background: #E0F3FF;
}

.search-result {
	margin-bottom: 20px;
}

.search-result-info {
	font-size: 10pt;
}

.search-result-details {
	font-size: 10pt;
	color: gray;
}

.autocomplete-new-label {
	color: gray;
}

.filters-panel {
	font-size: 18pt;
	list-style: none;
	margin-bottom: 20pt;
	margin-left: 0;
	margin-top: 10pt;
	padding-left: 0;
}

.filters-panel.level2 {
	font-size: 14pt;
}

.filters-panel > li {
	display: inline;
	padding: 10px;
}

.filters-panel > li.active {
	background-color: #F0F0F0;
}

#header .filters-panel {
	display: inline;
	margin-left: 20pt;
	vertical-align: middle;
}

#header .filters-panel > li.active {
	color: black;
}

.table-sub-data {
	font-size: 10pt;
	color: #707070;
}

.table-sub-data a.command {
	font-size: 10pt;
	padding: 1pt;
}

.table-subsub-data {
	font-size: 8pt;
	color: #A0A0A0;
}

.comment {
	font-size: 10pt;
	padding-left: 1em;
	border-left: 1px solid gray;
}

.comment-text {
	display: inline;
	color: #404040;
}

.comment-author {
	display: inline;
	margin-left: 0.5em;
	color: #A0A0A0;
}

.project-summary-panel .fieldHeader {
	color: #0091EB;
}

.material-grade {
	font-weight: 200;
}

.late-order {
	color: #F00000;
}

.today-order {
	color: #FF9933;
}

table.contentTable td.business-type {
	font-size: 26pt;
	font-weight: 100;
	text-align: center;
}

.month-header {
	/*background-color: #F0F0F0;*/
	font-size: 20pt;
	line-height: 24pt;
}

.month-header-name {
	color: #606060;
}

table.contentTable .month-header-name-right {
	text-align: right;
}

.month-header-name .vat {
	font-size: 10pt;
	color: #A0A0A0;
}

.month-filters {
	display: table;
}

.month-filters > .filters-panel {
	display: table-row;
}

.month-filters > .filters-panel > li {
	display: table-cell;
	font-size: 14pt;
	padding: 6pt;
}

.contentTable .totalRow {
	font-size: 18pt;
}

.unavail-month {
	color: #909090;
	font-weight: 100;
}

.attachment-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.attachment-list > li {
	margin-top: 10pt;
}

.attachment-list > li:first-child {
	margin-top: 0;
}

.attention {
	color: #F0FF00;
}

#navbar #menu .count {
	background-color: #FF6060;
	padding: 4pt;
	color: white;
	text-decoration: none;
}

.order-client-info {
	line-height: 16pt;
}

.order-status-column > button {
	margin-bottom: 7pt;
}

.order-modal .orderMaterial {
	font-size: 18pt;
	margin-top: 5pt;
	margin-bottom: 5pt;
}

.order-modal form {
	margin-top: 1em;
	line-height: 30pt;
	width: 100%;
}

.order-modal .orderPreferredDeliveryDate {
	padding-left: 11pt;
}

.order-modal .orderCompany {
	color: #808080;
}

.order-modal label {
	color: #606060;
	vertical-align: top;
	min-width: 8em;
	display: inline-block;
}

.modal {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.modal textarea {
	width: 70%;
}

.modal > div {
	margin-top: 15%;
	padding: 20pt 25% 20pt 25%;
	background-color: #F6F6FF;
}

/* Overriding admin styles */
#content #result_list {
	width: 100%;
}

#content #result_list thead th {
	text-align: left;
	padding-top: 10pt;
	padding-right: 10pt;
	padding-bottom: 10pt;
	color: #0091EB;
}

#content #result_list thead th a {
	color: #0091EB;
}

#content #result_list tbody > tr > td {
	text-align: left;
	padding-top: 10pt;
	padding-right: 10pt;
	padding-bottom: 10pt;
}

#content #result_list tbody > tr > th {
	text-align: left;
	padding-top: 10pt;
	padding-right: 10pt;
	padding-bottom: 10pt;
}

#content fieldset {
	border: none;
	padding-left: 0;
}

#content .form-row {
	padding-top: 10pt;
	padding-bottom: 10pt;
	overflow: hidden;
}

#content .form-row.errors {
	/*background: #F0FFFF;*/
}


#content .aligned label {
	color: #0091EB;
	display: block;
	float: left;
	width: 12em;
}

#content .form-row a {
	text-decoration: none;
}

#content .form-row label.required {
	font-weight: bold;
}

#content .form-row input {
	width: 20em;
}

#content .errornote {
	color: red;
}

#content .form-row > div {
	width: auto;
}

#content .errorlist {
	list-style: none;
	/*line-height: 16pt;*/
	padding: 0;
	margin: 0;
}

#content .errorlist li {
	color: red;
}

.subheader-panel {
	background-color: #F6F6F6;
	padding: 0.1in 1in 0.1in 1in;
	border-bottom: 1px solid #D0D0D0;
	font-size: 11pt
}

.stats-total {
	font-size: 18pt;
}

.stats-year {
	font-size: 14pt;
}

.stats-quarter {
	font-size: 13pt;
}

tr.stats-quarter > td:first-child {
	padding-left: 5pt;
}

tr.stats- > td:first-child {
	padding-left: 10pt;
}

.nobr {
    white-space: nowrap;
}

.required {
	color: red;
}

.required-note {
	color: gray;
	font-size: 11pt;
}