body {
	padding: 0 !important;
	margin: 0 !important;
	font-family: 'Maven Pro', sans-serif;
}

th {
	white-space: normal !important;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #777777;
	text-align: left;
}

.displayNone {
	display: none;
}

.sendButton {
	display: block;
	font-size: 16pt
}

.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

.serverResponseLabelErrorSmall {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: red;
}

#closeButton {
	margin: 15px 6px 6px;
}

.placeCentre {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#menuDiv {
	width: 300px;
	float: left;
}

.selectedTreeNode {
	background-color: silver;
}

.gwt-Button {
	padding: 1px, 3px, 1px, 3px !important;
}

#page_loading_indicator {
	background: linear-gradient(to bottom, #79BBFF 0px, #378DE5 100%) repeat
		scroll 0 0 transparent;
	border-bottom: 1px solid #FFCF74;
	border-radius: 0 0 10px 10px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	left: 45%;
	margin-top: 0;
	padding: 4px 10px;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 0 #333333;
	top: -30px;
	width: 150px;
}

.global {
	color: #000000 !important;
	text-align: left;
	position: absolute;
	width: auto;
	height: auto;
	position: relative;
}

#h1 {
	text-align: center;
	font-size: 14px;
}

.buttons {
	float: right;
	padding: 5px;
}

.zebra ol li {
	background: #efefef;
	padding: 5px;
}

.zebra ol li:nth-child(odd) {
	background: #fff;
	padding: 5px;
}

ol.a {
	padding-bottom: 10px;
}

a#sort {
	text-decoration: none !important;
	color: #AEAEAE !important;
}

a:visited {
	text-decoration: none;
	color: #528ECC;
}

a:hover {
	text-decoration: underline;
}

@charset "UTF-8";
/* CSS Document */
.buttons {
	float: left;
}

.button_styling:DISABLED {
	background-color: #F2DB9E;
	border: 1px solid #F4D37C;
}

.button_styling:hover:ENABLED {
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5
		), color-stop(1, #79bbff));
	background: -moz-linear-gradient(center top, #378de5 5%, #79bbff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5',
		endColorstr='#79bbff');*/
	background-color: #f2af00;
}

.button_styling:active {
	position: relative;
	top: 1px;
}

.button_styling_black {
	-moz-box-shadow: inset 0px 1px 0px 0px #222222;
	-webkit-box-shadow: inset 0px 1px 0px 0px #222222;
	box-shadow: inset 0px 1px 0px 0px #222222;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #222222
		), color-stop(1, #222222));
	background: -moz-linear-gradient(center top, #222222 5%, #378de5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222',
		endColorstr='#378de5');
	background-color: #222222;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #84bbf3;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 8px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}

.gwt_rotate_points {
	transform: rotate(-50deg);
}

.button_styling_black:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #222222
		), color-stop(1, #222222));
	background: -moz-linear-gradient(center top, #222222 5%, #222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222',
		endColorstr='#222222');
	background-color: #222222;
}

.button_styling_black:active {
	position: relative;
	top: 1px;
}

.tile_small {
	width: 200px;
	height: inherit;
	border: solid thin #999;
	padding: 5px;
	line-height: 14px;
	font-size: 10px;
}

.tile_small_fcv {
	width: 300px;
	border: solid thin #999;
	padding: 2px;
	line-height: 14px;
	font-size: 10px;
	background-color: #E8E8E8;
}

.tile_wide {
	width: 400px;
	border: solid thin #999;
	padding: 2px;
	line-height: 14px;
	font-size: 10px;
	background-color: #E8E8E8;
}

.tile_folder {
	border: solid thin #999;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	background-color: #E8E8E8;
}

.tile_fcv {
	border-radius: 2px;
	margin-bottom: 12px;
}

.tile_fcv_right {
	border-radius: 2px;
	border: 1px solid #dcdcdc;
	margin-bottom: 12px;
}

.toppanel_fcv {
	background: #172031;
	height: 15px;
	padding: 5px 5px 5px 5px;
}

.toppanel_fcv_leftFolder {
	background: #162030;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.toppanel_fcv_right {
	background: #ebebeb;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
}

.categoryTileBlank {
	background: #162030;
	border-radius: 100px;
	width: 70px;
	height: 25px;
}

.folderExpand {
	background: #d67e31;
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
	width: 15px;
	height: 15px;
	border-radius: 100%;
}

.categoryExpand {
	background: #70b0ff;
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
	width: 15px;
	height: 15px;
	border-radius: 100%;
}

.folderExpandText {
	font-family: Roboto;
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 0;
	text-align: center;
	line-height: 15px;
	vertical-align: middle;
}

.partTileBlank {
	background: #202c42;
	border-radius: 100px;
	width: 70px;
	height: 24px;
}

.scheduleIcon {
	background-image: url(images/scheduleSkyBlue.png);
	background-repeat: no-repeat;
	margin-left: 6px;
	height: 16px;
	width: 14px;
}

.emptyDiv {
	width: 10px;
	height: 28px;
	float: left;
}

.categoryTile {
	background: #d67e31;
	border-radius: 100px;
	width: 70px;
	height: 24px;
	position: relative;
	top: 12px;
	left: -2px;
	line-height: 24px;
	vertical-align: middle;
}

.partTile {
	background: #70b0ff;
	border-radius: 100px;
	width: 50px;
	height: 24px;
	position: relative;
	top: 6px;
	left: -2px;
	line-height: 24px;
	vertical-align: middle;
}

.categoryTileFont {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0;
	text-align: center;
}

.toppanel_fcv_category {
	background: #ebebeb;
	padding-left: 5px;
	padding-right: 5px;
	height: 29px;
}

.toppanel_fcv_part {
	background: #ebebeb;
	padding-left: 5px;
	padding-right: 5px;
	height: 28px;
}

.toppanel_fcv_categoryLeft {
	background: #202c42;
	padding-left: 5px;
	padding-right: 5px;
	height: 28px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	border-top: 1px solid rgba(255, 255, 255, .2);
}

.toppanel_fcv_categoryLeftEmpty {
	background: #202c42;
}

.categoryBorder {
	border-left: 2px solid #d67e31;
}

.partBorder {
	opacity: 0.8;
	border-left: 2px solid rgba(112, 176, 255, 0.8);
}

.toppanel_fcv_partLeft {
	background: #283952;
	padding-left: 5px;
	padding-right: 5px;
	height: 27px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	border-top: 1px solid rgba(255, 255, 255, .2);
}

.toppanel_fcv_partLeftEmpty {
	background: #283952;
}

.tile_circuit {
	width: 205px;
	border: solid thin #999;
	padding: 8px;
	line-height: 14px;
}

.tile_circuit_large {
	height: 112px !important;
}

.tile_area {
	width: 180px;
	height: 60px;
	border: solid thin #999;
	padding: 2px;
	line-height: 14px;
}

.tile_expanded {
	width: 275px;
	height: 100px;
	border: solid thin #999;
	padding: 5px;
	background-color: #EFEFEF;
	line-height: 18px;
}

.tile_expanded_maintenance {
	width: 230px;
	height: 100px;
	border: solid thin #999;
	padding: 5px;
	background-color: #EFEFEF;
	line-height: 18px;
}

.tile_font_small {
	font-size: 9px;
	color: #AEAEAE;
}

.tile_font_small_fcv {
	opacity: 0.4;
	font-family: Roboto;
	font-style: italic;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 10px;
	text-align: left;
}

.tile_font_white {
	color: #FFFFFF;
}

.checkbox {
	float: right;
}

.checkbox-left {
	margin-left: -4px;
}

.qty table td {
	font-size: 11px !important;
	text-align: center;
	padding: 0 5px;
}

.qtyButton table td {
	font-size: 11px !important;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.qty {
	font-size: 11px !important;
}

.fcvqty {
	background-color: #ffffff;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.fcvqtyPartLeft {
	background-color: #283952;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.fcvqtyCategoryLeft {
	background-color: #202c42;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.fcvqtyLeft {
	background: #162030;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
}

.fcvText {
	color: #646464;
	font-family: Roboto;
	font-size: 11px;
	padding-right: 15px;
	text-align: left;
}

.fcvLabel {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
	line-height: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.fcvLabelRight {
	opacity: 0.8;
	color: #646464;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	text-align: right;
	padding-right: 10px;
	white-space: nowrap;
}

.fcvProgressLabel {
	height: 30px;
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 30px;
	margin-left: -4px;
	text-align: left;
}

.fcvProgressLabelFolder {
	opacity: 0.4;
	font-family: Roboto;
	font-style: italic;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 10px;
	text-align: left;
	margin-left: -4px;
}

.fcvProgressLabelRight {
	height: 30px;
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 30px;
	text-align: left;
}

.fcvCircuitLabel {
	height: 30px;
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 30px;
	vertical-align: middle;
}

.fcvCircuitLabelPadding {
	height: 30px;
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 40px;
}

.grayqty {
	font-size: 11px !important;
	background-color: #D0D0D0;
}

.borderPanel {
	border: 1px solid;
	border-color: #8E8E8E;
}

.grayDate {
	background-color: #8E8E8E;
}

.blueqty {
	font-size: 11px !important;
	background-color: #51D4E8;
}

.orangeqty {
	font-size: 11px !important;
	background-color: #E4A04F;
}

.greenqty {
	font-size: 11px !important;
	background-color: #A6E550;
}

.part_custom_name {
	font-size: 11px;
}

.blackqty {
	font-size: 11px !important;
	background-color: #393939;
	color: #FFFFFF;
}

.circle {
	width: 12px;
	height: 12px;
	background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.square {
	width: 10px;
	height: 10px;
	background: blue;
}

.triangle-up {
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 14px solid green;
}

.hide {
	display: none;
}

.show {
	display: auto;
}

.show2 {
	display: inline;
}

.grayStatus {
	background-color: #EFEFEF;
}

.grayStatusTile {
	background-color: #E8E8E8;
}

.blueStatus {
	background-color: #b4e7ff;
}

.blueStatusTile {
	background-color: #58EEFF;
}

.orangeStatusTile {
	background-color: #FFB258;
}

.greenStatusTile {
	background-color: #BAFF57;
}

.yellowStatus {
	background-color: #f7eb62;
}

.orangeStatus {
	background-color: #FF9900;
}

.purpleStatus {
	background-color: #BF5FFF;
}

.pinkStatus {
	background-color: #ff69b4;
}

.greenStatus {
	background-color: #bbe094;
}

.redStatus {
	background-color: #E61D1D;
	color: gray;
}

.darkGreenStatus {
	background-color: #0C4712;
	color: white;
}

.circuitDefaultStatus {
	background-color: #222222;
}

.partPivotTile {
	background-color: #222222;
}

.billableSymbol {
	font-size: 18px;
	float: right;
}

.pointer {
	cursor: pointer;
}

.pointertiles {
	cursor: pointer;
	color: #ffba04;
}

.pointertiles:link {
	color: #ffba04;
}

.pointertiles:visited {
	color: #ffba04;
}

.pointertiles:hover {
	cursor: pointer;
	color: #ffba04;
}

.pointertiles:active {
	color: #ffba04;
}

.pointertilesYellow {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesYellow:link {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesYellow:visited {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesYellow:hover {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesYellow:active {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesWhiteFCV {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCV:link {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCV:visited {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCV:hover {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCV:active {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCVPart {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPart:link {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPart:visited {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPart:hover {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPart:active {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.emptycategory {
	background: #ebebeb;
	height: 29px;
}

.emptypart {
	background: #ebebeb;
	height: 28px;
}

.pointertilesBrown {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBrown:link {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBrown:visited {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBrown:hover {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBrown:active {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBlue {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBlue:link {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBlue:visited {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBlue:hover {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBlue:active {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesWhite {
	cursor: pointer;
	color: #FFFFFF;
}

.pointertilesWhite:link {
	color: #FFFFFF;
}

.pointertilesWhite:visited {
	color: #FFFFFF;
}

.pointertilesWhite:hover {
	cursor: pointer;
	color: #FFFFFF;
}

.pointertilesWhite:active {
	color: #FFFFFF;
}

.pointertilesBlack {
	cursor: pointer;
	color: #222222;
}

.pointertilesBlack {
	color: #222222;
}

.pointertilesBlack:visited {
	color: #222222;
}

.pointertilesBlack:hover {
	cursor: pointer;
	color: #222222;
}

.pointertilesBlack:active {
	color: #222222;
}

.pointertilesNonBlack {
	cursor: pointer;
	color: #222222;
	text-decoration: underline;
	font-weight: bold;
}

.pointertilesNonBlack:link {
	color: #222222;
	text-decoration: underline;
}

.pointertilesNonBlack:visited {
	color: #222222;
	text-decoration: underline;
}

.pointertilesNonBlack:hover {
	cursor: pointer;
	color: #222222;
	text-decoration: underline;
}

.pointertilesNonBlack:active {
	color: #222222;
	text-decoration: underline;
}

.menuSelected {
	background-color: lightgray;
}

#loginBody {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	font-size: 13px;
	line-height: 20px;
	min-width: 998px;
	/* background:url(/images/BG.jpg) repeat;*/
}

.buttonOrder {
	height: 20px;
}

.FlexTable-MaterialRow {
	background-color: #222222;
	text-align: leftt;
	color: #FFFFFF;
}

.FlexTable-MaterialRow {
	background-color: #222222;
	text-align: leftt;
	color: #FFFFFF;
}

.FlexTable-MaterialRow td {
	border: 1px solid white;
}

.FlexTableCosting-headerRow {
	background-color: #8E8E8E;
	text-align: left;
}

.FlexTableCosting-headerRow td {
	border: 1px solid white;
}

.FlexTable-PartRow {
	background-color: #FFE599;
	text-align: right;
	font-style: italic;
}

.FlexTable-CategoryRow {
	background-color: #C6EFCE;
	text-align: center;
}

.FlexTable-FolderRow {
	background-color: #DDEBF7;
	text-align: left;
	font-weight: bold;
}

.FlexTable-Cell {
	color: red;
}

.divRedSmall {
	font-size: 9px;
	color: red;
}

.divRed {
	color: red;
}

.PricingTable-LegendBlue {
	background-color: #ffff00;
}

.PricingTable-LegendGreen {
	background-color: #00B050;
}

.FlexTable-Cell:link {
	color: red !important;
}

.FlexTable-Cell:visited {
	color: red !important;
}

.FlexTable-Cell:active {
	color: red !important;
}

.FlexTable-Cell:hover {
	color: red !important;
}

.label-bold {
	font-weight: bold;
}

.columnHeader {
	white-space: nowrap;
	vertical-align: bottom;
	text-align: center;
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}

.columnHeader Button {
	height: 27px;
	width: 10px
}

.gwt-MenuBar-vertical {
	background-color: #222222 !important;
	width: 160px !important;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
	padding: 0px 0px !important;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
	border-top: 2px solid #1B1B1B !important;
	height: 0px !important;
}

.gwt-MenuBar .gwt-MenuItem {
	color: #AEAEAE !important;
	padding: 7px 0px 7px 12px !important;
	font-family: 'Maven Pro', sans-serif !important;
}

.gwt-MenuBar-vertical .gwt-MenuItem-selected, .gwt-MenuBar-vertical .gwt-MenuItem-selected-perm
	{
	background-color: #1B1B1B !important;
	color: #FAB319 !important;
}

span.logo>img {
	width: 10%;
	height: 62.5%;
}

span.logonew>img {
	width: 150px;
	height: 100%;
	position: relative;
	left: -15px;
}

div#bodyDiv>table>tbody>tr>td>table>tbody>tr>td:FIRST-CHILD {
	background-color: #222222;
}

div#bodyDiv>table>tbody>tr>td>table>tbody>tr>td:LAST-CHILD {
	background-color: #E8E8E8;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridOddRow {
	background-color: #E8E8E8 !important;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridEvenRow {
	background-color: #FFF !important;
}

/*
.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridKeyboardSelectedRow {
	background: #ffba04 !important;
}*/
.selectedRow {
	background: #ffba04 !important;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridWidget {
	font-family: 'Maven Pro', sans-serif !important;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridOddRowCell,
	.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridEvenRowCell
	{
	border: 1px solid #CCC !important;
	color: #404040 !important;
	font-family: 'Maven Pro', sans-serif !important;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridOddRowCell:first-child,
	.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridEvenRowCell:first-child
	{
	border-left-width: 0px;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridHeader {
	background-color: #222222 !important;
	border: 1px solid #CCC !important;
	vertical-align: top;
	font-family: 'Maven Pro', sans-serif !important;
	color: #AEAEAE !important;
	text-shadow: none !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	border-radius: 0px 0px 0px 0px !important;
	margin-left: -5px !important;
	padding: 8px 15px 6px 15px !important;
	margin-right: 10px !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
	background-color: #E8E8E8 !important;
}

.gwt-TabLayoutPanel {
	margin: 5px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	padding: 0px !important;
	background-color: #FFF !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
	border: 0px !important;
}

.main-panel {
	background: #E8E8E8;
}

.login-as {
	font-weight: bold;
	color: #FAB319;
	font-family: 'Maven Pro', sans-serif;
}

.login-user {
	font-weight: bold;
	color: #FAB319;
	font-family: 'Maven Pro', sans-serif;
}

.login-user-panel {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	border-left: 1px solid #e6e6e6;
}

.menu-icon {
	height: 46px;
	width: 46px;
	background-color: #222222;
	background-image: url('images/menu-icon.png');
	background-repeat: no-repeat;
}

.search-icon {
	height: 24px;
	width: 24px;
	background-color: #FCD517;
	background-image: url('images/magnify.png');
	background-repeat: no-repeat;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}

.reset-icon {
	height: 24px;
	width: 24px;
	background-color: #FCD517;
	background-image: url('images/sync.png');
	background-repeat: no-repeat;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}

.filter-icon {
	height: 24px;
	width: 24px;
	background-color: #FCD517;
	background-image: url('images/filterfunnel.png');
	background-repeat: no-repeat;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}

.gwt-PopupPanel.login-popup {
	border: 0px none #FFF !important;
	padding: 0px !important;
	background: none !important;
	width: 100%;
	height: 46px;
}

.gwt-CheckBox {
	font-family: 'Maven Pro', sans-serif !important;
}

.gwt-Label {
	font-family: 'Maven Pro', sans-serif !important;
}

.gwt-ListBox {
	padding: 5px 4px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
}

table.popup-flexTable {
	padding: 10px 20px;
	text-align: left;
}

table.popup-flexTable td {
	vertical-align: top;
	padding: 3px 10px;
	padding-bottom: 0px;
}

table.unpadded-child td {
	padding: 0px;
}

.gwt-PopupPanel {
	border: none !important;
	padding: 0px !important;
}

.popup-header {
	width: 100%;
	border-bottom: 1px solid #E8E8E8;
	background: #ffba04;
	text-align: center;
}

.popup-header-title {
	font-size: 24px;
	font-weight: bolder;
	padding: 7px;
	color: #FFF;
}

.button-panel {
	padding: 5px;
}

/* Give all children 5px margin */
.button-panel>* {
	margin: 5px;
}

/* except the button :) */
.button-panel>button {
	margin: 0px 3px;
}

.bottom-button-panel {
	border-top: 2px solid #E8E8E8;
	text-align: left;
	margin-top: 5px;
	text-align: center;
}

.bottom-button-panel-left {
	border-top: 2px solid #E8E8E8;
	text-align: left;
	padding: 5px;
}

.filter-pane {
	margin: 10px;
	border: 1px solid #E8E8E8;
}

.filter-header {
	padding: 15px;
	background: #E8E8E8;
	color: #4b4a4a;
	font-weight: bold;
	font-family: 'Maven Pro', sans-serif;
}

.filter-reset-button {
	padding: 6px;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableHeader {
	padding: 0px !important;
	border: none !important;
}

.selectedRowCellTable {
	background: #ffba04 !important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableOddRow {
	background: #f3f3f3 !important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableEvenRow {
	background: #FFF !important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableEvenRowCell,
	.com-google-gwt-user-cellview-client-CellTable-Style-cellTableOddRowCell
	{
	border: none !important;
	font-family: 'Maven Pro', sans-serif !important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableCell {
	padding: 7px !important;
}

/*
.com-google-gwt-user-cellview-client-CellTable-Style-cellTableKeyboardSelectedRow {
	background: #ffba04 !important;
}*/
.detail-pane {
	padding: 10px;
	font-family: 'Maven Pro', sans-serif;
}

.detail-pane>h2 {
	margin: 0px;
}

.detail-list {
	list-style: none;
	padding: 0px;
}

.detail-list>li {
	padding: 6px 0px;
	border-bottom: 1px solid #EAEAEA;
}

.list_column_header {
	background: #222222;
	padding: 12px 6px !important;
	color: #AEAEAE !important;
	text-shadow: none !important;
}

.bold-label {
	font-family: 'Maven Pro', sans-serif !important;
	font-weight: bold;
}

.gwt-RadioButton {
	font-family: 'Maven Pro', sans-serif !important;
}

.group-component {
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
}

.sub-header {
	margin: 6px 0px;
	padding: 12px 8px;
	background-color: #E8E8E8;
	vertical-align: middle;
}

table.sub-header td {
	vertical-align: middle !important;
}

.costing-table {
	border: 2px solid #E8E8E8;
}

.costing-table-cell {
	font-family: 'Maven Pro', sans-serif;
	border: 1px solid white;
	padding: 4px 8px;
}

.costing-table-header {
	background-color: #222222;
	color: #AEAEAE;
}

.comparison-table td {
	font-family: 'Maven Pro', sans-serif;
	border: 1px solid #E8E8E8;
	padding: 4px 8px;
}

.comparison-table-header {
	background-color: #222222;
	color: #AEAEAE;
}

.comparison-tablenew {
	border: 1px solid #E8E8E8;
}

.comparison-tablenew td {
	font-family: 'Maven Pro', sans-serif;
	padding: 4px 8px;
}

.comparison-tablenew-header {
	background-color: #222222;
	color: #AEAEAE;
}

.horizontalPanelSpacing {
	margin-left: -5px;
}

.filter-popup {
	padding: 2px !important;
	border: 2px solid #E8E8E8 !important;
	background-color: #F6F6F6 !important;
}

.filter-popup-info {
	padding: 2px !important;
	border: 2px solid #E8E8E8 !important;
	background-color: #000;
}

.permission-group-component {
	margin-bottom: 10px;
}

.list-border {
	border-right: 3px solid #E8E8E8;
}

.grid-table-wrap-columns {
	word-wrap: break-word;
}

.date-cell {
	padding: 3px 4px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
}

.AnalyzePopup {
	background-color: #E0E6EB;
	border: 2px solid #A3B1F5;
}

tr.AnalyzeTreeHeader {
	background-color: #F0E6DB;
	font-weight: bold;
}

.red-textbox {
	background-color: #FF6666;
	height: 21px;
}

.regular-textbox {
	height: 21px;
}

.homeWidget {
	background: #E3E6EB;
	background-color: #E3E6EB;
	padding-left: 10px;
	font-family: "Roboto-Bold";
}

.homeButtonUnSelected {
	width: 100px;
	height: 44px;
	border: 1px solid #AAADAD;
	border-radius: 100px;
	background-color: #E3E7EB;
	color: #787A7A;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}

.homeButtonSelected {
	width: 100px;
	height: 44px;
	border-radius: 100px;
	background-color: #2C89E6;
	border: 1px solid #AAADAD;
	color: #F5F9FB;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	text-align: center;
	box-shadow: 3px 8px 20px 0 rgba(0, 0, 0, 0.25);
}

}
.maintile {
	height: 88px;
	width: 1170px;
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.mainTileSelected {
	opacity: 0.85;
	border-radius: 2px;
	background-color: #143F6A;
}

.totaltile {
	height: 150px;
	width: 1170px;
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 29px;
	overflow: hidden;
}

.totalHeading {
	padding-left: 15px;
	height: 100%;
}

.totalHeadingSelected {
	padding-left: 15px;
	height: 100%;
	opacity: 0.85;
	border-radius: 2px;
	background-color: #143F6A;
}

.totalHeadingLabel {
	color: #6593BC;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 500;
	height: 84%;
	width: 100%;
	padding-top: 6px;
}

.totalHeadingLabelSelected {
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 500;
	height: 84%;
	width: 100%;
	padding-top: 6px;
}

table.totalTable td {
	border: 1px solid #E3E7EB;
	table-layout: fixed;
}

table.totalTable {
	table-layout: fixed;
}

table.tileTable td {
	border: 1px solid #E3E7EB;
	table-layout: fixed;
}

table.tileTable {
	table-layout: fixed;
}

.totalText {
	padding-left: 15%;
	height: 100%;
}

.totalTextSelected {
	padding-left: 15%;
	height: 100%;
	opacity: 0.85;
	background-color: #143F6A;
}

.divRadioButton {
	opacity: 0.75;
	font-family: Roboto;
	padding-top: 8px;
	padding-left: 10px;
	height: 100%;
}

.radioButtonProject {
	color: #2C89E6;
}

.radioButtonMaintenance {
	color: #CF7B27;
}

.radioButtonGodown {
	color: green;
}

.totalTextMain {
	height: 20px;
	opacity: 0.75;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 20px;
	line-height: 20px;
	padding-top: 36px;
}

.totalTextMainSelected {
	height: 20px;
	opacity: 0.75;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 20px;
	line-height: 20px;
	padding-top: 36px;
}

.totalTextMainWithHeader {
	height: 20px;
	opacity: 0.75;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 20px;
	line-height: 20px;
}

.totalTextMainWithHeaderSelected {
	height: 20px;
	opacity: 0.75;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 20px;
	line-height: 20px;
}

.totalTextHeading {
	height: 28px;
	color: #226CB5;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
	padding-top: 8px;
}

.totalTextHeadingSelected {
	height: 28px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
	padding-top: 8px;
}

.totalTextMainFaded {
	height: 14px;
	opacity: 0.55;
	color: #424242;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	padding-top: 8px;
}

.totalTextMainFadedSelected {
	height: 14px;
	opacity: 0.55;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	padding-top: 8px;
}

.checkmark {
	display: inline-block;
	width: 10px;
	height: 10px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.checkmark_stem {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: green;
	left: 3px;
	top: 6px;
}

.checkmark_kick {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: green;
	left: 0px;
	top: 14px;
}

.checkmark_stem_green {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: green;
	left: 3px;
	top: 1px;
}

.checkmark_kick_green {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: green;
	left: 0px;
	top: 9px;
}

.checkmark_stem_red {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: red;
	left: 3px;
	top: 1px;
}

.checkmark_kick_red {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: red;
	left: 0px;
	top: 9px;
}

.checkmark_stem_yellow {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: #FCD517;
	left: 3px;
	top: 1px;
}

.checkmark_kick_yellow {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #FCD517;
	left: 0px;
	top: 9px;
}

.checkmarkPending {
	display: inline-block;
	width: 12px;
	height: 12px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.checkmark_stemPending {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: green;
	left: 7px;
	top: 0px;
}

.checkmark_kickPending {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: green;
	left: 4px;
	top: 8px;
}

.headertile {
	width: 1170px;
	height: 65px;
	border: 1px solid #DCDFE0;
	background-color: #F5F9FB;
	font-family: Roboto;
}

.headerText {
	color: #423F35;
	line-height: 20px;
	font-size: 20px;
}

.headerTitle {
	color: #143F6A;
	line-height: 14px;
	font-size: 12px;
}

.headerSubTitle {
	color: #423F35;
	line-height: 14px;
	font-size: 12px;
}

.headerValue1 {
	color: #CF2727;
	line-height: 14px;
	font-size: 12px;
}

.headerValue2 {
	color: #BF7224;
	line-height: 14px;
	font-size: 12px;
}

.FlexTable-HomeScreenRow {
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.tileTextMainFirst {
	height: 14px;
	opacity: 0.8;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	margin-left: 8px;
}

.tileTextMain {
	height: 14px;
	opacity: 0.8;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	margin-left: 15%;
}

.tileTextMainSelected {
	height: 14px;
	opacity: 0.8;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	margin-left: 15%;
}

.tileTextFaded {
	height: 14px;
	opacity: 0.65;
	color: #424242;
	font-family: Roboto;
	font-size: 12px;
	line-height: 14px;
	margin-left: 15%;
}

.tileTextFadedSelected {
	height: 14px;
	opacity: 0.65;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	line-height: 14px;
	margin-left: 15%;
}

.totalComplete {
	padding-top: 3px;
}

.totalCompleteWOHeader {
	padding-top: 40px;
}

.homeScroll {
	overflow-y: scroll;
	overflow-x: hidden;
}

.FlexTable-HomeScreenHeader td {
	opacity: 0.55;
	font-family: Roboto-Bold;
	font-size: 12px;
	color: #423f35;
	line-height: 16px;
}

.markerText {
	height: 12px;
	width: 12px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	text-align: center;
}

.projectTile {
	height: 20px;
	width: 25px;
	opacity: 0.5;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	background-color: #2C89E6;
	padding-top: 6px;
	padding-left: 4px;
}

.maintenanceTile {
	height: 20px;
	width: 25px;
	opacity: 0.5;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	background-color: #CF7B27;
	padding-top: 6px;
	padding-left: 4px;
}

.godownTile {
	height: 20px;
	width: 25px;
	opacity: 0.5;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	padding-top: 6px;
	background-color: green;
	padding-left: 4px;
}

.spanTitle {
	opacity: 0.5;
}

.pendingIndentTile {
	background: #ffffff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.20);
	border-radius: 6px;
	width: 210px;
	height: 220px;
}

.totalElement {
	background: #ffffff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.20);
	border-radius: 6px;
	height: 220px;
	padding: 24px 24px 24px 24px;
}

.numberPurple {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #7a0427;
	line-height: 32px;
	text-align: left;
}

.numberPurpleSmall {
	font-family: Roboto-Medium;
	font-size: 24px;
	color: #7a0427;
	line-height: 32px;
	text-align: left;
}

.textPurple {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 12px;
	color: #953652;
	line-height: 14px;
}

.numberGreen {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #047b57;
	line-height: 32px;
	text-align: left;
}

.numberGreenSmall {
	font-family: Roboto-Medium;
	font-size: 24px;
	color: #047b57;
	line-height: 32px;
	text-align: left;
}

.textGreen {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 12px;
	color: #047b57;
	line-height: 14px;
}

.numberMustard {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #795604;
	line-height: 32px;
	text-align: left;
}

.textMustard {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 12px;
	color: #947836;
	line-height: 14px;
}

.numberBlue {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #0588a8;
	line-height: 32px;
	text-align: left;
}

.textBlue {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 12px;
	color: #0588a8;
	line-height: 14px;
}

.divPendingApproval {
	opacity: 0.1;
	background: #000000;
	border-radius: 100px;
	width: 125px;
	height: 5px;
	z-index: 0;
}

.divPendingIndents {
	background: #953652;
	border-radius: 100px;
	height: 5px;
	z-index: 10;
}

.divPendingChallans {
	background: #37ba93;
	border-radius: 100px;
	height: 5px;
	z-index: 10;
}

.divPendingWO {
	background: #947836;
	border-radius: 100px;
	height: 5px;
	z-index: 10;
}

.divPendingPO {
	background: #37a0b9;
	border-radius: 100px;
	height: 5px;
	z-index: 10;
}

.divIndentsPendingOrder {
	background: #08e7a4;
	border-radius: 100px;
	width: 8px;
	height: 80px;
	z-index: 0;
}

.divItemsPendingOrder {
	background: #e6084b;
	border-radius: 100px;
	width: 8px;
	height: 80px;
	z-index: 10;
	margin-top: -5px;
}

.pendingIndentsNumber {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #047b57;
	line-height: 32px;
	text-align: left;
}

.pendingItemsNumber {
	font-family: Roboto-Medium;
	font-size: 24px;
	color: #047b57;
	line-height: 32px;
	text-align: left;
}

.pendingOrderText {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 14px;
	color: #047b57;
	line-height: 14px;
	text-align: left;
}

.homeScreenHP {
	margin-bottom: -12px;
}

.labelBold {
	font-weight: bold;
}

.comment-name-label {
	font-family: 'Maven Pro', sans-serif !important;
	font-weight: bold;
	color: blue;
}

.comment-text-label {
	font-family: 'Maven Pro', sans-serif !important;
	color: black;
	word-wrap: break-word;
}

.comment-time-label {
	font-family: 'Maven Pro', sans-serif !important;
	font-size: 10px;
	color: black;
	word-wrap: break-word;
}

.comments-textarea {
	border: 2px solid #765942;
	border-radius: 6px;
}

.panel-section-even {
	background-color: #E8E8E8;
	border: 2px solid #5c5c5c !important;
	border-radius: 10px;
}

.panel-section-odd {
	background-color: #FFFFFF;
	border: 2px solid #5c5c5c !important;
	border-radius: 10px;
}

.comments-outer-card {
	background-color: #008000;
	border: 2px solid #5c5c5c !important;
	border-radius: 10px;
}

.comments-inner-card {
	background-color: #E8E8E8;
	border: 1px solid #5c5c5c !important;
	border-radius: 5px;
}

.comments-outer-card-reply {
	background: transparent
}

.comments-menu-button {
	border: none;
	background: transparent;
}

.comments-reply-anchor {
	font-family: 'Maven Pro', sans-serif !important;
	text-decoration: none !important;
	color: black !important;
}

.comments-reply-popup {
	padding: 2px !important;
	border: 2px solid #D0D0D0 !important;
	background-color: #E8E8E8 !important;
	vertical-align: top;
	font-family: 'Maven Pro', sans-serif !important;
	border-radius: 2px;
	text-shadow: none !important;
}

.projectListWidget {
	background: #E3E6EB;
	background-color: #E3E6EB;
	font-family: "Roboto-Bold";
}

.plwHeaderTile {
	width: 99%;
	height: 65px;
	font-family: Roboto;
}

.plwHeaderFirstRow {
	height: 1%;
	color: #5E686A;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
}

.plwHeaderSecondRow {
	height: 0.83%;
	color: #647C7C;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
}

.projectListTile {
	width: 100%;
	height: 65px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
}

.projectListTileNew {
	width: 100%;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
}

.projectListTileExpanded {
	width: 100%;
	font-family: Roboto;
	box-shadow: 1px 2px 24px 0 rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.projectListTileHover {
	width: 100%;
	height: 65px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F7F6F4;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.projectListTileNewHover {
	width: 100%;
	height: 65px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F7F6F4;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.projectListHoverCorner {
	height: 110%;
	width: 4px;
	background-color: #1F535D;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	margin-left: -2px;
}

.projectListHoverText {
	color: #1F535D;
	font-family: Roboto;
}

.projectGraphRow {
	height: 229px;
}

.projectTitleRow {
	height: 61px;
}

.projectMenuTable {
	table-layout: auto;
}

.projectMenuTableOuter {
	border: 1px solid #E6E6E6;
	background-color: #F5F5F5;
	margin-left: -2px;
}

.pointerMenu {
	color: #1F535D;
	text-decoration: none;
	font-family: Roboto;
	font-size: 14px;
}

.pointerMenu:hover {
	color: #1F535D;
	text-decoration: none;
	font-family: Roboto;
	font-size: 14px;
}

.pointerMenuDisabled {
	color: #1F535D;
	text-decoration: none;
	font-family: Roboto;
	font-size: 14px;
	cursor: auto;
}

.pointerMenuDisabled:hover {
	color: #1F535D;
	text-decoration: none;
	font-family: Roboto;
	font-size: 14px;
	cursor: auto;
}

.projectMenuCell {
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.projectMenuDisabledCell {
	opacity: 0.25;
	color: #000000;
	font-family: Roboto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.projectMenuBlankCell {
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

.projectMenuCell:hover {
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	border-bottom: 2px solid;
}

.projectMenuCellSelected {
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	border-bottom: 2px solid;
}

.projectFilterTable {
	table-layout: auto;
}

.projectFilterTableNumberSpan {
	font-family: Roboto;
	font-size: 24px;
	font-weight: 300;
}

.projectFilterTableStatusSpan {
	font-family: Roboto;
	font-size: 14px;
}

.pointerFilterTable {
	text-decoration: none;
	color: #444345;
	cursor: pointer;
}

.pointerFilterTable:hover {
	text-decoration: none;
	font-weight: bold;
	color: #8F7918;
	cursor: pointer;
}

.pointerFilterTableSelected {
	text-decoration: none;
	font-weight: bold;
	color: #8F7918;
	cursor: pointer;
}

.pointerFilterTableSelected:hover {
	text-decoration: none;
	font-weight: bold;
	color: #8F7918;
	cursor: pointer;
}

.projectFilterTableCell {
	padding-left: 0px;
	padding-right: 50px;
	padding-bottom: 5px;
	border-bottom: 4px solid #FFFFFF;
}

.projectFilterTableCellHover {
	padding-left: 0px;
	padding-right: 50px;
	padding-bottom: 5px;
	border-bottom: 4px solid #8F7918;
}

.projectFilterTableCellSelected {
	padding-left: 0px;
	padding-right: 50px;
	padding-bottom: 5px;
	border-bottom: 4px solid #8F7918;
	font-weight: bold;
}

.myprojects {
	height: 2.99%;
	border: 1px solid #EBEAE8;
	border-radius: 2px;
	background-color: #F0EFED;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05);
	color: #5C5C5B;
	font-family: Roboto;
	font-size: 12px;
}

.button_styling_new {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.button_styling_new:disabled {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
	opacity: 0.50;
}

.button_styling_new_wide {
	height: 36px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.button_styling_new_wide:disabled {
	height: 36px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
	opacity: 0.50;
}

.button_styling_new_small {
	height: 32px;
	width: 80px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.toppanel {
	background-color: #FFFFFF;
}

.projectNameLabel {
	color: #1F535D;
	font-family: Roboto;
	font-size: 24px;
	font-weight: 500;
	margin-right: 10px;
}

.financeDisabledCell {
	opacity: 0.25;
	color: #000000;
	font-family: Roboto;
	font-size: 14px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 30px;
	text-decoration: none;
	border-bottom: 2px solid #E8E8E8;
	cursor: default;
}

.pointerProjectTabManager {
	text-decoration: none;
	cursor: pointer;
	opacity: 0.75;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
}

.pointerProjectTabManager:hover {
	text-decoration: none;
	cursor: pointer;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
}

.pointerProjectTabManagerDisabled {
	text-decoration: none;
	opacity: 0.25;
	color: red;
	font-family: Roboto;
	font-size: 14px;
	text-align: left;
}

.pointerProjectTabManagerDisabled:hover {
	text-decoration: none;
	opacity: 0.25;
	color: red;
	font-family: Roboto;
	font-size: 14px;
	text-align: left;
}

.pointerProjectTabManagerSelected {
	text-decoration: none;
	cursor: pointer;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
}

.pointerProjectTabManagerSelected:hover {
	text-decoration: none;
	cursor: pointer;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
}

.projectTabManagerCell {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 4px solid #FFFFFF;
}

.projectTabManagerCellHover {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 4px solid #1F535D;
}

.projectTabManagerCellSelected {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 4px solid #1F535D;
	font-weight: bold;
}

.projectManagaMentTabManagerCell {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 2px solid #E8E8E8;
}

.projectManagaMentTabManagerCellHover {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 2px solid #1F535D;
}

.projectManagaMentTabManagerCellSelected {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 2px solid #1F535D;
	font-weight: bold;
}

.orderText {
	height: 12px;
	width: 120px;
	opacity: 0.75;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	color: #806C16;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 55px;
	margin-right: -50px;
}

.orderTotal {
	height: 166px;
	width: 20px;
	background-color: #CCAD23;
}

.orderCompleted {
	width: 20px;
	background-color: #E1D991;
}

.orderTotalNo {
	color: #665C30;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
}

.orderTotalValue {
	opacity: 0.3;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
}

.zeroTotal {
	height: 166px;
	width: 20px;
	background-color: rgba(204, 173, 35, 0.15);
}

.challanOutText {
	height: 12px;
	width: 120px;
	opacity: 0.75;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	color: #990909;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 55px;
	margin-right: -50px;
}

.challanOutTotal {
	height: 166px;
	width: 20px;
	background-color: #990909;
}

.challanOutCompleted {
	width: 20px;
	background-color: #C5AFB0;
}

.challanOutTotalNo {
	color: #990909;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
}

.challanOutTotalValue {
	opacity: 0.3;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
}

.saveLogo {
	height: 16px;
	width: 16px;
	opacity: 0.5;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.editProjectLogo {
	height: 16px;
	width: 16px;
	opacity: 0.5;
	background-image: url("images/edit.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.editIndentLogo {
	height: 16px;
	width: 16px;
	opacity: 0.5;
	background-image: url("images/pencil.png");
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.infoIconLogo {
	height: 16px;
	width: 16px;
	opacity: 0.5;
	background-image: url("images/information.png");
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.editIndentText {
	color: #ffba04;
}

.deleteProjectLogo {
	height: 16px;
	width: 14px;
	opacity: 0.5;
	background-image: url("images/delete.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.buttonTabManger {
	height: 40px;
	width: 140px;
	border: 1px solid #E6E6E6;
	opacity: 0.4;
	border-radius: 2px;
	background-color: #FFFFFF;
	cursor: pointer;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
}

.buttonTabMangerSelected {
	height: 40px;
	width: 140px;
	border-radius: 2px;
	background-color: #FFFFFF;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.05);
}

.projectHeaderPanel {
	border: 1px solid #EBEAE8;
	background-color: #FFFEFC;
}

.contentPanel {
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.fPnlContainer {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.fPnlContainerGray {
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	background-color: #E8E8E8;
}

.divFinanceStyleHover {
	height: 30px;
	width: 50px;
	border: 1px solid #EBE9E8;
	border-radius: 4px;
	background-color: #F7F6F5;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	text-align: left;
}

.divFinanceStyle {
	height: 30px;
	width: 50px;
	text-align: left;
	vertical-align: middle;
}

.divFinanceStyleHoverSingle {
	height: 30px;
	width: 50px;
	border: 1px solid #EBE9E8;
	border-radius: 4px;
	background-color: #F7F6F5;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
}

.divFinanceStyleSingle {
	height: 30px;
	width: 50px;
	text-align: left;
	vertical-align: middle;
	line-height: 30px;
	vertical-align: middle;
}

.divFinance {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.divFinanceHover {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #eeeeee;
	cursor: pointer;
}

.divFinStyleHoverSingle {
	height: 20px;
	border: 1px solid #EBE9E8;
	border-radius: 4px;
	background-color: #F7F6F5;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	text-align: left;
	line-height: 20px;
	vertical-align: middle;
}

.divFinStyleSingle {
	height: 20px;
	text-align: left;
	vertical-align: middle;
	line-height: 20px;
	vertical-align: middle;
}

.pointerFinance {
	color: #1B1B1B;
	font-family: Roboto;
	text-decoration: none;
	cursor: pointer;
}

.pointerFinance:hover {
	text-decoration: none;
	cursor: pointer;
	color: #B3971E;
	font-family: Roboto;
	font-weight: bold;
}

.filterHeader {
	height: 1%;
	color: #5E686A;
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

.nonFilterHeader {
	color: #5E686A;
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: middle;
}

.filterHeader:hover {
	height: 1%;
	color: #5E686A;
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

.filterAnchor {
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.filterAnchorImage {
	height: 8px;
	width: 12px;
	background-image: url("images/filter.png");
	background-repeat: no-repeat;
	background-size: 12px 8px;
}

.arrowUpImage {
	height: 14px;
	width: 14px;
	background-image: url("images/arrowUp.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
}

.arrowDownImage {
	height: 14px;
	width: 14px;
	background-image: url("images/arrowDown.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
}

.filterAnchorSelectedImage {
	opacity: 0.75;
	background: #695d32;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-image: url("images/filtervariant.png");
	background-repeat: no-repeat;
	background-size: 12px 8px;
	background-position: center;
}

.filterRefresh {
	width: 16px;
	height: 16px;
	background-image: url("images/filterrefresh.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
	color: red;
}

.filterApply {
	width: 16px;
	height: 16px;
	background-image: url("images/apply.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
	color: red;
}

.hPanelTop {
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%
}

.filterPopup {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.07);
	border-radius: 2px;
	width: 188px;
}

.filterPopupSmall {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.07);
	border-radius: 2px;
}

.filterBy {
	font-family: Roboto-Bold;
	font-size: 10px;
	color: #695d32;
	line-height: 12px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
	text-align: left;
}

.txtSearch {
	background: #f5f5f5;
	width: 178px;
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	text-align: left;
	margin-bottom: 20px;
}

.txtSearchMultiple {
	background: #f5f5f5;
	width: 154px;
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	text-align: left;
	margin-bottom: 20px;
}

input[type="checkbox"].css-checkbox {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #dcdcdc;
	width: 16px;
	height: 16px;
	position: relative;
}

input[type="checkbox"].css-checkbox:checked {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #dcdcdc;
	width: 16px;
	height: 16px;
	position: relative;
}

input[type="checkbox"].css-checkbox:checked:after {
	content: url("images/cbselected.png");
	position: absolute;
	left: 15%;
	top: 1.875%;
}

input[type="checkbox"].css-checkboxPending {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #1f535d;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxPending:checked {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #1f535d;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxPending:checked:after {
	content: url("images/cbselectedgreen.png");
	position: absolute;
	left: 2px;
	top: -4px;
	outline: 0;
}

input[type="checkbox"].css-checkboxPending:focus {
	outline: 0;
}

input[type="checkbox"].css-checkboxNew {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #8C7500;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxNew:checked {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #8C7500;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxNew:checked:after {
	content: url("images/cbselectedNew.png");
	position: absolute;
	left: 2px;
	top: -4px;
	outline: 0;
}

input[type="checkbox"].css-checkboxNew:focus {
	outline: 0;
}

input[type=checkbox][disabled].css-checkboxNew {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #CCCCCC;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxConstructionary {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #333333;
	width: 12px;
	height: 12px;
	position: relative;
	top: 2px;
	outline: 0;
}

input[type="checkbox"].css-checkboxConstructionary:checked {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #8C7500;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxConstructionary:checked:after {
	content: url("images/cbselectedNew.png");
	position: absolute;
	left: 2px;
	top: -4px;
	outline: 0;
}

input[type="checkbox"].css-checkboxConstructionary:focus {
	outline: 0;
}

input[type=checkbox][disabled].css-checkboxConstructionary {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #CCCCCC;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
	opacity: 0.25;
}

.constructionaryCheckBoxLabel {
	padding-left: 5px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.constructionaryCheckBoxLabelSelected {
	padding-left: 14px;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #735F06;
}

.constructionaryCheckBoxLabelDisabled {
	padding-left: 14px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #333230;
	opacity: 0.25;
}

.filterCBText {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.filterTable {
	padding-left: 10px
}

.divTeam1 {
	border: 2px solid #ffffff;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #E3E6EB;
	position: relative;
	font-family: Roboto;
	font-size: 10px;
	color: #5E686A;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

.divTeam2 {
	border: 2px solid #ffffff;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #E3E6EB;
	margin-left: -12px;
	position: relative;
	font-family: Roboto;
	font-size: 10px;
	color: #5E686A;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

.divTeam3 {
	border: 2px solid #ffffff;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #E3E6EB;
	margin-left: -12px;
	position: relative;
	font-family: Roboto;
	font-size: 10px;
	color: #5E686A;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

.teamWidgetRowName {
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
	margin-left: 12px;
}

.teamWidgetRowHeaderName {
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #444345;
	text-align: right;
}

.teamWidgetRowRole {
	opacity: 0.35;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #1b1b1b;
	line-height: 10px;
	text-align: left;
	margin-left: 12px;
}

.teamWidgetRowTable {
	border-bottom: 1px solid #e0e0e0;
	width: 200px;
	height: 43px;
}

.teamWidgetRowHeaderTable {
	width: 130px;
	height: 100%;
}

.divPerson {
	border: 2px solid #ffffff;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	background-color: #E3E6EB;
	position: relative;
	font-family: Roboto;
	font-size: 10px;
	color: #5E686A;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
}

.teamWidgetAddPanel {
	opacity: 0.75;
	background: #e0e0e0;
	width: 100%;
	height: 38px;
}

.teamWidgetAnchor {
	font-family: Roboto;
	font-size: 12px;
	color: red;
	line-height: 12px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}

.teamWidgetAnchor:hover {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}

.teamWidgetPopup {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.07);
	border-radius: 2px;
	z-index: 10;
	position: relative;
}

table.statusHeaderTable {
	background: #f5f5f5;
	border-radius: 4px;
	width: 553px;
	height: 36px;
	margin-right: 12px;
	table-layout: fixed;
}

table.statusHeaderTable td {
	overflow: hidden;
	white-space: nowrap;
}

table.statusHeaderTable tr {
	height: 36px;
}

.statusHeaderButtonDivUp {
	background: #ebebeb;
	width: 36px;
	height: 18px;
	background-image: url("images/cycleup.png");
	background-repeat: no-repeat;
	background-size: 10px 7px;
	background-position: center;
}

.statusHeaderButtonDivDown {
	background: #ebebeb;
	width: 36px;
	height: 18px;
	background-image: url("images/cycledown.png");
	background-repeat: no-repeat;
	background-size: 10px 7px;
	background-position: center;
}

.statusHeaderAnc {
	cursor: pointer;
}

.statusHeaderName {
	padding-left: 14px;
	opacity: 0.65;
	font-family: Roboto-Bold;
	font-size: 12px;
	color: #0d2429;
	text-align: left;
	font-weight: bold;
}

.scheduleStatusHeaderName {
	padding-left: 5px;
	opacity: 0.65;
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	color: #0d2429;
	text-align: left;
	font-weight: bold;
}

.statusHeaderNumber {
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #8f7918;
	text-align: left;
}

.statusHeaderNumberRight {
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #8f7918;
	text-align: center;
	width: 100%;
}

.statusCheckMarkRight {
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #8f7918;
	text-align: right;
	width: 100%;
}

.statusHeaderOrderType {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 10px;
	color: #000000;
	line-height: 12px;
	text-align: left;
}

.div1 {
	border: 1px solid rgba(3, 89, 112, 0.05);
	width: 36px;
	height: 36px;
	border-radius: 100%
}

.div2 {
	border: 1px solid rgba(3, 89, 112, 0.15);
	width: 27px;
	height: 27px;
	margin-left: 4px;
	margin-top: 4px;
	border-radius: 100%
}

.div3 {
	border: 1px solid rgba(3, 89, 112, 0.5);
	width: 18px;
	height: 18px;
	margin-left: 3.5px;
	margin-top: 4px;
	border-radius: 100%
}

.div4 {
	opacity: 0.75;
	background: #035970;
	width: 9px;
	height: 9px;
	margin-left: 5px;
	margin-top: 4.5px;
	border-radius: 100%
}

.divTopPopupStatusHeader {
	width: 470px;
	height: 90px;
	background-image: url("images/headerpopup.png");
	background-repeat: no-repeat;
	background-size: 470px 90px;
	background-position: bottom;
	background-color: transparent;
}

.popupStatusHeaderTable {
	padding-left: 24px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
}

.popupStatusHeaderTableRowWhite {
	background-color: #f5f5f5;
}

.popupStatusHeaderTableRowGray {
	background-color: #ffffff;
}

.popupStatusHeaderSpan1Large {
	font-family: Roboto;
	font-size: 12px;
	color: #0d2429;
	width: 90%;
	font-weight: bold;
}

.popupStatusHeaderSpan1Small {
	font-family: Roboto;
	font-size: 10px;
	color: #1f535d;
	line-height: 10px;
	font-weight: bold;
	text-align: left;
	width: 90%;
}

.popupStatusHeaderLblNumber {
	opacity: 0.85;
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	text-align: left;
}

.popupStatusHeaderLblType {
	opacity: 0.5;
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	text-align: left;
}

.popupStatusHeaderDiv {
	width: 6px;
	height: 10px;
	background-image: url("images/popupstatusheaderdiv.png");
	background-repeat: no-repeat;
	background-size: 6px 10px;
	background-position: center;
}

.popupStatusHeaderRow1 {
	opacity: 0.35;
	font-family: Roboto-Bold;
	font-size: 12px;
	color: #000000;
	line-height: 12px;
	text-align: left;
	padding-left: 25px;
}

.poupStatusHeaderButton {
	padding: 0px 0px 0px 0px;
	border: 0px;
	/* cursor: pointer; */
	outline: none;
}

.divPoupStatusHeaderButton {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	width: 128px;
	height: 34px;
	background-image: url("images/popupStatusHeaderButton.png");
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 120px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

/*
.divPoupStatusHeaderButton_disabled
{
	background:#dcdcdc;
    border-radius:4px;
    width:128px;
    height:34px;
    background-image: url("images/popupStatusHeaderButton.png");
	background-repeat: no-repeat;
	background-size:11px 5px;
	background-position: 120px;
	padding-left: 12px;
	opacity:0.9;
	font-family:Roboto;
	font-size:12px;
	color:#999999;
	line-height:34px;
	text-align:left;
	vertical-align: middle;
	font-weight: bold;
	outline: none;
}*/
.divPoupStatusHeaderButtonCircuitRight {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	width: 100px;
	height: 34px;
	background-image: url("images/popupStatusHeaderButtonRight.png");
	background-repeat: no-repeat;
	background-size: 5px 11px;
	background-position: 92px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.divPoupStatusHeaderButtonCircuit {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	width: 100px;
	height: 34px;
	background-image: url("images/popupStatusHeaderButton.png");
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 92px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.divButtonNew {
	background: #ffd400;
	border: 1px solid #fadc19;
	border-radius: 4px;
	height: 34px;
	padding-left: 10px;
	padding-right: 10px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.divIconButton {
	background: #ffd400;
	border: 1px solid #fadc19;
	border-radius: 4px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.orderPopupTableCircuit {
	width: 114px;
	font-family: Roboto;
	font-size: 11px;
	color: #323133;
	background: #ffd400;
}

.orderPopupTable {
	width: 142px;
	font-family: Roboto;
	font-size: 11px;
	color: #323133;
	background: #ffd400;
}

.tableHeadingRow {
	background: #f5f5f5;
	background-color: #f5f5f5;
}

.orderPopupTableRow {
	opacity: 0.8;
	cursor: pointer;
}

.orderPopupTableRowDisabled {
	opacity: 0.25;
	cursor: auto;
}

.orderPopupTableCell {
	border-top: 1px solid #d6b300;
	border-bottom: 1px solid #d6b300;
}

.divPO {
	width: 100%;
	height: 35px;
	background-image: url("images/poicon.png");
	background-repeat: no-repeat;
	background-size: 15px 16px;
	background-position: center;
}

.noPO {
	width: 100%;
	height: 35px;
	background-repeat: no-repeat;
	background-size: 1px 16px;
	background-position: center;
}

.divChallan {
	width: 100%;
	height: 35px;
	background-image: url("images/challanicon.png");
	background-repeat: no-repeat;
	background-size: 15px 16px;
	background-position: center;
}

.statusChangeButton {
	background: #f5f5f5;
	border-left: 1px solid #cccccc;
	width: 142px;
	height: 40px;
	background-image: url("images/popupStatusHeaderButton.png");
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 111px;
}

.chngStatus {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 8px;
	color: #444345;
	line-height: 14px;
	text-align: left;
	padding-left: 20px;
}

.currentStatus {
	font-family: Roboto;
	font-size: 12px;
	color: #444345;
	line-height: 14px;
	text-align: left;
	padding-left: 20px;
}

.statusChangeTable {
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	width: 142px;
	font-family: Roboto;
	font-size: 12px;
	color: #444345;
	line-height: 14px;
	text-align: left;
}

.statusChangeTableRow {
	cursor: pointer;
	width: 144px;
}

.statusChangeTableCell {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.divExecute {
	width: 100%;
	height: 38px;
	background-image: url("images/execute.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.divEstimate {
	width: 100%;
	height: 38px;
	background-image: url("images/estimate.png");
	background-repeat: no-repeat;
	background-size: 12px 18px;
	background-position: center;
}

.divOnHold {
	width: 100%;
	height: 38px;
	background-image: url("images/onhold.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.divComplete {
	width: 100%;
	height: 38px;
	background-image: url("images/complete.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

table.projectPendingTable {
	background: #f5f5f5;
	border-radius: 4px;
	width: 323px;
	height: 36px;
	table-layout: fixed;
	border: 1px solid #e6e6e6;
}

table.projectPendingTable td {
	overflow: hidden;
	white-space: nowrap;
}

table.projectPendingTable tr {
	height: 36px;
}

.projectPendingName {
	padding-left: 2px;
	opacity: 0.65;
	font-family: Roboto-Bold;
	font-size: 12px;
	color: #0d2429;
	text-align: left;
	font-weight: bold;
}

.completedDiv {
	opacity: 0.5;
	height: 12px;
	width: 10px;
	background-image: url("images/completed.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.completedSpan {
	opacity: 0.4;
	font-family: Roboto-Medium;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

.completedSpanHover {
	opacity: 0.4;
	font-family: Roboto-Medium;
	font-size: 11px;
	color: #B3971E;
	text-align: left;
}

.divBackButton {
	opacity: 0.35;
	background: #1f535d;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	background-image: url("images/leftarrow.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center;
	cursor: pointer;
}

.whiteRowStatusHeader {
	background-color: #ffffff;
}

.divlock {
	opacity: 0.25;
	width: 18px;
	height: 18px;
	background-image: url("images/lock.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.timeline-tooltip {
	background: #ffd596;
	padding: 4px 4px;
	border-color: #afafaf;
	border-radius: 3px;
	-moz-border-radius: 2px; /* For Firefox 3.6 and older */
	border-width: 2px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	text-shadow: 0 1px 0 #333333;
}

.itemsPendingOrderHeaderTile {
	width: 100%;
	height: 3%;
	background: #F7F7F6;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
}

.itemsPendingOrderHeaderTileText {
	opacity: 0.75;
	font-family: Roboto;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
	font-weight: bold;
	padding-left: 2px;
}

.itemsPendingOrderTile {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.itemsPendingOrderTileNew {
	width: 100%;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.circuitTableBorder {
	border-bottom: 4px solid #DFE2E6;
}

.circuitTableBorderYellow {
	border-bottom: 4px solid #D2A81F;
}

.circuitTableBorderGreen {
	border-bottom: 4px solid #65AB91;
}

.circuitTableTile {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.itemsPendingOrderTileSelected {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.selectProjectPartsForIndentTileSelected {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F7F3E7;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.topTextStyle {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.topAnchorStyle {
	font-family: Roboto;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
}

.topTextStyleRed {
	font-family: Roboto;
	font-size: 12px;
	color: red;
	line-height: 12px;
	text-align: left;
}

.bottomTextStyle {
	opacity: 0.35;
	font-family: Roboto;
	font-size: 10px;
	color: #000000;
	line-height: 10px;
	text-align: left;
}

.bottomAnchorStyle {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
}

.bottomTextStyleRed {
	opacity: 0.35;
	font-family: Roboto;
	font-size: 10px;
	color: red;
	line-height: 10px;
	text-align: left;
}

.singleTextStyle {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.singleTextGreenStyle {
	font-family: Roboto;
	font-size: 12px;
	color: #1f535d;
	line-height: 12px;
	text-align: left;
}

.singleTextRedStyle {
	font-family: Roboto;
	font-size: 12px;
	color: red;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowOne {
	font-family: Roboto;
	font-size: 12px;
	color: #8c7500;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowTwo {
	font-family: Roboto;
	font-size: 12px;
	color: #1c8045;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowOne {
	font-family: Roboto;
	font-size: 12px;
	color: #8c7500;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowTwo {
	font-family: Roboto;
	font-size: 12px;
	color: #1c8045;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowThree {
	font-family: Roboto;
	font-size: 12px;
	color: #993328;
	line-height: 12px;
	text-align: left;
}

.typeTextDemand {
	height: 8px;
	width: 8px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	line-height: 8px;
	text-align: center;
}

.typeText {
	height: 10px;
	width: 10px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
}

.orderType {
	background: #E9F0F8;
	border-radius: 100px;
	width: 30px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
}

.orderTypeText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 9px;
	color: #487fc0;
	letter-spacing: 0;
	text-align: center;
	line-height: 9px;
	font-weight: bold;
}

.orderedQtyGraph {
	background: #dcdcdc;
	border-radius: 100px;
	width: 100%;
	height: 4px;
}

.compQtyGraphGreen {
	background: #417505;
	border-radius: 100px;
	width: 100%;
	height: 4px;
}

.revQtyGraphGreen {
	background: #d0021b;
	border-radius: 100px;
	height: 4px;
}

.circuitProgressLabel {
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	text-align: left;
}

.costQtyGraph {
	background: #EBEBEB;
	border-radius: 100px;
	width: 100%;
	height: 20px;
	align-content: center;
	text-align: center;
}

.costQtyGraphRed {
	background: #D2A81F;
	height: 20px;
	overflow: visible;
}

.costQtyGraphGreen {
	background: #65AB91;
	height: 20px;
	overflow: visible;
}

.finSpanStyle {
	position: relative;
	top: -20px;
	left: 5px;
	width: 100%;
	font-family: Roboto;
	font-size: 11px;
	color: #1b1b1b;
	line-height: 12px;
}

.finSpanStyleHover {
	position: relative;
	top: -20px;
	left: 5px;
	width: 100%;
	font-family: Roboto;
	font-size: 11px;
	color: #B3971E;
	line-height: 12px;
}

.compQtyGraphRed {
	background: #d0021b;
	border-radius: 100px;
	height: 4px;
}

.compQtyGreen {
	font-family: Roboto;
	font-size: 12px;
	color: #417505;
	letter-spacing: 0.22px;
	line-height: 12px;
	text-align: left;
}

.compQtyRed {
	font-family: Roboto;
	font-size: 12px;
	color: #c62828;
	letter-spacing: 0.22px;
	line-height: 12px;
	text-align: left;
}

.orderQty {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	letter-spacing: 0.2px;
	line-height: 12px;
	text-align: left;
}

.projectType {
	opacity: 0.7;
	padding-left: 1px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #2C89E6;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.maintenanceType {
	opacity: 0.7;
	padding-left: 1px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #CF7B27;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.godownType {
	opacity: 0.7;
	padding-left: 1px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #1D9898;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.projectTypeMargin {
	opacity: 0.7;
	padding-left: 1px;
	margin-left: 3px;
	margin-right: 3px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #2C89E6;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.maintenanceTypeMargin {
	opacity: 0.7;
	padding-left: 1px;
	margin-left: 3px;
	margin-right: 3px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #CF7B27;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.godownTypeMargin {
	opacity: 0.7;
	padding-left: 1px;
	margin-left: 3px;
	margin-right: 3px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #1D9898;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.itemsPendingTopBar {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F7F7F6;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 100%;
	height: 10.5%;
}

.templatesTopBar {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F7F7F6;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 100%;
	height: 75px;
}

.itemsPendingSelectedBar {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #E6BE10;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 100%;
	height: 12.5%;
}

.itemsPendingSelectedText {
	color: #000000;
	font-family: Roboto;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
}

.showSelectedTextGray {
	font-family: Roboto;
	font-size: 12px;
	color: #949494;
	line-height: 14px;
	text-align: left;
}

.showSelectedTextOrange {
	font-family: Roboto;
	font-size: 12px;
	color: #a6890c;
	text-align: center;
	line-height: 14px;
}

.itemsPendingSortingBar {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F0EFED;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 99.9%;
	height: 14.5%;
}

.topPanelReports {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #F0EFED;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 99.9%;
}

.itemsPendingSortingBarInner {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F0EFED;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 99%;
	height: 18.5%;
}

.itemsPendingSortingBarInnerShort {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F0EFED;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 99%;
	height: 18.5%;
}

.itemsPendingHeaderMainText {
	height: 24px;
	width: 240px;
	color: #7a6600;;
	font-family: Roboto;
	font-size: 22px;
	line-height: 24px;
}

.itemsPendingHeaderMainTextSmall {
	height: 20px;
	width: 240px;
	color: #7a6600;;
	font-family: Roboto;
	font-size: 18px;
	line-height: 18px;
}

.itemsPendingHeaderSubText {
	height: 12px;
	opacity: 0.3;
	color: #000000;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
}

.itemsPendingRowNumberText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 12px;
	color: #4d4d4d;
	line-height: 18px;
	text-align: left;
}

.itemsPendingRowDelayedText {
	opacity: 0.85;
	font-family: Roboto;
	font-size: 10px;
	color: #cc3345;
	line-height: 16px;
	text-align: left;
}

.itemsPendingHeaderNumberText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 16px;
	color: #4d4d4d;
	line-height: 18px;
	text-align: left;
}

.itemsPendingHeaderDelayedText {
	opacity: 0.85;
	font-family: Roboto;
	font-size: 14px;
	color: #cc3345;
	line-height: 16px;
	text-align: left;
}

.groupingRowOne {
	height: 54px;
	width: 100%;
	border: 1px solid #DFE2E6;
	background-color: #FFFFFF;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.groupingRowTwo {
	width: 100%;
	border-top: 1px solid #DFE2E6;
	border-bottom: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	background-color: #FFFFFF;
}

.groupingRowTwoHeader {
	height: 24px;
	background-color: #F0EFED;
}

.groupingRowTwoContent {
	height: 30px;
}

.parentText {
	opacity: 0.35;
	color: #000000;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
}

.childText {
	opacity: 0.75;
	color: #0B272D;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
}

.groupingSummaryTile {
	height: 24px;
	width: 90px;
	opacity: 0.4;
	color: #000000;
	font-family: Roboto;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	vertical-align: middle;
	margin-left: 10px;
}

.expandTile {
	opacity: 0.5;
	width: 12px;
	height: 12px;
	background-image: url("images/ExpandTile.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	cursor: pointer;
}

.contractTile {
	opacity: 0.5;
	width: 12px;
	height: 2px;
	background-image: url("images/ContractTile.png");
	background-repeat: no-repeat;
	background-size: 12px 2px;
	background-position: center;
	cursor: pointer;
}

.contractTileRowOne {
	opacity: 0.5;
	width: 12px;
	height: 2px;
	background-image: url("images/contractTileRowOne.png");
	background-repeat: no-repeat;
	background-size: 12px 2px;
	background-position: center;
	cursor: pointer;
}

.contractTileRowTwo {
	opacity: 0.5;
	width: 12px;
	height: 2px;
	background-image: url("images/contractTileRowTwo.png");
	background-repeat: no-repeat;
	background-size: 12px 2px;
	background-position: center;
	cursor: pointer;
}

.contractTileRowThree {
	opacity: 0.5;
	width: 24px;
	height: 24px;
	background-image: url("images/contractTileRowThree.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	vertical-align: middle;
	line-height: 24px;
	cursor: pointer;
}

.rowThreeArrow {
	width: 24px;
	height: 24px;
	background-image: url("images/rowThreeArrow.png");
	background-repeat: no-repeat;
	background-size: 10px 6px;
	background-position: center;
	cursor: pointer;
}

.itemsPendingOrderHeaderTileRow2 {
	width: 100%;
	height: 30px;
	background: #f0efed;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
	border-left: 2px solid #27ae60;
}

.itemsPendingOrderHeaderTileRow3 {
	width: 100%;
	height: 30px;
	background: #f0efed;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
	border-left: 2px solid #e74c3c;
}

.rowOneBorderLeft {
	border-left: 2px solid #8c7500;
	padding-left: 2px;
}

.rowTwoBorderLeft {
	border-left: 2px solid #27ae60;
	padding-left: 2px;
}

.rowThreeBorderLeft {
	border-left: 2px solid #e74c3c;
	padding-left: 2px;
}

.emptyCellBorderLeft {
	border-left: 1px solid #DFE2E6;
	box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.15);
}

.emptyCell {
	opacity: 0.5;
	background: #f0efed;
}

.emptyCellBorderTop {
	border-top: 1px solid #DFE2E6;
	box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.15);
}

.chevDown {
	width: 24px;
	height: 24px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.chevUp {
	width: 24px;
	height: 24px;
	background-image: url("images/chevup.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.arrowRight {
	width: 24px;
	height: 24px;
	background-image: url("images/arrowRight.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.arrowRightSelected {
	width: 7px;
	height: 7px;
	background-image: url("images/arrowRight.png");
	background-repeat: no-repeat;
	background-size: 7px 7px;
	background-position: center;
	cursor: pointer;
}

.textMultipleFilter {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 24px;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.textMultipleFilterSelected {
	font-family: Roboto;
	font-size: 12px;
	color: #685c31;
	line-height: 12px;
	text-align: left;
	background: #f0f0f0;
}

.topTextGreenStyle {
	font-family: Roboto;
	font-size: 12px;
	color: #1f535d;
	line-height: 12px;
	text-align: left;
}

.showOnlySelectedOuterFalse {
	background: #adadad;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	cursor: pointer;
	text-align: left;
	border: 1px solid #adadad;
}

.showOnlySelectedOuterTrue {
	background: #d9b40f;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	cursor: pointer;
	text-align: right;
	border: 1px solid #d9b40f;
}

.showOnlySelectedInnerFalse {
	background: #fbfafa;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-top: 1px;
	margin-left: 1px;
}

.showOnlySelectedInnerTrue {
	background: #fbfafa;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-left: 13px;
	margin-top: 1px;
}

.billableOuterFalse {
	background: #adadad;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	text-align: left;
	border: 1px solid #adadad;
}

.billableOuterFalsePointer {
	background: #adadad;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	cursor: pointer;
	text-align: left;
	border: 1px solid #adadad;
}

.billableOuterTrue {
	background: #4A90E2;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	text-align: right;
	border: 1px solid #4A90E2;
}

.billableOuterTruePointer {
	background: #4A90E2;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	text-align: right;
	cursor: pointer;
	border: 1px solid #4A90E2;
}

.billableInnerFalse {
	background: #fbfafa;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-top: 1px;
	margin-left: 1px;
}

.billableInnerTrue {
	background: #fbfafa;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-left: 13px;
	margin-top: 1px;
}

.orangeDiv {
	opacity: 0.6;
	height: 12px;
	width: 10px;
	background-image: url("images/orangecircle.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.redDiv {
	opacity: 0.6;
	height: 12px;
	width: 10px;
	background-image: url("images/redcircle.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.greenDiv {
	opacity: 0.6;
	height: 12px;
	width: 10px;
	background-image: url("images/completed.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.groupByLabel {
	opacity: 0.5;
	color: #163B42;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 4px;
}

.resetAnchor {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	line-height: 12px;
	cursor: pointer;
	margin-bottom: 4px;
}

.buttonGrouping {
	font-family: Roboto;
	font-size: 20px;
	color: #91908E;
	text-align: center;
	line-height: 20px;
	background: #E3E2E0;
	box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.05);
}

.sandpbuttons {
	height: 25px;
	width: 64px;
	border-radius: 12px;
	background-color: #91908E;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	background-image: url("images/downArrow.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 50px center;
	text-decoration: none;
	cursor: pointer;
}

.sandptext {
	opacity: 0.8;
	color: #1F535D;
	font-family: Roboto;
	font-size: 11px;
	line-height: 10px;
	text-align: right;
}

.stockRightPopup {
	background-color: #FFFFFF;
	box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.partStockTile {
	width: 100%;
	height: 50px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

.partStockBox {
	margin: 15px 15px 15px 15px;
	height: 84px;
	border: 1px solid #DFE2E6;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.partStockHeader {
	padding-left: 20px;
	padding-right: 20px;
	height: 37px;
	background-color: #F4F4F2;
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.partStockFooter {
	padding-left: 20px;
	padding-right: 20px;
	height: 58px;
	background-color: #F4F4F2;
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.partStockFooterTextLabel {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	letter-spacing: 0.2px;
	line-height: 12px;
	text-align: left;
}

.partStockFooterTextContent {
	opacity: 0.9;
	font-family: Roboto;
	font-weight: bold;
	font-size: 14px;
	color: #1b1b1b;
	letter-spacing: 0.2px;
	line-height: 14px;
}

.partStockFooterLPText {
	opacity: 0.4;
	font-family: Roboto;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.2px;
	line-height: 10px;
}

.starIconDiv {
	height: 16px;
	width: 16px;
	background-image: url("images/staricon.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: bottom;
}

.popupWidgetRightConstructionary {
	background: #FFFFFF;
	border: 1px solid #DFE2E6;
}

.popupWidgetBCConstructionary {
	background: #E5E5E5;
	width: 100%;
	height: 78px;
}

.partNameConstructionary {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	color: #735F06;
	padding-left: 30px;
}

.partDetailsTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.8;
}

.partSpecsTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.5;
	padding-left: 5px;
}

.folderTitlePartConstructionary {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.3;
	padding-left: 30px;
}

.partDetailWidgetRightPopupLabelSpecNameConstructionary {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	padding-bottom: 8px;
}

.partDetailWidgetRightPopupSpecValueConstructionary {
	background: rgba(51, 50, 48, 0.05);
	border-radius: 2px;
	height: 32px;
	width: 520px;
	padding-left: 12px;
	margin-bottom: 16px;
}

.partDetailWidgetRightPopupSpecValueTextConstructionary {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.popupWidgetRight {
	background: #ffffff;
	border: 1px solid #dfe2e6;
}

.popupWidgetBC {
	background: #f5f5f2;
	width: 100%;
	height: 32px;
}

.popupWidgetLblOne {
	opacity: 0.75;
	font-family: Roboto;
	font-size: 10px;
	color: #1b1b1b;
	letter-spacing: 0.2px;
	line-height: 10px;
	text-align: left;
	margin-left: 15px;
}

.popupWidgetLblTwo {
	opacity: 0.75;
	font-family: Roboto-Medium;
	font-size: 10px;
	color: #c7a600;
	letter-spacing: 0.2px;
	line-height: 10px;
	text-align: left;
}

.popupWidgetFTableMenu {
	border: 1px solid #dfe2e6;
	width: 100%;
	height: 43px;
}

.popupWidgetMenuDiv {
	height: 16px;
	width: 24px;
	background-image: url("images/PopupMenu.png");
	background-repeat: no-repeat;
	background-size: 24px 16px;
	background-position: center;
	cursor: pointer;
}

.popupWidgetHeaderLbl {
	height: 43px;
	font-family: Roboto;
	font-size: 18px;
	color: #3d3c3a;
	line-height: 43px;
	text-align: left;
	vertical-align: middle;
	border-left: 1px solid #dfe2e6;
	padding-left: 14px;
	font-weight: bold;
}

.popupPanelClose {
	border: 1px solid #e6bf00;
	border-radius: 2px;
	width: 42px;
	height: 42px;
}

.btnClose {
	background: #f2ca00;
	height: 42px;
	width: 42px;
	background-image: url("images/close.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.popupPanelMenu {
	height: 44px;
	width: 200px;
	background-color: #FFFAE3;
	box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.15);
	border: 1px solid #DFE2E6;
	text-decoration: none;
	opacity: 0.9;
}

.popupPanelMenuAnchor {
	text-decoration: none;
	opacity: 0.9;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
	padding-left: 24px;
	vertical-align: middle;
	cursor: pointer;
}

.popupPanelMenuAnchor:hover {
	text-decoration: none;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
	padding-left: 24px;
	vertical-align: middle;
}

.partStockSortingBar {
	margin: 15px;
	background: #FBFAFA;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	height: 17.5%;
}

.partDetailWidgetRightPopup {
	padding-top: 20px;
	padding-left: 30px;
}

.partDetailWidgetRightPopupLabelSpecName {
	opacity: 0.8;
	font-family: Roboto;
	font-weight: bold;
	font-size: 12px;
	color: #8c7500;
	line-height: 12px;
	text-align: left;
}

.partDetailWidgetRightPopupSpecValue {
	background: #f5f5f5;
	border-radius: 2px;
	width: 525px;
	height: 40px;
	padding-left: 16px;
}

.partDetailWidgetRightPopupSpecValueText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 14px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.partPricingSortingBar {
	margin: 5px;
	background: #FBFAFA;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	height: 17.5%;
}

.fTabeIndentHeader {
	height: 9%;
	padding: 24px 24px 24px 24px;
}

.indentHeaderValue {
	background: #f5f5f5;
	border-radius: 2px;
	height: 40px;
	padding-left: 16px;
	padding-right: 16px;
	margin-right: 50px;
}

.indentHeaderValueText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 14px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.locationImage {
	height: 12px;
	width: 12px;
	background-image: url("images/locationImage.png");
	background-repeat: no-repeat;
	background-size: 8px 12px;
	background-position: left;
}

.locationImageProject {
	height: 12px;
	width: 12px;
	background-image: url("images/location.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
}

.partsToOrderImage {
	height: 12px;
	width: 12px;
	background-image: url("images/partsToOrderImage.png");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: left;
}

.calculatorImage {
	height: 12px;
	width: 12px;
	background-image: url("images/calculatorImage.png");
	background-repeat: no-repeat;
	background-size: 8px 10px;
	background-position: left;
}

.estimatedPriceInfo {
	height: 12px;
	width: 12px;
	background-image: url("images/estimatedPriceInfo.png");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: left;
}

.delayedImage {
	height: 12px;
	width: 12px;
	background-image: url("images/delayedImage.png");
	background-repeat: no-repeat;
	background-size: 11px 12px;
	background-position: left;
}

.noEstimateTop {
	height: 14px;
	width: 14px;
	background-image: url("images/noEstimateTop.png");
	background-repeat: no-repeat;
	background-size: 14px 12px;
	background-position: left;
}

.noEstimatePart {
	height: 12px;
	width: 16px;
	background-image: url("images/noEstimatePart.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
}

.noEstimateText {
	padding-top: 24px;
	padding-left: 20px;
	padding-right: 20px;
	opacity: 0.8;
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	text-align: left;
}

.redPanel {
	height: 119px;
	width: 300px;
	background-image: url("images/redPanel.png");
	background-repeat: no-repeat;
	background-size: 298px 117px;
	background-position: left;
}

.itemsPendingDetails {
	border: 1px solid #D6D5D4;
	border-radius: 4px;
	background-color: #F0EFED;
	padding-left: 16px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-right: 16px;
	width: 381px;
}

.topPanelNoPadding {
	border: 1px solid #D6D5D4;
	border-radius: 4px;
	background-color: #F0EFED;
	padding-left: 16px;
	padding-right: 16px;
	width: 381px;
}

.groupingRowSummary {
	border: 1px solid #D6D5D4;
	border-radius: 4px;
	background-color: #F0EFED;
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 16px;
	width: 381px;
}

.selectedItemsBar {
	opacity: 0.9;
	background: #7a6600;
	border-radius: 100px;
	width: 200px;
	height: 32px;
}

.selectedBarCell {
	padding-left: 16px;
}

.selectedBarCellFirst {
	padding-left: 16px;
	border-right: 1px solid #fbfafa;
	width: 90px;
}

.selectedText {
	opacity: 0.75;
	font-family: Roboto;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	line-height: 14px;
	text-align: left;
}

.partsText {
	opacity: 0.3;
	font-family: Roboto-Bold;
	font-size: 10px;
	color: #ffffff;
	line-height: 10px;
	text-align: left;
}

.buttonRejectImage {
	height: 12px;
	width: 12px;
	background-image: url("images/buttonReject.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: left;
	text-decoration: none;
	cursor: pointer;
}

.buttonReject {
	opacity: 0.75;
	font-family: Roboto;
	font-size: 12px;
	color: #bf1515;
	letter-spacing: 0.2px;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	width: 88px;
	height: 24px;
	background: #FFFFFF;
	border: none;
	text-align: center;
}

.buttonReject:hover {
	opacity: 0.75;
	font-family: Roboto;
	font-size: 12px;
	color: #bf1515;
	letter-spacing: 0.2px;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	background: #ebebeb;
	border: 1px solid #e0e0e0;
	border-radius: 100px;
	width: 88px;
	height: 24px;
	text-align: center;
	padding-left: 12px;
}

.quantityGreen {
	background: #edf4e0;
	border-radius: 100px;
	width: 51px;
	height: 26px;
	border: 1px solid rgba(101, 163, 0, 0.15);
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityGreenTable {
	background: #edf4e0;
	border-radius: 100px;
	width: 51px;
	height: 26px;
	border: 1px solid rgba(101, 163, 0, 0.15);
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityGreenTable a:link {
	background: #edf4e0;
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGreenTable a:visited {
	background: #edf4e0;
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGreenTable a:hover {
	background: #edf4e0;
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGreenTable a:active {
	background: #edf4e0;
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellow {
	background: #f9f4dd;
	border-radius: 100px;
	width: 51px;
	height: 26px;
	border: 1px solid rgba(215, 178, 15, 0.20);
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityYellowTable {
	background: #f9f4dd;
	border-radius: 100px;
	width: 51px;
	height: 26px;
	border: 1px solid rgba(215, 178, 15, 0.20);
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:link {
	background: #f9f4dd;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:visited {
	background: #f9f4dd;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:hover {
	background: #f9f4dd;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:active {
	background: #f9f4dd;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGray {
	background: #f2f2f2;
	width: 67px;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #202022;
	line-height: 32px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityYellowFCV {
	background: #fff7d1;
	width: 60px;
	height: 20px;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityYellowFCV td {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
}

.quantityYellowFCV a {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:link {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:visited {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:hover {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:active {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.categoryText {
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #996100;
	border-radius: 100px;
	width: 70px;
	height: 24px;
	font-family: Roboto;
	font-size: 11px;
}

.quantityOrange {
	background: #ffead1;
	width: 60px;
	height: 20px;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityOrange td {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
}

.quantityOrange a {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityOrange a:link {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityOrange a:visited {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityOrange a:hover {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityOrange a:active {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNoneBlank {
	width: 60px;
	height: 20px;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #202022;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.quantityNone {
	opacity: 0.5;
	width: 60px;
	height: 20px;
	border: 1px solid #38414e;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityNone td {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
}

.quantityNonePart {
	opacity: 0.5;
	width: 60px;
	height: 20px;
	border: 1px solid #48566b;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityNonePart a {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNonePart a:link {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNonePart a:visited {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNonePart a:hover {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNonePart a:active {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNoneRight {
	width: 60px;
	height: 20px;
	border: 1px solid #e6e6e6;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #202022;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.quantityNone a {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNone a:link {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNone a:visited {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNone a:hover {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNone a:active {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.fcvFont {
	font-family: Roboto;
	font-size: 11px;
}

.quantityHeader {
	width: 60px;
	height: 20px;
	font-family: Roboto;
	font-size: 11px;
	letter-spacing: 0.2px;
	text-align: left;
	line-height: 20px;
	padding-left: 15px;
}

.emptyTile {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/emptyTile.png");
	background-size: 20px 20px;
}

.editBill {
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/edit.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.editBillDisabled {
	opacity: 0.30;
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/edit.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: auto;
}

.deleteBill {
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/delete.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.deleteBillDisabled {
	opacity: 0.25;
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/delete.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: auto;
}

.uploadFile {
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/upload.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.uploadFileDisabled {
	opacity: 0.25;
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/upload.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: auto;
}

.downloadFile {
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/download.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.downloadFileDisabled {
	opacity: 0.25;
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/download.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: auto;
}

.saveBill {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:link {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:visited {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:hover {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:active {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:link {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:visited {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:hover {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:active {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPartDisabled {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	opacity: 0.35;
}

.quantityNA {
	width: 60px;
	height: 20px;
	border-radius: 100px;
	line-height: 26px;
	vertical-align: middle;
	background-image: url("images/qtyNa.png");
	background-repeat: no-repeat;
	background-size: 60px 20px;
	background-position: center;
	margin-left: 5px;
	padding-left: 5px;
}

.calendar {
	height: 12px;
	width: 12px;
	background-image: url("images/calendar.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: right;
	margin-left: 3px;
	text-decoration: none;
}

.quantityGraySmall {
	background: #ebebeb;
	width: 60px;
	height: 20px;
	font-family: Roboto;
	font-size: 11px;
	color: #202022;
	line-height: 20px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityGraySmallLeft {
	opacity: 0.5;
	background: rgba(255, 255, 255, 0.15);
	width: 60px;
	height: 20px;
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	line-height: 20px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.perCircOrange {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #ffc34f;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%),
		linear-gradient(90deg, #ccc 50%, transparent 50%);
	left: 5px;
}

.perCircOrange .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}

.perCircOrange .perCircInner div {
	position: relative;
	top: 14px;
}

.perCircOrange .perCircStat {
	font-family: Roboto;
	font-size: 14px;
	color: #ffc34f;
	text-align: center;
	line-height: 12px;
}

.perCircOrange .perCircText {
	font-family: Roboto;
	font-size: 6px;
	color: #0b272d;
	letter-spacing: 0.15px;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
}

.perCircGreen {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #619E05;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%),
		linear-gradient(90deg, #ccc 50%, transparent 50%);
	left: 5px;
}

.perCircGreen .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}

.perCircGreen .perCircInner div {
	position: relative;
	top: 14px;
}

.perCircGreen .perCircStat {
	font-family: Roboto;
	font-size: 14px;
	color: #619E05;
	text-align: center;
	line-height: 12px;
}

.perCircGreen .perCircText {
	font-family: Roboto;
	font-size: 6px;
	color: #0b272d;
	letter-spacing: 0.15px;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
}

.perCircRed {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #ea2a2a;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%),
		linear-gradient(90deg, #ccc 50%, transparent 50%);
	left: 5px;
}

.perCircRed .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}

.perCircRed .perCircInner div {
	position: relative;
	top: 14px;
}

.perCircRed .perCircStat {
	font-family: Roboto;
	font-size: 14px;
	color: #ea2a2a;
	text-align: center;
	line-height: 12px;
}

.perCircRed .perCircText {
	font-family: Roboto;
	font-size: 6px;
	color: #0b272d;
	letter-spacing: 0.15px;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
}

.perCirc {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #263b40;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%),
		linear-gradient(90deg, #ccc 50%, transparent 50%);
	left: 5px;
}

.perCirc .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}

.perCirc .perCircInner div {
	position: relative;
	top: 14px;
}

.perCirc .perCircStat {
	font-family: Roboto;
	font-size: 14px;
	color: #263b40;
	text-align: center;
	line-height: 12px;
}

.perCirc .perCircText {
	font-family: Roboto;
	font-size: 6px;
	color: #0b272d;
	letter-spacing: 0.15px;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
}

.arrow-container-yellow {
	height: 32px;
	background-color: #FCE9C8;
}

.arrow-container-green {
	height: 32px;
	background-color: #619E05;
}

.arrow-container-yellowTV {
	height: 32px;
	background-color: #FCE9C8;
}

.arrow-container-greenTV {
	height: 32px;
	background-color: #619E05;
}

.arrow-container-yellowTVTall {
	height: 40px;
	background-color: #FCE9C8;
}

.arrow-container-greenTVTall {
	height: 40px;
	background-color: #619E05;
}

.arrow-container-gray {
	height: 32px;
	background-color: #5e686a;
}

.arrow-outer {
	position: relative;
	left: -2px;
	top: -4px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid white;
}

.arrow-outerTall {
	position: relative;
	left: 0px;
	top: 0px;
	width: -4px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid white;
}

.arrow-outer-gray {
	position: relative;
	left: -2px;
	top: -4px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #E3E6EB;
}

.arrow-right-gray {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #5e686a;
}

.arrow-right-grayTV {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #f2f2f2;
}

.arrow-right-grayTVTall {
	position: relative;
	left: -20px;
	top: -19px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #f2f2f2;
}

.arrow-right-green {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #619E05;
}

.arrow-right-greenTV {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #619E05;
}

.arrow-right-greenTVTall {
	position: relative;
	left: -22px;
	top: -20px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #619E05;
}

.arrow-right-yellow {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #FCE9C8;
}

.arrow-right-yellowTV {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #FCE9C8;
}

.arrow-right-yellowTVTall {
	position: relative;
	left: -22px;
	top: -20px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #FCE9C8;
}

.background-green {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
}

.background-greenTV {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.background-greenTVTall {
	background-color: #619E05;
	width: 100%;
	height: 40px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.greenAnchor {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchorText {
	cursor: default;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:link {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:visited {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:hover {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:active {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchorText {
	cursor: default;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:link {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:visited {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:hover {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:active {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.divTop {
	vertical-align: bottom;
	height: 19px;
	line-height: 19px;
}

.divBottom {
	vertical-align: bottom;
	height: 11px;
	line-height: 11px;
	padding-bottom: 2px;
}

.background-greenTV a:link {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-greenTV a:visited {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-greenTV a:hover {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-greenTV a:active {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellow {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
}

.background-grayTV {
	background-color: #f2f2f2;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTVTall {
	background-color: #FCE9C8;
	width: 100%;
	height: 40px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV a:link {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV a:visited {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV a:hover {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV a:active {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.fontNumberEst {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	text-align: center;
	vertical-align: middle;
}

.background-gray {
	background-color: #5e686a;
	width: 100%;
	height: 32px;
	border-top: 4px solid #E3E6EB;
	border-bottom: 4px solid #E3E6EB;
	align-content: center;
}

.fontNumberBlack {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	height: 12px;
}

.fontNumberBlackPadding {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	height: 12px;
	padding-right: 10px
}

.fontTextBlack {
	font-family: Roboto;
	font-size: 7px;
	color: #0b272d;
}

.fontNumberWhite {
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	height: 12px;
}

.fontNumberWhitePadding {
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	height: 12px;
	padding-right: 10px;
}

.fontTextWhite {
	font-family: Roboto;
	font-size: 7px;
	color: #FFFFFF;
}

.fontTextGray {
	font-family: Roboto;
	font-size: 8.5px;
	color: #ffffff;
	letter-spacing: 0.15px;
	line-height: 11px;
	font-weight: bold;
}

.fontOverAll {
	font-family: Roboto;
	font-size: 10px;
	color: #5e686a;
	letter-spacing: 0.18px;
	line-height: 11px;
	text-align: right;
	padding-right: 5px;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #f2f2f2;
}

.arrow-rightsmall {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #ebebeb;
}

.arrow-rightsmallleft {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid rgba(255, 255, 255, 0.15);
}

.quantityGrayTall {
	background: #f2f2f2;
	width: 75px;
	height: 40px;
	font-family: Roboto;
	font-size: 12px;
	color: #202022;
	line-height: 40px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityGrayTallEst {
	background: #f2f2f2;
	width: 100%;
	height: 40px;
	font-family: Roboto;
	font-size: 12px;
	color: #202022;
	line-height: 40px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.arrow-rightTall {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #f2f2f2;
}

.schedule-point-task-completed-delayed {
	background-color: #668014;
}

.schedule-point-task-completed-nondelayed {
	background-color: #33FF4C;
}

.schedule-point-task-notcompleted-delayed {
	background-color: red;
}

.schedule-point-task-notcompleted-notdelayed {
	background-color: yellow;
}

.previousValues {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	color: #1b1b1b;
	letter-spacing: 0.17px;
	line-height: 12px;
	text-align: left;
	font-style: italic;
}

.previousCell {
	background: #ededed;
	text-align: center;
	font-family: Roboto-Regular;
	font-size: 11px;
	color: #1b1b1b;
	letter-spacing: 0.18px;
	line-height: 12px;
}

.fcvTopTable {
	border-right: 1px solid #dfe2e6;
}

.fcvTopTableTopCell {
	border-left: 1px solid #dfe2e6;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	background-color: #f7f7f6;
}

.fcvBackGround {
	background-color: #AAAAAA;
}

.fcvTopTableBottomCell {
	border-left: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	background-color: #f7f7f6;
}

.stockRed {
	height: 18px;
	width: 20px;
	background-image: url("images/stockRed.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
}

.stockYellow {
	height: 18px;
	width: 20px;
	background-image: url("images/stockYellow.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
}

.stockGreen {
	height: 18px;
	width: 20px;
	background-image: url("images/stockGreen.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
}

.divPremium {
	background: rgba(208, 2, 27, 0.05);
	border: 1px solid #d0021b;
	border-radius: 4px;
	width: 48px;
	height: 17px;
	font-family: Roboto;
	font-size: 9px;
	color: #d0021b;
	letter-spacing: 0.56px;
	text-align: center;
	line-height: 17px;
	vertical-align: middle;
}

.addEditSchedule_popup_body {
	background: #ffffff;
	box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	width: 1335px;
	height: 850px;
}

.addEditSchedule_popup_headercol {
	background: #ffffff;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
}

.anchorlabel_addEditSchedule_popup {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #5c5c5b;
	line-height: 14px;
	text-align: left;
}

.addEditSchedule_popup_choicepanel {
	background: #ffffff;
	border: 1px solid #d6d5d4;
	border-radius: 2px;
	width: 188px;
	height: 31px;
	margin-left: 10px;
	margin-top: 15px;
}

.addEditSchedule_popup_choicepanel_button {
	background: #ffffff;
	font-size: 11px;
	font-family: Roboto;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	color: #0b272d;
	width: 80px;
	height: 32px
}

.addEditSchedule_popup_choicepanel_button_ACTIVE {
	background: #ffffff;
	font-size: 11px;
	font-family: Roboto;
	font-weight: bold;
	border-bottom: 1px solid #1F535D;
	color: #0b272d;
	width: 82px;
	height: 35px
}

.addEditSchedule_popup_choicelabel {
	font-family: Roboto;
	font-size: 11px;
	color: #0b272d;
	font-weight: bold;
	text-align: left;
	margin-top: 9px;
	margin-left: 3px;
	width: 40px;
}

.addEditSchedule_popup_childscheduleborder {
	border-bottom: thin solid #111111;
	border-bottom-color: black;
}

.addEditSchedule_popup_button {
	height: 30px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.addEditSchedule_popup_button_disabled {
	height: 30px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #F5F5F5;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.clockSymbolImage_schedule {
	background-image: url(images/clock.png);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	height: 14px;
	width: 13px;
	margin-left: 4px;
}

.addEditSchedule_popup_calender {
	height: 30px;
	width: 100px;
	background-image: url("images/calendar.png");
	background-repeat: no-repeat;
	background-position: right;
}

.addEditSchedule_popup_uparrow {
	background-image: url("images/arrowUp.png");
}

.addEditSchedule_popup_downarrow {
	background-image: url("images/arrowDown.png");
}

.taskStatusHeaderLable {
	opacity: 0.75;
	font-family: Roboto-Bold;
	font-size: 11px;
	color: #0b272d;
	letter-spacing: 0.2px;
	line-height: 11px;
	margin-left: 37px;
	font-weight: bold;
}

.taskStatusHeaderLableGreen {
	opacity: 0.75;
	font-family: Roboto-Bold;
	font-size: 11px;
	color: #417505;
	letter-spacing: 0.2px;
	line-height: 11px;
	font-weight: bold;
	margin-left: 5%;
}

.taskStatusHorizontalPanelImagePostion {
	background-image: url(images/Position0.png);
	background-repeat: no-repeat;
	background-position: -14px;
	margin-top: 6px;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion1 {
	background-image: url(images/Position1.png);
	background-repeat: no-repeat;
	background-position: -1px;
	margin-top: 6px;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion2 {
	background-image: url(images/Position2.png);
	background-repeat: no-repeat;
	background-position: -2px;
	margin-top: 6px;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion3 {
	background-image: url(images/Position3.png);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-top: 6px;
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion4 {
	background-image: url(images/Position4.png);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-top: 6px;
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion5 {
	background-image: url(images/Position5.png);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-top: 6px;
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.taskStatusImageFloderTask {
	background-image: url("images/FTC.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.taskStatusImageCircuitTask {
	background-image: url("images/CTF.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.summaryBackgroundColor {
	background-color: skyblue;
}

.taskStatusImageCricuit {
	background-image: url("images/CFT.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.taskStatusImageTaskFloder {
	background-image: url("images/TFC.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.taskStatusPopupCloseButton {
	background: #f2ca00;
	height: 27px;
	width: 27px;
	background-image: url(images/close.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0px;
	cursor: pointer;
	margin-left: -26px;
}

.taskStatusImageTask {
	background-image: url("images/TCF.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.taskStatusLableWhiteColour {
	font-family: Roboto-Regular;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 11px;
	margin-left: 30px
}

.taskStatusLable {
	font-family: Roboto-Regular;
	font-size: 11px;
	color: #202022;
	letter-spacing: 0.2px;
	line-height: 19px;
	text-align: center;
	margin-top: 6px;
	width: 69px;
}

.taskActivityLabelHeader {
	opacity: 0.75;
	font-family: Roboto-Bold;
	font-size: 11px;
	color: #0b272d;
	letter-spacing: 0.2px;
	line-height: 11px;
	font-weight: bold;
	text-align: center;
}

.taskStatusImageFloder {
	background-image: url("images/folderIMage.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 5px;
}

.taskStatusInfoActivityLable {
	font-family: Roboto-Medium;
	font-size: 11px;
	color: #2e8fb3;
	line-height: 29px;
	text-align: left;
	margin-left: 10px;
}

.taskStatusActivityTable th {
	border-bottom: 1px solid #e0e0de;
	border-bottom-color: #e0e0de;
}

.taskStatusInfoActivitypanel {
	background: #f7f7f6;
	width: 369px;
	height: 32px;
	width: 100%;
	height: 26px;
	margin-top: -5px;
	margin-bottom: -6px;
}

.pieContainer {
	height: 26px;
	width: 60px;
	margin-left: 5px;
	margin-top: 2px;
	line-height: 28px;
	position: relative;
}

.pieBackground {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 15px;
}

.pieSchedule {
	transition: all 1s;
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 18px;
	clip: rect(0px, 12px, 24px, 0px);
}

.hold {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 15px;
	clip: rect(0px, 24px, 24px, 1px);
}

#pieSlice1 .pieSchedule {
	background-color: #1b458b;
	transform: rotate(30deg);
}

#pieSlice2 {
	transform: rotate(30deg);
}

#pieSlice2 .pieSchedule {
	background-color: #0a0;
	transform: rotate(180deg);
}

#pieSlice3 {
	transform: rotate(210deg);
}

#pieSlice3 .pieSchedule {
	background-color: #0a0;
	transform: rotate(150deg);
}

.innerCircle {
	position: absolute;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border-radius: 12px;
	top: 4px;
	left: 4px;
	color: white;
}

.innerCircle .content {
	position: absolute;
	display: block;
	width: 24px;
	top: 8px;
	left: 0;
	text-align: center;
	font-size: 14px;
}

.pieChartDefaultFillColor {
	background-color: #d3d7cf;
}

.scheduleTopBar {
	width: 99%;
	border: 5px solid #ebeae8;
}

.scheduleTopBarFilterAndREfershButtonPanel {
	height: 33px;
	width: 100%;
	padding: 8%;
	border-right: 1px solid #dddde8;
}

.scheduleTopBarPanels {
	width: 100%;
	padding: 8%;
	height: 33px;
	border-right: 1px solid #dddde8;
}

.scheduleTopBarDrakLable {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 19px;
	color: #000000;
	letter-spacing: 0.47px;
	line-height: 14px;
	text-align: left;
}

.scheduleTopBarRedLable {
	font-family: Roboto-Regular;
	font-size: 12.5px;
	color: #d0021b;
	line-height: 14px;
	text-align: left;
}

.scheduleTopBarGreyLabel {
	opacity: 0.35;
	font-family: Roboto-Regular;
	font-size: 12.5px;
	color: #000000;
	line-height: 12px;
	text-align: left;
}

.scheduleTopBarInfoLables {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #0b272d;
	letter-spacing: 0;
	line-height: 7px;
	text-align: left;
}

.scheduleTopBarCalender {
	background-position: right 3px;
	background-image: url(images/calenderBlue.png);
	background-repeat: no-repeat;
	width: 87px;
	height: 20px;
	border: 0px solid #ccc;
	border-top: 0px solid #999;
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #326299;
	text-align: inherit;
	margin-top: 7px;
}

.scheduleTopBarRightArrowInCircle {
	opacity: 0.4;
	margin-top: 6px;
	margin-left: 13px;
	border: 1px solid #485d62;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-position: 8px;
	background-image: url(images/greaterThanArrow.png);
	background-repeat: no-repeat;
}

.scheduleTopBarOnToadyButton {
	background: #e6e6e6;
	border-radius: 100px;
	width: 45px;
	height: 26px;
	font-size: 9px;
	opacity: 0.75;
	font-family: Roboto-Bold;
	font-size: 11px;
	color: #0b272d;
	letter-spacing: 0.2px;
	line-height: 9px;
	margin-top: 6px;
	margin-left: 7px;
}

.scheduleTopBarLeftArrowInCircle {
	opacity: 0.4;
	margin-top: 6px;
	margin-right: 11px;
	border: 1px solid #485d62;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-position: 8px;
	background-image: url(images/lessThanArrow.png);
	background-repeat: no-repeat;
}

.scheduleTopBarDelayedButtonPanel {
	width: 100%;
	padding: 10%;
	height: 33px;
}

.scheduleTopBarViewByLable {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #0b272d;
	letter-spacing: 0;
	text-align: left;
	margin-top: 19%;
}

.schduleTopBarViewByPanel {
	height: 33px;
	width: 100%;
	padding: 5%;
}

#circle, #circle .segment {
	border-color: #dcdcdc;
	border-style: solid;
	border-width: 2px;
	box-sizing: border-box;
	height: 18px;
	position: relative;
	width: 18px;
}

#circle .segment {
	-webkit-clip-path: inset(0 9px 0px 0px);
	left: -2px;
	position: absolute;
	top: -2px;
	border-color: red;
}

.datePorgressLable {
	font-size: 9px;
	font-weight: bold;
	border-radius: 10px;
	height: 15px;
	color: white;
	width: 99%;
	background-color: #007BB8;
	text-align: center;
}

.popupFromRightToLeft {
	/* for chrome and safari*/
	-webkit-animation-duration: 4s;
	-webkit-animation-name: slidein;
	margin-left: 10%;
	/*for firefox*/
	-moz-animation-duration: 4s;
	-moz-animation-name: slidein;
	/* for opera*/
	-o-animation-duration: 4s;
	-o-animation-name: slidein;
	/* Standard syntax*/
	animation-duration: 4s;
	animation-name: slidein;
}

@
-webkit-keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
@
-moz-keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
@
-o-keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
@
keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
.suggestion {
	position: absolute;
	display: inline-block;
}

.suggestion .suggestionText {
	visibility: hidden;
	width: 188px;
	background-color: gainsboro;
	color: black;
	text-align: center;
	border-radius: 2px;
	padding: 2px 0;
	position: absolute;
	z-index: 1;
	font-size: 9px;
	top: 95%;
	left: 0%;
}

.suggestion:hover .suggestionText {
	visibility: visible;
}

.popupFromLeftToRight {
	/* for chrome and safari*/
	-webkit-animation-duration: 4s;
	-webkit-animation-name: slideout;
	margin-left: 10%;
	/*for firefox*/
	-moz-animation-duration: 4s;
	-moz-animation-name: slideout;
	/* for opera*/
	-o-animation-duration: 4s;
	-o-animation-name: slideout;
	/* Standard syntax*/
	animation-duration: 4s;
	animation-name: slideout;
}

@
-webkit-keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
@
-moz-keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
@
-o-keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
@
keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
.breadCrumbCricuit  h6 {
	position: relative;
	background: darkblue;
	width: 8px;
	height: 12px;
	margin: 4px;
}

.breadCrumbCricuit h6:before, h6:after {
	position: absolute;
	content: "";
	left: 0;
	border: 4px solid transparent;
	height: 0;
	width: 0;
}

.breadCrumbCricuit h6:before {
	top: 0;
	border-top-color: #d3d7cf;
}

.breadCrumbCricuit h6:after {
	top: 100%;
	border-top-color: darkblue;
}

.breadCrumbFolder h6 {
	position: relative;
	background: #7a367a;
	width: 8px;
	height: 12px;
	margin: 4px;
}

.breadCrumbFolder h6:before, h6:after {
	position: absolute;
	content: "";
	left: 0;
	border: 4px solid transparent;
	height: 0;
	width: 0;
}

.breadCrumbFolder h6:before {
	top: 0;
	border-top-color: #d3d7cf;
}

.breadCrumbFolder h6:after {
	top: 100%;
	border-top-color: #7a367a;
}

.breadCrumbTask h6 {
	position: relative;
	background: #72d4f9;
	width: 8px;
	height: 12px;
	margin: 4px;
}

.breadCrumbTask h6:before, h6:after {
	position: absolute;
	content: "";
	left: 0;
	border: 4px solid transparent;
	height: 0;
	width: 0;
}

.breadCrumbTask h6:before {
	top: 0;
	border-top-color: #d3d7cf;
}

.breadCrumbTask h6:after {
	top: 100%;
	border-top-color: #72d4f9;
}

.RuleButtonTableEstimationOfProject {
	opacity: 0.7;
	padding-left: 1px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #5E686A;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.nounitRateLable {
	font-size: smaller;
	text-align: center;
	color: red;
	font-weight: bold;
}

.itemsEstimationOfProjectTile {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.itemsEstimationOfProjectTileSelected {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.messageBox {
	border-radius: 15px;
	padding: 8px;
	margin: 2px;
}

.chatlistEven {
	background-color: #FFF;
}

.chatlistEven:hover {
	background-color: #72d4f9
}

.chatlistOdd {
	background-color: #E8E8E8;
}

.chatlistOdd:hover {
	background-color: #72d4f9
}

.messageBoxAlignmentRight {
	/* for chrome and safari*/
	text-align: -webkit-right;
	/* for morzilla*/
	text-align: -moz-right;
	/* for opera*/
	text-align: -o-right;
	/* for Internet Explorer*/
	text-align: -ms-right;
}

.messageBoxAlignmentCenter {
	/* for chrome and safari*/
	text-align: -webkit-center;
	/* for morzilla*/
	text-align: -moz-center;
	/* for opera*/
	text-align: -o-center;
	/* for Internet Explorer*/
	text-align: -ms-center;
}

.feedDateLableStyle {
	border-radius: 25px 25px 25px 25px;
	background: white;
	padding: 1px 5px;
	line-height: 2;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
	width: 193px;
	text-align: center;
}

.feedNotificationLabelPanel {
	padding: 5px;
	line-height: 2.4;
	color: white;
	background-color: rgba(0, 0, 0, 0.87);
}

.loaderSmallRemove {
	overflow: auto;
	position: relative;
	zoom: 1;
	width: 279px;
	height: 264px;
}

.buttonPadding {
	padding-right: 4px;
}

.buttonPaddingConstructionary {
	padding-right: 22px;
}

.feedNotificationLable {
	font-size: 12px;
	font-weight: 500;
}

.imageDetailsProjectAnchor {
	color: #ffa000;
	font-size: 10px;
	font-family: Roboto;
	font-weight: 500;
	padding: 6px;
	padding-left: 30px;
	background-image: url(images/project-image-icon.png);
	background-repeat: no-repeat;
}

.imageDetailsCircuitAnchor {
	color: #ffa000;
	font-size: 10px;
	font-family: Roboto;
	font-weight: 500;
	padding: 6px;
	padding-left: 30px;
	background-image: url(images/circuit-pin-icon.png);
	background-repeat: no-repeat;
}

.imageDetailsText {
	color: rgba(0, 0, 0, 0.54);
	font-size: 10px;
	font-weight: 500;
	font-family: Roboto;
	padding: 1px;
}

.imageDetailsTextWithCruveRectangleBorder {
	line-height: 2;
	padding: 5px;
	border-radius: 17px;
	color: rgba(0, 0, 0, 0.54);
	font-family: Roboto;
	font-weight: 500;
	font-size: 10px;
	background-color: #eeeeee;
}

.imageDeatilsAnchorWithicons {
	/* cursor: pointer; */
	display: flex;
	color: rgba(0, 0, 0, 0.54);
	text-decoration: none;
}

.imageFeedCommentSendTextArea {
	width: 98%;
	background-color: #ffffff;
	border: 0px;
	padding: 6px;
	text-align: start;
	height: 18px;
	outline: none;
}

.imageFeedCommentSendButton {
	background: #ffffff;
	width: 100%;
	height: 30px;
	border: 0px;
	background-image: url(images/send.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.squre-comment {
	width: 16px;
	height: 12px;
	border: 2px solid grey;
	text-align: center;
	position: absolute;
	font-size: 10px;
	font-family: Roboto;
}

.squre-comment::after {
	position: absolute;
	content: "";
	border-top: 6px solid grey;
	border-right: 6px solid transparent;
	top: 14px;
	left: -2px;
}

.imageFeedCommentParentTextBox {
	border-radius: 6px;
	background-color: #eeeeee;
	padding: 15px;
	width: 100%;
	font-family: Roboto;
	font-size: 12px;
}

.imageFeedCommentWithNoreply {
	color: rgba(0, 0, 0, 0.54);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	background-color: white;
	border-right: 6px solid #d8d8d8;
}

.imageFeedCommentWithreply {
	color: rgba(0, 0, 0, 0.54);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	background-color: white;
	border-left: 6px solid black;
}

.imageFeedCommentreply {
	background-color: white;
	border-left: 6px solid #f5b233;
}

.imageFeedReplyPopUpButton {
	cursor: pointer;
	border: 0px;
	height: 26px;
	background-color: white;
	background-image: url(images/more-vert.png);
	background-repeat: no-repeat;
}

.imagesInfoPanel {
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px;
	font-weight: 500;
	border-right: 1px solid #eeeeee;
	padding: 9px;
}

.imageFixedLable {
	color: rgba(0, 0, 0, 0.54);
	font-size: 10px;
	font-family: Roboto;
	font-weight: normal;
}

.imagesCountLable {
	color: black;
	padding: 6px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
}

.imagesViewAsSelect {
	padding: 3px;
	outline: none;
	border: 0;
	width: 91px;
	font-size: 14px;
	font-weight: 500;
	font-family: Roboto;
}

.imagesFilterSerchTextBox {
	border: 0;
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px;
	font-weight: bolder;
	background-color: rgb(232, 232, 232);
	padding: 4px;
}

.imageFilterPopUP {
	padding: 4px !important;
	border: 0px !important;
	background-color: white !important;
}

.dotImageFilter {
	height: 7px;
	width: 7px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.buttonWithSelectinListIcon {
	border: 0px;
	background: transparent;
	color: black;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	outline: none;
	cursor: pointer;
}

.resetButtonWithoutBorder {
	color: rgba(0, 0, 0, 0.54);
	background: transparent;
	outline: none;
	cursor: pointer;
	border: 0;
}

.imagesPaginationAnchor {
	color: black;
	width: 49px;
	height: 13px;
	padding: 6px;
	background-color: #ffC34f;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-left: -17px;
	margin-right: -16px;
	font-family: Roboto;
	font-size: 8px;
}

.sub-header-count {
	padding: 9px 8px;
	text-align: center;
	color: #757575;
	font-weight: bold;
	font-family: Roboto;
	font-size: 14px;
}

.image-of-count {
	padding-top: 5px;
}

.imagesGroupHeaderLabel {
	padding: 10px 8px;
	text-align: center;
	border-radius: 22px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: bold;
	font-family: Roboto;
	font-size: 14px;
}

.imagesGroupHeaderLabelPanel {
	background: white;
	padding: 0px 10px 0px 10px;
	border-radius: 27px;
	margin-right: 10px;
}

.imagesCommentsCountLable {
	padding-left: 26px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: black;
}

.imagesDateFilterDateBox {
	border: 0px;
	background: transparent;
	font-size: 14px;
	font-family: Roboto;
	font-weight: 500;
	outline: none;
}

.circuitHeaderLable {
	background-image: url(images/circuit-pin-black.png);
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.userHeaderLable {
	background-image: url(images/profile-black.png);
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.dateHeaderLable {
	background-image: url(images/calendar-black.png);
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.singleImagePopupHeader {
	display: -webkit-box;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	padding: 2px;
}

.singleImagePopupNextImageAnchor {
	font-size: 20px;
	color: black;
	margin-left: -38px;
	transform: rotate(-450deg);
}

.loaderSmallRemove {
	overflow: auto;
	position: relative;
	zoom: 1;
	width: 279px;
	height: 264px;
}

.buttonPadding {
	padding-right: 4px;
}

.singleImagePopupLastImageAnchor {
	font-size: 20px;
	color: black;
	margin-right: -36px;
	transform: rotate(-450deg);
}

.squre-comment-black {
	width: 16px;
	height: 12px;
	border: 2px solid black;
	text-align: center;
	position: absolute;
	font-size: 10px;
	font-family: Roboto;
}

.squre-comment-black::after {
	position: absolute;
	content: "";
	border-top: 6px solid black;
	border-right: 6px solid transparent;
	top: 14px;
	left: -2px;
}

.imagesPanelCommentsAnchorPanel {
	position: relative;
	background-color: white;
	height: 28px;
	width: 27px;
	padding: 4px;
	margin-left: -26px;
	top: -3px;
}

.imageVersionsLablePanel {
	position: relative;
	margin-left: -36px;
	padding: 7px;
	background-color: white;
	height: 36px;
	width: 36px;
	border-radius: 0px 0px 0px 29px;
	color: rgba(0, 0, 0, 0.54);
}

.activityRefrashButton {
	outline: none;
	border: 0px;
	padding: 5px;
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.33;
	color: rgba(0, 0, 0, 0.54);
	background-color: white;
}

.activityCountLable {
	font-family: Roboto;
	font-size: 14px;
	line-height: 1.43;
	color: rgba(0, 0, 0, 0.87);
}

.activityDateLable {
	background-color: rgba(0, 0, 0, 0.38);
	padding: 5px 0px 3px 5px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	text-align: center;
	border-radius: 25px 25px 25px 25px;
}

.activityDataPanel {
	width: 100%;
	border-bottom: solid 1px #0000008a;
}

.activityLable {
	font-family: Roboto;
	font-size: 12px;
	color: #ffffff;
}

.imageGroupPanelCheckbox {
	background-color: white;
	border-radius: 32px;
	margin-right: 7px;
}

.imageGenerateReportButton {
	background: #ffba04;
	border: 1px solid #FFB908;
	color: black;
	border-radius: 0px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	padding: 4px 6px;
	text-decoration: none;
}

.notificationSelectedIcon {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:hover {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:link {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:visited {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:active {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationIcon {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:hover {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:link {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:visited {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:active {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.unreadCircleRed {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:hover {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:link {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:visited {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:active {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:hover {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:link {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:visited {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:active {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.feedTopPanel {
	width: 100%;
	height: 37px;
	background-color: #ffffff;
	padding-left: 16px;
	padding-right: 7px;
}

.feedWindow {
	border: solid 1px #ffffff;
}

.lblAllFeeds {
	width: 102px;
	height: 20px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.feedTile {
	width: 100%;
	border-top: solid 0.5px rgba(0, 0, 0, 0.54);
	border-bottom: solid 0.5px rgba(0, 0, 0, 0.54);
	background-color: rgba(0, 0, 0, 0.54);
	padding: 10px;
}

.feedCommentReply {
	background-image: url(images/feedCommentReply.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedImageComment {
	background-image: url(images/feedImageComment.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedNewImage {
	background-image: url(images/feedNewImage.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedImageVersion {
	background-image: url(images/feedImageVersion.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedIndent {
	background-image: url(images/feedIndent.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedPO {
	background-image: url(images/poFeed.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedWO {
	background-image: url(images/woFeed.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedChallan {
	background-image: url(images/challanFeed.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedDate {
	height: 26px;
	border-radius: 13px;
	background-color: rgba(0, 0, 0, 0.38);
	font-family: Roboto;
	font-size: 12px;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 26px;
	vertical-align: middle;
	margin-bottom: 10px;
}

.feedProjectName {
	height: 24px;
	border-radius: 2px;
	background-color: #9e9e9e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	margin-bottom: 10px;
}

.feedProjectName {
	height: 24px;
	border-radius: 2px;
	background-color: #9e9e9e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	margin-bottom: 10px;
}

.feedText {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	margin-bottom: 10px;
}

.feedAnchor {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.feedAnchor:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.feedAnchor:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.feedAnchor:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.feedAnchor:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.footerDate {
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #ffffff;
}

.projectCard {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 2px;
	/* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);*/
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
	border-image-slice: 1;
	background-image: #ffffff, linear-gradient(to bottom, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.projectCardHover {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 2px;
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
	border-image-slice: 1;
	background-image: #ffffff, linear-gradient(to bottom, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
	padding-left: 2px;
}

.projectHeaderBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.54);
}

.projectMidBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

.projectBottomBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

.projectOrdersBar {
	background-color: #eeeeee;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	padding-left: 12px;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderOneText {
	height: 13px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
	padding-left: 8px;
}

.projectHeaderOneTextNoPadding {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderOneTextNoPaddingAlignRight {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	text-align: right;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderTwoText {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderTwoTextRed {
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectHeaderTwoTextRed {
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectContentBigBlack {
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectPartsTotalCell {
	padding-left: 2px;
	padding-right: 2px;
}

.projectPartsTotalTable {
	background-color: #eeeeee;
}

.projectCircuitLabel {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectContentBigRed {
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectContentSmallBlack {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectContentSmallBlackMiddle {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	vertical-align: middle;
}

.paddingLeft {
	padding-left: 8px;
}

.projectContentSmallRed {

}

.clientOrderDiv {
	width: 8px;
	height: 8px;
	background-color: #84611d;
}

.budgetDiv {
	width: 8px;
	height: 8px;
	background-color: #244c8f;
}

.costInProcessDiv {
	width: 8px;
	height: 8px;
	background-color: #4f9cff;
}

.clientBillDiv {
	width: 8px;
	height: 8px;
	background-color: #ffc34f;
}

.costCompletedDiv {
	width: 8px;
	height: 8px;
	background-color: #a2d5ff;
}

.projectContentSmallRedMiddle {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: red;
	vertical-align: middle;
}

.fTableParts {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	border-bottom: 1px solid #BDBDBD;
}

.blankGraph {
	width: 10px;
	height: 18px;
	opacity: 0.3;
	border-radius: 1px;
	background-color: #d8d8d8;
	vertical-align: bottom;
	line-height: 18px;
}

.clientOrderGraph {
	width: 10px;
	background-color: #84611d;
}

.budgetGraph {
	width: 10px;
	background-color: #244c8f;
}

.costInProcessGraph {
	width: 10px;
	background-color: #4f9cff;
}

.clientBillGraph {
	width: 10px;
	background-color: #ffc34f;
}

.costCompletedGraph {
	width: 5px;
	background-color: #a2d5ff;;
}

.netAmtGreen {
	font-family: RupeeForadian;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #45ba5a;
}

.netAmtRed {
	font-family: RupeeForadian;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectIcon {
	background-image: url(images/project.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	padding-left: 9px;
}

.teamIcon {
	background-image: url(images/team.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	padding-left: 9px;
}

.projectName {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName_estimation {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-decoration: none;
}

.projectName:link {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:visited {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:hover {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:hover {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.executionIcon {
	background-image: url(images/execution.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 4px;
	text-align: right;
}

.executionIconGreen {
	background-image: url("images/executeGreen.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	text-decoration: none;
	margin-left: 4px;
	text-align: right;
	align-content: center;
	background-size: 24px 24px;
	background-position: center;
}

.placeIcon {
	background-image: url(images/place.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 36px;
	text-align: right;
}

.scope_and_offer_placeIcon {
	background-image: url(/images/location.svg);
	background-repeat: no-repeat;
	height: 13px;
	width: 13px;
	text-decoration: none;
	text-align: right;
	margin-left: 6px;
}

.location_circuit_icon {
	background-image: url(images/location_circuit_icon.svg);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	text-decoration: none;
	text-align: right;
}

.imageIcon {
	background-image: url(images/feedNewImage.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.feedIcon {
	background-image: url(images/feeds.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	margin-left: 45px;
}

.chatIcon {
	background-image: url(images/chats.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.alert-circle-outline {
	background-image: url(images/alert-circle-outline.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.alert-circle {
	background-image: url(images/alert-circle.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.deleteIcon {
	background-image: url(images/delete.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.deleteIconDisabled {
	background-image: url(images/delete.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	opacity: 0.20;
}

.updateIcon {
	background-image: url(images/edit.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.updateIcon_estimate {
	background-image: url(images/edit.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	margin-right: 15px;
}

.updateIconDisabled {
	background-image: url(images/edit.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	opacity: 0.20;
}

.leftMargin {
	padding-left: 65px;
}

.bottomMargin {
	padding-bottom: 10px;
}

.indentIcon {
	background-image: url(images/indent.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.moIcon {
	background-image: url(images/mo.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.poIcon {
	background-image: url(images/po.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.challanIcon {
	background-image: url(images/challan.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.woIcon {
	background-image: url(images/wo.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.countCircleRed {
	width: 18px;
	height: 18px;
	background-color: #ea2a2a;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	text-decoration: none;
}

.countText {
	width: 18px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	color: #ffffff;
}

.approvalPopupRowNoHover {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
}

.approvalPopupRowNoHoverRed {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: red;
	height: 30px;
}

.approvalPopupRow {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
}

.approvalPopupRow:hover {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
	background-color: #eeeeee;
	cursor: pointer;
	text-decoration: none;
}

.approvalPopupRowNoHeight {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	background-color: #eeeeee;
}

.hPanelStatusCell {
	position: relative;
	top: 12px;
}

.hideDiv {
	visibility: hidden;
}

.imageAnchor {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:link {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:visited {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:hover {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:active {
	cursor: pointer;
	text-decoration: none;
}

.projectListBox {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

select.projectListBox option {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectListBox option {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectStatusLabel {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectTilePO {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-decoration: none
}

.projectTilePOHover {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #eeeeee;
	text-decoration: none
}

.textPadding {
	padding-right: 4px;
}

.searchTextBox {
	width: 239px;
	border-radius: 2px;
	border: solid 1px rgba(0, 0, 0, 0.87);
}

.stPlaceHolder::-webkit-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.stPlaceHolder:-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.stPlaceHolder::-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.stPlaceHolder:-ms-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	ffont-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.folderTileNew {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.folderTileNewExpanded {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.folderTileNewHover {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0px 1px 2px 2px #E0E0E0;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}


.vendor_info_pop_up_header {
	color: white;
	margin-left: 10px;
	font-size: 12px;
	font-family: roboto;
	font-weight: bold;
	margin-top: 9px;
	width: max-content;
}


.rightCategoryTileNew {
	width: 95%;
	height: 120px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.rightCategoryTileNewHover {
	width: 95%;
	height: 120px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNew {
	width: 185px;
	height: 46px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}




.categoryTileNewHover {
	width: 185px;
	height: 50px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNewSelected {
	width: 185px;
	height: 50px;
	background: rgba(115, 95, 6, 0.07);
	border: 1px solid rgba(115, 95, 6, 0.6);
	border-radius: 4px;
}

.constructionaryHeader1 {
	font-family: Roboto;
	font-style: Bold;
	font-size: 10px;
	opacity: 0.4;
	color: #333230;
	padding-left: 20px;
}

.constructionaryHeader2 {
	font-family: Roboto;
	font-style: Regular;
	font-size: 22px;
	line-height: 22px;
	color: #735F06;
	padding-left: 20px;
}

.daHeader {
	font-family: Roboto;
	font-style: Regular;
	font-size: 22px;
	line-height: 22px;
	color: #735F06;
	padding-left: 5px;
}

.constructionarySearchBoxTextBox {
	width: 531px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.searchIcon {
	width: 38px;
	height: 18px;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
	cursor: pointer;
}

.constructionarySearchBoxCreatePart {
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	margin-left: 30px;
}

.searchIconNoPointer {
	width: 38px;
	height: 18px;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.constructionarySearchBoxAddPart {
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	padding-left: 15px;
}

.constructionarySearchBoxCreatePartTextBox {
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.constructionaryHomeBackground {
	background: #E5E5E5;
}

.categoryUnspecBackground {
	background: #FFFFFF;
}

.constructionarySearchBoxPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.constructionarySearchBoxPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.constructionarySearchBoxPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.constructionarySearchBoxPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.createPartName {
	height: 30px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
	background: rgba(51, 50, 48, 0.05);
}

.createPartNameNew {
	height: 15px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
	background: rgba(51, 50, 48, 0.05);
}

.folderSearchBox {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	background: #FFFFFF;
}

.folderSearchBoxTextBox {
	height: 29px;
	padding-left: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	border: none;
	background: transparent;
}

.folderSearchBoxPopulated {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
	background: rgba(51, 50, 48, 0.05);
}

.folderSearchBoxText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
}

.downIcon {
	width: 38px;
	height: 18px;
	background-image: url("images/constructionaryDown.png");
	background-repeat: no-repeat;
	background-size: 10px 8px;
	background-position: center;
	cursor: pointer;
}

.folderSearchBoxPlaceHolder::-webkit-input-placeholder {
	height: 100%;
	line-height: 30px;
}

.folderSearchBoxPlaceHolder:-moz-placeholder {
	height: 100%;
	line-height: 30px;
}

.folderSearchBoxPlaceHolder::-moz-placeholder {
	height: 100%;
	line-height: 30px;
}

.folderSearchBoxPlaceHolder:-ms-input-placeholder {
	height: 100%;
	line-height: 30px;
}

.searchPopupRowRollOut {
	outline: none;
	width: 100%;
}

.searchPopupRowRollOver {
	outline: none;
	background: #F5F4EE;
	width: 100%;
}

.specName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #4F4F4F;
	opacity: 0.8;
}

.specValue {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333333;
	opacity: 0.8;
}

.specLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #735F06;
}

.specLabelRed {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: red;
	padding-right: 2px;
	padding-left: 2px;
}

.specPanel {
	padding-top: 20px;
	padding-bottom: 20px;
}

.specErrorPanel {
	padding-top: 8px;
	padding-bottom: 8px;
}

.createPartValue {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	opacity: 0.8;
}

.createPartLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 12px;
	color: #333333;
}

.createPartSpecLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #4F4F4F;
	opacity: 0.8;
	margin-bottom: 5px;
}

.createPartSpecLabelSelected {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	margin-bottom: 5px;
}

.createPartPaddingLeft {
	padding-left: 15px;
}

.createPartPaddingBottom {
	margin-bottom: 15px;
}

.partsSectionBorder {
	border-right: 3px solid #DFE2E6;
}

.partsSectionBorderDark {
	border: 1px solid #E0E0E0;
	background: #FFFFFF;
}

.homeIcon {
	width: 18px;
	height: 18px;
	background-image: url("images/home.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
	cursor: pointer;
}

.infoIcon {
	width: 14px;
	height: 14px;
	background-image: url("images/info.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center;
	cursor: pointer;
}


.infoGrayIcon {
	width: 14px;
	height: 14px;
	background-image: url("images/infoGray.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center;
	cursor: pointer;
}

.infoGrayIconDisabled {
	width: 14px;
	height: 14px;
	background-image: url("images/infoGray.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center;
	opacity: 0.2;
}

.chevRight {
	width: 7px;
	height: 12px;
	background-image: url("images/chevRight.svg");
	background-repeat: no-repeat;
	background-size: 7px 12px;
	background-position: center;
}

.chevDownSmallConstructionary {
	width: 12px;
	height: 12px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.partSearchTBTextBox {
	background: transparent;
	height: 40px;
	outline: none;
	border: transparent;
	padding-left: 12px;
}

.orderSearchTBTextBox {
	background: #FFFFFF;
	outline: none;
	border: transparent;
	box-sizing: border-box;
	border-radius: 2px;
	height: 28px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.partSearchTB {
	height: 40px;
	background: #FFFFFF;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 25px;
	margin-right: 6%;
}

.searchTBPanel {
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	width: 200px;
}

.collapseIcon {
	width: 24px;
	height: 24px;
	background-image: url("images/collapseLeft.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.expandIcon {
	width: 24px;
	height: 24px;
	background-image: url("images/expandRight.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.noRecordsText {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	margin-left: 20px;
	margin-top: 20px;
}

.orderSearchTBPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.orderSearchTBPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.orderSearchTBPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.orderSearchTBPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.partSearchTBPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchTBPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchTBPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchTBPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchPopup {
	width: 569px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.25);
	box-sizing: border-box;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	height: 231px;
}

.partSearchPopupNoWidth {
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.25);
	box-sizing: border-box;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	height: 231px;
}

.partSearchPopupRow {
	padding-left: 16px;
}

.partSearchMatchFolder {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #735F06;
}

.partSearchNotMatchFolder {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #828282;
	opacity: 0.6;
}

.partSearchMatch {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #735F06;
	cursor: pointer;
}

.partSearchNotMatch {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #828282;
	opacity: 0.6;
	cursor: pointer;
}

.partRowPadding {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
}

.partSearchTableBorder {
	width: 12px;
	height: 12px;
}

.partSearchTableHorizontalLine {
	border-left: 1px solid #EAE9E8;
	border-bottom: 1px solid #EAE9E8;
	height: 10px;
	width: 10px;
}

.rightFolderTile {
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	margin-left: 30px;
	margin-top: 24px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.rightFolderTileHover {
	background: #FFFFFF;
	mix-blend-mode: normal;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 2px;
	margin-left: 30px;
	margin-top: 24px;
	box-shadow: 0px 5px 10px 20px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.rightFolderTileHoverTopBar {
	height: 4px;
	width: 100%;
	background: #D9B410;
	border-radius: 2px 2px 0px 0px;
}

.categoryTileHoverTopBar {
	height: 4px;
	width: 100%;
	background: #735F06;
	border-radius: 2px 2px 0px 0px;
}

.expand {
	width: 24px;
	height: 24px;
	background-image: url("images/expand.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.collapse {
	width: 24px;
	height: 24px;
	background-image: url("images/collapse.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.chevDownSmallConstructionary {
	width: 12px;
	height: 12px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.partNameTextAddPart {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partTileHover {
	background: #F5F4EE;
}

.folderTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.3;
	padding-left: 15px;
}

.categoryTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.6;
}

.compAddAnchor {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchorPaddingDisabled {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPadding {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.partCompareBarNoPadding {
	height: 48px;
	line-height: 48px;
	background-color: #735F06;
	padding-top: 8px;
	padding-bottom: 8px;
}

.compareButton {
	width: 129px;
	height: 32px;
	background: #FADC19;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.compareButton_new {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	margin-right: 6px;
}

.compareButton_newMargin {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	margin-right: 16px;
}

.compareButtonText_new {
	background-color: #FFD400;
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
	line-height: 14px;
}

.compareButtonMargin {
	width: 129px;
	height: 32px;
	background: #FFFFFF;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 16px;
}

.compareText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #323133;
	opacity: 0.9;
	/* #7A6600; */
}

.compareTextPadding {
	padding-left: 14px;
}

.compareTextPaddingBoth {
	padding-left: 14px;
	padding-right: 14px;
}

.comparePopup {
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	border-radius: 4px;
}

.paddingLeftComparePopup {
	padding-left: 25px;
}

.compareTextGray {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #323133;
	/* #828282; */
	opacity: 0.9;
}

.comparePopupHeader {
	background: #F5F5F5;
	height: 55px;
	width: 100%;
}

.comparePopupCompareText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}

.comparePopupCompareButton {
	width: 129px;
	height: 32px;
	background: #735F06;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.addPopupCompareButton {
	height: 32px;
	background: #735F06;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.partsCompareTable {
	border-top: 2px solid #EFEFEF;
	border-left: 3px solid #EFEFEF;
}

.partsCompareHeader {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: #3D3C3A;
	padding-left: 15px;
}

.folderTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.3;
	padding-left: 15px;
}

.partsCompareHeaderBack {
	background-color: #F5F5F5;
	width: 100%;
	height: 78px;
	padding-right: 150px;
}

.showOnlySelectedOuterTrueBrown {
	background: #735F06;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	cursor: pointer;
	text-align: right;
	border: 1px solid #d9b40f;
}

.highlightDiffText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
}

.highlightDiffTextGray {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	opacity: 0.5;
}

.partsCompareSpecTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #333230;
	padding-left: 15px;
}

.partsComparePartName {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	color: #333230;
	padding-left: 15px;
}

.partsCompareSpecName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	padding-left: 10px;
	word-break: break-all;
	background: white;
}

.partsCompareSpecNameDiff {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	padding-left: 10px;
	background-color: white;
	opacity: 1.0;
}

.partsCompareSpecValue {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	opacity: 0.5;
	padding-left: 10px;
}

.partsCompareSpecValueDiff {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	padding-left: 10px;
	background-color: #F7F5F0;
	word-break: break-all;
}

.specFilterNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 6%;
	margin-right: 6%;
	padding-left: 3%;
	padding-right: 3%;
}

.specFilterNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 6%;
	margin-right: 6%;
	padding-left: 3%;
}

.filterBySpecsNoBorder {
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 6%;
	margin-right: 6%;
}

.filterBySpecsText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	mix-blend-mode: normal;
}

.specFilterNameContent {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	opacity: 0.75;
}

.specFilterNameLeftBorder {
	border-left: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

.specFilterNameContentSelected {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #735F06;
}

.specFilterAppliedCircle {
	width: 20px;
	height: 20px;
	background-color: #735F06;
	border-radius: 50%;
	position: relative;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.specFilterAppliedNo {
	width: 12px;
	height: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	mix-blend-mode: normal;
}

.specFilterNameNumber1 {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	text-align: right;
	text-transform: uppercase;
	color: #735F06;
	mix-blend-mode: normal;
	margin-right: 3px;
}

.specFilterNameNumber2 {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	text-align: right;
	text-transform: uppercase;
	color: #000000;
	mix-blend-mode: normal;
	opacity: 0.25;
}

.specFilterPopupPanel {
	background: #FFFFFF;
	border: 1px solid #7A6600;
	box-sizing: border-box;
	border-radius: 2px;
	height: 347px;
}

.specFilterPopupPanelName {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #7A6600;
}

.specFilterSearchBox {
	height: 100%;
	background: #F5F4EE;
}

.specFilterSearchBoxPlaceHolder::-webkit-input-placeholder {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	opacity: 0.52
}

.specFilterSearchBoxPlaceHolder:-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.specFilterSearchBoxPlaceHolder::-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.specFilterSearchBoxPlaceHolder:-ms-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	ffont-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.closeButtonConstructionarySmall {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	padding-left: 9px;
	padding-right: 9px;
}

.refreshIconFilter {
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	height: 32px;
	width: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
}

.closeIconConstructionary {
	background-image: url(images/close.svg);
	background-repeat: no-repeat;
	height: 8px;
	width: 8px;
}

.closeButtonFilterNew {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
}

.closeButtonConstructionary {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	padding-left: 11px;
	padding-right: 11px;
}

.filterMenu {
	height: 100%;
	background: #F5F5F5;
	border-top: 1px solid #E2E1E1;
	border-bottom: 1px solid #E2E1E1;
	box-sizing: border-box;
}

.filterMenuSelectedCell {
	border-bottom: 2px solid #7A6600;
}

.filterMenuAnchor {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchor:link {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchor:visited {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchor:hover {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchor:active {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchorSelected {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:link {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:visited {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:hover {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:active {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.folderIcon {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 8px;
}

.folderIconExpandedRight {
	background-image: url(images/folderTileExpanded.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 8px;
}

.folderIconSearch {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 10px;
	width: 12.5px;
	background-size: 12.5px 10px;
	text-decoration: none;
	margin-right: 2px;
}

.categoryIcon {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 15px;
	margin-top: 8px;
}

.categoryIconSmall {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 2px;
	margin-top: 1px;
}

.categoryIconSearch {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 10px;
	width: 12.5px;
	background-size: 12.5px 10px;
	text-decoration: none;
	margin-right: 2px;
}

.categoryIconHeader {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
}

.folderIconExpanded {
	background-image: url(images/folderTileExpanded.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 8px;
	margin-top: 8px;
}

.folderIconExpandedHeader {
	background-image: url(images/folderTileExpanded.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
}

.folderName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #333230;
	padding-left: 9.5px;
	padding-top: 10px;
}

.templateName {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10.5px;
	line-height: 12px;
	color: #333230;
	padding-left: 1px;
	padding-top: 10px;
	opacity: 0.9;
}

.categoryName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10.5px;
	line-height: 12px;
	color: #735F06;
	padding-left: 1px;
	padding-top: 10px;
	opacity: 0.9;
}

.folderNameDA {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #28282D;
	padding-left: 8px;
	padding-top: 8px;
}

.folderNameDA:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #735F06;
	padding-left: 8px;
	padding-top: 8px;
}

.categoryNameDA {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10.5px;
	line-height: 12px;
	color: #735F06;
	padding-left: 1px;
	padding-top: 10px;
	opacity: 0.9;
}

.categoryNameDASmall {
	font-family: Roboto;
	font-style: normal;
	letter-spacing: 0.16px;
	color: #7C7C7C;
	opacity: 1;
	font-size: 9px;
	padding-left: 2px;
	font-weight: bold;
}

.categoryNameBig {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 12px;
	color: #735F06;
	padding-left: 1px;
	padding-top: 10px;
	opacity: 0.9;
}

.categoryNameHeader {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10.5px;
	line-height: 12px;
	color: #735F06;
	opacity: 0.9;
}

.folderNameExpanded {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
	padding-left: 9.5px;
	padding-top: 10px;
	Fill: Solid;
}

.folderDetails {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.4;
	padding-left: 9.5px;
}

.categoryDetails {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: 9px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.45;
	padding-left: 1px;
}

.folderDetailsExpanded {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #735F06;
	mix-blend-mode: normal;
	opacity: 50%;
	padding-left: 9.5px;
	Blend: Normal;
	Fill: Solid;
}

.chevDownSmall {
	width: 12px;
	height: 12px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	margin-right: 12px;
	cursor: pointer;
}

.chevUpSmall {
	width: 12px;
	height: 12px;
	background-image: url("images/chevup.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	margin-right: 12px;
	cursor: pointer;
}

.categorySearchBox {
	border: 1px solid #DCD7C1;
	border-radius: 2px;
	margin-left: 4px;
	margin-right: 8px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 8px;
	width: 95%;
	padding-left: 8px;
}

.categorySearchBoxPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.categorySearchBoxPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.categorySearchBoxPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.categorySearchBoxPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.folderExplorer {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	mix-blend-mode: normal;
}

.ConstructionaryDetailsPanel {
	height: 48px;
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	padding-left: 20px;
}

.ClearAllPanel {
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.folderExplorerPanel {
	height: 48px;
	background: #E7E5E3;
	border: 1px solid #E0E0E0;
	padding-left: 20px;
}

.folderExplorerPanelDA {
	height: 48px;
	background: #E7E5E3;
	border: 1px solid #E0E0E0;
	padding-left: 1px;
}

.folderNameRight {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #735F06;
	padding-left: 4px;
}

.folderNameRightSmall {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	padding-left: 4px;
}

.folderNameRightDisabled {
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	color: #333230;
	opacity: 0.5;
}

.folderDetailsRightNumber {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	color: #333333;
	mix-blend-mode: normal;
	opacity: 0.8;
}

.folderDetailsRight {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	mix-blend-mode: normal;
	opacity: 0.6;
	padding-left: 4px;
	padding-right: 40px;
}

.folderDetailsRightNoPadding {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	mix-blend-mode: normal;
	opacity: 0.6;
	padding-left: 4px;
	padding-right: 4px;
}

.partDetailsRight {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #735F06;
	padding-right: 2px;
}

.partDetailsRightOpaque {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #735F06;
	opacity: 0.4;
}

.partUsed {
	width: 12px;
	height: 14px;
	background-image: url("images/partused.svg");
	background-repeat: no-repeat;
	background-size: 12px 14px;
	background-position: center;
}

.projectReportHeaderBlack {
	background: #000000;
	color: black;
	border-radius: 20px;
	font-family: Roboto;
	padding: 4px 6px;
}

.curvedBorders {
	border-radius: 4px;
	background-color: rgb(0, 0, 0);
	padding: 4px;
	margin-top: 4px;
	height: 25px;
}

.textBoxInBlack {
	background-color: #000000;
	border-width: 0px 0px 0px;
	color: white;
	font-weight: bold;
	border-bottom: 1px solid white;
}

.textBoxInWhite {
	margin-top: 3px;
	background-color: #FFFFFF;
	border-width: 0px 0px 0px;
	color: black;
	font-weight: bold;
	border-bottom: 1px solid black;
}

.projectReportHeaderWhite {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px solid lightgray;
	color: black;
	padding: 2px;
	background: white;
	margin-top: 20px
}

.reportTitleTextBox {
	font-weight: 600;
	color: rgb(0, 0, 0);
	padding: 8px;
	margin: 16px;
}

.imageBox {
	background-color: white;
	padding: 10px;
	height: 358px;
	width: 178px;
	border: 1px solid gray;
	border-radius: 7px;
}

.imageBoxChecked {
	background-color: white;
	padding: 10px;
	height: 358px;
	width: 178px;
	border: 1px solid gray;
	border-radius: 7px;
	box-shadow: 0px 1px 19px 4px #888888;
}

.groupingKeyHorizonatPanelForReport {
	background-color: white;
	padding: 18px;
	border: 1px solid lightgray;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.orderListGroupPadding {
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	border-radius: 7px;
	box-shadow: 0px 1px 19px 4px #888888;
	text-align: center;
	align-content: center
}

.textbox_css {
	padding: 5px 4px;
	border: 1px solid #ccc;
	/* border-top: 1px solid #999; */
	font-size: small;
	font-family: Arial Unicode MS, Arial, sans-serif;
	background-color: white;
}

.borderradius_css {
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.borderRadius {
	border-radius: 4px;
}

.RAISED-BY {
	width: 50px;
	height: 8px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.approved_by_name_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	/* line-height: 2; */
	letter-spacing: normal;
	color: #000000;
}

.approved_by_name_panel .text-style-1 {
	font-size: 8px;
}

.APPROVED-BY {
	width: 90px;
	height: 12px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.Rectangle {
	width: 737px;
	height: 83px;
	border-radius: 8px;
	background-color: #ffffff;
}

.rectangle_order_panel {
	width: 100%;
	height: 15px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	background-color: #dfdfdf;
	cursor: pointer;
}

.rectangle_order_panel:hover {
	cursor: pointer;
}

.Rectangle-Main {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	/* box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.35); */
	border: solid 1px #e1e1e1;
	background-color: #f2f2f2;
}

.VENDOR {
	width: 24px;
	height: 8px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.Abad-Insulation-Pvt {
	width: 91px;
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #000000;
}

.ENTITY {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/*  margin-top: 3%; */
}

.ENTITY_NAME_STYLE {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #000000;
}

.ENTITY_NAME_STYLE .text-style-1 {
	font-size: 8px;
}

.order_no_panel_css {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #000000;
}

.order_no_panel_css:hover {
	cursor: pointer;
	color: #ce814a;
}

.order_no {
	width: 100%;
	height: 8px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #000000;
}

.Fill-2 {
	width: 12px;
	height: 12px;
	background-color: #000000;
}

.more {
	height: 100%;
	padding: 4px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	/*  line-height: 2; */
	letter-spacing: normal;
	color: #000000;
	text-align: center;
}

.BORDER-Rectangle:hover {
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
	cursor: pointer;
}

.items_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 3%; */
}

.column_label {
	/* width: 95px; */
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #000000;
	margin-top: 2px;
	/* margin-bottom: 2px; */
}

.locations_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/*  margin-top: 3%; */
}

.ORDER-VALUE-SAVING {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 3%; */
	margin-left: 10px;
}

.ORDER-VALUE-STATUS {
	width: 100px;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	margin-top: 3%;
	padding-left: 5px;
}

.TOTAL_VALUE {
	width: 90px;
	height: 14px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
	margin-left: 10px;
	margin-top: 20px;
}

.BILLS-5 {
	width: 50px;
	height: 14px;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
}

.TOTAL_VALUE_LABEL {
	width: 100%;
	height: 18px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.7;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin-left: 1%;
	margin-top: 10px;
	text-align: left;
}

.TOTAL_VALUE_LABEL .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.YOU-CAN-SAVE {
	width: 100px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #fafafa;
	margin-left: 10px;
	margin-top: 3px;
}

.YOU_CAN_SAVE_LABEL {
	width: 100%;
	height: 26px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.17;
	letter-spacing: normal;
	color: #000000;
}

.YOU_CAN_SAVE_LABEL .text-style-1 {
	font-family: RupeeForadian;
	font-size: 20px;
	font-weight: normal;
}

.YOU_CAN_SAVE_LABEL .text-style-2 {
	font-size: 20px;
}

.YOU_CAN_SAVE_Rectangle {
	width: 174px;
	height: 70px;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	margin-top: 10px;
}

.YOU-CAN-Rectangle {
	width: 165px;
	height: 24px;
	border-radius: 4px;
	background-color: #81c695;
}

.info {
	width: 16px;
	height: 16px;
	object-fit: contain;
	margin-top: 35%;
}

.ORDER-NO-Rectangle {
	width: 1096px;
	height: 16px;
	border-radius: 8px;
	background-color: #dfdfdf;
}

.ORDERBILLRectangle {
	width: 121px;
	height: 44px;
	background-color: #9e9484;
}

.INDENTS-Rectangle {
	width: 108px;
	height: 28px;
	border-radius: 4px;
	background-color: #fee4ba;
}

.INDENTS-NAV {
	width: 42px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.percent {
	width: 60px;
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.13;
	letter-spacing: normal;
	text-align: right;
	color: #3491c8;
	text-align: left;
	margin-top: 5px;
}

.PENDING-VALUE {
	width: 76px;
	height: 8px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.TOTAL_VALUE_LABEL-Copy-2 {
	/* width: 85px; */ /* height: 14px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	text-align: left;
}

.TOTAL_VALUE_LABEL-Copy-2 .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.PENDING-Rectangle {
	width: 12px;
	height: 12px;
	border-radius: 1px;
	background-color: #cfeafc;
}

.Rectangle-Copy {
	width: 12px;
	height: 12px;
	border-radius: 1px;
	background-color: #3491c8;
}

.BORDER-Rectangle {
	width: 65px;
	height: 22px;
	border-radius: 4px;
	border: solid 2px #dcdcdc;
	background-color: #ffffff;
}

.indent_rectangle_main {
	border-bottom-left-radius: 8px;
	background-color: #ffffff;
}

.project-type {
	width: 12px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	text-align: center;
	margin-top: 15%;
}

.Oval {
	width: 12px;
	height: 12px;
	background-color: #d8d8d8;
	border-radius: 8px;
	margin-top: 1px;
}

.indent_location_name_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color: #000000;
	margin-left: 3px;
}

.state_panel {
	width: 100%;
	height: 8px;
	font-family: Roboto;
	font-size: 9px;
	opacity: 0.54;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-left: 3%;
}

.ORDER-STATUS {
	width: 70px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.Path-2 {
	width: 90px;
	height: 1px;
	border: solid 1px #d7d7d7;
	margin-top: 7px;
}

.completed {
	width: 100px;
	height: 14px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
	margin-top: 20px;
	margin-left: 10px;
}

.ORDER-COUNT-POCHAL {
	width: 85px;
	height: 8px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.order_count_po_chal {
	width: 140px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.order_count_label_css {
	width: 85%;
	height: 14px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 10px; */
}

.po_label {
	width: 20px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.challan {
	width: 50px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.order_count_po_challan_panel_css {
	width: 40px;
	height: 14px;
	font-family: Roboto;
	font-size: 11px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
}

.square {
	height: 10px;
	width: 10px;
	background-color: #555;
	border-radius: 4px;
}

.materialsTotalHeader {
	background: #F5F5F5;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 4px;
}

.materialsTotalHeader:hover {
	cursor: pointer;
	color: #ce814a;
}

.homeTotalHeader {
	color: #FFFFFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 4px;
	height: 30px;
	background: #222222;
}

.homeVendorImage {
	background-image: url(images/vendorWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 20px;
	width: 17px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;

}

.homeConstructionaryImage {
	background-image: url(images/constructionaryWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 20px;
	width: 17px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.homePurchaseImage {
	background-image: url(images/purchaseWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 20px;
	width: 17px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.homeProjectsImage {
	background-image: url(images/projectsWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 20px;
	width: 17px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.rectangle {
	/* width: 280px;
  height: 90px; */
	border-radius: 8px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.27);
	background-color: #ffffff;
}

.rectangleDisabled {
	/* width: 280px;
  height: 90px; */
	border-radius: 8px;
	background-color: #f1f1f1;
	opacity: 0.5;
}

.rectangle:hover {
	border-radius: 8.5px;
	box-shadow: 0 2px 8px 0 #ce814a;
	transition: box-shadow .3s ease-out;
	background-color: #ffffff;
}

.rectangleSelected {
	border-radius: 8.5px;
	box-shadow: 0 2px 8px 0 #ce814a;
	transition: box-shadow .3s ease-out;
	background-color: #ffffff;
}

.orderListBox {
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	height: 40px;
	width: 120px;
	background-color: #ffc34f;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
}

select.orderListBox option {
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	font-weight: 500;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	width: 120px;
	text-align: center;
	background-color: #ffffff;
}

.orderListBox option {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background: "#123456"
}

.borderTopBottom {
	height: 40px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 -1px 0 0
		rgba(0, 0, 0, 0.05);
	border: solid 1px #e4e4e4;
	background-color: #ffffff;
}

.COMPLETION-COUNT {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.vendor_bill_count {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.po_bill_count {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 5px; */
}

.Path-19 {
	width: 11px;
	height: 8px;
	border: solid 2px #78de88;
}

.indent_raised_rectangle {
	width: 10px;
	height: 10px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #ce814a;
}

.status_name_in {
	width: 115px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 9px; */
}

.Indents-Orders-B {
	/* width: 95px;
  height: 28px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}

.INDENTS {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.NavigationRectangle {
	/* width: 121px;
  height: 420px; */
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17);
	background-color: #ffffff;
}

.NavigationDisabled {
	background-color: #dcdcdc;
}

.In-processDisabled {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	text-align: left;
	margin-top: 5px;
	text-align: left;
	margin-left: 8%;
	opacity: 0.3;
}

.In-process {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	text-align: left;
	margin-top: 5px;
	text-align: left;
	margin-left: 8%;
}

.Completed_Nav {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	text-align: left;
}

.Raised_Data {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
}

.In_process {
	/*  width: 100px; */
	height: 20px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	text-align: left;
	margin-left: 8%;
}

.ORDERS {
	width: 38px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.POName {
	width: 14px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.POP_UP_ORDER_NO {
	width: 145px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	margin-top: 6px;
	margin-left: 5px;
}

.POP_UP_HEADER_Rectangle {
	width: 100%;
	height: 32px;
	border-radius: 2px;
	background-color: #3e3e3e;
}

.pop_up_header_rectangle {
	width: 100%;
	height: 32px;
	border-radius: 2px;
	background-color: #3e3e3e;
}

.POP_UP_Rectangle {
	width: 210px;
	/*  height: 220px; */
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.part_tile_info_POP_UP_Rectangle {
	width: 440px;
	/*  height: 220px; */
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.POP_UP_indent {
	width: 21px;
	height: 21px;
	object-fit: contain;
	margin-top: 5%;
}

.ORDER_COUNT {
	width: 150px;
	height: 15px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
}

.ORDER_NO_LABEL {
	width: 108px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.Order_NO_Rectangle {
	/* width: 210px; */
	height: 20px;
	background-color: #dfdfdf;
}

.PO_NO_LABEL {
	width: 110px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-left: 10px;
}

.VENDOR_LABEL {
	width: 40px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	position: relative;
	margin-right: 50px;
}

.Vendor-Name {
	width: 49px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.CANCEL_PANEL_WHITE {
	width: 20px;
	height: 20px;
	/*background-color: #ffffff;*/
	margin-top: 3px;
	font-size: 20px;
	color: white;
	font-weight: bold;
}

.TOTAL_VALUE_POP_UP_PANEL {
	width: 192px;
	height: 192px;
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.BASIC_CHARGE_LABEL {
	width: 210px;
	height: 71px;
	background-color: #efefef;
}

.BASIC-CHARGES-FONT {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 3%;
	margin-left: 4%;
}

.BASIC-CHARGES-XXX .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.BASIC_CHARGE_COLOR {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #f3bd78;
}

.OTHER_CHARGE_COLOR {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #eb9a9a;
}

.TAX_CHARGE_COLOR {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #b3f0db;
}

.CHARGE_HR {
	width: 170px;
	height: 2px;
	border: solid 1px #c7c7c7;
}

.TOTAL_BASIC_OTHER_CHARGE_LABEL {
	width: 100%;
	height: 9px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 3%;
	margin-left: 7%;
}

.TOTAL_BASIC_OTHER_PRICE_LABEL {
	width: 100% px;
	height: 14px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 2px;
	margin-left: 7%;
}

.TOTAL_BASIC_OTHER_PRICE_LABEL .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.TABLE_HEADER_BACKGROUND_COLOR {
	background-color: #dfdfdf;
}

.VENDOR-NAME_LABEL {
	width: 100%;
	height: 9px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.BILL_NO_LABEL_VALUE {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.BILL_NO_LABEL_VALUE .text-style-1 {
	font-size: 8px;
	font-weight: normal;
}

.INVOICE_NO_LABEL_VALUE {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.INVOICE_NO_LABEL_VALUE .text-style-1 {
	font-size: 10px;
	font-weight: bold;
}

.VENDOR_NAME_LABEL_PANEL {
	width: 100%;
	height: 28px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: right;
	color: #000000;
}

.LEFT_MARGIN_CSS {
	margin-left: 10px;
}

.BOTTOM_LEFT_BORDER_RADIUS {
	border-bottom-left-radius: 8px;
}

.DATA_VALUE_LABEL {
	width: 95%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.WIDTH_SIZE_FOR_LABEL {
	width: 100%;
}

.NAVIGATION_IMAGE_TOP_Rectangle {
	width: 80px;
	height: 60px;
	background-color: #f6c97f;
}

.NAVIGATION_ORDER_IMAGE_PANEL {
	margin-top: 21%;
	margin-left: 5%;
}

.ORDER_IMAGE_PANEL_LIST {
	width: 100%;
	/* height: 410px; */
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17);
	background-color: #fee4ba;
}

.NAVIGATION_PANEL_HR_LINE {
	width: 100%;
	height: 0px;
	opacity: 0.5;
	border: solid 1px #685d4c;
	margin-top: 10%;
}

.NAVIGATION_IMAGE_PANEL_MARGIN {
	margin-left: 20%;
	margin-top: 15%;
}

.NAVIGATION_VERTICAL_LINE {
	width: 0px;
	height: 144px;
	opacity: 0.5;
	border: solid 1px #000000;
	margin-left: 25px;
}

.SELECTED_ORDER_PANEL_CSS {
	width: 44px;
	height: 44px;
	background-color: #5e534b;
}

.HOVER_PANEL {
	width: 86px;
	height: 44px;
	/* border-radius: 4px; */
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	background-color: rgba(0, 0, 0, 0.51);
}

.SELECTED_ORDER_PANEL {
	width: 53px;
	height: 44px;
}

.SELECTED_ICON_CSS_WHITE {
	background-color: #ffffff;
}

.FILL_BACKGROUND_ICON_IMAGE {
	width: 20px;
	height: 20px;
	background-color: #000000;
}

.on_hover_panel_css {
	width: 100%;
	height: 44px;
	background-blend-mode: multiply;
	background-image: linear-gradient(to bottom, #d8d8d8, #d8d8d8);
}

.SELECTED_ELEMENT_BACKGROUND_COLOR {
	background-color: #5e534b;
}

.HOVER_ELEMENT_FONT_CSS {
	width: 64px;
	height: 28px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #ffffff;
	text-align: center;
	margin-top: 15px;
}

.border_shadow_effect {
	height: 70px;
	width: 80%;
	line-height: 70px;
	text-align: center;
	border-width: 2px solid #dd;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	transition: all 200ms ease-out;
}

.hover_order_list_style {
	width: 3px;
	height: 106px;
	background-color: #ce814a;
}

.hover_border_color_left {
	border-left-color: #ce814a;
	border-left-width: 3px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}

.approveBtn {
	width: 129px;
	height: 32px;
	background: #ffd400;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
	border: solid;
}

.drop_down_box_css {
	width: 141px;
	height: 32px;
	border-radius: 4px;
	border: solid 1px #d8d8d8;
}

.drop_down_box_font_style_css {
	/* width: 73px;
  height: 14px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #000000;
}

.pending_i_icon_styling_css {
	width: 4px;
	height: 24px;
	transform: rotate(-180deg);
	color: #ee3915;
	font-size: 20px;
	font-weight: bold;
	margin-left: 15px;
}

.raised_count_styling_css {
	/* width: 16px;
  height: 7px; */
	font-family: Roboto;
	font-size: 7px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	width: 22px;
	height: 8px;
	border-radius: 4px;
	background-color: #ee3915;
	margin-top: 5px;
	position: absolute;
	text-align: center;
	margin-left: 14px;
}

.pending_approval_outer_circle_css {
	width: 32px;
	height: 32px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
	border-radius: 20px;
}

.material_movement_styling_css {
	padding-top: 10px;
	width: 115px;
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.text_box_css_style {
	width: 281px;
	height: 23px;
	border-radius: 16px;
	background-color: #f2f2f2;
}

.filter_icon_css {
	width: 24px;
	height: 20px;
	padding-left: 10px;
	padding-top: 3px;
}

.text_box_text_css_style {
	/*  width: 74px;
  height: 14px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	/* color: #b9b9b9; */
	padding-left: 10px;
}

/* my css file*/
.saving_poup_outer {
	width: 372px;
	height: 147px;
	background-color: #646464;
	padding: 4px;
}

.saving_poup_inner {
	width: 100%;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
	padding-top: 2px;
}

.saving_poup_inner_small {
	width: 165px;
	height: 24px;
	border-radius: 4px;
	background-color: #81c695;
}

.saving_poup_inner_text {
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	margin-left: 5px;
	margin-top: 2px;
}

.saving_poup_inner_text .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.saving_poup_green_outer {
	width: 165px;
	height: 70px;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	margin-left: 10px;
}

.saving_poup_green_header {
	width: 165px;
	height: 24px;
	border-radius: 4px;
	background-color: #81c695;
}

.saving_poup_green_white_text {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #000000;
	margin-left: 1px;
	margin-top: 3px;
}

.you_can_save {
	width: 70px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #ffffff;
	padding-left: 6px;
}

.total_value_popUp {
	width: 250px;
	height: 49px;
	background-color: #646464;
}

.total_value_popUp_text {
	width: 110px;
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
}

.total_value_big_popup {
	width: 456px;
	height: 147px;
	background-color: #646464;
}

.total_value_big_popup_white_left {
	width: 216px;
	height: 70px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #f2f2f2;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.total_value_big_popup_white_right {
	width: 227px;
	height: 70px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #f2f2f2;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.total_value_big_popup_header_left {
	width: 216px;
	height: 24px;
	border-top-left-radius: 4px;
	/* border-radius: 4px; */
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	vertical-align: middle;
	padding: 4px;
}

.total_value_big_popup_header_right {
	width: 227px;
	height: 24px;
	border-top-right-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	vertical-align: middle;
	padding: 4px;
}

.total_value_big_popup_ver_line {
	height: 35px;
	opacity: 0.5;
	border: solid 1px #ffffff;
	margin-left: 3px
}

.total_value_big_popup_values {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #3491c8;
	padding: 4px;
}

.total_value_big_popup_values .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.COMPLETED-VALUE {
	width: 92px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #646464;
}

.you_can_save_pop_up_panel {
	width: 372px;
	height: 147px;
	background-color: #646464;
}

.bill_pop_up_panel {
	width: 240px;
	/* height: 185px; */
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.vertical_line_style_css {
	width: 0px;
	height: 85px;
	border: solid 1px #ededed;
	/* margin-top: 5px; */
}

.image_pointer_enter_styling {
	cursor: pointer;
	cursor: hand;
}

.info:hover {
	width: 16px;
	height: 16px;
	object-fit: contain;
	border-radius: 50%;
	margin-top: 35%;
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.select_order_panel_style {
	/* width: 121px;
  height: 32px; */
	background-color: #5e534b !important;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	/* line-height: 2; */
	letter-spacing: normal;
	/* position: absolute; */
	width: 100%;
}

.select_label_text_color {
	color: #ffffff;
	font-weight: 900;
}

.border_radius_image {
	border-radius: 10px;
}

.transition_duration_time {
	transition-duration: 0.5s;
}

.sidePanelTopPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	vertical-align: middle;
	border-bottom: 1px solid #D1D1D1;
}

.searchPanelTopPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #D1D1D1;
}

.sidePanelTagsPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	vertical-align: middle;
	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
}

.sidePanelFilterPanel {
	height: 40px;
	width: 100%;
	vertical-align: middle;
}

.sidePanelTitle {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.sideFilterNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 16%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.sideFilterNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 16%;
	margin-right: 8px;
	padding-left: 3%;
}

.outerPanelDisplay {
	width: 100%;
	padding-left: 8px;
}

.chevLeftNew {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	opacity: 0.4;
	padding-right: 12px;
}

.chevRightNew {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	opacity: 0.4;
}

.chevLeftNewDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	opacity: 0.1;
	padding-right: 12px;
}

.chevRightNewDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	opacity: 0.1;
}

.outerPanelSelected {
	width: 81px;
	height: 28px;
	border-radius: 14px;
	border: solid 1px #ffc34f;
	background-color: #fff3da;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #292929;
}

.outerPanelAvailable {
	width: 81px;
	height: 28px;
	border-radius: 14px;
	border: solid 1px #d3d3d3;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #292929;
}

.outerPanelUnavailable {
	width: 81px;
	height: 28px;
	border-radius: 14px;
	background-color: #dddddd;
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	color: #292929;
}

.outerPanelTable {
	margin-top: 10px;
	margin-bottom: 10px;
}

.tagAvailable {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.tagAvailablePipe {
	height: 24px;
	line-height: 24px;
	font-family: Roboto;
	font-size: 16px;
}

.tagDisabled {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	border: solid 1px #D1D1D1;
	background-color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	opacity: 0.4;
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.tagSelected {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	border: solid 1px #ffc34f;
	background-color: #fff3da;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.tagsLabel {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 8px;
}

.tagsBackground {
	background-color: #E3E6EB;
}

.resetAllIcon {
	background-image: url(images/refresh.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.resetAllText {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
}

.resetAllIconDisabled {
	opacity: 0.2;
	background-image: url(images/refresh.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	background-size: cover;
}

.resetAllTextDisabled {
	opacity: 0.2;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.resetTable {
	margin-left: 6px;
	margin-right: 6px;
	padding-left: 6px;
	padding-right: 6px;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

.divPOHoverInProcessTop {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #4f9cff;
	border-right: 1px solid #4f9cff;
	border-top: 1px solid #4f9cff;
	border-bottom: 1px solid #eeeeee;
}

.divPOHoverInProcessBottom {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #4f9cff;
	border-right: 1px solid #4f9cff;
	border-bottom: 1px solid #4f9cff;
	border-top: 1px solid #eeeeee;
}

.divPOHoverCompletedTop {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #a2d5ff;
	border-right: 1px solid #a2d5ff;
	border-top: 1px solid #a2d5ff;
	border-bottom: 1px solid #eeeeee;
}

.divPOHoverCompletedBottom {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #a2d5ff;
	border-right: 1px solid #a2d5ff;
	border-bottom: 1px solid #a2d5ff;
	border-top: 1px solid #eeeeee;
}

.sortingTable {
	width: 200px;
	height: 28px;
	border-radius: 2px;
	border: solid 1px #e0e0e0;
}

.sortingTableBorder {
	border: solid 1px #e0e0e0;
}

.sortingTableText {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 8px;
}

.sortingTableColumnSelected {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 4px;
}

.sortingTableDownArrow {
	background-image: url(images/arrow-drop-down.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	opacity: 0.6;
}

.sortOptionsHeader {
	height: 22px;
	opacity: 0.7;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 8px;
	border: solid 1px #dfdfdf;
}

.sortOptions {
	height: 30px;
	font-family: Roboto;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.87);
	border: solid 1px #dfdfdf;
	padding-left: 8px;
	cursor: pointer;
}

.resetIcon {
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.filterIcon {
	background-image: url(images/filterNew.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.filterIcon[title]:hover {
	background-image: url(images/filterNew.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.filterIconSelected {
	background-image: url(images/filterSelectedNew.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.sortAscending {
	background-image: url(images/sortAscending.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
}

.sortDescending {
	background-image: url(images/sortDescending.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
}

.sortRelevanse {
	background-image: url(/images/sortRelevance.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: auto;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
}

selectionPanel {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
}

.selectionPanelHover {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
}

.selectionWidgetNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.selectionWidgetNameOuterDouble {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 58px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.selectionWidgetNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
}

.selectionWidgetNameOuterNoBorderDouble {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 58px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
}

.marginLeftSmall {
	margin-left: 1%;
}

.marginRight {
	margin-right: 5px;
}

.marginTop {
	margin-top: 5px;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip-right {
	top: -15px;
	left: 125%;
}

.tooltip .tooltiptext {
	width: 200px;
	background-color: white;
	color: black;
	border: 1px solid black;
	text-align: left;
	/* border-radius: 6px; */
	padding: 0px 0px 5px 5px;
	position: absolute;
	/* z-index: 1; */
	bottom: 125%;
	left: 95%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.filter_search_icon_style_css {
	margin-left: 6px;
	width: 17px;
	margin-top: 5px;
}

.float_pop_up_panel {
	width: 38px;
	height: 34px;
	box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.51);
	background-color: #f6a946;
	/*  left: 2950%;
  top: -90px; */
/*  z-index: 1; */
/*  position: relative; */
}

.arrow_drop_up {
	width: 16px;
	height: 16px;
	object-fit: contain;
	padding-top: 8px;
	padding-left: 10px;
}

.hover_panel {
	position: relative;
	display: inline-block;
}

.hover_panel .order_hover_panel {
	visibility: hidden;
	width: 124px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	left: 100px;
	bottom: -5px;
}

.hover_panel:hover .order_hover_panel {
	visibility: visible;
}

.categoryIconSearchSmall {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 8px;
	width: 10.5px;
	background-size: 10.5px 8px;
}

.folderIconSearchSmall {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 8px;
	width: 10.5px;
	background-size: 10.5px 8px;
	text-decoration: none;
	margin-right: 2px;
}

.outerMenuAnchor {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:link {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:visited {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:hover {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:active {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:link {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:visited {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:hover {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:active {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outMenuTable {
	border-radius: 3px;
	border: solid 1px #dfdfdf;
}

.outerMenuCellLeft {
	width: 80px;
	height: 20px;
	border-right: solid 1px #dfdfdf;
	background-color: #f4f4f4;
}

.outerMenuCellMiddle {
	width: 80px;
	height: 20px;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	background-color: #f4f4f4;
}

.outerMenuCellRight {
	width: 80px;
	height: 20px;
	border-left: solid 1px #dfdfdf;
	background-color: #f4f4f4;
}

.filterRangeText {
	text-decoration: none;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 32px;
	color: #735F06;
}

.filterRangeTextLeft {
	text-decoration: none;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 32px;
	color: #735F06;
	padding-left: 8px;
	padding-right: 4px;
}

.resetIconConstructionary {
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	height: 16px;
	width: 16px;
	line-height: : 16px;
	text-align: center;
	vertical-align: middle;
}

.editIconConstructionary {
	background-image: url(images/pencil.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	height: 16px;
	width: 16px;
	line-height: : 16px;
	text-align: center;
	vertical-align: middle;
}

.filter_check_mark_css {
	background-image: url(images/check.svg);
	background-repeat: no-repeat;
	background-size: 14px 14px;
	height: 14px;
	width: 14px;
	line-height: : 16px;
	text-align: center;
	vertical-align: middle;
	margin-left: -6px;
	margin-top: -2px;
}

.closeButtonFilterSearchBox {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 28px;
	height: 28px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
}

.closeButtonFilter {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	margin-top: -1px;
}

.editButtonConstructionary {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 11px;
	margin-top: -1px;
}

.applyButtonConstructionary {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	padding-left: 11px;
	padding-right: 11px;
	margin-top: -1px;
}

.sideFilterSearchBoxPlaceHolder::-webkit-input-placeholder {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	opacity: 0.52;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: right;
}

.sideFilterSearchBoxPlaceHolder:-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 235px 0px;
}

.sideFilterSearchBoxPlaceHolder::-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 235px 0px;
}

.sideFilterSearchBoxPlaceHolder:-ms-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	ffont-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 235px 0px;
}

.projectSearchBox {
	width: 369px;
	height: 35px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
}

.projectSearchBoxTextBox {
	width: 331px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.estimateIcon {
	background-image: url(images/estimate.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 6px;
	text-align: right;
	line-height: 24px;
	vertical-align: middle;
	margin-top: 6px;
}

.onHoldIcon {
	background-image: url(images/onhold.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 4px;
	text-align: right;
	margin-top: 6px;
}

.completeIcon {
	background-image: url(images/complete.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 4px;
	text-align: right;
	margin-top: 6px;
}

.pipeSeparator {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.projectHeaderTwoTextRedNew {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: red;
}

.filterCBTextSmall {
	font-family: Roboto;
	font-size: 10px;
	color: #1b1b1b;
	line-height: 10px;
	text-align: left;
}

.filterCBItalic {
	font-style: italic;
	margin-top: 4px;
	margin-bottom: 4px;
}

.constructionaryCheckBoxLabelDisabledNoPadding {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #333230;
	opacity: 0.25;
}

.constructionaryCheckBoxLabelSelectedNoPadding {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #735F06;
}

.constructionaryCheckBoxLabelNoPadding {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.sidePanelCheckBoxLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.constructionaryCheckBoxLabelMatch {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #7A6600;
	opacity: 0.8;
}

.popupWidgetSidePanelFilter {
	background: #ffffff;
	box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.24), 0 0 16px 0
		rgba(0, 0, 0, 0.18);
}

.pie {
	background: #639;
	border-radius: 100%;
	height: calc(var(- -size, 200)* 1px);
	position: relative;
	width: calc(var(- -size, 200)* 1px);
}

.pie_segment { -
	-a: calc(var(- -over50, 0)* -100%); -
	-b: calc(( 1 + var(- -over50, 0))* 100%); -
	-degrees: calc(( var(- -offset, 0)/100)* 360);
	height: 100%;
	position: absolute;
	transform: translate(0, -50%) rotate(90deg) rotate(calc(var(- -degrees)*


		 1deg));
	clip-path: polygon(var(- -a) var(- -a), var(- -b) var(- -a), var(- -b)
		var(- -b), var(- -a) var(- -b));
	-webkit-clip-path: polygon(var(- -a) var(- -a), var(- -b) var(- -a),
		var(- -b) var(- -b), var(- -a) var(- -b));
	transform-origin: 50% 100%;
	width: 100%;
	background: var(- -bg, #e74c3c);
}

.indent_inprocess_pop_up_panel {
	width: 456px;
	height: 300px;
	background-color: #646464;
}

.white_font_total_label_style {
	width: 75px;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
}

.total_no_count_indent {
	width: 69px;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
}

.indent_inprocess_color_1 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #ffe8d7;
	margin-top: 30%;
}

.indent_inprocess_color_2 {
	margin-top: 47%;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #ce814a;
}

.indent_inprocess_color_3 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #6c513d;
	margin-top: 47%;
}

.indent_inprocess_color_4 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #b96021;
	margin-top: 47%;
}

.indent_inprocess_color_5 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #f2ad7c;
	margin-top: 47%;
}

.pop_up_detail_percent {
	width: 41px;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
	margin-left: 15%;
	margin-top: 15%;
}

.pop_up_details_style_css {
	width: 180px;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #ffffff;
	margin-bottom: 10px;
	margin-left: 10px;
}

.pop_up_panel_horizontal_line {
	width: 222px;
	height: 0px;
	border: solid 1px #ffffff;
	margin-top: 3%;
	margin-bottom: 3%;
}

.selected_label_background_color {
	background-color: #5e534b;
	width: 100%;
	/* height: 100%; */
}

.raised_order_count_oval_css {
	width: 14px;
	height: 14px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	background-color: #ee3915;
	border-radius: 10px;
}

.raised_order_count_oval_css_in_exp {
	width: 18px;
	height: 18px;
	margin-top: 5px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	background-color: #ee3915;
	border-radius: 10px;
}

.raised_order_count_icon_css {
	height: 10px;
	color: white;
	/*  margin-top: 4px; */
	text-align: center;
}

.raised_order_count_icon_css_for_exp {
	height: 10px;
	color: white;
	text-align: center;
	font-size: 10px;
	margin-top: 4px;
	font-family: Roboto;
}

.header_top_most_dropdown_css {
	width: 109px;
	font-size: 10px;
	/*  font-weight: bolder; */
	padding-top: 13px;
	padding-left: 6px;
	opacity: 0.6;
	color: #323133;
}

.reset_border_radius_css {
	border-radius: 0px;
}

.header_icon_styling_css {
	height: 12px;
	width: 12px;
}

.header_icon_styling_css:hover {
	border-radius: 10px;
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.completed_amount_styling_css {
	/* width: 46px;
  height: 14px; */
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin-left: 3px;
	margin-top: 21px;
}

.completed_amount_styling_css .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.approveOrderNameText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.tooltip_horizontalpanel {
	border: 1px solid black;
	height: 20px;
}

.header_info_icon_hover_css {
	border-radius: 10px;
}

.header_info_icon_hover_css:hover {
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.order_list_style_css_on_hover:hover {
	/* border-left-color: #ce814a; */ /* border-left: 10px solid #ce814a;
  border-left-width: 3px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
   */
	padding-left: 1px;
}

.order_name {
	margin: 5px;
	font-weight: bold;
	font-family: Roboto;
	font-size: 10px;
}

.Rectangle-Main:hover {
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.35);
}

.html_border_left_css {
	border-left: 10px solid #ce814a;
	border-left-width: 3px;
	height: 100%;
}

.indent_price_info_text_css {
	padding-top: 12px;
	padding-left: 20px;
	padding-right: 20px;
	/* opacity:0.8; */
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	text-align: left;
	font-size: 10px;
}

.indent_price_info_box_css {
	height: 75px;
	width: 280px;
	background-image: url("images/redPanel.png");
	background-repeat: no-repeat;
	background-size: 280px 75px;
	background-position: left;
}

.hover_bill_no_css {

}

.hover_bill_no_css:hover {
	cursor: pointer;
	color: #ce814a;
}

.tableWithRowsDelimiter {
	border-bottom: 2px solid;
}

.margin_left_order_name {
	margin-left: 8%;
}

.checkbox_style_css * {
	width: 18px;
	height: 18px;
}

.mainbox {
	display: block;
	position: relative;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 2px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mainbox .input_type_style_css {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox_style_css {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border: 2px solid;
	/* background-color: #eee; */
}

.mainbox .input_type_style_css:checked ~ .checkbox_style_css {
	background-color: yellow;
}

.checkbox_style_css:after {
	content: "";
	position: absolute;
	display: none;
}

.mainbox .input_type_style_css:checked ~ .checkbox_style_css:after {
	display: block;
}

.mainbox .checkbox_style_css:after {
	left: 5px;
	top: -3px;
	width: 6px;
	height: 15px;
	border: solid white;
	border-width: 0 5px 5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.outer_checkbox_style_css {
	margin-top: 8px;
	margin-left: 5px;
	/* border: 1px solid #333; */
}

.outer_checkbox_style_css_disabled {
	margin-top: 8px;
	margin-left: 5px;
	/* border: 1px solid #333;
    cursor: auto;
    opacity: 0.3; */
}

.outer_checkbox_style_css_background_color {
	/* background-color: #ffc34f;
	border: 1px solid #ffc34f; */

}

.divPoupStatusHeaderButton_style_css {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	width: 128px;
	height: 34px;
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 120px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.divPoupStatusHeaderButton_style_css_disabled {
	background: #dcdcdc;
	width: 128px;
	height: 34px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #999999;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	outline: none;
}

.location_type_style_css {
	height: 10px;
	width: 10px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
	padding-top: 2px;
}

.navigation_panel_background_color:hover {
	background-color: #ab9a8b;
}

.In_process:hover {
	color: white;
}

.In-process:hover {
	color: white;
}

.general_hover_effect_PMM {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	cursor: pointer;
	color: #ce814a;
}

.box input[type="checkbox"] {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
	margin-left: 0px;
}

.box label {
	position: relative;
}

.box label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
	transition: transform 0.28s ease;
	border: 1px solid #333;
}

.box label:after {
	content: '';
	display: block;
	width: 11px;
	height: 5px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	-webkit-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
	transition: transform ease 0.25s;
	will-change: transform;
	position: absolute;
	top: 3px;
	left: 3px;
}

.box input[type="checkbox"]:checked ~ label::before {
	background-color: #ffc34f;
	border: 2px solid #ffc34f;
}

.box input[type="checkbox"]:checked ~ label::after {
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}

.box label {
	display: block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	vertical-align: sub;
}

.box input[type="checkbox"]:focus+label::before {
	outline: 0;
}

.box input[type="checkbox"]:focus+label::before {
	outline: 0;
}

.getvendorPanel_outerPanel {
	background-color: white;
}

.getHeaderPanel_innerPanel {
	height: 46px;
	background-color: white;
	border: .1vw solid #E5E5E5;
}

.getHeaderPanel_vendorLabel {
	width: 7vw;
	height: 30px;
	padding-top: 1vh;
	text-align: center;
	font-size: 20px;
	padding-top: 8px;
	font-family: roboto;
}

.searchPanel {
	border-radius: 1vh;
	background-color: #f4f4f4;
	margin-top: 1.0vh;
	height: 34px;
}

.getHeaderPanel_searchtag {
	width: 15px;
	height: 15px;
	margin-top: 10px;
	margin-left: 20%;
}

.getHeaderPanel_searchbox {
	width: 100%;
	height: 100%;
	border: 0.5vh solid #f4f4f4;
	background-color: #f4f4f4;
	outline: 0;
	font-size: 10px;
	font-family: roboto;
}

.filterPanel {
	margin-left: 15vw;
	height: 46px;
	width: 10vw;
	background-color: red;
}

.getHeaderPanel_filtertag {
	width: 2vw;
	height: 2.5vh;
	border-radius: 5px;
	padding-top: 1.5vh;
}

.filterLabel {
	margin: 7.5px;
	font-size: 15px;
	font-weight: bold;
	font-family: roboto;
}

.getHeaderPanel_createnewvendorlabelouter {
	height: 30px;
	width: 8vw;
	background-color: #ffc351;
	border-radius: 4px;
}

.getHeaderPanel_addtag {
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	height: 40px;
	width: 40px;
	font-size: 40px;
	font-weight: bolder;
	font-family: roboto;
	background-color: #ffc351;
	cursor: pointer;
}

.getHeaderPanel_createnewvendorlabel {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	font-family: roboto;
	letter-spacing: 0.5px;
}

.getHeaderPanel {
	font-size: calc(20vw + 6 *( 20vh-100px));
	color: blue;
	width: calc(10vh + 6 * (( 100vw - 320px)/680));
	background-color: red;
}

.getHeaderPanel_cancletag {
	width: 25px;
	height: 20px;
	margin: 15px;
	margin-bottom: 0px;
	margin-top: 15px;
}

.commonfontforvendor {
	font-size: 12px;
	font-family: roboto;
}

.VerndorDetailcol1_outerPanel {
	height: 152px;
}

.VerndorDetailco11_vendorName {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: #000000;
}

.registrationRow {
	border-bottom: 1px dotted #00ffcc;
}

.regtag {
	width: 16px;
	height: 14px;
	border: 1px solid #000000;
	padding-left: 1px;
	padding-top: 2px;
	border: 1px solid black;
	border-radius: 100%;
	font-family: Roboto;
	font-size: 8px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: normal;
	color: #000000;
}

.registration {
	font-family: roboto;
	font-size: 10px;
	margin-top: 3px;
	margin-left: 5px;
}

.profileLabel {
	font-size: 10px;
	text-align: center;
	border-radius: 2px;
	font-family: roboto;
	height: 13px;
	line-height: 13px;
	width: 105%;
	padding-top: 1px;
	font-weight: 600;
}

.getLabelforList {
	font-family: Roboto;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	/* line-height: 1.6; */
	letter-spacing: normal;
	color: #000000;
}

.VerndorDetailco12_details {
	background-color: #f4f4f4;
	height: 152px;
}

.verndordetailco12_materialsupplied {
	background-color: #f4f4f4;
	font-family: Roboto;
	opacity: 0.6;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-bottom: 5px;
}

.VerndorDetailco113_details {
	background-color: #f4f4f4;
	height: 152px;
}

.VerndorDetailco13_serviceproviderLabel {
	background-color: #f4f4f4;
	font-family: Roboto;
	opacity: 0.6;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.VerndorDetailco114_details {
	background-color: #f4f4f4;
	color: #495057;
}

.VerndorDetailco14_businessHistoryLabel {
	background-color: #f4f4f4;
	font-family: Roboto;
	opacity: 0.6;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.VerndorDetailco15_outerPanel {
	height: 19vh;
}

.getFootertile_outerPanel {
	border-top: 1px solid #E5E5E5;
	height: 21px;
}

.getFootertile_mailtimagetag {
	margin-left: 10px;
	width: 12px;
	height: 15px;
	border: 1px solid white;
}

.getFootertile_mailinfo {
	font-size: 12px;
	padding-left: 10px;
}

.getFootertile_contacttag {
	width: 15px;
	height: 15px;;
}

.getFootertile_vendornumberinfo {
	font-size: 12px;
	font-family: roboto;
	margin-left: 5px;
}

.getCreateVedndorPanel {
	height: 85vh;
	box-shadow: 5px 5px 5px 5px #888888;
}

.getCreateReminderPanel {
	box-shadow: 5px 5px 5px 5px #888888;
}
.row1 {
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #d4d4d4;
}

.create_vendor_name_label {
	opacity: 0.72;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.vcodecontainer_label {
	width: 10vw;
	height: 4vh;
	font-family: roboto;
	font-weight: bold;
	font-size: 12px;
	background-color: #f8f8f8;
	border-top: 5px solid #f8f8f8;
	border-left: 10px solid #f8f8f8;
	border-radius: 5px;
	/* box-shadow: 1px 1px 1px 1px  #888888; */
	margin-top: -5px;
}

.vendorname_label {
	width: 20vw;
	height: 2vh;
	font-size: 12px;
	font-style: roboto;
	font-weight: bold;
	box-shadow: 1px 0px 1px 1px #888888;
	border-top: 5px solid white;
	border-left: 10px solid white;
	margin-top: -5px;
	border-radius: 5px;
}

.top_margin_css {
	margin-top: -5px;
}

.address_row {
	width: 23vw;
	height: 2.5vh;
	border: 10px solid #f8f8f8;
	color: #616161;
	background-color: #f8f8f8;
	margin-left: 0.2vw;
	font-size: 12px;
}

.state_row {
	width: 9vw;
	height: 5vh;
	color: #616161;;
	background-color: #f8f8f8;
	border-left: 0px solid black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.create-vendor-state-label {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	border: 0px solid;
	margin-left: -10px;
}

.custom_textbox {
	border-top: 0px solid #f8f8f8;
	background-color: #f8f8f8eb;
	border-left: 0px solid #f8f8f8;
	border-bottom: 0px solid #f8f8f8;
	border-right: 0px solid #f8f8f8;
	padding-left: 10px;
	border-radius: 5px;
	margin-top: -5px;
	outline: 0;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.address_textbox {
	height: 3vh;
	width: 14.5vw;
	border: 0px;
	background-color: #f8f8f8eb;
	margin-top: -5px;
	outline: 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	padding-left: 10px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	border-right: 1px solid black !important;
}

.ecinfo {
	height: 3.5vh;
	width: 31.5vw;
	font-size: 15px;
	color: #616161;
	border: 10px solid #f8f8f8;
	border-radius: 2px;
	background-color: #f8f8f8;
	margin-top: -5px;
	margin-left: 0.5vw;
	border-bottom: 10px solid #f8f8f8;
	border-right: 10px solid #f8f8f8;
}

.vendor_type {
	background-color: #f8f8f8;
	/* border-left: 10px solid #f8f8f8;
	border-top: 10px solid #f8f8f8; */
	padding-left: 10px;
	border-radius: 5px;
	cursor: pointer;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.vendortype_label {
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	/* border-top:10px solid #f8f8f8;  */
	cursor: pointer;
	color: #000000;
}

.row4_tcompanyname {
	width: 20vw;
	height: 2.3vh;
	font-family: roboto;
	font-weight: bold;
	font-size: 12px;
	color: #616161;
	border-top: 5px solid white;
	border-left: 10px solid white;
	margin-left: 1.5vw;
	margin-top: -10px;
	border-radius: 5px;
	box-shadow: 1px 0px 1px 1px #888888;
}

.createButton {
	background-color: black;
	color: white;
	font-family: roboto;
	font-weight: bold;
	font-size: 16px;
}

.vendor_pop_up_count {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
	font-weight: bolder;
}

.vendor_outer_pop_up_vertical_line {
	width: 99%;
	height: 0px;
	border: solid 1px black;
}

.vendor_pop_up_panel_horizontal_line {
	width: 100%;
	height: 0px;
	border: solid 1px #ffffff;
	margin-top: 3%;
}

.vendor_pop_up_details_style_css {
	/* width: 100%; */
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
	margin-left: 10px;
}

.vendor_outer_pop_up_type_color {
	width: 10px;
	height: 10px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	margin-top: 5px;
}

.vendor_info_pop_up_header {
	color: white;
	margin-left: 10px;
	font-size: 12px;
	font-family: roboto;
	font-weight: bold;
	margin-top: 9px;
	width: max-content;
}

.ConstructionaryPopupHeader
{
	background-color: #3e3e3e;
	color: white;
	margin-left: 10px;
	font-size: 12px;
	font-family: roboto;
	font-weight: bold;
	margin-top: 9px;
	width: max-content;
	padding-left: 5px;
}

.ConstructionaryPopupText
{

	color: black;
	font-size: 12px;
	font-family: roboto;
	margin-top: 5px;
	margin-left: 5px;
	width: max-content;
	padding-left: 5px;
	line-height: 30px;
	height: 30px;
	border-top: 1px solid #d4d4d4;
}


.ConstructionaryPopupMainText
{

	color: black;
	font-size: 12px;
	font-family: roboto;
	margin-top: 5px;
	margin-left: 5px;
	width: max-content;
	padding-left: 5px;
	line-height: 15px;
	height: 15px;

}

.ConstructionaryPopupSubText
{

	color: black;
	font-size: 10px;
	font-family: roboto;
	margin-left: 5px;
	width: max-content;
	padding-left: 5px;
	line-height: 15px;
	height: 15px;

}


.create_vendor_panel_header_css {
	font-family: Roboto;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
}

.create_vendor_header {
	margin-left: 5px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 1000;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.vendor_type_drop_down_css {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	/* border: 1px solid; */
	background-color: #f8f8f8;
	cursor: pointer;
	color: #675353;
}

.selected_vendor_type {
	background-color: black;
	color: white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.service_provider_background_color {
	background-color: #e7cbf3;
}

.trader_background_color {
	background-color: #f2ad7c;
}

.manufacturer_background_color {
	background-color: #d1e995;
}

.transporter_background_color {
	background-color: #99bef5;
}

.contractor_background_color {
	background-color: #81dbb6;
}

.filter_down_arrow_css {
	width: 25px;
	height: 25px;
	margin: 7.5px;
	margin-right: 2.0vh;
}

.vendor_reg_pop_up_css {
	width: 100%;
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: black;
	margin-left: 10px;
}

.search_item_label {
	font-size: 10px;
	font-family: Roboto;
	margin-top: 2px;
}

.get_search_element {
	margin-left: 20px;
}

.get_searchpanel_cross_button {
	font-size: 20px;
	border: 5px solid #f8f8f8;
	font-family: Roboto;
	margin-right: 20px;
}

.vlabel {
	font-size: 10px;
	color: white;
	font-weight: bold;
	background-color: blue;
	border: 3px solid blue;
	border-radius: 50%;
}

.summary_close_icon_css {
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -15px;
	cursor: pointer;
}

.summary_close_icon_est_css {
	width: 30px;
	height: 30px;
	margin: 10px;
	cursor: pointer;
}

.getExtendedVendorTypeSummeryBox_vendorTypeVerticalPanel {
	border: 20px solid #1b203a;
	background-color: #1b203a;
}

.vendor_type_checkbox_style_css {
	margin: 3px;
	border: 2px solid #8C7500;
	height: 1px;
	width: 1px;
	background-color: #8C7500;
}

.vendor_type_outer_style_css {
	width: 12px;
	height: 12px;
	margin: 5px;
	border: 1px solid #333333;
}

.vendor_type_selected_outer_style_css {
	border: 1px solid #8C7500;
}

.close_button_for_vendor_search_panel {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 22px;
	height: 22px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	margin: 15%;
}

.project_order_more_botton_border {
	width: 60px;
	height: 22px;
	border: solid 1px black;
	background-color: #ffffff;
}

.project_order_more_botton_border:hover {
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
	cursor: pointer;
}

.vendor_type_icon_css {
	font-size: 9px;
	width: 13px;
	height: 13px;
	padding-left: 0px;
	line-height: 16px;
}

.part_search_not_match_text {
	font-family: Roboto;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	color: #828282;
	cursor: pointer;
}

.part_search_matched_text {
	font-family: Roboto;
	font-weight: 500;
	font-size: 11px;
	line-height: 14px;
	color: #735F06;
	cursor: pointer;
}

body {
	padding: 0 !important;
	margin: 0 !important;
	font-family: 'Maven Pro', sans-serif;
	outline: none;
}

*:focus {
	outline: none !important;
}

button:focus {
	outline: none;
}

input:focus {
	outline: none;
}

select:focus {
	outline: none;
}

option:focus {
	outline: none;
}

th {
	white-space: normal !important;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #777777;
	text-align: left;
}

.displayNone {
	display: none;
}

.sendButton {
	display: block;
	font-size: 16pt
}

.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

#closeButton {
	margin: 15px 6px 6px;
}

.placeCentre {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#menuDiv {
	width: 300px;
	float: left;
}

.selectedTreeNode {
	background-color: silver;
}

.gwt-Button {
	padding: 1px, 3px, 1px, 3px !important;
}

#page_loading_indicator {
	background: linear-gradient(to bottom, #79BBFF 0px, #378DE5 100%) repeat
		scroll 0 0 transparent;
	border-bottom: 1px solid #FFCF74;
	border-radius: 0 0 10px 10px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	left: 45%;
	margin-top: 0;
	padding: 4px 10px;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 0 #333333;
	top: -30px;
	width: 150px;
}

.global {
	color: #000000 !important;
	text-align: left;
	position: absolute;
	width: auto;
	height: auto;
	position: relative;
}

#h1 {
	text-align: center;
	font-size: 14px;
}

.buttons {
	float: right;
	padding: 5px;
}

.zebra ol li {
	background: #efefef;
	padding: 5px;
}

.zebra ol li:nth-child(odd) {
	background: #fff;
	padding: 5px;
}

ol.a {
	padding-bottom: 10px;
}

a#sort {
	text-decoration: none !important;
	color: #AEAEAE !important;
}

a:visited {
	text-decoration: none;
	color: #528ECC;
}

a:hover {
	text-decoration: underline;
}

@charset "UTF-8";
/* CSS Document */
.buttons {
	float: left;
}

.button_styling:DISABLED {
	background-color: #F2DB9E;
	border: 1px solid #F4D37C;
}

.button_styling:hover:ENABLED {
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5
		), color-stop(1, #79bbff));
	background: -moz-linear-gradient(center top, #378de5 5%, #79bbff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5',
		endColorstr='#79bbff');*/
	background-color: #f2af00;
}

.button_styling:active {
	position: relative;
	top: 1px;
}

.button_styling_black {
	-moz-box-shadow: inset 0px 1px 0px 0px #222222;
	-webkit-box-shadow: inset 0px 1px 0px 0px #222222;
	box-shadow: inset 0px 1px 0px 0px #222222;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #222222
		), color-stop(1, #222222));
	background: -moz-linear-gradient(center top, #222222 5%, #378de5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222',
		endColorstr='#378de5');
	background-color: #222222;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #84bbf3;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 8px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528ecc;
}

.gwt_rotate_points {
	transform: rotate(-50deg);
}

.button_styling_black:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #222222
		), color-stop(1, #222222));
	background: -moz-linear-gradient(center top, #222222 5%, #222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222',
		endColorstr='#222222');
	background-color: #222222;
}

.button_styling_black:active {
	position: relative;
	top: 1px;
}

.tile_small {
	width: 200px;
	height: inherit;
	border: solid thin #999;
	padding: 5px;
	line-height: 14px;
	font-size: 10px;
}

.tile_small_fcv {
	width: 300px;
	border: solid thin #999;
	padding: 2px;
	line-height: 14px;
	font-size: 10px;
	background-color: #E8E8E8;
}

.tile_wide {
	width: 400px;
	border: solid thin #999;
	padding: 2px;
	line-height: 14px;
	font-size: 10px;
	background-color: #E8E8E8;
}

.tile_folder {
	border: solid thin #999;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	background-color: #E8E8E8;
}

.tile_fcv {
	border-radius: 2px;
	margin-bottom: 12px;
}

.tile_fcv_right {
	border-radius: 2px;
	border: 1px solid #dcdcdc;
	margin-bottom: 12px;
}

.toppanel_fcv {
	background: #172031;
	height: 15px;
	padding: 5px 5px 5px 5px;
}

.toppanel_fcv_leftFolder {
	background: #162030;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.toppanel_fcv_right {
	background: #ebebeb;
	padding-left: 5px;
	padding-right: 5px;
	height: 25px;
}

.categoryTileBlank {
	background: #162030;
	border-radius: 100px;
	width: 70px;
	height: 25px;
}

.folderExpand {
	background: #d67e31;
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
	width: 15px;
	height: 15px;
	border-radius: 100%;
}

.categoryExpand {
	background: #70b0ff;
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
	width: 15px;
	height: 15px;
	border-radius: 100%;
}

.folderExpandText {
	font-family: Roboto;
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 0;
	text-align: center;
	line-height: 15px;
	vertical-align: middle;
}

.partTileBlank {
	background: #202c42;
	border-radius: 100px;
	width: 70px;
	height: 24px;
}

.scheduleIcon {
	background-image: url(images/scheduleSkyBlue.png);
	background-repeat: no-repeat;
	margin-left: 6px;
	height: 16px;
	width: 14px;
}

.emptyDiv {
	width: 10px;
	height: 28px;
	float: left;
}

.categoryTile {
	background: #d67e31;
	border-radius: 100px;
	width: 70px;
	height: 24px;
	position: relative;
	top: 12px;
	left: -2px;
	line-height: 24px;
	vertical-align: middle;
}

.partTile {
	background: #70b0ff;
	border-radius: 100px;
	width: 50px;
	height: 24px;
	position: relative;
	top: 6px;
	left: -2px;
	line-height: 24px;
	vertical-align: middle;
}

.categoryTileFont {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0;
	text-align: center;
}

.toppanel_fcv_category {
	background: #ebebeb;
	padding-left: 5px;
	padding-right: 5px;
	height: 29px;
}

.toppanel_fcv_part {
	background: #ebebeb;
	padding-left: 5px;
	padding-right: 5px;
	height: 35px;
}

.toppanel_fcv_categoryLeft {
	background: #202c42;
	padding-left: 5px;
	padding-right: 5px;
	height: 29px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	border-top: 1px solid rgba(255, 255, 255, .2);
}

.toppanel_fcv_categoryLeftEmpty {
	background: #202c42;
}

.categoryBorder {
	border-left: 2px solid #d67e31;
}

.partBorder {
	opacity: 0.8;
	border-left: 2px solid rgba(112, 176, 255, 0.8);
}

.toppanel_fcv_partLeft {
	background: #283952;
	padding-left: 5px;
	padding-right: 5px;
	height: 35px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	border-top: 1px solid rgba(255, 255, 255, .2);
}

.toppanel_fcv_partLeftEmpty {
	background: #283952;
}

.tile_circuit {
	width: 205px;
	border: solid thin #999;
	padding: 8px;
	line-height: 14px;
}

.tile_circuit_large {
	height: 112px !important;
}

.tile_area {
	width: 180px;
	height: 60px;
	border: solid thin #999;
	padding: 2px;
	line-height: 14px;
}

.tile_expanded {
	width: 275px;
	height: 100px;
	border: solid thin #999;
	padding: 5px;
	background-color: #EFEFEF;
	line-height: 18px;
}

.tile_expanded_maintenance {
	width: 230px;
	height: 100px;
	border: solid thin #999;
	padding: 5px;
	background-color: #EFEFEF;
	line-height: 18px;
}

.tile_font_small {
	font-size: 9px;
	color: #AEAEAE;
}

.tile_font_small_fcv {
	opacity: 0.4;
	font-family: Roboto;
	font-style: italic;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 10px;
	text-align: left;
}

.tile_font_white {
	color: #FFFFFF;
}

.checkbox {
	float: right;
}

.checkbox-left {
	margin-left: -4px;
}

.qty table td {
	font-size: 11px !important;
	text-align: center;
	padding: 0 5px;
}

.qtyButton table td {
	font-size: 11px !important;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.qty {
	font-size: 11px !important;
}

.fcvqty {
	background-color: #ffffff;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.fcvqtyRight {
	background-color: #ffffff;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 7px;
}

.fcvqtyPartLeft {
	background-color: #283952;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.fcvqtyCategoryLeft {
	background-color: #202c42;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.fcvqtyLeft {
	background: #162030;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
}

.fcvText {
	color: #646464;
	font-family: Roboto;
	font-size: 11px;
	padding-right: 15px;
	text-align: left;
}

.fcvLabel {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
	line-height: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.fcvLabelRight {
	opacity: 0.8;
	color: #646464;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	text-align: right;
	padding-right: 10px;
	white-space: nowrap;
}

.fcvProgressLabel {
	height: 30px;
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 30px;
	margin-left: -4px;
	text-align: left;
}

.fcvProgressLabelFolder {
	opacity: 0.4;
	font-family: Roboto;
	font-style: italic;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 10px;
	text-align: left;
	margin-left: -4px;
}

.fcvProgressLabelRight {
	height: 30px;
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 30px;
	text-align: left;
}

.fcvCircuitLabel {
	height: 30px;
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 30px;
	vertical-align: middle;
}

.fcvCircuitLabelPadding {
	height: 30px;
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 40px;
}

.grayqty {
	font-size: 11px !important;
	background-color: #D0D0D0;
}

.borderPanel {
	border: 1px solid;
	border-color: #8E8E8E;
}

.grayDate {
	background-color: #8E8E8E;
}

.blueqty {
	font-size: 11px !important;
	background-color: #51D4E8;
}

.orangeqty {
	font-size: 11px !important;
	background-color: #E4A04F;
}

.greenqty {
	font-size: 11px !important;
	background-color: #A6E550;
}

.part_custom_name {
	font-size: 11px;
}

.blackqty {
	font-size: 11px !important;
	background-color: #393939;
	color: #FFFFFF;
}

.circle {
	width: 12px;
	height: 12px;
	background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.square {
	width: 10px;
	height: 10px;
	background: blue;
}

.triangle-up {
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 14px solid green;
}

.hide {
	display: none;
}

.show {
	display: auto;
}

.show2 {
	display: inline;
}

.grayStatus {
	background-color: #EFEFEF;
}

.grayStatusTile {
	background-color: #E8E8E8;
}

.blueStatus {
	background-color: #b4e7ff;
}

.blueStatusTile {
	background-color: #58EEFF;
}

.orangeStatusTile {
	background-color: #FFB258;
}

.greenStatusTile {
	background-color: #BAFF57;
}

.yellowStatus {
	background-color: #f7eb62;
}

.orangeStatus {
	background-color: #FF9900;
}

.purpleStatus {
	background-color: #BF5FFF;
}

.pinkStatus {
	background-color: #ff69b4;
}

.greenStatus {
	background-color: #bbe094;
}

.redStatus {
	background-color: #E61D1D;
	color: gray;
}

.darkGreenStatus {
	background-color: #0C4712;
	color: white;
}

.circuitDefaultStatus {
	background-color: #222222;
}

.partPivotTile {
	background-color: #222222;
}

.billableSymbol {
	font-size: 18px;
	float: right;
}

.pointer {
	cursor: pointer;
}

.pointertiles {
	cursor: pointer;
	color: #ffba04;
}

.pointertiles:link {
	color: #ffba04;
}

.pointertiles:visited {
	color: #ffba04;
}

.pointertiles:hover {
	cursor: pointer;
	color: #ffba04;
}

.pointertiles:active {
	color: #ffba04;
}

.pointertilesYellow {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesYellow:link {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesYellow:visited {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesYellow:hover {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesYellow:active {
	cursor: pointer;
	color: #FFBA07;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesWhiteFCV {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCV:link {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCV:visited {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCV:hover {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCV:active {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	text-decoration: none;
}

.pointertilesWhiteFCVPartSmall {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 9px;
	line-height: 9px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPartSmall:link {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 9px;
	line-height: 9px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPartSmall:visited {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 9px;
	line-height: 9px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPartSmall:hover {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 9px;
	line-height: 9px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPartSmall:active {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 9px;
	line-height: 9px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPart {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPart:link {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPart:visited {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPart:hover {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.pointertilesWhiteFCVPart:active {
	opacity: 0.8;
	cursor: pointer;
	color: #ffffff;
	font-family: Roboto;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.2px;
	font-style: italic;
}

.emptycategory {
	background: #ebebeb;
	height: 29px;
}

.emptypart {
	background: #ebebeb;
	height: 35px;
}

.pointertilesBrown {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBrown:link {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBrown:visited {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBrown:hover {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBrown:active {
	cursor: pointer;
	color: #70421a;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}

.pointertilesBlueSmall {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 9px;
	font-weight: 500;
	line-height: 9px;
}

.pointertilesBlueSmall:link {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 9px;
	font-weight: 500;
	line-height: 9px;
}

.pointertilesBlueSmall:visited {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 9px;
	font-weight: 500;
	line-height: 9px;
}

.pointertilesBlueSmall:hover {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 9px;
	font-weight: 500;
	line-height: 9px;
}

.pointertilesBlueSmall:active {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 9px;
	font-weight: 500;
	line-height: 9px;
}

.pointertilesBlue {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
}

.pointertilesBlue:link {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
}

.pointertilesBlue:visited {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
}

.pointertilesBlue:hover {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
}

.pointertilesBlue:active {
	cursor: pointer;
	color: #294c78;
	font-family: Roboto;
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
}

.pointertilesWhite {
	cursor: pointer;
	color: #FFFFFF;
}

.pointertilesWhite:link {
	color: #FFFFFF;
}

.pointertilesWhite:visited {
	color: #FFFFFF;
}

.pointertilesWhite:hover {
	cursor: pointer;
	color: #FFFFFF;
}

.pointertilesWhite:active {
	color: #FFFFFF;
}

.pointertilesBlack {
	cursor: pointer;
	color: #222222;
}

.pointertilesBlack {
	color: #222222;
}

.pointertilesBlack:visited {
	color: #222222;
}

.pointertilesBlack:hover {
	cursor: pointer;
	color: #222222;
}

.pointertilesBlack:active {
	color: #222222;
}

.pointertilesNonBlack {
	cursor: pointer;
	color: #222222;
	text-decoration: underline;
	font-weight: bold;
}

.pointertilesNonBlack:link {
	color: #222222;
	text-decoration: underline;
}

.pointertilesNonBlack:visited {
	color: #222222;
	text-decoration: underline;
}

.pointertilesNonBlack:hover {
	cursor: pointer;
	color: #222222;
	text-decoration: underline;
}

.pointertilesNonBlack:active {
	color: #222222;
	text-decoration: underline;
}

.menuSelected {
	background-color: lightgray;
}

#loginBody {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	font-size: 13px;
	line-height: 20px;
	min-width: 998px;
	/* background:url(/images/BG.jpg) repeat;*/
}

.buttonOrder {
	height: 20px;
}

.FlexTable-MaterialRow {
	background-color: #222222;
	text-align: leftt;
	color: #FFFFFF;
}

.FlexTable-MaterialRow {
	background-color: #222222;
	text-align: leftt;
	color: #FFFFFF;
}

.FlexTable-MaterialRow td {
	border: 1px solid white;
}

.FlexTableCosting-headerRow {
	background-color: #8E8E8E;
	text-align: left;
}

.FlexTableCosting-headerRow td {
	border: 1px solid white;
}

.FlexTable-PartRow {
	background-color: #FFE599;
	text-align: right;
	font-style: italic;
}

.FlexTable-CategoryRow {
	background-color: #C6EFCE;
	text-align: center;
}

.FlexTable-FolderRow {
	background-color: #DDEBF7;
	text-align: left;
	font-weight: bold;
}

.FlexTable-Cell {
	color: red;
}

.divRedSmall {
	font-size: 9px;
	color: red;
}

.divRed {
	color: red;
}

.PricingTable-LegendBlue {
	background-color: #ffff00;
}

.PricingTable-LegendGreen {
	background-color: #00B050;
}

.FlexTable-Cell:link {
	color: red !important;
}

.FlexTable-Cell:visited {
	color: red !important;
}

.FlexTable-Cell:active {
	color: red !important;
}

.FlexTable-Cell:hover {
	color: red !important;
}

.label-bold {
	font-weight: bold;
}

.columnHeader {
	white-space: nowrap;
	vertical-align: bottom;
	text-align: center;
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}

.columnHeader Button {
	height: 27px;
	width: 10px
}

.gwt-MenuBar-vertical {
	background-color: #222222 !important;
	width: 160px !important;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
	padding: 0px 0px !important;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
	border-top: 2px solid #1B1B1B !important;
	height: 0px !important;
}

.gwt-MenuBar .gwt-MenuItem {
	color: #AEAEAE !important;
	padding: 7px 0px 7px 12px !important;
	font-family: 'Maven Pro', sans-serif !important;
}

.gwt-MenuBar-vertical .gwt-MenuItem-selected, .gwt-MenuBar-vertical .gwt-MenuItem-selected-perm
	{
	background-color: #1B1B1B !important;
	color: #FAB319 !important;
}

span.logo>img {
	width: 10%;
	height: 62.5%;
}

div#bodyDiv>table>tbody>tr>td>table>tbody>tr>td:FIRST-CHILD {
	background-color: #222222;
}

div#bodyDiv>table>tbody>tr>td>table>tbody>tr>td:LAST-CHILD {
	background-color: #E8E8E8;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridOddRow {
	background-color: #E8E8E8 !important;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridEvenRow {
	background-color: #FFF !important;
}

/*
.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridKeyboardSelectedRow {
	background: #ffba04 !important;
}*/
.selectedRow {
	background: #ffba04 !important;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridWidget {
	font-family: 'Maven Pro', sans-serif !important;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridOddRowCell,
	.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridEvenRowCell
	{
	border: 1px solid #CCC !important;
	color: #404040 !important;
	font-family: 'Maven Pro', sans-serif !important;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridOddRowCell:first-child,
	.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridEvenRowCell:first-child
	{
	border-left-width: 0px;
}

.com-google-gwt-user-cellview-client-DataGrid-Style-dataGridHeader {
	background-color: #222222 !important;
	border: 1px solid #CCC !important;
	vertical-align: top;
	font-family: 'Maven Pro', sans-serif !important;
	color: #AEAEAE !important;
	text-shadow: none !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	border-radius: 0px 0px 0px 0px !important;
	margin-left: -5px !important;
	padding: 8px 15px 6px 15px !important;
	margin-right: 10px !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
	background-color: #E8E8E8 !important;
}

.gwt-TabLayoutPanel {
	margin: 5px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	padding: 0px !important;
	background-color: #FFF !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
	border: 0px !important;
}

.main-panel {
	background: #E8E8E8;
}

.login-as {
	font-weight: bold;
	color: #FAB319;
	font-family: 'Maven Pro', sans-serif;
}

.login-user {
	font-weight: bold;
	color: #FAB319;
	font-family: 'Maven Pro', sans-serif;
}

.login-user-panel {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	border-left: 1px solid #e6e6e6;
}

.menu-icon {
	height: 46px;
	width: 46px;
	background-color: #222222;
	background-image: url('images/menu-icon.png');
	background-repeat: no-repeat;
}

.search-icon {
	height: 24px;
	width: 24px;
	background-color: #FCD517;
	background-image: url('images/magnify.png');
	background-repeat: no-repeat;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}

.reset-icon {
	height: 24px;
	width: 24px;
	background-color: #FCD517;
	background-image: url('images/sync.png');
	background-repeat: no-repeat;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}

.filter-icon {
	height: 24px;
	width: 24px;
	background-color: #FCD517;
	background-image: url('images/filterfunnel.png');
	background-repeat: no-repeat;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}

.gwt-PopupPanel.login-popup {
	border: 0px none #FFF !important;
	padding: 0px !important;
	background: none !important;
	width: 100%;
	height: 46px;
}

.gwt-CheckBox {
	font-family: 'Maven Pro', sans-serif !important;
}

.gwt-Label {
	font-family: 'Maven Pro', sans-serif !important;
}

.gwt-ListBox {
	padding: 5px 4px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
}

table.popup-flexTable {
	padding: 10px 20px;
	text-align: left;
}

table.popup-flexTable td {
	vertical-align: top;
	padding: 3px 10px;
	padding-bottom: 0px;
}

table.unpadded-child td {
	padding: 0px;
}

.gwt-PopupPanel {
	border: none !important;
	padding: 0px !important;
}

.popup-header {
	width: 100%;
	border-bottom: 1px solid #E8E8E8;
	background: #ffba04;
	text-align: center;
}

.popup-header-title {
	font-size: 24px;
	font-weight: bolder;
	padding: 7px;
	color: #FFF;
}

.button-panel {
	padding: 5px;
}

/* Give all children 5px margin */
.button-panel>* {
	margin: 5px;
}

/* except the button :) */
.button-panel>button {
	margin: 0px 3px;
}

.upper-button-panel {
	border-bottom: 2px solid #E8E8E8;
}

.upper-button-panel-circuit {
	border-bottom: 2px solid #E8E8E8;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 2px;
}

.bottom-button-panel {
	border-top: 2px solid #E8E8E8;
	text-align: left;
	margin-top: 5px;
	text-align: center;
}

.bottom-button-panel-left {
	border-top: 2px solid #E8E8E8;
	text-align: left;
	padding: 5px;
}

.filter-pane {
	margin: 10px;
	border: 1px solid #E8E8E8;
}

.filter-header {
	padding: 15px;
	background: #E8E8E8;
	color: #4b4a4a;
	font-weight: bold;
	font-family: 'Maven Pro', sans-serif;
}

.filter-reset-button {
	padding: 6px;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableHeader {
	padding: 0px !important;
	border: none !important;
}

.selectedRowCellTable {
	background: #ffba04 !important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableOddRow {
	background: #f3f3f3 !important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableEvenRow {
	background: #FFF !important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableEvenRowCell,
	.com-google-gwt-user-cellview-client-CellTable-Style-cellTableOddRowCell
	{
	border: none !important;
	font-family: 'Maven Pro', sans-serif !important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableCell {
	padding: 7px !important;
}

/*
.com-google-gwt-user-cellview-client-CellTable-Style-cellTableKeyboardSelectedRow {
	background: #ffba04 !important;
}*/
.detail-pane {
	padding: 10px;
	font-family: 'Maven Pro', sans-serif;
}

.detail-pane>h2 {
	margin: 0px;
}

.detail-list {
	list-style: none;
	padding: 0px;
}

.detail-list>li {
	padding: 6px 0px;
	border-bottom: 1px solid #EAEAEA;
}

.list_column_header {
	background: #222222;
	padding: 12px 6px !important;
	color: #AEAEAE !important;
	text-shadow: none !important;
}

.bold-label {
	font-family: 'Maven Pro', sans-serif !important;
	font-weight: bold;
}

.gwt-RadioButton {
	font-family: 'Maven Pro', sans-serif !important;
}

.group-component {
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
}

.group-component-no-padding {
	border: 1px solid #ccc;
	border-top: 1px solid #999;
}

.sub-header {
	margin: 6px 0px;
	padding: 12px 8px;
	background-color: #E8E8E8;
	vertical-align: middle;
}

table.sub-header td {
	vertical-align: middle !important;
}

.costing-table {
	border: 2px solid #E8E8E8;
}

.costing-table-cell {
	font-family: 'Maven Pro', sans-serif;
	border: 1px solid white;
	padding: 4px 8px;
}

.costing-table-header {
	background-color: #222222;
	color: #AEAEAE;
}

.comparison-table td {
	font-family: 'Maven Pro', sans-serif;
	border: 1px solid #E8E8E8;
	padding: 4px 8px;
}

.comparison-table-header {
	background-color: #222222;
	color: #AEAEAE;
}

.comparison-tablenew {
	border: 1px solid #E8E8E8;
}

.comparison-tablenew td {
	font-family: 'Maven Pro', sans-serif;
	padding: 4px 8px;
}

.comparison-tablenew-header {
	background-color: #222222;
	color: #AEAEAE;
}

.horizontalPanelSpacing {
	margin-left: -5px;
}

.filter-popup {
	padding: 2px !important;
	border: 2px solid #E8E8E8 !important;
	background-color: #F6F6F6 !important;
}

.filter-popup-info {
	padding: 2px !important;
	border: 2px solid #E8E8E8 !important;
	background-color: #000;
}

.permission-group-component {
	margin-bottom: 10px;
}

.list-border {
	border-right: 3px solid #E8E8E8;
}

.grid-table-wrap-columns {
	word-wrap: break-word;
}

.date-cell {
	padding: 3px 4px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
}

.AnalyzePopup {
	background-color: #E0E6EB;
	border: 2px solid #A3B1F5;
}

tr.AnalyzeTreeHeader {
	background-color: #F0E6DB;
	font-weight: bold;
}

.red-textbox {
	background-color: #FF6666;
	height: 21px;
}

.regular-textbox {
	height: 21px;
}

.homeWidget {
	background: #E3E6EB;
	background-color: #E3E6EB;
	padding-left: 10px;
	font-family: "Roboto-Bold";
}

.homeButtonUnSelected {
	width: 100px;
	height: 44px;
	border: 1px solid #AAADAD;
	border-radius: 100px;
	background-color: #E3E7EB;
	color: #787A7A;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}

.homeButtonSelected {
	width: 100px;
	height: 44px;
	border-radius: 100px;
	background-color: #2C89E6;
	border: 1px solid #AAADAD;
	color: #F5F9FB;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	text-align: center;
	box-shadow: 3px 8px 20px 0 rgba(0, 0, 0, 0.25);
}

}
.maintile {
	height: 88px;
	width: 1170px;
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.mainTileSelected {
	opacity: 0.85;
	border-radius: 2px;
	background-color: #143F6A;
}

.totaltile {
	height: 150px;
	width: 1170px;
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 29px;
	overflow: hidden;
}

.totalHeading {
	padding-left: 15px;
	height: 100%;
}

.totalHeadingSelected {
	padding-left: 15px;
	height: 100%;
	opacity: 0.85;
	border-radius: 2px;
	background-color: #143F6A;
}

.totalHeadingLabel {
	color: #6593BC;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 500;
	height: 84%;
	width: 100%;
	padding-top: 6px;
}

.totalHeadingLabelSelected {
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 500;
	height: 84%;
	width: 100%;
	padding-top: 6px;
}

table.totalTable td {
	border: 1px solid #E3E7EB;
	table-layout: fixed;
}

table.totalTable {
	table-layout: fixed;
}

table.tileTable td {
	border: 1px solid #E3E7EB;
	table-layout: fixed;
}

table.tileTable {
	table-layout: fixed;
}

.totalText {
	padding-left: 15%;
	height: 100%;
}

.totalTextSelected {
	padding-left: 15%;
	height: 100%;
	opacity: 0.85;
	background-color: #143F6A;
}

.divRadioButton {
	opacity: 0.75;
	font-family: Roboto;
	padding-top: 8px;
	padding-left: 10px;
	height: 100%;
}

.radioButtonProject {
	color: #2C89E6;
}

.radioButtonMaintenance {
	color: #CF7B27;
}

.radioButtonGodown {
	color: green;
}

.totalTextMain {
	height: 20px;
	opacity: 0.75;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 20px;
	line-height: 20px;
	padding-top: 36px;
}

.totalTextMainSelected {
	height: 20px;
	opacity: 0.75;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 20px;
	line-height: 20px;
	padding-top: 36px;
}

.totalTextMainWithHeader {
	height: 20px;
	opacity: 0.75;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 20px;
	line-height: 20px;
}

.totalTextMainWithHeaderSelected {
	height: 20px;
	opacity: 0.75;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 20px;
	line-height: 20px;
}

.totalTextHeading {
	height: 28px;
	color: #226CB5;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
	padding-top: 8px;
}

.totalTextHeadingSelected {
	height: 28px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
	padding-top: 8px;
}

.totalTextMainFaded {
	height: 14px;
	opacity: 0.55;
	color: #424242;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	padding-top: 8px;
}

.totalTextMainFadedSelected {
	height: 14px;
	opacity: 0.55;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	padding-top: 8px;
}

.checkmark {
	display: inline-block;
	width: 10px;
	height: 10px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.checkmark_stem {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: green;
	left: 3px;
	top: 6px;
}

.checkmark_kick {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: green;
	left: 0px;
	top: 14px;
}

.checkmark_stem_green {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: green;
	left: 3px;
	top: 1px;
}

.checkmark_kick_green {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: green;
	left: 0px;
	top: 9px;
}

.checkmark_stem_red {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: red;
	left: 3px;
	top: 1px;
}

.checkmark_kick_red {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: red;
	left: 0px;
	top: 9px;
}

.checkmark_stem_yellow {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: #FCD517;
	left: 3px;
	top: 1px;
}

.checkmark_kick_yellow {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #FCD517;
	left: 0px;
	top: 9px;
}

.checkmarkPending {
	display: inline-block;
	width: 12px;
	height: 12px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.checkmark_stemPending {
	position: absolute;
	width: 3px;
	height: 11px;
	background-color: green;
	left: 7px;
	top: 0px;
}

.checkmark_kickPending {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: green;
	left: 4px;
	top: 8px;
}

.headertile {
	width: 1170px;
	height: 65px;
	border: 1px solid #DCDFE0;
	background-color: #F5F9FB;
	font-family: Roboto;
}

.headerText {
	color: #423F35;
	line-height: 20px;
	font-size: 20px;
}

.headerTitle {
	color: #143F6A;
	line-height: 14px;
	font-size: 12px;
}

.headerSubTitle {
	color: #423F35;
	line-height: 14px;
	font-size: 12px;
}

.headerValue1 {
	color: #CF2727;
	line-height: 14px;
	font-size: 12px;
}

.headerValue2 {
	color: #BF7224;
	line-height: 14px;
	font-size: 12px;
}

.FlexTable-HomeScreenRow {
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.tileTextMainFirst {
	height: 14px;
	opacity: 0.8;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	margin-left: 8px;
}

.tileTextMain {
	height: 14px;
	opacity: 0.8;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	margin-left: 15%;
}

.tileTextMainSelected {
	height: 14px;
	opacity: 0.8;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	margin-left: 15%;
}

.tileTextFaded {
	height: 14px;
	opacity: 0.65;
	color: #424242;
	font-family: Roboto;
	font-size: 12px;
	line-height: 14px;
	margin-left: 15%;
}

.tileTextFadedSelected {
	height: 14px;
	opacity: 0.65;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	line-height: 14px;
	margin-left: 15%;
}

.totalComplete {
	padding-top: 3px;
}

.totalCompleteWOHeader {
	padding-top: 40px;
}

.homeScroll {
	overflow-y: scroll;
	overflow-x: hidden;
}

.FlexTable-HomeScreenHeader td {
	opacity: 0.55;
	font-family: Roboto-Bold;
	font-size: 12px;
	color: #423f35;
	line-height: 16px;
}

.markerText {
	height: 12px;
	width: 12px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	text-align: center;
}

.projectTile {
	height: 20px;
	width: 25px;
	opacity: 0.5;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	background-color: #2C89E6;
	padding-top: 6px;
	padding-left: 4px;
}

.maintenanceTile {
	height: 20px;
	width: 25px;
	opacity: 0.5;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	background-color: #CF7B27;
	padding-top: 6px;
	padding-left: 4px;
}

.godownTile {
	height: 20px;
	width: 25px;
	opacity: 0.5;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	padding-top: 6px;
	background-color: green;
	padding-left: 4px;
}

.spanTitle {
	opacity: 0.5;
}

.pendingIndentTile {
	background: #ffffff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.20);
	border-radius: 6px;
	width: 210px;
	height: 220px;
}

.totalElement {
	background: #ffffff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.20);
	border-radius: 6px;
	height: 220px;
	padding: 24px 24px 24px 24px;
}

.numberPurple {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #7a0427;
	line-height: 32px;
	text-align: left;
}

.numberPurpleSmall {
	font-family: Roboto-Medium;
	font-size: 24px;
	color: #7a0427;
	line-height: 32px;
	text-align: left;
}

.textPurple {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 12px;
	color: #953652;
	line-height: 14px;
}

.numberGreen {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #047b57;
	line-height: 32px;
	text-align: left;
}

.numberGreenSmall {
	font-family: Roboto-Medium;
	font-size: 24px;
	color: #047b57;
	line-height: 32px;
	text-align: left;
}

.textGreen {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 12px;
	color: #047b57;
	line-height: 14px;
}

.numberMustard {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #795604;
	line-height: 32px;
	text-align: left;
}

.textMustard {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 12px;
	color: #947836;
	line-height: 14px;
}

.numberBlue {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #0588a8;
	line-height: 32px;
	text-align: left;
}

.textBlue {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 12px;
	color: #0588a8;
	line-height: 14px;
}

.divPendingApproval {
	opacity: 0.1;
	background: #000000;
	border-radius: 100px;
	width: 125px;
	height: 5px;
	z-index: 0;
}

.divPendingIndents {
	background: #953652;
	border-radius: 100px;
	height: 5px;
	z-index: 10;
}

.divPendingChallans {
	background: #37ba93;
	border-radius: 100px;
	height: 5px;
	z-index: 10;
}

.divPendingWO {
	background: #947836;
	border-radius: 100px;
	height: 5px;
	z-index: 10;
}

.divPendingPO {
	background: #37a0b9;
	border-radius: 100px;
	height: 5px;
	z-index: 10;
}

.divIndentsPendingOrder {
	background: #08e7a4;
	border-radius: 100px;
	width: 8px;
	height: 80px;
	z-index: 0;
}

.divItemsPendingOrder {
	background: #e6084b;
	border-radius: 100px;
	width: 8px;
	height: 80px;
	z-index: 10;
	margin-top: -5px;
}

.pendingIndentsNumber {
	font-family: Roboto-Medium;
	font-size: 32px;
	color: #047b57;
	line-height: 32px;
	text-align: left;
}

.pendingItemsNumber {
	font-family: Roboto-Medium;
	font-size: 24px;
	color: #047b57;
	line-height: 32px;
	text-align: left;
}

.pendingOrderText {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 14px;
	color: #047b57;
	line-height: 14px;
	text-align: left;
}

.homeScreenHP {
	margin-bottom: -12px;
}

.labelBold {
	font-weight: bold;
}

.comment-name-label {
	font-family: 'Maven Pro', sans-serif !important;
	font-weight: bold;
	color: blue;
}

.comment-text-label {
	font-family: 'Maven Pro', sans-serif !important;
	color: black;
	word-wrap: break-word;
}

.comment-time-label {
	font-family: 'Maven Pro', sans-serif !important;
	font-size: 10px;
	color: black;
	word-wrap: break-word;
}

.comments-textarea {
	border: 2px solid #765942;
	border-radius: 6px;
}

.panel-section-even {
	background-color: #E8E8E8;
	border: 2px solid #5c5c5c !important;
	border-radius: 10px;
}

.panel-section-odd {
	background-color: #FFFFFF;
	border: 2px solid #5c5c5c !important;
	border-radius: 10px;
}

.comments-outer-card {
	background-color: #008000;
	border: 2px solid #5c5c5c !important;
	border-radius: 10px;
}

.comments-inner-card {
	background-color: #E8E8E8;
	border: 1px solid #5c5c5c !important;
	border-radius: 5px;
}

.comments-outer-card-reply {
	background: transparent
}

.comments-menu-button {
	border: none;
	background: transparent;
}

.comments-reply-anchor {
	font-family: 'Maven Pro', sans-serif !important;
	text-decoration: none !important;
	color: black !important;
}

.comments-reply-popup {
	padding: 2px !important;
	border: 2px solid #D0D0D0 !important;
	background-color: #E8E8E8 !important;
	vertical-align: top;
	font-family: 'Maven Pro', sans-serif !important;
	border-radius: 2px;
	text-shadow: none !important;
}

.projectListWidget {
	background: #E3E6EB;
	background-color: #E3E6EB;
	font-family: "Roboto-Bold";
}

.plwHeaderTile {
	width: 99%;
	height: 65px;
	font-family: Roboto;
}

.plwHeaderFirstRow {
	height: 1%;
	color: #5E686A;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
}

.plwHeaderSecondRow {
	height: 0.83%;
	color: #647C7C;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
}

.projectListTile {
	width: 100%;
	height: 65px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
}

.projectListTileNew {
	width: 100%;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
}

.projectListTile_estimate {
	width: 100%;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #E2E6EB;
}

.estimate_outerpanel:hover {
	border-left: 4px solid #a51111;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2), 0 8px 4px 0
		rgba(0, 0, 0, 0.19);
	/* border-radius: 7px; */
}

.projectListTileExpanded {
	width: 100%;
	font-family: Roboto;
	box-shadow: 1px 2px 24px 0 rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.projectListTileHover {
	width: 100%;
	height: 65px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F7F6F4;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.projectListTileNewHover {
	width: 100%;
	height: 65px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F7F6F4;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.projectListHoverCorner {
	height: 110%;
	width: 4px;
	background-color: #1F535D;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	margin-left: -2px;
}

.projectListHoverText {
	color: #1F535D;
	font-family: Roboto;
}

.projectGraphRow {
	height: 229px;
}

.projectTitleRow {
	height: 61px;
}

.projectMenuTable {
	table-layout: auto;
}

.projectMenuTableOuter {
	border: 1px solid #E6E6E6;
	background-color: #F5F5F5;
	margin-left: -2px;
}

.pointerMenu {
	color: #1F535D;
	text-decoration: none;
	font-family: Roboto;
	font-size: 14px;
}

.pointerMenu:hover {
	color: #1F535D;
	text-decoration: none;
	font-family: Roboto;
	font-size: 14px;
}

.pointerMenuDisabled {
	color: #1F535D;
	text-decoration: none;
	font-family: Roboto;
	font-size: 14px;
	cursor: auto;
}

.pointerMenuDisabled:hover {
	color: #1F535D;
	text-decoration: none;
	font-family: Roboto;
	font-size: 14px;
	cursor: auto;
}

.projectMenuCell {
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.projectMenuDisabledCell {
	opacity: 0.25;
	color: #000000;
	font-family: Roboto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.projectMenuBlankCell {
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

.projectMenuCell:hover {
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	border-bottom: 2px solid;
}

.projectMenuCellSelected {
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	border-bottom: 2px solid;
}

.projectFilterTable {
	table-layout: auto;
}

.projectFilterTableNumberSpan {
	font-family: Roboto;
	font-size: 24px;
	font-weight: 300;
}

.projectFilterTableStatusSpan {
	font-family: Roboto;
	font-size: 14px;
}

.pointerFilterTable {
	text-decoration: none;
	color: #444345;
	cursor: pointer;
}

.pointerFilterTable:hover {
	text-decoration: none;
	font-weight: bold;
	color: #8F7918;
	cursor: pointer;
}

.pointerFilterTableSelected {
	text-decoration: none;
	font-weight: bold;
	color: #8F7918;
	cursor: pointer;
}

.pointerFilterTableSelected:hover {
	text-decoration: none;
	font-weight: bold;
	color: #8F7918;
	cursor: pointer;
}

.projectFilterTableCell {
	padding-left: 0px;
	padding-right: 50px;
	padding-bottom: 5px;
	border-bottom: 4px solid #FFFFFF;
}

.projectFilterTableCellHover {
	padding-left: 0px;
	padding-right: 50px;
	padding-bottom: 5px;
	border-bottom: 4px solid #8F7918;
}

.projectFilterTableCellSelected {
	padding-left: 0px;
	padding-right: 50px;
	padding-bottom: 5px;
	border-bottom: 4px solid #8F7918;
	font-weight: bold;
}

.myprojects {
	height: 2.99%;
	border: 1px solid #EBEAE8;
	border-radius: 2px;
	background-color: #F0EFED;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05);
	color: #5C5C5B;
	font-family: Roboto;
	font-size: 12px;
}

.button_styling_new {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.button_styling_new:disabled {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
	opacity: 0.50;
}

.toppanel {
	background-color: #FFFFFF;
}

.projectNameLabel {
	color: #1F535D;
	font-family: Roboto;
	font-size: 24px;
	font-weight: 500;
	margin-right: 10px;
}

.financeDisabledCell {
	opacity: 0.25;
	color: #000000;
	font-family: Roboto;
	font-size: 14px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 30px;
	text-decoration: none;
	border-bottom: 2px solid #E8E8E8;
	cursor: default;
}

.pointerProjectTabManager {
	text-decoration: none;
	cursor: pointer;
	opacity: 0.75;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
}

.pointerProjectTabManager:hover {
	text-decoration: none;
	cursor: pointer;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
}

.pointerProjectTabManagerDisabled {
	text-decoration: none;
	opacity: 0.25;
	color: red;
	font-family: Roboto;
	font-size: 14px;
	text-align: left;
}

.pointerProjectTabManagerDisabled:hover {
	text-decoration: none;
	opacity: 0.25;
	color: red;
	font-family: Roboto;
	font-size: 14px;
	text-align: left;
}

.pointerProjectTabManagerSelected {
	text-decoration: none;
	cursor: pointer;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
}

.pointerProjectTabManagerSelected:hover {
	text-decoration: none;
	cursor: pointer;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
}

.projectTabManagerCell {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 4px solid #FFFFFF;
}

.projectTabManagerCellHover {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 4px solid #1F535D;
}

.projectTabManagerCellSelected {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 4px solid #1F535D;
	font-weight: bold;
}

.projectManagaMentTabManagerCell {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 2px solid #E8E8E8;
}

.projectManagaMentTabManagerCellHover {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 2px solid #1F535D;
}

.projectManagaMentTabManagerCellSelected {
	padding-left: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	border-bottom: 2px solid #1F535D;
	font-weight: bold;
}

.orderText {
	height: 12px;
	width: 120px;
	opacity: 0.75;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	color: #806C16;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 55px;
	margin-right: -50px;
}

.orderTotal {
	height: 166px;
	width: 20px;
	background-color: #CCAD23;
}

.orderCompleted {
	width: 20px;
	background-color: #E1D991;
}

.orderTotalNo {
	color: #665C30;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
}

.orderTotalValue {
	opacity: 0.3;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
}

.zeroTotal {
	height: 166px;
	width: 20px;
	background-color: rgba(204, 173, 35, 0.15);
}

.challanOutText {
	height: 12px;
	width: 120px;
	opacity: 0.75;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	color: #990909;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 55px;
	margin-right: -50px;
}

.challanOutTotal {
	height: 166px;
	width: 20px;
	background-color: #990909;
}

.challanOutCompleted {
	width: 20px;
	background-color: #C5AFB0;
}

.challanOutTotalNo {
	color: #990909;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
}

.challanOutTotalValue {
	opacity: 0.3;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
}

.saveLogo {
	height: 16px;
	width: 16px;
	opacity: 0.5;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.editProjectLogo {
	height: 16px;
	width: 16px;
	opacity: 0.5;
	background-image: url("images/edit.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.editIndentLogo {
	height: 16px;
	width: 16px;
	opacity: 0.5;
	background-image: url("images/pencil.png");
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.infoIconLogo {
	height: 16px;
	width: 16px;
	opacity: 0.5;
	background-image: url("images/information.png");
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.editIndentText {
	color: #ffba04;
}

.deleteProjectLogo {
	height: 16px;
	width: 14px;
	opacity: 0.5;
	background-image: url("images/delete.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.buttonTabManger {
	height: 40px;
	width: 140px;
	border: 1px solid #E6E6E6;
	opacity: 0.4;
	border-radius: 2px;
	background-color: #FFFFFF;
	cursor: pointer;
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
}

.buttonTabMangerSelected {
	height: 40px;
	width: 140px;
	border-radius: 2px;
	background-color: #FFFFFF;
	color: #1F535D;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.05);
}

.projectHeaderPanel {
	border: 1px solid #EBEAE8;
	background-color: rgba(0, 0, 0, 0.54);
	padding-top: 2px;
	padding-bottom: 2px;
}

.contentPanel {
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.fPnlContainer {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.fPnlContainerGray {
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	background-color: #E8E8E8;
}

.divFinanceStyleHover {
	height: 30px;
	width: 50px;
	border: 1px solid #EBE9E8;
	border-radius: 4px;
	background-color: #F7F6F5;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	text-align: left;
}

.divFinanceStyle {
	height: 30px;
	width: 50px;
	text-align: left;
	vertical-align: middle;
}

.divFinanceStyleHoverSingle {
	height: 30px;
	width: 50px;
	border: 1px solid #EBE9E8;
	border-radius: 4px;
	background-color: #F7F6F5;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	text-align: left;
	line-height: 30px;
	vertical-align: middle;
}

.divFinanceStyleSingle {
	height: 30px;
	width: 50px;
	text-align: left;
	vertical-align: middle;
	line-height: 30px;
	vertical-align: middle;
}

.divFinance {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.divFinanceHover {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #eeeeee;
	cursor: pointer;
}

.divFinStyleHoverSingle {
	height: 20px;
	border: 1px solid #EBE9E8;
	border-radius: 4px;
	background-color: #F7F6F5;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
	text-align: left;
	line-height: 20px;
	vertical-align: middle;
}

.divFinStyleSingle {
	height: 20px;
	text-align: left;
	vertical-align: middle;
	line-height: 20px;
	vertical-align: middle;
}

.pointerFinance {
	color: #1B1B1B;
	font-family: Roboto;
	text-decoration: none;
	cursor: pointer;
}

.pointerFinance:hover {
	text-decoration: none;
	cursor: pointer;
	color: #B3971E;
	font-family: Roboto;
	font-weight: bold;
}

.filterHeader {
	height: 1%;
	color: #5E686A;
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

.nonFilterHeader {
	color: #5E686A;
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: middle;
}

.nonFilterHeaderUnspec {
	color: #5E686A;
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
}

.filterHeader:hover {
	height: 1%;
	color: #5E686A;
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

.filterAnchor {
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.filterAnchorImage {
	height: 8px;
	width: 12px;
	background-image: url("images/filter.png");
	background-repeat: no-repeat;
	background-size: 12px 8px;
}

.arrowUpImage {
	height: 14px;
	width: 14px;
	background-image: url("images/arrowUp.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
}

.arrowDownImage {
	height: 14px;
	width: 14px;
	background-image: url("images/arrowDown.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
}

.filterAnchorSelectedImage {
	opacity: 0.75;
	background: #695d32;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-image: url("images/filtervariant.png");
	background-repeat: no-repeat;
	background-size: 12px 8px;
	background-position: center;
}

.filterRefresh {
	width: 16px;
	height: 16px;
	background-image: url("images/filterrefresh.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
	color: red;
}

.filterApply {
	width: 16px;
	height: 16px;
	background-image: url("images/apply.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
	color: red;
}

.hPanelTop {
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%
}

.filterPopup {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.07);
	border-radius: 2px;
	width: 188px;
}

.filterPopupSmall {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.07);
	border-radius: 2px;
}

.filterBy {
	font-family: Roboto-Bold;
	font-size: 10px;
	color: #695d32;
	line-height: 12px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
	text-align: left;
}

.txtSearch {
	background: #f5f5f5;
	width: 178px;
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	text-align: left;
	margin-bottom: 20px;
}

.txtSearchMultiple {
	background: #f5f5f5;
	width: 154px;
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	text-align: left;
	margin-bottom: 20px;
}

input[type="checkbox"].css-checkbox {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #dcdcdc;
	width: 16px;
	height: 16px;
	position: relative;
}

input[type="checkbox"].css-checkbox:checked {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #dcdcdc;
	width: 16px;
	height: 16px;
	position: relative;
}

input[type="checkbox"].css-checkbox:checked:after {
	content: url("images/cbselected.png");
	position: absolute;
	left: 15%;
	top: 1.875%;
}

input[type="checkbox"].css-checkboxPending {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #1f535d;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxPending:checked {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #1f535d;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxPending:checked:after {
	content: url("images/cbselectedgreen.png");
	position: absolute;
	left: 2px;
	top: -4px;
	outline: 0;
}

input[type="checkbox"].css-checkboxPending:focus {
	outline: 0;
}

input[type="checkbox"].css-checkboxNew {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #8C7500;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxNew:checked {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #8C7500;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxNew:checked:after {
	content: url("images/cbselectedNew.png");
	position: absolute;
	left: 2px;
	top: -4px;
	outline: 0;
}

input[type="checkbox"].css-checkboxNew:focus {
	outline: 0;
}

input[type=checkbox][disabled].css-checkboxNew {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #CCCCCC;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxConstructionary {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #333333;
	width: 12px;
	height: 12px;
	position: relative;
	top: 2px;
	outline: 0;
}

input[type="checkbox"].css-checkboxConstructionary:checked {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #8C7500;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
}

input[type="checkbox"].css-checkboxConstructionary:checked:after {
	content: url("images/cbselectedNew.png");
	position: absolute;
	left: 2px;
	top: -4px;
	outline: 0;
}

input[type="checkbox"].css-checkboxConstructionary:focus {
	outline: 0;
}

input[type=checkbox][disabled].css-checkboxConstructionary {
	-webkit-appearance: initial;
	appearance: initial;
	border: 1px solid #CCCCCC;
	width: 12px;
	height: 12px;
	position: relative;
	outline: 0;
	opacity: 0.25;
}

.constructionaryCheckBoxLabel {
	padding-left: 5px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.constructionaryCheckBoxLabelSelected {
	padding-left: 5px;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #735F06;
}

.constructionaryCheckBoxLabelDisabled {
	padding-left: 14px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #333230;
	opacity: 0.25;
}

.filterCBText {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.filterTable {
	padding-left: 10px
}

.divTeam1 {
	border: 2px solid #ffffff;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #E3E6EB;
	position: relative;
	font-family: Roboto;
	font-size: 10px;
	color: #5E686A;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

.divTeam2 {
	border: 2px solid #ffffff;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #E3E6EB;
	margin-left: -12px;
	position: relative;
	font-family: Roboto;
	font-size: 10px;
	color: #5E686A;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

.divTeam3 {
	border: 2px solid #ffffff;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #E3E6EB;
	margin-left: -12px;
	position: relative;
	font-family: Roboto;
	font-size: 10px;
	color: #5E686A;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

.teamWidgetRowName {
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
	margin-left: 12px;
}

.teamWidgetRowHeaderName {
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #444345;
	text-align: right;
}

.teamWidgetRowRole {
	opacity: 0.35;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #1b1b1b;
	line-height: 10px;
	text-align: left;
	margin-left: 12px;
}

.teamWidgetRowTable {
	border-bottom: 1px solid #e0e0e0;
	width: 200px;
	height: 43px;
}

.teamWidgetRowHeaderTable {
	width: 130px;
	height: 100%;
}

.loginPanelCell {
	width: 60px;
	height: 100%;
}

.divPerson {
	border: 2px solid #ffffff;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	background-color: #E3E6EB;
	position: relative;
	font-family: Roboto;
	font-size: 10px;
	color: #5E686A;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
}

.teamWidgetAddPanel {
	opacity: 0.75;
	background: #e0e0e0;
	width: 100%;
	height: 38px;
}

.teamWidgetAnchor {
	font-family: Roboto;
	font-size: 12px;
	color: red;
	line-height: 12px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}

.teamWidgetAnchor:hover {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}

.teamWidgetPopup {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.07);
	border-radius: 2px;
	z-index: 10;
	position: relative;
}

table.statusHeaderTable {
	background: #f5f5f5;
	border-radius: 4px;
	width: 553px;
	height: 36px;
	margin-right: 12px;
	table-layout: fixed;
}

table.statusHeaderTable td {
	overflow: hidden;
	white-space: nowrap;
}

table.statusHeaderTable tr {
	height: 36px;
}

.statusHeaderButtonDivUp {
	background: #ebebeb;
	width: 36px;
	height: 18px;
	background-image: url("images/cycleup.png");
	background-repeat: no-repeat;
	background-size: 10px 7px;
	background-position: center;
}

.statusHeaderButtonDivDown {
	background: #ebebeb;
	width: 36px;
	height: 18px;
	background-image: url("images/cycledown.png");
	background-repeat: no-repeat;
	background-size: 10px 7px;
	background-position: center;
}

.statusHeaderAnc {
	cursor: pointer;
}

.statusHeaderName {
	padding-left: 14px;
	opacity: 0.65;
	font-family: Roboto-Bold;
	font-size: 12px;
	color: #0d2429;
	text-align: left;
	font-weight: bold;
}

.scheduleStatusHeaderName {
	padding-left: 5px;
	opacity: 0.65;
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	color: #0d2429;
	text-align: left;
	font-weight: bold;
}

.statusHeaderNumber {
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #8f7918;
	text-align: left;
}

.statusHeaderNumberRight {
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #8f7918;
	text-align: center;
	width: 100%;
}

.statusCheckMarkRight {
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #8f7918;
	text-align: right;
	width: 100%;
}

.statusHeaderOrderType {
	opacity: 0.5;
	font-family: Roboto-Medium;
	font-size: 10px;
	color: #000000;
	line-height: 12px;
	text-align: left;
}

.div1 {
	border: 1px solid rgba(3, 89, 112, 0.05);
	width: 36px;
	height: 36px;
	border-radius: 100%
}

.div2 {
	border: 1px solid rgba(3, 89, 112, 0.15);
	width: 27px;
	height: 27px;
	margin-left: 4px;
	margin-top: 4px;
	border-radius: 100%
}

.div3 {
	border: 1px solid rgba(3, 89, 112, 0.5);
	width: 18px;
	height: 18px;
	margin-left: 3.5px;
	margin-top: 4px;
	border-radius: 100%
}

.div4 {
	opacity: 0.75;
	background: #035970;
	width: 9px;
	height: 9px;
	margin-left: 5px;
	margin-top: 4.5px;
	border-radius: 100%
}

.divTopPopupStatusHeader {
	width: 470px;
	height: 90px;
	background-image: url("images/headerpopup.png");
	background-repeat: no-repeat;
	background-size: 470px 90px;
	background-position: bottom;
	background-color: transparent;
}

.popupStatusHeaderTable {
	padding-left: 24px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
}

.popupStatusHeaderTableRowWhite {
	background-color: #f5f5f5;
}

.popupStatusHeaderTableRowGray {
	background-color: #ffffff;
}

.popupStatusHeaderSpan1Large {
	font-family: Roboto;
	font-size: 12px;
	color: #0d2429;
	width: 90%;
	font-weight: bold;
}

.popupStatusHeaderSpan1Small {
	font-family: Roboto;
	font-size: 10px;
	color: #1f535d;
	line-height: 10px;
	font-weight: bold;
	text-align: left;
	width: 90%;
}

.popupStatusHeaderLblNumber {
	opacity: 0.85;
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	text-align: left;
}

.popupStatusHeaderLblType {
	opacity: 0.5;
	font-family: Roboto-Regular;
	font-size: 12px;
	color: #1b1b1b;
	text-align: left;
}

.popupStatusHeaderDiv {
	width: 6px;
	height: 10px;
	background-image: url("images/popupstatusheaderdiv.png");
	background-repeat: no-repeat;
	background-size: 6px 10px;
	background-position: center;
}

.popupStatusHeaderRow1 {
	opacity: 0.35;
	font-family: Roboto-Bold;
	font-size: 12px;
	color: #000000;
	line-height: 12px;
	text-align: left;
	padding-left: 25px;
}

.popupStatusHeaderRow2 {
	opacity: 0.35;
	font-family: Roboto-Bold;
	font-size: 12px;
	color: #000000;
	line-height: 12px;
	text-align: left;
	padding-left: 10px;
}

.poupStatusHeaderButton {
	padding: 0px 0px 0px 0px;
	border: 0px;
	/* cursor: pointer; */
	background-color: #ffd400;
	outline: none;
}

.divPoupStatusHeaderButton {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	width: 128px;
	height: 34px;
	background-image: url("images/popupStatusHeaderButton.png");
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 120px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

/*
.divPoupStatusHeaderButton_disabled
=======
.itemsPendingTopBarPadding
{
	margin-top:0px;
	margin-bottom: 0px;
	background:#F7F7F6;
	border:1px solid #dcdcdc;
	border-radius:2px;
	width: 100%;
	height:10.5%;
	padding: 4px 4px 4px 4px;
}

.templatesTopBar
{
	margin-top:0px;
	margin-bottom: 0px;
	background:#F7F7F6;
	border:1px solid #dcdcdc;
	border-radius:2px;
	width: 100%;
	height:75px;
}

.itemsPendingSelectedBar
{
	margin-top:0px;
	margin-bottom: 0px;
	background-color: #E6BE10;
	border:1px solid #dcdcdc;
	border-radius:2px;
	width: 100%;
	height:12.5%;
}
.itemsPendingSelectedText
{
	color: #000000;
	font-family: Roboto;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
}
.showSelectedTextGray
{
	font-family:Roboto;
	font-size:12px;
	color:#949494;
	line-height:14px;
	text-align:left;
}

.showSelectedTextOrange
{
	font-family:Roboto;
	font-size:12px;
	color:#a6890c;
	text-align:center;
	line-height:14px;
}

.itemsPendingSortingBar
{
	margin-top:0px;
	margin-bottom: 0px;
	background: #F0EFED;
	border:1px solid #dcdcdc;
	border-radius:2px;
	width: 99.9%;
	height: 14.5%;
}
.topPanelReports
{
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #F0EFED;
	border:1px solid #dcdcdc;
	border-radius:2px;
	width: 99.9%;
}

.itemsPendingSortingBarInner
{
	margin-top:0px;
	margin-bottom: 0px;
	background: #F0EFED;
	border:1px solid #dcdcdc;
	border-radius:2px;
	width: 99%;
	height: 18.5%;
}

.itemsPendingSortingBarInnerShort
{
	margin-top:0px;
	margin-bottom: 0px;
	background: #F0EFED;
	border:1px solid #dcdcdc;
	border-radius:2px;
	width: 99%;
	height: 18.5%;
}

.itemsPendingHeaderMainText
{
	height: 24px;
	width: 240px;
	color:#7a6600;;
	font-family:Roboto;
	font-size: 22px;
	line-height: 24px;
}

.itemsPendingHeaderSubText
{
	height: 12px;
	opacity: 0.3;
	color: #000000;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
}


.itemsPendingRowNumberText
{
	opacity:0.8;
	font-family:Roboto;
	font-size:12px;
	color:#4d4d4d;
	line-height:18px;
	text-align:left;
}


.itemsPendingRowDelayedText
{
	opacity:0.85;
	font-family:Roboto;
	font-size:10px;
	color:#cc3345;
	line-height:16px;
	text-align:left;
}


.itemsPendingHeaderNumberText
{
	opacity:0.8;
	font-family:Roboto;
	font-size:16px;
	color:#4d4d4d;
	line-height:18px;
	text-align:left;
}
.itemsPendingHeaderDelayedText
{
	opacity:0.85;
	font-family:Roboto;
	font-size:14px;
	color:#cc3345;
	line-height:16px;
	text-align:left;
}

.groupingRowOne
{
	height: 54px;
	width: 100%;
	border: 1px solid #DFE2E6;
	background-color: #FFFFFF;
	box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.15);

}


.groupingRowTwo
{
	width: 100%;
	border-top : 1px solid #DFE2E6;
	border-bottom : 1px solid #DFE2E6;
	border-right : 1px solid #DFE2E6;
	background-color: #FFFFFF;
}

.groupingRowTwoHeader
{
	height: 24px;
	background-color: #F0EFED;
}
.groupingRowTwoContent
{
	height: 30px;
}

.parentText
{
	opacity: 0.35;
	color: #000000;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
}
.childText
{
	opacity: 0.75;
	color: #0B272D;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
}

.groupingSummaryTile {
	height: 24px;
	width: 90px;
	opacity: 0.4;
	color: #000000;
	font-family: Roboto;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 12px;
	vertical-align: middle;
	margin-left: 10px;
}

.expandTile
{
opacity:0.5;
width:12px;
height:12px;
background-image: url("images/ExpandTile.png");
background-repeat: no-repeat;
background-size: 12px 12px;
background-position: center;
cursor: pointer;
}

.contractTile
{
opacity:0.5;
width:12px;
height:2px;
background-image: url("images/ContractTile.png");
background-repeat: no-repeat;
background-size: 12px 2px;
background-position: center;
cursor: pointer;
}

.contractTileRowOne
{
opacity:0.5;
width:12px;
height:2px;
background-image: url("images/contractTileRowOne.png");
background-repeat: no-repeat;
background-size: 12px 2px;
background-position: center;
cursor: pointer;
}

.contractTileRowTwo
{
opacity:0.5;
width:12px;
height:2px;
background-image: url("images/contractTileRowTwo.png");
background-repeat: no-repeat;
background-size: 12px 2px;
background-position: center;
cursor: pointer;
}

.contractTileRowThree
{
opacity:0.5;
width:24px;
height:24px;
background-image: url("images/contractTileRowThree.png");
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center;
vertical-align: middle;
line-height:24px;
cursor: pointer;
}

.rowThreeArrow
{
width:24px;
height:24px;
background-image: url("images/rowThreeArrow.png");
background-repeat: no-repeat;
background-size: 10px 6px;
background-position: center;
cursor: pointer;
}

.itemsPendingOrderHeaderTileRow2 {
	width: 100%;
	height:30px;
	background:#f0efed;
	font-size:11px;
	color:#0b272d;
	line-height:12px;
	text-align:left;
	border-left : 2px solid #27ae60;
}

.itemsPendingOrderHeaderTileRow3 {
	width: 100%;
	height:30px;
	background:#f0efed;
	font-size:11px;
	color:#0b272d;
	line-height:12px;
	text-align:left;
	border-left : 2px solid #e74c3c;
}

.rowOneBorderLeft
{
	border-left : 2px solid #8c7500;
	padding-left: 2px;
}

.rowTwoBorderLeft
{
	border-left : 2px solid #27ae60;
	padding-left: 2px;
}

.rowThreeBorderLeft
{
	border-left : 2px solid #e74c3c;
	padding-left: 2px;
}

.emptyCellBorderLeft
{
	border-left: 1px solid #DFE2E6;
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.15);

}
.emptyCell
{
	opacity:0.5;
	background:#f0efed;
}

.emptyCellBorderTop
{
	border-top: 1px solid #DFE2E6;
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.15);
}

.chevDown
{
width:24px;
height:24px;
background-image: url("images/chevdown.png");
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center;
cursor: pointer;
}

.chevUp
{
width:24px;
height:24px;
background-image: url("images/chevup.png");
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center;
cursor: pointer;
}

.arrowRight
{
width:24px;
height:24px;
background-image: url("images/arrowRight.png");
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center;
cursor: pointer;
}

.arrowRightSelected
{
width:7px;
height:7px;
background-image: url("images/arrowRight.png");
background-repeat: no-repeat;
background-size: 7px 7px;
background-position: center;
cursor: pointer;
}

.textMultipleFilter
{
	opacity:0.8;
	font-family:Roboto;
	font-size:12px;
	color:#1b1b1b;
	line-height:24px;
	text-align:left;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.textMultipleFilterSelected
{
	font-family:Roboto;
	font-size:12px;
	color:#685c31;
	line-height:12px;
	text-align:left;
	background:#f0f0f0;
}

.topTextGreenStyle
{
	font-family:Roboto;
	font-size:12px;
	color:#1f535d;
	line-height:12px;
	text-align:left;
}
.showOnlySelectedOuterFalse
{
	background:#adadad;
	border-radius:100px;
	width:26px;
	height:14px;
	cursor: pointer;
	text-align:left;
	border: 1px solid #adadad;
}

.showOnlySelectedOuterTrue
{
	background:#d9b40f;
	border-radius:100px;
	width:26px;
	height:14px;
	cursor: pointer;
	text-align:right;
	border:1px solid #d9b40f;
}



.showOnlySelectedInnerFalse
{
	background:#fbfafa;
	width:12px;
	height:12px;
	border-radius:100%;
	margin-top: 1px;
	margin-left: 1px;
}

.showOnlySelectedInnerTrue
{
	background:#fbfafa;
	width:12px;
	height:12px;
	border-radius:100%;
	margin-left: 13px;
	margin-top: 1px;
}

.billableOuterFalse
{
	background:#adadad;
	border-radius:100px;
	width:26px;
	height:14px;
	text-align:left;
	border: 1px solid #adadad;
}

.billableOuterFalsePointer
{
	background:#adadad;
	border-radius:100px;
	width:26px;
	height:14px;
	cursor:pointer;
	text-align:left;
	border: 1px solid #adadad;
}

.billableOuterTrue
{
	background:#4A90E2;
	border-radius:100px;
	width:26px;
	height:14px;
	text-align:right;
	border:1px solid #4A90E2;
}

.billableOuterTruePointer
{
	background:#4A90E2;
	border-radius:100px;
	width:26px;
	height:14px;
	text-align:right;
	cursor: pointer;
	border:1px solid #4A90E2;
}

.billableInnerFalse
{
	background:#fbfafa;
	width:12px;
	height:12px;
	border-radius:100%;
	margin-top: 1px;
	margin-left: 1px;
}

.billableInnerTrue
{
	background:#fbfafa;
	width:12px;
	height:12px;
	border-radius:100%;
	margin-left: 13px;
	margin-top: 1px;
}

.orangeDiv
{
	opacity:0.6;
	height:12px;
	width:10px;
	background-image: url("images/orangecircle.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.redDiv
{
	opacity:0.6;
	height:12px;
	width:10px;
	background-image: url("images/redcircle.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.greenDiv
{
	opacity:0.6;
	height:12px;
	width:10px;
	background-image: url("images/completed.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.groupByLabel
{
	opacity: 0.5;
	color: #163B42;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 4px;
}

.resetAnchor
{
	opacity:0.8;
	font-family:Roboto;
	font-size:12px;
	color:#000000;
	line-height:12px;
	cursor: pointer;
	margin-bottom: 4px;
}

.buttonGrouping
{
	font-family:Roboto;
	font-size:20px;
	color: #91908E;
	text-align:center;
	line-height:20px;
	background: #E3E2E0;
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.05);
}

.sandpbuttons
{
	height: 25px;
	width: 64px;
	border-radius: 12px;
	background-color: #91908E;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	background-image: url("images/downArrow.png");
	background-repeat: no-repeat;
	background-size:12px 12px;
	background-position: 50px center;
	text-decoration: none;
	cursor: pointer;
}
.sandptext
{
		opacity: 0.8;
		color: #1F535D;
		font-family: Roboto;
		font-size: 11px;
		line-height: 10px;
		text-align: right;
}
.stockRightPopup
{
	background-color: #FFFFFF;
	box-shadow: -2px 2px 4px 0 rgba(0,0,0,0.15);
}

.partStockTile {
	width: 100%;
	height:50px;
	font-family: Roboto;
	border-bottom : 1px solid #DFE2E6;
	border-left : 1px solid #DFE2E6;
	border-right : 1px solid #DFE2E6;
	border-top : 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size:12px;
	text-align:left;
	line-height:12px;
	padding-left: 20px;
	padding-right: 20px;
}

.partStockBox
{
	margin: 15px 15px 15px 15px;
	height: 84px;
	border: 1px solid #DFE2E6;
	border-radius: 4px;
	background-color: #FFFFFF;
}


.partStockHeader {
	padding-left: 20px;
	padding-right: 20px;
	height: 37px;
	background-color: #F4F4F2;
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.1);
}

.partStockFooter {
	padding-left: 20px;
	padding-right: 20px;
	height: 58px;
	background-color: #F4F4F2;
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.1);
}

.partStockFooterTextLabel
{
	opacity:0.9;
font-family:Roboto;
font-size:12px;
color:#1b1b1b;
letter-spacing:0.2px;
line-height:12px;
text-align:left;
}
.partStockFooterTextContent
{
opacity:0.9;
font-family:Roboto;
font-weight: bold;
font-size:14px;
color:#1b1b1b;
letter-spacing:0.2px;
line-height:14px;
}
.partStockFooterLPText
{
	opacity:0.4;
font-family:Roboto;
font-size:10px;
color:#000000;
letter-spacing:0.2px;
line-height:10px;
}

.starIconDiv
{
	height:16px;
	width:16px;
	background-image: url("images/staricon.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: bottom;
}



.popupWidgetRightConstructionary
{

	background: #FFFFFF;
	border: 1px solid #DFE2E6;

}

.popupWidgetBCConstructionary
{
	background:#E5E5E5;
	width:100%;
	height:78px;
}

.partNameConstructionary
{

	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	color: #735F06;
	padding-left: 30px;
}

.partDetailsTitle
{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.8;
}

.partSpecsTitle
{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.5;
	padding-left: 5px;
}

.folderTitlePartConstructionary
{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.3;
	padding-left: 30px;
}

.partDetailWidgetRightPopupLabelSpecNameConstructionary
{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	padding-bottom: 8px;
}

.partDetailWidgetRightPopupSpecValueConstructionary
{
	background: rgba(51, 50, 48, 0.05);
	border-radius: 2px;
	height: 32px;
	width:520px;
	padding-left: 12px;
	margin-bottom: 16px;
}

.partDetailWidgetRightPopupSpecValueTextConstructionary
{
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.popupWidgetRight
{
	background:#ffffff;
	border:1px solid #dfe2e6;
}
.popupWidgetBC
{
	background:#f5f5f2;
	width:100%;
	height:32px;
}
.popupWidgetLblOne
{
	opacity:0.75;
	font-family:Roboto;
	font-size:10px;
	color:#1b1b1b;
	letter-spacing:0.2px;
	line-height:10px;
	text-align:left;
	margin-left: 15px;
}

.popupWidgetLblTwo
{
	opacity:0.75;
	font-family:Roboto-Medium;
	font-size:10px;
	color:#c7a600;
	letter-spacing:0.2px;
	line-height:10px;
	text-align:left;
}

.popupWidgetFTableMenu
{
	border:1px solid #dfe2e6;
	width: 100%;
	height: 43px;
}

.popupWidgetMenuDiv
{
	height:16px;
	width:24px;
	background-image: url("images/PopupMenu.png");
	background-repeat: no-repeat;
	background-size: 24px 16px;
	background-position: center;
	cursor: pointer;
}

.refreshProject
{
	height:24px;
	width:24px;
	background-image: url("images/refreshProject.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}
.popupWidgetHeaderLbl
{
	height:43px;
	font-family:Roboto;
	font-size:18px;
	color:#3d3c3a;
	line-height:43px;
	text-align:left;
	vertical-align: middle;
	border-left: 1px solid #dfe2e6;
	padding-left: 14px;
	font-weight: bold;
}
.popupPanelClose
{

	border:1px solid #e6bf00;
	border-radius:2px;
	width:42px;
	height:42px;
}

.btnClose
{
	background:#f2ca00;
	height:42px;
	width:42px;
	background-image: url("images/close.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.popupPanelMenu
{
	height:44px;
	width: 200px;
	background-color: #FFFAE3;
	box-shadow: -2px 2px 4px 0 rgba(0,0,0,0.15);
	border: 1px solid #DFE2E6;
	text-decoration: none;
	opacity: 0.9;
}

.popupPanelMenuAnchor
{
	text-decoration: none;
	opacity: 0.9;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
	padding-left: 24px;
	vertical-align: middle;
	cursor: pointer;
}

.popupPanelMenuAnchor:hover
{
	text-decoration: none;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
	padding-left: 24px;
	vertical-align: middle;

}
.partStockSortingBar
{
	margin: 15px;
	background: #FBFAFA;
	border:1px solid #dcdcdc;
	border-radius:2px;
	height: 17.5%;
}

.partDetailWidgetRightPopup
{
	padding-top: 20px;
	padding-left: 30px;
}

.partDetailWidgetRightPopupLabelSpecName
{
opacity:0.8;
font-family:Roboto;
font-weight: bold;
font-size:12px;
color:#8c7500;
line-height:12px;
text-align:left;
}
.partDetailWidgetRightPopupSpecValue
{
background:#f5f5f5;
border-radius:2px;
width:525px;
height:40px;
padding-left: 16px;
}

.partDetailWidgetRightPopupSpecValueText
{
opacity:0.8;
font-family:Roboto;
font-size:14px;
color:#1b1b1b;
line-height:12px;
text-align:left;
}

.partPricingSortingBar
{
	margin: 5px;
	background: #FBFAFA;
	border:1px solid #dcdcdc;
	border-radius:2px;
	height: 17.5%;
}
.fTabeIndentHeader
{
	height: 9%;
	padding: 24px 24px 24px 24px;
}


.indentHeaderValue
{
background:#f5f5f5;
border-radius:2px;
height:40px;
padding-left: 16px;
padding-right: 16px;
margin-right: 50px;
}

.indentHeaderValueText
{
opacity:0.8;
font-family:Roboto;
font-size:14px;
color:#1b1b1b;
line-height:12px;
text-align:left;
}

.locationImage {
	height:12px;
	width:12px;
	background-image: url("images/locationImage.png");
	background-repeat: no-repeat;
	background-size: 8px 12px;
	background-position: left;
}

.locationImageProject {
	height:12px;
	width:12px;
	background-image: url("images/location.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
}

.partsToOrderImage {
	height:12px;
	width:12px;
	background-image: url("images/partsToOrderImage.png");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: left;
}

.calculatorImage {
	height:12px;
	width:12px;
	background-image: url("images/calculatorImage.png");
	background-repeat: no-repeat;
	background-size: 8px 10px;
	background-position: left;
}

.estimatedPriceInfo {
	height:12px;
	width:12px;
	background-image: url("images/estimatedPriceInfo.png");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: left;
}


.delayedImage {
	height:12px;
	width:12px;
	background-image: url("images/delayedImage.png");
	background-repeat: no-repeat;
	background-size: 11px 12px;
	background-position: left;
}

.noEstimateTop {
	height:14px;
	width:14px;
	background-image: url("images/noEstimateTop.png");
	background-repeat: no-repeat;
	background-size: 14px 12px;
	background-position: left;
}

.noEstimatePart {
	height:12px;
	width:16px;
	background-image: url("images/noEstimatePart.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
}

.noEstimateText
{
	padding-top:24px;
	padding-left:20px;
	padding-right:20px;
	opacity:0.8;
	font-family:Roboto;
	font-size:12px;
	color:#000000;
	line-height:16px;
	text-align:left;
}

.redPanel {
	height:119px;
	width:300px;
	background-image: url("images/redPanel.png");
	background-repeat: no-repeat;
	background-size: 298px 117px;
	background-position: left;
}
.itemsPendingDetails {
	border: 1px solid #D6D5D4;
	border-radius: 4px;
	background-color: #F0EFED;
	padding-left:16px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-right:16px;
	width:381px;
}

.topPanelNoPadding {
	border: 1px solid #D6D5D4;
	border-radius: 4px;
	background-color: #F0EFED;
	padding-left:16px;
	padding-right:16px;
	width:381px;
}

.groupingRowSummary {
	border: 1px solid #D6D5D4;
	border-radius: 4px;
	background-color: #F0EFED;
	padding-left:16px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right:16px;
	width:381px;
}



.selectedItemsBar
{
	opacity:0.9;
	background:#7a6600;
	border-radius:100px;
	width:200px;
	height:32px;

}
.selectedBarCell
{
	padding-left: 16px;
}
.selectedBarCellFirst
{
	padding-left: 16px;
	border-right: 1px solid #fbfafa;
	width: 90px;
}
.selectedText
{
	opacity:0.75;
	font-family:Roboto;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	line-height:14px;
	text-align:left;
}
.partsText
{
opacity:0.3;
font-family:Roboto-Bold;
font-size:10px;
color:#ffffff;
line-height:10px;
text-align:left;
}

.buttonRejectImage
{
	height:12px;
	width:12px;
	background-image: url("images/buttonReject.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: left;
	text-decoration: none;
	cursor: pointer;
}
.buttonReject
{
	opacity:0.75;
	font-family:Roboto;
	font-size:12px;
	color:#bf1515;
	letter-spacing:0.2px;
	line-height:12px;
	text-align:left;
	text-decoration: none;
	cursor: pointer;
	width:88px;
	height:24px;
	background:#FFFFFF;
	border:none;
	text-align: center;
}
.buttonReject:hover
{
	opacity:0.75;
	font-family:Roboto;
	font-size:12px;
	color:#bf1515;
	letter-spacing:0.2px;
	line-height:12px;
	text-align:left;
	text-decoration: none;
	cursor: pointer;
	background:#ebebeb;
	border:1px solid #e0e0e0;
	border-radius:100px;
	width:88px;
	height:24px;
	text-align: center;
	padding-left: 12px;
}

.quantityGreen
{
	background:#edf4e0;
	border-radius:100px;
	width:51px;
	height:26px;
	border:1px solid rgba(101,163,0,0.15);
	font-family:Roboto;
	font-size:12px;
	color:#65a300;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}



.quantityGreenTable
{
	background:#edf4e0;
	border-radius:100px;
	width:51px;
	height:26px;
	border:1px solid rgba(101,163,0,0.15);
	font-family:Roboto;
	font-size:12px;
	color:#65a300;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}

.quantityGreenTable a:link
{
	background:#edf4e0;
	font-family:Roboto;
	font-size:12px;
	color:#65a300;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGreenTable a:visited
{
	background:#edf4e0;
	font-family:Roboto;
	font-size:12px;
	color:#65a300;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGreenTable a:hover
{
	background:#edf4e0;
	font-family:Roboto;
	font-size:12px;
	color:#65a300;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGreenTable a:active
{
	background:#edf4e0;
	font-family:Roboto;
	font-size:12px;
	color:#65a300;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}







.quantityYellow
{
	background:#f9f4dd;
	border-radius:100px;
	width:51px;
	height:26px;
	border:1px solid rgba(215,178,15,0.20);
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}


.quantityYellowTable
{
	background:#f9f4dd;
	border-radius:100px;
	width:51px;
	height:26px;
	border:1px solid rgba(215,178,15,0.20);
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:link
{
	background:#f9f4dd;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:visited
{
	background:#f9f4dd;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:hover
{
	background:#f9f4dd;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:active
{
	background:#f9f4dd;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGray
{
	background:#f2f2f2;
	width:67px;
	height:32px;
	font-family:Roboto;
	font-size:12px;
	color:#202022;
	line-height:32px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}



.quantityYellowFCV
{
	background:#fff7d1;
	width:60px;
	height:20px;
	border-radius:100px;
	font-family:Roboto;
	font-size:11px;
	color:#7d6b1a;
	letter-spacing:0.2px;
	text-align:center;
	line-height:20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityYellowFCV td
{
	font-family:Roboto;
	font-size:11px;
	color:#7d6b1a;
	letter-spacing:0.2px;
}

.quantityYellowFCV a
{
	font-family:Roboto;
	font-size:11px;
	color:#7d6b1a;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:link
{
	font-family:Roboto;
	font-size:11px;
	color:#7d6b1a;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:visited
{
	font-family:Roboto;
	font-size:11px;
	color:#7d6b1a;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:hover
{
	font-family:Roboto;
	font-size:11px;
	color:#7d6b1a;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:active
{
	font-family:Roboto;
	font-size:11px;
	color:#7d6b1a;
	letter-spacing:0.2px;
	cursor: pointer;
}



.categoryText
{
	letter-spacing:0.2px;
	text-align:center;
	line-height:20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background:#996100;
	border-radius:100px;
	width:70px;
	height:24px;
	font-family:Roboto;
	font-size:11px;
}

.quantityOrange
{
	background:#ffead1;
	width:60px;
	height:20px;
	border-radius:100px;
	font-family:Roboto;
	font-size:11px;
	color:#b37100;
	letter-spacing:0.2px;
	text-align:center;
	line-height:20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityOrange td
{
	font-family:Roboto;
	font-size:11px;
	color:#b37100;
	letter-spacing:0.2px;
}

.quantityOrange a
{
	font-family:Roboto;
	font-size:11px;
	color:#b37100;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityOrange a:link
{
	font-family:Roboto;
	font-size:11px;
	color:#b37100;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityOrange a:visited
{
	font-family:Roboto;
	font-size:11px;
	color:#b37100;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityOrange a:hover
{
	font-family:Roboto;
	font-size:11px;
	color:#b37100;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityOrange a:active
{
	font-family:Roboto;
	font-size:11px;
	color:#b37100;
	letter-spacing:0.2px;
	cursor: pointer;
}


.quantityNoneBlank
{
	width:60px;
	height:20px;
	border-radius:100px;
	font-family:Roboto;
	font-size:11px;
	color:#202022;
	letter-spacing:0.2px;
	text-align:center;
	line-height:20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.quantityNone
{
	opacity:0.5;
	width:60px;
	height:20px;
	border:1px solid #38414e;
	border-radius:100px;
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	text-align:center;
	line-height:20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityNone td
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
}

.quantityNonePart
{
	opacity:0.5;
	width:60px;
	height:20px;
	border:1px solid #48566b;
	border-radius:100px;
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	text-align:center;
	line-height:20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}
.quantityNonePart a
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityNonePart a:link
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityNonePart a:visited
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityNonePart a:hover
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityNonePart a:active
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityNoneRight
{
	width:60px;
	height:20px;
	border:1px solid #e6e6e6;
	border-radius:100px;
	font-family:Roboto;
	font-size:11px;
	color:#202022;
	letter-spacing:0.2px;
	text-align:center;
	line-height:20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.quantityNone a
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityNone a:link
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityNone a:visited
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityNone a:hover
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}

.quantityNone a:active
{
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	letter-spacing:0.2px;
	cursor: pointer;
}
.fcvFont
{
	font-family:Roboto;
	font-size:11px;
}

.quantityHeader
{
	width:60px;
	height:20px;
	font-family:Roboto;
	font-size:11px;
	letter-spacing:0.2px;
	text-align:left;
	line-height:20px;
	padding-left: 15px;
}

.emptyTile
{
	background-repeat: no-repeat;
  	background-position: center center;
	background-image: url("images/emptyTile.png");
	background-size: 20px 20px;
}

.editBill
{
	height: 16px;	width: 16px;
	line-height:16px;
	vertical-align: middle;
	background-image: url("images/edit.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.editBillDisabled
{
	opacity:0.30;
	height: 16px;	width: 16px;
	line-height:16px;
	vertical-align: middle;
	background-image: url("images/edit.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.deleteBill
{
	height: 16px;	width: 16px;
	line-height:16px;
	vertical-align: middle;
	background-image: url("images/delete.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.deleteBillDisabled
{
	opacity:0.25;
	height: 16px;	width: 16px;
	line-height:16px;
	vertical-align: middle;
	background-image: url("images/delete.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.uploadFile
{
	height: 16px;	width: 16px;
	line-height:16px;
	vertical-align: middle;
	background-image: url("images/upload.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.uploadFileDisabled
{
	opacity:0.25;
	height: 16px;	width: 16px;
	line-height:16px;
	vertical-align: middle;
	background-image: url("images/upload.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.downloadFile
{
	height: 16px;	width: 16px;
	line-height:16px;
	vertical-align: middle;
	background-image: url("images/download.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}

.downloadFileDisabled
{
	opacity:0.25;
	height: 16px;	width: 16px;
	line-height:16px;
	vertical-align: middle;
	background-image: url("images/download.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}


.saveBill
{
	height: 20px;	width: 20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:link
{
	height: 20px;	width: 20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:visited
{
	height: 20px;	width: 20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:hover
{
	height: 20px;	width: 20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:active
{
	height: 20px;	width: 20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart
{
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}



.deleteCircuitPart:link
{
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:visited
{
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:hover
{
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:active
{
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}


.deleteCircuitPartDisabled
{
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	opacity: 0.35;
}

.quantityNA
{
	width:60px;
	height:20px;
	border-radius:100px;
	line-height:26px;
	vertical-align: middle;
	background-image: url("images/qtyNa.png");
	background-repeat: no-repeat;
	background-size: 60px 20px;
	background-position: center;
	margin-left: 5px;
	padding-left: 5px;
}

.calendar
{
	height:12px;
	width:12px;
	background-image: url("images/calendar.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: right;
	margin-left: 3px;
	text-decoration: none;
}

.quantityGraySmall
{
	background:#ebebeb;
	width:60px;
	height:20px;
	font-family:Roboto;
	font-size:11px;
	color:#202022;
	line-height:20px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}

.quantityGraySmallLeft
{
	opacity:0.5;
	background:rgba(255,255,255,0.15);
	width:60px;
	height:20px;
	font-family:Roboto;
	font-size:11px;
	color:#ffffff;
	line-height:20px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}

.perCircOrange {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #ffc34f;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%), linear-gradient(90deg, #ccc 50%, transparent 50%);
	left:5px;
}
.perCircOrange .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}
.perCircOrange .perCircInner div {
	position: relative;
	top: 14px;
}
.perCircOrange .perCircStat {
	font-family:Roboto;
	font-size:14px;
	color:#ffc34f;
	text-align:center;
	line-height:12px;
}

.perCircOrange .perCircText {
	font-family:Roboto;
	font-size:6px;
	color:#0b272d;
	letter-spacing:0.15px;
	text-align:center;
	line-height:11px;
	font-weight: bold;
}


.perCircGreen {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #619E05;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%), linear-gradient(90deg, #ccc 50%, transparent 50%);
	left:5px;
}
.perCircGreen .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}
.perCircGreen .perCircInner div {
	position: relative;
	top: 14px;
}
.perCircGreen .perCircStat {
	font-family:Roboto;
	font-size:14px;
	color:#619E05;
	text-align:center;
	line-height:12px;
}

.perCircGreen .perCircText {
	font-family:Roboto;
	font-size:6px;
	color:#0b272d;
	letter-spacing:0.15px;
	text-align:center;
	line-height:11px;
	font-weight: bold;
}


.perCircRed {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #ea2a2a;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%), linear-gradient(90deg, #ccc 50%, transparent 50%);
	left:5px;
}
.perCircRed .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}
.perCircRed .perCircInner div {
	position: relative;
	top: 14px;
}
.perCircRed .perCircStat {
	font-family:Roboto;
	font-size:14px;
	color:#ea2a2a;
	text-align:center;
	line-height:12px;
}

.perCircRed .perCircText {
	font-family:Roboto;
	font-size:6px;
	color:#0b272d;
	letter-spacing:0.15px;
	text-align:center;
	line-height:11px;
	font-weight: bold;
}




.perCirc {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #263b40;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%), linear-gradient(90deg, #ccc 50%, transparent 50%);
	left:5px;
}
.perCirc .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}
.perCirc .perCircInner div {
	position: relative;
	top: 14px;
}
.perCirc .perCircStat {
	font-family:Roboto;
	font-size:14px;
	color:#263b40;
	text-align:center;
	line-height:12px;
}

.perCirc .perCircText {
	font-family:Roboto;
	font-size:6px;
	color:#0b272d;
	letter-spacing:0.15px;
	text-align:center;
	line-height:11px;
	font-weight: bold;
}

.arrow-container-yellow{
  height: 32px;
  background-color: #FCE9C8;

}

.arrow-container-green{
  height: 32px;
  background-color: #619E05;

}

.arrow-container-yellowTV{
  height: 32px;
  background-color: #FCE9C8;

}

.arrow-container-greenTV{
  height: 32px;
  background-color: #619E05;

}

.arrow-container-grayTV{
  height: 32px;
  background-color: #f2f2f2;

}

.arrow-container-yellowTVTall{
  height: 40px;
  background-color: #FCE9C8;

}


.arrow-container-greenTVTall{
  height: 40px;
  background-color: #619E05;

}
.arrow-container-gray{
  height: 32px;
 background-color: #5e686a;

}


.arrow-container-yellowTVN{
  height: 32px;
  background-color: #fbefd2;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-darkYellowTVN{
  height: 32px;
  background-color: #EFD9A0;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}


.arrow-container-greenTVN{
  height: 32px;
  background-color: #ddefe1;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-darkGreenTVN{
  height: 32px;
  background-color: #95BEA0;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}


.arrow-container-grayTVN{
  height: 32px;
  background-color: #e8e8e8;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}



.arrow-container-yellowTVN-big{
  height: 46px;
  background-color: #FCE9C8;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}


.arrow-container-darkYellowTVN-big{
  height: 46px;
  background-color: #EFD9A0;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-greenTVN-big{
  height: 46px;
  background-color: #619E05;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-darkGreenTVN-big{
  height: 46px;
  background-color: #95BEA0;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-grayTVN-big{
  height: 46px;
  background-color: #f2f2f2;
border-top: 1px solid white;
	border-bottom: 1px solid white;
}


.arrow-outer {
  position: relative;
  left : -2px;
  top : -4px;
  width: 0px;
  height: 0px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;

  border-left: 20px solid white;

}

.arrow-outer-new {
  position: relative;
  left : 0px;
  top : 0px;
  width: 0px;
  height: 0px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid white;
}

.arrow-outer-new-big {
  position: relative;
  left : 0px;
  top : -1.5px;
  width: 0px;
  height: 0px;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24.5px solid white;

}

.arrow-outerTall {
  position: relative;
  left : 0px;
  top : 0px;
  width: -4px;
  height: 0px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;

  border-left: 20px solid white;

}

.arrow-outer-gray {
  position: relative;
  left : -2px;
  top : -4px;
  width: 0px;
  height: 0px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;

  border-left: 20px solid #E3E6EB;

}

.arrow-right-gray {
  position: relative;
  left : -20px;
  top : -16px;
  width: 0px;
  height: 0px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #5e686a;
}


.arrow-right-grayTV{
  position: relative;
  left : -20px;
  top : -16px;
  width: 0px;
  height: 0px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #f2f2f2;
}


.arrow-right-grayTVN{
  position: relative;
  left : -16px;
  top : -14.5px;
  width: 0px;
  height: 0px;
  border-top: 14.5px solid transparent;
  border-bottom: 14.5px solid transparent;
  border-left: 14.5px solid #e8e8e8;
}


.arrow-right-greenTVN {
  position: relative;
  left : -16px;
  top : -14.5px;
  width: 0px;
  height: 0px;
  border-top: 14.5px solid transparent;
  border-bottom: 14.5px solid transparent;

  border-left: 14.5px solid #ddefe1;
}


.arrow-right-darkGreenTVN {
  position: relative;
  left : -16px;
  top : -14.5px;
  width: 0px;
  height: 0px;
  border-top: 14.5px solid transparent;
  border-bottom: 14.5px solid transparent;

  border-left: 14.5px solid #95BEA0;
}

.arrow-right-yellowTVN {
 position: relative;
  left : -16px;
  top : -14.5px;
  width: 0px;
  height: 0px;
  border-top: 14.5px solid transparent;
  border-bottom: 14.5px solid transparent;

  border-left: 14.5px solid #fbefd2;
}

.arrow-right-darkYellowTVN {
 position: relative;
  left : -16px;
  top : -14.5px;
  width: 0px;
  height: 0px;
  border-top: 14.5px solid transparent;
  border-bottom: 14.5px solid transparent;

  border-left: 14.5px solid #EFD9A0;
}

.arrow-right-grayTVN-big{
  position: relative;
  left : -25px;
  top : -22.5px;
  width: 0px;
  height: 0px;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;
  border-left: 22.5px solid #f2f2f2;
}

.arrow-right-grayTVTall{
  position: relative;
  left : -20px;
  top : -19px;
  width: 0px;
  height: 0px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #f2f2f2;
}

.arrow-right-green {
  position: relative;
  left : -20px;
  top : -16px;
  width: 0px;
  height: 0px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;

  border-left: 16px solid #619E05;
}

.arrow-right-greenTV {
  position: relative;
  left : -20px;
  top : -16px;
  width: 0px;
  height: 0px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;

  border-left: 16px solid #619E05;
}


.arrow-right-greenTVN-big {
  position: relative;
  left : -25px;
  top : -22.5px;
  width: 0px;
  height: 0px;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;

  border-left: 22.5px solid #619E05;
}

.arrow-right-darkGreenTVN-big {
  position: relative;
  left : -25px;
  top : -22.5px;
  width: 0px;
  height: 0px;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;

  border-left: 22.5px solid #95BEA0;
}




.arrow-right-greenTVTall {
  position: relative;
  left : -22px;
  top : -20px;
  width: 0px;
  height: 0px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #619E05;
}

.arrow-right-yellow {
  position: relative;
  left : -20px;
  top : -16px;
  width: 0px;
  height: 0px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;

  border-left: 16px solid #FCE9C8;
}

.arrow-right-yellowTV {
  position: relative;
  left : -20px;
  top : -16px;
  width: 0px;
  height: 0px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;

  border-left: 16px solid #FCE9C8;
}





.arrow-right-yellowTVN-big {
 position: relative;
  left : -25px;
  top : -22.5px;
  width: 0px;
  height: 0px;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;

  border-left: 22.5px solid #FCE9C8;
}


.arrow-right-darkYellowTVN-big {
 position: relative;
  left : -25px;
  top : -22.5px;
  width: 0px;
  height: 0px;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;

  border-left: 22.5px solid #EFD9A0;
}
.arrow-right-yellowTVTall {
  position: relative;
  left : -22px;
  top : -20px;
  width: 0px;
  height: 0px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #FCE9C8;
}

.background-green
{
	background-color: #619E05;
	width:100%;
	height:32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
}

.background-greenTV
{
	background-color: #619E05;
	width:100%;
	height:32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}

.headerArrowWidthLarge
{
	width: 24px;
}



.background-grayHeader
{
	font-family:Roboto;
	font-size:12px;
	color:#f2f2f2;
	text-align:center;
	text-decoration: none;
	display: block;
}

.background-grayHeaderBig
{
	border: 1px solid white;
	background-color: #f2f2f2;
	font-family:Roboto;
	font-size:16px;
	color:#1b1b1b;
	text-align:center;
	text-decoration: none;
	display: block;
}

.background-grayTVNoBorder
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #e8e8e8;
	height:32px;
	font-family:Roboto;
	font-size:12px;
	color:#1b1b1b;
	text-align:center;
	text-decoration: none;
	display: block;
}


.background-yellowTVNoBorder
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #fbefd2;
	height:32px;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	text-align:center;
	text-decoration: none;
	 display: block;
}


.background-darkYellowTVNoBorder
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #EFD9A0;
	height:32px;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	text-align:center;
	text-decoration: none;
	 display: block;
}

.background-greenTVNoBorder
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #ddefe1;
	height:32px;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	 display: block;
}


.background-darkGreenTVNoBorder
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #95BEA0;
	height:32px;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	 display: block;
}

.background-grayTVNoBorderMiddle
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #e8e8e8;
	height:32px;
	font-family:Roboto;
	font-size:12px;
	color:#1b1b1b;
	text-align:center;
	text-decoration: none;
	display: block;
	line-height: 32px;
	vertical-align: middle;
}

.background-yellowTVNoBorderMiddle
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #fbefd2;
	height:32px;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	text-align:center;
	text-decoration: none;
	 display: block;
	 line-height: 32px;
	vertical-align: middle;
}

.background-greenTVNoBorderMiddle
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #ddefe1;
	height:32px;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	 display: block;
	 line-height: 32px;
	vertical-align: middle;
}
.background-grayTVNoBorder-big
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #f2f2f2;
	height:46px;
	font-family:Roboto;
	font-size:16px;
	color:#1b1b1b;
	text-align:center;
	text-decoration: none;
}

.background-yellowTVNoBorder-big
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #FCE9C8;
	height:46px;
	font-family:Roboto;
	font-size:16px;
	color:#a3870b;
	text-align:center;
	text-decoration: none;
}


.background-darkYellowTVNoBorder-big
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #EFD9A0;
	height:46px;
	font-family:Roboto;
	font-size:16px;
	color:#a3870b;
	text-align:center;
	text-decoration: none;
}


.background-greenTVNoBorder-big
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #619E05;
	height:46px;
	font-family:Roboto;
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
}


.background-DarkGreenTVNoBorder-big
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #95BEA0;
	height:46px;
	font-family:Roboto;
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
}


.background-greenTVTall
{
	background-color: #619E05;
	width:100%;
	height:40px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}



.greenAnchor {
	cursor: pointer;
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchorText {
	cursor: default;
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:link
{
	cursor: pointer;
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:visited
{
	cursor: pointer;
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:hover
{
	cursor: pointer;
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:active
{
	cursor: pointer;
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor
{
	cursor: pointer;
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchorText
{
	cursor: default;
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}
.yellowAnchor:link
{
	cursor: pointer;
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}


.yellowAnchor:visited
{
	cursor: pointer;
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:hover
{
	cursor: pointer;
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:active
{
	cursor: pointer;
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}


.divTop
{
	vertical-align: bottom;
	height: 19px;
	line-height: 19px;
}
.divBottom
{
	vertical-align: bottom;
	height: 11px;
	line-height: 11px;
	padding-bottom: 2px;
}
.background-greenTV a:link
{
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;

}

.background-greenTV a:visited
{
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;

}

.background-greenTV a:hover
{
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;

}

.background-greenTV a:active
{
	background-color: #619E05;
	width:100%;
	height:32px;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;

}

.background-yellow
{
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
}

.background-grayTV
{
	background-color: #f2f2f2;
	height:32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#1b1b1b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}



.background-yellowTV
{
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}




.background-yellowTVTall
{
	background-color: #FCE9C8;
	width:100%;
	height:40px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}


.background-yellowTV a:link
{
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
		font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;

}

.background-yellowTV a:visited
{
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
		font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;

}

.background-yellowTV a:hover
{
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
		font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;

}

.background-yellowTV a:active
{
	background-color: #FCE9C8;
	width:100%;
	height:32px;
	align-content: center;
		font-family:Roboto;
	font-size:12px;
	color:#a3870b;
	line-height:26px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;

}


















.fontNumberEst
{
	font-family:Roboto;
	font-size:12px;
	color:#1b1b1b;
	text-align:center;
	vertical-align: middle;
}


.background-gray
{
	background-color: #5e686a;
	width:100%;
	height:32px;
	border-top: 4px solid #E3E6EB;
	border-bottom: 4px solid #E3E6EB;
	align-content: center;
}
.fontNumberBlack
{
	font-family:Roboto;
	font-size:12px;
	color:#1b1b1b;
	height: 12px;
}

.fontNumberBlackPadding
{
	font-family:Roboto;
	font-size:12px;
	color:#1b1b1b;
	height: 12px;
	padding-right: 10px
}

.fontTextBlack
{
	font-family:Roboto;
	font-size:7px;
	color:#0b272d;
}

.fontNumberWhite
{
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	height: 12px;
}

.fontNumberWhitePadding
{
	font-family:Roboto;
	font-size:12px;
	color:#FFFFFF;
	height: 12px;
	padding-right: 10px;
}

.fontTextWhite
{
	font-family:Roboto;
	font-size:7px;
	color:#FFFFFF;
}

.fontTextGray
{
	font-family:Roboto;
	font-size:8.5px;
	color:#ffffff;
	letter-spacing:0.15px;
	line-height:11px;
	font-weight: bold;
}

.fontOverAll
{
	font-family:Roboto;
	font-size:10px;
	color:#5e686a;
	letter-spacing:0.18px;
	line-height:11px;
	text-align:right;
	padding-right: 5px;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;

  border-left: 16px solid #f2f2f2;
}

.arrow-rightsmall {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ebebeb;
}

.arrow-rightsmallleft {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid rgba(255,255,255,0.15);
}
.quantityGrayTall
{
	background:#f2f2f2;
	width:75px;
	height:40px;
	font-family:Roboto;
	font-size:12px;
	color:#202022;
	line-height:40px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}

.quantityGrayTallEst
{
	background:#f2f2f2;
	width:100%;
	height:40px;
	font-family:Roboto;
	font-size:12px;
	color:#202022;
	line-height:40px;
	letter-spacing:0.2px;
	text-align:center;
	vertical-align: middle;
}

.arrow-rightTall {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;

  border-left: 20px solid #f2f2f2;
}


.schedule-point-task-completed-delayed{
	background-color: #668014;
}
.schedule-point-task-completed-nondelayed{
	background-color: #33FF4C;
}
.schedule-point-task-notcompleted-delayed{
	background-color: red;
}
.schedule-point-task-notcompleted-notdelayed{
	background-color: yellow;
}

.previousValues
{
	opacity:0.5;
	font-family:Roboto;
	font-size:10px;
	color:#1b1b1b;
	letter-spacing:0.17px;
	line-height:12px;
	text-align:left;
	font-style: italic;
}

.previousCell
{
	background:#ededed;
	text-align: center;
	font-family:Roboto-Regular;
	font-size:11px;
	color:#1b1b1b;
	letter-spacing:0.18px;
	line-height:12px;
}

.fcvTopTable
{
	border-right: 1px solid #dfe2e6;
}
.fcvTopTableTopCell
{
	border-left:1px solid #dfe2e6;
	border-top:1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	background-color:#f7f7f6;
}

.fcvBackGround
{
	background-color:#AAAAAA;
}

.fcvTopTableBottomCell
{
	border-left:1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	background-color:#f7f7f6;
}


.stockRed
{
	height: 18px;	width: 20px;
	background-image: url("images/stockRed.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
}


.stockYellow
{
	height: 18px;	width: 20px;
	background-image: url("images/stockYellow.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
}

.stockGreen
{
	height: 18px;	width: 20px;
	background-image: url("images/stockGreen.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
}

.divPremium
{
	background:rgba(208,2,27,0.05);
	border:1px solid #d0021b;
	border-radius:4px;
	width:48px;
	height:17px;
	font-family:Roboto;
	font-size:9px;
	color:#d0021b;
	letter-spacing:0.56px;
	text-align:center;
	line-height:17px;
	vertical-align: middle;
}
.addEditSchedule_popup_body {
	background: #ffffff;
	box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	width: 1335px;
	height: 850px;
}
.addEditSchedule_popup_headercol {
	background: #ffffff;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
}
.anchorlabel_addEditSchedule_popup {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #5c5c5b;
	line-height: 14px;
	text-align: left;
}
.addEditSchedule_popup_choicepanel {
	background: #ffffff;
	border: 1px solid #d6d5d4;
	border-radius: 2px;
	width: 188px;
	height: 31px;
	margin-left:10px;
	margin-top: 15px;
}
.addEditSchedule_popup_choicepanel_button {
	background: #ffffff;
	font-size: 11px;
	font-family: Roboto;
	font-weight:bold;
	border:1px solid #FFFFFF;
	color: #0b272d;
	width: 80px;
	height: 32px
}
.addEditSchedule_popup_choicepanel_button_ACTIVE{
	background: #ffffff;
	font-size: 11px;
	font-family: Roboto;
	font-weight:bold;
	border-bottom: 1px solid #1F535D;
	color: #0b272d;
	width: 82px;
	height: 35px
}
.addEditSchedule_popup_choicelabel {
	font-family: Roboto;
	font-size: 11px;
	color: #0b272d;
	font-weight:bold;
	text-align: left;
	margin-top: 9px;
	margin-left: 3px;
	width: 40px;
}

.addEditSchedule_popup_childscheduleborder {
	 border-bottom: thin solid #111111;
	 border-bottom-color: black;
}

.addEditSchedule_popup_button {
	height: 30px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.addEditSchedule_popup_button_disabled {
	height: 30px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #F5F5F5;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.clockSymbolImage_schedule {
	background-image: url(images/clock.png);
    background-repeat: no-repeat;
    background-position: 1px 0px;
    height: 14px;
    width: 13px;
    margin-left:4px;
}
.addEditSchedule_popup_calender{
	height: 30px;
	width: 100px;
	background-image: url("images/calendar.png");
	background-repeat: no-repeat;
    background-position: right;
}
.addEditSchedule_popup_uparrow{
  background-image: url("images/arrowUp.png");
}
.addEditSchedule_popup_downarrow{
  background-image: url("images/arrowDown.png");
}

.taskStatusHeaderLable {
	opacity: 0.75;
	font-family:Roboto-Bold;
	font-size: 11px;
	color: #0b272d;
	letter-spacing: 0.2px;
	line-height: 11px;
	margin-left: 37px;
	font-weight: bold;

}
.taskStatusHeaderLableGreen{
	opacity: 0.75;
	font-family:Roboto-Bold;
	font-size: 11px;
	color:#417505;
	letter-spacing: 0.2px;
	line-height: 11px;
	font-weight: bold;
	margin-left: 5%;
}
.taskStatusHorizontalPanelImagePostion {
	background-image: url(images/Position0.png);
	background-repeat: no-repeat;
	background-position: -14px;
	margin-top: 6px;
	border-right: 2px solid white;
}
.taskStatusHorizontalPanelImagePostion1 {
	background-image: url(images/Position1.png);
    background-repeat: no-repeat;
    background-position: -1px;
    margin-top: 6px;
    border-right: 2px solid white;
}
.taskStatusHorizontalPanelImagePostion2{
	background-image: url(images/Position2.png);
    background-repeat: no-repeat;
    background-position: -2px;
    margin-top: 6px;
    border-right: 2px solid white;
}
.taskStatusHorizontalPanelImagePostion3{
    background-image: url(images/Position3.png);
    background-repeat: no-repeat;
    background-position: 0px;
    margin-top: 6px;
    border-left: 2px solid white;
    border-right: 2px solid white;
}
.taskStatusHorizontalPanelImagePostion4{
	background-image: url(images/Position4.png);
    background-repeat: no-repeat;
    background-position: 0px;
    margin-top: 6px;
    border-left: 2px solid white;
    border-right: 2px solid white;
}
.taskStatusHorizontalPanelImagePostion5{
	background-image: url(images/Position5.png);
    background-repeat: no-repeat;
    background-position: 0px;
    margin-top: 6px;
    border-left: 2px solid white;
    border-right: 2px solid white;
}
.taskStatusImageFloderTask{
	background-image: url("images/FTC.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}
.taskStatusImageCircuitTask{
	background-image: url("images/CTF.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}
.summaryBackgroundColor{
	background-color:skyblue;
}
.taskStatusImageCricuit{
	background-image: url("images/CFT.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}
.taskStatusImageTaskFloder{
	background-image: url("images/TFC.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}
.taskStatusPopupCloseButton {
	background: #f2ca00;
	height: 27px;
	width: 27px;
	background-image: url(images/close.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0px;
	cursor: pointer;
	margin-left: -26px;
}
.taskStatusImageTask{
	background-image: url("images/TCF.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}
.taskStatusLableWhiteColour {
	font-family: Roboto-Regular;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 11px;
	margin-left: 30px
}
.taskStatusLable {
	font-family: Roboto-Regular;
	font-size: 11px;
	color: #202022;
	letter-spacing: 0.2px;
	line-height: 19px;
	text-align: center;
	margin-top: 6px;
	width: 69px;
}

.taskActivityLabelHeader {
	opacity: 0.75;
	font-family:Roboto-Bold;
	font-size: 11px;
	color: #0b272d;
	letter-spacing: 0.2px;
	line-height: 11px;
	font-weight: bold;
	text-align: center;
}

.taskStatusImageFloder {
	background-image: url("images/folderIMage.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 5px;
}

.taskStatusInfoActivityLable {
	font-family: Roboto-Medium;
	font-size: 11px;
	color: #2e8fb3;
	line-height: 29px;
	text-align: left;
	margin-left: 10px;
}
.taskStatusActivityTable th{
	border-bottom: 1px solid #e0e0de;
	border-bottom-color: #e0e0de;
}
.taskStatusInfoActivitypanel {
	background:#f7f7f6;
	width: 369px;
	height: 32px;
	width: 100%;
	height: 26px;
	margin-top: -5px;
	margin-bottom: -6px;
}


.pieContainer {
	height: 26px;
	width: 60px;
	margin-left: 5px;
	margin-top: 2px;
	line-height: 28px;
	position: relative;
}
.pieBackground {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 15px;
}

.pieSchedule {
  transition: all 1s;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 18px;
  clip: rect(0px, 12px, 24px, 0px);
}

.hold {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 15px;
  clip: rect(0px, 24px, 24px, 1px);
}

#pieSlice1 .pieSchedule {
  background-color: #1b458b;
  transform:rotate(30deg);
}

#pieSlice2 {
  transform: rotate(30deg);
}

#pieSlice2 .pieSchedule {
  background-color: #0a0;
  transform: rotate(180deg);
}

#pieSlice3 {
  transform: rotate(210deg);
}

#pieSlice3 .pieSchedule {
  background-color: #0a0;
  transform: rotate(150deg);
}


.innerCircle {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border-radius: 12px;
  top: 4px;
  left: 4px;
  color: white;
}
.innerCircle .content {
  position: absolute;
  display: block;
  width: 24px;
  top: 8px;
  left: 0;
  text-align: center;
  font-size: 14px;
}

.pieChartDefaultFillColor {
	background-color: #d3d7cf;
}

.scheduleTopBar {
	width: 99%;
	border: 5px solid #ebeae8;
}

.scheduleTopBarFilterAndREfershButtonPanel {
	height: 33px;
	width: 100%;
	padding: 8%;
	border-right: 1px solid #dddde8;
}

.scheduleTopBarPanels {
	width: 100%;
	padding: 8%;
	height: 33px;
	border-right: 1px solid #dddde8;
}

.scheduleTopBarDrakLable {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 19px;
	color: #000000;
	letter-spacing: 0.47px;
	line-height: 14px;
	text-align: left;
}

.scheduleTopBarRedLable {
	font-family: Roboto-Regular;
	font-size: 12.5px;
	color: #d0021b;
	line-height: 14px;
	text-align: left;
}

.scheduleTopBarGreyLabel {
	opacity: 0.35;
	font-family: Roboto-Regular;
	font-size: 12.5px;
	color: #000000;
	line-height: 12px;
	text-align: left;
}

.scheduleTopBarInfoLables {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #0b272d;
	letter-spacing: 0;
	line-height: 7px;
	text-align: left;
}

.scheduleTopBarCalender {
	background-position: right 3px;
	background-image: url(images/calenderBlue.png);
	background-repeat: no-repeat;
	width: 87px;
	height: 20px;
	border: 0px solid #ccc;
	border-top: 0px solid #999;
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #326299;
	text-align: inherit;
	margin-top: 7px;
}

.scheduleTopBarRightArrowInCircle {
	opacity: 0.4;
	margin-top: 6px;
	margin-left: 13px;
	border: 1px solid #485d62;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-position: 8px;
	background-image: url(images/greaterThanArrow.png);
	background-repeat: no-repeat;
}

.scheduleTopBarOnToadyButton {
	background: #e6e6e6;
	border-radius: 100px;
	width: 45px;
	height: 26px;
	font-size: 9px;
	opacity: 0.75;
	font-family: Roboto-Bold;
	font-size: 11px;
	color: #0b272d;
	letter-spacing: 0.2px;
	line-height: 9px;
	margin-top: 6px;
	margin-left: 7px;
}

.scheduleTopBarLeftArrowInCircle {
	opacity: 0.4;
	margin-top: 6px;
	margin-right: 11px;
	border: 1px solid #485d62;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-position: 8px;
	background-image: url(images/lessThanArrow.png);
	background-repeat: no-repeat;
}

.scheduleTopBarDelayedButtonPanel {
	width: 100%;
	padding: 10%;
	height: 33px;
}

.scheduleTopBarViewByLable {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #0b272d;
	letter-spacing: 0;
	text-align: left;
	margin-top: 19%;
}

.schduleTopBarViewByPanel {
	height: 33px;
	width: 100%;
	padding: 5%;
}

#circle, #circle .segment {
  border-color: #dcdcdc;

  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  height: 18px;
  position: relative;
  width: 18px;
}




#circle .segment {
  -webkit-clip-path: inset(0 9px 0px 0px);
  left: -2px;
  position: absolute;
  top: -2px;
  border-color: red;
}
.datePorgressLable{
	font-size: 9px;
    font-weight: bold;
    border-radius: 10px;
    height: 15px;
    color: white;
    width: 99%;
    background-color: #007BB8;
    text-align: center;
}

.popupFromRightToLeft  {
            /* for chrome and safari*/
-webkit-animation-duration
:

4
s
;


-webkit-animation-name
:

slidein
;


margin-left
:

10%;

/*for firefox*/
-moz-animation-duration
:

4
s
;


-moz-animation-name
:

slidein
;

/* for opera*/


-o-animation-duration
:

4
s
;


-o-animation-name
:

slidein
;

/* Standard syntax*/


animation-duration
:

4
s
;


animation-name
:

slidein
;



}
@
-webkit-keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
@
-moz-keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
@
-o-keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
@
keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
.suggestion {
	position: absolute;
	display: inline-block;
}

.suggestion .suggestionText {
	visibility: hidden;
	width: 188px;
	background-color: gainsboro;
	color: black;
	text-align: center;
	border-radius: 2px;
	padding: 2px 0;
	position: absolute;
	z-index: 1;
	font-size: 9px;
	top: 95%;
	left: 0%;
}

.suggestion:hover .suggestionText {
	visibility: visible;
}

.popupFromLeftToRight {
	/* for chrome and safari*/
	-webkit-animation-duration: 4s;
	-webkit-animation-name: slideout;
	margin-left: 10%;
	/*for firefox*/
	-moz-animation-duration: 4s;
	-moz-animation-name: slideout;
	/* for opera*/
	-o-animation-duration: 4s;
	-o-animation-name: slideout;
	/* Standard syntax*/
	animation-duration: 4s;
	animation-name: slideout;
}

@
-webkit-keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
@
-moz-keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
@
-o-keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
@
keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
.breadCrumbCricuit  h6 {
	position: relative;
	background: darkblue;
	width: 8px;
	height: 12px;
	margin: 4px;
}

.breadCrumbCricuit h6:before, h6:after {
	position: absolute;
	content: "";
	left: 0;
	border: 4px solid transparent;
	height: 0;
	width: 0;
}

.breadCrumbCricuit h6:before {
	top: 0;
	border-top-color: #d3d7cf;
}

.breadCrumbCricuit h6:after {
	top: 100%;
	border-top-color: darkblue;
}

.breadCrumbFolder h6 {
	position: relative;
	background: #7a367a;
	width: 8px;
	height: 12px;
	margin: 4px;
}

.breadCrumbFolder h6:before, h6:after {
	position: absolute;
	content: "";
	left: 0;
	border: 4px solid transparent;
	height: 0;
	width: 0;
}

.breadCrumbFolder h6:before {
	top: 0;
	border-top-color: #d3d7cf;
}

.breadCrumbFolder h6:after {
	top: 100%;
	border-top-color: #7a367a;
}

.breadCrumbTask h6 {
	position: relative;
	background: #72d4f9;
	width: 8px;
	height: 12px;
	margin: 4px;
}

.breadCrumbTask span {
	text-align: left;
}

.breadCrumbTask h6:before, h6:after {
	position: absolute;
	content: "";
	left: 0;
	border: 4px solid transparent;
	height: 0;
	width: 0;
}

.breadCrumbTask h6:before {
	top: 0;
	border-top-color: #d3d7cf;
}

.breadCrumbTask h6:after {
	top: 100%;
	border-top-color: #72d4f9;
}

.RuleButtonTableEstimationOfProject {
	opacity: 0.7;
	padding-left: 1px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #5E686A;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.nounitRateLable {
	font-size: smaller;
	text-align: center;
	color: red;
	font-weight: bold;
}

.itemsEstimationOfProjectTile {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.itemsEstimationOfProjectTileSelected {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.messageBox {
	border-radius: 15px;
	padding: 8px;
	margin: 2px;
}

.chatlistEven {
	background-color: #FFF;
}

.chatlistEven:hover {
	background-color: #72d4f9
}

.chatlistOdd {
	background-color: #E8E8E8;
}

.chatlistOdd:hover {
	background-color: #72d4f9
}

.messageBoxAlignmentRight {
	/* for chrome and safari*/
	text-align: -webkit-right;
	/* for morzilla*/
	text-align: -moz-right;
	/* for opera*/
	text-align: -o-right;
	/* for Internet Explorer*/
	text-align: -ms-right;
}

.messageBoxAlignmentCenter {
	/* for chrome and safari*/
	text-align: -webkit-center;
	/* for morzilla*/
	text-align: -moz-center;
	/* for opera*/
	text-align: -o-center;
	/* for Internet Explorer*/
	text-align: -ms-center;
}

.feedDateLableStyle {
	border-radius: 25px 25px 25px 25px;
	background: white;
	padding: 1px 5px;
	line-height: 2;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
	width: 193px;
	text-align: center;
}

.feedNotificationLabelPanel {
	padding: 5px;
	line-height: 2.4;
	color: white;
	background-color: rgba(0, 0, 0, 0.87);
}

.loaderSmallRemove {
	overflow: auto;
	position: relative;
	zoom: 1;
	width: 279px;
	height: 264px;
}

.buttonPadding {
	padding-right: 4px;
}

.buttonPaddingConstructionary {
	padding-right: 22px;
}

.feedNotificationLable {
	font-size: 12px;
	font-weight: 500;
}

.imageDetailsProjectAnchor {
	color: #ffa000;
	font-size: 10px;
	font-family: Roboto;
	font-weight: 500;
	padding: 6px;
	padding-left: 25px;
	background-image: url(images/project-image-icon.png);
	background-repeat: no-repeat;
}

.imageDetailsCircuitAnchor {
	color: #ffa000;
	font-size: 10px;
	font-family: Roboto;
	font-weight: 500;
	padding: 6px;
	padding-left: 25px;
	background-image: url(images/circuit-pin-icon.png);
	background-repeat: no-repeat;
}

.imageDetailsText {
	color: rgba(0, 0, 0, 0.54);
	font-size: 10px;
	font-weight: 500;
	font-family: Roboto;
	padding: 1px;
}

.imageDetailsTextWithCruveRectangleBorder {
	line-height: 2;
	padding: 5px;
	border-radius: 17px;
	color: rgba(0, 0, 0, 0.54);
	font-family: Roboto;
	font-weight: 500;
	font-size: 10px;
	background-color: #eeeeee;
}

.imageDeatilsAnchorWithicons {
	/* cursor: pointer; */
	display: flex;
	color: rgba(0, 0, 0, 0.54);
	text-decoration: none;
}

.imageFeedCommentSendTextArea {
	width: 98%;
	background-color: #ffffff;
	border: 0px;
	padding: 6px;
	text-align: start;
	height: 18px;
	outline: none;
}

.imageFeedCommentSendButton {
	background: #ffffff;
	width: 100%;
	height: 30px;
	border: 0px;
	background-image: url(images/send.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.squre-comment {
	width: 16px;
	height: 12px;
	border: 2px solid grey;
	text-align: center;
	position: absolute;
	font-size: 10px;
	font-family: Roboto;
}

.squre-comment::after {
	position: absolute;
	content: "";
	border-top: 6px solid grey;
	border-right: 6px solid transparent;
	top: 14px;
	left: -2px;
}

.imageFeedCommentParentTextBox {
	border-radius: 6px;
	background-color: #eeeeee;
	padding: 15px;
	width: 100%;
	font-family: Roboto;
	font-size: 12px;
}

.imageFeedCommentWithNoreply {
	color: rgba(0, 0, 0, 0.54);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	background-color: white;
	border-right: 6px solid #d8d8d8;
}

.imageFeedCommentWithreply {
	color: rgba(0, 0, 0, 0.54);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	background-color: white;
	border-left: 6px solid black;
}

.imageFeedCommentreply {
	background-color: white;
	border-left: 6px solid #f5b233;
}

.imageFeedReplyPopUpButton {
	cursor: pointer;
	border: 0px;
	height: 26px;
	background-color: white;
	background-image: url(images/more-vert.png);
	background-repeat: no-repeat;
}

.imagesInfoPanel {
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px;
	font-weight: 500;
	border-right: 1px solid #eeeeee;
	padding: 9px;
}

.imageFixedLable {
	color: rgba(0, 0, 0, 0.54);
	font-size: 10px;
	font-family: Roboto;
	font-weight: normal;
}

.imagesCountLable {
	color: black;
	padding: 6px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
}

.imagesViewAsSelect {
	padding: 3px;
	outline: none;
	border: 0;
	width: 91px;
	font-size: 14px;
	font-weight: 500;
	font-family: Roboto;
}

.imagesFilterSerchTextBox {
	border: 0;
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px;
	font-weight: bolder;
	background-color: rgb(232, 232, 232);
	padding: 4px;
}

.imageFilterPopUP {
	padding: 4px !important;
	border: 0px !important;
	background-color: white !important;
}

.dotImageFilter {
	height: 7px;
	width: 7px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.buttonWithSelectinListIcon {
	border: 0px;
	background: transparent;
	color: black;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	outline: none;
	cursor: pointer;
}

.resetButtonWithoutBorder {
	color: rgba(0, 0, 0, 0.54);
	background: transparent;
	outline: none;
	cursor: pointer;
	border: 0;
}

.imagesPaginationAnchor {
	color: black;
	width: 49px;
	height: 13px;
	padding: 6px;
	background-color: #ffC34f;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-left: -17px;
	margin-right: -16px;
	font-family: Roboto;
	font-size: 8px;
}

.sub-header-count {
	padding: 9px 8px;
	text-align: center;
	color: #757575;
	font-weight: bold;
	font-family: Roboto;
	font-size: 14px;
}

.image-of-count {
	padding-top: 5px;
}

.imagesGroupHeaderLabel {
	padding: 10px 8px;
	text-align: center;
	border-radius: 22px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: bold;
	font-family: Roboto;
	font-size: 14px;
}

.imagesGroupHeaderLabelPanel {
	background: white;
	padding: 0px 10px 0px 10px;
	border-radius: 27px;
	margin-right: 10px;
}

.imagesCommentsCountLable {
	padding-left: 26px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: black;
}

.imagesDateFilterDateBox {
	border: 0px;
	background: transparent;
	font-size: 14px;
	font-family: Roboto;
	font-weight: 500;
	outline: none;
}

.projectHeaderLable {
	/* background-image: url(images/project.png); */
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.circuitHeaderLable {
	background-image: url(images/circuit-pin-black.png);
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.userHeaderLable {
	background-image: url(images/profile-black.png);
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.dateHeaderLable {
	background-image: url(images/calendar-black.png);
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.imagesPopCloseButton {
	font-size: 26px;
	border: 0px;
	outline: none;
	background: transparent;
}

.singleImagePopupHeader {
	display: -webkit-box;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	padding: 2px;
}

.singleImagePopupNextImageAnchor {
	font-size: 20px;
	color: black;
	margin-left: -38px;
	transform: rotate(-450deg);
}

.loaderSmallRemove {
	overflow: auto;
	position: relative;
	zoom: 1;
	width: 279px;
	height: 264px;
}

.buttonPadding {
	padding-right: 4px;
}

.singleImagePopupLastImageAnchor {
	font-size: 20px;
	color: black;
	margin-right: -36px;
	transform: rotate(-450deg);
}

.squre-comment-black {
	width: 16px;
	height: 12px;
	border: 2px solid black;
	text-align: center;
	position: absolute;
	font-size: 10px;
	font-family: Roboto;
}

.squre-comment-black::after {
	position: absolute;
	content: "";
	border-top: 6px solid black;
	border-right: 6px solid transparent;
	top: 14px;
	left: -2px;
}

.imagesPanelCommentsAnchorPanel {
	position: relative;
	background-color: white;
	height: 28px;
	width: 27px;
	padding: 4px;
	margin-left: -26px;
	top: -3px;
}

.imageVersionsLablePanel {
	position: relative;
	margin-left: -36px;
	padding: 7px;
	background-color: white;
	height: 36px;
	width: 36px;
	border-radius: 0px 0px 0px 29px;
	color: rgba(0, 0, 0, 0.54);
}

.activityRefrashButton {
	outline: none;
	border: 0px;
	padding: 5px;
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.33;
	color: rgba(0, 0, 0, 0.54);
	background-color: white;
}

.activityCountLable {
	font-family: Roboto;
	font-size: 14px;
	line-height: 1.43;
	color: rgba(0, 0, 0, 0.87);
}

.activityDateLable {
	background-color: rgba(0, 0, 0, 0.38);
	padding: 5px 0px 3px 5px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	text-align: center;
	border-radius: 25px 25px 25px 25px;
}

.activityDataPanel {
	width: 100%;
	border-bottom: solid 1px #0000008a;
}

.activityLable {
	font-family: Roboto;
	font-size: 12px;
	color: #ffffff;
}

.imageGroupPanelCheckbox {
	background-color: white;
	border-radius: 32px;
	margin-right: 7px;
}

.imageGenerateReportButton {
	background: #ffba04;
	border: 1px solid #FFB908;
	color: black;
	border-radius: 0px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	padding: 4px 6px;
	text-decoration: none;
}

.imageActivityProjectName {
	/* width: 100%; */
	border: 0px;
	background-color: #9e9e9e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	margin-bottom: 10px;
}

.notificationSelectedIcon {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:hover {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:link {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:visited {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:active {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationIcon {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:hover {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:link {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:visited {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:active {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.unreadCircleRed {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:hover {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:link {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:visited {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:active {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:hover {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:link {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:visited {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:active {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.feedTopPanel {
	width: 100%;
	height: 37px;
	background-color: #ffffff;
	padding-left: 16px;
	padding-right: 7px;
}

.feedWindow {
	border: solid 1px #ffffff;
}

.lblAllFeeds {
	width: 102px;
	height: 20px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.feedTile {
	width: 100%;
	border-top: solid 0.5px rgba(0, 0, 0, 0.54);
	border-bottom: solid 0.5px rgba(0, 0, 0, 0.54);
	background-color: rgba(0, 0, 0, 0.54);
	padding: 10px;
}

.feedCommentReply {
	background-image: url(images/feedCommentReply.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedImageComment {
	background-image: url(images/feedImageComment.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedNewImage {
	background-image: url(images/feedNewImage.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedImageVersion {
	background-image: url(images/feedImageVersion.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedIndent {
	background-image: url(images/feedIndent.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedPO {
	background-image: url(images/poFeed.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedWO {
	background-image: url(images/woFeed.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedChallan {
	background-image: url(images/challanFeed.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedDate {
	height: 26px;
	border-radius: 13px;
	background-color: rgba(0, 0, 0, 0.38);
	font-family: Roboto;
	font-size: 12px;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 26px;
	vertical-align: middle;
	margin-bottom: 10px;
}

.feedProjectName {
	height: 24px;
	border-radius: 2px;
	background-color: #9e9e9e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	margin-bottom: 10px;
}

.feedProjectName {
	height: 24px;
	border-radius: 2px;
	background-color: #9e9e9e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	margin-bottom: 10px;
}

.feedText {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	margin-bottom: 10px;
	display: inline;;
}

.feedAnchor {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
	display: inline;;
}

.feedAnchor:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
	display: inline;
}

.feedAnchor:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.feedAnchor:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.feedAnchor:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.footerDate {
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #ffffff;
}

.projectHeaderBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.54);
}

.projectHeaderBarColor {
	background-color: rgba(0, 0, 0, 0.54);
	width: 25px;
}

.projectMidBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

.projectBottomBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

.right_border_bar {
	border-right: 1px solid #BDBDBD;
}

.projectOrdersBar {
	background-color: #eeeeee;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	padding-left: 12px;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderOneText {
	height: 13px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
	padding-left: 8px;
}

.projectHeaderOneTextNoPadding {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderOneTextNoPaddingAlignRight {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	text-align: right;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderTwoText {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.54);
	padding-bottom: 2px;
}

.projectHeaderTwoTextNew {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: #f2f2f2;
	padding-bottom: 2px;
	padding-left: -4px;
}

.projectHeaderTwoTextTimeline {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: black;
	padding-bottom: 2px;
	padding-left: -4px;
}

.projectHeaderTwoTextRed {
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectHeaderTwoTextRed {
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectContentBigBlack {
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectPartsTotalCell {
	padding-left: 2px;
	padding-right: 2px;
}

.projectPartsTotalTable {
	background-color: #eeeeee;
}

.projectCircuitLabel {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectContentBigRed {
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectContentSmallBlack {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectContentSmallBlackMiddle {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	vertical-align: middle;
}

.paddingLeft {
	padding-left: 8px;
}

.projectContentSmallRed {

}

.clientOrderDiv {
	width: 8px;
	height: 8px;
	background-color: #84611d;
}

.budgetDiv {
	width: 8px;
	height: 8px;
	background-color: #244c8f;
}

.costInProcessDiv {
	width: 8px;
	height: 8px;
	background-color: #4f9cff;
}

.clientBillDiv {
	width: 8px;
	height: 8px;
	background-color: #ffc34f;
}

.costCompletedDiv {
	width: 8px;
	height: 8px;
	background-color: #a2d5ff;
}

.projectContentSmallRedMiddle {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: red;
	vertical-align: middle;
}

.fTableParts {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	border-bottom: 1px solid #BDBDBD;
}

.blankGraph {
	width: 10px;
	height: 18px;
	opacity: 0.3;
	border-radius: 1px;
	background-color: #d8d8d8;
	vertical-align: bottom;
	line-height: 18px;
}

.clientOrderGraph {
	width: 10px;
	background-color: #84611d;
}

.budgetGraph {
	width: 10px;
	background-color: #244c8f;
}

.costInProcessGraph {
	width: 10px;
	background-color: #4f9cff;
}

.clientBillGraph {
	width: 10px;
	background-color: #ffc34f;
}

.costCompletedGraph {
	width: 5px;
	background-color: #a2d5ff;;
}

.netAmtGreen {
	font-family: RupeeForadian;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #45ba5a;
}

.netAmtRed {
	font-family: RupeeForadian;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectIcon {
	background-image: url(images/project.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	padding-left: 9px;
}

.teamIcon {
	background-image: url(images/team.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	padding-left: 9px;
}

.projectNameNew {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 2px;
	padding-right: 6px;
	text-decoration: none;
}

.projectNameNewHover {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #E39C12;
	padding-left: 2px;
	padding-right: 6px;
	text-decoration: none;
}

.projectIconPadding {
	padding-left: 10px;
}

.projectName {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:link {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:visited {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:hover {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:active {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.placeIcon {
	background-image: url(images/place.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 36px;
	text-align: right;
}

.imageIcon {
	background-image: url(images/feedNewImage.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.feedIcon {
	background-image: url(images/feeds.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	margin-left: 45px;
}

.chatIcon {
	background-image: url(images/chats.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.alert-circle-outline {
	background-image: url(images/alert-circle-outline.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.alert-circle {
	background-image: url(images/alert-circle.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.p-circle-outline {
	background-image: url(images/p-circle-outline.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.p-circle {
	background-image: url(images/p-circle.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.deleteIcon {
	background-image: url(images/delete.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.deleteIconDisabled {
	background-image: url(images/delete.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	opacity: 0.20;
}

.updateIcon {
	background-image: url(images/edit.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.updateIconDisabled {
	background-image: url(images/edit.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	opacity: 0.20;
}

.leftMargin {
	padding-left: 65px;
}

.leftMarginProjectHeader {
	padding-left: 20px;
}

.leftMarginProjectHeaderSmall {
	padding-left: 5px;
}

.leftMarginSmall {
	padding-left: 10px;
}

.bottomMargin {
	padding-bottom: 10px;
}

.indentIcon {
	background-image: url(images/indent.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.moIcon {
	background-image: url(images/mo.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.poIcon {
	background-image: url(images/po.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.challanIcon {
	background-image: url(images/challan.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.woIcon {
	background-image: url(images/wo.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.countCircleRed {
	width: 18px;
	height: 18px;
	background-color: #ea2a2a;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	text-decoration: none;
}

.countText {
	width: 18px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	color: #ffffff;
}

.approvalPopupRowNoHover {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
}

.approvalPopupRowNoHoverCompletion {
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
}

.approvalPopupRowNoHoverRed {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: red;
	height: 30px;
}

.approvalPopupRowNoHoverRedCompletion {
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: red;
	height: 30px;
}

.approvalPopupRow {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
}

.approvalPopupRow:hover {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
	background-color: #eeeeee;
	cursor: pointer;
	text-decoration: none;
}

.approvalPopupRowNoHeight {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	background-color: #eeeeee;
}

.hPanelStatusCell {
	position: relative;
	top: 12px;
}

.hideDiv {
	visibility: hidden;
}

.imageAnchor {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:link {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:visited {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:hover {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:active {
	cursor: pointer;
	text-decoration: none;
}

.projectListBox {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	outline: none;
}

select.projectListBox option {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	outline: none;
}

.projectListBox option {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	outline: none;
}

.projectTilePO {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-decoration: none
}

.projectTilePOHover {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #eeeeee;
	text-decoration: none
}

.textPadding {
	padding-right: 4px;
}

.searchTextBox {
	width: 239px;
	border-radius: 2px;
	border: solid 1px rgba(0, 0, 0, 0.87);
}

.stPlaceHolder::-webkit-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.stPlaceHolder:-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.stPlaceHolder::-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.stPlaceHolder:-ms-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	ffont-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.folderTileNew {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.folderTileNewExpanded {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.folderTileNewHover {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0px 1px 2px 2px #E0E0E0;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNew {
	width: 185px;
	height: 46px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNewHover {
	width: 185px;
	height: 50px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNewSelected {
	width: 185px;
	height: 50px;
	background: rgba(115, 95, 6, 0.07);
	border: 1px solid rgba(115, 95, 6, 0.6);
	border-radius: 4px;
}

.categoryTileNewAddParts {
	width: 250px;
	height: 56px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.serviceTileNewAddParts {
	width: 250px;
	height: 51px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNewHoverAddParts {
	width: 250px;
	height: 60px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.serviceTileNewHoverAddParts {
	width: 250px;
	height: 55px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNewSelectedAddParts {
	width: 250px;
	height: 60px;
	background: rgba(115, 95, 6, 0.07);
	border: 1px solid rgba(115, 95, 6, 0.6);
	border-radius: 4px;
}

.constructionaryHeader1 {
	font-family: Roboto;
	font-style: Bold;
	font-size: 10px;
	opacity: 0.4;
	color: #333230;
	padding-left: 20px;
}

.constructionaryHeader2 {
	font-family: Roboto;
	font-style: Regular;
	font-size: 22px;
	line-height: 22px;
	color: #735F06;
	padding-left: 20px;
}

.constructionaryHeaderSmall {
	font-family: Roboto;
	font-style: Regular;
	font-size: 16px;
	line-height: 16px;
	color: #735F06;
}

.constructionarySearchBoxTextBox {
	width: 531px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.searchIcon {
	width: 38px;
	height: 18px;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
	cursor: pointer;
}

.constructionarySearchBoxCreatePart {
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	margin-left: 30px;
}

.constructionarySearchBoxAddPart {
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	padding-left: 15px;
}

.constructionarySearchBoxCreatePartTextBox {
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.constructionaryHomeBackground {
	background: #E5E5E5;
}

.constructionarySearchBoxPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.constructionarySearchBoxPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.constructionarySearchBoxPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.constructionarySearchBoxPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.createPartName {
	height: 30px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
	background: rgba(51, 50, 48, 0.05);
}

.folderSearchBox {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	background: #FFFFFF;
}

.folderSearchBoxNoMargin {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	background: #FFFFFF;
}

.folderSearchBoxTextBox {
	height: 29px;
	padding-left: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	border: none;
	background: transparent;
}

.folderSearchBoxPopulated {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
	background: rgba(51, 50, 48, 0.05);
}

.folderSearchBoxNoValue {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
	background: red;
}

.folderSearchBoxText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
}

.downIcon {
	width: 38px;
	height: 18px;
	background-image: url("images/constructionaryDown.png");
	background-repeat: no-repeat;
	background-size: 10px 8px;
	background-position: center;
	cursor: pointer;
}

.folderSearchBoxPlaceHolder::-webkit-input-placeholder {
	height: 100%;
	line-height: 30px;
}

.folderSearchBoxPlaceHolder:-moz-placeholder {
	height: 100%;
	line-height: 30px;
}

.folderSearchBoxPlaceHolder::-moz-placeholder {
	height: 100%;
	line-height: 30px;
}

.folderSearchBoxPlaceHolder:-ms-input-placeholder {
	height: 100%;
	line-height: 30px;
}

.searchPopupRowRollOut {
	outline: none;
	width: 100%;
}

.searchPopupRowRollOver {
	outline: none;
	background: #F5F4EE;
	width: 100%;
}

.specName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #4F4F4F;
	opacity: 0.8;
}

.specValue {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333333;
	opacity: 0.8;
}

.specLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #735F06;
}

.specLabelRed {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: red;
	padding-right: 2px;
	padding-left: 2px;
}

.specLabelOrange {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: orange;
	padding-right: 2px;
	padding-left: 2px;
}

.specLabelGreen {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: green;
	padding-right: 2px;
	padding-left: 2px;
}

.specPanel {
	padding-top: 20px;
	padding-bottom: 20px;
}

.specErrorPanel {
	padding-top: 10px;
	padding-bottom: 10px;
}

.createPartValue {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	opacity: 0.8;
}

.createPartLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 12px;
	color: #333333;
}

.createPartSpecLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #4F4F4F;
	opacity: 0.8;
	margin-bottom: 5px;
}

.createPartSpecLabelSelected {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	margin-bottom: 5px;
}

.createPartPaddingLeft {
	padding-left: 15px;
}

.createPartPaddingBottom {
	margin-bottom: 15px;
}

.partsSectionBorder {
	border-right: 3px solid #DFE2E6;
}

.partsSectionBorderRed {
	border: 1px solid red;
}

.partsSectionBorderDark {
	border: 1px solid #E0E0E0;
	background: #FFFFFF;
}

.homeIcon {
	width: 18px;
	height: 18px;
	background-image: url("images/home.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
	cursor: pointer;
}

.projectIconNew {
	width: 18px;
	height: 18px;
	background-image: url("images/projectIcon.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectIconNewWhite {
	width: 24px;
	height: 24px;
	background-image: url(images/project.svg);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectIconNewOrange {
	width: 20px;
	height: 20px;
	background-image: url("images/projectInfo.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
}

.projectNameBreadCrumb {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
}

.screenNameBreadCrumb {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	color: #E29B19;
}

.timeLineUnselected {
	width: 24px;
	height: 24px;
	background-image: url("images/timelineUnselected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.timeLineUnselected:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/timelineSelected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.timeLineSelected {
	width: 24px;
	height: 24px;
	background-image: url("images/timelineSelected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.matrixUnselected {
	width: 24px;
	height: 24px;
	background-image: url("images/matrixUnselected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.matrixUnselected:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/matrixSelected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.matrixSelected {
	width: 24px;
	height: 24px;
	background-image: url("images/matrixSelected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.projectMenu {
	width: 18px;
	height: 18px;
	background-image: url("images/projectMenu.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectMenuNew {
	width: 24px;
	height: 24px;
	background-image: url("images/projectMenuNewCircle.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid white;
	background-color: transparent;
	border-radius: 50%;
}

.projectMenuOld {
	width: 24px;
	height: 24px;
	background-image: url("images/projectMenuNew.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.projectMenuNewHover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectMenuNewCircleHover.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #E39C12;
	background-color: transparent;
	border-radius: 50%;
}

.projectMenuOldHover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectMenuNewHover.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.projectInfo {
	width: 18px;
	height: 18px;
	background-image: url("images/projectInfo.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectInfoNew {
	width: 18px;
	height: 18px;
	background-image:
		url("images/promasch_project_information_icon_on_hover.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.orderValue {
	width: 18px;
	height: 18px;
	background-image: url("images/orderValue.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.budget {
	width: 18px;
	height: 18px;
	background-image: url("images/budget.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectCost {
	width: 18px;
	height: 18px;
	background-image: url("images/projectCost.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.bills {
	width: 18px;
	height: 18px;
	background-image: url("images/bills.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectStatus {
	width: 18px;
	height: 18px;
	background-image: url("images/projectStatus.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectTeam {
	width: 18px;
	height: 18px;
	background-image: url("images/projectTeam.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectIndents {
	width: 18px;
	height: 18px;
	background-image: url("images/indent_order_bill_icon.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectImages {
	width: 18px;
	height: 18px;
	background-image: url("images/projectImages.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectImagesReport {
	width: 18px;
	height: 18px;
	background-image: url("images/project_image_report_on_hover_icon.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectReports {
	width: 18px;
	height: 18px;
	background-image:
		url("images/promasch_project_report_analytic_icon_on_hover.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectStock {
	width: 18px;
	height: 18px;
	background-image: url("images/projectStock.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectPending {
	width: 24px;
	height: 24px;
	background-image: url("images/projectPendingNew.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectPending:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectPendingHover.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectNoPendingApproval {
	width: 24px;
	height: 24px;
	background-image: url("images/projectNoPendingApprovalNew.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectNoPendingApproval:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectNoPendingApprovalHover.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectPendingApproval {
	width: 24px;
	height: 24px;
	background-image: url("images/projectPendingApprovalNew.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectPendingApproval:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectPendingApprovalHover.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.infoIcon {
	width: 14px;
	height: 14px;
	background-image: url("images/info.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center;
	cursor: pointer;
}

.chevRight {
	width: 7px;
	height: 12px;
	background-image: url("images/chevRight.svg");
	background-repeat: no-repeat;
	background-size: 7px 12px;
	background-position: center;
}

.chevRightWhite {
	width: 7px;
	height: 12px;
	background-image: url("images/chevRightWhite.svg");
	background-repeat: no-repeat;
	background-size: 7px 12px;
	background-position: center;
}

.chevRightOrange {
	width: 7px;
	height: 12px;
	background-image: url("images/chevRightOrange.png");
	background-repeat: no-repeat;
	background-size: 7px 12px;
	background-position: center;
}

.chevDownSmallConstructionary {
	width: 12px;
	height: 12px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.partSearchTBTextBox {
	background: transparent;
	height: 40px;
	outline: none;
	border: transparent;
	padding-left: 12px;
}

.orderSearchTBTextBox {
	background: #FFFFFF;
	outline: none;
	border: transparent;
	box-sizing: border-box;
	border-radius: 2px;
	height: 28px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.partSearchTB {
	height: 40px;
	background: #FFFFFF;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 25px;
	margin-right: 6%;
}

.searchTBPanel {
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	width: 200px;
}

.expandIcon {
	width: 24px;
	height: 24px;
	background-image: url("images/expandRight.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.noRecordsText {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	margin-left: 20px;
	margin-top: 20px;
}

.orderSearchTBPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.orderSearchTBPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.orderSearchTBPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.orderSearchTBPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.partSearchTBPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchTBPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchTBPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchTBPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchPopup {
	width: 569px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.25);
	box-sizing: border-box;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	height: 231px;
}

.partSearchPopupNoWidth {
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.25);
	box-sizing: border-box;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	height: 231px;
}

.partSearchPopupRow {
	padding-left: 16px;
}

.partSearchMatchFolder {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #735F06;
}

.partSearchNotMatchFolder {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #828282;
	opacity: 0.6;
}

.partSearchMatch {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #735F06;
	cursor: pointer;
}

.partSearchNotMatch {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #828282;
	opacity: 0.6;
	cursor: pointer;
}

.partRowPadding {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
}

.partSearchTableBorder {
	width: 12px;
	height: 12px;
}

.partSearchTableHorizontalLine {
	border-left: 1px solid #EAE9E8;
	border-bottom: 1px solid #EAE9E8;
	height: 10px;
	width: 10px;
}

.rightFolderTile {
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	margin-left: 30px;
	margin-top: 24px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.rightFolderTileHover {
	background: #FFFFFF;
	mix-blend-mode: normal;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 2px;
	margin-left: 30px;
	margin-top: 24px;
	box-shadow: 0px 5px 10px 20px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.rightFolderTileHoverTopBar {
	height: 4px;
	width: 100%;
	background: #D9B410;
	border-radius: 2px 2px 0px 0px;
}

.categoryTileHoverTopBar {
	height: 4px;
	width: 100%;
	background: #735F06;
	border-radius: 2px 2px 0px 0px;
}

.expand {
	width: 24px;
	height: 24px;
	background-image: url("images/expand.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.collapse {
	width: 24px;
	height: 24px;
	background-image: url("images/collapse.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.chevDownSmallConstructionary {
	width: 12px;
	height: 12px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.partNameTextAddPartNoPadding {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partTileHover {
	background: #F5F4EE;
}

.folderTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.3;
	padding-left: 15px;
}

.categoryTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.6;
}

.compAddAnchor {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchorPaddingDisabled {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPadding {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}
/* .partCompareBar
{
	height: 48px;
	background-color: #735F06;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 23px;
} */
.partCompareBar_search {
	vertical-align: baseline;
	height: 55px;
	background-color: #735F06;
	padding-right: 23px;
}

.partCompareBar_sort {
	vertical-align: baseline;
	padding-top: 22px;
	height: 55px;
	background-color: #735F06;
	padding-right: 23px;
}

.partCompareBar_compare {
	vertical-align: top;
	padding-top: 22px;
	height: 55px;
	background-color: #735F06;
	padding-right: 23px;
}

.partCompareBar_compare_small {
	vertical-align: top;
	padding-top: 22px;
	height: 35px;
	background-color: #735F06;
	padding-right: 23px;
}
.partCompareBarNoPadding {
	height: 48px;
	line-height: 48px;
	background-color: #735F06;
	padding-top: 8px;
	padding-bottom: 8px;
}

.compareButton {
	height: 32px;
	background: #FADC19;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.compareButton_new {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	margin-right: 6px;
}

.compareButton_newMargin {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	margin-right: 16px;
}

.compareButtonText_new {
	background-color: #FFD400;
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
	line-height: 14px;
}

.compareButtonMargin {
	width: 129px;
	height: 32px;
	background: #FFFFFF;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 16px;
}

.compareText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #323133;
	opacity: 0.9;
	/* #7A6600; */
}

.compareTextPadding {
	padding-left: 14px;
}

.compareTextPaddingBoth {
	padding-left: 14px;
	padding-right: 14px;
}

.comparePopup {
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	border-radius: 4px;
}

.paddingLeftComparePopup {
	padding-left: 25px;
}

.compareTextGray {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #323133;
	/* #828282; */
	opacity: 0.9;
}

.comparePopupHeader {
	background: #F5F5F5;
	height: 55px;
	width: 100%;
}

.comparePopupCompareText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}

.comparePopupCompareButton {
	width: 129px;
	height: 32px;
	background: #735F06;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.addPopupCompareButton {
	height: 32px;
	background: #735F06;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.partsCompareTable {
	border-top: 2px solid #EFEFEF;
	border-left: 3px solid #EFEFEF;
}

.partsCompareHeader {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: #3D3C3A;
	padding-left: 15px;
}

.folderTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.3;
	padding-left: 15px;
}

.partsCompareHeaderBack {
	background-color: #F5F5F5;
	width: 100%;
	height: 78px;
	padding-right: 150px;
}

.showOnlySelectedOuterTrueBrown {
	background: #735F06;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	cursor: pointer;
	text-align: right;
	border: 1px solid #d9b40f;
}

.highlightDiffText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
}

.highlightDiffTextGray {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	opacity: 0.5;
}

.partsCompareSpecTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #333230;
	padding-left: 15px;
}

.partsComparePartName {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	color: #333230;
	padding-left: 15px;
}

.partsCompareSpecName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	padding-left: 10px;
	background: white;
}

.partsCompareSpecNameBold {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	padding-left: 10px;
}

.partsCompareSpecNameDiff {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	padding-left: 10px;
	background-color: white;
	opacity: 1.0;
}

.partsCompareSpecValue {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;;
	opacity: 0.5;
	padding-left: 10px;
}

.partsCompareSpecValueDiff {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	padding-left: 10px;
	background-color: #F7F5F0;
	opacity: 1.0;
	word-break: break-all;
}

.specFilterNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 6%;
	margin-right: 6%;
	padding-left: 3%;
	padding-right: 3%;
}

.specFilterNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 6%;
	margin-right: 6%;
	padding-left: 3%;
}

.filterBySpecsNoBorder {
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 6%;
	margin-right: 6%;
}

.filterBySpecsText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	mix-blend-mode: normal;
}

.specFilterPopupPanel {
	background: #FFFFFF;
	border: 1px solid #7A6600;
	box-sizing: border-box;
	border-radius: 2px;
	height: 347px;
}

.unspecPartsPopupPanel {
	background: #FFFFFF;
	border: 1px solid #7A6600;
	box-sizing: border-box;
	border-radius: 2px;
	height: 375px;
}

.specFilterPopupPanelName {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #7A6600;
}

.specFilterSearchBox {
	height: 100%;
	background: #F5F4EE;
}

.specFilterSearchBoxPlaceHolder::-webkit-input-placeholder {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	opacity: 0.52
}

.specFilterSearchBoxPlaceHolder:-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.specFilterSearchBoxPlaceHolder::-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.specFilterSearchBoxPlaceHolder:-ms-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	ffont-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.closeButtonConstructionarySmall {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 28px;
	height: 28px;
	line-height: : 28px;
	text-align: center;
	vertical-align: middle;
	padding-left: 9px;
	padding-right: 9px;
}

.refreshIconFilter {
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	height: 32px;
	width: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
}

.closeIconConstructionary {
	background-image: url(images/close.svg);
	background-repeat: no-repeat;
	height: 8px;
	width: 8px;
}

.closeButtonFilterNew {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
}

.closeButtonConstructionary {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	padding-left: 11px;
	padding-right: 11px;
}

.filterMenu {
	height: 100%;
	background: #F5F5F5;
	border-top: 1px solid #E2E1E1;
	border-bottom: 1px solid #E2E1E1;
	box-sizing: border-box;
}

.filterMenuSelectedCell {
	border-bottom: 2px solid #7A6600;
}

.filterMenuAnchor {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchor:link {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchor:visited {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchor:hover {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchor:active {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchorSelected {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:link {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:visited {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:hover {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:active {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.folderIcon {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 8px;
}

.folderIconExpandedRight {
	background-image: url(images/folderTileExpanded.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 8px;
}

.folderIconSearch {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 10px;
	width: 12.5px;
	background-size: 12.5px 10px;
	text-decoration: none;
	margin-right: 2px;
}

.categoryIcon {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 15px;
	margin-top: 8px;
}

.categoryIconSearch {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 10px;
	width: 12.5px;
	background-size: 12.5px 10px;
	text-decoration: none;
	margin-right: 2px;
}

.categoryIconHeader {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
}

.folderIconExpanded {
	background-image: url(images/folderTileExpanded.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 8px;
	margin-top: 8px;
}

.folderIconExpandedHeader {
	background-image: url(images/folderTileExpanded.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
}

.folderName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #333230;
	padding-left: 9.5px;
	padding-top: 10px;
}

.categoryName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10.5px;
	line-height: 12px;
	color: #735F06;
	padding-left: 1px;
	padding-top: 10px;
	opacity: 0.9;
}

.folderNameSmall {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: 13px;
	color: #333230;
	padding-left: 1px;
	padding-top: 0px;
}

.folderNameBig {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12.5px;
	line-height: 13px;
	color: #333230;
	padding-left: 1px;
	padding-top: 0px;
}

.categoryNameHeader {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10.5px;
	line-height: 12px;
	color: #735F06;
	opacity: 0.9;
}

.folderNameExpanded {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
	padding-left: 9.5px;
	padding-top: 10px;
	Fill: Solid;
}

.folderDetails {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.4;
	padding-left: 9.5px;
}

.folderDetailsDA {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.4;
	padding-left: 9.5px;
}

.categoryDetails {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: 9px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.45;
	padding-left: 1px;
}

.categoryDetailsDA {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	line-height: 9px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.45;
	padding-left: 1px;
}

.folderDetailsExpanded {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #735F06;
	mix-blend-mode: normal;
	opacity: 50%;
	padding-left: 9.5px;
	Blend: Normal;
	Fill: Solid;
}

.chevDownSmall {
	width: 12px;
	height: 12px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	margin-right: 12px;
	cursor: pointer;
}

.chevUpSmall {
	width: 12px;
	height: 12px;
	background-image: url("images/chevup.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	margin-right: 12px;
	cursor: pointer;
}

.categorySearchBox {
	border: 1px solid #DCD7C1;
	border-radius: 2px;
	margin-left: 4px;
	margin-right: 8px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 8px;
	width: 95%;
	padding-left: 8px;
}

.categorySearchBoxSmall {
	border: 1px solid #DCD7C1;
	border-radius: 2px;
	margin-left: 4px;
	margin-right: 8px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 8px;
	width: 240px;
	padding-left: 8px;
	padding-right: 8px;
}

.categorySearchBoxPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.categorySearchBoxPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.categorySearchBoxPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.categorySearchBoxPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.folderExplorer {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	mix-blend-mode: normal;
}

.ConstructionaryDetailsPanel {
	height: 48px;
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	padding-left: 20px;
}

.ClearAllPanel {
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.folderExplorerPanel {
	height: 48px;
	background: #E7E5E3;
	border: 1px solid #E0E0E0;
	padding-left: 20px;
}

.folderNameRight {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #735F06;
	padding-left: 4px;
}

.folderNameRightSmall {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	padding-left: 4px;
}

.folderNameRightDisabled {
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	color: #333230;
	opacity: 0.5;
}

.folderDetailsRightNumber {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	color: #333333;
	mix-blend-mode: normal;
	opacity: 0.8;
}

.folderDetailsRight {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	mix-blend-mode: normal;
	opacity: 0.6;
	padding-left: 4px;
	padding-right: 40px;
}

.folderDetailsRightNoPadding {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	mix-blend-mode: normal;
	opacity: 0.6;
	padding-left: 4px;
	padding-right: 4px;
}

.partDetailsRight {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #735F06;
	padding-right: 2px;
}

.partDetailsRightOpaque {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #735F06;
	opacity: 0.4;
}

.partUsed {
	width: 12px;
	height: 14px;
	background-image: url("images/partused.svg");
	background-repeat: no-repeat;
	background-size: 12px 14px;
	background-position: center;
}

.projectReportHeaderBlack {
	background: #000000;
	color: black;
	border-radius: 20px;
	font-family: Roboto;
	padding: 4px 6px;
}

.curvedBorders {
	border-radius: 4px;
	background-color: rgb(0, 0, 0);
	padding: 4px;
	margin-top: 4px;
	height: 25px;
}

.textBoxInBlack {
	background-color: #000000;
	border-width: 0px 0px 0px;
	color: white;
	font-weight: bold;
	border-bottom: 1px solid white;
}

.textBoxInWhite {
	margin-top: 3px;
	background-color: #FFFFFF;
	border-width: 0px 0px 0px;
	color: black;
	font-weight: bold;
	border-bottom: 1px solid black;
}

.projectReportHeaderWhite {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px solid lightgray;
	color: black;
	padding: 2px;
	background: white;
	margin-top: 20px
}

.reportTitleTextBox {
	font-weight: 600;
	color: rgb(0, 0, 0);
	padding: 8px;
	margin: 16px;
}

.imageBox {
	background-color: white;
	padding: 10px;
	height: 358px;
	width: 178px;
	border: 1px solid gray;
	border-radius: 7px;
}

.imageBoxChecked {
	background-color: white;
	padding: 10px;
	height: 358px;
	width: 178px;
	border: 1px solid gray;
	border-radius: 7px;
	box-shadow: 0px 1px 19px 4px #888888;
}

.groupingKeyHorizonatPanelForReport {
	background-color: white;
	padding: 18px;
	border: 1px solid lightgray;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.orderListGroupPadding {
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	border-radius: 7px;
	box-shadow: 0px 1px 19px 4px #888888;
	text-align: center;
	align-content: center
}

.textbox_css {
	padding: 5px 4px;
	border: 1px solid #ccc;
	/* border-top: 1px solid #999; */
	font-size: small;
	font-family: Arial Unicode MS, Arial, sans-serif;
	background-color: white;
}

.borderradius_css {
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.borderRadius {
	border-radius: 4px;
}

.RAISED-BY {
	width: 50px;
	height: 8px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.approved_by_name_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	/* line-height: 2; */
	letter-spacing: normal;
	color: #000000;
}

.approved_by_name_panel .text-style-1 {
	font-size: 8px;
}

.APPROVED-BY {
	width: 90px;
	height: 12px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.Rectangle {
	width: 737px;
	height: 83px;
	border-radius: 8px;
	background-color: #ffffff;
}

.rectangle_order_panel {
	width: 100%;
	height: 15px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	background-color: #dfdfdf;
	cursor: pointer;
}

.rectangle_order_panel:hover {
	cursor: pointer;
}

.Rectangle-Main {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	/* box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.35); */
	border: solid 1px #e1e1e1;
	background-color: #f2f2f2;
}

.VENDOR {
	width: 24px;
	height: 8px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.Abad-Insulation-Pvt {
	width: 91px;
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #000000;
}

.ENTITY {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/*  margin-top: 3%; */
}

.order_no_panel_css {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #000000;
}

.order_no_panel_css:hover {
	cursor: pointer;
	color: #ce814a;
}

.order_no {
	width: 100%;
	height: 8px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #000000;
}

.Fill-2 {
	width: 12px;
	height: 12px;
	background-color: #000000;
}

.BORDER-Rectangle:hover {
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
	cursor: pointer;
}

.items_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 3%; */
}

.column_label {
	/* width: 95px; */
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #000000;
	margin-top: 2px;
	/* margin-bottom: 2px; */
}

.locations_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/*  margin-top: 3%; */
}

.ORDER-VALUE-SAVING {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 3%; */
	margin-left: 10px;
}

.ORDER-VALUE-STATUS {
	width: 100px;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	margin-top: 3%;
	padding-left: 5px;
}

.TOTAL_VALUE {
	width: 90px;
	height: 14px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
	margin-left: 10px;
	margin-top: 20px;
}

.BILLS-5 {
	width: 50px;
	height: 14px;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
}

.TOTAL_VALUE_LABEL {
	width: 100%;
	height: 18px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.7;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin-left: 1%;
	margin-top: 10px;
	text-align: left;
}

.TOTAL_VALUE_LABEL .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.YOU-CAN-SAVE {
	width: 100px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #fafafa;
	margin-left: 10px;
	margin-top: 3px;
}

.YOU_CAN_SAVE_LABEL {
	width: 100%;
	height: 26px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.17;
	letter-spacing: normal;
	color: #000000;
}

.YOU_CAN_SAVE_LABEL .text-style-1 {
	font-family: RupeeForadian;
	font-size: 20px;
	font-weight: normal;
}

.YOU_CAN_SAVE_LABEL .text-style-2 {
	font-size: 20px;
}

.YOU_CAN_SAVE_Rectangle {
	width: 174px;
	height: 70px;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	margin-top: 10px;
}

.YOU-CAN-Rectangle {
	width: 165px;
	height: 24px;
	border-radius: 4px;
	background-color: #81c695;
}

.info {
	width: 16px;
	height: 16px;
	object-fit: contain;
	margin-top: 35%;
}

.ORDER-NO-Rectangle {
	width: 1096px;
	height: 16px;
	border-radius: 8px;
	background-color: #dfdfdf;
}

.ORDERBILLRectangle {
	width: 121px;
	height: 44px;
	background-color: #9e9484;
}

.INDENTS-Rectangle {
	width: 108px;
	height: 28px;
	border-radius: 4px;
	background-color: #fee4ba;
}

.INDENTS-NAV {
	width: 42px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.percent {
	width: 60px;
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.13;
	letter-spacing: normal;
	text-align: right;
	color: #3491c8;
	text-align: left;
	margin-top: 5px;
}

.PENDING-VALUE {
	width: 76px;
	height: 8px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.TOTAL_VALUE_LABEL-Copy-2 {
	/* width: 85px; */ /* height: 14px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	text-align: left;
}

.TOTAL_VALUE_LABEL-Copy-2 .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.PENDING-Rectangle {
	width: 12px;
	height: 12px;
	border-radius: 1px;
	background-color: #cfeafc;
}

.Rectangle-Copy {
	width: 12px;
	height: 12px;
	border-radius: 1px;
	background-color: #3491c8;
}

/* .BORDER-Rectangle {
  width:  30px;
  height: 12px;
  border-radius: 4px;
  border: solid 2px #dcdcdc;
  background-color: #ffffff;
} */
.indent_rectangle_main {
	border-bottom-left-radius: 8px;
	background-color: #ffffff;
}

.project-type {
	width: 12px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	text-align: center;
	margin-top: 15%;
}

.Oval {
	width: 12px;
	height: 12px;
	background-color: #d8d8d8;
	border-radius: 8px;
	margin-top: 1px;
}

.indent_location_name_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color: #000000;
	margin-left: 3px;
}

.state_panel {
	width: 100%;
	height: 8px;
	font-family: Roboto;
	font-size: 9px;
	opacity: 0.54;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-left: 3%;
}

.ORDER-STATUS {
	width: 70px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.Path-2 {
	width: 90px;
	height: 1px;
	border: solid 1px #d7d7d7;
	margin-top: 7px;
}

.completed {
	width: 100px;
	height: 14px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
	margin-top: 20px;
	margin-left: 10px;
}

.ORDER-COUNT-POCHAL {
	width: 85px;
	height: 8px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.order_count_po_chal {
	width: 140px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.order_count_label_css {
	width: 85%;
	height: 14px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 10px; */
}

.po_label {
	width: 20px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.challan {
	width: 50px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.order_count_po_challan_panel_css {
	width: 40px;
	height: 14px;
	font-family: Roboto;
	font-size: 11px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
}

.square {
	height: 10px;
	width: 10px;
	background-color: #555;
	border-radius: 4px;
}

.materialsTotalHeader {
	background: #F5F5F5;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 4px;
}

.materialsTotalHeader:hover {
	cursor: pointer;
	color: #ce814a;
}

.materialsTotalHeaderSelected {
	cursor: pointer;
	color: #ce814a;
}

.rectangle {
	/* width: 280px;
  height: 90px; */
	border-radius: 8px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.27);
	background-color: #ffffff;
}

.rectangleDisabled {
	/* width: 280px;
  height: 90px; */
	border-radius: 8px;
	background-color: #f1f1f1;
	opacity: 0.5;
}

.rectangle:hover {
	border-radius: 8.5px;
	box-shadow: 0 2px 8px 0 #ce814a;
	transition: box-shadow .3s ease-out;
	background-color: #ffffff;
}

.orderListBox {
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	height: 40px;
	width: 120px;
	background-color: #ffc34f;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
}

select.orderListBox option {
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	font-weight: 500;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	width: 120px;
	text-align: center;
	background-color: #ffffff;
}

.orderListBox option {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background: "#123456"
}

.borderTopBottom {
	height: 40px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 -1px 0 0
		rgba(0, 0, 0, 0.05);
	border: solid 1px #e4e4e4;
	background-color: #ffffff;
}

.COMPLETION-COUNT {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.vendor_bill_count {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.po_bill_count {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 5px; */
}

.Path-19 {
	width: 11px;
	height: 8px;
	border: solid 2px #78de88;
}

.indent_raised_rectangle {
	width: 10px;
	height: 10px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #ce814a;
}

.status_name_in {
	width: 115px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 9px; */
}

.Indents-Orders-B {
	/* width: 95px;
  height: 28px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}

.INDENTS {
	width: 100%;
	height: 14px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.INDENTS_SMALL {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.NavigationRectangle {
	/* width: 121px;
  height: 420px; */
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17);
	background-color: #ffffff;
}

.NavigationDisabled {
	background-color: #dcdcdc;
}

.In-processDisabled {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	text-align: left;
	margin-top: 5px;
	text-align: left;
	margin-left: 8%;
	opacity: 0.3;
}

.In-process {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	text-align: left;
	margin-top: 5px;
	text-align: left;
	margin-left: 8%;
}

.Completed_Nav {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	text-align: left;
}

.Raised_Data {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
}

.In_process {
	/*  width: 100px; */
	height: 20px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	text-align: left;
	margin-left: 8%;
}

.ORDERS {
	width: 38px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.POName {
	width: 14px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.sidePanelTopPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	vertical-align: middle;
	border-bottom: 1px solid #D1D1D1;
}

.POP_UP_ORDER_NO {
	width: 145px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	margin-top: 6px;
	margin-left: 5px;
}

.POP_UP_HEADER_Rectangle {
	width: 100%;
	height: 32px;
	border-radius: 2px;
	background-color: #3e3e3e;
}

.POP_UP_Rectangle {
	width: 210px;
	/*  height: 220px; */
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.POP_UP_indent {
	width: 21px;
	height: 21px;
	object-fit: contain;
	margin-top: 5%;
}

.ORDER_COUNT {
	width: 150px;
	height: 15px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
}

.ORDER_NO_LABEL {
	width: 108px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.Order_NO_Rectangle {
	/* width: 210px; */
	height: 20px;
	background-color: #dfdfdf;
}

.PO_NO_LABEL {
	width: 110px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-left: 10px;
}

.VENDOR_LABEL {
	width: 40px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	position: relative;
	margin-right: 50px;
}

.Vendor-Name {
	width: 49px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.CANCEL_PANEL_WHITE {
	width: 20px;
	height: 20px;
	/*background-color: #ffffff;*/
	margin-top: 3px;
	font-size: 20px;
	color: white;
	font-weight: bold;
}

.TOTAL_VALUE_POP_UP_PANEL {
	width: 192px;
	height: 192px;
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.BASIC_CHARGE_LABEL {
	width: 210px;
	height: 71px;
	background-color: #efefef;
}

.BASIC-CHARGES-FONT {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 3%;
	margin-left: 4%;
}

.BASIC-CHARGES-XXX .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.BASIC_CHARGE_COLOR {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #f3bd78;
}

.OTHER_CHARGE_COLOR {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #eb9a9a;
}

.TAX_CHARGE_COLOR {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #b3f0db;
}

.CHARGE_HR {
	width: 170px;
	height: 2px;
	border: solid 1px #c7c7c7;
}

.TOTAL_BASIC_OTHER_CHARGE_LABEL {
	width: 100%;
	height: 9px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 3%;
	margin-left: 7%;
}

.TOTAL_BASIC_OTHER_PRICE_LABEL {
	width: 100% px;
	height: 14px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 2px;
	margin-left: 7%;
}

.TOTAL_BASIC_OTHER_PRICE_LABEL .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.TABLE_HEADER_BACKGROUND_COLOR {
	background-color: #dfdfdf;
}

.VENDOR-NAME_LABEL {
	width: 100%;
	height: 9px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.BILL_NO_LABEL_VALUE {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.BILL_NO_LABEL_VALUE .text-style-1 {
	font-size: 8px;
	font-weight: normal;
}

.INVOICE_NO_LABEL_VALUE {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.INVOICE_NO_LABEL_VALUE .text-style-1 {
	font-size: 10px;
	font-weight: bold;
}

.VENDOR_NAME_LABEL_PANEL {
	width: 100%;
	height: 28px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: right;
	color: #000000;
}

.LEFT_MARGIN_CSS {
	margin-left: 10px;
}

.BOTTOM_LEFT_BORDER_RADIUS {
	border-bottom-left-radius: 8px;
}

.DATA_VALUE_LABEL {
	width: 95%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.WIDTH_SIZE_FOR_LABEL {
	width: 100%;
}

.NAVIGATION_IMAGE_TOP_Rectangle {
	width: 80px;
	height: 60px;
	background-color: #f6c97f;
}

.NAVIGATION_ORDER_IMAGE_PANEL {
	margin-top: 21%;
	margin-left: 5%;
}

.ORDER_IMAGE_PANEL_LIST {
	width: 100%;
	/* height: 410px; */
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17);
	background-color: #fee4ba;
}

.NAVIGATION_PANEL_HR_LINE {
	width: 100%;
	height: 0px;
	opacity: 0.5;
	border: solid 1px #685d4c;
	margin-top: 10%;
}

.NAVIGATION_IMAGE_PANEL_MARGIN {
	margin-left: 20%;
	margin-top: 15%;
}

.NAVIGATION_VERTICAL_LINE {
	width: 0px;
	height: 144px;
	opacity: 0.5;
	border: solid 1px #000000;
	margin-left: 25px;
}

.SELECTED_ORDER_PANEL_CSS {
	width: 44px;
	height: 44px;
	background-color: #5e534b;
}

.HOVER_PANEL {
	width: 86px;
	height: 44px;
	/* border-radius: 4px; */
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	background-color: rgba(0, 0, 0, 0.51);
}

.SELECTED_ORDER_PANEL {
	width: 53px;
	height: 44px;
}

.SELECTED_ICON_CSS_WHITE {
	background-color: #ffffff;
}

.FILL_BACKGROUND_ICON_IMAGE {
	width: 20px;
	height: 20px;
	background-color: #000000;
}

.on_hover_panel_css {
	width: 100%;
	height: 44px;
	background-blend-mode: multiply;
	background-image: linear-gradient(to bottom, #d8d8d8, #d8d8d8);
}

.SELECTED_ELEMENT_BACKGROUND_COLOR {
	background-color: #5e534b;
}

.HOVER_ELEMENT_FONT_CSS {
	width: 64px;
	height: 28px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #ffffff;
	text-align: center;
	margin-top: 15px;
}

.border_shadow_effect {
	height: 70px;
	width: 80%;
	line-height: 70px;
	text-align: center;
	border-width: 2px solid #dd;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	transition: all 200ms ease-out;
}

.hover_order_list_style {
	width: 3px;
	height: 106px;
	background-color: #ce814a;
}

.hover_border_color_left {
	border-left-color: #ce814a;
	border-left-width: 3px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}

.approveBtn {
	width: 129px;
	height: 32px;
	background: #ffd400;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
	border: solid;
}

.drop_down_box_css {
	width: 141px;
	height: 32px;
	border-radius: 4px;
	border: solid 1px #d8d8d8;
}

.drop_down_box_font_style_css {
	/* width: 73px;
  height: 14px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #000000;
}

.pending_i_icon_styling_css {
	width: 4px;
	height: 24px;
	transform: rotate(-180deg);
	color: #ee3915;
	font-size: 20px;
	font-weight: bold;
	margin-left: 15px;
}

.raised_count_styling_css {
	/* width: 16px;
  height: 7px; */
	font-family: Roboto;
	font-size: 7px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	width: 22px;
	height: 8px;
	border-radius: 4px;
	background-color: #ee3915;
	margin-top: 5px;
	position: absolute;
	text-align: center;
	margin-left: 14px;
}

.pending_approval_outer_circle_css {
	width: 32px;
	height: 32px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
	border-radius: 20px;
}

.material_movement_styling_css {
	padding-top: 10px;
	width: 115px;
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.text_box_css_style {
	width: 281px;
	height: 23px;
	border-radius: 16px;
	background-color: #f2f2f2;
}

.filter_icon_css {
	width: 24px;
	height: 20px;
	padding-left: 10px;
	padding-top: 3px;
}

.text_box_text_css_style {
	/*  width: 74px;
  height: 14px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	/* color: #b9b9b9; */
	padding-left: 10px;
}

/* my css file*/
.saving_poup_outer {
	width: 372px;
	height: 147px;
	background-color: #646464;
	padding: 4px;
}

.saving_poup_inner {
	width: 100%;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
	padding-top: 2px;
}

.saving_poup_inner_small {
	width: 165px;
	height: 24px;
	border-radius: 4px;
	background-color: #81c695;
}

.saving_poup_inner_text {
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	margin-left: 5px;
	margin-top: 2px;
}

.saving_poup_inner_text .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.saving_poup_green_outer {
	width: 165px;
	height: 70px;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	margin-left: 10px;
}

.saving_poup_green_header {
	width: 165px;
	height: 24px;
	border-radius: 4px;
	background-color: #81c695;
}

.saving_poup_green_white_text {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #000000;
	margin-left: 1px;
	margin-top: 3px;
}

.you_can_save {
	width: 70px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #ffffff;
	padding-left: 6px;
}

.total_value_popUp {
	width: 250px;
	height: 49px;
	background-color: #646464;
}

.total_value_popUp_text {
	width: 110px;
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
}

.total_value_big_popup {
	width: 456px;
	height: 147px;
	background-color: #646464;
}

.total_value_big_popup_white_left {
	width: 216px;
	height: 70px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #f2f2f2;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.total_value_big_popup_white_right {
	width: 227px;
	height: 70px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #f2f2f2;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.total_value_big_popup_header_left {
	width: 216px;
	height: 24px;
	border-top-left-radius: 4px;
	/* border-radius: 4px; */
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	vertical-align: middle;
	padding: 4px;
}

.total_value_big_popup_header_right {
	width: 227px;
	height: 24px;
	border-top-right-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	vertical-align: middle;
	padding: 4px;
}

.total_value_big_popup_ver_line {
	height: 35px;
	opacity: 0.5;
	border: solid 1px #ffffff;
	margin-left: 3px
}

.total_value_big_popup_values {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #3491c8;
	padding: 4px;
}

.total_value_big_popup_values .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.COMPLETED-VALUE {
	width: 92px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #646464;
}

.you_can_save_pop_up_panel {
	width: 372px;
	height: 147px;
	background-color: #646464;
}

.vertical_line_style_css {
	width: 0px;
	height: 85px;
	border: solid 1px #ededed;
	/* margin-top: 5px; */
}

.image_pointer_enter_styling {
	cursor: pointer;
	cursor: hand;
}

.select_order_panel_style {
	/* width: 121px;
  height: 32px; */
	background-color: #5e534b !important;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	/* line-height: 2; */
	letter-spacing: normal;
	/* position: absolute; */
	width: 100%;
}

.select_label_text_color {
	color: #ffffff;
	font-weight: 900;
}

.border_radius_image {
	border-radius: 10px;
}

.transition_duration_time {
	transition-duration: 0.5s;
}

.sidePanelTopPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	vertical-align: middle;
	border-bottom: 1px solid #D1D1D1;
}

.searchPanelTopPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #D1D1D1;
}

.sidePanelTagsPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	vertical-align: middle;
	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
}

.sidePanelTitle {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.sideFilterNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 16%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}


.sideSelectorNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 8px;
	padding-left: 10px;
}
.sideFilterNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 16%;
	margin-right: 8px;
	padding-left: 3%;
}


.sideSelectorNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 8px;
	padding-left: 10px;
}

.outerPanelDisplay {
	width: 100%;
	padding-left: 8px;
}

.chevLeftNew {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	opacity: 0.4;
	padding-right: 12px;
}

.chevRightNew {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	opacity: 0.4;
}

.chevLeftNewTags {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left-circle-black.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	padding-right: 12px;
}

.chevLeftNewTagsDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left-circle-black.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	padding-right: 12px;
	opacity: 0.4
}

.chevLeftNewTags:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left-circle.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	padding-right: 12px;
}

.chevRightNewTags {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right-circle-black.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.chevRightNewTags:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right-circle.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.chevRightNewTagsDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right-circle-black.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	opacity: 0.4;
}

.chevLeftNewFCV {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-left-circle.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: white;
}

.chevLeftFCVBlack {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-left-circle-black.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: white;
}

.chevLeftFCVDisabled {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-left-circle-black.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	border-radius: 100%;
	background-color: white;
	opacity: 0.4;
}

.chevRightNewFCV {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-right-circle.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: white;
}

.chevRightFCVBlack {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-right-circle-black.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: white;
}

.chevRightFCVDisabled {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-right-circle-black.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	border-radius: 100%;
	background-color: white;
	opacity: 0.4;
}

.chevLeftNewDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	opacity: 0.1;
	padding-right: 12px;
}

.chevRightNewDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	opacity: 0.1;
}

.outerPanelSelected {
	width: 81px;
	height: 28px;
	border-radius: 14px;
	border: solid 1px #ffc34f;
	background-color: #fff3da;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #292929;
}

.outerPanelAvailable {
	width: 81px;
	height: 28px;
	border-radius: 14px;
	border: solid 1px #d3d3d3;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #292929;
}

.outerPanelUnavailable {
	width: 81px;
	height: 28px;
	border-radius: 14px;
	background-color: #dddddd;
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	color: #292929;
}

.outerPanelTable {
	margin-top: 10px;
	margin-bottom: 10px;
}

.tagAvailable {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.tagAvailable:hover {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	border: solid 1px #ffc34f;
	background-color: #fff3da;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.tagAvailablePipe {
	height: 24px;
	line-height: 24px;
	font-family: Roboto;
	font-size: 16px;
}

.tagDisabled {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	border: solid 1px #D1D1D1;
	background-color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	opacity: 0.4;
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.tagSelected {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	border: solid 1px #ffc34f;
	background-color: #fff3da;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.tagsBackground {
	background-color: #E3E6EB;
}

.resetAllIcon {
	background-image: url(images/refreshBlack.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.resetAllIconHover {
	background-image: url(images/refreshHover.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.resetAllText {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
}

.resetAllTextHover {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #f5b527;
	cursor: pointer;
}

.resetAllIconDisabled {
	opacity: 0.2;
	background-image: url(images/refresh.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	background-size: cover;
}

.resetAllTextDisabled {
	opacity: 0.2;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.divPOHoverInProcessTop {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #4f9cff;
	border-right: 1px solid #4f9cff;
	border-top: 1px solid #4f9cff;
	border-bottom: 1px solid #eeeeee;
}

.divPOHoverInProcessBottom {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #4f9cff;
	border-right: 1px solid #4f9cff;
	border-bottom: 1px solid #4f9cff;
	border-top: 1px solid #eeeeee;
}

.divPOHoverCompletedTop {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #a2d5ff;
	border-right: 1px solid #a2d5ff;
	border-top: 1px solid #a2d5ff;
	border-bottom: 1px solid #eeeeee;
}

.divPOHoverCompletedBottom {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #a2d5ff;
	border-right: 1px solid #a2d5ff;
	border-bottom: 1px solid #a2d5ff;
	border-top: 1px solid #eeeeee;
}

.sortingTable {
	width: 200px;
	height: 28px;
	border-radius: 2px;
	border: solid 1px #e0e0e0;
}

.sortingTableBorder {
	border: solid 1px #e0e0e0;
}

.sortingTableText {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 8px;
}

.sortingTableColumnSelected {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 4px;
}

.part_tile_sortingTableColumnSelected {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 4px;
}

.sortingTableDownArrow {
	background-image: url(images/arrow-drop-down.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	opacity: 0.6;
}

.sortOptionsHeader {
	height: 22px;
	opacity: 0.7;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 8px;
	border: solid 1px #dfdfdf;
}

.sortOptions {
	height: 30px;
	font-family: Roboto;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.87);
	border: solid 1px #dfdfdf;
	padding-left: 8px;
	cursor: pointer;
}

.resetIconFCV {
	background-image: url(images/refreshFilterFCV.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 0px #e0e0e0;
	background-color: transparent;
	text-align: center;
}

.resetIcon {
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.resetIconDisabled {
	opacity: 0.2;
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.filterIcon {
	background-image: url(images/filterNew.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.filterIconSelected {
	background-image: url(images/filterSelectedNew.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.filterIconFCV {
	background-image: url(images/filterFCV.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 0px #e0e0e0;
	background-color: transparent;
	text-align: center;
}

.filterIconSelectedFCV {
	background-image: url(images/filterSelectedFCV.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 0px #e0e0e0;
	background-color: transparent;
	text-align: center;
}

.sortAscending {
	background-image: url(images/sortAscending.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
}

.sortDescending {
	background-image: url(images/sortDescending.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
}

selectionPanel {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
}

.selectionPanelHover {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
}

.selectionWidgetNameOuterDouble {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 58px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.selectionWidgetNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
}

.circuitSelectionWidgetNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
}

.selectionWidgetNameOuterNoBorderDouble {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 58px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
}

.marginLeftSmall {
	margin-left: 1%;
}

.marginRight {
	margin-right: 5px;
}

.marginTop {
	margin-top: 5px;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip-right {
	top: -15px;
	left: 125%;
}

.tooltip .tooltiptext {
	width: 200px;
	background-color: white;
	color: black;
	border: 1px solid black;
	text-align: left;
	/* border-radius: 6px; */
	padding: 0px 0px 5px 5px;
	position: absolute;
	/* z-index: 1; */
	bottom: 125%;
	left: 95%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.filter_search_icon_style_css {
	margin-left: 6px;
	width: 17px;
	margin-top: 5px;
}

.float_pop_up_panel {
	width: 38px;
	height: 34px;
	box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.51);
	background-color: #f6a946;
	/*  left: 2950%;
  top: -90px; */
/*  z-index: 1; */
/*  position: relative; */
}

.refreshProject {
	height: 24px;
	width: 24px;
	background-image: url("images/refreshProject.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectRefreshShow {
	width: 38px;
	height: 34px;
	object-fit: contain;
	background-image: url("images/projectRefreshWhite.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
}

.arrow_drop_up {
	width: 16px;
	height: 16px;
	object-fit: contain;
	padding-top: 8px;
	padding-left: 10px;
}

.hover_panel {
	position: relative;
	display: inline-block;
}

.hover_panel .order_hover_panel {
	visibility: hidden;
	width: 124px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	left: 100px;
	bottom: -5px;
}

.hover_panel:hover .order_hover_panel {
	visibility: visible;
}

.categoryIconSearchSmall {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 8px;
	width: 10.5px;
	background-size: 10.5px 8px;
}

.folderIconSearchSmall {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 8px;
	width: 10.5px;
	background-size: 10.5px 8px;
	text-decoration: none;
	margin-right: 2px;
}

.outerMenuAnchor {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:link {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:visited {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:hover {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:active {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:link {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:visited {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:hover {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:active {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outMenuTable {
	border-radius: 3px;
	border: solid 1px #dfdfdf;
}

.outerMenuCellLeft {
	width: 80px;
	height: 20px;
	border-right: solid 1px #dfdfdf;
	background-color: #f4f4f4;
}

.outerMenuCellMiddle {
	width: 80px;
	height: 20px;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	background-color: #f4f4f4;
}

.outerMenuCellRight {
	width: 80px;
	height: 20px;
	border-left: solid 1px #dfdfdf;
	background-color: #f4f4f4;
}

.filterRangeText {
	text-decoration: none;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 32px;
	color: #735F06;
}

.filterRangeTextLeft {
	text-decoration: none;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 32px;
	color: #735F06;
	padding-left: 8px;
	padding-right: 4px;
}

.image_filter_reset_icon_inside {
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	background-size: 13px 13px;
	height: 13px;
	width: 13px;
	line-height: : 16px;
	text-align: center;
	vertical-align: middle;
}

.editIconConstructionary {
	background-image: url(images/pencil.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	height: 16px;
	width: 16px;
	line-height: : 16px;
	text-align: center;
	vertical-align: middle;
}

.applyIconConstructionary {
	background-image: url(images/check.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	height: 16px;
	width: 16px;
	line-height: : 16px;
	text-align: center;
	vertical-align: middle;
	margin-left: -6px;
	margin-top: -2px;
}

.closeButtonFilterSearchBox {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 28px;
	height: 28px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
}

.closeButtonFilter {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	margin-top: -1px;
}

.editButtonConstructionary {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 11px;
	margin-top: -1px;
}

.filter_check_mark_outer_box_css {
	background: #e5e5e5e5;
	border: 0px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 24px;
	height: 24px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	padding-left: 11px;
	padding-right: 11px;
	margin-top: -1px;
	margin-right: 5px;
}

.sideFilterSearchBoxPlaceHolder::-webkit-input-placeholder {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	opacity: 0.52;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: right;
}

.sideFilterSearchBoxPlaceHolder:-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 235px 0px;
}

.sideFilterSearchBoxPlaceHolder::-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 235px 0px;
}

.sideFilterSearchBoxPlaceHolder:-ms-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	ffont-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 235px 0px;
}

.projectSearchBoxTextBox {
	width: 331px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.estimateIcon {
	background-image: url(images/estimate.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 6px;
	text-align: right;
	line-height: 24px;
	vertical-align: middle;
	margin-top: 6px;
}

.onHoldIcon {
	background-image: url(images/onhold.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 4px;
	text-align: right;
	margin-top: 6px;
}

.completeIcon {
	background-image: url(images/complete.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 4px;
	text-align: right;
	margin-top: 6px;
}

.pipeSeparator {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.projectHeaderTwoTextRedNew {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: red;
}

.filterCBTextSmall {
	font-family: Roboto;
	font-size: 10px;
	color: #1b1b1b;
	line-height: 10px;
	text-align: left;
}

.filterCBItalic {
	font-style: italic;
	margin-top: 4px;
	margin-bottom: 4px;
}

.constructionaryCheckBoxLabelDisabledNoPadding {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #333230;
	opacity: 0.25;
}

.constructionaryCheckBoxLabelSelectedNoPadding {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #735F06;
}

.constructionaryCheckBoxLabelNoPadding {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.sidePanelCheckBoxLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.constructionaryCheckBoxLabelMatch {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #7A6600;
	opacity: 0.8;
}

.popupWidgetSidePanelFilter {
	background: #ffffff;
	box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.24), 0 0 16px 0
		rgba(0, 0, 0, 0.18);
}

.pie {
	background: #639;
	border-radius: 100%;
	height: calc(var(- -size, 200)* 1px);
	position: relative;
	width: calc(var(- -size, 200)* 1px);
}

.pie_segment { -
	-a: calc(var(- -over50, 0)* -100%); -
	-b: calc(( 1 + var(- -over50, 0))* 100%); -
	-degrees: calc(( var(- -offset, 0)/100)* 360);
	height: 100%;
	position: absolute;
	transform: translate(0, -50%) rotate(90deg) rotate(calc(var(- -degrees)*

		 1deg));
	clip-path: polygon(var(- -a) var(- -a), var(- -b) var(- -a), var(- -b)
		var(- -b), var(- -a) var(- -b));
	-webkit-clip-path: polygon(var(- -a) var(- -a), var(- -b) var(- -a),
		var(- -b) var(- -b), var(- -a) var(- -b));
	transform-origin: 50% 100%;
	width: 100%;
	background: var(- -bg, #e74c3c);
}

.indent_inprocess_pop_up_panel {
	width: 456px;
	height: 300px;
	background-color: #646464;
}

.white_font_total_label_style {
	width: 75px;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
}

.total_no_count_indent {
	width: 69px;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
}

.indent_inprocess_color_1 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #ffe8d7;
	margin-top: 30%;
}

.indent_inprocess_color_2 {
	margin-top: 47%;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #ce814a;
}

.indent_inprocess_color_3 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #6c513d;
	margin-top: 47%;
}

.indent_inprocess_color_4 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #b96021;
	margin-top: 47%;
}

.indent_inprocess_color_5 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #f2ad7c;
	margin-top: 47%;
}

.pop_up_detail_percent {
	width: 41px;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
	margin-left: 15%;
	margin-top: 15%;
}

.pop_up_details_style_css {
	width: 180px;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #ffffff;
	margin-bottom: 10px;
	margin-left: 10px;
}

.pop_up_panel_horizontal_line {
	width: 222px;
	height: 0px;
	border: solid 1px #ffffff;
	margin-top: 3%;
	margin-bottom: 3%;
}

.selected_label_background_color {
	background-color: #5e534b;
	width: 100%;
	/* height: 100%; */
}

.raised_order_count_oval_css {
	width: 14px;
	height: 14px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	background-color: #ee3915;
	border-radius: 10px;
}

.raised_order_count_oval_css_in_exp {
	width: 18px;
	height: 18px;
	margin-top: 5px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	background-color: #ee3915;
	border-radius: 10px;
}

.raised_order_count_icon_css {
	height: 10px;
	color: white;
	/*  margin-top: 4px; */
	text-align: center;
}

.raised_order_count_icon_css_for_exp {
	height: 10px;
	color: white;
	text-align: center;
	font-size: 10px;
	margin-top: 4px;
	font-family: Roboto;
}

.header_top_most_dropdown_css {
	width: 109px;
	font-size: 10px;
	/*  font-weight: bolder; */
	padding-top: 13px;
	padding-left: 6px;
	opacity: 0.6;
	color: #323133;
}

.reset_border_radius_css {
	border-radius: 0px;
}

.topheader_style_css {
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	/* color: #ee3915; */
}

.header_icon_styling_css {
	height: 12px;
	width: 12px;
}

.header_icon_styling_css:hover {
	border-radius: 10px;
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.completed_amount_styling_css {
	/* width: 46px;
  height: 14px; */
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin-left: 3px;
	margin-top: 21px;
}

.completed_amount_styling_css .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.approveOrderNameText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.tooltip_horizontalpanel {
	border: 1px solid black;
	height: 20px;
}

.tooltip_horizontalpanel_wide {
	border: 1px solid black;
	height: 20px;
	display: block;
}

.header_info_icon_hover_css {
	border-radius: 10px;
}

.header_info_icon_hover_css:hover {
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.order_list_style_css_on_hover:hover {
	/* border-left-color: #ce814a; */ /* border-left: 10px solid #ce814a;
  border-left-width: 3px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
   */
	padding-left: 1px;
}

.order_name {
	margin: 5px;
	font-weight: bold;
	font-family: Roboto;
	font-size: 10px;
}

.Rectangle-Main:hover {
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.35);
}

.html_border_left_css {
	border-left: 10px solid #ce814a;
	border-left-width: 3px;
	height: 100%;
}

.indent_price_info_text_css {
	padding-top: 12px;
	padding-left: 20px;
	padding-right: 20px;
	/* opacity:0.8; */
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	text-align: left;
	font-size: 10px;
}

.indent_price_info_box_css {
	height: 75px;
	width: 280px;
	background-image: url("images/redPanel.png");
	background-repeat: no-repeat;
	background-size: 280px 75px;
	background-position: left;
}

.hover_bill_no_css {

}

.hover_bill_no_css:hover {
	cursor: pointer;
	color: #ce814a;
}

.tableWithRowsDelimiter {
	border-bottom: 2px solid;
}

.margin_left_order_name {
	margin-left: 8%;
}

.checkbox_style_css * {
	width: 18px;
	height: 18px;
}

.mainbox {
	display: block;
	position: relative;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 2px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mainbox .input_type_style_css {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox_style_css {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border: 2px solid;
	/* background-color: #eee; */
}

.mainbox .input_type_style_css:checked ~ .checkbox_style_css {
	background-color: yellow;
}

.checkbox_style_css:after {
	content: "";
	position: absolute;
	display: none;
}

.mainbox .input_type_style_css:checked ~ .checkbox_style_css:after {
	display: block;
}

.mainbox .checkbox_style_css:after {
	left: 5px;
	top: -3px;
	width: 6px;
	height: 15px;
	border: solid white;
	border-width: 0 5px 5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.outer_checkbox_style_css {
	margin-top: 8px;
	margin-left: 5px;
	/* border: 1px solid #333; */
}

.outer_checkbox_style_css_disabled {
	margin-top: 8px;
	margin-left: 5px;
	/* border: 1px solid #333;
    cursor: auto;
    opacity: 0.3; */
}

.outer_checkbox_style_css_background_color {
	/* background-color: #ffc34f;
	border: 1px solid #ffc34f; */

}

.divPoupStatusHeaderButton_style_css {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	width: 128px;
	height: 34px;
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 120px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.divPoupStatusHeaderButton_style_css_disabled {
	background: #dcdcdc;
	width: 128px;
	height: 34px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #999999;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	outline: none;
}

.location_type_style_css {
	height: 10px;
	width: 10px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
	padding-top: 2px;
}

.navigation_panel_background_color:hover {
	background-color: #ab9a8b;
}

.In_process:hover {
	color: white;
}

.In-process:hover {
	color: white;
}

.general_hover_effect_PMM {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	cursor: pointer;
	color: #ce814a;
}

.sortDescending {
	background-image: url(images/sortDescending.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
}

.box input[type="checkbox"] {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
	margin-left: 0px;
}

.box label {
	position: relative;
}

.selectionPanelHover {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
}

.selectionWidgetNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.circuitSelectionWidgetNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.unspecPartHeaderTile {
	width: 100%;
	height: 20px;
	background: #F7F7F6;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
	margin-top: 20px;
}

.unspecPartTileLeftMargin {
	padding-left: 4%;
}

.unspecPartTileLeftMarginSmall {
	padding-left: 1%;
}

.redBorder {
	border: 1px solid red;
}

.box label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
	transition: transform 0.28s ease;
	border: 1px solid #333;
}

.box label:after {
	content: '';
	display: block;
	width: 11px;
	height: 5px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	-webkit-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
	transition: transform ease 0.25s;
	will-change: transform;
	position: absolute;
	top: 3px;
	left: 3px;
}

.box input[type="checkbox"]:checked ~ label::before {
	background-color: #ffc34f;
	border: 2px solid #ffc34f;
}

.box input[type="checkbox"]:checked ~ label::after {
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}

.box label {
	display: block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	vertical-align: sub;
}

.box input[type="checkbox"]:focus+label::before {
	outline: 0;
}

.project_menu_back_image_css {
	margin: 3px;
	margin-left: 5px;
	margin-right: 5px;
	height: 20px;
}

.project_menu_font_family {
	font-family: Montserrat;
	font-weight: 700;
	color: #494949;
	/* 	letter-spacing: 1px; */
}

.project_menu_header_css_border_radius {
	border-radius: 2px;
	background-color: white;
	height: 35px;
}

.project_back_icon_style_css {
	/* transform: rotate(270deg); */
	margin: 10px;
	/* margin-top: 15px; */
	height: 20px;
	margin-right: 5px;
}

.project_dashboard_order_status_css {
	font-size: 12px;
	font-family: Montserrat;
	letter-spacing: 1px;
	font-weight: bolder;
	margin-top: 3px;
	margin-left: 5px;
	color: #494949;
}

.project_via_po_stack_bar_graph_css {
	border: 1px solid #F5A623;
	background-color: white;
}

.project_via_challan_stack_bar_graph_css {
	border: 1px solid #5793F3;
	background-color: white;
}

.project_via_material_out_stack_bar_graph_css {
	border: 1px solid #E74C3C;
	background-color: white;
}

.project_via_service_stack_bar_graph_css {
	border: 1px solid #37434C;
	background-color: white;
}

.rotate_stacked_bar_graph_css {
	transform: rotate(180deg);
}

.stacked_graph_border_line {
	border-left: 1.5px solid;
	border-bottom: 2px solid black;
}

.stacked_bottom_graph_left_border {
	border-left: 1.5px solid;
}

.project_dashboard_border_css {
	border: 1px solid;
}

.font_family_roboto_for_project {
	font-family: roboto;
}

.project_dashboard_border_bottom_css {
	border-bottom: 1px solid #494949;
}

.project_dash_board_onhover_css {
	border-top: 4px solid #E29B19;
	color: #E29B19;
}

.project_border_spacing_css {
	border-spacing: 0;
}

.project_dash_board_onhover_border_css {
	border-top: 4px solid #E29B19;
}

.project_dash_board_on_hover_font_color * {
	color: #E29B19;
}

.project_dash_board_on_hover_font_color_on_p {
	color: #E29B19;
}

.project_dash_project_progress_bar_css {
	position: relative;
	top: 5px;
}

.fcv_tile {
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px red;
	width: 318px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.fcv_tile_big {
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px red;
	width: 618px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

/* .fcv_tile_big {
 border-radius: 4px;
 padding-left:40px;
 padding-right: 40px;
 padding-top: 10px;
 padding-bottom: 10px;
 width: 788px;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 5px;
}*/
.fcv_tile_header {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 318px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.fcv_tile_header_empty {
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #f5f5f5;
	text-align: center;
	vertical-align: middle;
}

.fcv_tile_header_big {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 500px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
/*.fcv_tile_header_big {
 padding-left:5px;
 padding-right: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
 width: 788px;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 5px;
}*/
.fcv_tile_header_padding {
	padding-left: 16px;
	padding-right: 5px;
	margin-bottom: 5px;
}

.fcv_tile_empty {
	border-radius: 4px;
	width: 328px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.fcv_sub_tile_empty {
	border-radius: 4px;
}

.fcv_sub_tile {
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	border: 1px red;
}

.fcv_sub_tile_top {
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: 1px red;
}

.tile_separator {
	height: 20px;
}

.fcv_header_pivot {
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.32);
	background-color: #0e1920;
}

.fcv_header {
	box-shadow: 1px 1px 0 0 rgba(109, 109, 109, 0.5);
	background-color: #254051;
}

.fcv_folder_pivot {
	background-color: #e9ebed;
}

.fcv_folder_right {
	background-color: #ffffff;
}

.fcv_folder_empty {
	background-color: #f5f5f5;
	margin: auto;
	text-align: center;
	vertical-align: middle;
}

.fcv_category_pivot {
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.24);
	background-color: #f9e9e3;
}

.fcv_category_right {
	background-color: #fff7f4;
}

.fcv_part_pivot {
	box-shadow: 1px 1px 0 0 rgba(177, 177, 177, 0.5);
	background-color: #e9f0f7;
}

.fcv_part_right {
	box-shadow: 1px 1px 0 0 rgba(177, 177, 177, 0.5);
	background-color: #f7fbff;
}

.folderExpandNew {
	background-color: #d8d8d8;
	width: 14px;
	height: 14px;
	border-radius: 100%;
}

.folderExpandNewBig {
	background-color: #d8d8d8;
	width: 18px;
	height: 18px;
	border-radius: 100%;
}

.infoCircleBlack {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border: 1px solid #001325;
}

.infoCircleBlackBig {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 1px solid #001325;
}

.infoCircleWhite {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border: 1px solid #ffffff;
}

.infoCircleWhiteBig {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 1px solid #ffffff;
}

.infoTextWhite {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
	text-align: center;
}

.infoTextWhiteBig {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
	text-align: center;
}

.infoTextWhiteSmall {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
	text-align: center;
}

.infoTextWhiteSmallBig {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
	text-align: center;
}

.infoCircleGrey {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	opacity: 0.64;
	border: solid 1px #001325;
}

.infoCircleGreyBig {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	opacity: 0.64;
	border: solid 1px #001325;
}

.infoTextGray {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #001325;
	letter-spacing: 0;
	text-align: center;
	line-height: 12px;
	vertical-align: middle;
}

.infoTextGrayBig {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	letter-spacing: 0;
	text-align: center;
	line-height: 16px;
	vertical-align: middle;
}

.folderExpandTextNew {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	letter-spacing: 0;
	text-align: center;
	line-height: 15px;
	vertical-align: middle;
}

.folderExpandTextNewBig {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	letter-spacing: 0;
	text-align: center;
	line-height: 16px;
	vertical-align: middle;
}

.fcv_header_top_row {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
}

.fcv_header_top_row_big {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
}

.fcv_tile_top_row {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.fcv_tile_top_row_big {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.fcv_header_middle_row {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #ffffff;
}

.fcv_header_middle_row_big {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

.fcv_tile_middle_row {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #001325;
}

.fcv_tile_middle_row_big {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #001325;
}

.fcv_header_third_row {
	font-family: Roboto;
	font-size: 6px;
	color: #ffffff;
	height: 8px;
	border: 1px solid transparent;
}

.fcv_header_third_row_big {
	font-family: Roboto;
	font-size: 10px;
	color: #ffffff;
}

.fcv_tile_third_row {
	font-family: Roboto;
	font-size: 6px;
	color: #001325;
	height: 8px;
	border: 1px solid transparent;
}

.fcv_tile_third_row_red {
	font-family: Roboto;
	font-size: 6px;
	color: white;
	height: 8px;
	border: 1px solid transparent;
	background-color: red;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 6px;
	margin-top: -3px;
}

.fcv_tile_third_row_big {
	font-family: Roboto;
	font-size: 10px;
	color: #001325;
}

.pointertilesBlackFCVBig {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCVBig:link {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCVBig:visited {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCVBig:hover {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCVBig:active {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.fcvMouseOver {
	background-color: #C9C7C8;
	cursor: pointer;
	padding: 2px 2px 2px 2px;
}

.fcvMouseOut {
	padding: 2px 2px 2px 2px;
}

.pointertilesWhiteFCV {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCV:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCV:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCV:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCV:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig:link {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig:visited {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig:hover {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig:active {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.tilesOrangeFCVText {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
}

.pointertilesOrangeFCV {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCV:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCV:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCV:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCV:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig:link {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig:visited {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig:hover {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig:active {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.fcvEmptyRow {
	background: #dcdcdc;
	border-radius: 4px;
	width: 128px;
	height: 34px;
	background-image: url("images/popupStatusHeaderButton.png");
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 120px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #999999;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	outline: none;
}

* /
.divPoupStatusHeaderButtonCircuitRight {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	width: 100px;
	height: 34px;
	background-image: url("images/popupStatusHeaderButtonRight.png");
	background-repeat: no-repeat;
	background-size: 5px 11px;
	background-position: 92px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.divPoupStatusHeaderButtonCircuit {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	width: 100px;
	height: 34px;
	background-image: url("images/popupStatusHeaderButton.png");
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 92px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.divButtonNew {
	background: #ffd400;
	border: 1px solid #fadc19;
	border-radius: 4px;
	height: 34px;
	padding-left: 10px;
	padding-right: 10px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.divIconButton {
	background: #ffd400;
	border: 1px solid #fadc19;
	border-radius: 4px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.orderPopupTableCircuit {
	width: 114px;
	font-family: Roboto;
	font-size: 11px;
	color: #323133;
	background: #ffd400;
}

.orderPopupTable {
	width: 142px;
	font-family: Roboto;
	font-size: 11px;
	color: #323133;
	background: #ffd400;
}

.tableHeadingRow {
	background: #f5f5f5;
	background-color: #f5f5f5;
}

.orderPopupTableRow {
	opacity: 0.8;
	cursor: pointer;
}

.orderPopupTableRowDisabled {
	opacity: 0.25;
	cursor: auto;
}

.orderPopupTableCell {
	border-top: 1px solid #d6b300;
	border-bottom: 1px solid #d6b300;
}

.divPO {
	width: 100%;
	height: 35px;
	background-image: url("images/poicon.png");
	background-repeat: no-repeat;
	background-size: 15px 16px;
	background-position: center;
}

.divWO {
	width: 100%;
	height: 35px;
	background-image: url("images/woicon.png");
	background-repeat: no-repeat;
	background-size: 15px 16px;
	background-position: center;
}

.divChallan {
	width: 100%;
	height: 35px;
	background-image: url("images/challanicon.png");
	background-repeat: no-repeat;
	background-size: 15px 16px;
	background-position: center;
}

.statusChangeButton {
	background: #f5f5f5;
	border-left: 1px solid #cccccc;
	width: 142px;
	height: 40px;
	background-image: url("images/popupStatusHeaderButton.png");
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 111px;
}

.chngStatus {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 8px;
	color: #444345;
	line-height: 14px;
	text-align: left;
	padding-left: 20px;
}

.currentStatus {
	font-family: Roboto;
	font-size: 12px;
	color: #444345;
	line-height: 14px;
	text-align: left;
	padding-left: 20px;
}

.statusChangeTable {
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	width: 142px;
	font-family: Roboto;
	font-size: 12px;
	color: #444345;
	line-height: 14px;
	text-align: left;
}

.statusChangeTableRow {
	cursor: pointer;
	width: 144px;
}

.statusChangeTableCell {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.divExecute {
	width: 100%;
	height: 38px;
	background-image: url("images/execute.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.divEstimate {
	width: 100%;
	height: 38px;
	background-image: url("images/estimate.png");
	background-repeat: no-repeat;
	background-size: 12px 18px;
	background-position: center;
}

.divOnHold {
	width: 100%;
	height: 38px;
	background-image: url("images/onhold.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.divComplete {
	width: 100%;
	height: 38px;
	background-image: url("images/complete.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.divExecuteProjectScreen {
	width: 100%;
	height: 20px;
	background-image: url("images/execute.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.divEstimateProjectScreen {
	width: 100%;
	height: 20px;
	background-image: url("images/estimate.png");
	background-repeat: no-repeat;
	background-size: 12px 18px;
	background-position: center;
}

.divOnHoldProjectScreen {
	width: 100%;
	height: 20px;
	background-image: url("images/onhold.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.divCompleteProjectScreen {
	width: 100%;
	height: 20px;
	background-image: url("images/complete.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

table.projectPendingTable {
	background: #f5f5f5;
	border-radius: 4px;
	width: 323px;
	height: 36px;
	table-layout: fixed;
	border: 1px solid #e6e6e6;
}

table.projectPendingTable td {
	overflow: hidden;
	white-space: nowrap;
}

table.projectPendingTable tr {
	height: 36px;
}

.projectPendingName {
	padding-left: 2px;
	opacity: 0.65;
	font-family: Roboto-Bold;
	font-size: 12px;
	color: #0d2429;
	text-align: left;
	font-weight: bold;
}

.completedDiv {
	opacity: 0.5;
	height: 12px;
	width: 10px;
	background-image: url("images/completed.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.completedSpan {
	opacity: 0.4;
	font-family: Roboto-Medium;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

.completedSpanHover {
	opacity: 0.4;
	font-family: Roboto-Medium;
	font-size: 11px;
	color: #B3971E;
	text-align: left;
}

.divBackButton {
	opacity: 0.35;
	background: #1f535d;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	background-image: url("images/leftarrow.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center;
	cursor: pointer;
}

.whiteRowStatusHeader {
	background-color: #ffffff;
}

.divlock {
	opacity: 0.25;
	width: 18px;
	height: 18px;
	background-image: url("images/lock.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.timeline-tooltip {
	background: #ffd596;
	padding: 4px 4px;
	border-color: #afafaf;
	border-radius: 3px;
	-moz-border-radius: 2px; /* For Firefox 3.6 and older */
	border-width: 2px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	text-shadow: 0 1px 0 #333333;
}

.itemsPendingOrderHeaderTile {
	width: 100%;
	height: 3%;
	background: #F7F7F6;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
}

.itemsPendingOrderHeaderTileNoWidth {
	height: 3%;
	background: #F7F7F6;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
}

.itemsPendingOrderHeaderTileText {
	opacity: 0.75;
	font-family: Roboto;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
	font-weight: bold;
	padding-left: 2px;
}

.itemsPendingOrderTile {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.itemsPendingOrderTileNew {
	width: 100%;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.circuitTableBorder {
	border-bottom: 4px solid #DFE2E6;
}

.circuitTableBorderYellow {
	border-bottom: 4px solid #D2A81F;
}

.circuitTableBorderGreen {
	border-bottom: 4px solid #65AB91;
}

.circuitTableTile {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.itemsPendingOrderTileSelected {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.selectProjectPartsForIndentTileSelected {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F7F3E7;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.topTextStyle {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.topAnchorStyle {
	font-family: Roboto;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
}

.topTextStyleRed {
	font-family: Roboto;
	font-size: 12px;
	color: red;
	line-height: 12px;
	text-align: left;
}

.bottomTextStyle {
	opacity: 0.35;
	font-family: Roboto;
	font-size: 10px;
	color: #000000;
	line-height: 10px;
	text-align: left;
}

/*.unspecDiv
{
  width: 56px;
  height: 11px;
  border-radius: 2px;
  background-color: red;
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.13px;
  color: #ffffff;
  line-height: 11px;
  text-align: center;
  vertical-align: middle;
}*/
.bottomAnchorStyleBlueBoxNoPadding {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.bottomAnchorStyleBlueBoxNoPadding:link {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.bottomAnchorStyleBlueBoxNoPadding:visited {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.bottomAnchorStyleBlueBoxNoPadding:hover {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.bottomAnchorStyleBlueBoxNoPadding:active {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.bottomAnchorStyleBlueBox {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyleBlueBox:link {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyleBlueBox:visited {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyleBlueBox:hover {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyleBlueBox:active {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyleOrangeBox {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyleOrangeBox:link {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyleOrangeBox:visited {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyleOrangeBox:hover {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyleOrangeBox:active {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.bottomAnchorStyle {
	font-family: Roboto;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
}

.bottomTextStyleRed {
	opacity: 0.35;
	font-family: Roboto;
	font-size: 10px;
	color: red;
	line-height: 10px;
	text-align: left;
}

.singleTextStyle {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.singleTextGreenStyle {
	font-family: Roboto;
	font-size: 12px;
	color: #1f535d;
	line-height: 12px;
	text-align: left;
}

.singleTextRedStyle {
	font-family: Roboto;
	font-size: 12px;
	color: red;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowOne {
	font-family: Roboto;
	font-size: 12px;
	color: #8c7500;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowTwo {
	font-family: Roboto;
	font-size: 12px;
	color: #1c8045;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowOne {
	font-family: Roboto;
	font-size: 12px;
	color: #8c7500;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowTwo {
	font-family: Roboto;
	font-size: 12px;
	color: #1c8045;
	line-height: 12px;
	text-align: left;
}

.singleTextStyleRowThree {
	font-family: Roboto;
	font-size: 12px;
	color: #993328;
	line-height: 12px;
	text-align: left;
}

.typeText {
	height: 10px;
	width: 10px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
}

.orderType {
	background: #E9F0F8;
	border-radius: 100px;
	width: 30px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
}

.orderTypeText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 9px;
	color: #487fc0;
	letter-spacing: 0;
	text-align: center;
	line-height: 9px;
	font-weight: bold;
}

.orderedQtyGraph {
	background: #dcdcdc;
	border-radius: 100px;
	width: 100%;
	height: 4px;
}

.compQtyGraphGreen {
	background: #417505;
	border-radius: 100px;
	width: 100%;
	height: 4px;
}

.revQtyGraphGreen {
	background: #d0021b;
	border-radius: 100px;
	height: 4px;
}

.circuitProgressLabel {
	opacity: 0.75;
	color: #0b272d;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.2px;
	text-align: left;
}

.costQtyGraph {
	background: #EBEBEB;
	border-radius: 100px;
	width: 100%;
	height: 20px;
	align-content: center;
	text-align: center;
}

.costQtyGraphRed {
	background: #D2A81F;
	height: 20px;
	overflow: visible;
}

.costQtyGraphGreen {
	background: #65AB91;
	height: 20px;
	overflow: visible;
}

.finSpanStyle {
	position: relative;
	top: -20px;
	left: 5px;
	width: 100%;
	font-family: Roboto;
	font-size: 11px;
	color: #1b1b1b;
	line-height: 12px;
}

.finSpanStyleHover {
	position: relative;
	top: -20px;
	left: 5px;
	width: 100%;
	font-family: Roboto;
	font-size: 11px;
	color: #B3971E;
	line-height: 12px;
}

.compQtyGraphRed {
	background: #d0021b;
	border-radius: 100px;
	height: 4px;
}

.compQtyGreen {
	font-family: Roboto;
	font-size: 12px;
	color: #417505;
	letter-spacing: 0.22px;
	line-height: 12px;
	text-align: left;
}

.compQtyRed {
	font-family: Roboto;
	font-size: 12px;
	color: #c62828;
	letter-spacing: 0.22px;
	line-height: 12px;
	text-align: left;
}

.orderQty {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	letter-spacing: 0.2px;
	line-height: 12px;
	text-align: left;
}

.projectType {
	opacity: 0.7;
	padding-left: 1px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #2C89E6;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}
/*
.expandTile
{
opacity:0.5;
width:12px;
height:12px;
background-image: url("images/ExpandTile.png");
background-repeat: no-repeat;
background-size: 12px 12px;
background-position: center;
cursor: pointer;
}

*/
.executionTypeDemand {
	width: 20px;
	height: 20px;
	background-image: url("images/executionProject.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
	background-position: center;
}

.estimationTypeDemand {
	width: 20px;
	height: 20px;
	background-image: url("images/estimationProject.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
	background-position: center;
}

.project_on_hold_icon {
	width: 20px;
	height: 20px;
	background-image: url("images/project_on_hold_icon.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
	background-position: center;
}

.project_on_completed_icon {
	width: 20px;
	height: 20px;
	background-image: url("images/project_completed_icon.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
	background-position: center;
}

.maintenanceType {
	opacity: 0.7;
	padding-left: 1px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #CF7B27;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.godownType {
	opacity: 0.7;
	padding-left: 1px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #1D9898;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.projectTypeMargin {
	opacity: 0.7;
	padding-left: 1px;
	margin-left: 3px;
	margin-right: 3px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #2C89E6;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.maintenanceTypeMargin {
	opacity: 0.7;
	padding-left: 1px;
	margin-left: 3px;
	margin-right: 3px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #CF7B27;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.godownTypeMargin {
	opacity: 0.7;
	padding-left: 1px;
	margin-left: 3px;
	margin-right: 3px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #1D9898;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.itemsPendingTopBar {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F7F7F6;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 100%;
	height: 10.5%;
}

.itemsPendingTopBarPadding {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F7F7F6;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 100%;
	height: 10.5%;
	padding: 4px 4px 4px 4px;
}

.templatesTopBar {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F7F7F6;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 100%;
	height: 75px;
}

.itemsPendingSelectedBar {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #E6BE10;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 100%;
	height: 12.5%;
}

.itemsPendingSelectedText {
	color: #000000;
	font-family: Roboto;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
}

.showSelectedTextGray {
	font-family: Roboto;
	font-size: 12px;
	color: #949494;
	line-height: 14px;
	text-align: left;
}

.showSelectedTextOrange {
	font-family: Roboto;
	font-size: 12px;
	color: #a6890c;
	text-align: center;
	line-height: 14px;
}

.itemsPendingSortingBar {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F0EFED;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 99.9%;
	height: 14.5%;
}

.topPanelReports {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #F0EFED;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 99.9%;
}

.itemsPendingSortingBarInner {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F0EFED;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 99%;
	height: 18.5%;
}

.itemsPendingSortingBarInnerShort {
	margin-top: 0px;
	margin-bottom: 0px;
	background: #F0EFED;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	width: 99%;
	height: 18.5%;
}

.itemsPendingHeaderMainText {
	height: 24px;
	width: 240px;
	color: #7a6600;;
	font-family: Roboto;
	font-size: 22px;
	line-height: 24px;
}

.itemsPendingHeaderSubText {
	height: 12px;
	opacity: 0.3;
	color: #000000;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
}

.itemsPendingRowNumberText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 12px;
	color: #4d4d4d;
	line-height: 18px;
	text-align: left;
}

.itemsPendingRowDelayedText {
	opacity: 0.85;
	font-family: Roboto;
	font-size: 10px;
	color: #cc3345;
	line-height: 16px;
	text-align: left;
}

.itemsPendingHeaderNumberText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 16px;
	color: #4d4d4d;
	line-height: 18px;
	text-align: left;
}

.itemsPendingHeaderDelayedText {
	opacity: 0.85;
	font-family: Roboto;
	font-size: 14px;
	color: #cc3345;
	line-height: 16px;
	text-align: left;
}

.groupingRowOne {
	height: 54px;
	width: 100%;
	border: 1px solid #DFE2E6;
	background-color: #FFFFFF;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.groupingRowTwo {
	width: 100%;
	border-top: 1px solid #DFE2E6;
	border-bottom: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	background-color: #FFFFFF;
}

.groupingRowTwoHeader {
	height: 24px;
	background-color: #F0EFED;
}

.groupingRowTwoContent {
	height: 30px;
}

.parentText {
	opacity: 0.35;
	color: #000000;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
}

.childText {
	opacity: 0.75;
	color: #0B272D;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
}

.groupingSummaryTile {
	height: 24px;
	width: 90px;
	opacity: 0.4;
	color: #000000;
	font-family: Roboto;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	vertical-align: middle;
	margin-left: 10px;
}

.expandTile {
	opacity: 0.5;
	width: 12px;
	height: 12px;
	background-image: url("images/ExpandTile.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	cursor: pointer;
}

.contractTile {
	opacity: 0.5;
	width: 12px;
	height: 2px;
	background-image: url("images/ContractTile.png");
	background-repeat: no-repeat;
	background-size: 12px 2px;
	background-position: center;
	cursor: pointer;
}

.contractTileRowOne {
	opacity: 0.5;
	width: 12px;
	height: 2px;
	background-image: url("images/contractTileRowOne.png");
	background-repeat: no-repeat;
	background-size: 12px 2px;
	background-position: center;
	cursor: pointer;
}

.contractTileRowTwo {
	opacity: 0.5;
	width: 12px;
	height: 2px;
	background-image: url("images/contractTileRowTwo.png");
	background-repeat: no-repeat;
	background-size: 12px 2px;
	background-position: center;
	cursor: pointer;
}

.contractTileRowThree {
	opacity: 0.5;
	width: 24px;
	height: 24px;
	background-image: url("images/contractTileRowThree.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	vertical-align: middle;
	line-height: 24px;
	cursor: pointer;
}

.rowThreeArrow {
	width: 24px;
	height: 24px;
	background-image: url("images/rowThreeArrow.png");
	background-repeat: no-repeat;
	background-size: 10px 6px;
	background-position: center;
	cursor: pointer;
}

.itemsPendingOrderHeaderTileRow2 {
	width: 100%;
	height: 30px;
	background: #f0efed;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
	border-left: 2px solid #27ae60;
}

.itemsPendingOrderHeaderTileRow3 {
	width: 100%;
	height: 30px;
	background: #f0efed;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
	border-left: 2px solid #e74c3c;
}

.rowOneBorderLeft {
	border-left: 2px solid #8c7500;
	padding-left: 2px;
}

.rowTwoBorderLeft {
	border-left: 2px solid #27ae60;
	padding-left: 2px;
}

.rowThreeBorderLeft {
	border-left: 2px solid #e74c3c;
	padding-left: 2px;
}

.emptyCellBorderLeft {
	border-left: 1px solid #DFE2E6;
	box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.15);
}

.emptyCell {
	opacity: 0.5;
	background: #f0efed;
}

.emptyCellBorderTop {
	border-top: 1px solid #DFE2E6;
	box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.15);
}

.chevDown {
	width: 24px;
	height: 24px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.chevUp {
	width: 24px;
	height: 24px;
	background-image: url("images/chevup.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.arrowRight {
	width: 24px;
	height: 24px;
	background-image: url("images/arrowRight.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.arrowRightSelected {
	width: 7px;
	height: 7px;
	background-image: url("images/arrowRight.png");
	background-repeat: no-repeat;
	background-size: 7px 7px;
	background-position: center;
	cursor: pointer;
}

.textMultipleFilter {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 24px;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.textMultipleFilterSelected {
	font-family: Roboto;
	font-size: 12px;
	color: #685c31;
	line-height: 12px;
	text-align: left;
	background: #f0f0f0;
}

.topTextGreenStyle {
	font-family: Roboto;
	font-size: 12px;
	color: #1f535d;
	line-height: 12px;
	text-align: left;
}

.showOnlySelectedOuterFalse {
	background: #adadad;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	cursor: pointer;
	text-align: left;
	border: 1px solid #adadad;
}

.showOnlySelectedOuterTrue {
	background: #d9b40f;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	cursor: pointer;
	text-align: right;
	border: 1px solid #d9b40f;
}

.showOnlySelectedInnerFalse {
	background: #fbfafa;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-top: 1px;
	margin-left: 1px;
}

.showOnlySelectedInnerTrue {
	background: #fbfafa;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-left: 13px;
	margin-top: 1px;
}

.billableOuterFalse {
	background: #adadad;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	text-align: left;
	border: 1px solid #adadad;
}

.billableOuterFalsePointer {
	background: #adadad;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	cursor: pointer;
	text-align: left;
	border: 1px solid #adadad;
}

.billableOuterTrue {
	background: #4A90E2;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	text-align: right;
	border: 1px solid #4A90E2;
}

.billableOuterTruePointer {
	background: #4A90E2;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	text-align: right;
	cursor: pointer;
	border: 1px solid #4A90E2;
}

.billableInnerFalse {
	background: #fbfafa;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-top: 1px;
	margin-left: 1px;
}

.billableInnerTrue {
	background: #fbfafa;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin-left: 13px;
	margin-top: 1px;
}

.orangeDiv {
	opacity: 0.6;
	height: 12px;
	width: 10px;
	background-image: url("images/orangecircle.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.redDiv {
	opacity: 0.6;
	height: 12px;
	width: 10px;
	background-image: url("images/redcircle.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.greenDiv {
	opacity: 0.6;
	height: 12px;
	width: 10px;
	background-image: url("images/completed.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: bottom;
}

.groupByLabel {
	opacity: 0.5;
	color: #163B42;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 4px;
}

.resetAnchor {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	line-height: 12px;
	cursor: pointer;
	margin-bottom: 4px;
}

.buttonGrouping {
	font-family: Roboto;
	font-size: 20px;
	color: #91908E;
	text-align: center;
	line-height: 20px;
	background: #E3E2E0;
	box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.05);
}

.sandpbuttons {
	height: 25px;
	width: 64px;
	border-radius: 12px;
	background-color: #91908E;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	background-image: url("images/downArrow.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 50px center;
	text-decoration: none;
	cursor: pointer;
}

.sandptext {
	opacity: 0.8;
	color: #1F535D;
	font-family: Roboto;
	font-size: 11px;
	line-height: 10px;
	text-align: right;
}

.stockRightPopup {
	background-color: #FFFFFF;
	box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.partStockTile {
	width: 100%;
	height: 50px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

.partStockBox {
	margin: 15px 15px 15px 15px;
	height: 84px;
	border: 1px solid #DFE2E6;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.partStockHeader {
	padding-left: 20px;
	padding-right: 20px;
	height: 37px;
	background-color: #F4F4F2;
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.partStockFooter {
	padding-left: 20px;
	padding-right: 20px;
	height: 58px;
	background-color: #F4F4F2;
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.partStockFooterTextLabel {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	letter-spacing: 0.2px;
	line-height: 12px;
	text-align: left;
}

.partStockFooterTextContent {
	opacity: 0.9;
	font-family: Roboto;
	font-weight: bold;
	font-size: 14px;
	color: #1b1b1b;
	letter-spacing: 0.2px;
	line-height: 14px;
}

.partStockFooterLPText {
	opacity: 0.4;
	font-family: Roboto;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.2px;
	line-height: 10px;
}

.starIconDiv {
	height: 16px;
	width: 16px;
	background-image: url("images/staricon.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: bottom;
}

.popupWidgetRightConstructionary {
	background: #FFFFFF;
	border: 1px solid #DFE2E6;
}

.popupWidgetBCConstructionary {
	background: #E5E5E5;
	width: 100%;
	height: 78px;
}

.partNameConstructionary {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	color: #735F06;
	padding-left: 30px;
}

.partDetailsTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.8;
}

.partSpecsTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.5;
	padding-left: 5px;
}

.folderTitlePartConstructionary {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.3;
	padding-left: 30px;
}

.partDetailWidgetRightPopupLabelSpecNameConstructionary {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	padding-bottom: 8px;
}

.partDetailWidgetRightPopupSpecValueConstructionary {
	background: rgba(51, 50, 48, 0.05);
	border-radius: 2px;
	height: 32px;
	width: 520px;
	padding-left: 12px;
	margin-bottom: 16px;
}

.partDetailWidgetRightPopupSpecValueTextConstructionary {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.popupWidgetRight {
	background: #ffffff;
	border: 1px solid #dfe2e6;
}

.popupWidgetBC {
	background: #f5f5f2;
	width: 100%;
	height: 32px;
}

.popupWidgetLblOne {
	opacity: 0.75;
	font-family: Roboto;
	font-size: 10px;
	color: #1b1b1b;
	letter-spacing: 0.2px;
	line-height: 10px;
	text-align: left;
	margin-left: 15px;
}

.popupWidgetLblTwo {
	opacity: 0.75;
	font-family: Roboto-Medium;
	font-size: 10px;
	color: #c7a600;
	letter-spacing: 0.2px;
	line-height: 10px;
	text-align: left;
}

.popupWidgetFTableMenu {
	border: 1px solid #dfe2e6;
	width: 100%;
	height: 43px;
}

.popupWidgetMenuDiv {
	height: 16px;
	width: 24px;
	background-image: url("images/PopupMenu.png");
	background-repeat: no-repeat;
	background-size: 24px 16px;
	background-position: center;
	cursor: pointer;
}

.refreshProject {
	height: 24px;
	width: 24px;
	background-image: url("images/refreshProject.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.popupWidgetHeaderLbl {
	height: 43px;
	font-family: Roboto;
	font-size: 18px;
	color: #3d3c3a;
	line-height: 43px;
	text-align: left;
	vertical-align: middle;
	border-left: 1px solid #dfe2e6;
	padding-left: 14px;
	font-weight: bold;
}

.popupPanelClose {
	border: 1px solid #e6bf00;
	border-radius: 2px;
	width: 42px;
	height: 42px;
}

.btnClose {
	background: #f2ca00;
	height: 42px;
	width: 42px;
	background-image: url("images/close.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.popupPanelMenu {
	height: 44px;
	width: 200px;
	background-color: #FFFAE3;
	box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.15);
	border: 1px solid #DFE2E6;
	text-decoration: none;
	opacity: 0.9;
}

.popupPanelMenuAnchor {
	text-decoration: none;
	opacity: 0.9;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
	padding-left: 24px;
	vertical-align: middle;
	cursor: pointer;
}

.popupPanelMenuAnchor:hover {
	text-decoration: none;
	color: #1B1B1B;
	font-family: Roboto;
	font-size: 12px;
	padding-left: 24px;
	vertical-align: middle;
}

.partStockSortingBar {
	margin: 15px;
	background: #FBFAFA;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	height: 17.5%;
}

.partDetailWidgetRightPopup {
	padding-top: 20px;
	padding-left: 30px;
}

.partDetailWidgetRightPopupLabelSpecName {
	opacity: 0.8;
	font-family: Roboto;
	font-weight: bold;
	font-size: 12px;
	color: #8c7500;
	line-height: 12px;
	text-align: left;
}

.partDetailWidgetRightPopupSpecValue {
	background: #f5f5f5;
	border-radius: 2px;
	width: 525px;
	height: 40px;
	padding-left: 16px;
}

.partDetailWidgetRightPopupSpecValueText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 14px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.partPricingSortingBar {
	margin: 5px;
	background: #FBFAFA;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	height: 17.5%;
}

.fTabeIndentHeader {
	height: 9%;
	padding: 24px 24px 24px 24px;
}

.indentHeaderValue {
	background: #f5f5f5;
	border-radius: 2px;
	height: 40px;
	padding-left: 16px;
	padding-right: 16px;
	margin-right: 50px;
}

.indentHeaderValueText {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 14px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}

.locationImage {
	height: 12px;
	width: 12px;
	background-image: url("images/locationImage.png");
	background-repeat: no-repeat;
	background-size: 8px 12px;
	background-position: left;
}

.locationImageProject {
	height: 12px;
	width: 12px;
	background-image: url("images/location.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
}

.partsToOrderImage {
	height: 12px;
	width: 12px;
	background-image: url("images/partsToOrderImage.png");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: left;
}

.calculatorImage {
	height: 12px;
	width: 12px;
	background-image: url("images/calculatorImage.png");
	background-repeat: no-repeat;
	background-size: 8px 10px;
	background-position: left;
}

.estimatedPriceInfo {
	height: 12px;
	width: 12px;
	background-image: url("images/estimatedPriceInfo.png");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: left;
}

.delayedImage {
	height: 12px;
	width: 12px;
	background-image: url("images/delayedImage.png");
	background-repeat: no-repeat;
	background-size: 11px 12px;
	background-position: left;
}

.noEstimateTop {
	height: 14px;
	width: 14px;
	background-image: url("images/noEstimateTop.png");
	background-repeat: no-repeat;
	background-size: 14px 12px;
	background-position: left;
}

.noEstimatePart {
	height: 12px;
	width: 16px;
	background-image: url("images/noEstimatePart.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
}

.noEstimateText {
	padding-top: 24px;
	padding-left: 20px;
	padding-right: 20px;
	opacity: 0.8;
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	text-align: left;
}

.redPanel {
	height: 119px;
	width: 300px;
	background-image: url("images/redPanel.png");
	background-repeat: no-repeat;
	background-size: 298px 117px;
	background-position: left;
}

.itemsPendingDetails {
	border: 1px solid #D6D5D4;
	border-radius: 4px;
	background-color: #F0EFED;
	padding-left: 16px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-right: 16px;
	width: 381px;
}

.topPanelNoPadding {
	border: 1px solid #D6D5D4;
	border-radius: 4px;
	background-color: #F0EFED;
	padding-left: 16px;
	padding-right: 16px;
	width: 381px;
}

.groupingRowSummary {
	border: 1px solid #D6D5D4;
	border-radius: 4px;
	background-color: #F0EFED;
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 16px;
	width: 381px;
}

.selectedItemsBar {
	opacity: 0.9;
	background: #7a6600;
	border-radius: 100px;
	width: 200px;
	height: 32px;
}

.selectedBarCell {
	padding-left: 16px;
}

.selectedBarCellFirst {
	padding-left: 16px;
	border-right: 1px solid #fbfafa;
	width: 90px;
}

.selectedText {
	opacity: 0.75;
	font-family: Roboto;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	line-height: 14px;
	text-align: left;
}

.partsText {
	opacity: 0.3;
	font-family: Roboto-Bold;
	font-size: 10px;
	color: #ffffff;
	line-height: 10px;
	text-align: left;
}

.buttonRejectImage {
	height: 12px;
	width: 12px;
	background-image: url("images/buttonReject.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: left;
	text-decoration: none;
	cursor: pointer;
}

.buttonReject {
	opacity: 0.75;
	font-family: Roboto;
	font-size: 12px;
	color: #bf1515;
	letter-spacing: 0.2px;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	width: 88px;
	height: 24px;
	background: #FFFFFF;
	border: none;
	text-align: center;
}

.buttonReject:hover {
	opacity: 0.75;
	font-family: Roboto;
	font-size: 12px;
	color: #bf1515;
	letter-spacing: 0.2px;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	background: #ebebeb;
	border: 1px solid #e0e0e0;
	border-radius: 100px;
	width: 88px;
	height: 24px;
	text-align: center;
	padding-left: 12px;
}

.quantityGreen {
	background: #edf4e0;
	border-radius: 100px;
	width: 51px;
	height: 26px;
	border: 1px solid rgba(101, 163, 0, 0.15);
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityGreenTable {
	background: #edf4e0;
	border-radius: 100px;
	width: 51px;
	height: 26px;
	border: 1px solid rgba(101, 163, 0, 0.15);
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityGreenTable a:link {
	background: #edf4e0;
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGreenTable a:visited {
	background: #edf4e0;
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGreenTable a:hover {
	background: #edf4e0;
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGreenTable a:active {
	background: #edf4e0;
	font-family: Roboto;
	font-size: 12px;
	color: #65a300;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellow {
	background: #f9f4dd;
	border-radius: 100px;
	width: 51px;
	height: 26px;
	border: 1px solid rgba(215, 178, 15, 0.20);
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityYellowTable {
	background: #f9f4dd;
	border-radius: 100px;
	width: 51px;
	height: 26px;
	border: 1px solid rgba(215, 178, 15, 0.20);
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:link {
	background: #f9f4dd;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:visited {
	background: #f9f4dd;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:hover {
	background: #f9f4dd;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityYellowTable a:active {
	background: #f9f4dd;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.quantityGray {
	background: #f2f2f2;
	width: 67px;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #202022;
	line-height: 32px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityYellowFCV {
	background: #fff7d1;
	width: 60px;
	height: 20px;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityYellowFCV td {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
}

.quantityYellowFCV a {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:link {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:visited {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:hover {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityYellowFCV a:active {
	font-family: Roboto;
	font-size: 11px;
	color: #7d6b1a;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.categoryText {
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #996100;
	border-radius: 100px;
	width: 70px;
	height: 24px;
	font-family: Roboto;
	font-size: 11px;
}

.quantityOrange {
	background: #ffead1;
	width: 60px;
	height: 20px;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityOrange td {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
}

.quantityOrange a {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityOrange a:link {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityOrange a:visited {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityOrange a:hover {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityOrange a:active {
	font-family: Roboto;
	font-size: 11px;
	color: #b37100;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNoneBlank {
	width: 60px;
	height: 20px;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #202022;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.quantityNone {
	opacity: 0.5;
	width: 60px;
	height: 20px;
	border: 1px solid #38414e;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityNone td {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
}

.quantityNonePart {
	opacity: 0.5;
	width: 60px;
	height: 20px;
	border: 1px solid #48566b;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.quantityNonePart a {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNonePart a:link {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNonePart a:visited {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNonePart a:hover {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNonePart a:active {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNoneRight {
	width: 60px;
	height: 20px;
	border: 1px solid #e6e6e6;
	border-radius: 100px;
	font-family: Roboto;
	font-size: 11px;
	color: #202022;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.quantityNone a {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNone a:link {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNone a:visited {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNone a:hover {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.quantityNone a:active {
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	cursor: pointer;
}

.fcvFont {
	font-family: Roboto;
	font-size: 11px;
}

.quantityHeader {
	width: 60px;
	height: 20px;
	font-family: Roboto;
	font-size: 11px;
	letter-spacing: 0.2px;
	text-align: left;
	line-height: 20px;
	padding-left: 15px;
}

.emptyTile {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/emptyTile.png");
	background-size: 20px 20px;
}

.editBill {
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/edit.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}




.uploadFile {
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/upload.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}



.downloadFile {
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-image: url("images/download.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	cursor: pointer;
}



.saveBill {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:link {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:visited {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:hover {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.saveBill:active {
	height: 20px;
	width: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/save.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:link {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:visited {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:hover {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPart:active {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.deleteCircuitPartDisabled {
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-image: url("images/deleteCircuitPart.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	opacity: 0.35;
}

.quantityNA {
	width: 60px;
	height: 20px;
	border-radius: 100px;
	line-height: 26px;
	vertical-align: middle;
	background-image: url("images/qtyNa.png");
	background-repeat: no-repeat;
	background-size: 60px 20px;
	background-position: center;
	margin-left: 5px;
	padding-left: 5px;
}

.calendar {
	height: 12px;
	width: 12px;
	background-image: url("images/calendar.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: right;
	margin-left: 3px;
	text-decoration: none;
}

.quantityGraySmall {
	background: #ebebeb;
	width: 60px;
	height: 20px;
	font-family: Roboto;
	font-size: 11px;
	color: #202022;
	line-height: 20px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityGraySmallLeft {
	opacity: 0.5;
	background: rgba(255, 255, 255, 0.15);
	width: 60px;
	height: 20px;
	font-family: Roboto;
	font-size: 11px;
	color: #ffffff;
	line-height: 20px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.perCircOrange {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #ffc34f;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%),
		linear-gradient(90deg, #ccc 50%, transparent 50%);
	left: 5px;
}

.perCircOrange .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}

.perCircOrange .perCircInner div {
	position: relative;
	top: 14px;
}

.perCircOrange .perCircStat {
	font-family: Roboto;
	font-size: 14px;
	color: #ffc34f;
	text-align: center;
	line-height: 12px;
}

.perCircOrange .perCircText {
	font-family: Roboto;
	font-size: 6px;
	color: #0b272d;
	letter-spacing: 0.15px;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
}

.perCircGreen {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #619E05;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%),
		linear-gradient(90deg, #ccc 50%, transparent 50%);
	left: 5px;
}

.perCircGreen .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}

.perCircGreen .perCircInner div {
	position: relative;
	top: 14px;
}

.perCircGreen .perCircStat {
	font-family: Roboto;
	font-size: 14px;
	color: #619E05;
	text-align: center;
	line-height: 12px;
}

.perCircGreen .perCircText {
	font-family: Roboto;
	font-size: 6px;
	color: #0b272d;
	letter-spacing: 0.15px;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
}

.perCircRed {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #ea2a2a;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%),
		linear-gradient(90deg, #ccc 50%, transparent 50%);
	left: 5px;
}

.perCircRed .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}

.perCircRed .perCircInner div {
	position: relative;
	top: 14px;
}

.perCircRed .perCircStat {
	font-family: Roboto;
	font-size: 14px;
	color: #ea2a2a;
	text-align: center;
	line-height: 12px;
}

.perCircRed .perCircText {
	font-family: Roboto;
	font-size: 6px;
	color: #0b272d;
	letter-spacing: 0.15px;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
}

.perCirc {
	position: relative;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #263b40;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%),
		linear-gradient(90deg, #ccc 50%, transparent 50%);
	left: 5px;
}

.perCirc .perCircInner {
	position: relative;
	top: 5px;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #eee;
}

.perCirc .perCircInner div {
	position: relative;
	top: 14px;
}

.perCirc .perCircStat {
	font-family: Roboto;
	font-size: 14px;
	color: #263b40;
	text-align: center;
	line-height: 12px;
}

.perCirc .perCircText {
	font-family: Roboto;
	font-size: 6px;
	color: #0b272d;
	letter-spacing: 0.15px;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
}

.arrow-container-yellow {
	height: 32px;
	background-color: #FCE9C8;
}

.arrow-container-green {
	height: 32px;
	background-color: #619E05;
}

.arrow-container-yellowTV {
	height: 32px;
	background-color: #FCE9C8;
}

.arrow-container-greenTV {
	height: 32px;
	background-color: #619E05;
}

.arrow-container-grayTV {
	height: 32px;
	background-color: #f2f2f2;
}

.arrow-container-yellowTVTall {
	height: 40px;
	background-color: #FCE9C8;
}

.arrow-container-greenTVTall {
	height: 40px;
	background-color: #619E05;
}

.arrow-container-gray {
	height: 32px;
	background-color: #5e686a;
}

.arrow-container-yellowTVN {
	height: 32px;
	background-color: #fbefd2;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-darkYellowTVN {
	height: 32px;
	background-color: #EFD9A0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-greenTVN {
	height: 32px;
	background-color: #ddefe1;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-darkGreenTVN {
	height: 32px;
	background-color: #95BEA0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-grayTVN {
	height: 32px;
	background-color: #e8e8e8;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-yellowTVN-big {
	height: 46px;
	background-color: #FCE9C8;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-darkYellowTVN-big {
	height: 46px;
	background-color: #EFD9A0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-greenTVN-big {
	height: 46px;
	background-color: #619E05;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-darkGreenTVN-big {
	height: 46px;
	background-color: #95BEA0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-container-grayTVN-big {
	height: 46px;
	background-color: #f2f2f2;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.arrow-outer {
	position: relative;
	left: -2px;
	top: -4px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid white;
}

.arrow-outer-new {
	position: relative;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid white;
}

.arrow-outer-new-big {
	position: relative;
	left: 0px;
	top: -1.5px;
	width: 0px;
	height: 0px;
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent;
	border-left: 24.5px solid white;
}

.arrow-outerTall {
	position: relative;
	left: 0px;
	top: 0px;
	width: -4px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid white;
}

.arrow-outer-gray {
	position: relative;
	left: -2px;
	top: -4px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #E3E6EB;
}

.arrow-right-gray {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #5e686a;
}

.arrow-right-grayTV {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #f2f2f2;
}

.arrow-right-grayTVN {
	position: relative;
	left: -16px;
	top: -14.5px;
	width: 0px;
	height: 0px;
	border-top: 14.5px solid transparent;
	border-bottom: 14.5px solid transparent;
	border-left: 14.5px solid #e8e8e8;
}

.arrow-right-greenTVN {
	position: relative;
	left: -16px;
	top: -14.5px;
	width: 0px;
	height: 0px;
	border-top: 14.5px solid transparent;
	border-bottom: 14.5px solid transparent;
	border-left: 14.5px solid #ddefe1;
}

.arrow-right-darkGreenTVN {
	position: relative;
	left: -16px;
	top: -14.5px;
	width: 0px;
	height: 0px;
	border-top: 14.5px solid transparent;
	border-bottom: 14.5px solid transparent;
	border-left: 14.5px solid #95BEA0;
}

.arrow-right-yellowTVN {
	position: relative;
	left: -16px;
	top: -14.5px;
	width: 0px;
	height: 0px;
	border-top: 14.5px solid transparent;
	border-bottom: 14.5px solid transparent;
	border-left: 14.5px solid #fbefd2;
}

.arrow-right-darkYellowTVN {
	position: relative;
	left: -16px;
	top: -14.5px;
	width: 0px;
	height: 0px;
	border-top: 14.5px solid transparent;
	border-bottom: 14.5px solid transparent;
	border-left: 14.5px solid #EFD9A0;
}

.arrow-right-grayTVN-big {
	position: relative;
	left: -25px;
	top: -22.5px;
	width: 0px;
	height: 0px;
	border-top: 22.5px solid transparent;
	border-bottom: 22.5px solid transparent;
	border-left: 22.5px solid #f2f2f2;
}

.arrow-right-grayTVTall {
	position: relative;
	left: -20px;
	top: -19px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #f2f2f2;
}

.arrow-right-green {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #619E05;
}

.arrow-right-greenTV {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #619E05;
}

.arrow-right-greenTVN-big {
	position: relative;
	left: -25px;
	top: -22.5px;
	width: 0px;
	height: 0px;
	border-top: 22.5px solid transparent;
	border-bottom: 22.5px solid transparent;
	border-left: 22.5px solid #619E05;
}

.arrow-right-darkGreenTVN-big {
	position: relative;
	left: -25px;
	top: -22.5px;
	width: 0px;
	height: 0px;
	border-top: 22.5px solid transparent;
	border-bottom: 22.5px solid transparent;
	border-left: 22.5px solid #95BEA0;
}

.arrow-right-greenTVTall {
	position: relative;
	left: -22px;
	top: -20px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #619E05;
}

.arrow-right-yellow {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #FCE9C8;
}

.arrow-right-yellowTV {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #FCE9C8;
}

.arrow-right-yellowTVN-big {
	position: relative;
	left: -25px;
	top: -22.5px;
	width: 0px;
	height: 0px;
	border-top: 22.5px solid transparent;
	border-bottom: 22.5px solid transparent;
	border-left: 22.5px solid #FCE9C8;
}

.arrow-right-darkYellowTVN-big {
	position: relative;
	left: -25px;
	top: -22.5px;
	width: 0px;
	height: 0px;
	border-top: 22.5px solid transparent;
	border-bottom: 22.5px solid transparent;
	border-left: 22.5px solid #EFD9A0;
}

.arrow-right-yellowTVTall {
	position: relative;
	left: -22px;
	top: -20px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #FCE9C8;
}

.background-green {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
}

.background-greenTV {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.headerArrowWidthLarge {
	width: 24px;
}

.background-grayHeader {
	font-family: Roboto;
	font-size: 12px;
	color: #f2f2f2;
	text-align: center;
	text-decoration: none;
	display: block;
}

.background-grayHeaderBig {
	border: 1px solid white;
	background-color: #f2f2f2;
	font-family: Roboto;
	font-size: 16px;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	display: block;
}

.background-grayTVNoBorder {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #e8e8e8;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	display: block;
}

.background-yellowTVNoBorder {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #fbefd2;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	text-align: center;
	text-decoration: none;
	display: block;
}

.background-darkYellowTVNoBorder {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #EFD9A0;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	text-align: center;
	text-decoration: none;
	display: block;
}

.background-greenTVNoBorder {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #ddefe1;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	display: block;
}

.background-darkGreenTVNoBorder {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #95BEA0;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	display: block;
}

.background-grayTVNoBorderMiddle {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #e8e8e8;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	display: block;
	line-height: 32px;
	vertical-align: middle;
}

.background-yellowTVNoBorderMiddle {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #fbefd2;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	text-align: center;
	text-decoration: none;
	display: block;
	line-height: 32px;
	vertical-align: middle;
}

.background-greenTVNoBorderMiddle {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #ddefe1;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	line-height: 32px;
	vertical-align: middle;
}

.background-grayTVNoBorder-big {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #f2f2f2;
	height: 46px;
	font-family: Roboto;
	font-size: 16px;
	color: #1b1b1b;
	text-align: center;
	text-decoration: none;
}

.background-yellowTVNoBorder-big {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #FCE9C8;
	height: 46px;
	font-family: Roboto;
	font-size: 16px;
	color: #a3870b;
	text-align: center;
	text-decoration: none;
}

.background-darkYellowTVNoBorder-big {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #EFD9A0;
	height: 46px;
	font-family: Roboto;
	font-size: 16px;
	color: #a3870b;
	text-align: center;
	text-decoration: none;
}

.background-greenTVNoBorder-big {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #619E05;
	height: 46px;
	font-family: Roboto;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}

.background-DarkGreenTVNoBorder-big {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #95BEA0;
	height: 46px;
	font-family: Roboto;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}

.background-greenTVTall {
	background-color: #619E05;
	width: 100%;
	height: 40px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.greenAnchor {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchorText {
	cursor: default;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:link {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:visited {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:hover {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenAnchor:active {
	cursor: pointer;
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchorText {
	cursor: default;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:link {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:visited {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:hover {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.yellowAnchor:active {
	cursor: pointer;
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.divTop {
	vertical-align: bottom;
	height: 19px;
	line-height: 19px;
}

.divBottom {
	vertical-align: bottom;
	height: 11px;
	line-height: 11px;
	padding-bottom: 2px;
}

.background-greenTV a:link {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-greenTV a:visited {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-greenTV a:hover {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-greenTV a:active {
	background-color: #619E05;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellow {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
}

.background-grayTV {
	background-color: #f2f2f2;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTVTall {
	background-color: #FCE9C8;
	width: 100%;
	height: 40px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV a:link {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV a:visited {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV a:hover {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.background-yellowTV a:active {
	background-color: #FCE9C8;
	width: 100%;
	height: 32px;
	align-content: center;
	font-family: Roboto;
	font-size: 12px;
	color: #a3870b;
	line-height: 26px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.fontNumberEst {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	text-align: center;
	vertical-align: middle;
}

.background-gray {
	background-color: #5e686a;
	width: 100%;
	height: 32px;
	border-top: 4px solid #E3E6EB;
	border-bottom: 4px solid #E3E6EB;
	align-content: center;
}

.fontNumberBlack {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	height: 12px;
}

.fontNumberBlackPadding {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	height: 12px;
	padding-right: 10px
}

.fontTextBlack {
	font-family: Roboto;
	font-size: 7px;
	color: #0b272d;
}

.fontNumberWhite {
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	height: 12px;
}

.fontNumberWhitePadding {
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	height: 12px;
	padding-right: 10px;
}

.fontTextWhite {
	font-family: Roboto;
	font-size: 7px;
	color: #FFFFFF;
}

.fontTextGray {
	font-family: Roboto;
	font-size: 8.5px;
	color: #ffffff;
	letter-spacing: 0.15px;
	line-height: 11px;
	font-weight: bold;
}

.fontOverAll {
	font-family: Roboto;
	font-size: 10px;
	color: #5e686a;
	letter-spacing: 0.18px;
	line-height: 11px;
	text-align: right;
	padding-right: 5px;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #f2f2f2;
}

.arrow-rightsmall {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #ebebeb;
}

.arrow-rightsmallleft {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid rgba(255, 255, 255, 0.15);
}

.quantityGrayTall {
	background: #f2f2f2;
	width: 75px;
	height: 40px;
	font-family: Roboto;
	font-size: 12px;
	color: #202022;
	line-height: 40px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.quantityGrayTallEst {
	background: #f2f2f2;
	width: 100%;
	height: 40px;
	font-family: Roboto;
	font-size: 12px;
	color: #202022;
	line-height: 40px;
	letter-spacing: 0.2px;
	text-align: center;
	vertical-align: middle;
}

.arrow-rightTall {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #f2f2f2;
}

.schedule-point-task-completed-delayed {
	background-color: #668014;
}

.schedule-point-task-completed-nondelayed {
	background-color: #33FF4C;
}

.schedule-point-task-notcompleted-delayed {
	background-color: red;
}

.schedule-point-task-notcompleted-notdelayed {
	background-color: yellow;
}

.previousValues {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	color: #1b1b1b;
	letter-spacing: 0.17px;
	line-height: 12px;
	text-align: left;
	font-style: italic;
}

.previousCell {
	background: #ededed;
	text-align: center;
	font-family: Roboto-Regular;
	font-size: 11px;
	color: #1b1b1b;
	letter-spacing: 0.18px;
	line-height: 12px;
}

.fcvTopTable {
	border-right: 1px solid #dfe2e6;
}

.fcvTopTableTopCell {
	border-left: 1px solid #dfe2e6;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	background-color: #f7f7f6;
}

.fcvBackGround {
	background-color: #AAAAAA;
}

.fcvTopTableBottomCell {
	border-left: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	background-color: #f7f7f6;
}

.stockRed {
	height: 18px;
	width: 20px;
	background-image: url("images/stockRed.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
}

.stockYellow {
	height: 18px;
	width: 20px;
	background-image: url("images/stockYellow.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
}

.stockGreen {
	height: 18px;
	width: 20px;
	background-image: url("images/stockGreen.png");
	background-repeat: no-repeat;
	background-size: 20px 18px;
}

.divPremium {
	background: rgba(208, 2, 27, 0.05);
	border: 1px solid #d0021b;
	border-radius: 4px;
	width: 48px;
	height: 17px;
	font-family: Roboto;
	font-size: 9px;
	color: #d0021b;
	letter-spacing: 0.56px;
	text-align: center;
	line-height: 17px;
	vertical-align: middle;
}

.addEditSchedule_popup_body {
	background: #ffffff;
	box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	width: 1335px;
	height: 850px;
}

.addEditSchedule_popup_headercol {
	background: #ffffff;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
}

.anchorlabel_addEditSchedule_popup {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #5c5c5b;
	line-height: 14px;
	text-align: left;
}

.addEditSchedule_popup_choicepanel {
	background: #ffffff;
	border: 1px solid #d6d5d4;
	border-radius: 2px;
	width: 188px;
	height: 31px;
	margin-left: 10px;
	margin-top: 15px;
}

.addEditSchedule_popup_choicepanel_button {
	background: #ffffff;
	font-size: 11px;
	font-family: Roboto;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	color: #0b272d;
	width: 80px;
	height: 32px
}

.addEditSchedule_popup_choicepanel_button_ACTIVE {
	background: #ffffff;
	font-size: 11px;
	font-family: Roboto;
	font-weight: bold;
	border-bottom: 1px solid #1F535D;
	color: #0b272d;
	width: 82px;
	height: 35px
}

.addEditSchedule_popup_choicelabel {
	font-family: Roboto;
	font-size: 11px;
	color: #0b272d;
	font-weight: bold;
	text-align: left;
	margin-top: 9px;
	margin-left: 3px;
	width: 40px;
}

.addEditSchedule_popup_childscheduleborder {
	border-bottom: thin solid #111111;
	border-bottom-color: black;
}

.addEditSchedule_popup_button {
	height: 30px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.addEditSchedule_popup_button_disabled {
	height: 30px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #F5F5F5;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
}

.clockSymbolImage_schedule {
	background-image: url(images/clock.png);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	height: 14px;
	width: 13px;
	margin-left: 4px;
}

.addEditSchedule_popup_calender {
	height: 30px;
	width: 100px;
	background-image: url("images/calendar.png");
	background-repeat: no-repeat;
	background-position: right;
}

.addEditSchedule_popup_uparrow {
	background-image: url("images/arrowUp.png");
}

.addEditSchedule_popup_downarrow {
	background-image: url("images/arrowDown.png");
}

.taskStatusHeaderLable {
	opacity: 0.75;
	font-family: Roboto-Bold;
	font-size: 11px;
	color: #0b272d;
	letter-spacing: 0.2px;
	line-height: 11px;
	margin-left: 37px;
	font-weight: bold;
}

.taskStatusHeaderLableGreen {
	opacity: 0.75;
	font-family: Roboto-Bold;
	font-size: 11px;
	color: #417505;
	letter-spacing: 0.2px;
	line-height: 11px;
	font-weight: bold;
	margin-left: 5%;
}

.taskStatusHorizontalPanelImagePostion {
	background-image: url(images/Position0.png);
	background-repeat: no-repeat;
	background-position: -14px;
	margin-top: 6px;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion1 {
	background-image: url(images/Position1.png);
	background-repeat: no-repeat;
	background-position: -1px;
	margin-top: 6px;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion2 {
	background-image: url(images/Position2.png);
	background-repeat: no-repeat;
	background-position: -2px;
	margin-top: 6px;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion3 {
	background-image: url(images/Position3.png);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-top: 6px;
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion4 {
	background-image: url(images/Position4.png);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-top: 6px;
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.taskStatusHorizontalPanelImagePostion5 {
	background-image: url(images/Position5.png);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-top: 6px;
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.taskStatusImageFloderTask {
	background-image: url("images/FTC.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.taskStatusImageCircuitTask {
	background-image: url("images/CTF.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.summaryBackgroundColor {
	background-color: skyblue;
}

.taskStatusImageCricuit {
	background-image: url("images/CFT.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.taskStatusImageTaskFloder {
	background-image: url("images/TFC.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.taskStatusPopupCloseButton {
	background: #f2ca00;
	height: 27px;
	width: 27px;
	background-image: url(images/close.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0px;
	cursor: pointer;
	margin-left: -26px;
}

.taskStatusImageTask {
	background-image: url("images/TCF.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 7px;
}

.taskStatusLableWhiteColour {
	font-family: Roboto-Regular;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 0.2px;
	text-align: center;
	line-height: 11px;
	margin-left: 30px
}

.taskStatusLable {
	font-family: Roboto-Regular;
	font-size: 11px;
	color: #202022;
	letter-spacing: 0.2px;
	line-height: 19px;
	text-align: center;
	margin-top: 6px;
	width: 69px;
}

.taskActivityLabelHeader {
	opacity: 0.75;
	font-family: Roboto-Bold;
	font-size: 11px;
	color: #0b272d;
	letter-spacing: 0.2px;
	line-height: 11px;
	font-weight: bold;
	text-align: center;
}

.taskStatusImageFloder {
	background-image: url("images/folderIMage.png");
	background-repeat: no-repeat;
	background-size: 15px 60px;
	background-position: -3px;
	padding-left: 8px;
	margin-left: 5px;
}

.taskStatusInfoActivityLable {
	font-family: Roboto-Medium;
	font-size: 11px;
	color: #2e8fb3;
	line-height: 29px;
	text-align: left;
	margin-left: 10px;
}

.taskStatusActivityTable th {
	border-bottom: 1px solid #e0e0de;
	border-bottom-color: #e0e0de;
}

.taskStatusInfoActivitypanel {
	background: #f7f7f6;
	width: 369px;
	height: 32px;
	width: 100%;
	height: 26px;
	margin-top: -5px;
	margin-bottom: -6px;
}

.pieContainer {
	height: 26px;
	width: 60px;
	margin-left: 5px;
	margin-top: 2px;
	line-height: 28px;
	position: relative;
}

.pieBackground {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 15px;
}

.pieSchedule {
	transition: all 1s;
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 18px;
	clip: rect(0px, 12px, 24px, 0px);
}

.hold {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 15px;
	clip: rect(0px, 24px, 24px, 1px);
}

#pieSlice1 .pieSchedule {
	background-color: #1b458b;
	transform: rotate(30deg);
}

#pieSlice2 {
	transform: rotate(30deg);
}

#pieSlice2 .pieSchedule {
	background-color: #0a0;
	transform: rotate(180deg);
}

#pieSlice3 {
	transform: rotate(210deg);
}

#pieSlice3 .pieSchedule {
	background-color: #0a0;
	transform: rotate(150deg);
}

.innerCircle {
	position: absolute;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border-radius: 12px;
	top: 4px;
	left: 4px;
	color: white;
}

.innerCircle .content {
	position: absolute;
	display: block;
	width: 24px;
	top: 8px;
	left: 0;
	text-align: center;
	font-size: 14px;
}

.pieChartDefaultFillColor {
	background-color: #d3d7cf;
}

.scheduleTopBar {
	width: 99%;
	border: 5px solid #ebeae8;
}

.scheduleTopBarFilterAndREfershButtonPanel {
	height: 33px;
	width: 100%;
	padding: 8%;
	border-right: 1px solid #dddde8;
}

.scheduleTopBarPanels {
	width: 100%;
	padding: 8%;
	height: 33px;
	border-right: 1px solid #dddde8;
}

.scheduleTopBarDrakLable {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 19px;
	color: #000000;
	letter-spacing: 0.47px;
	line-height: 14px;
	text-align: left;
}

.scheduleTopBarRedLable {
	font-family: Roboto-Regular;
	font-size: 12.5px;
	color: #d0021b;
	line-height: 14px;
	text-align: left;
}

.scheduleTopBarGreyLabel {
	opacity: 0.35;
	font-family: Roboto-Regular;
	font-size: 12.5px;
	color: #000000;
	line-height: 12px;
	text-align: left;
}

.scheduleTopBarInfoLables {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #0b272d;
	letter-spacing: 0;
	line-height: 7px;
	text-align: left;
}

.scheduleTopBarCalender {
	background-position: right 3px;
	background-image: url(images/calenderBlue.png);
	background-repeat: no-repeat;
	width: 87px;
	height: 20px;
	border: 0px solid #ccc;
	border-top: 0px solid #999;
	font-family: Roboto-Regular;
	font-size: 14px;
	color: #326299;
	text-align: inherit;
	margin-top: 7px;
}

.scheduleTopBarRightArrowInCircle {
	opacity: 0.4;
	margin-top: 6px;
	margin-left: 13px;
	border: 1px solid #485d62;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-position: 8px;
	background-image: url(images/greaterThanArrow.png);
	background-repeat: no-repeat;
}

.scheduleTopBarOnToadyButton {
	background: #e6e6e6;
	border-radius: 100px;
	width: 45px;
	height: 26px;
	font-size: 9px;
	opacity: 0.75;
	font-family: Roboto-Bold;
	font-size: 11px;
	color: #0b272d;
	letter-spacing: 0.2px;
	line-height: 9px;
	margin-top: 6px;
	margin-left: 7px;
}

.scheduleTopBarLeftArrowInCircle {
	opacity: 0.4;
	margin-top: 6px;
	margin-right: 11px;
	border: 1px solid #485d62;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-position: 8px;
	background-image: url(images/lessThanArrow.png);
	background-repeat: no-repeat;
}

.scheduleTopBarDelayedButtonPanel {
	width: 100%;
	padding: 10%;
	height: 33px;
}

.scheduleTopBarViewByLable {
	opacity: 0.75;
	font-family: Roboto-Regular;
	font-size: 10px;
	color: #0b272d;
	letter-spacing: 0;
	text-align: left;
	margin-top: 19%;
}

.schduleTopBarViewByPanel {
	height: 33px;
	width: 100%;
	padding: 5%;
}

#circle, #circle .segment {
	border-color: #dcdcdc;
	border-style: solid;
	border-width: 2px;
	box-sizing: border-box;
	height: 18px;
	position: relative;
	width: 18px;
}

#circle .segment {
	-webkit-clip-path: inset(0 9px 0px 0px);
	left: -2px;
	position: absolute;
	top: -2px;
	border-color: red;
}

.datePorgressLable {
	font-size: 9px;
	font-weight: bold;
	border-radius: 10px;
	height: 15px;
	color: white;
	width: 99%;
	background-color: #007BB8;
	text-align: center;
}

.popupFromRightToLeft {
	/* for chrome and safari*/
	-webkit-animation-duration: 4s;
	-webkit-animation-name: slidein;
	margin-left: 10%;
	/*for firefox*/
	-moz-animation-duration: 4s;
	-moz-animation-name: slidein;
	/* for opera*/
	-o-animation-duration: 4s;
	-o-animation-name: slidein;
	/* Standard syntax*/
	animation-duration: 4s;
	animation-name: slidein;
}

@
-webkit-keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
@
-moz-keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
@
-o-keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
@
keyframes slidein {from { margin-left:100%;
	width: 300%;
}

to {
	margin-left: 10%;
	width: 100%;
}

}
.suggestion {
	position: absolute;
	display: inline-block;
}

.suggestion .suggestionText {
	visibility: hidden;
	width: 188px;
	background-color: gainsboro;
	color: black;
	text-align: center;
	border-radius: 2px;
	padding: 2px 0;
	position: absolute;
	z-index: 1;
	font-size: 9px;
	top: 95%;
	left: 0%;
}

.suggestion:hover .suggestionText {
	visibility: visible;
}

.popupFromLeftToRight {
	/* for chrome and safari*/
	-webkit-animation-duration: 4s;
	-webkit-animation-name: slideout;
	margin-left: 10%;
	/*for firefox*/
	-moz-animation-duration: 4s;
	-moz-animation-name: slideout;
	/* for opera*/
	-o-animation-duration: 4s;
	-o-animation-name: slideout;
	/* Standard syntax*/
	animation-duration: 4s;
	animation-name: slideout;
}

@
-webkit-keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
@
-moz-keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
@
-o-keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
@
keyframes slideout {from { margin-left:10%;
	width: 100%;
}

to {
	margin-left: 100%;
	width: 300%;
}

}
.breadCrumbCricuit  h6 {
	position: relative;
	background: darkblue;
	width: 8px;
	height: 12px;
	margin: 4px;
}

.breadCrumbCricuit h6:before, h6:after {
	position: absolute;
	content: "";
	left: 0;
	border: 4px solid transparent;
	height: 0;
	width: 0;
}

.breadCrumbCricuit h6:before {
	top: 0;
	border-top-color: #d3d7cf;
}

.breadCrumbCricuit h6:after {
	top: 100%;
	border-top-color: darkblue;
}

.breadCrumbFolder h6 {
	position: relative;
	background: #7a367a;
	width: 8px;
	height: 12px;
	margin: 4px;
}

.breadCrumbFolder h6:before, h6:after {
	position: absolute;
	content: "";
	left: 0;
	border: 4px solid transparent;
	height: 0;
	width: 0;
}

.breadCrumbFolder h6:before {
	top: 0;
	border-top-color: #d3d7cf;
}

.breadCrumbFolder h6:after {
	top: 100%;
	border-top-color: #7a367a;
}

.breadCrumbTask h6 {
	position: relative;
	background: #72d4f9;
	width: 8px;
	height: 12px;
	margin: 4px;
}

.breadCrumbTask span {
	text-align: left;
}

.breadCrumbTask h6:before, h6:after {
	position: absolute;
	content: "";
	left: 0;
	border: 4px solid transparent;
	height: 0;
	width: 0;
}

.breadCrumbTask h6:before {
	top: 0;
	border-top-color: #d3d7cf;
}

.breadCrumbTask h6:after {
	top: 100%;
	border-top-color: #72d4f9;
}

.RuleButtonTableEstimationOfProject {
	opacity: 0.7;
	padding-left: 1px;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #5E686A;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}

.nounitRateLable {
	font-size: smaller;
	text-align: center;
	color: red;
	font-weight: bold;
}

.itemsEstimationOfProjectTile {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.itemsEstimationOfProjectTileSelected {
	width: 100%;
	height: 62px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.messageBox {
	border-radius: 15px;
	padding: 8px;
	margin: 2px;
}

.chatlistEven {
	background-color: #FFF;
}

.chatlistEven:hover {
	background-color: #72d4f9
}

.chatlistOdd {
	background-color: #E8E8E8;
}

.chatlistOdd:hover {
	background-color: #72d4f9
}

.messageBoxAlignmentRight {
	/* for chrome and safari*/
	text-align: -webkit-right;
	/* for morzilla*/
	text-align: -moz-right;
	/* for opera*/
	text-align: -o-right;
	/* for Internet Explorer*/
	text-align: -ms-right;
}

.messageBoxAlignmentCenter {
	/* for chrome and safari*/
	text-align: -webkit-center;
	/* for morzilla*/
	text-align: -moz-center;
	/* for opera*/
	text-align: -o-center;
	/* for Internet Explorer*/
	text-align: -ms-center;
}

.feedDateLableStyle {
	border-radius: 25px 25px 25px 25px;
	background: white;
	padding: 1px 5px;
	line-height: 2;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
	width: 193px;
	text-align: center;
}

.feedNotificationLabelPanel {
	padding: 5px;
	line-height: 2.4;
	color: white;
	background-color: rgba(0, 0, 0, 0.87);
}

.loaderSmallRemove {
	overflow: auto;
	position: relative;
	zoom: 1;
	width: 279px;
	height: 264px;
}

.buttonPadding {
	padding-right: 4px;
}

.buttonPaddingConstructionary {
	padding-right: 22px;
}

.feedNotificationLable {
	font-size: 12px;
	font-weight: 500;
}

.imageDetailsProjectAnchor {
	color: #ffa000;
	font-size: 10px;
	font-family: Roboto;
	font-weight: 500;
	padding: 6px;
	padding-left: 25px;
	background-image: url(images/project-image-icon.png);
	background-repeat: no-repeat;
}

.imageDetailsCircuitAnchor {
	color: #ffa000;
	font-size: 10px;
	font-family: Roboto;
	font-weight: 500;
	padding: 6px;
	padding-left: 25px;
	background-image: url(images/circuit-pin-icon.png);
	background-repeat: no-repeat;
}

.imageDetailsText {
	color: rgba(0, 0, 0, 0.54);
	font-size: 10px;
	font-weight: 500;
	font-family: Roboto;
	padding: 1px;
}

.imageDetailsTextWithCruveRectangleBorder {
	line-height: 2;
	padding: 5px;
	border-radius: 17px;
	color: rgba(0, 0, 0, 0.54);
	font-family: Roboto;
	font-weight: 500;
	font-size: 10px;
	background-color: #eeeeee;
}

.imageDeatilsAnchorWithicons {
	/* cursor: pointer; */
	display: flex;
	color: rgba(0, 0, 0, 0.54);
	text-decoration: none;
}

.imageFeedCommentSendTextArea {
	width: 98%;
	background-color: #ffffff;
	border: 0px;
	padding: 6px;
	text-align: start;
	height: 18px;
	outline: none;
}

.imageFeedCommentSendButton {
	background: #ffffff;
	width: 100%;
	height: 30px;
	border: 0px;
	background-image: url(images/send.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.squre-comment {
	width: 16px;
	height: 12px;
	border: 2px solid grey;
	text-align: center;
	position: absolute;
	font-size: 10px;
	font-family: Roboto;
}

.squre-comment::after {
	position: absolute;
	content: "";
	border-top: 6px solid grey;
	border-right: 6px solid transparent;
	top: 14px;
	left: -2px;
}

.imageFeedCommentParentTextBox {
	border-radius: 6px;
	background-color: #eeeeee;
	padding: 15px;
	width: 100%;
	font-family: Roboto;
	font-size: 12px;
}

.imageFeedCommentWithNoreply {
	color: rgba(0, 0, 0, 0.54);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	background-color: white;
	border-right: 6px solid #d8d8d8;
}

.imageFeedCommentWithreply {
	color: rgba(0, 0, 0, 0.54);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	background-color: white;
	border-left: 6px solid black;
}

.imageFeedCommentreply {
	background-color: white;
	border-left: 6px solid #f5b233;
}

.imageFeedReplyPopUpButton {
	cursor: pointer;
	border: 0px;
	height: 26px;
	background-color: white;
	background-image: url(images/more-vert.png);
	background-repeat: no-repeat;
}

.imagesInfoPanel {
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px;
	font-weight: 500;
	border-right: 1px solid #eeeeee;
	padding: 9px;
}

.imageFixedLable {
	color: rgba(0, 0, 0, 0.54);
	font-size: 10px;
	font-family: Roboto;
	font-weight: normal;
}

.imagesCountLable {
	color: black;
	padding: 6px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
}

.imagesViewAsSelect {
	padding: 3px;
	outline: none;
	border: 0;
	width: 91px;
	font-size: 14px;
	font-weight: 500;
	font-family: Roboto;
}

.imagesFilterSerchTextBox {
	border: 0;
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px;
	font-weight: bolder;
	background-color: rgb(232, 232, 232);
	padding: 4px;
}

.imageFilterPopUP {
	padding: 4px !important;
	border: 0px !important;
	background-color: white !important;
}

.dotImageFilter {
	height: 7px;
	width: 7px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.buttonWithSelectinListIcon {
	border: 0px;
	background: transparent;
	color: black;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	outline: none;
	cursor: pointer;
}

.resetButtonWithoutBorder {
	color: rgba(0, 0, 0, 0.54);
	background: transparent;
	outline: none;
	cursor: pointer;
	border: 0;
}

.imagesPaginationAnchor {
	color: black;
	width: 49px;
	height: 13px;
	padding: 6px;
	background-color: #ffC34f;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-left: -17px;
	margin-right: -16px;
	font-family: Roboto;
	font-size: 8px;
}

.sub-header-count {
	padding: 9px 8px;
	text-align: center;
	color: #757575;
	font-weight: bold;
	font-family: Roboto;
	font-size: 14px;
}

.image-of-count {
	padding-top: 5px;
}

.imagesGroupHeaderLabel {
	padding: 10px 8px;
	text-align: center;
	border-radius: 22px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: bold;
	font-family: Roboto;
	font-size: 14px;
}

.imagesGroupHeaderLabelPanel {
	background: white;
	padding: 0px 10px 0px 10px;
	border-radius: 27px;
	margin-right: 10px;
}

.imagesCommentsCountLable {
	padding-left: 26px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: black;
}

.imagesDateFilterDateBox {
	border: 0px;
	background: transparent;
	font-size: 14px;
	font-family: Roboto;
	font-weight: 500;
	outline: none;
}

.projectHeaderLable {
	/* background-image: url(images/project.png); */
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.circuitHeaderLable {
	background-image: url(images/circuit-pin-black.png);
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.userHeaderLable {
	background-image: url(images/profile-black.png);
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.dateHeaderLable {
	background-image: url(images/calendar-black.png);
	background-repeat: no-repeat;
	line-height: 3;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	text-align: initial;
	padding-left: 5%;
	background-position: 8px;
}

.imagesPopCloseButton {
	font-size: 26px;
	border: 0px;
	outline: none;
	background: transparent;
}

.singleImagePopupHeader {
	display: -webkit-box;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	padding: 2px;
}

.singleImagePopupNextImageAnchor {
	font-size: 20px;
	color: black;
	margin-left: -38px;
	transform: rotate(-450deg);
}

.loaderSmallRemove {
	overflow: auto;
	position: relative;
	zoom: 1;
	width: 279px;
	height: 264px;
}

.buttonPadding {
	padding-right: 4px;
}

.singleImagePopupLastImageAnchor {
	font-size: 20px;
	color: black;
	margin-right: -36px;
	transform: rotate(-450deg);
}

.squre-comment-black {
	width: 16px;
	height: 12px;
	border: 2px solid black;
	text-align: center;
	position: absolute;
	font-size: 10px;
	font-family: Roboto;
}

.squre-comment-black::after {
	position: absolute;
	content: "";
	border-top: 6px solid black;
	border-right: 6px solid transparent;
	top: 14px;
	left: -2px;
}

.imagesPanelCommentsAnchorPanel {
	position: relative;
	background-color: white;
	height: 28px;
	width: 27px;
	padding: 4px;
	margin-left: -26px;
	top: -3px;
}

.imageVersionsLablePanel {
	position: relative;
	margin-left: -36px;
	padding: 7px;
	background-color: white;
	height: 36px;
	width: 36px;
	border-radius: 0px 0px 0px 29px;
	color: rgba(0, 0, 0, 0.54);
}

.activityRefrashButton {
	outline: none;
	border: 0px;
	padding: 5px;
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.33;
	color: rgba(0, 0, 0, 0.54);
	background-color: white;
}

.activityCountLable {
	font-family: Roboto;
	font-size: 14px;
	line-height: 1.43;
	color: rgba(0, 0, 0, 0.87);
}

.activityDateLable {
	background-color: rgba(0, 0, 0, 0.38);
	padding: 5px 0px 3px 5px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	text-align: center;
	border-radius: 25px 25px 25px 25px;
}

.activityDataPanel {
	width: 100%;
	border-bottom: solid 1px #0000008a;
}

.activityLable {
	font-family: Roboto;
	font-size: 12px;
	color: #ffffff;
}

.imageGroupPanelCheckbox {
	background-color: white;
	border-radius: 32px;
	margin-right: 7px;
}

.imageGenerateReportButton {
	background: #ffba04;
	border: 1px solid #FFB908;
	color: black;
	border-radius: 0px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	padding: 4px 6px;
	text-decoration: none;
}

.imageActivityProjectName {
	/* width: 100%; */
	border: 0px;
	background-color: #9e9e9e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	margin-bottom: 10px;
}

.notificationSelectedIcon {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:hover {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:link {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:visited {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationSelectedIcon:active {
	background-image: url(images/notificationSelected.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.notificationIcon {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:hover {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:link {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:visited {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.notificationIcon:active {
	background-image: url(images/notification.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
}

.unreadCircleRed {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:hover {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:link {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:visited {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadCircleRed:active {
	width: 18px;
	height: 18px;
	background-color: #f5b233;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:hover {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:link {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:visited {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unreadNo:active {
	width: 18px;
	height: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.feedTopPanel {
	width: 100%;
	height: 37px;
	background-color: #ffffff;
	padding-left: 16px;
	padding-right: 7px;
}

.feedWindow {
	border: solid 1px #ffffff;
}

.lblAllFeeds {
	width: 102px;
	height: 20px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.feedTile {
	width: 100%;
	border-top: solid 0.5px rgba(0, 0, 0, 0.54);
	border-bottom: solid 0.5px rgba(0, 0, 0, 0.54);
	background-color: rgba(0, 0, 0, 0.54);
	padding: 10px;
}

.feedCommentReply {
	background-image: url(images/feedCommentReply.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedImageComment {
	background-image: url(images/feedImageComment.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedNewImage {
	background-image: url(images/feedNewImage.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedImageVersion {
	background-image: url(images/feedImageVersion.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedIndent {
	background-image: url(images/feedIndent.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedPO {
	background-image: url(images/poFeed.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedWO {
	background-image: url(images/woFeed.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedChallan {
	background-image: url(images/challanFeed.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 24px;
	background-size: 20px 18px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 5px;
}

.feedDate {
	height: 26px;
	border-radius: 13px;
	background-color: rgba(0, 0, 0, 0.38);
	font-family: Roboto;
	font-size: 12px;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 26px;
	vertical-align: middle;
	margin-bottom: 10px;
}

.feedProjectName {
	height: 24px;
	border-radius: 2px;
	background-color: #9e9e9e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	margin-bottom: 10px;
}

.feedProjectName {
	height: 24px;
	border-radius: 2px;
	background-color: #9e9e9e;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	margin-bottom: 10px;
}

.feedText {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	margin-bottom: 10px;
	display: inline;;
}

.feedAnchor {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
	display: inline;;
}

.feedAnchor:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
	display: inline;
}

.feedAnchor:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.feedAnchor:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.feedAnchor:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #ffc34f;
}

.footerDate {
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #ffffff;
}

.projectHeaderBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.54);
}

.projectHeaderBarColor {
	background-color: rgba(0, 0, 0, 0.54);
	width: 25px;
}

.projectMidBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

.projectBottomBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

.bottomBarBorderBottom {
	border-bottom: 1px solid #BDBDBD;
}

.projectOrdersBar {
	background-color: #eeeeee;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	padding-left: 12px;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderOneText {
	height: 13px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
	padding-left: 8px;
}

.projectHeaderOneTextNoPadding {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderOneTextNoPaddingAlignRight {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	text-align: right;
	color: rgba(0, 0, 0, 0.54);
}

.projectHeaderTwoText {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.54);
	padding-bottom: 2px;
}

.projectHeaderTwoTextNew {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: #f2f2f2;
	padding-bottom: 2px;
	padding-left: -4px;
}

.projectHeaderTwoTextTimeline {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: black;
	padding-bottom: 2px;
	padding-left: -4px;
}

.projectHeaderTwoTextRed {
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectHeaderTwoTextRed {
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectContentBigBlack {
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectPartsTotalCell {
	padding-left: 2px;
	padding-right: 2px;
}

.projectPartsTotalTable {
	background-color: #eeeeee;
}

.projectCircuitLabel {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectCircuitLabel:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectContentBigRed {
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectContentSmallBlack {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.projectContentSmallBlackMiddle {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	vertical-align: middle;
}

.paddingLeft {
	padding-left: 8px;
}

.projectContentSmallRed {

}

.clientOrderDiv {
	width: 8px;
	height: 8px;
	background-color: #84611d;
}

.budgetDiv {
	width: 8px;
	height: 8px;
	background-color: #244c8f;
}

.costInProcessDiv {
	width: 8px;
	height: 8px;
	background-color: #4f9cff;
}

.clientBillDiv {
	width: 8px;
	height: 8px;
	background-color: #ffc34f;
}

.costCompletedDiv {
	width: 8px;
	height: 8px;
	background-color: #a2d5ff;
}

.projectContentSmallRedMiddle {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: red;
	vertical-align: middle;
}

.fTableParts {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	border-bottom: 1px solid #BDBDBD;
}

.blankGraph {
	width: 10px;
	height: 18px;
	opacity: 0.3;
	border-radius: 1px;
	background-color: #d8d8d8;
	vertical-align: bottom;
	line-height: 18px;
}

.clientOrderGraph {
	width: 10px;
	background-color: #84611d;
}

.budgetGraph {
	width: 10px;
	background-color: #244c8f;
}

.costInProcessGraph {
	width: 10px;
	background-color: #4f9cff;
}

.clientBillGraph {
	width: 10px;
	background-color: #ffc34f;
}

.costCompletedGraph {
	width: 5px;
	background-color: #a2d5ff;;
}

.netAmtGreen {
	font-family: RupeeForadian;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #45ba5a;
}

.netAmtRed {
	font-family: RupeeForadian;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #ea2a2a;
}

.projectIcon {
	background-image: url(images/project.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	padding-left: 9px;
}

.teamIcon {
	background-image: url(images/team.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	padding-left: 9px;
}

.projectNameNew {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 2px;
	padding-right: 6px;
	text-decoration: none;
}

.projectNameNewHover {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #E39C12;
	padding-left: 2px;
	padding-right: 6px;
	text-decoration: none;
}

.projectIconPadding {
	padding-left: 10px;
}

.projectName {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:link {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:visited {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:hover {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.projectName:active {
	height: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	padding-left: 10px;
	text-decoration: none;
}

.placeIcon {
	background-image: url(images/place.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 36px;
	text-align: right;
}

.imageIcon {
	background-image: url(images/feedNewImage.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.feedIcon {
	background-image: url(images/feeds.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	margin-left: 45px;
}

.chatIcon {
	background-image: url(images/chats.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.alert-circle-outline {
	background-image: url(images/alert-circle-outline.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.alert-circle {
	background-image: url(images/alert-circle.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.p-circle-outline {
	background-image: url(images/p-circle-outline.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.p-circle {
	background-image: url(images/p-circle.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	background-size: 24px 24px;
}

.deleteIcon {
	background-image: url(images/delete.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.deleteIconDisabled {
	background-image: url(images/delete.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	opacity: 0.20;
}

.updateIcon {
	background-image: url(images/edit.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
}

.updateIconDisabled {
	background-image: url(images/edit.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	text-align: right;
	opacity: 0.20;
}

.leftMargin {
	padding-left: 65px;
}

.leftMarginProjectHeader {
	padding-left: 20px;
}

.leftMarginProjectHeaderSmall {
	padding-left: 5px;
}

.leftMarginSmall {
	padding-left: 10px;
}

.bottomMargin {
	padding-bottom: 10px;
}

.indentIcon {
	background-image: url(images/indent.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.moIcon {
	background-image: url(images/mo.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.poIcon {
	background-image: url(images/po.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.challanIcon {
	background-image: url(images/challan.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.woIcon {
	background-image: url(images/wo.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
}

.countCircleRed {
	width: 18px;
	height: 18px;
	background-color: #ea2a2a;
	border-radius: 50%;
	position: relative;
	left: 12px;
	bottom: 8px;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	text-decoration: none;
}

.countText {
	width: 18px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	color: #ffffff;
}

.approvalPopupRowNoHover {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
}

.approvalPopupRowNoHoverCompletion {
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
}

.approvalPopupRowNoHoverRed {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: red;
	height: 30px;
}

.approvalPopupRowNoHoverRedCompletion {
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: red;
	height: 30px;
}

.approvalPopupRow {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
}

.approvalPopupRow:hover {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	height: 30px;
	background-color: #eeeeee;
	cursor: pointer;
	text-decoration: none;
}

.approvalPopupRowNoHeight {
	padding-left: 10px;
	border-top: 1px solid #dfe2e6;
	border-bottom: 1px solid #dfe2e6;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	background-color: #eeeeee;
}

.hPanelStatusCell {
	position: relative;
	top: 12px;
}

.hideDiv {
	visibility: hidden;
}

.imageAnchor {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:link {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:visited {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:hover {
	cursor: pointer;
	text-decoration: none;
}

.imageAnchor:active {
	cursor: pointer;
	text-decoration: none;
}

.projectListBox {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	outline: none;
}

select.projectListBox option {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	outline: none;
}

.projectListBox option {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	outline: none;
}

.projectTilePO {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-decoration: none
}

.projectTilePOHover {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #eeeeee;
	text-decoration: none
}

.textPadding {
	padding-right: 4px;
}

.searchTextBox {
	width: 239px;
	border-radius: 2px;
	border: solid 1px rgba(0, 0, 0, 0.87);
}

.stPlaceHolder::-webkit-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.stPlaceHolder:-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.stPlaceHolder::-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.stPlaceHolder:-ms-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	ffont-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.folderTileNew {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.folderTileNewExpanded {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.folderTileNewHover {
	width: 225px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0px 1px 2px 2px #E0E0E0;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNew {
	width: 185px;
	height: 46px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNewHover {
	width: 185px;
	height: 50px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNewSelected {
	width: 185px;
	height: 50px;
	background: rgba(115, 95, 6, 0.07);
	border: 1px solid rgba(115, 95, 6, 0.6);
	border-radius: 4px;
}

.categoryTileNewAddParts {
	width: 250px;
	height: 56px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.serviceTileNewAddParts {
	width: 250px;
	height: 51px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNewHoverAddParts {
	width: 250px;
	height: 60px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.serviceTileNewHoverAddParts {
	width: 250px;
	height: 55px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileNewSelectedAddParts {
	width: 250px;
	height: 60px;
	background: rgba(115, 95, 6, 0.07);
	border: 1px solid rgba(115, 95, 6, 0.6);
	border-radius: 4px;
}

.constructionaryHeader1 {
	font-family: Roboto;
	font-style: Bold;
	font-size: 10px;
	opacity: 0.4;
	color: #333230;
	padding-left: 20px;
}

.constructionaryHeader2 {
	font-family: Roboto;
	font-style: Regular;
	font-size: 22px;
	line-height: 22px;
	color: #735F06;
	padding-left: 20px;
}

.constructionaryHeaderSmall {
	font-family: Roboto;
	font-style: Regular;
	font-size: 16px;
	line-height: 16px;
	color: #735F06;
}


.constructionarySearchBoxSmall {
	width: 319px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
}

.constructionarySearchBoxTextBoxSmall {
	width: 281px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.constructionarySearchBox {
	width: 569px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
}

.constructionarySearchBoxTextBox {
	width: 531px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.searchIcon {
	width: 38px;
	height: 18px;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
	cursor: pointer;
}

.constructionarySearchBoxCreatePart {
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	margin-left: 30px;
}

.constructionarySearchBoxAddPart {
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	padding-left: 15px;
}

.constructionarySearchBoxCreatePartTextBox {
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.constructionaryHomeBackground {
	background: #E5E5E5;
}

.constructionarySearchBoxPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.constructionarySearchBoxPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.constructionarySearchBoxPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.constructionarySearchBoxPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #B2B2B1;
	line-height: 18px;
}

.createPartName {
	height: 30px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
	background: rgba(51, 50, 48, 0.05);
}

.folderSearchBox {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	background: #FFFFFF;
}

.folderSearchBoxNoMargin {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	background: #FFFFFF;
}

.folderSearchBoxTextBox {
	height: 29px;
	padding-left: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	border: none;
	background: transparent;
}

.folderSearchBoxPopulated {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
	background: rgba(51, 50, 48, 0.05);
}

.folderSearchBoxNoValue {
	width: 90%;
	height: 30px;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 12px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
	background: red;
}

.folderSearchBoxText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
}

.downIcon {
	width: 38px;
	height: 18px;
	background-image: url("images/constructionaryDown.png");
	background-repeat: no-repeat;
	background-size: 10px 8px;
	background-position: center;
	cursor: pointer;
}

.folderSearchBoxPlaceHolder::-webkit-input-placeholder {
	height: 100%;
	line-height: 30px;
}

.folderSearchBoxPlaceHolder:-moz-placeholder {
	height: 100%;
	line-height: 30px;
}

.folderSearchBoxPlaceHolder::-moz-placeholder {
	height: 100%;
	line-height: 30px;
}

.folderSearchBoxPlaceHolder:-ms-input-placeholder {
	height: 100%;
	line-height: 30px;
}

.searchPopupRowRollOut {
	outline: none;
	width: 100%;
}

.searchPopupRowRollOver {
	outline: none;
	background: #F5F4EE;
	width: 100%;
}

.specName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #4F4F4F;
	opacity: 0.8;
}

.specValue {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333333;
	opacity: 0.8;
}

.specLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #735F06;
}

.specLabelRed {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: red;
	padding-right: 2px;
	padding-left: 2px;
}

.specLabelOrange {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: orange;
	padding-right: 2px;
	padding-left: 2px;
}

.specLabelGreen {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: green;
	padding-right: 2px;
	padding-left: 2px;
}

.specPanel {
	padding-top: 20px;
	padding-bottom: 20px;
}

.specErrorPanel {
	padding-top: 10px;
	padding-bottom: 10px;
}

.createPartValue {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	opacity: 0.8;
}

.createPartLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 12px;
	color: #333333;
}

.createPartSpecLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #4F4F4F;
	opacity: 0.8;
	margin-bottom: 5px;
}

.createPartSpecLabelSelected {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	margin-bottom: 5px;
}

.createPartPaddingLeft {
	padding-left: 15px;
}

.createPartPaddingBottom {
	margin-bottom: 15px;
}

.partsSectionBorder {
	border-right: 3px solid #DFE2E6;
}

.partsSectionBorderRed {
	border: 1px solid red;
}

.partsSectionBorderDark {
	border: 1px solid #E0E0E0;
	background: #FFFFFF;
}

.homeIcon {
	width: 18px;
	height: 18px;
	background-image: url("images/home.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
	cursor: pointer;
}

.projectIconNew {
	width: 18px;
	height: 18px;
	background-image: url("images/projectIcon.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectNameBreadCrumb {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
}

.screenNameBreadCrumb {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	color: #E29B19;
}

.timeLineUnselected {
	width: 24px;
	height: 24px;
	background-image: url("images/timelineUnselected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.timeLineUnselected:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/timelineSelected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.timeLineSelected {
	width: 24px;
	height: 24px;
	background-image: url("images/timelineSelected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.matrixUnselected {
	width: 24px;
	height: 24px;
	background-image: url("images/matrixUnselected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.matrixUnselected:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/matrixSelected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.matrixSelected {
	width: 24px;
	height: 24px;
	background-image: url("images/matrixSelected.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.projectMenu {
	width: 18px;
	height: 18px;
	background-image: url("images/projectMenu.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectMenuNew {
	width: 24px;
	height: 24px;
	background-image: url("images/projectMenuNewCircle.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid white;
	background-color: transparent;
	border-radius: 50%;
}

.projectMenuOld {
	width: 24px;
	height: 24px;
	background-image: url("images/projectMenuNew.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.projectMenuNewHover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectMenuNewCircleHover.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #E39C12;
	background-color: transparent;
	border-radius: 50%;
}

.projectMenuOldHover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectMenuNewHover.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.projectInfo {
	width: 18px;
	height: 18px;
	background-image: url("images/projectInfo.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectInfoNew {
	width: 18px;
	height: 18px;
	background-image:
		url("images/promasch_project_information_icon_on_hover.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.orderValue {
	width: 18px;
	height: 18px;
	background-image: url("images/orderValue.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.budget {
	width: 18px;
	height: 18px;
	background-image: url("images/budget.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectCost {
	width: 18px;
	height: 18px;
	background-image: url("images/projectCost.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.bills {
	width: 18px;
	height: 18px;
	background-image: url("images/bills.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectStatus {
	width: 18px;
	height: 18px;
	background-image: url("images/projectStatus.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectTeam {
	width: 18px;
	height: 18px;
	background-image: url("images/projectTeam.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectIndents {
	width: 18px;
	height: 18px;
	background-image: url("images/indent_order_bill_icon.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectImages {
	width: 18px;
	height: 18px;
	background-image: url("images/projectImages.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectImagesReport {
	width: 18px;
	height: 18px;
	background-image: url("images/project_image_report_on_hover_icon.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectReports {
	width: 18px;
	height: 18px;
	background-image:
		url("images/promasch_project_report_analytic_icon_on_hover.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectStock {
	width: 18px;
	height: 18px;
	background-image: url("images/projectStock.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.projectPending {
	width: 24px;
	height: 24px;
	background-image: url("images/projectPendingNew.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectPending:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectPendingHover.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectNoPendingApproval {
	width: 24px;
	height: 24px;
	background-image: url("images/projectNoPendingApprovalNew.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectNoPendingApproval:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectNoPendingApprovalHover.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectPendingApproval {
	width: 24px;
	height: 24px;
	background-image: url("images/projectPendingApprovalNew.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectPendingApproval:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/projectPendingApprovalHover.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.infoIcon {
	width: 14px;
	height: 14px;
	background-image: url("images/info.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center;
	cursor: pointer;
}

.chevRight {
	width: 7px;
	height: 12px;
	background-image: url("images/chevRight.svg");
	background-repeat: no-repeat;
	background-size: 7px 12px;
	background-position: center;
}

.chevRightWhite {
	width: 7px;
	height: 12px;
	background-image: url("images/chevRightWhite.svg");
	background-repeat: no-repeat;
	background-size: 7px 12px;
	background-position: center;
}

.chevRightOrange {
	width: 7px;
	height: 12px;
	background-image: url("images/chevRightOrange.png");
	background-repeat: no-repeat;
	background-size: 7px 12px;
	background-position: center;
}

.chevDownSmallConstructionary {
	width: 12px;
	height: 12px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.partSearchTBTextBox {
	background: transparent;
	height: 40px;
	outline: none;
	border: transparent;
	padding-left: 12px;
}

.orderSearchTBTextBox {
	background: #FFFFFF;
	outline: none;
	border: transparent;
	box-sizing: border-box;
	border-radius: 2px;
	height: 28px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.partSearchTB {
	height: 40px;
	background: #FFFFFF;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 25px;
	margin-right: 6%;
}

.searchTBPanel {
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	width: 200px;
}

.expandIcon {
	width: 24px;
	height: 24px;
	background-image: url("images/expandRight.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.noRecordsText {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	margin-left: 20px;
	margin-top: 20px;
}

.orderSearchTBPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.orderSearchTBPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.orderSearchTBPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.orderSearchTBPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 1%;
	padding-right: 1%;
}

.partSearchTBPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchTBPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchTBPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchTBPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333230;
	padding-left: 30px;
}

.partSearchPopup {
	width: 569px;
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.25);
	box-sizing: border-box;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	height: 231px;
}

.partSearchPopupNoWidth {
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.25);
	box-sizing: border-box;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	height: 231px;
}

.partSearchPopupRow {
	padding-left: 16px;
}

.partSearchMatchFolder {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #735F06;
}

.partSearchNotMatchFolder {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #828282;
	opacity: 0.6;
}

.partSearchMatch {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #735F06;
	cursor: pointer;
}

.partSearchNotMatch {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #828282;
	opacity: 0.6;
	cursor: pointer;
}

.partRowPadding {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
}

.partSearchTableBorder {
	width: 12px;
	height: 12px;
}

.partSearchTableHorizontalLine {
	border-left: 1px solid #EAE9E8;
	border-bottom: 1px solid #EAE9E8;
	height: 10px;
	width: 10px;
}

.rightFolderTile {
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	margin-left: 30px;
	margin-top: 24px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.rightFolderTileHover {
	background: #FFFFFF;
	mix-blend-mode: normal;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 2px;
	margin-left: 30px;
	margin-top: 24px;
	box-shadow: 0px 5px 10px 20px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.rightFolderTileHoverTopBar {
	height: 4px;
	width: 100%;
	background: #D9B410;
	border-radius: 2px 2px 0px 0px;
}

.categoryTileHoverTopBar {
	height: 4px;
	width: 100%;
	background: #735F06;
	border-radius: 2px 2px 0px 0px;
}

.expand {
	width: 24px;
	height: 24px;
	background-image: url("images/expand.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.collapse {
	width: 24px;
	height: 24px;
	background-image: url("images/collapse.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.chevDownSmallConstructionary {
	width: 12px;
	height: 12px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.partNameTextAddPartNoPadding {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameTextAddPart:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partNameText:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	color: #333230;
	height: 40px;
	padding-left: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.partTileHover {
	background: #F5F4EE;
}

.folderTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.3;
	padding-left: 15px;
}

.categoryTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.6;
}

.compAddAnchor {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchor:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
}

.compAddAnchorPaddingDisabled {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPaddingDisabled:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: default;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
	opacity: 0.5;
}

.compAddAnchorPadding {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}

.compAddAnchorPadding:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 25px;
}
/* .partCompareBar
{
	height: 48px;
	background-color: #735F06;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 23px;
} */
.partCompareBar_search {
	vertical-align: baseline;
	height: 55px;
	background-color: #735F06;
	padding-right: 23px;
}

.partCompareBar_sort {
	vertical-align: baseline;
	padding-top: 22px;
	height: 55px;
	background-color: #735F06;
	padding-right: 23px;
}

.partCompareBar_compare {
	vertical-align: top;
	padding-top: 22px;
	height: 55px;
	background-color: #735F06;
	padding-right: 23px;
}

.partCompareBarNoPadding {
	height: 48px;
	line-height: 48px;
	background-color: #735F06;
	padding-top: 8px;
	padding-bottom: 8px;
}

.compareButton {
	height: 32px;
	background: #FADC19;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.compareButton_new {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	margin-right: 6px;
}

.compareButton_newMargin {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
	margin-right: 16px;
}

.compareButtonText_new {
	background-color: #FFD400;
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
	line-height: 14px;
}

.compareButtonMargin {
	width: 129px;
	height: 32px;
	background: #FFFFFF;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 16px;
}

.compareText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #323133;
	opacity: 0.9;
	/* #7A6600; */
}

.compareTextPadding {
	padding-left: 14px;
}

.compareTextPaddingBoth {
	padding-left: 14px;
	padding-right: 14px;
}

.comparePopup {
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	border-radius: 4px;
}

.paddingLeftComparePopup {
	padding-left: 25px;
}

.compareTextGray {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #323133;
	/* #828282; */
	opacity: 0.9;
}

.comparePopupHeader {
	background: #F5F5F5;
	height: 55px;
	width: 100%;
}

.comparePopupCompareText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}

.comparePopupCompareButton {
	width: 129px;
	height: 32px;
	background: #735F06;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.addPopupCompareButton {
	height: 32px;
	background: #735F06;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.partsCompareTable {
	border-top: 2px solid #EFEFEF;
	border-left: 3px solid #EFEFEF;
}

.partsCompareHeader {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: #3D3C3A;
	padding-left: 15px;
}

.folderTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.3;
	padding-left: 15px;
}

.partsCompareHeaderBack {
	background-color: #F5F5F5;
	width: 100%;
	height: 78px;
	padding-right: 150px;
}

.showOnlySelectedOuterTrueBrown {
	background: #735F06;
	border-radius: 100px;
	width: 26px;
	height: 14px;
	cursor: pointer;
	text-align: right;
	border: 1px solid #d9b40f;
}

.highlightDiffText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
}

.highlightDiffTextGray {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	opacity: 0.5;
}

.partsCompareSpecTitle {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #333230;
	padding-left: 15px;
}

.partsComparePartName {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	color: #333230;
	padding-left: 15px;
}

.partsCompareSpecName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	padding-left: 10px;
	background: white;
}

.partsCompareSpecNameBold {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	padding-left: 10px;
}

.partsCompareSpecNameDiff {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	padding-left: 10px;
	background-color: white;
	opacity: 1.0;
}

.partsCompareSpecValue {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;;
	opacity: 0.5;
	padding-left: 10px;
}

.partsCompareSpecValueDiff {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	padding-left: 10px;
	background-color: #F7F5F0;
	opacity: 1.0;
	word-break: break-all;
}

.specFilterNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 6%;
	margin-right: 6%;
	padding-left: 3%;
	padding-right: 3%;
}

.specFilterNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 6%;
	margin-right: 6%;
	padding-left: 3%;
}

.filterBySpecsNoBorder {
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 6%;
	margin-right: 6%;
}

.filterBySpecsText {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #735F06;
	mix-blend-mode: normal;
}

.specFilterPopupPanel {
	background: #FFFFFF;
	border: 1px solid #7A6600;
	box-sizing: border-box;
	border-radius: 2px;
	height: 347px;
}

.unspecPartsPopupPanel {
	background: #FFFFFF;
	border: 1px solid #7A6600;
	box-sizing: border-box;
	border-radius: 2px;
	height: 375px;
}

.specFilterPopupPanelName {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #7A6600;
}

.specFilterSearchBox {
	height: 100%;
	background: #F5F4EE;
}

.specFilterSearchBoxPlaceHolder::-webkit-input-placeholder {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	opacity: 0.52
}

.specFilterSearchBoxPlaceHolder:-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.specFilterSearchBoxPlaceHolder::-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.specFilterSearchBoxPlaceHolder:-ms-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	ffont-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}

.closeButtonConstructionarySmall {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 28px;
	height: 28px;
	line-height: : 28px;
	text-align: center;
	vertical-align: middle;
	padding-left: 9px;
	padding-right: 9px;
}

.refreshIconFilter {
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	height: 32px;
	width: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
}

.closeIconConstructionary {
	background-image: url(images/close.svg);
	background-repeat: no-repeat;
	height: 8px;
	width: 8px;
}

.closeButtonFilterNew {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
}

.closeButtonConstructionary {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	padding-left: 11px;
	padding-right: 11px;
}

.filterMenu {
	height: 100%;
	background: #F5F5F5;
	border-top: 1px solid #E2E1E1;
	border-bottom: 1px solid #E2E1E1;
	box-sizing: border-box;
}

.filterMenuSelectedCell {
	border-bottom: 2px solid #7A6600;
}

.filterMenuAnchor {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchor:link {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchor:visited {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchor:hover {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchor:active {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333230;
}

.filterMenuAnchorSelected {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:link {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:visited {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:hover {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.filterMenuAnchorSelected:active {
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #735F06;
}

.folderIcon {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 8px;
}

.folderIconExpandedRight {
	background-image: url(images/folderTileExpanded.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 8px;
}

.folderIconSearch {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 10px;
	width: 12.5px;
	background-size: 12.5px 10px;
	text-decoration: none;
	margin-right: 2px;
}

.categoryIcon {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 15px;
	margin-top: 8px;
}

.categoryIconSearch {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 10px;
	width: 12.5px;
	background-size: 12.5px 10px;
	text-decoration: none;
	margin-right: 2px;
}

.categoryIconHeader {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
}

.folderIconExpanded {
	background-image: url(images/folderTileExpanded.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 8px;
	margin-top: 8px;
}

.folderIconExpandedHeader {
	background-image: url(images/folderTileExpanded.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
}

.folderName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #333230;
	padding-left: 9.5px;
	padding-top: 10px;
}

.categoryName {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10.5px;
	line-height: 12px;
	color: #735F06;
	padding-left: 1px;
	padding-top: 10px;
	opacity: 0.9;
}

.folderNameSmall {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: 13px;
	color: #333230;
	padding-left: 1px;
	padding-top: 0px;
}

.folderNameBig {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12.5px;
	line-height: 13px;
	color: #333230;
	padding-left: 1px;
	padding-top: 0px;
}

.categoryNameHeader {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10.5px;
	line-height: 12px;
	color: #735F06;
	opacity: 0.9;
}

.folderNameExpanded {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
	padding-left: 9.5px;
	padding-top: 10px;
	Fill: Solid;
}

.folderDetails {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.4;
	padding-left: 9.5px;
}

.categoryDetails {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: 9px;
	color: #333230;
	mix-blend-mode: normal;
	opacity: 0.45;
	padding-left: 1px;
}

.folderDetailsExpanded {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #735F06;
	mix-blend-mode: normal;
	opacity: 50%;
	padding-left: 9.5px;
	Blend: Normal;
	Fill: Solid;
}

.chevDownSmall {
	width: 12px;
	height: 12px;
	background-image: url("images/chevdown.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	margin-right: 12px;
	cursor: pointer;
}

.chevUpSmall {
	width: 12px;
	height: 12px;
	background-image: url("images/chevup.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	margin-right: 12px;
	cursor: pointer;
}

.categorySearchBox {
	border: 1px solid #DCD7C1;
	border-radius: 2px;
	margin-left: 4px;
	margin-right: 8px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 8px;
	width: 95%;
	padding-left: 8px;
}

.categorySearchBoxSmall {
	border: 1px solid #DCD7C1;
	border-radius: 2px;
	margin-left: 4px;
	margin-right: 8px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 8px;
	width: 240px;
	padding-left: 8px;
	padding-right: 8px;
}

.categorySearchBoxPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.categorySearchBoxPlaceHolder:-moz-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.categorySearchBoxPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.categorySearchBoxPlaceHolder:-ms-input-placeholder {
	width: 100%;
	height: 100%;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 174px 0px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #735F06;
	opacity: 0.5;
}

.folderExplorer {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	mix-blend-mode: normal;
}

.ConstructionaryDetailsPanel {
	height: 48px;
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	padding-left: 20px;
}

.ClearAllPanel {
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.folderExplorerPanel {
	height: 48px;
	background: #E7E5E3;
	border: 1px solid #E0E0E0;
	padding-left: 20px;
}

.folderNameRight {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #735F06;
	padding-left: 4px;
}

.folderNameRightSmall {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #735F06;
	padding-left: 4px;
}

.folderNameRightDisabled {
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	color: #333230;
	opacity: 0.5;
}

.folderDetailsRightNumber {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	color: #333333;
	mix-blend-mode: normal;
	opacity: 0.8;
}

.folderDetailsRight {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	mix-blend-mode: normal;
	opacity: 0.6;
	padding-left: 4px;
	padding-right: 40px;
}

.folderDetailsRightNoPadding {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	mix-blend-mode: normal;
	opacity: 0.6;
	padding-left: 4px;
	padding-right: 4px;
}

.partDetailsRight {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #735F06;
	padding-right: 2px;
}

.partDetailsRightOpaque {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #735F06;
	opacity: 0.4;
}

.partUsed {
	width: 12px;
	height: 14px;
	background-image: url("images/partused.svg");
	background-repeat: no-repeat;
	background-size: 12px 14px;
	background-position: center;
}

.projectReportHeaderBlack {
	background: #000000;
	color: black;
	border-radius: 20px;
	font-family: Roboto;
	padding: 4px 6px;
}

.curvedBorders {
	border-radius: 4px;
	background-color: rgb(0, 0, 0);
	padding: 4px;
	margin-top: 4px;
	height: 25px;
}

.textBoxInBlack {
	background-color: #000000;
	border-width: 0px 0px 0px;
	color: white;
	font-weight: bold;
	border-bottom: 1px solid white;
}

.textBoxInWhite {
	margin-top: 3px;
	background-color: #FFFFFF;
	border-width: 0px 0px 0px;
	color: black;
	font-weight: bold;
	border-bottom: 1px solid black;
}

.projectReportHeaderWhite {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px solid lightgray;
	color: black;
	padding: 2px;
	background: white;
	margin-top: 20px
}

.reportTitleTextBox {
	font-weight: 600;
	color: rgb(0, 0, 0);
	padding: 8px;
	margin: 16px;
}

.imageBox {
	background-color: white;
	padding: 10px;
	height: 358px;
	width: 178px;
	border: 1px solid gray;
	border-radius: 7px;
}

.imageBoxChecked {
	background-color: white;
	padding: 10px;
	height: 358px;
	width: 178px;
	border: 1px solid gray;
	border-radius: 7px;
	box-shadow: 0px 1px 19px 4px #888888;
}

.groupingKeyHorizonatPanelForReport {
	background-color: white;
	padding: 18px;
	border: 1px solid lightgray;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.orderListGroupPadding {
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	border-radius: 7px;
	box-shadow: 0px 1px 19px 4px #888888;
	text-align: center;
	align-content: center
}

.textbox_css {
	padding: 5px 4px;
	border: 1px solid #ccc;
	/* border-top: 1px solid #999; */
	font-size: small;
	font-family: Arial Unicode MS, Arial, sans-serif;
	background-color: white;
}

.borderradius_css {
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.borderRadius {
	border-radius: 4px;
}

.RAISED-BY {
	width: 50px;
	height: 8px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.approved_by_name_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	/* line-height: 2; */
	letter-spacing: normal;
	color: #000000;
}

.approved_by_name_panel .text-style-1 {
	font-size: 8px;
}

.APPROVED-BY {
	width: 90px;
	height: 12px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.Rectangle {
	width: 737px;
	height: 83px;
	border-radius: 8px;
	background-color: #ffffff;
}

.rectangle_order_panel {
	width: 100%;
	height: 15px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	background-color: #dfdfdf;
	cursor: pointer;
}

.rectangle_order_panel:hover {
	cursor: pointer;
}

.Rectangle-Main {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	/* box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.35); */
	border: solid 1px #e1e1e1;
	background-color: #f2f2f2;
}

.VENDOR {
	width: 24px;
	height: 8px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.Abad-Insulation-Pvt {
	width: 91px;
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #000000;
}

.ENTITY {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/*  margin-top: 3%; */
}

.order_no_panel_css {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #000000;
}

.order_no_panel_css:hover {
	cursor: pointer;
	color: #ce814a;
}

.order_no {
	width: 100%;
	height: 8px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #000000;
}

.Fill-2 {
	width: 12px;
	height: 12px;
	background-color: #000000;
}

.BORDER-Rectangle:hover {
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
	cursor: pointer;
}

.items_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 3%; */
}

.column_label {
	/* width: 95px; */
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #000000;
	margin-top: 2px;
	/* margin-bottom: 2px; */
}

.locations_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/*  margin-top: 3%; */
}

.ORDER-VALUE-SAVING {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 3%; */
	margin-left: 10px;
}

.ORDER-VALUE-STATUS {
	width: 100px;
	height: 12px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	margin-top: 3%;
	padding-left: 5px;
}

.TOTAL_VALUE {
	width: 90px;
	height: 14px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
	margin-left: 10px;
	margin-top: 20px;
}

.BILLS-5 {
	width: 50px;
	height: 14px;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
}

.TOTAL_VALUE_LABEL {
	width: 100%;
	height: 18px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.7;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin-left: 1%;
	margin-top: 10px;
	text-align: left;
}

.TOTAL_VALUE_LABEL .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.YOU-CAN-SAVE {
	width: 100px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #fafafa;
	margin-left: 10px;
	margin-top: 3px;
}

.YOU_CAN_SAVE_LABEL {
	width: 100%;
	height: 26px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.17;
	letter-spacing: normal;
	color: #000000;
}

.YOU_CAN_SAVE_LABEL .text-style-1 {
	font-family: RupeeForadian;
	font-size: 20px;
	font-weight: normal;
}

.YOU_CAN_SAVE_LABEL .text-style-2 {
	font-size: 20px;
}

.YOU_CAN_SAVE_Rectangle {
	width: 174px;
	height: 70px;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	margin-top: 10px;
}

.YOU-CAN-Rectangle {
	width: 165px;
	height: 24px;
	border-radius: 4px;
	background-color: #81c695;
}

.info {
	width: 16px;
	height: 16px;
	object-fit: contain;
	margin-top: 35%;
}

.ORDER-NO-Rectangle {
	width: 1096px;
	height: 16px;
	border-radius: 8px;
	background-color: #dfdfdf;
}

.ORDERBILLRectangle {
	width: 121px;
	height: 44px;
	background-color: #9e9484;
}

.INDENTS-Rectangle {
	width: 108px;
	height: 28px;
	border-radius: 4px;
	background-color: #fee4ba;
}

.INDENTS-NAV {
	width: 42px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.percent {
	width: 60px;
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.13;
	letter-spacing: normal;
	text-align: right;
	color: #3491c8;
	text-align: left;
	margin-top: 5px;
}

.PENDING-VALUE {
	width: 76px;
	height: 8px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.TOTAL_VALUE_LABEL-Copy-2 {
	/* width: 85px; */ /* height: 14px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	text-align: left;
}

.TOTAL_VALUE_LABEL-Copy-2 .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.PENDING-Rectangle {
	width: 12px;
	height: 12px;
	border-radius: 1px;
	background-color: #cfeafc;
}

.Rectangle-Copy {
	width: 12px;
	height: 12px;
	border-radius: 1px;
	background-color: #3491c8;
}

/* .BORDER-Rectangle {
  width:  30px;
  height: 12px;
  border-radius: 4px;
  border: solid 2px #dcdcdc;
  background-color: #ffffff;
} */
.indent_rectangle_main {
	border-bottom-left-radius: 8px;
	background-color: #ffffff;
}

.project-type {
	width: 12px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	text-align: center;
	margin-top: 15%;
}

.Oval {
	width: 12px;
	height: 12px;
	background-color: #d8d8d8;
	border-radius: 8px;
	margin-top: 1px;
}

.indent_location_name_panel {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color: #000000;
	margin-left: 3px;
}

.state_panel {
	width: 100%;
	height: 8px;
	font-family: Roboto;
	font-size: 9px;
	opacity: 0.54;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-left: 3%;
}

.ORDER-STATUS {
	width: 70px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.Path-2 {
	width: 90px;
	height: 1px;
	border: solid 1px #d7d7d7;
	margin-top: 7px;
}

.completed {
	width: 100px;
	height: 14px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
	margin-top: 20px;
	margin-left: 10px;
}

.ORDER-COUNT-POCHAL {
	width: 85px;
	height: 8px;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.order_count_po_chal {
	width: 140px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.order_count_label_css {
	width: 85%;
	height: 14px;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 10px; */
}

.po_label {
	width: 20px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.challan {
	width: 50px;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.order_count_po_challan_panel_css {
	width: 40px;
	height: 14px;
	font-family: Roboto;
	font-size: 11px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
}

.square {
	height: 10px;
	width: 10px;
	background-color: #555;
	border-radius: 4px;
}

.materialsTotalHeader {
	background: #F5F5F5;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 4px;
}

.materialsTotalHeader:hover {
	cursor: pointer;
	color: #ce814a;
}

.materialsTotalHeaderSelected {
	cursor: pointer;
	color: #ce814a;
}

.rectangle {
	/* width: 280px;
  height: 90px; */
	border-radius: 8px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.27);
	background-color: #ffffff;
}

.rectangleDisabled {
	/* width: 280px;
  height: 90px; */
	border-radius: 8px;
	background-color: #f1f1f1;
	opacity: 0.5;
}

.rectangle:hover {
	border-radius: 8.5px;
	box-shadow: 0 2px 8px 0 #ce814a;
	transition: box-shadow .3s ease-out;
	background-color: #ffffff;
}

.orderListBox {
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	height: 40px;
	width: 120px;
	background-color: #ffc34f;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
}

select.orderListBox option {
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	font-weight: 500;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	width: 120px;
	text-align: center;
	background-color: #ffffff;
}

.orderListBox option {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background: "#123456"
}

.borderTopBottom {
	height: 40px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 -1px 0 0
		rgba(0, 0, 0, 0.05);
	border: solid 1px #e4e4e4;
	background-color: #ffffff;
}

.COMPLETION-COUNT {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.vendor_bill_count {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.po_bill_count {
	width: 100%;
	height: 11px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 5px; */
}

.Path-19 {
	width: 11px;
	height: 8px;
	border: solid 2px #78de88;
}

.indent_raised_rectangle {
	width: 10px;
	height: 10px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #ce814a;
}

.status_name_in {
	width: 115px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #000000;
	/* margin-top: 9px; */
}

.Indents-Orders-B {
	/* width: 95px;
  height: 28px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}

.INDENTS {
	width: 100%;
	height: 14px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.INDENTS_SMALL {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.NavigationRectangle {
	/* width: 121px;
  height: 420px; */
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17);
	background-color: #ffffff;
}

.NavigationDisabled {
	background-color: #dcdcdc;
}

.In-processDisabled {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	text-align: left;
	margin-top: 5px;
	text-align: left;
	margin-left: 8%;
	opacity: 0.3;
}

.In-process {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	text-align: left;
	margin-top: 5px;
	text-align: left;
	margin-left: 8%;
}

.Completed_Nav {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	text-align: left;
}

.Raised_Data {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
}

.In_process {
	/*  width: 100px; */
	height: 20px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	text-align: left;
	margin-left: 8%;
}

.ORDERS {
	width: 38px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.POName {
	width: 14px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.sidePanelTopPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	vertical-align: middle;
	border-bottom: 1px solid #D1D1D1;
}

.POP_UP_ORDER_NO {
	width: 145px;
	height: 11px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	margin-top: 6px;
	margin-left: 5px;
}

.POP_UP_HEADER_Rectangle {
	width: 100%;
	height: 32px;
	border-radius: 2px;
	background-color: #3e3e3e;
}

.POP_UP_Rectangle {
	width: 210px;
	/*  height: 220px; */
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.POP_UP_indent {
	width: 21px;
	height: 21px;
	object-fit: contain;
	margin-top: 5%;
}

.ORDER_COUNT {
	width: 150px;
	height: 15px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
}

.ORDER_NO_LABEL {
	width: 108px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.Order_NO_Rectangle {
	/* width: 210px; */
	height: 20px;
	background-color: #dfdfdf;
}

.PO_NO_LABEL {
	width: 110px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-left: 10px;
}

.VENDOR_LABEL {
	width: 40px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	position: relative;
	margin-right: 50px;
}

.Vendor-Name {
	width: 49px;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.CANCEL_PANEL_WHITE {
	width: 20px;
	height: 20px;
	/*background-color: #ffffff;*/
	margin-top: 3px;
	font-size: 20px;
	color: white;
	font-weight: bold;
}

.TOTAL_VALUE_POP_UP_PANEL {
	width: 192px;
	height: 192px;
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.BASIC_CHARGE_LABEL {
	width: 210px;
	height: 71px;
	background-color: #efefef;
}

.BASIC-CHARGES-FONT {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 3%;
	margin-left: 4%;
}

.BASIC-CHARGES-XXX .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.BASIC_CHARGE_COLOR {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #f3bd78;
}

.OTHER_CHARGE_COLOR {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #eb9a9a;
}

.TAX_CHARGE_COLOR {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #b3f0db;
}

.CHARGE_HR {
	width: 170px;
	height: 2px;
	border: solid 1px #c7c7c7;
}

.TOTAL_BASIC_OTHER_CHARGE_LABEL {
	width: 100%;
	height: 9px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 3%;
	margin-left: 7%;
}

.TOTAL_BASIC_OTHER_PRICE_LABEL {
	width: 100% px;
	height: 14px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 2px;
	margin-left: 7%;
}

.TOTAL_BASIC_OTHER_PRICE_LABEL .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.TABLE_HEADER_BACKGROUND_COLOR {
	background-color: #dfdfdf;
}

.VENDOR-NAME_LABEL {
	width: 100%;
	height: 9px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.BILL_NO_LABEL_VALUE {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.BILL_NO_LABEL_VALUE .text-style-1 {
	font-size: 8px;
	font-weight: normal;
}

.INVOICE_NO_LABEL_VALUE {
	width: 100%;
	height: 10px;
	font-family: Roboto;
	font-size: 9px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.INVOICE_NO_LABEL_VALUE .text-style-1 {
	font-size: 10px;
	font-weight: bold;
}

.VENDOR_NAME_LABEL_PANEL {
	width: 100%;
	height: 28px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: right;
	color: #000000;
}

.LEFT_MARGIN_CSS {
	margin-left: 10px;
}

.BOTTOM_LEFT_BORDER_RADIUS {
	border-bottom-left-radius: 8px;
}

.DATA_VALUE_LABEL {
	width: 95%;
	height: 12px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.WIDTH_SIZE_FOR_LABEL {
	width: 100%;
}

.NAVIGATION_IMAGE_TOP_Rectangle {
	width: 80px;
	height: 60px;
	background-color: #f6c97f;
}

.NAVIGATION_ORDER_IMAGE_PANEL {
	margin-top: 21%;
	margin-left: 5%;
}

.ORDER_IMAGE_PANEL_LIST {
	width: 100%;
	/* height: 410px; */
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.17);
	background-color: #fee4ba;
}

.NAVIGATION_PANEL_HR_LINE {
	width: 100%;
	height: 0px;
	opacity: 0.5;
	border: solid 1px #685d4c;
	margin-top: 10%;
}

.NAVIGATION_IMAGE_PANEL_MARGIN {
	margin-left: 20%;
	margin-top: 15%;
}

.NAVIGATION_VERTICAL_LINE {
	width: 0px;
	height: 144px;
	opacity: 0.5;
	border: solid 1px #000000;
	margin-left: 25px;
}

.SELECTED_ORDER_PANEL_CSS {
	width: 44px;
	height: 44px;
	background-color: #5e534b;
}

.HOVER_PANEL {
	width: 86px;
	height: 44px;
	/* border-radius: 4px; */
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	background-color: rgba(0, 0, 0, 0.51);
}

.SELECTED_ORDER_PANEL {
	width: 53px;
	height: 44px;
}

.SELECTED_ICON_CSS_WHITE {
	background-color: #ffffff;
}

.FILL_BACKGROUND_ICON_IMAGE {
	width: 20px;
	height: 20px;
	background-color: #000000;
}

.on_hover_panel_css {
	width: 100%;
	height: 44px;
	background-blend-mode: multiply;
	background-image: linear-gradient(to bottom, #d8d8d8, #d8d8d8);
}

.SELECTED_ELEMENT_BACKGROUND_COLOR {
	background-color: #5e534b;
}

.HOVER_ELEMENT_FONT_CSS {
	width: 64px;
	height: 28px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #ffffff;
	text-align: center;
	margin-top: 15px;
}

.border_shadow_effect {
	height: 70px;
	width: 80%;
	line-height: 70px;
	text-align: center;
	border-width: 2px solid #dd;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	transition: all 200ms ease-out;
}

.hover_order_list_style {
	width: 3px;
	height: 106px;
	background-color: #ce814a;
}

.hover_border_color_left {
	border-left-color: #ce814a;
	border-left-width: 3px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}

.approveBtn {
	width: 129px;
	height: 32px;
	background: #ffd400;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
	border: solid;
}

.drop_down_box_css {
	width: 141px;
	height: 32px;
	border-radius: 4px;
	border: solid 1px #d8d8d8;
}

.drop_down_box_font_style_css {
	/* width: 73px;
  height: 14px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #000000;
}

.pending_i_icon_styling_css {
	width: 4px;
	height: 24px;
	transform: rotate(-180deg);
	color: #ee3915;
	font-size: 20px;
	font-weight: bold;
	margin-left: 15px;
}

.raised_count_styling_css {
	/* width: 16px;
  height: 7px; */
	font-family: Roboto;
	font-size: 7px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	width: 22px;
	height: 8px;
	border-radius: 4px;
	background-color: #ee3915;
	margin-top: 5px;
	position: absolute;
	text-align: center;
	margin-left: 14px;
}

.pending_approval_outer_circle_css {
	width: 32px;
	height: 32px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
	border-radius: 20px;
}

.material_movement_styling_css {
	padding-top: 10px;
	width: 115px;
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #000000;
}

.text_box_css_style {
	width: 281px;
	height: 23px;
	border-radius: 16px;
	background-color: #f2f2f2;
}

.filter_icon_css {
	width: 24px;
	height: 20px;
	padding-left: 10px;
	padding-top: 3px;
}

.text_box_text_css_style {
	/*  width: 74px;
  height: 14px; */
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	/* color: #b9b9b9; */
	padding-left: 10px;
}

/* my css file*/
.saving_poup_outer {
	width: 372px;
	height: 147px;
	background-color: #646464;
	padding: 4px;
}

.saving_poup_inner {
	width: 100%;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
	padding-top: 2px;
}

.saving_poup_inner_small {
	width: 165px;
	height: 24px;
	border-radius: 4px;
	background-color: #81c695;
}

.saving_poup_inner_text {
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	margin-left: 5px;
	margin-top: 2px;
}

.saving_poup_inner_text .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.saving_poup_green_outer {
	width: 165px;
	height: 70px;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	margin-left: 10px;
}

.saving_poup_green_header {
	width: 165px;
	height: 24px;
	border-radius: 4px;
	background-color: #81c695;
}

.saving_poup_green_white_text {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #000000;
	margin-left: 1px;
	margin-top: 3px;
}

.you_can_save {
	width: 70px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #ffffff;
	padding-left: 6px;
}

.total_value_popUp {
	width: 250px;
	height: 49px;
	background-color: #646464;
}

.total_value_popUp_text {
	width: 110px;
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
}

.total_value_big_popup {
	width: 456px;
	height: 147px;
	background-color: #646464;
}

.total_value_big_popup_white_left {
	width: 216px;
	height: 70px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #f2f2f2;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.total_value_big_popup_white_right {
	width: 227px;
	height: 70px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #f2f2f2;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.total_value_big_popup_header_left {
	width: 216px;
	height: 24px;
	border-top-left-radius: 4px;
	/* border-radius: 4px; */
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	vertical-align: middle;
	padding: 4px;
}

.total_value_big_popup_header_right {
	width: 227px;
	height: 24px;
	border-top-right-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	background-color: #ffffff;
	vertical-align: middle;
	padding: 4px;
}

.total_value_big_popup_hor_line {
	width: 100%;
	/* border: solid 1px #f2f2f2; */
}

.total_value_big_popup_ver_line {
	height: 35px;
	opacity: 0.5;
	border: solid 1px #ffffff;
	margin-left: 3px
}

.total_value_big_popup_values {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #3491c8;
	padding: 4px;
}

.total_value_big_popup_values .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.COMPLETED-VALUE {
	width: 92px;
	height: 14px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #646464;
}

.you_can_save_pop_up_panel {
	width: 372px;
	height: 147px;
	background-color: #646464;
}

.vertical_line_style_css {
	width: 0px;
	height: 85px;
	border: solid 1px #ededed;
	/* margin-top: 5px; */
}

.image_pointer_enter_styling {
	cursor: pointer;
	cursor: hand;
}

.select_order_panel_style {
	/* width: 121px;
  height: 32px; */
	background-color: #5e534b !important;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	/* line-height: 2; */
	letter-spacing: normal;
	/* position: absolute; */
	width: 100%;
}

.select_label_text_color {
	color: #ffffff;
	font-weight: 900;
}

.border_radius_image {
	border-radius: 10px;
}

.transition_duration_time {
	transition-duration: 0.5s;
}

.sidePanelTopPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	vertical-align: middle;
	border-bottom: 1px solid #D1D1D1;
}

.searchPanelTopPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	border-bottom: 1px solid #D1D1D1;
}

.sidePanelTagsPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	vertical-align: middle;
	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
}

.sidePanelTitle {
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.sideFilterNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 16%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.sideFilterNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 16%;
	margin-right: 8px;
	padding-left: 3%;
}

.outerPanelDisplay {
	width: 100%;
	padding-left: 8px;
}

.chevLeftNew {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	opacity: 0.4;
	padding-right: 12px;
}

.chevRightNew {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	opacity: 0.4;
}

.chevLeftNewTags {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left-circle-black.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	padding-right: 12px;
}

.chevLeftNewTagsDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left-circle-black.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	padding-right: 12px;
	opacity: 0.4
}

.chevLeftNewTags:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left-circle.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	padding-right: 12px;
}

.chevRightNewTags {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right-circle-black.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.chevRightNewTags:hover {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right-circle.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
}

.chevRightNewTagsDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right-circle-black.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	opacity: 0.4;
}

.chevLeftNewFCV {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-left-circle.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: white;
}

.chevLeftFCVBlack {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-left-circle-black.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: white;
}

.chevLeftFCVDisabled {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-left-circle-black.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	border-radius: 100%;
	background-color: white;
	opacity: 0.4;
}

.chevRightNewFCV {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-right-circle.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: white;
}

.chevRightFCVBlack {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-right-circle-black.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	cursor: pointer;
	border-radius: 100%;
	background-color: white;
}

.chevRightFCVDisabled {
	width: 29px;
	height: 29px;
	background-image: url("images/chevron-right-circle-black.png");
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center;
	border-radius: 100%;
	background-color: white;
	opacity: 0.4;
}

.chevLeftNewDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-left.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	opacity: 0.1;
	padding-right: 12px;
}

.chevRightNewDisabled {
	width: 24px;
	height: 24px;
	background-image: url("images/chevron-right.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	opacity: 0.1;
}

.outerPanelSelected {
	width: 81px;
	height: 28px;
	border-radius: 14px;
	border: solid 1px #ffc34f;
	background-color: #fff3da;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #292929;
}

.outerPanelAvailable {
	width: 81px;
	height: 28px;
	border-radius: 14px;
	border: solid 1px #d3d3d3;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #292929;
}

.outerPanelUnavailable {
	width: 81px;
	height: 28px;
	border-radius: 14px;
	background-color: #dddddd;
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	color: #292929;
}

.outerPanelTable {
	margin-top: 10px;
	margin-bottom: 10px;
}

.tagAvailable {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.tagAvailable:hover {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	border: solid 1px #ffc34f;
	background-color: #fff3da;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.tagAvailablePipe {
	height: 24px;
	line-height: 24px;
	font-family: Roboto;
	font-size: 16px;
}

.tagDisabled {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	border: solid 1px #D1D1D1;
	background-color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	opacity: 0.4;
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.tagSelected {
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	border: solid 1px #ffc34f;
	background-color: #fff3da;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.tagsBackground {
	background-color: #E3E6EB;
}

.resetAllIcon {
	background-image: url(images/refreshBlack.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.resetAllIconHover {
	background-image: url(images/refreshHover.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.resetAllText {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
}

.resetAllTextHover {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #f5b527;
	cursor: pointer;
}

.resetAllIconDisabled {
	opacity: 0.2;
	background-image: url(images/refresh.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	background-size: cover;
}

.resetAllTextDisabled {
	opacity: 0.2;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.divPOHoverInProcessTop {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #4f9cff;
	border-right: 1px solid #4f9cff;
	border-top: 1px solid #4f9cff;
	border-bottom: 1px solid #eeeeee;
}

.divPOHoverInProcessBottom {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #4f9cff;
	border-right: 1px solid #4f9cff;
	border-bottom: 1px solid #4f9cff;
	border-top: 1px solid #eeeeee;
}

.divPOHoverCompletedTop {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #a2d5ff;
	border-right: 1px solid #a2d5ff;
	border-top: 1px solid #a2d5ff;
	border-bottom: 1px solid #eeeeee;
}

.divPOHoverCompletedBottom {
	background-color: #eeeeee;
	cursor: pointer;
	border-left: 1px solid #a2d5ff;
	border-right: 1px solid #a2d5ff;
	border-bottom: 1px solid #a2d5ff;
	border-top: 1px solid #eeeeee;
}

.sortingTable {
	width: 200px;
	height: 28px;
	border-radius: 2px;
	border: solid 1px #e0e0e0;
}

.sortingTableBorder {
	border: solid 1px #e0e0e0;
}

.sortingTableText {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 8px;
}

.sortingTableColumnSelected {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 4px;
}

.part_tile_sortingTableColumnSelected {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 4px;
}

.sortingTableDownArrow {
	background-image: url(images/arrow-drop-down.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	opacity: 0.6;
}

.sortOptionsHeader {
	height: 22px;
	opacity: 0.7;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 8px;
	border: solid 1px #dfdfdf;
}

.sortOptions {
	height: 30px;
	font-family: Roboto;
	font-size: 10px;
	color: rgba(0, 0, 0, 0.87);
	border: solid 1px #dfdfdf;
	padding-left: 8px;
	cursor: pointer;
}

.resetIconFCV {
	background-image: url(images/refreshFilterFCV.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 0px #e0e0e0;
	background-color: transparent;
	text-align: center;
}

.resetIcon {
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.resetIconDisabled {
	opacity: 0.2;
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.filterIcon {
	background-image: url(images/filterNew.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.filterIconSelected {
	background-image: url(images/filterSelectedNew.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
	background-color: white;
	text-align: center;
}

.filterIconFCV {
	background-image: url(images/filterFCV.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 0px #e0e0e0;
	background-color: transparent;
	text-align: center;
}

.filterIconSelectedFCV {
	background-image: url(images/filterSelectedFCV.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 30px;
	vertical-align: middle;
	border: solid 0px #e0e0e0;
	background-color: transparent;
	text-align: center;
}

.sortAscending {
	background-image: url(images/sortAscending.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
}

.sortDescending {
	background-image: url(images/sortDescending.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
}

selectionPanel {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
}

.selectionPanelHover {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
}

.selectionWidgetNameOuterDouble {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 58px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.selectionWidgetNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
}

.circuitSelectionWidgetNameOuterNoBorder {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
}

.selectionWidgetNameOuterNoBorderDouble {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 2px;
	height: 58px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
}

.marginLeftSmall {
	margin-left: 1%;
}

.marginRight {
	margin-right: 5px;
}

.marginTop {
	margin-top: 5px;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip-right {
	top: -15px;
	left: 125%;
}

.tooltip .tooltiptext {
	width: 200px;
	background-color: white;
	color: black;
	border: 1px solid black;
	text-align: left;
	/* border-radius: 6px; */
	padding: 0px 0px 5px 5px;
	position: absolute;
	/* z-index: 1; */
	bottom: 125%;
	left: 95%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.filter_search_icon_style_css {
	margin-left: 6px;
	width: 17px;
	margin-top: 5px;
}

.float_pop_up_panel {
	width: 38px;
	height: 34px;
	box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.51);
	background-color: #f6a946;
	/*  left: 2950%;
  top: -90px; */
/*  z-index: 1; */
/*  position: relative; */
}

.refreshProject {
	height: 24px;
	width: 24px;
	background-image: url("images/refreshProject.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.projectRefreshShow {
	width: 38px;
	height: 34px;
	object-fit: contain;
	background-image: url("images/projectRefreshWhite.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
}

.arrow_drop_up {
	width: 16px;
	height: 16px;
	object-fit: contain;
	padding-top: 8px;
	padding-left: 10px;
}

.hover_panel {
	position: relative;
	display: inline-block;
}

.hover_panel .order_hover_panel {
	visibility: hidden;
	width: 124px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	left: 100px;
	bottom: -5px;
}

.hover_panel:hover .order_hover_panel {
	visibility: visible;
}

.categoryIconSearchSmall {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 8px;
	width: 10.5px;
	background-size: 10.5px 8px;
}

.folderIconSearchSmall {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 8px;
	width: 10.5px;
	background-size: 10.5px 8px;
	text-decoration: none;
	margin-right: 2px;
}

.outerMenuAnchor {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:link {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:visited {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:hover {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchor:active {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #7f7f7f;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:link {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:visited {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:hover {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outerMenuAnchorSelected:active {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

.outMenuTable {
	border-radius: 3px;
	border: solid 1px #dfdfdf;
}

.outerMenuCellLeft {
	width: 80px;
	height: 20px;
	border-right: solid 1px #dfdfdf;
	background-color: #f4f4f4;
}

.outerMenuCellMiddle {
	width: 80px;
	height: 20px;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	background-color: #f4f4f4;
}

.outerMenuCellRight {
	width: 80px;
	height: 20px;
	border-left: solid 1px #dfdfdf;
	background-color: #f4f4f4;
}

.filterRangeText {
	text-decoration: none;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 32px;
	color: #735F06;
}

.filterRangeTextLeft {
	text-decoration: none;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 32px;
	color: #735F06;
	padding-left: 8px;
	padding-right: 4px;
}

.image_filter_reset_icon_inside {
	background-image: url(images/refreshFilter.svg);
	background-repeat: no-repeat;
	background-size: 13px 13px;
	height: 13px;
	width: 13px;
	line-height: : 16px;
	text-align: center;
	vertical-align: middle;
}

.editIconConstructionary {
	background-image: url(images/pencil.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	height: 16px;
	width: 16px;
	line-height: : 16px;
	text-align: center;
	vertical-align: middle;
}

.applyIconConstructionary {
	background-image: url(images/check.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	height: 16px;
	width: 16px;
	line-height: : 16px;
	text-align: center;
	vertical-align: middle;
	margin-left: -6px;
	margin-top: -2px;
}

.closeButtonFilterSearchBox {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 28px;
	height: 28px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
}

.closeButtonFilter {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	margin-top: -1px;
}

.editButtonConstructionary {
	background: rgba(115, 95, 6, 0.3);
	opacity: 0.8;
	border: 1px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 32px;
	height: 32px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 11px;
	margin-top: -1px;
}

.filter_check_mark_outer_box_css {
	background: #e5e5e5e5;
	border: 0px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 24px;
	height: 24px;
	line-height: : 32px;
	text-align: center;
	vertical-align: middle;
	padding-left: 11px;
	padding-right: 11px;
	margin-top: -1px;
	margin-right: 5px;
}

.sideFilterSearchBoxPlaceHolder::-webkit-input-placeholder {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	opacity: 0.52;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: right;
}

.sideFilterSearchBoxPlaceHolder:-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 235px 0px;
}

.sideFilterSearchBoxPlaceHolder::-moz-placeholder {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 235px 0px;
}

.sideFilterSearchBoxPlaceHolder:-ms-input-placeholder {
	font-family: Roboto;
	font-size: 14px;
	ffont-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 235px 0px;
}

.projectSearchBoxTextBox {
	width: 331px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.estimateIcon {
	background-image: url(images/estimate.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 6px;
	text-align: right;
	line-height: 24px;
	vertical-align: middle;
	margin-top: 6px;
}

.onHoldIcon {
	background-image: url(images/onhold.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 4px;
	text-align: right;
	margin-top: 6px;
}

.completeIcon {
	background-image: url(images/complete.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	text-decoration: none;
	margin-left: 4px;
	text-align: right;
	margin-top: 6px;
}

.pipeSeparator {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.projectHeaderTwoTextRedNew {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: normal;
	color: red;
}

.filterCBTextSmall {
	font-family: Roboto;
	font-size: 10px;
	color: #1b1b1b;
	line-height: 10px;
	text-align: left;
}

.filterCBItalic {
	font-style: italic;
	margin-top: 4px;
	margin-bottom: 4px;
}

.constructionaryCheckBoxLabelDisabledNoPadding {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #333230;
	opacity: 0.25;
}

.constructionaryCheckBoxLabelSelectedNoPadding {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #735F06;
}

.constructionaryCheckBoxLabelNoPadding {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.sidePanelCheckBoxLabel {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.constructionaryCheckBoxLabelMatch {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #7A6600;
	opacity: 0.8;
}

.popupWidgetSidePanelFilter {
	background: #ffffff;
	box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.24), 0 0 16px 0
		rgba(0, 0, 0, 0.18);
}

.pie {
	background: #639;
	border-radius: 100%;
	height: calc(var(- -size, 200)* 1px);
	position: relative;
	width: calc(var(- -size, 200)* 1px);
}

.pie_segment { -
	-a: calc(var(- -over50, 0)* -100%); -
	-b: calc(( 1 + var(- -over50, 0))* 100%); -
	-degrees: calc(( var(- -offset, 0)/100)* 360);
	height: 100%;
	position: absolute;
	transform: translate(0, -50%) rotate(90deg) rotate(calc(var(- -degrees)*


		 1deg));
	clip-path: polygon(var(- -a) var(- -a), var(- -b) var(- -a), var(- -b)
		var(- -b), var(- -a) var(- -b));
	-webkit-clip-path: polygon(var(- -a) var(- -a), var(- -b) var(- -a),
		var(- -b) var(- -b), var(- -a) var(- -b));
	transform-origin: 50% 100%;
	width: 100%;
	background: var(- -bg, #e74c3c);
}

.indent_inprocess_pop_up_panel {
	width: 456px;
	height: 300px;
	background-color: #646464;
}

.white_font_total_label_style {
	width: 75px;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
}

.total_no_count_indent {
	width: 69px;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
}

.indent_inprocess_color_1 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #ffe8d7;
	margin-top: 30%;
}

.indent_inprocess_color_2 {
	margin-top: 47%;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #ce814a;
}

.indent_inprocess_color_3 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #6c513d;
	margin-top: 47%;
}

.indent_inprocess_color_4 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #b96021;
	margin-top: 47%;
}

.indent_inprocess_color_5 {
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #f2ad7c;
	margin-top: 47%;
}

.pop_up_detail_percent {
	width: 41px;
	height: 24px;
	font-family: Roboto;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	color: #ffffff;
	margin-left: 15%;
	margin-top: 15%;
}

.pop_up_details_style_css {
	width: 180px;
	height: 32px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #ffffff;
	margin-bottom: 10px;
	margin-left: 10px;
}

.pop_up_panel_horizontal_line {
	width: 222px;
	height: 0px;
	border: solid 1px #ffffff;
	margin-top: 3%;
	margin-bottom: 3%;
}

.selected_label_background_color {
	background-color: #5e534b;
	width: 100%;
	/* height: 100%; */
}

.raised_order_count_oval_css {
	width: 14px;
	height: 14px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	background-color: #ee3915;
	border-radius: 10px;
}

.raised_order_count_oval_css_in_exp {
	width: 18px;
	height: 18px;
	margin-top: 5px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	background-color: #ee3915;
	border-radius: 10px;
}

.raised_order_count_icon_css {
	height: 10px;
	color: white;
	/*  margin-top: 4px; */
	text-align: center;
}

.raised_order_count_icon_css_for_exp {
	height: 10px;
	color: white;
	text-align: center;
	font-size: 10px;
	margin-top: 4px;
	font-family: Roboto;
}

.header_top_most_dropdown_css {
	width: 109px;
	font-size: 10px;
	/*  font-weight: bolder; */
	padding-top: 13px;
	padding-left: 6px;
	opacity: 0.6;
	color: #323133;
}

.reset_border_radius_css {
	border-radius: 0px;
}

.topheader_style_css {
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	/* color: #ee3915; */
}

.header_icon_styling_css {
	height: 12px;
	width: 12px;
}

.header_icon_styling_css:hover {
	border-radius: 10px;
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.completed_amount_styling_css {
	/* width: 46px;
  height: 14px; */
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin-left: 3px;
	margin-top: 21px;
}

.completed_amount_styling_css .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.approveOrderNameText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:visited {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:hover {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.approveOrderNameText:active {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333230;
	padding-left: 2px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.tooltip_horizontalpanel {
	border: 1px solid black;
	height: 20px;
}

.tooltip_horizontalpanel_wide {
	border: 1px solid black;
	height: 20px;
	display: block;
}

.header_info_icon_hover_css {
	border-radius: 10px;
}

.header_info_icon_hover_css:hover {
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.order_list_style_css_on_hover:hover {
	/* border-left-color: #ce814a; */ /* border-left: 10px solid #ce814a;
  border-left-width: 3px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
   */
	padding-left: 1px;
}

.order_name {
	margin: 5px;
	font-weight: bold;
	font-family: Roboto;
	font-size: 10px;
}

.Rectangle-Main:hover {
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.35);
}

.html_border_left_css {
	border-left: 10px solid #ce814a;
	border-left-width: 3px;
	height: 100%;
}

.indent_price_info_text_css {
	padding-top: 12px;
	padding-left: 20px;
	padding-right: 20px;
	/* opacity:0.8; */
	font-family: Roboto;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	text-align: left;
	font-size: 10px;
}

.indent_price_info_box_css {
	height: 75px;
	width: 280px;
	background-image: url("images/redPanel.png");
	background-repeat: no-repeat;
	background-size: 280px 75px;
	background-position: left;
}

.hover_bill_no_css {

}

.hover_bill_no_css:hover {
	cursor: pointer;
	color: #ce814a;
}

.tableWithRowsDelimiter {
	border-bottom: 2px solid;
}

.margin_left_order_name {
	margin-left: 8%;
}

.checkbox_style_css * {
	width: 18px;
	height: 18px;
}

.mainbox {
	display: block;
	position: relative;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 2px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mainbox .input_type_style_css {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox_style_css {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border: 2px solid;
	/* background-color: #eee; */
}

.mainbox .input_type_style_css:checked ~ .checkbox_style_css {
	background-color: yellow;
}

.checkbox_style_css:after {
	content: "";
	position: absolute;
	display: none;
}

.mainbox .input_type_style_css:checked ~ .checkbox_style_css:after {
	display: block;
}

.mainbox .checkbox_style_css:after {
	left: 5px;
	top: -3px;
	width: 6px;
	height: 15px;
	border: solid white;
	border-width: 0 5px 5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.outer_checkbox_style_css {
	margin-top: 8px;
	margin-left: 5px;
	/* border: 1px solid #333; */
}

.outer_checkbox_style_css_disabled {
	margin-top: 8px;
	margin-left: 5px;
	/* border: 1px solid #333;
    cursor: auto;
    opacity: 0.3; */
}

.outer_checkbox_style_css_background_color {
	/* background-color: #ffc34f;
	border: 1px solid #ffc34f; */

}

.divPoupStatusHeaderButton_style_css {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	width: 128px;
	height: 34px;
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 120px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.divPoupStatusHeaderButton_style_css_disabled {
	background: #dcdcdc;
	width: 128px;
	height: 34px;
	padding-left: 12px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #999999;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	outline: none;
}

.location_type_style_css {
	height: 10px;
	width: 10px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
	padding-top: 2px;
}

.navigation_panel_background_color:hover {
	background-color: #ab9a8b;
}

.In_process:hover {
	color: white;
}

.In-process:hover {
	color: white;
}

.general_hover_effect_PMM {
	width: 100%;
	height: 12px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	cursor: pointer;
	color: #ce814a;
}

.sortDescending {
	background-image: url(images/sortDescending.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #e0e0e0;
}

.box input[type="checkbox"] {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
	margin-left: 0px;
}

.box label {
	position: relative;
}

.selectionPanelHover {
	width: 100%;
	height: 20px;
	font-family: Roboto;
	background-color: #F0EFED;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
}

.selectionWidgetNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.circuitSelectionWidgetNameOuter {
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	border-radius: 2px;
	height: 32px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1%;
	margin-right: 8px;
	padding-left: 3%;
	padding-right: 3%;
}

.unspecPartHeaderTile {
	width: 100%;
	height: 20px;
	background: #F7F7F6;
	font-size: 11px;
	color: #0b272d;
	line-height: 12px;
	text-align: left;
	margin-top: 20px;
}

.unspecPartTileLeftMargin {
	padding-left: 4%;
}

.unspecPartTileLeftMarginSmall {
	padding-left: 1%;
}

.redBorder {
	border: 1px solid red;
}

.box label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
	transition: transform 0.28s ease;
	border: 1px solid #333;
}

.box label:after {
	content: '';
	display: block;
	width: 11px;
	height: 5px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	-webkit-transform: rotate(-45deg) scale(0);
	transform: rotate(-45deg) scale(0);
	transition: transform ease 0.25s;
	will-change: transform;
	position: absolute;
	top: 3px;
	left: 3px;
}

.box input[type="checkbox"]:checked ~ label::before {
	background-color: #ffc34f;
	border: 2px solid #ffc34f;
}

.box input[type="checkbox"]:checked ~ label::after {
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}

.box label {
	display: block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	vertical-align: sub;
}

.box input[type="checkbox"]:focus+label::before {
	outline: 0;
}

.project_menu_back_image_css {
	margin: 3px;
	margin-left: 5px;
	margin-right: 5px;
	height: 20px;
}

.project_menu_font_family {
	font-family: Montserrat;
	font-weight: 700;
	color: #494949;
	/* 	letter-spacing: 1px; */
}

.project_back_icon_style_css {
	/* transform: rotate(270deg); */
	margin: 10px;
	/* margin-top: 15px; */
	height: 20px;
	margin-right: 5px;
}

.project_dashboard_order_status_css {
	font-size: 12px;
	font-family: Montserrat;
	letter-spacing: 1px;
	font-weight: bolder;
	margin-top: 3px;
	margin-left: 5px;
	color: #494949;
}

.project_via_po_stack_bar_graph_css {
	border: 1px solid #F5A623;
	background-color: white;
}

.project_via_challan_stack_bar_graph_css {
	border: 1px solid #5793F3;
	background-color: white;
}

.project_via_material_out_stack_bar_graph_css {
	border: 1px solid #E74C3C;
	background-color: white;
}

.project_via_service_stack_bar_graph_css {
	border: 1px solid #37434C;
	background-color: white;
}

.rotate_stacked_bar_graph_css {
	transform: rotate(180deg);
}

.stacked_graph_border_line {
	border-left: 1.5px solid;
	border-bottom: 2px solid black;
}

.stacked_bottom_graph_left_border {
	border-left: 1.5px solid;
}

.project_dashboard_border_css {
	border: 1px solid;
}

.font_family_roboto_for_project {
	font-family: roboto;
}

.project_dashboard_border_bottom_css {
	border-bottom: 1px solid #494949;
}

.project_dash_board_onhover_css {
	border-top: 4px solid #E29B19;
	color: #E29B19;
}

.project_dash_board_onhover_border_css {
	border-top: 4px solid #E29B19;
}

.project_dash_board_on_hover_font_color * {
	color: #E29B19;
}

.project_dash_board_on_hover_font_color_on_p {
	color: #E29B19;
}

.project_dash_project_progress_bar_css {
	position: relative;
	top: 5px;
}

.fcv_tile {
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px red;
	width: 318px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.fcv_tile_big {
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px red;
	width: 618px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

/* .fcv_tile_big {
 border-radius: 4px;
 padding-left:40px;
 padding-right: 40px;
 padding-top: 10px;
 padding-bottom: 10px;
 width: 788px;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 5px;
}*/
.fcv_tile_header {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 318px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.fcv_tile_header_empty {
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #f5f5f5;
	text-align: center;
	vertical-align: middle;
}

.fcv_tile_header_big {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 500px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
/*.fcv_tile_header_big {
 padding-left:5px;
 padding-right: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
 width: 788px;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 5px;
}*/
.fcv_tile_header_padding {
	padding-left: 16px;
	padding-right: 5px;
	margin-bottom: 5px;
}

.fcv_tile_empty {
	border-radius: 4px;
	width: 328px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.fcv_sub_tile_empty {
	border-radius: 4px;
}

.fcv_sub_tile {
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	border: 1px red;
}

.fcv_sub_tile_top {
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: 1px red;
}

.tile_separator {
	height: 20px;
}

.fcv_header_pivot {
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.32);
	background-color: #0e1920;
}

.fcv_header {
	box-shadow: 1px 1px 0 0 rgba(109, 109, 109, 0.5);
	background-color: #254051;
}

.fcv_folder_pivot {
	background-color: #e9ebed;
}

.fcv_folder_right {
	background-color: #ffffff;
}

.fcv_folder_empty {
	background-color: #f5f5f5;
	margin: auto;
	text-align: center;
	vertical-align: middle;
}

.fcv_category_pivot {
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.24);
	background-color: #f9e9e3;
}

.fcv_category_right {
	background-color: #fff7f4;
}

.fcv_part_pivot {
	box-shadow: 1px 1px 0 0 rgba(177, 177, 177, 0.5);
	background-color: #e9f0f7;
}

.fcv_part_right {
	box-shadow: 1px 1px 0 0 rgba(177, 177, 177, 0.5);
	background-color: #f7fbff;
}

.folderExpandNew {
	background-color: #d8d8d8;
	width: 14px;
	height: 14px;
	border-radius: 100%;
}

.folderExpandNewBig {
	background-color: #d8d8d8;
	width: 18px;
	height: 18px;
	border-radius: 100%;
}

.infoCircleBlack {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border: 1px solid #001325;
}

.infoCircleBlackBig {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 1px solid #001325;
}

.infoCircleWhite {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border: 1px solid #ffffff;
}

.infoCircleWhiteBig {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	border: 1px solid #ffffff;
}

.infoTextWhite {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
	text-align: center;
}

.infoTextWhiteBig {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
	text-align: center;
}

.infoTextWhiteSmall {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
	text-align: center;
}

.infoTextWhiteSmallBig {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
	text-align: center;
}

.infoCircleGrey {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	opacity: 0.64;
	border: solid 1px #001325;
}

.infoCircleGreyBig {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	opacity: 0.64;
	border: solid 1px #001325;
}

.infoTextGray {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #001325;
	letter-spacing: 0;
	text-align: center;
	line-height: 12px;
	vertical-align: middle;
}

.infoTextGrayBig {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	letter-spacing: 0;
	text-align: center;
	line-height: 16px;
	vertical-align: middle;
}

.folderExpandTextNew {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	letter-spacing: 0;
	text-align: center;
	line-height: 15px;
	vertical-align: middle;
}

.folderExpandTextNewBig {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	letter-spacing: 0;
	text-align: center;
	line-height: 16px;
	vertical-align: middle;
}

.fcv_header_top_row {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
}

.fcv_header_top_row_big {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #ffffff;
}

.fcv_tile_top_row {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.fcv_tile_top_row_big {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.fcv_header_middle_row {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #ffffff;
}

.fcv_header_middle_row_big {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

.fcv_tile_middle_row {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	color: #001325;
}

.fcv_tile_middle_row_big {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #001325;
}

.fcv_header_third_row {
	font-family: Roboto;
	font-size: 6px;
	color: #ffffff;
	height: 8px;
	border: 1px solid transparent;
}

.fcv_header_third_row_big {
	font-family: Roboto;
	font-size: 10px;
	color: #ffffff;
}

.fcv_tile_third_row {
	font-family: Roboto;
	font-size: 6px;
	color: #001325;
	height: 8px;
	border: 1px solid transparent;
}

.fcv_tile_third_row_red {
	font-family: Roboto;
	font-size: 6px;
	color: white;
	height: 8px;
	border: 1px solid transparent;
	background-color: red;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 6px;
	margin-top: -3px;
}

.fcv_tile_third_row_big {
	font-family: Roboto;
	font-size: 10px;
	color: #001325;
}

.pointertilesBlackFCVBig {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCVBig:link {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCVBig:visited {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCVBig:hover {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCVBig:active {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.pointertilesBlackFCV:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	text-decoration: none;
}

.fcvMouseOver {
	background-color: #C9C7C8;
	cursor: pointer;
	padding: 2px 2px 2px 2px;
}

.fcvMouseOut {
	padding: 2px 2px 2px 2px;
}

.pointertilesWhiteFCV {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCV:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCV:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCV:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCV:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig:link {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig:visited {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig:hover {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesWhiteFCVBig:active {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #001325;
	cursor: pointer;
	text-decoration: none;
}

.tilesOrangeFCVText {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
}

.pointertilesOrangeFCV {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCV:link {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCV:visited {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCV:hover {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCV:active {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig:link {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig:visited {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig:hover {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.pointertilesOrangeFCVBig:active {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #c17553;
	cursor: pointer;
	text-decoration: none;
}

.fcvEmptyRow {
	border: 1px solid #e8e8e8;
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
}

.leftText {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	line-height: 12px;
}

.leftTextBig {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
}

.leftTextUnderLine {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	text-decoration: underline;
	line-height: 12px;
}

.leftTextUnderLineBig {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	text-decoration: underline;
}

.leftTextDays {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 6px;
	text-align: center;
	color: #001325;
	vertical-align: top;
	overflow: visible;
	white-space: nowrap;
	margin-left: -5px;
	margin-right: -5px;
	position: relative;
	line-height: 10px;
}

.leftTextDaysBig {
	opacity: 0.8;
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	line-height: 10px;
	vertical-align: top;
}

.leftTextType {
	opacity: 0.5;
	display: block;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #001325;
	border-radius: 50%;
	border: 1px solid;
	margin-right: 2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
}

.leftTextTypeNoCircle {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #001325;
	padding-right: 2px;
}

.leftTextTypeNoOpacity {
	opacity: 0.5;
	display: block;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #001325;
	border-radius: 50%;
	border: 1px solid;
	margin-right: 2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: 6px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.leftTextTypeLabel {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #001325;
	position: relative;
	top: 6px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.leftTextTypeBig {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #001325;
	padding-right: 2px;
}

.leftAnchor {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
	line-height: 12px;
}

.leftAnchor:link {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
	line-height: 12px;
}

.leftAnchor:visited {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
	line-height: 12px;
}

.leftAnchor:hover {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
	line-height: 12px;
}

.leftAnchor:active {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
	line-height: 12px;
}

.leftNoAnchor {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.leftNoAnchor:link {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.leftNoAnchor:visited {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.leftNoAnchor:hover {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.leftNoAnchor:active {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.leftAnchorBig {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
}

.leftAnchorBig:link {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
}

.leftAnchorBig:visited {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
}

.leftAnchorBig:hover {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
}

.leftAnchorBig:active {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: pointer;
	text-decoration: underline;
}

.leftNoAnchorBig {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.leftNoAnchorBig:link {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.leftNoAnchorBig:visited {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.leftNoAnchorBig:hover {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.leftNoAnchorBig:active {
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
	color: #001325;
	cursor: auto;
	text-decoration: none;
}

.categoryLabel {
	width: 44px;
	height: 16px;
	background-color: #c17553;
	position: relative;
	left: -7px;
	top: -10px;
	line-height: 16px;
	vertical-align: middle;
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	letter-spacing: 0.13px;
	color: #ffffff;
}

.categoryLabelRight {
	width: 44px;
	height: 16px;
	background-color: #c17553;
	position: relative;
	left: -2px;
	top: -10px;
	line-height: 16px;
	vertical-align: middle;
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	letter-spacing: 0.13px;
	color: #ffffff;
}

.partLabel {
	position: relative;
	left: -7px;
	top: -10px;
	width: 31px;
	height: 16px;
	background-color: #6894bc;
	line-height: 16px;
	vertical-align: middle;
	font-family: Roboto;
	font-size: 8px;
	letter-spacing: 0.13px;
	color: #ffffff;
	text-align: center;
}

.partLabelEmpty {
	position: relative;
	left: -2px;
	top: -10px;
	width: 31px;
	height: 16px;
	background-color: #6894bc;
	line-height: 16px;
	vertical-align: middle;
	font-family: Roboto;
	font-size: 8px;
	letter-spacing: 0.13px;
	color: #ffffff;
	text-align: center;
}

.circuitCountLabel {
	width: 26px;
	height: 10px;
	border-radius: 1px;
	background-color: #ffffff;
	padding-left: 3px;
	margin-right: 3px;
	line-height: 10px;
	vertical-align: middle;
	font-family: Roboto;
	font-size: 6px;
	font-weight: bold;
	letter-spacing: 0.09px;
	color: #000000;
}

.partCNSpan {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #004b92;
}

.partCNSpanBig {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #004b92;
}

.partNameLink {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.partNameLink:link {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.partNameLink:visited {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.partNameLink:hover {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.partNameLink:active {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: #6894bc;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.specNameLink {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.specNameLink:link {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.specNameLink:visited {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.specNameLink:hover {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.specNameLink:active {
	font-family: Roboto;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	border-radius: 2px;
	background-color: orange;
	letter-spacing: 0.13px;
	padding: 2px 2px 2px 2px;
}

.partNameLinkBig {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #6894bc;
	cursor: pointer;
	text-decoration: none;
}

.partNameLinkBig:link {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #6894bc;
	cursor: pointer;
	text-decoration: none;
}

.partNameLinkBig:visited {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #6894bc;
	cursor: pointer;
	text-decoration: none;
}

.partNameLinkBig:hover {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #6894bc;
	cursor: pointer;
	text-decoration: none;
}

.partNameLinkBig:active {
	font-family: Roboto;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #6894bc;
	cursor: pointer;
	text-decoration: none;
}

.unspecDiv {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}

.specDiv {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: orange;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}

.unspecDivNoPadding {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
}

.specDivNoPadding {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: orange;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
}

.partNameDivNoPadding {
	height: 11px;
	border-radius: 2px;
	background-color: #6894bc;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.unspecDivPanel {
	width: 56px;
}

.fcvPartsPopupSubTextRed {
	font-family: Roboto;
	font-size: 8px;
	letter-spacing: 0.13px;
	color: #ffffff;
	padding-left: 10px;
	background-color: red;
	border-radius: 2px;
	padding: 2px 2px 2px 2px;
	margin-left: 10px;
}

.unspecCountDiv {
	border-radius: 2px;
	background-color: red;
	padding: 2px 2px 2px 2px;
}

.unspecDivWide {
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.selectedTextDivWide {
	height: 11px;
	border-radius: 2px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #6894bc;
	line-height: 11px;
	text-align: left;
	vertical-align: top;
	padding-right: 2px;
	padding-bottom: 2px;
}

.noPartsTextDivWide {
	height: 11px;
	border-radius: 2px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: black;
	line-height: 11px;
	text-align: left;
	vertical-align: top;
	padding-right: 2px;
	padding-bottom: 2px;
}

.unspecTextDivWide {
	height: 11px;
	border-radius: 2px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: red;
	line-height: 11px;
	text-align: left;
	vertical-align: top;
	padding-right: 2px;
	padding-bottom: 2px;
}

.specTextDivWide {
	height: 11px;
	border-radius: 2px;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: orange;
	line-height: 11px;
	text-align: left;
	vertical-align: top;
	padding-right: 2px;
	padding-bottom: 2px;
}

.unspecDivBig {
	width: 70px;
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
}

.fcvCosting {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	height: 12px;
	line-height: 12px;
	position: relative;
	top: -5px;
}

.fcvCostingWhite {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	height: 12px;
	line-height: 12px;
	color: #ffffff;
	position: relative;
	left: -2px;
}

.fcvCostingBig {
	font-family: Roboto;
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	position: relative;
	top: -5px;
}

.fcvCostingBigWhite {
	font-family: Roboto;
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	color: #ffffff;
}

.emptyTileText {
	opacity: 0.1;
	font-family: Roboto;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.31px;
	text-align: center;
	color: #001325;
}

.fcvBackgroundUpperLeft {
	background-color: #6c8391;
}

.fcvBackgroundUpperRight {
	background-color: #95a6b0;
}

.fcvBackgroundLowerLeft {
	background-color: #4e5d66;
}

.fcvBackgroundLowerRight {
	background-color: #d5dcdf;
}

.viewSwitchUnSelected {
	width: 130px;
	height: 32px;
	cursor: pointer;
}

.viewSwitchSelected {
	width: 130px;
	height: 32px;
	border-radius: 4px;
	border: solid 2px #ffba06;
	background-color: #ffeec1;
}

.viewSwitchTable {
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.22px;
	text-align: center;
	vertical-align: middle;
	color: #374049;
	border-radius: 4px;
	border: solid 1px #c4c6d0;
}

.circuitLabel {
	font-family: Roboto;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.22px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	border: solid 1px #c4c6d0;
	background-color: #0e1920;
	padding-top: 10px;
	padding-bottom: 10px;
}

.daysToGoPopupHeaderBlack {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.19px;
	color: black;
	padding-left: 10px;
}

.daysToGoPopupHeaderRed {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.19px;
	color: #e71a1a;
	padding-left: 10px;
}

.daysToGoPopupHeaderGreen {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.19px;
	color: #31b44f;
	padding-left: 10px;
}

.daysToGoPopupHeaderOrange {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.19px;
	color: #f5b527;
	padding-left: 10px;
}

.daysToGoPopup {
	border-radius: 8px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	background-color: #ffffff;
}

.daysToGoPopupTable {
	height: 105px;
}

.daysToGoPopupTextLeft {
	font-family: Roboto;
	font-size: 12px;
	letter-spacing: 0.19px;
	color: #000000;
	padding-left: 8px;
}

.daysToGoPopupTextLeftNoPadding {
	font-family: Roboto;
	font-size: 12px;
	letter-spacing: 0.19px;
	color: #000000;
	padding-left: -1px;
}

.daysToGoPopupTextLeftGreen {
	font-family: Roboto;
	font-size: 10px;
	letter-spacing: 0.19px;
	color: #31b44f;
	padding-left: -1px;
}

.daysToGoPopupTextLeftRed {
	font-family: Roboto;
	font-size: 10px;
	letter-spacing: 0.19px;
	color: red;
	padding-left: -1px;
}

.daysToGoPopupTextLeftBlackSmall {
	font-family: Roboto;
	font-size: 9px;
	letter-spacing: 0.19px;
	color: black;
	padding-left: -1px;
}

.daysToGoPopupTextLeftGreenSmall {
	font-family: Roboto;
	font-size: 9px;
	letter-spacing: 0.19px;
	color: #31b44f;
	padding-left: -1px;
}

.daysToGoPopupTextLeftRedSmall {
	font-family: Roboto;
	font-size: 9px;
	letter-spacing: 0.19px;
	color: red;
	padding-left: -1px;
}

.daysToGoPopupTextRight {
	font-family: Roboto;
	font-size: 12px;
	letter-spacing: 0.19px;
	font-weight: bold;
	color: #000000;
}

.daysToGoPopupTextRightRed {
	font-family: Roboto;
	font-size: 12px;
	letter-spacing: 0.19px;
	font-weight: bold;
	color: red;
	padding-right: 8px;
}

.calendrGreen {
	background-image: url(images/calendar-green.png);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	text-decoration: none;
	background-size: cover;
}

.daysToGoGreen {
	font-family: Roboto;
	font-size: 8px;
	letter-spacing: 0.13px;
	color: #31b44f;
}

.calendrGreenBig {
	background-image: url(images/calendar-green.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	text-decoration: none;
	background-size: cover;
}

.daysToGoGreenBig {
	font-family: Roboto;
	font-size: 10px;
	letter-spacing: 0.16px;
	color: #31b44f;
}

.calendrRed {
	background-image: url(images/calendar-red.png);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	text-decoration: none;
	background-size: cover;
}

.daysToGoRed {
	font-family: Roboto;
	font-size: 8px;
	letter-spacing: 0.13px;
	color: #E71A1A;
}

.calendrRedBig {
	background-image: url(images/calendar-red.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	text-decoration: none;
	background-size: cover;
}

.daysToGoRedBig {
	font-family: Roboto;
	font-size: 10px;
	letter-spacing: 0.16px;
	color: #E71A1A;
}

.calendrOrange {
	background-image: url(images/calendar-orange.png);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	text-decoration: none;
	background-size: cover;
}

.daysToGoOrange {
	font-family: Roboto;
	font-size: 8px;
	letter-spacing: 0.13px;
	color: #f5b527;
}

.calendrOrangeBig {
	background-image: url(images/calendar-orange.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	text-decoration: none;
	background-size: cover;
}

.daysToGoOrangeBig {
	font-family: Roboto;
	font-size: 10px;
	letter-spacing: 0.16px;
	color: #f5b527;
}

.fcvSummaryPopup {
	width: 482px;
	height: 200px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

.projectRefreshPopup {
	height: 50px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

.projectRefreshPopupLabel {
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0.13px;
	color: #001325;
	margin-right: 4px;
}

.projectRefreshPopupDate {
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0.13px;
	color: #001325;
	margin-right: 4px;
}

.projectRefreshPopupAnchor {
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0.13px;
	cursor: pointer;
	text-decoration: none;
}

.projectRefreshPopupAnchor:link {
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0.13px;
	cursor: pointer;
	text-decoration: none;
}

.projectRefreshPopupAnchor:visited {
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0.13px;
	cursor: pointer;
	text-decoration: none;
}

.projectRefreshPopupAnchor:hover {
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0.13px;
	cursor: pointer;
	text-decoration: none;
}

.projectRefreshPopupAnchor:active {
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0.13px;
	cursor: pointer;
	text-decoration: none;
}

.fcvSummaryPopupLabel {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: 0.13px;
	color: #001325;
	margin-bottom: 6px;
}

.fcvSummaryFinancialStatusTable {
	width: 314px;
	height: 94px;
	border-radius: 1px;
	background-color: #F3F3F3;
	padding: 8px 8px 8px 8px;
}

.fcvSummaryScopeTable {
	width: 143px;
	height: 112px;
	border-radius: 1px;
	background-color: #F3F3F3;
	padding: 8px 8px 8px 8px;
}

.fcvSummaryLabelTextSmall {
	opacity: 0.4;
	font-family: Roboto;
	font-size: 8px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: 0.13px;
	vertical-align: top;
	color: #000000;
	position: relative;
	top: -4px;
}

.fcvSummaryLabelText {
	opacity: 0.6;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: 0.16px;
	color: #000000;
}

.fcvSummaryLabelTextBold {
	opacity: 0.6;
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: 0.16px;
	color: #000000;
	font-weight: bold;
}

.fcvSummaryBottomBorder {
	border-bottom: 1px solid #E1E1E1;
}

.fcvSummaryRightBorder {
	border-right: 1px solid #E1E1E1;
}

.fcvSummaryRightPadding {
	padding-right: 8px;
}

.costingPopupFCV {
	width: 296px;
	height: 130px;
	border-radius: 1px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
	background-color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
}

.costingPopupFCVHeader {
	font-family: Roboto;
	font-size: 10px;
	letter-spacing: 0.16px;
	color: #000f1d;
}

.costingPopupFCVTextBold {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.13px;
	color: #000f1d;
}

.costingPopupFCVTextRegular {
	font-family: Roboto;
	font-size: 8px;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0.13px;
	color: #000f1d;
}

.fcvCircuitPopup {
	height: 297px;
	background-color: #ffffff;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.22px;
	color: #000000;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
}

.focusPanelCircuitPopup {
	width: 318px;
	outline: none;
	cursor: pointer;
}

.timelinePopup {
	width: 318px;
	border-radius: 4px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

.timelinePopupFTable {
	border-radius: 8px;
	background-color: #F7F7F7;
	margin-top: 8px;
}

.timelinePopupScrollPanel {
	background-color: #F7F7F7;
}

.timelinePopupFTableHeader {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #000000;
}

.timelinePopupFTableText {
	font-family: Roboto;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.13px;
	color: #3C3C3C;
}

.timelinePopupFTableTextBold {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.13px;
	color: #3C3C3C;
}

.timelinePopupFTableSubText {
	font-family: Roboto;
	font-size: 8px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.09px;
	opacity: 0.5;
	color: #000000;
}

.timelinePopupFTableSubTextBold {
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.09px;
	opacity: 0.5;
	color: #000000;
}

.timelinePopupTopBorder {
	width: 100%;
	height: 1px;
	opacity: 0.3;
	background-color: #979797;
	margin-top: 8px;
	margin-bottom: 8px;
}

.timelinePopupDateBorder {
	border: 1px solid #979797;
	padding: 2px 2px 2px 2px;
}

.timelinePopupProgressOuter {
	width: 100%;
	height: 4px;
	background-color: #F7F7F7;
}

.timelinePopupProgress {
	height: 4px;
	background-color: #94d0a2;
}

.timelinePopupFTableFooter {
	background-color: #EFEFEF;
	height: 25px;
	margin-bottom: 12px;
}

.timelinePopupFTableFooterText {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #000000;
}

.timelinePopupFTableFooterTextQty {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #94d0a2;
}

.button_styling_FCV {
	height: 24px;
	border: 1px solid #fdcc39;
	border-radius: 4px;
	background-color: #fdcc39;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #000000;
	cursor: pointer;
}

.timelinePopupPath {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.19px;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 6px;
}

.timelinePopupPathBottom {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.19px;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
}

.timelinePopupType {
	font-family: Roboto;
	font-size: 8px;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
}

.fcvPartsPopup {
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
	background-color: #ffffff;
}

.fcvPartsPopupTable {
	width: 155px;
	height: 98px;
}

.fcvPartsPopupHeader {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.19px;
	color: #000000;
	padding-left: 10px;
}

.fcvPartsPopupMainText {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.16px;
	color: #000000;
	padding-left: 10px;
}

.fcvPartsPopupSubText {
	font-family: Roboto;
	font-size: 8px;
	letter-spacing: 0.13px;
	color: #868686;
	padding-left: 10px;
}

.fcvRowPointer {
	cursor: pointer;
}

.folderTileHover {
	border-left: 4px solid #C17553;
}

.circuitTileHover {
	border-left: 4px solid #ffffff;
}

.wrapperScroll {
	overflow: hidden;
}

.part_tile_sortingTableText {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.87);
	padding-left: 8px;
}

.border_top_1px {
	border-top: 1px solid black;
}

.part_tile_rm_lbl {
	padding: 2px 10px 2px 10px;
	box-shadow: 0px 1px 5px 2px grey;
	border-radius: 25px;
	cursor: pointer;
	width: fit-content;
}

.part_tile_vs_hover:hover {
	background: #80808026;
	border-radius: 15px;
	padding: 2px 5px 2px 5px;
}

.part_tile_blue_tag_background_img {
	background-image: url(/images/checksign_blue.png);
}

.part_tile_red_tag_background_img {
	background-image: url(/images/check_tag_red.png);
}

.part_tile_green_tag_background_img {
	background-image: url(/images/checksign_green_new.png);
}

.color_white {
	background-color: white !important;
}

.compare_popup_expand_btn {
	background-color: black !important;
	color: white;
}

.compare_popup_expand_btn:hover {
	background-color: black !important;
	color: white;
	box-shadow: 0px 0px 6px 4px #888888;
}

.compare_popup_collapse_btn {
	background: white !important;
	color: black;
}

.compare_popup_collapse_btn:hover {
	background: white !important;
	color: black;
	box-shadow: 0px 0px 6px 4px #888888;
}

.compare_popup_img_icon {

}

.line_height {
	line-height: 16px;
}

.part_tile_info_heading_label_sm {
	font-size: 9px;
	font-family: Roboto !important;
	font-weight: bold;
	opacity: 0.6;
}

.part_tile_info_value_label_sm {
	font-size: 9px;
	font-family: Roboto !important;
	font-weight: bold;
	opacity: 0.6;
}

.part_tile_info_price_heading {
	line-height: 16px;
	font-size: 9px;
	font-family: Roboto !important;
	font-weight: normal;
	opacity: 0.6;
	padding-left: 5px;
}

.part_tile_info_amount_value_label_sm {
	font-size: 9px;
	font-family: Roboto !important;
	font-weight: bold;
	opacity: 0.6;
	padding-left: 2px;
}

.part_tile_info_amount_value_label_lg {
	font-size: 16px;
	font-weight: bold;
	font-family: Roboto !important;
	opacity: 0.6;
	padding-left: 5px;
	line-height: 27px;
}

.part_tile_info_qty_value {
	float: right;
	font-size: 10px;
	opacity: 0.6;
	font-weight: bold;
	font-family: Roboto !important;
}

.part_tile_info_order_qty_fpanel {
	border-collapse: collapse;
}

.part_tile_info_orderh_border_top {
	border-top: 3px solid #efefef;
}

.part_tile_info_purchase_order_detail_css {
	background-color: #e0e0e0;
	padding-left: 10px;
	font-weight: bold;
	font-size: 10px;
	opacity: 0.7;
	padding-top: 5px;
	padding-bottom: 5px;
}

.part_tile_info_panel_rounded-text-Label {
	opacity: 0.7 !important;
	width: 10px !important;
	color: #ffffff !important;
	border-radius: 50% !important;
	padding: 1px !important;
	font-family: roboto !important;
	border: 1px solid #ffffff !important;
	font-size: 9px !important;
	text-align: center !important;
	font-weight: bold !important;
}

.more_btn_margin_lbl {
	height: 28px;
}

@media screen and (max-width: 2449px) {
	.project_dash_board_font_size_css {
		font-size: 13px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_font_size_css {
		font-size: 28px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_sub_font_size_css {
		font-size: 12px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_sub_font_size_css {
		font-size: 22px;
	}
}

@media screen and (min-width: 2450px) {
	.constructionary_partlist_outerpanel {
		margin: 10px;
		border-radius: 5px;
		background: white;
		width: 100%;
	}
	.constructionary_partlist_outerpanel_hover {
		margin: 10px;
		border-radius: 5px;
		background: white;
		width: 100%;
		border-left: 4px solid #735F06;
	}
	.rounded_border {
		border-radius: 2px;
	}
	.rounded-text-Label {
		opacity: 0.7 !important;
		width: 19px !important;
		color: #ffffff !important;
		border-radius: 50% !important;
		padding: 1px !important;
		font-family: roboto !important;
		border: 1px solid #ffffff !important;
		font-size: 16px !important;
		text-align: center !important;
		font-weight: bold !important;
	}
	.border_top_onepx {
		border: 0.25px solid #D8D8D8;
	}
	.rounded_border_onepx {
		border: 1px solid #dcdada;
		border-radius: 1px;
	}
	.partsSectionBorderAzure {
		border: 1px solid #DFE2E6;
		background: #E7E5E3;
	}
	.float_right {
		float: right;
	}
	.constructionary_stock_image_size {
		width: 15px;
		height: 15px;
	}
	.part_tile_font_size_sm {
		font-size: 15px;
	}
	.part_tile_font_size_smx {
		font-size: 17px;
		font-family: Roboto;
	}
	.part_tile_font_size_smxx {
		font-size: 16px;
		vertical-align: middle;
		font-family: Roboto;
	}
	.part_tile_font_size_smxxx {
		font-size: 20px;
	}
	.part_tile_font_size_smxxt {
		font-size: 13px;
		vertical-align: center;
		font-family: Roboto;
	}
	.part_tile_font_size_smxt {
		font-size: 20px;
		font-family: Roboto;
	}
	.part_tile_font_size_md {
		font-size: 20px;
		vertical-align: center;
	}
	.part_tile_font_size_mdx {
		font-size: 26px;
		vertical-align: center;
		padding-top: 3px;
		font-family: Roboto;
	}
	.part_tile_font_size_mdxx {
		font-size: 20px;
	}
	.part_tile_more_popup_css {
		font-size: 13px;
		border: 1px solid #d6cdcd;
		border-radius: 1px;
		display: inline-block;
		padding: 2px 5px 2px 5px;
		background-color: white;
		color: black;
		cursor: pointer;
	}
	.part_tile_more_popup_css_lf {
		font-size: 15px !important;
		border: 1px solid #d6cdcd !important;
		border-radius: 1px !important;
		display: inline-block !important;
		padding: 2px 5px 2px 5px !important;
		background-color: white !important;
		color: black !important;
		cursor: pointer !important;
	}
	.part_tile_font_size_lg {
		font-size: 30px;
		font-family: Loto;
	}
	.part_image {
		height: 100%;
		width: 100%;
	}
	.float_right {
		float: right;
	}
	.constructionary_stock_image_size {
		width: 25px;
		height: 25px;
	}
	.part_tile_ai_tag_css {
		width: 22px;
		height: 22px;
		background-repeat: no-repeat;
		background-size: 22px 22px;
		text-decoration: none;
		object-fit: contain;
		line-height: 30px;
		vertical-align: middle;
		border: 0px !important;
		background-color: white;
		text-align: center;
		margin-left: 9px;
		margin-top: 8px;
	}
	.check_tag_css {
		width: 19px;
		height: 19px;
		margin-left: 9px;
		padding-top: 6px;
	}
	.part_tile_created_by {
		font-size: 13px;
		padding-top: 6px;
	}
	.part_tile_view_stock {
		margin-right: 3px;
	}
	.part_desc_flex_table {
		padding-right: 97px;
	}
	.font_family_lato {
		font-family: Lato;
	}
	.font_family_roboto {
		font-family: Roboto;
	}
	.fit_content {
		width: fit-content;
	}

	.font_family_lato {
		font-family: Lato;
	}

	.font_family_roboto {
		font-family: Roboto;
	}

	.fit_content {
		width: fit-content;
	}

	.part_tile_ar_compare_btn:hover {
		background: #dcdcdc73;
		padding: 2px 10px 2px 10px;
		box-shadow: 0px 1px 5px 2px grey;
		border-radius: 25px;
		cursor: pointer;
	}
	.vertical_line_style_margin_right_50px_css {
		width: 0px;
		height: 119px;
		border: solid 1px #ededed;
		margin-right: 50px;
	}
	.info {
		width: 25px;
		height: 25px;
		object-fit: contain;
	}
	.vertical_line_style_margin_right_50px_css {
		width: 0px;
		height: 85px;
		border: solid 1px #ededed;
	}
	.font_size_category_part {
		font-size: 11px;
	}
	.part_tile_font_size_smxxt {
		font-size: 8px;
	}
	.part_tile_col_details {
		border-radius: 5px;
		background-color: #f4f4f4;
		height: 160px;
	}
	.part_tile_partDescriptionFlexTable {
		margin-top: 16px;
	}
	.part_tile_tagpanel {
		padding-top: 3px;
	}
	.part_tile_flex_border_collapse {
		border-collapse: collapse;
		margin-top: 2px;
	}
	.part_tile_col_details {
		border-radius: 5px;
		background-color: #f4f4f4;
	}
	.part_tile_col_height {
		padding: 7px 0 0 7px;
		height: 95px;
	}
	.part_tile_col_height_lp {
		height: 135px;
	}
	.part_tile_na {
		padding-top: 25px;
		text-align: center;
	}
	.info_img {
		width: 16px;
		height: 16px;
		object-fit: contain;
	}
	.compare_popup_border {
		border-left: 2px solid #F5F5F5;
	}
	.compare_popup_exp_img_icon {
		width: 20px;
		height: 20px;
		background-color: #F2F2F2;
		border-radius: 5px;
		margin: 5px;
	}
	.compare_popup_action_panel {
		background: #F5F5F5;
		padding: 7px 0 7px 0px;
		marign-left: 10px;
	}
	.comare_popup_btn_ec {
		padding: 5px !important;
		margin: 5px !important;
		font-weight: bold !important;
		font-size: 10px !important;
		cursor: pointer !important;
		border: 1px solid !important;
	}
	.compare_popup_details_css {
		font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 12px;
		color: #000000;
		word-break: break-all;
		text-align: center;
	}
	.compare_popup_category_label {
		font-size: 20px;
		font-weight: bold;
		font-family: Roboto;
	}
	.compare_popup_category_text_css {
		font-size: 20px;
		font-weight: light;
		font-family: Roboto;
		color: #848484 !important;
		text-align: center;
	}
	.compare_popup_specification_name_label {
		font-size: 11px;
		font-weight: 400px;
		font-family: Roboto;
		color: #424242;
	}
	.compare_popup_specification_description_label {
		font-size: 24px;
		font-weight: 400;
		font-family: Roboto;
		/* color: #939393; */
		word-break: break-all;
		color: #939393;
		padding-bottom: 2px;
	}
	.compare_popup_tabs_border {
		border: 1px solid #F5F5F5;
	}
	.compare_popup_category_cols {
		opacity: 1;
		padding-top: 5px;
		padding-bottom: 5px;
		border-left: 3px solid #F5F5F5;
		padding-left: 10px;
	}
	.compare_popup_expandpanel {
		border: 5px solid #f5f5f5;
	}
	.compare_popup_scroll_Panel {
		overflow-x: hidden !important;
	}
	.partscompare_diff_highlight * {
		font-family: Roboto;
		font-style: normal;
		font-weight: 400;
		font-size: 24px;
		color: #735F06;
		background-color: #F7F5F0;
		opacity: 1.0;
	}
	.compare_popup_category_tab {
		width: 100%;
		background-color: #CCCCCC !important;
		border-top: 3px solid #F5F5F5;
		padding: 0px;
		margin: 0px;
		border-left: 5px solid #FCFCFC;
		border-right: 5px solid #FCFCFC;
	}
	.compare_popup_count_value {
		font-size: 18px;
		font-weight: normal;
		color: #424242;
		font-family: Roboto;
	}
	.compare_popup_count_label {
		font-size: 18px;
		font-weight: normal;
		color: #848484;
		font-family: Roboto;
		margin-left: 3px;
	}
	.d_flex_content_conter {
		display: flex;
		justify-content: center;
	}
	.compare_popup_part_category_col_border {
		border-left: 3px solid #f5f5f5;
	}
	.compare_popup_part_pd_innerpanel {
		/* padding-left :15px; */

	}
	.compare_popup_min_height {
		min-height: 60px;
	}
	.compare_popup_header_border {
		border-left: 5px solid white;
		border-right: 5px solid white;
	}
	.compare_popup_category_name_panel {
		border-left: 3px solid white;
		padding-left: 10px;
	}
	.part_tile_sorting_table {
		width: 210px;
		height: 30px;
		border-radius: 2px;
		border: 1px solid gray;
		float: right;
	}
	.part_tile_sortingTableBorder {
		border-left: 1px solid gray;
		background: white;
	}
	.part_tile_sortAscending {
		background-image: url(images/sortAscending.svg);
		background-repeat: no-repeat;
		height: 28px;
		width: 28px;
		background-size: 28px 28px;
		cursor: pointer;
		text-decoration: none;
		object-fit: contain;
		line-height: 28px;
		vertical-align: middle;
	}
	.part_tile_more_btn:hover {
		object-fit: contain;
		box-shadow: 0px 0px 9px 3px #9c7070;
		transition-duration: 0.4s;
	}
	.part_tile_col_last_purchase {
		height: 130px;
		border-radius: 5px;
		background-color: #f4f4f4;
	}
	.part_tile_state_label_css {
		padding-left: 20px;
	}
	.part_tile_state_label_pop_up_css {
		padding-left: 47px;
	}
	.compare_popup_com_state {
		padding-left: 30px;
	}
	.compare_popup_lp_vendor_details {
		font-family: Roboto;
		font-size: 24px;
	}
	.compare_popup_lp_state_details {
		font-size: 22px;
		opacity: 0.4;
		padding-left: 1px;
	}
	.compare_popup_com_state {
		padding-left: 44px !important;
		font-size: 24px !important;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_count_size_font_size_css {
		font-size: 11px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_count_size_font_size_css {
		font-size: 22px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_team_count_size_font_size_css {
		font-size: 9px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_team_count_size_font_size_css {
		font-size: 18px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_icon_size_size {
		width: 21px;
		height: 21px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_icon_size_size {
		width: 40px;
		height: 40px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_amount_size_size {
		font-size: 18px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_amount_size_size {
		font-size: 38px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_order_icon_size_size {
		width: 18px;
		height: 18px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_order_icon_size_size {
		width: 36px;
		height: 36px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_order_type_font_size {
		font-size: 10px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_order_type_font_size {
		font-size: 20px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_vendor_type_font_size {
		font-size: 11px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_vendor_type_font_size {
		font-size: 22px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_order_icon_color_size {
		width: 10px;
		height: 10px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_order_icon_color_size {
		width: 20px;
		height: 20px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_inner_order_icon_size {
		width: 15px;
		height: 15px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_inner_order_icon_size {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_image_report_count_font_size {
		font-size: 24px;
	}
	.fcvPathPopup {
		width: 188px;
		background-color: gainsboro;
		color: black;
		text-align: center;
		border-radius: 2px;
		padding: 2px 0;
		position: absolute;
		z-index: 1;
		font-size: 9px;
		top: 95%;
		left: 0%;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_image_report_count_font_size {
		font-size: 48px;
	}
}

.unspecified_part_in_project_scope {
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	text-align: left;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

@media screen and (max-width: 2449px) {
	.project_dash_board_unspecified_part_font_size_css {
		font-size: 8px;
		/* height: 10px; */
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_unspecified_part_font_size_css {
		font-size: 16px;
		/* height: 20px; */
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_cost_details_font_size_css {
		font-size: 8px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_cost_details_font_size_css {
		font-size: 16px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_cost_details_color_icon_size_css {
		width: 8px;
		height: 8px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_cost_details_color_icon_size_css {
		width: 16px;
		height: 16px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_menu_header_font_size_css {
		font-size: 14px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_menu_header_font_size_css {
		font-size: 28px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_menu_header_icon_size_css {
		width: 15px;
		height: 15px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_menu_header_icon_size_css {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_menu_lock_icon_size_css {
		width: 25px;
		height: 25px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_menu_lock_icon_size_css {
		width: 45px;
		height: 45px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_finance_lock_icon_size_css {
		width: 12px;
		height: 12px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_menu_bill_lock_icon_size_css {
		width: 15px;
		height: 15px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_menu_bill_lock_icon_size_css {
		width: 45px;
		height: 45px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_menu_comp_icon_size_css {
		width: 20px;
		height: 20px;
		background-image: url("images/project_comp_icon_menu_dash_board.png");
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_menu_comp_icon_size_css {
		width: 40px;
		height: 40px;
		background-image: url("images/project_comp_icon_menu_dash_board.png");
		background-repeat: no-repeat;
		background-size: 40px 40px;
		background-position: center;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_menu_pending_icon_size_css {
		width: 20px;
		height: 20px;
		background-image: url("images/project_pending_menu_dash_board_icon.svg");
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_menu_pending_icon_size_css {
		width: 40px;
		height: 40px;
		background-image: url("images/project_pending_menu_dash_board_icon.svg");
		background-repeat: no-repeat;
		background-size: 40px 40px;
		background-position: center;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_menu_nav_icon_size_css {
		width: 15px;
		height: 15px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_menu_nav_icon_size_css {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width: 2449px) {
	.project_dash_board_project_menu_next_icon_size_css {
		width: 12px;
		height: 12px;
	}
}

@media screen and (min-width: 2450px) {
	.project_dash_board_project_menu_next_icon_size_css {
		width: 25px;
		height: 25px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_not_access_font_size {
		font-size: 12px;
		color: #494949;
		font-weight: bold;
		margin-left: 10px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_not_access_font_size {
		font-size: 25px;
		color: #494949;
		font-weight: bold;
		margin-left: 25px;
	}
}

@media screen and (max-width: 2449px) {
	.peoject_menu_dash_boad_bill_not_access_font_size {
		font-size: 10px;
		color: #494949;
		font-weight: bold;
		margin-left: 3px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_bill_not_access_font_size {
		font-size: 18px;
		color: #494949;
		font-weight: bold;
		margin-left: 15px;
	}
}

.project_menu_dash_board_menu_pending_icon {
	width: 24px;
	height: 24px;
	background-image: url("images/project_comp_icon_menu_dash_board.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.project_dash_board_font_style_css_300 {
	font-weight: 300;
}

.project_dash_board_font_style_css_400 {
	font-weight: 400;
}

.project_dash_board_font_style_css_500 {
	font-weight: 500;
}

.project_dash_board_font_style_css_600 {
	font-weight: 600;
}

.unspecCategoryHeader {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	background: #F0EFED;
	padding-top: 2px;
	padding-bottom: 6px;
}

.unspecCategoryHeaderSmall {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	background: #F0EFED;
	padding-top: 2px;
	padding-bottom: 6px;
}

.unspecCategoryHeaderFont {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
}

.estScreenHeader {
	background-color: #b57456;
	border: solid 0.5px #ffffff;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #ffffff;
}

.estScreenHeaderFont {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #ffffff;
}

.estScreenTypeHeaderBorder {
	border: solid 0.5px #ffffff;
}

.estScreenTypeHeader {
	background-color: #b57456;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	padding-top: 2px;
	padding-bottom: 6px;
}

.estScreenTypeHeaderFont {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
}

.estTileTableFont {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
}

.estTileTableFontPadding {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	padding-left: 4px;
	padding-right: 4px;
}

.estTileTableFontGreen {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #90BCA0;
}

.estTileTableFontOrange {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #D2A88F;
}

.estTileTableFontBorder {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	border: solid 0.5px rgba(0, 0, 0, 0.22);
}

.ddIconEst {
	color: #ffba04;
	cursor: pointer;
	text-decoration: none;
}

.ddIconEst:link {
	color: #ffba04;
	cursor: pointer;
	text-decoration: none;
}

.ddIconEst:visited {
	color: #ffba04;
	cursor: pointer;
	text-decoration: none;
}

.ddIconEst:hover {
	color: #ffba04;
	cursor: pointer;
	text-decoration: none;
}

.ddIconEst:active {
	color: #ffba04;
	cursor: pointer;
	text-decoration: none;
}

.estEditPopup {
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	background-color: #FFFFFF;
	background: #F0EFED;
	padding: 4px 4px 4px 4px;
}

.roll_over_effect_background_color_css {
	background-color: #ab9a8b !important;
}

.roll_over_effect_font_color_css {
	color: white;
}

.project_select_order_panel_style {
	background-color: #5e534b;
}

.project_select_order_panel_style_font_color * {
	color: white;
}

.project_order_tile_list_top_border {
	border-top: 1px solid #ededed;
}

.raised_box_style_css {
	width: 10px;
	height: 10px;
	background-color: red;
	border: 1px solid #ffffff;
}

.project_bill_outer_summary_box_css {
	width: 100%;
	border-radius: 4px;
}

.project_bill_outer_header_summary_box_css {
	width: 100%;
	border-top-right-radius: 4px;
}

.project_order_tile_list_bottom_border {
	border-bottom: 1px solid #ededed;
}

.close_vendor_create_botton_css {
	cursor: pointer;
	width: 32px;
	height: 30px;
	background: #483b3be3;
	text-align: center;
}

.project_menu_dash_board_menu_pending_icon {
	width: 24px;
	height: 24px;
	background-image: url("images/project_comp_icon_menu_dash_board.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
}

.project_dash_board_font_style_css_300 {
	font-weight: 300;
}

.project_dash_board_font_style_css_400 {
	font-weight: 400;
}

.project_dash_board_font_style_css_500 {
	font-weight: 500;
}

.project_dash_board_font_style_css_600 {
	font-weight: 600;
}

.unspecCategoryHeader {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	background: #F0EFED;
	padding-top: 2px;
	padding-bottom: 6px;
}

.unspecCategoryHeaderSmall {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	background: #F0EFED;
	padding-top: 2px;
	padding-bottom: 6px;
}

.unspecCategoryHeaderFolder {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 8px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	background: #F0EFED;
	padding-top: 2px;
	padding-bottom: 6px;
}
/*
.unspecCategoryHeaderFont {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	color: #ffff00e3;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	width: 32px;
	height: 30px;
} */

.non_editable_field_background_color_css {
	background-color: #ded8d8 !important;
}

.not_access_icon_size_css {
	width: 20px;
	height: 20px;
}

.action_botton_style_css {
	height: 125px;
	margin-left: 5px;
	margin-top: 10px;
}

.bottom_dotted_border_css {
	border: 1px solid #E5E5E5;
	background: white;
}

.close_vendor_create_botton_css {
	cursor: pointer;
	width: 32px;
	height: 30px;
	background: #483b3be3;
	text-align: center;
}

.cross_label_icon {
	font-weight: bold;
	color: #ffff00e3;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	width: 32px;
	height: 30px;
}

.create_vendor_botton_border_style {
	border-top: 1px solid #d4d4d4;
}

.non_editable_field_background_color_css {
	background-color: #ded8d8 !important;
}

.not_access_icon_size_css {
	width: 20px;
	height: 20px;
}

.action_botton_style_css {
	height: 125px;
	margin-left: 5px;
	margin-top: 10px;
}

.bottom_dotted_border_css {
	border: 1px solid #E5E5E5;
	background: white;
}

.circuit_navigation_panel_css {
	border: 2px solid #e5e5e5;
	border-radius: 4px;
	height: 42px;
	margin: 5px;
	padding: 2px;
}

.selected_circuit_navigation_panel_css {
	border: 2px solid #d4d40c;
	background-color: wheat;
}

.bottom_border_shadow {
	box-shadow: 0px 0px 5px #888888;
}

.project_cost_tag_css {
	margin: 5px;
	padding: 5px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #888888;
	width: 110px;
}

.project_cost_action_button {
	border: 2px solid;
	font-family: roboto;
	font-weight: 900;
	font-size: 9px;
	border-radius: 4px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: white;
	padding: 3px;
	width: 65px;
	height: 20px;
	cursor: pointer;
}

.project_cost_panel_border_css {
	vertical-align: middle;
	border-top: 1px solid;
	border-right: 0px solid;
}

.project_cost_status_panel_border_css {
	vertical-align: middle;
	border-top: 1px solid;
	border-right: 0px solid;
	border-left: 0px solid;
}

.parts_discription_panel_css {
	font-size: 8px;
	font-weight: bolder;
	color: white;
	background: #5595BC;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 2px;
	border-spacing: 0px;
}

.letter_spacing_css {
	letter-spacing: 10px;
}

.progress_bar_image_front_arrow_black {
	/* background-image: url("images/project_cost_progress_next_bar.svg");
	background-repeat: no-repeat; */
	background-color: black;
	height: 100%;
	background-size: cover;
}

.progress_bar_image_square_black {
	/* background-image: url("images/project_cost_progress_square_bar.svg");
	background-repeat: no-repeat; */
	background-color: black;
	height: 100%;
	background-size: auto;
}

.progress_bar_image_back_arrow_black {
	/* background-image: url("images/project_cost_progress_back_bar.svg");
	background-repeat: no-repeat; */
	background-color: black;
	height: 100%;
	background-size: cover;
}

.progress_bar_image_back_front_arrow_black {
	/* background-image: url("images/project_cost_progress_previous_and_next_bar.svg");
	background-repeat: no-repeat; */
	height: 100%;
	background-size: cover;
	background-color: black;
}

.montserrat_project_menu_font_family {
	font-family: Montserrat;
}

.arrow_container_black {
	height: 32px;
	background-color: black;
}

.arrow_container_back_arrow_black {
	position: relative;
	left: 0px;
	top: -4px;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 19px solid white;
}

.arrow_container_front_arrow_black {
	position: relative;
	left: -20px;
	top: -16px;
	width: 0px;
	height: 0px;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid black;
}

.background_black_project_header {
	background-color: black;
	/* width: 100%; */
	height: 32px;
	/* border-top: 4px solid white;
	border-bottom: 4px solid white; */
	align-content: center;
}

.border_project_cost_header {
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	background-color: black;
}

.image_screen_shown_by_drop_down_box_css {
	background-color: #f8f8f8;
	border-radius: 2px;
	cursor: pointer;
	height: 22px;
}

.highlight_bottom_boder_of_selected {
	border-bottom: 2px solid yellow !important;
	font-weight: bold;
}

.list_botton_border_style {
	border-bottom: 1px solid #d4d4d4;
}

.image_tile_screen_header {
	background-color: rgb(224, 156, 29);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.next_botton_css {
	background-image: url('/images/chevRight.svg');
	background-position: center center;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.previous_botton_css {
	background-image: url('/images/arrow-drop-down.svg');
	background-position: center center;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.push_down_botton_css {
	background-image: url('/images/arrow-drop-down.svg');
	background-position: center center;
	height: 10px;
	width: 10px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.next_image_botton_css {
	background-image: url('/images/chevron-right.svg');
	background-position: center center;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.previous_image_botton_css {
	background-image: url('/images/chevron-right.svg');
	background-position: center center;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.image_filter_header_css {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: black;
}

.image_filter_header_css_open_state {
	padding-left: 16px;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
}

.image_filter_name_outer {
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 3px;
	padding-left: 3%;
	padding-right: 3%;
	margin: 0px 2px 5px;
	height: 37px;
}

.image_search_text_box_css {
	margin-left: 5px;
	padding: 5px !important;
	font-size: 10px !important;
	height: 18px;
	border-radius: 3px;
	border: 0px solid #ccc !important;
	background: #F5F4EE;
	font-size: 10px;
}

.image_filter_column_reset_botton {
	background: rgba(115, 95, 6, 0.3);
	border: 0px solid #735F06;
	box-sizing: border-box;
	border-radius: 3px;
	width: 24px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
	margin-top: -1px;
	margin-right: 5px;
	margin-left: 5px;
}

.image_filter_outer_header_css {
	background: #FFFFFF;
	border: 0px solid #7A6600;
	box-sizing: border-box;
	border-radius: 2px;
	height: 310px;
}

.view_by_drop_down_header {
	font-size: 7px;
	font-family: Roboto;
	font-weight: bold;
	color: white;
}

.view_by_drop_down_box {
	padding: 2px;
	outline: none;
	border: 0;
	width: 65px;
	font-size: 10px;
	font-weight: bold;
	font-family: Roboto;
	cursor: pointer;
}

.generate_report_botton_css {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	width: 110px;
	height: 34px;
	background-image: url(images/popupStatusHeaderButton.png);
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 100px;
	padding-left: 5px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

@media only screen and (min-width: 1200px) {
	.constructionary_partlist_outerpanel {
		margin: 5px;
		border-radius: 5px;
		background: white;
		width: 100%;
	}
	.constructionary_partlist_outerpanel_hover {
		margin: 5px;
		border-radius: 5px;
		background: white;
		width: 100%;
		border-left: 4px solid #735F06;
	}
	.rounded_border {
		border-radius: 2px;
	}
	.rounded-text-Label {
		opacity: 0.7 !important;
		width: 10px !important;
		color: #ffffff !important;
		border-radius: 50% !important;
		padding: 1px !important;
		font-family: roboto !important;
		border: 1px solid #ffffff !important;
		font-size: 9px !important;
		text-align: center !important;
		font-weight: bold !important;
	}
	.border_top_onepx {
		border: 0.25px solid #D8D8D8;
	}
	.rounded_border_onepx {
		border: 1px solid #dcdada;
		border-radius: 1px;
	}
	.partsSectionBorderAzure {
		border: 1px solid #DFE2E6;
		background: #E7E5E3;
	}
	.float_right {
		float: right;
	}
	.constructionary_stock_image_size {
		width: 12px;
		height: 12px;
	}
	.part_tile_font_size_sm {
		font-size: 9px;
	}
	.part_tile_font_size_smx {
		font-size: 10px;
		display: inline-block;
	}
	.part_tile_font_size_smxx {
		font-size: 9px;
	}
	.part_tile_font_size_smxxx {
		font-size: 10px;
	}
	.part_tile_font_size_smxxt {
		font-size: 8px;
		font-family: Roboto;
	}
	.part_tile_font_size_smxt {
		font-size: 10px;
		font-family: Roboto;
	}
	.part_tile_font_size_md {
		font-size: 11px;
		font-family: Roboto;
	}
	.part_tile_font_size_mdxx {
		font-size: 11px;
		font-family: Roboto;
	}
	.part_tile_font_size_mdx {
		font-size: 13px;
		font-family: Roboto;
	}
	.part_tile_font_size_lg {
		font-size: 12px;
		font-family: Roboto;
	}
	.part_tile_more_popup_css {
		padding: 4px;
		font-size: 8px;
		border: 1px solid #c7adad;
		border-radius: 3px;
		display: inline-block;
		padding: 1px 3px 1px 3px;
		color: black !important;
		cursor: pointer;
	}
	.part_tile_more_popup_css_lf {
		padding: 4px !important;
		font-size: 10px !important;
		border: 1px solid #c7adad !important;
		border-radius: 3px !important;
		display: inline-block !important;
		padding: 1px 3px 1px 3px !important;
		background-color: white !important;
		color: black !important;
		cursor: pointer;
	}
	.part_image {
		height: 100px;
		width: 100px;
	}
	.float_right {
		float: right;
	}
	.constructionary_stock_image_size {
		width: 15px;
		height: 15px;
	}
	.check_tag_css {
		width: 12px;
		height: 12px;
		margin-left: 9px;
		padding-top: 3px;
	}
	.part_tile_ai_tag_css {
		width: 18px;
		height: 18px;
		background-repeat: no-repeat;
		background-size: 14px 14px;
		text-decoration: none;
		object-fit: contain;
		line-height: 30px;
		vertical-align: middle;
		border: 0px !important;
		background-color: white;
		text-align: center;
		margin-left: 9px;
		margin-top: 4px;
	}
	.part_tile_created_by {
		font-size: 13px;
		padding-top: 6px;
		font-family: Roboto;
	}
	.part_tile_view_stock {
		margin-right: 3px;
	}
	.part_desc_flex_table {
		padding-right: 97px;
	}
	.part_tile_ar_compare_btn:hover {
		background: #dcdcdc73;
		padding: 2px 8px 2px 8px;
		box-shadow: 0px 1px 5px 2px grey;
		border-radius: 25px;
		cursor: pointer;
	}
	.part_tile_col_details {
		border-radius: 5px;
		background-color: #f4f4f4;
		height: 100px;
	}

	.part_tile_col_details_small {
		border-radius: 5px;
		background-color: #f4f4f4;
		height: 60px;
	}

	.part_tile_col_small {
		border-radius: 5px;
		background-color: #f4f4f4;
		padding-bottom: 4px;
	}
	.part_tile_col_last_purchase {
		height: 77px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-radius: 5px;
		background-color: #f4f4f4;
	}
	.part_tile_flex_border_collapse {
		border-collapse: collapse;
		margin-top: 0px;
	}
	.part_tile_col_height {
		padding: 4px 0 0 5px;
		height: 60px;
	}
	.part_tile_col_height_lp {
		height: 75px;
	}
	.part_tile_na {
		padding-top: 15px;
		text-align: center;
	}
	.compare_popup_category_name_panel {
		border-left: 3px solid white;
		padding-left: 10px;
	}
	.part_tile_partDescriptionFlexTable {
		margin-top: 16px;
	}
	.part_tile_tagpanel {
		padding-top: 3px;
	}
	.info {
		width: 11px;
		height: 11px;
		object-fit: contain;
		margin-left: 3px;
	}
	.info:hover {
		width: 11px;
		height: 11px;
		object-fit: contain;
		box-shadow: 0px 0px 3px 3px #9c7070;
		transition-duration: 0.4s;
	}
	.part_tile_more_btn:hover {
		object-fit: contain;
		box-shadow: 0px 0px 9px 3px #9c7070;
		transition-duration: 0.4s;
	}
	.part_tile_more_btn_margin {
		margin-top: 5px;
		margin-left: 7px;
	}
	.part_tile_state_label_css {
		padding-left: 17px;
	}
	.part_tile_state_label_pop_up_css {
		padding-left: 40px;
	}
	.part_tile_sortingTableColumnSelected {
		font-family: Roboto;
		font-size: 9px;
		font-weight: bold;
		color: rgba(0, 0, 0, 0.87);
		padding-left: 4px;
	}
	.compare_popup_lp_vendor_details {
		font-family: Roboto;
		font-size: 11px;
	}
	.compare_popup_lp_state_details {
		font-size: 11px;
		opacity: 0.4;
		padding-left: 1px;
	}
	.comare_popup_btn_ec {
		padding: 5px !important;
		margin: 5px !important;
		font-weight: bold !important;
		font-size: 11px !important;
		cursor: pointer !important;
		border: 2px solid !important;
	}
	.compare_popup_com_state {
		padding-left: 8px !important;
		font-size: 10px !important;
	}
}

@media only screen and (min-width: 1800px) {
	.constructionary_partlist_outerpanel {
		margin: 5px;
		border-radius: 5px;
		background: white;
		width: 100%;
	}
	.constructionary_partlist_outerpanel_hover {
		margin: 5px;
		border-radius: 5px;
		background: white;
		width: 100%;
		border-left: 4px solid #735F06;
	}
	.rounded_border {
		border-radius: 2px;
	}
	.rounded-text-Label {
		opacity: 0.7 !important;
		width: 12px !important;
		height: 11px !important;
		color: #ffffff !important;
		border-radius: 50% !important;
		padding: 1px !important;
		font-family: roboto !important;
		border: 1px solid #ffffff !important;
		font-size: 10px !important;
		text-align: center !important;
		font-weight: bold !important;
	}
	.border_top_onepx {
		border: 0.25px solid #D8D8D8;
	}
	.rounded_border_onepx {
		border: 1px solid #dcdada;
		border-radius: 1px;
	}
	.partsSectionBorderAzure {
		border: 1px solid #DFE2E6;
		background: #E7E5E3;
	}
	.part_tile_font_size_md {
		font-size: 14px;
		font-family: Roboto;
	}
	.float_right {
		float: right;
	}
	.constructionary_stock_image_size {
		width: 15px;
		height: 15px;
	}
	.part_tile_font_size_sm {
		font-size: 12px;
	}
	.part_tile_font_size_smx {
		font-size: 13px;
		font-family: Roboto;
	}
	.part_tile_font_size_smxx {
		font-size: 13px;
		font-family: Roboto;
	}
	.part_tile_font_size_smxxx {
		font-size: 13px;
		font-family: Roboto;
	}
	.part_tile_font_size_smxxt {
		font-size: 13px;
		vertical-align: center;
		padding-top: 4px;
		margin-left: 4px;
		font-family: Roboto;
	}
	.part_tile_font_size_smxt {
		font-size: 14px;
		font-family: Roboto;
	}
	.part_tile_font_size_md {
		font-size: 13px;
	}
	.part_tile_font_size_mdx {
		font-size: 17px;
		vertical-align: center;
		padding-top: 3px;
		font-family: Roboto;
	}
	.part_tile_font_size_lg {
		font-size: 20px;
		font-family: Roboto;
	}
	.part_tile_more_popup_css {
		font-size: 10px;
		border: 1px solid #d6cdcd;
		border-radius: 1px;
		display: inline-block;
		background-color: white;
		color: black;
		cursor: pointer;
	}
	.part_tile_more_popup_css_lf {
		font-size: 11px !important;
		border: 1px solid #d6cdcd !important;
		border-radius: 1px !important;
		display: inline-block !important;
		background-color: white !important;
		color: black !important;
		cursor: pointer !important;
	}
	.part_image {
		height: 100%;
		width: 100%;
	}
	.float_right {
		float: right;
	}
	.constructionary_stock_image_size {
		width: 15px;
		height: 15px;
	}
	.part_tile_ai_tag_css {
		width: 18px;
		height: 18px;
		background-repeat: no-repeat;
		background-size: 18px 18px;
		text-decoration: none;
		object-fit: contain;
		line-height: 30px;
		vertical-align: middle;
		border: 0px !important;
		background-color: white;
		text-align: center;
		margin-left: 9px;
		margin-top: 4px;
	}
	.check_tag_css {
		width: 15px;
		height: 15px;
		margin-left: 9px;
		padding-top: 6px;
	}
	.part_tile_created_by {
		font-size: 13px;
		padding-top: 6px;
	}
	.part_tile_view_stock {
		margin-right: 3px;
	}
	.part_desc_flex_table {
		padding-right: 97px;
	}
	.vertical_line_style_margin_right_50px_css {
		width: 0px;
		height: 85px;
		border: solid 1px #ededed;
		margin-right: 50px;
	}
	.font_family_lato {
		font-family: Lato;
	}
	.font_family_roboto {
		font-family: Roboto;
	}
	.fit_content {
		width: fit-content;
	}
	.part_tile_details_border_white {
		border-left: 3px solid white;
		border-right: 3px solid white;
	}
	.compare_tile_blank_css {
		line-height: 10px;
		font-size: 10px;
		color: #f4f4f4;
	}
	.part_tile_col_details {
		border-radius: 5px;
		background-color: #f4f4f4;
		height: 120px;
	}
	.part_tile_col_height {
		padding: 5px 0 0 5px;
		height: 100%;
	}
	.part_tile_col_height_lp {
		height: 100px;
	}
	.part_tile_flex_border_collapse {
		border-collapse: collapse;
		margin-top: 0px;
	}
	.info {
		width: 16px;
		height: 16px;
		object-fit: contain;
		margin-left: 3px;
	}
	.info:hover {
		width: 16px;
		height: 16px;
		object-fit: contain;
		border-radius: 50%;
		margin-top: 35%;
		box-shadow: 0px 0px 3px 3px #9c7070;
		transition-duration: 0.4s;
	}
	.part_tile_more_btn:hover {
		object-fit: contain;
		box-shadow: 0px 0px 9px 3px #9c7070;
		transition-duration: 0.4s;
	}
	.part_tile_col_last_purchase {
		height: 98px;
		border-radius: 5px;
		background-color: #f4f4f4;
	}
	.part_tile_sortingTableBorder {
		border-left: 1px solid gray;
		background: white;
	}
	.part_tile_state_label_css {
		padding-left: 17px;
	}
	.part_tile_state_label_pop_up_css {
		padding-left: 42px;
	}
	.part_tile_ar_compare_btn:hover {
		background: #dcdcdc73;
		padding: 2px 10px 2px 10px;
		box-shadow: 0px 1px 5px 2px grey;
		border-radius: 25px;
		cursor: pointer;
	}
	.part_tile_sortingTableColumnSelected {
		font-family: Roboto;
		font-size: 9px;
		font-weight: bold;
		color: rgba(0, 0, 0, 0.87);
		padding-left: 4px;
	}
	.compare_popup_lp_vendor_details {
		font-family: Roboto;
		font-size: 15px;
	}
	.compare_popup_lp_state_details {
		font-size: 15px;
		opacity: 0.4;
		padding-left: 1px;
	}
	.comare_popup_btn_ec {
		border: 2px solid !important;
		font-family: roboto !important;
		font-weight: 900 !important;
		font-size: 10px !important;
		border-radius: 4px !important;
		margin-left: 5px !important;
		margin-right: 5px !important;
		background-color: white !important;
		padding: 3px !important;
		cursor: pointer !important;
	}
	.compare_popup_com_state {
		padding-left: 28px;
	}
}
/*closing of 1800resolution*/

.font_family_lato {
	font-family: Lato;
}

.font_family_roboto {
	font-family: Roboto;
}

.fit_content {
	width: fit-content;
}

.info_img {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.compare_popup_border {
	border-left: 2px solid #F5F5F5;
}

.compare_popup_exp_img_icon {
	width: 20px;
	height: 20px;
	background-color: #F2F2F2;
	border-radius: 5px;
	margin: 5px;
}

.compare_popup_action_panel {
	background: #F5F5F5;
	padding: 7px 0 7px 0px;
}

.compare_popup_details_css {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	word-break: break-all;
}

.compare_popup_category_label {
	font-size: 13px;
	font-weight: bold;
	font-family: Roboto;
}

.compare_popup_category_text_css {
	font-size: 16px;
	font-weight: light;
	font-family: Roboto;
	/* color: #848484; */
	text-align: center;
}

.compare_popup_specification_name_label {
	font-size: 11px;
	font-weight: 400px;
	font-family: Roboto;
	color: #424242;
}

.compare_popup_specification_description_label {
	font-size: 12px;
	font-weight: 400;
	font-family: Roboto;
	/* color: #939393; */
	word-break: break-all;
	color: #939393;
	padding-bottom: 2px;
}

.compare_popup_tabs_border {
	border: 1px solid #F5F5F5;
}

.compare_popup_category_cols {
	opacity: 1;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 3px solid #F5F5F5;
	padding-left: 10px;
}

.compare_popup_expandpanel {
	border: 5px solid #f5f5f5;
}

.compare_popup_scroll_Panel {
	overflow-x: hidden !important;
}

.partscompare_diff_highlight * {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	color: #735F06;
	background-color: #F7F5F0;
	opacity: 1.0;
}

.compare_popup_category_tab {
	width: 100%;
	background-color: #CCCCCC !important;
	border-top: 3px solid #F5F5F5;
	padding: 0px;
	margin: 0px;
	border-left: 5px solid #FCFCFC;
	border-right: 5px solid #FCFCFC;
}

.compare_popup_part_category_col_border {
	border-left: 3px solid #f5f5f5;
}

.compare_popup_count_value {
	font-size: 12px;
	font-weight: normal;
	color: #424242;
	font-family: Roboto;
}

.compare_popup_count_label {
	font-size: 12px;
	font-weight: normal;
	color: #848484;
	font-family: Roboto;
	margin-left: 5px;
}

.d_flex_content_conter {
	display: flex;
	justify-content: center;
}

.compare_popup_part_pd_innerpanel {
	/* 	padding-left:10px; */

}

.compare_popup_min_height {
	min-height: 60px;
}

.compare_popup_image_exp_panel_border {
	border: 2px solid #f5f5f5;
}

.part_tile_details_border_white {
	border-left: 3px solid white;
	border-right: 3px solid white;
}

.compare_tile_blank_css {
	line-height: 10px;
	font-size: 10px;
	color: #f4f4f4;
}

.compare_popup_header_border {
	border-left: 5px solid white;
	border-right: 5px solid white;
}

.part_tile_sorting_table {
	width: 180px;
	height: 28px;
	border-radius: 2px;
	border: 1px solid gray;
}

.part_tile_sortingTableBorder {
	border-left: 1px solid gray;
	background: white;
}

.part_tile_sortAscending {
	background-image: url(images/sortAscending.svg);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-size: 28px 28px;
	cursor: pointer;
	text-decoration: none;
	object-fit: contain;
	line-height: 28px;
	vertical-align: middle;
}

.project_cost_part_panel_border_css {
	vertical-align: middle;
	border: 1px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
}

.project_cost_part_panel_top_border_css {
	vertical-align: middle;
	border: 1px solid;
	border-right: 0px solid;
	border-left: 0px solid;
	border-bottom: 0px solid;
	padding: 1px;
}

.circuit_part_for_hover_css:hover {
	letter-spacing: normal;
	cursor: pointer;
	color: #ce814a !important;
}

.dotted_left_border {
	border-left: 1px dotted;
	border-bottom: 1px dotted;
	/* border-top: 1px dotted;  */
}

.dotted_top_border {
	border-top: 1px dotted;
}

.selected_circuit_navigation_panel {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	border: solid 1px #ffc34f;
	background-color: #fff3da;
}

.project_cost_dotted_left_border {
	border-left: 1px dotted;
}

.project_cost_left_border {
	border-left: 1px solid black;
}

.project_cost_top_border {
	border-top: 1px solid black;
}

.project_cost_right_border {
	border-right: 1px solid black;
}

.project_cost_bottom_border {
	border-bottom: 1px solid black;
}

.unspecDivAnchorNoPadding {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unspecDivAnchorNoPadding a:link {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unspecDivAnchorNoPadding a:visited {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unspecDivAnchorNoPadding a:hover {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unspecDivAnchorNoPadding a:active {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.specDivAnchorNoPadding {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: orange;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.specDivAnchorNoPadding a:link {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: orange;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.specDivAnchorNoPadding a:visited {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: orange;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.specDivAnchorNoPadding a:hover {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: orange;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.specDivAnchorNoPadding a:active {
	width: 56px;
	height: 11px;
	border-radius: 2px;
	background-color: orange;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.unspecAnchor {
	text-decoration: none;
}

.unspecAnchor a:link {
	text-decoration: none;
}

.unspecAnchor a:visited {
	text-decoration: none;
}

.unspecAnchor a:hover {
	text-decoration: none;
}

.unspecAnchor a:active {
	text-decoration: none;
}

.rfqTable {
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.partCountPopup {
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	border-radius: 4px;
	padding-left: 10px;
	padding-top: 10px;
}

.specifiedPartSpecValue {
	background: #F5F5F5;
}

.specifiedPartSpecNoValue {
	background: #FFE6E6;
}

.antiSuggestionPopupPanel {
	background: #FFFFFF;
	border: 1px solid #7A6600;
	box-sizing: border-box;
	border-radius: 2px;
}

.antiSuggestionHeader {
	width: 100%;
	height: 11px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	line-height: 11px;
	text-align: center;
	vertical-align: middle;
}

.antiSuggestionText {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333230;
}

.antiSuggestionSubText {
	padding-left: 2px;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	color: #333230;
	opacity: 0.8;
}

.antiSuggestionBorder {
	opacity: 0.9;
	border-bottom: solid 0.5px rgba(0, 0, 0, 0.22);
	border-top: solid 0.5px rgba(0, 0, 0, 0.22);
	padding-top: 2px;
	padding-bottom: 2px;
}

.topCellBorder {
	border-top: 1px solid #EFEFEF;
}

.estimate_column_top_css {
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	background-color: black;
}

.estimate_makes_remark_top_col_css {
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	background-color: black;
}

.info_roll_over_effect:hover {
	object-fit: contain;
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
	border-radius: 50%;
	cursor: pointer;
}

.clickable_text_roll_effect:hover {
	letter-spacing: normal;
	cursor: pointer;
	color: #ce814a !important;
}

.word_break_css {
	word-break: break-all;
}

.moIconSmall {
	background-image: url(images/mo.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
}

.poIconSmall {
	background-image: url(images/po.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
}

.challanIconSmall {
	background-image: url(images/challan.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
}

.woIconSmall {
	background-image: url(images/wo.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	text-decoration: none;
}

.add_highlight_color_on_clickable_text {
	color: #ce814a !important;
}

.project_scope_costing_offer_header {
	background-color: rgba(0, 0, 0, 0.54);
	color: white;
	font-weight: bold;
	font-family: 'Roboto' !important;
}

.project_type_str_label {
	font-size: 12px;
	font-weight: bold;
	font-family: 'Roboto' !important;
	margin-left: 7px;
	display: inline;
	/* background: #CAFF93 0% 0% no-repeat padding-box; */
	padding: 1px 4px 1px 4px;
	text-align: left;
	letter-spacing: 0.16px;
	color: #303030;
	opacity: 1;
}

.project_scope_costing_panel_height {
	/* height:315px; */

}

.project_scope_costing_project_typevpanel_heading {
	color: #303030;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Roboto' !important;
}

.project_scope_costing_project_typevpanel_value {
	font-size: 10px;
	font-weight: normal;
	font-family: 'Roboto' !important;
	letter-spacing: 0.18px;
	color: #6B6B6B;
	opacity: 1;
}

.scope_costing_and_offer_label {
	color: #0F0F0F;
	font-weight: bold;
	font-size: 11px;
	font-family: 'Roboto' !important;
	padding-left: 4px;
	opacity: 1;
}

.scope_costing_and_offer_circuit_label {
	font-size: 12px;
	font-weight: 500;
	font-family: 'Roboto' !important;
	color: #494949 !important;
	text-decoration: none !important;
}

.scope_costing_and_offer_details_header {
	font-size: 10px;
	font-weight: bold;
	font-family: 'Roboto' !important;
	letter-spacing: 1px;
	text-align: center;
	color: #7C7C7C;
	opacity: 1;
	letter-spacing: 0.55px;
}

.scope_costing_and_offer_details_scope_header {
	font-size: 10px;
	font-weight: bold;
	font-family: 'Roboto' !important;
	margin-left: 25px;
	color: #7C7C7C;
	opacity: 1;
	letter-spacing: 0.55px;
}

.scope_costing_and_offer_rspanel_heading {
	font-size: 13px;
	font-weight: 500;
	font-family: 'Roboto' !important;
	text-align: center;
	width: 100%;
	vertical-align: middle;
	color: #515151;
	letter-spacing: -0.22px;
	margin-left: 2px;
}

.scope_costing_and_offer_rspanel_value {
	font-size: 12px;
	font-family: 'Roboto' !important;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	width: 100%;
	vertical-align: middle;
}

.scope_costing_and_offer_exlamatory_mark_top {
	font-size: 10px;
	font-family: 'Roboto' !important;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	vertical-align: middle;
	color: red;
	text-align: center;
	margin-left: 2px;
}

.scope_costing_and_offer_exlamatory_mark {
	font-size: 10px;
	font-family: 'Roboto' !important;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	vertical-align: middle;
	color: red;
	text-align: center;
	margin-left: 4px;
}

.scope_costing_and_offer_exlamatory_mark_outer {
	text-align: center;
}

.scope_costing_and_offer_material_and_service_label {
	font-size: 13px;
	font-weight: 500;
	color: #515151;
	font-family: 'Roboto' !important;
	vertical-align: middle;
	margin-left: 10px;
}

.scope_costing_and_offer_material_and_service_label_value {
	font-size: 13px;
	font-weight: 500;
	font-family: 'Roboto' !important;
	float: right;
	color: #515151;
	margin-right: 10px;
}

.scope_costing_and_offer_billable_label {
	font-size: 10px;
	color: black;
	font-family: 'Roboto' !important;
	opacity: 0.5;
	letter-spacing: 1px;
	margin-left: 8px;
	font-weight: 600;
}

.scope_costing_and_offer_billable_label_value {
	font-size: 11px;
	color: black;
	font-family: 'Roboto' !important;
	font-weight: 600;
	opacity: 0.60;
	margin-left: 8px;
	float: right;
	margin-right: 12px;
}

.scope_costing_and_offer_selected_label {
	font-size: 10px;
	font-family: 'Roboto' !important;
	font-weight: 600;
	color: #66bff1;
	letter-spacing: 1px;
	margin-left: 8px;
}

.scope_costing_and_offer_spec_label {
	font-size: 10px;
	font-family: 'Roboto' !important;
	font-weight: 600;
	color: #e56c1a;
	letter-spacing: 1px;
	margin-left: 5px;
}

.scope_costing_and_offer_unspec_label {
	font-size: 10px;
	font-family: 'Roboto' !important;
	font-weight: 600;
	color: #ff525e;
	letter-spacing: 1px;
	margin-left: 5px;
}

.scope_costing_and_offer_billablefPanel {
	border-top: 1px solid;
	padding: 3px 0px 3px 0px;
	border-collapse: collapse;
	width: 100%;
	vertical-align: middle;
}

.scope_costing_and_offer_selected_label_rsPanel {
	background-color: white;
	height: 100%;
}

.scope_and_cost_fpanel {

}

.scope_and_cost_unit_panel_heading {
	height: 26px;
}

.scope_and_cost_unit_panel_lock_heading {
	height: 26px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.scope_and_cost_unit_panel_value {
	border-top: 1px solid #d8d8d8;
	height: 26px;
	opacity: 0.6;
}

.scope_and_cost_unit_panel_lock_value {
	border-top: 1px solid;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 36px;
}

.border_collpase {
	border-collapse: collapse;
}

.scope_and_cost_unit_panel_border {
	border-top: 1px solid #d8d8d8;
}

.color_white {
	background-color: white;
}

.scope_and_cost_total_label_value {
	font-size: 9px;
	font-weight: bold;
	font-family: 'Roboto' !important;
	opacity: 0.7;
	vertical-align: middle;
	float: right;
	margin-right: 10px;
}

.scope_and_costing_panel_border_spacing {
	border-collapse: collapse;
	border-right: 5px solid #dddddd;
	border-left: 10px solid #dddddd;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
}

.scope_and_costing_panel_price_box_border_spacing {
	border-collapse: collapse;
	border-left: 10px solid #dddddd;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
}

.scope_and_costing_total_panel {
	border-collapse: collapse;
	border-right: 5px solid #dddddd;
	border-left: 10px solid #dddddd;
	border-top: 2px solid #dddddd;
	ss border-bottom: 2px solid #dddddd;
	height: 26px;
}

.scope_and_costing_col_total_panel {
	border-collapse: collapse;
	border-left: 10px solid #dddddd;
	border-top: 2px solid #dddddd;
	ss border-bottom: 2px solid #dddddd;
	height: 26px;
}

.scope_and_costing_action_icon {
	width: 20px;
	height: 20px;
	padding-left: 20px;
}

.scope_and_costing_cal_icon {
	width: 14px;
	height: 14px;
	padding-left: 20px;
}

.scope_and_costing_lock_icon {
	width: 14px;
	height: 14px;
	padding-left: 20px;
	margin-top: 8px;
}

.scope_and_costing_team_icon {
	width: 25px;
	height: 25px;
	padding-left: 20px;
}

.scope_and_offer_location_circuit_icon {
	background-image: url(/images/location_circuit_icon.svg);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	text-decoration: none;
}

.over_all_drop_down {
	background: #d8d8d8;
	border: 1px solid #d8d8d8;
	color: #353535;
	font-weight: bold;
	font-family: 'Roboto' !important;
	letter-spacing: 0.5px;
	opacity: 1;
	font-size: 11px;
}

.scope_and_costing_menuftable:hover {
	color: red;
}

.scope_and_cost_unit_panel_lock_icon_container {
	height: 26px;
	display: flex !important;
	align-content: center;
	flex-direction: column;
	align-items: center;
}

.scope_and_cost_total_info_panel {
	height: 12px;
	width: 12px;
	padding-left: 5px;
}

.scope_and_cost_total_label {
	font-size: 15px;
	font-weight: bold;
	font-family: 'Roboto' !important;
	color: #515151;
	vertical-align: middle;
	padding-left: 10px;
	text-align: left;
}

.scope_costing_and_offer_rspanel_value {
	font-family: 'Roboto' !important;
	font-weight: 500;
	opacity: 0.6;
	width: 100%;
	vertical-align: middle;
}

.scope_costing_and_offer_client {
	color: #303030;
	font-weight: bold;
	font-size: 11px;
	font-family: 'Roboto' !important;
}

.scope_costing_and_offer_scope_label {
	color: #0F0F0F;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Roboto' !important;
	padding-left: 14px;
	opacity: 1;
}

.scope_costing_and_offer_scope_label:hover {
	color: #0F0F0F;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Roboto' !important;
	padding-left: 14px;
	opacity: 1;
	background: #dcdcdc73;
	padding: 2px 10px 2px 10px;
	box-shadow: 0px 1px 5px 2px grey;
	border-radius: 25px;
	display: inline;
	cursor: pointer;
}

.scope_costing_head_border {
	border-top: 1px solid #c1c1c1;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

.hard_reset_botton_for_image {
	color: white;
	background: transparent;
	outline: none;
	cursor: pointer;
	border: 0;
}

.menuItemProject {
	width: 600px;
	cursor: default;
	font-family: Arial Unicode MS, Arial, sans-serif;
}

.datePanelBorder {
	border-right: 2px solid #E29B19;
}

.scope_estimate_summary_cost_est_panel {
	font-size: 16px;
	font-weight: 600;
	color: #3491c8;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: white;
	border-top: 1px solid #dbdbdb;
}

.scope_estimate_summary_cost_offer_panel {
	font-size: 16px;
	font-weight: 600;
	color: #3491c8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: white;
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
}

.scope_estimate_summary_cost_outerPanel {

}

.scope_estimate_summary_cost_right_panel {
	border-left: 1px solid white;
}

.scope_estimate_summary_cost_key {
	font-size: 12px;
	color: white;
}

.scope_estimate_summary_cost_value {
	font-size: 20px;
	color: white;
	font-weight: bold;
}

.scope_estimate_summary_cost_panel {
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	background-color: #646464;
}

.scope_estimate_summary_cost_est_label {
	background: #f2f2f2;
	color: #646464;
}

.scope_estimate_summary_cost_offer_label {
	background: #f2f2f2;
	border-left: 1px solid #dbdbdb;
	color: #646464;
}

.scope_estimate_summary_cost_est {
	background: #f2f2f2;
}

.scope_estimate_summary_cost_offer {
	background: #f2f2f2;
	border-left: 1px solid blue;
}

.scope_estimate_summary_details_panel {
	border-collapse: collapse;
}

.scope_estimate_summary_popup_margin_percentage {
	color: #39b54a;
	font-weight: 500;
}

.estimate_outerpanel {
	margin: 0 15px 0px 15px;
}

.leftPadding {
	padding-left: 5px;
}

.exlamtion_tooltip_outer_css {
	border: 1px solid red;
	border-radius: 6px;
	margin: 2px;
}

.scope_costing_and_offer_exlamatory_mark:hover {
	object-fit: contain;
	border-radius: 50%;
	/* margin-top: 35%; */
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.exlamtion_tooltip_outer_css_top_arrow {
	width: 16px;
	height: 10px;
	margin-right: 10%;
}

.divEstimateMenuInfo {
	width: 21px;
	height: 21px;
	background-image: url("images/promasch_project_information_icon.png");
	background-repeat: no-repeat;
	background-size: 21px 21px;
	background-position: center;
}

.divEstimateMenuScope {
	width: 21px;
	height: 21px;
	background-image: url("images/project_dash_project_scope_icon.png");
	background-repeat: no-repeat;
	background-size: 21px 21px;
	background-position: center;
}

.divEstimateMenuTeam {
	width: 21px;
	height: 21px;
	background-image: url("images/project_dash_board_team_icon.png");
	background-repeat: no-repeat;
	background-size: 21px 21px;
	background-position: center;
}

.financeInnerTable {
	padding-left: 4px;
	border-right: 2px solid #DDDDDD;
}

.financeInnerTableNoBorder {
	padding-left: 4px;
}

.financeRevenueIcon {
	width: 19px;
	height: 20px;
	background-image: url("images/revenueIcon.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.financeBudgetIcon {
	width: 20px;
	height: 22px;
	background-image:
		url("images/project_menu_dash_board_budget_icon_on_hover.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.financeCostIcon {
	width: 19px;
	height: 20px;
	background-image: url("images/costIcon.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.financeMarginIcon {
	width: 20px;
	height: 20px;
	background-image: url("images/marginIcon.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
}

.earnedValueIcon {
	width: 21px;
    height: 15px;
	background-image: url("images/earn_value_icon.png");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.financeHeaderFont {
	color: #1E1E1E;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.financeSubHeaderFont {
	color: #9E9E9E;
	font-family: Roboto-Medium;
	font-size: 8px;
	font-weight: bold;
}

.financeTextFont {
	color: #515151;
	font-family: Roboto-Medium;
	font-size: 12px;
	font-weight: bold;
}

.financeSubTextFont {
	color: #353535;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
}

.warningBorder {
	border: 1px solid #EBA69E;
}

.replaceDisabled {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	text-decoration: none;
	cursor: auto;
}

.projectDashBoardMouseOver {
	cursor: pointer;
	padding: 2px 2px 2px 2px;
	background-color: #E8E8E8;
}

.projectDashBoardMouseOverNew {
	box-shadow: 0 2px 8px 0 #ce814a;
	transition: box-shadow .3s ease-out;
}

.projectOrdersBarLabelFont {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
}

.projectOrdersBarLabelFontPadding {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	padding-left: 12px;
}



.projectOrdersBarFontNoHover {
	background-color: #eeeeee;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	padding-left: 12px;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectOrdersBarFont {
	background-color: #eeeeee;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	padding-left: 12px;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectOrdersBarFont:hover {
	background-color: #eeeeee;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	padding-left: 12px;
	vertical-align: middle;
	color: #ce814a;
	cursor: pointer;
}

.selected_thumbnail_css {
	border-radius: 5px;
	object-fit: contain;
	box-shadow: 0px 0px 3px 3px #e77600;
	transition-duration: 0.4s;
}

.un_select_dots_navigation_css {
	border-radius: 50%;
	border: 1px solid black;
	background-color: white;
	width: 4px;
	height: 4px;
	margin-left: 2px;
	margin-right: 2px;
}

.selected_dots_navigation_css {
	border-radius: 50%;
	/* border: 1px solid black;
	background-color: grey; */
	width: 4px;
	height: 4px;
	margin-left: 3px;
	margin-right: 3px;
	box-shadow: 0px 0px 3px 3px #ce814a;
	transition-duration: 0.2s;
	/* background-color: #ce814a; */
	border: 1px solid #ce814a;
}

.selectable_tile_hover:hover * {
	color: #ce814a !important;
}


.projectOrdersBarFontNoPaddingNoHover {
	background-color: #eeeeee;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectOrdersBarFontNoPadding {
	background-color: #eeeeee;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.54);
}

.projectOrdersBarFontNoPadding:hover {
	background-color: #eeeeee;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	color: #ce814a;
	cursor: pointer;
}

.editIconStatus {
	background-image: url(images/editPencil.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	height: 12px;
	width: 12px;
	line-height: : 12px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.deleteIconStatus {
	background-image: url(images/delete.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	height: 12px;
	width: 100%;
	line-height: : 12px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.deleteIconStatusDisabled {
	background-image: url(images/delete.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	height: 12px;
	width: 100%;
	line-height: : 12px;
	text-align: center;
	vertical-align: middle;
	cursor: auto;
}

.editIconStatusPopupDisabled {
	background-image: url(images/editPencil.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	height: 12px;
	width: 100%;
	line-height: : 12px;
	text-align: center;
	vertical-align: middle;
	cursor: auto;
	text-decoration: none;
}

.editStatusHeader {
	font-family: Roboto;
	font-size: 25px;
	color: #735F06;
	text-align: left;
	padding-left: 10px;
	font-weight: 500;
	padding-top: 8px;
	padding-bottom: 4px;
}

.editStatusSubHeader {
	font-family: Roboto;
	font-size: 14px;
	color: #2B2B2B;
	text-align: left;
	padding-left: 10px;
	font-weight: 500;
	padding-bottom: 10px;
}

.editStatusTableHeader {
	font-family: Roboto;
	font-size: 9px;
	color: #FCFCFC;
	text-align: left;
	padding-left: 4px;
	font-weight: bold;
	background: #191919;
	border-right: 1px solid;
	border-right-color: #FCFCFC;
}

.editStatusTableContent {
	font-family: Roboto;
	font-size: 10px;
	color: #2B2B2B;
	text-align: left;
	padding-left: 2px;
}

.editStatusTableContentGreen {
	font-family: Roboto;
	font-size: 10px;
	color: #90BCA0;
	text-align: left;
	padding-left: 2px;
}

.editStatusTableContentOrange {
	font-family: Roboto;
	font-size: 10px;
	color: #D2A88F;
	text-align: left;
	padding-left: 2px;
}

.editStatusTableContentPadding {
	font-family: Roboto;
	font-size: 10px;
	color: #2B2B2B;
	text-align: left;
	padding-left: 4px;
	padding-right: 4px;
}

.editStatusTableContentBorder {
	font-family: Roboto;
	font-size: 10px;
	color: #2B2B2B;
	text-align: left;
	border: solid 0.5px rgba(0, 0, 0, 0.22);
	padding-left: 2px;
}

.editIconStatusPopup {
	background-image: url(images/editPencil.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	height: 12px;
	width: 100%;
	line-height:  12px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.saveIconStatus {
	background-image: url(images/saveIcon.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	height: 12px;
	width: 100%;
	line-height:  12px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.revertIconStatus {
	background-image: url(images/revertIcon.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center;
	height: 12px;
	width: 100%;
	line-height:  12px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}

.iconSubTextStatus {
	font-family: Roboto;
	font-size: 8px;
	color: #939292;
	text-align: center;
	text-decoration: none;
}

.outerdiv {
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	text-decoration: none;
}

.outerdivDisabled {
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: auto;
	text-decoration: none;
	opacity: 0.3;
}

.deletionLayer {
	background: #F0F0F0 0% 0% no-repeat padding-box;
	opacity: 0.50;
}

.deletionLabel {
	font-family: Roboto;
	font-size: 14px;
	text-align: left;
	letter-spacing: 0.35px;
	color: black;
}

.image_border_with_radius {
	border: 1px solid black;
	border-radius: 5px;
}

.addServiceButton {
	height: 24px;
	width: 24px;
	background: #FADC19;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #323133;
	opacity: 0.9;
	border: none;
	padding-right: 4px;
}

.imagesUnselected {
	width: 34px;
	height: 24px;
	background-image: url("images/imagesUnselected.png");
	background-repeat: no-repeat;
	background-size: 34px 24px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.imagesUnselected:hover {
	width: 34px;
	height: 34px;
	background-image:
		url("images/image_and_image_timeline_on_hover_icon.png");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.imagesSelected {
	width: 34px;
	height: 34px;
	background-image:
		url("images/image_and_image_timeline_on_hover_icon.png");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: center;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.selected_circuit_navigation_panel_css {

}

.location_navigation_panel_css {
	width: 120px;
	height: 30px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 2px solid #e5e5e5;
	border-radius: 4px;
	opacity: 1;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	cursor: pointer;
}

.selected_location_navigation_panel_css {
	width: 120px;
	height: 30px;
	background-color: #fff3da;
	border: solid 1px #ffc34f;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	opacity: 1;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.locationHeader {
	text-align: left;
	letter-spacing: 0.9px;
	color: #0A0A0A;
	opacity: 1;
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	padding-top: 2px;
	padding-left: 10px;
}

.locationName {
	text-align: left;
	letter-spacing: 0.6px;
	color: #3A3A3A;
	opacity: 1;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	font-weight: bold;
}

.locationNameAll {
	text-align: center;
	letter-spacing: 0.6px;
	color: #3A3A3A;
	opacity: 1;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	font-weight: bold;
}

.stateName {
	text-align: left;
	letter-spacing: 0.27px;
	color: #AAAAAA;
	opacity: 1;
	font-family: Roboto;
	font-size: 9px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
}

.folderDetailsCounts {
	text-align: left;
	letter-spacing: 0.2px;
	color: #ACACB5;
	opacity: 1;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	padding-left: 9.5px;
}

.folderDetailsDemandTotal {
	letter-spacing: 0.26px;
	color: #434351;
	opacity: 1;
	font-family: Roboto;
	font-size: 13px;
}

.folderDetailsDemandImmediate {
	letter-spacing: 0.2px;
	color: #818184;
	opacity: 1;
	font-family: Roboto;
	font-size: 10px;
}

.locationPopupHeaderRectangle {
	width: 100%;
	height: 40px;
	border-radius: 2px;
	background-color: #3e3e3e;
	padding-left: 12px;
	padding-right: 12px;
}

.locationPopupHeader {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}

.locationPopupSubHeading {
	letter-spacing: 0.27px;
	color: #3E3E3E;
	opacity: 1;
	font-family: Roboto !important;
	font-size: 9px;
	font-weight: bold;
	padding-left: 12px;
}

.locationPopupLocationName {
	text-align: left;
	letter-spacing: 0.3px;
	color: #3E3E3E;
	opacity: 1;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
}

.locationPopupStateName {
	text-align: left;
	letter-spacing: 0.08px;
	color: #777777;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
}

.locationPopupQtyheader {
	letter-spacing: 0.27px;
	color: #757575;
	opacity: 1;
	font-family: Roboto;
	font-size: 9px;
}

.locationTableRow {
	border-bottom: 1px solid #E0E0E0;
	height: 30px;
}

.editSpecsCustName {
	text-align: left;
	letter-spacing: 0.25px;
	color: #959595;
	opacity: 1;
	font-family: Roboto;
	font-size: 10px;
}

.noImageBorder {
	border: 1px solid #959595;
	margin: 2px;
	padding-bottom: 2px;
}

.withImageBorder {
	margin: 4px;
}

.partTileDemandTotal {
	letter-spacing: 0.11px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	opacity: 1;
}

.partTileDemandImmediate {
	letter-spacing: 0px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 10px;
	opacity: 1;
}

.partTileDemandTable {
	background: #AAAAAA 0% 0% no-repeat padding-box;
	border-radius: 2px;
	opacity: 1;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.partTileDA {
	width: 270px;
	height: 115px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	cursor: auto;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 4px;
	margin-right: 4px;
}

.partTileDA:hover {
	box-shadow: 0px 1px 5px 2px grey;
}

.partTileDATemp {
	width: 270px;
	height: 115px;
	outline: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	cursor: auto;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 4px;
	margin-right: 4px;
}

.partTilePartNameBlueBox {
	font-family: Roboto;
	letter-spacing: 0.24px;
	color: #5595BC;
	font-size: 12px;
	line-height: 12px;
	border-radius: 2px;
	background-color: #6894bc;
	color: #ffffff;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.partTilePartName {
	font-family: Roboto;
	letter-spacing: 0.24px;
	color: #5595BC;
	font-size: 12px;
}

.unspecDivDA {
	width: 52px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

.unspecDivDA {
	width: 52px;
	border-radius: 2px;
	background-color: red;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

.specDivDA {
	width: 43px;
	border-radius: 2px;
	background-color: orange;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

.selectedDivDA {
	border-radius: 2px;
	background-color: #5595BC;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

.customNamePartDA {
	font-family: Roboto;
	font-size: 9px;
	text-align: left;
	letter-spacing: 0.18px;
	color: #565656;
	opacity: 1;
	padding: 4px 4px 4px 4px;
	margin-left: 6px;
	margin-right: 8px;
	background: #EDEDED;
	height: 90%;
}

.customNameDA {
	font-family: Roboto;
	font-size: 10px;
	letter-spacing: 0.16px;
	color: #353533;
	opacity: 1;
	font-weight: bold;
}

/* =======
	width:90px;

} */
.wrap {
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -pre-wrap; /* Opera <7 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* IE */
}

.customNameDA {
	font-family: Roboto;
	font-size: 10px;
	letter-spacing: 0.16px;
	color: #353533;
	opacity: 1;
	font-weight: bold;
}

.ancAddToRFQAdded {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
	box-shadow: 0px 1px 5px 2px grey;
	border-radius: 25px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ancAddToRFQAdded:link {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
	box-shadow: 0px 1px 5px 2px grey;
	border-radius: 25px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ancAddToRFQAdded:hover {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
	box-shadow: 0px 1px 5px 2px grey;
	border-radius: 25px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ancAddToRFQAdded:visited {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
	box-shadow: 0px 1px 5px 2px grey;
	border-radius: 25px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ancAddToRFQAdded:active {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
	box-shadow: 0px 1px 5px 2px grey;
	border-radius: 25px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ancAddToRFQDA {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
}

.ancAddToRFQDA:link {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
}

.ancAddToRFQDA:visited {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
}

.ancAddToRFQDA:hover {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
	box-shadow: 0px 1px 5px 2px grey;
	border-radius: 25px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ancAddToRFQDA:active {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #785E05;
	opacity: 1;
	cursor: pointer;
}

.rightFolderTileDA {
	background: #FFFFFF;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 4px;
	margin-left: 5px;
	margin-top: 24px;
	margin-right: 5px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.rightFolderTileHoverDA {
	background: #FFFFFF;
	mix-blend-mode: normal;
	border: 1px solid rgba(51, 50, 48, 0.1);
	box-sizing: border-box;
	border-radius: 2px;
	margin-left: 5px;
	margin-top: 24px;
	margin-right: 5px;
	box-shadow: 0px 5px 10px 20px #E0E0E0;
	cursor: auto;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.timeline_filter_label_css {
	/* margin-right: 8px;
	margin-top: 2px;
	margin-bottom: 2px; */
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 500;
	letter-spacing: 0.20px;
}

.border_radius_circle {
	border-radius: 100%;
}

.timeline_outer_border {
	border-radius: 3px;
	border: 1px solid #B7B7B7;
	background: #FFFFFF;
	margin: 3px;
	cursor: pointer;
}

.timeline_outer_border:hover {
	border-radius: 3px;
	box-shadow: 0 2px 8px 0 #ce814a;
	transition: box-shadow .3s ease-out;
	background-color: #ffffff;
	border: solid 1px #ffc34f;
	background-color: #fff3da;
}

/* .tagAvailable {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}*/
.disabled_timeline_outer_border {
	border-radius: 3px;
	border: 1px solid #B7B7B7;
	background: #FFFFFF;
	margin: 3px;
	opacity: 0.4;
}

.selected_timeline_outer_border {
	border-radius: 3px;
	box-shadow: 0 2px 8px 0 #ce814a;
	/* transition: box-shadow .3s ease-out; */
	background-color: #E29B19;
	border: solid 1px #ffc34f;
	cursor: pointer;
	margin: 3px;
}

.selected_tile_text_color * {
	color: white !important;
}

.pendingHeaderText {
	letter-spacing: 0px;
	color: #8C8C8C;
	font-family: ProximaNova-Regular;
	font-size: 8px;
}

.logoText {
	letter-spacing: 0px;
	color: #8C8C8C;
	font-family: ProximaNova-Regular;
	font-size: 10px;
}

.pendingApproval {
	width: 15px;
	height: 20px;
	background-image: url("images/pendingApproval.png");
	background-repeat: no-repeat;
	background-size: 15px 20px;
	background-position: center;
}

.pendingApproval:hover {
	width: 15px;
	height: 20px;
	background-image: url("images/pendingApprovalHover.png");
	background-repeat: no-repeat;
	background-size: 15px 20px;
	background-position: center;
}

.pendingCompletion {
	width: 18px;
	height: 24px;
	background-image: url("images/pendingCompletion.png");
	background-repeat: no-repeat;
	background-size: 18px 24px;
	background-position: center;
	position: relative;
	top: -2px;
}

.projectPendingApproval:hover {
	width: 18px;
	height: 24px;
	background-image: url("images/pendingCompletionHover.png");
	background-repeat: no-repeat;
	background-size: 18px 24px;
	background-position: center;
	position: relative;
	top: -2px;
}

.noPendingCompletion {
	width: 18px;
	height: 24px;
	background-image: url("images/noPendingCompletion.png");
	background-repeat: no-repeat;
	background-size: 18px 24px;
	background-position: center;
	position: relative;
	top: -2px;
}

.noPendingCompletion:hover {
	width: 18px;
	height: 24px;
	background-image: url("images/noPendingCompletionHover.png");
	background-repeat: no-repeat;
	background-size: 18px 24px;
	background-position: center;
	position: relative;
	top: -2px;
}

.topbartextposition {
	position: relative;
	top: -3px;
}

.generateRFQButton {
	width: 160px;
	height: 32px;
	background: #FADC19;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 6px;
}

.compareTextPaddingLeft {
	padding-left: 10px;
}

.compareTextPaddingRight {
	padding-right: 10px;
}

.notificationposition {
	position: relative;
	top: -1px;
	left: 10px;
}

.notificationTextposition {
	position: relative;
	top: -1px;
}

.loginNameposition {
	position: relative;
	top: -5px;
}

.headerBorderLeft {
	border-left: 1px solid #e6e6e6;
}

.demandAggregation {
	width: 20.5px;
	height: 25px;
	background-image: url("images/demandAggregation.png");
	background-repeat: no-repeat;
	background-size: 20.5px 25px;
	background-position: center;
}

.fTableDemand {
	background: #735F06 0% 0% no-repeat padding-box;
	box-shadow: 2px 2px 12px #00000030;
	border-radius: 3px;
	color: #FFFFFF;
	height: 32px;
}

.fTableDemandFont {
	font-family: Roboto;
	letter-spacing: 0.1px;
	font-size: 10px;
	color: #FFFFFF;
}

.bold_font_weight {
	font-weight: 900;
}

.timeline_tile_circuit_panel {
	/* 	background-color: white; */
	width: 100%;
	padding-top: 1px;
	border: 2px solid;
	border-radius: 3px;
	font-weight: 600;
}

.daSearchBox {
	width: 248px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
}

.daSearchBoxTextBox {
	width: 191px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
}

.demandBox {
	height: 28px;
	background: #F2F2F2 0% 0% no-repeat padding-box;
	border-radius: 3px;
	opacity: 1;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.demandBoxTotalDemand {
	letter-spacing: 0.18px;
	color: #3E3E3E;
	opacity: 1;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
}

.demandBoxImmDemand {
	letter-spacing: 0.18px;
	color: #707070;
	opacity: 1;
	font-family: Roboto;
	font-size: 9px;
}

.demandBoxFolder {
	background: #F2F2F2 0% 0% no-repeat padding-box;
	border-radius: 3px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.images_pop_up_close_button {
	font-size: 30px;
	border: 0px;
	outline: none;
	background: transparent;
	color: white;
	cursor: pointer;
}

.daTotalCount {
	letter-spacing: 0.28px;
	color: #434351;
	opacity: 1;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	padding-right: 4px;
}

.generateRFQButtonDisabled {
	width: 160px;
	height: 32px;
	background: #FADC19;
	border-radius: 2px;
	cursor: default;
	margin-right: 6px;
	opacity: 0.2;
}

.compareTextPaddingLeft {
	padding-left: 10px;
}

.daTitleCount {
	letter-spacing: 0.21px;
	color: #818184;
	opacity: 1;
	font-family: Roboto;
	font-size: 10px;
}

.daCountSelected {
	background: #DCF6FF 0% 0% no-repeat padding-box;
	border-radius: 1px;
	opacity: 1;
	letter-spacing: 0.16px;
	color: #119CEA;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
	margin-right: 112px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.daCountSpec {
	background: #F9E3D7 0% 0% no-repeat padding-box;
	border-radius: 1px;
	opacity: 1;
	letter-spacing: 0.16px;
	color: #E56C1A;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
	margin-right: 12px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.daCountUnSpec {
	background: #F7D2D7 0% 0% no-repeat padding-box;
	border-radius: 1px;
	opacity: 1;
	letter-spacing: 0.16px;
	color: #FF2232;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.daPartDemandTitle {
	letter-spacing: 0.18px;
	color: #5B5B5B;
	opacity: 1;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
}

.daPartTileLocation {
	text-align: left;
	letter-spacing: 0.16px;
	color: #828282;
	font-family: Roboto;
	font-size: 8px;
	padding-left: 2px;
}

.daPartTileLocationMore {
	width: 38px;
	height: 12px;
	text-align: left;
	letter-spacing: 0.16px;
	color: #828282;
	font-family: Roboto;
	font-size: 8px;
	font-weight: bold;
	border: 1px solid #AAAAAA;
	border-radius: 1px;
	opacity: 1;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 5px;
}

.locationPinSmallDA {
	width: 6px;
	height: 8px;
	background-image: url("images/location_pin_small.svg");
	background-repeat: no-repeat;
	background-size: 6px 8px;
	background-position: center;
}

.locationPinDA {
	width: 9px;
	height: 13px;
	background-image: url("images/location_pin_small.svg");
	background-repeat: no-repeat;
	background-size: 9px 13px;
	background-position: center;
}

.locationCountDANumber {
	letter-spacing: 0.22px;
	color: #7A7A7A;
	opacity: 1;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	padding-left: 3px;
}

.locationCountDATitle {
	letter-spacing: 0.16px;
	color: #7A7A7A;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
}

.daTileTopBottomPanel {
	border-bottom: 1px solid #EAEAEA;
}

.viewMoreDAText {
	opacity: 1;
	letter-spacing: 0.88px;
	color: #28282D;
	font-family: Roboto;
	font-size: 11px;
	padding-right: 2px;
	font-weight: bold;
}

.viewMoreDAButton {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #D3D3D3;
	border-radius: 2px;
	padding-left: 12px;
	padding-right: 10px;
	height: 19px;
	position: relative;
	top: 9px;
}

.viewMoreDAArrow {
	width: 10px;
	height: 5px;
	background-image: url("images/viewmoreDA.svg");
	background-repeat: no-repeat;
	background-size: 10px 5px;
	background-position: center;
}

.viewLessDAArrow {
	width: 10px;
	height: 5px;
	background-image: url("images/viewmoreDA.svg");
	background-repeat: no-repeat;
	background-size: 10px 5px;
	background-position: center;
}

.spec_panel {
	background: #EAEAEA 0% 0% no-repeat padding-box;
	border: 1px solid #BFBFBF;
	border-radius: 7px;
	opacity: 1;
	/*margin-left: 10px;*/
}

.left_specification_cell {
	border-right: 2px solid #EAEAEA;
	border-top: 2px solid #EAEAEA;
}

.spec_cell_top {
	background: #D6D6D6 0% 0% no-repeat padding-box;
	opacity: 1;
}

.spec_Header_Label {
	font-family: Roboto;
	/* font-size: 10px; */
	color: #333333;
	Padding-left: 5px;
	padding-top: 3px;
	letter-spacing: 0.3px;
	font-weight: bold;
	opacity: 0.8;
	margin-top: 5px;
	margin-bottom: 5px;
}

.amount_Label_speccell {
	font-family: Roboto-Regular;
	/* font-size: 12px; */
	color: #7f7f7f;
	Padding-left: 5px;
	/* padding-top: 3px; */
	letter-spacing: 0.48px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.spec_label_header {
	color: #212121;
	font-family: roboto;
	letter-spacing: 0.46px;
	font-weight: bold;
	/* font-size: 13px; */
}

.viewmore_label {
	font-size: 12px;
	font-family: Lato-Semibold;
	letter-spacing: 0.31px;
	color: #161616;
	cursor: pointer;
	opacity: 0.8;
	font-weight: bold;
	width: 100%;
}

.spec_bottom_verticalpanel {
	border-top-style: solid;
	border-color: gray;
	border-width: thin;
	opacity: 0.6;
	margin-top: 10px;
	width: 100%;
}

.stock_cell_heading_left {
	/*  font-size: 10px; */
	color: #212121;
	font-weight: bolder;
	letter-spacing: 0.3px;
	opacity: 0.8;
	font-family: roboto;
	width: max-content;
}

.stock_cell_subheading_left {
	letter-spacing: 0.4px;
	color: #7c7c7c;
	font-weight: bold;
}

.purchase_history_flexborder {
	border-top-style: solid;
	border-color: #EAEAEA;
	border-width: thin;
	width: 278px;
}

.stock_vendorname_cell {
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0.3px;
	color: #333;
}

.colored_icon_in_purchasehistory {
	height: 8px;
	width: 8px;
	/* margin-top: 2px; */
	color: white;
}

.amount_label_purchasehistory {
	/* font-size: 11px; */
	font-weight: bold;
	opacity: 0.5;
	font-family: roboto;
	width: max-content;
}

.showmore_infoinstock_button {
	background: #EAEAEA;
	border: 1px solid #BFBFBF;
	border-radius: 4px;
	/* font-size: 10px; */
	font-family: 'Roboto';
	font-weight: 500;
	/* margin-top: 5px; */
	/* cursor: pointer; */
}

.showmore_infoinstock_button:hover {
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
	cursor: pointer;
}

.blue_identity_icon {
	font-size: 9px;
	background-color: #2FA8F2;
	border-radius: 100%;
	color: white;
	width: 8px;
	height: 11px;
	font-weight: bold;
	margin-top: 19px;
	margin-left: 8px;
}

.border_radius_stock {
	border-radius: 7px;
}

.documentName_style {
	color: #333333;
	letter-spacing: 0.42px;
	/* font-size: 11px; */
	font-family: roboto;
	font-weight: 500;
	width: max-content;
}

.identityicon_usedin {
	padding: 2px;
	font-size: 9px;
	background-color: #229DEF;
	border-radius: 6px;
	height: 8px;
	width: 7px;
	color: white;
	font-weight: bold;
	margin-top: 2px;
}

.part_details_outer_css {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 12px;
}

.part_details_bottom_border_css {
	border-bottom: 1px solid #BFBFBF;
}

.daTitleCount {
	letter-spacing: 0.21px;
	color: #818184;
	opacity: 1;
	font-family: Roboto;
	font-size: 10px;
	padding-bottom: 2px;
}

.daCountSelected {
	background: #DCF6FF 0% 0% no-repeat padding-box;
	border-radius: 1px;
	opacity: 1;
	letter-spacing: 0.16px;
	color: #119CEA;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
	padding-left: 4px;
	margin-left: 8px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.daCountSelectedNew {
	background: #5595BC 0% 0% no-repeat padding-box;
	border-radius: 1px;
	opacity: 1;
	letter-spacing: 0.16px;
	color: #ffffff;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
	padding-left: 4px;
	margin-left: 8px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.daTotalCountPanel {
	padding-left: 4px;
	padding-right: 4px;
}
/*
.daTotalCountPanel:hover
{
	box-shadow: 0px 1px 5px 2px grey;
}
.daCountSelected:hover
{
	box-shadow: 0px 1px 5px 2px grey;
}

.daCountSpec:hover
{
	box-shadow: 0px 1px 5px 2px grey;
}
.daCountUnSpec:hover
{
	box-shadow: 0px 1px 5px 2px grey;
}
.countHover
{
	box-shadow: 0px 1px 5px 2px grey;
}
*/
.daCountSpec {
	background: #F9E3D7 0% 0% no-repeat padding-box;
	border-radius: 1px;
	opacity: 1;
	letter-spacing: 0.16px;
	color: #E56C1A;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 8px;
}

.daCountSpecNew {
	background: orange 0% 0% no-repeat padding-box;
	border-radius: 1px;
	opacity: 1;
	letter-spacing: 0.16px;
	color: #ffffff;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 8px;
}

.daCountUnSpec {
	background: #F7D2D7 0% 0% no-repeat padding-box;
	border-radius: 1px;
	opacity: 1;
	letter-spacing: 0.16px;
	color: #FF2232;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 8px;
}

.daCountUnSpecNew {
	background: red 0% 0% no-repeat padding-box;
	border-radius: 1px;
	opacity: 1;
	letter-spacing: 0.16px;
	color: #ffffff;
	opacity: 1;
	font-family: Roboto;
	font-size: 8px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 8px;
}

.daPartDemandTitle {
	letter-spacing: 0.18px;
	color: #5B5B5B;
	opacity: 1;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
}

.border_radius_3px {
	border-radius: 3px;
}

.border_radius_2px {
	border-radius: 2px;
}

.locationPinSmallDA {
	width: 9px;
	height: 12px;
	background-image: url("images/location_pin_small.svg");
	background-repeat: no-repeat;
	background-size: 9px 12px;
	background-position: center;
}

.maintenanceTypeSmallDA {
	opacity: 0.7;
	padding-left: 1px;
	height: 14px;
	width: 14px;
	border-radius: 100px;
	background-color: #CF7B27;
	text-align: center;
	line-height: 12px;
	vertical-align: middle;
}

.godownTypeSmallDA {
	opacity: 0.7;
	padding-left: 1px;
	height: 14px;
	width: 14px;
	border-radius: 100px;
	background-color: #1D9898;
	text-align: center;
	line-height: 12px;
	vertical-align: middle;
}

.estimationTypeDemandSmallDA {
	width: 15px;
	height: 15px;
	background-image: url("images/estimationProject.svg");
	background-repeat: no-repeat;
	background-size: 15px 14px;
	background-position: center;
}

.border_radius_1px {
	border-radius: 1px;
}

.purchase_history_tile {
	background: #EAEAEA 0% 0% no-repeat padding-box;
	border: 1px solid #BFBFBF;
	border-radius: 9px;
}

.move_botton_css {
	width: 100%;
	background-color: black;
	height: 15px;
	cursor: pointer;
}

.move_botton_css_disabled {
	background-color: black;
	height: 15px;
	opacity: 0.40;
	width: 100%;
}

.sub_header_text_css {
	text-align: left;
	letter-spacing: 0.36px;
	color: #A5A5A5;
	opacity: 1;
	font-family: roboto;
	/* font-size: 9px; */
	font-weight: 500;
}

.viewMoreDAButton {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #D3D3D3;
	border-radius: 2px;
	padding-left: 12px;
	padding-right: 10px;
	height: 19px;
	position: relative;
	top: 9px;
	cursor: pointer;
}

.no_data_available_header {
	text-align: center;
	letter-spacing: 0.36px;
	color: #AFAFAF;
	opacity: 1;
	font-family: roboto;
	font-weight: 600;
	/* font-size: 12px; */
}

@media screen and (max-width: 2449px) {
	.part_details_icon_size {
		width: 12px;
		height: 12px;
		padding-left: 8px;
	}
	.part_details_icon_size_pop_up {
		width: 14px;
		height: 14px;
		padding-left: 10px;
	}
	.no_data_available_icon_size {
		width: 24px;
		height: 30px;
		vertical-align: middle;
	}
	.header_cross_icon_size {
		font-size: 20px;
		font-weight: bold;
		opacity: 0.35;
		margin-left: 10px;
		margin-right: 10px;
		cursor: pointer;
	}
	.part_name_header_text_font_size {
		font-size: 16px;
	}
	.category_name_header_text_font_size {
		font-size: 12px;
	}
	.part_status_sign_icon_size {
		width: 18px;
		height: 18px;
	}
	.stock_cell_header_font_size {
		font-size: 10px;
	}
	.stock_cell_header_amount_font_size {
		font-size: 11px;
	}
	.part_details_tile_sub_header_text_font_size {
		font-size: 9px;
	}
	.part_icon_round_circle {
		opacity: 0.7;
		width: 9px;
		color: #ffffff;
		border-radius: 50%;
		padding: 1px;
		font-family: roboto;
		font-size: 8px;
		text-align: center;
		font-weight: bold;
	}
	.tile_bottom_border {
		border-bottom: 2px solid #eaeaea;
	}
	.partdetails_screen_close_icon_size {
		width: 30px;
		height: 30px;
	}
	.part_details_no_stock_icon {
		width: 50px;
		height: 50px;
	}
}

@media screen and (min-width: 2450px) {
	.part_details_icon_size {
		width: 30px;
		height: 30px;
		padding-left: 10px;
	}
	.part_details_icon_size_pop_up {
		width: 36px;
		height: 36px;
		padding-left: 22px;
	}
	.no_data_available_icon_size {
		width: 55px;
		height: 65px;
		vertical-align: middle;
	}
	.header_cross_icon_size {
		font-size: 50px;
		font-weight: bold;
		opacity: 0.35;
		margin-left: 40px;
		margin-right: 10px;
		cursor: pointer;
	}
	.part_name_header_text_font_size {
		font-size: 36px;
	}
	.category_name_header_text_font_size {
		font-size: 24px;
	}
	.part_status_sign_icon_size {
		width: 26px;
		height: 26px;
	}
	.stock_cell_header_amount_font_size {
		font-size: 22px;
	}
	.stock_cell_header_font_size {
		font-size: 22px;
	}
	.part_details_tile_sub_header_text_font_size {
		font-size: 18px;
	}
	.part_icon_round_circle {
		opacity: 0.7;
		width: 18px;
		color: #ffffff;
		border-radius: 50%;
		padding: 1px;
		font-family: roboto;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
	}
	.tile_bottom_border {
		border-bottom: 5px solid #eaeaea;
	}
	.partdetails_screen_close_icon_size {
		width: 60px;
		height: 60px;
	}
	.part_details_no_stock_icon {
		width: 100px;
		height: 100px;
	}
}

.viewLessDAArrow {
	width: 10px;
	height: 5px;
	background-image: url("images/viewlessDA.svg");
	background-repeat: no-repeat;
	background-size: 10px 5px;
	background-position: center;
}

.locationHoverDA {
	background: #EDEDED;
}

.locationDA {
	margin-left: 10px;
	padding: 5px 5px 5px 5px;
}

.partNameDA {
	letter-spacing: 0.36px;
	color: #232322;
	opacity: 1;
	font-family: Roboto;
	font-size: 12px;
	padding-left: 2px;
	font-weight: bold;
}

.partDASpecPanel {
	height: 77px;
	background: #F4F4F4 0% 0% no-repeat padding-box;
	border-radius: 3px;
	opacity: 1;
	padding-left: 5px;
	padding-right: 5px;
}

.partDASpecLabel {
	font-family: Roboto;
	font-size: 10px;
	text-align: left;
	letter-spacing: 0.3px;
	color: #9B9A9A;
	opacity: 1;
}

.partDASpecCellHeading {
	font-family: Roboto;
	font-size: 10px;
	text-align: left;
	letter-spacing: 0.4px;
	color: #5E5E5E;
	opacity: 1;
}

.partDASpecCellValue {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.45px;
	color: #3F3F3F;
	opacity: 1;
}

.partDATotalDemand {
	font-family: Roboto;
	font-size: 10px;
	text-align: left;
	letter-spacing: 0.24px;
	color: #434351;
	opacity: 1;
}

.partDAImmediateDemand {
	font-family: Roboto;
	font-size: 9px;
	text-align: left;
	letter-spacing: 0.22px;
	color: #818184;
	opacity: 1;
}

.partDALink {
	font-family: Roboto;
	font-size: 8px;
	text-align: left;
	letter-spacing: 0.24px;
	color: #29ABE2;
	opacity: 1;
	font-weight: bold;
}

.partDALinkTable {

}

.partDALinkTable:hover {
	background: #80808026;
	border-radius: 15px;
	padding: 2px 5px 2px 5px;
	margin-bottom: 2px;
}

.partDALinkTableViewSpec {

}

.partDALinkTableViewSpec:hover {
	background: #80808026;
	border-radius: 15px;
}

.da_image_size {
	width: 12px;
	height: 12px;
}

.daSelectedButton {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	width: 91px;
	height: 29px;
	line-height: 29px;
	letter-spacing: 0.05px;
	color: #F9F9F9;
	opacity: 1;
	background: #785E05;
	align-content: center;
	vertical-align: middle;
	text-align: center;
}

.daSelectedButton:hover {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	width: 91px;
	height: 29px;
	line-height: 29px;
	letter-spacing: 0.05px;
	color: #646464;
	opacity: 1;
	background: #FFFFFF;
	cursor: pointer;
	align-content: center;
	vertical-align: middle;
	text-align: center;
}

.daSelectedButtonClicked {
	font-family: Roboto;
	font-weight: bold;
	font-size: 10px;
	width: 91px;
	height: 29px;
	line-height: 29px;
	letter-spacing: 0.05px;
	color: #646464;
	opacity: 1;
	background: #FFFFFF;
	cursor: pointer;
	align-content: center;
	vertical-align: middle;
	text-align: center;
}

.demandAggregationBrown {
	width: 20.5px;
	height: 25px;
	background-image: url("images/demandIconBrown.svg");
	background-repeat: no-repeat;
	background-size: 20.5px 25px;
	background-position: center;
}

.whiteBorder {
	border: 0px solid #FFFFFF;
}

.noPartsDA {
	font-family: Roboto;
	font-style: normal;
	font-size: 12px;
	color: #28282D;
	padding-top: 10px;
	padding-left: 8px;
	padding-top: 8px;
	text-align: center;
	background: #FFFFFF;
}

.part_name_anchor_css {
	opacity: 0.65;
	font-family: Roboto;
	font-size: 10px;
	/* color: #000000; */
	line-height: 10px;
	text-align: left;
}

.part_details_tile_close_align {
	margin-left: -100%;
	margin-top: 65%;
}

.part_details_tile_close_align_1_px {
	margin-left: -1%;
}

.clickable_document_text:visited .documentName_style {
	text-decoration: none;
	color: #528ECC;
}

.clickable_document_text:hover .documentName_style {
	text-decoration: underline;
	color: #528ECC;
}

.white_border_top_css {
	border-top: 1px solid white;
}

.white_border_bottom_css {
	border-bottom: 1px solid white;
}

.grey_border_top_css {
	border-top: 1px solid #e3e6eb;
}

.grey_border_bottom_css {
	border-bottom: 1px solid #e3e6eb;
}

.purple_border_top_css {
	border-top: 1px solid #f9e9e3;
}

.purple_border_bottom_css {
	border-bottom: 1px solid #f9e9e3;
}

.image_max_width {
	max-width: 100%;
}

.image_max_width_small {
	max-width: 80%;
}


.templateHeaderBackground {
	opacity: 0.9;
	background: #F0EFED;
}

.templateCategoryTile {
	width: 100%;
	height: 52px;
	font-family: Roboto;
	border-bottom: 1px solid #DFE2E6;
	border-left: 1px solid #DFE2E6;
	border-right: 1px solid #DFE2E6;
	border-top: 1px solid #DFE2E6;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.circuit_break_up_main_tile_css {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: -2px -2px 3px #0000002E;
	opacity: 1;
}

.circuit_break_up_header_tile_css {
	background: #F5F5F2 0% 0% no-repeat padding-box;
	opacity: 1;
}

.circuit_break_up_close_tile_css {
	width: 26px;
	height: 26px;
	background: #FDD718 0% 0% no-repeat padding-box;
	opacity: 1;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.project_cost_summary_body_css {
	box-shadow: 0 1px 2px 0 rgb(0 0 0/ 22%);
	background-color: #f2f2f2;
	border-radius: 4px;
}

.project_cost_summary_body_header_css {
	box-shadow: 0 1px 2px 0 rgb(0 0 0/ 22%);
	background-color: #ffffff;
	vertical-align: middle;
	padding: 4px;
}

.border_top_left_radius_4px {
	border-top-left-radius: 4px;
}

.border_bottom_left_radius_4px {
	border-bottom-left-radius: 4px;
}

.border_top_right_radius_4px {
	border-top-right-radius: 4px;
}

.border_bottom_right_radius_4px {
	border-bottom-right-radius: 4px;
}

.scope_costing_and_offer_exlamatory_mark_1 {
	font-size: 10px;
	font-family: 'Roboto' !important;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	vertical-align: middle;
	color: red;
	text-align: center;
	margin-left: 4px;
}

.project_cost_summary_body_right_border_css {
	border-right: 1px solid #646464;
}
.location_type_icon {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
}

.clickable_text_roll_effect:hover {
	letter-spacing: normal;
	cursor: pointer;
	color: #ce814a !important;
}

.expire_tile_box_css {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
	width: 150px;
	height: 26px;
}

.expire_header_text_panel {
	text-align: center;
	font-family:  Roboto;
	letter-spacing: 0.55px;
	color: #707070;
	text-transform: capitalize;
	opacity: 1;
	font-size: 12px;
	font-weight: 500;
	width: max-content;
}

.expire_day_count_css {
	width: max-content;
	font-family: Roboto;
	background: #4FB700 0% 0% no-repeat padding-box;
	opacity: 1;
	font-weight: 500;
	font-size: 12px;
	height: 18px;
	color: white;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	padding-bottom: 0px;
}

.previous_contract_details_tile {
	box-shadow: 0px 3px 6px #00000029;
	height: 48px;
	margin-bottom: 7px;
}

.previous_contract_more_botton_outer {
	background: #FFC34F 0% 0% no-repeat padding-box;
	border-radius: 9px;
	width: 80px;
	cursor: pointer;
	height: 20px;
	margin: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.contract_header_text_panel {
	text-align: left;
	font-family: Roboto;
	letter-spacing: 0.55px;
	color: #707070;
	text-transform: capitalize;
	opacity: 1;
	font-size: 12px;
	font-weight: 500;
}

.maintenance_header_tile_background_color {
	background-color: white;
	border-top: 2px solid #E8E8E8;
}

.maintance_project_icon {
	width: 100%;
	height: 20px;
	background-image: url("images/maintenance_project_Hover_icon.svg");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.maintenance_new_icon_white {
	width: 18px;
	height: 18px;
	background-image: url(images/maintenace_project_icon.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
}

.maintenance_new_icon_orange {
	width: 18px;
	height: 18px;
	background-image: url("images/maintenance_project_Hover_icon.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
}

.expire_tile_left_border_search {
	border-left: 2px solid #828282;
	opacity: 0.6;
}

.load_value_outer_tile_css {
	height: 16px;
	width: 82px;
	vertical-align: middle;
	background: #000000 0% 0% no-repeat padding-box;
	border-radius: 2px;
	margin-right: 10px;
}

.commissioning_contract_type_icon {
	width: 20px;
	height: 22px;
	background-image: url("images/commissioning_contract_type.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.amc_contract_type_icon {
	width: 20px;
	height: 22px;
	background-image: url("images/amc_contract_type.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.out_of_warranty_contract_type_icon {
	width: 20px;
	height: 22px;
	background-image: url("images/out_of_warranty_contract_type.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.under_warranty_contract_type_icon {
	width: 20px;
	height: 22px;
	background-image: url("images/under_warranty_contract_type.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.poHeaderSmall {
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fff;
  padding-left: 10px;
  background-color: #9b9090;
}

.poHeaderBackground {
  background-color: #9b9090;
}

.topTextStyle {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
}


.topTextStyleBold {
	font-family: Roboto;
	font-size: 12px;
	color: #1b1b1b;
	line-height: 12px;
	text-align: left;
	font-weight: 900;
}

.topAnchorStyle {
	font-family: Roboto;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
}


.constPopupBackground
{
	background-color: #4e4e4e;
	width: 400px;
}


.createPOPopupBackground
{
	background-color: #4e4e4e;
	width: 382px;
}

.createPOPopupBorder
{
  border-bottom: solid 1px #333;
}

.createPOPopupClose {
	height: 22px;
	width: 22px;
	background-image: url('images/createOrderPopupClose.png');
	background-repeat: no-repeat;
	background-size: 22px 22px;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.createPOPopupCureentOrder
{
	width: 100%;
  	height: 30px;
  	background-color: #ffc34f;
  	padding-left: 8px;
  	padding-right: 8px;
}

.createPOPopupCureentOrderText
{
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.poPopupTitlePanel
{
	height: 24px;
	width: 100%;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #707070;
}


.poPopupTitlePanelBackground
{
	background-color: #707070;
}

.poPopupTitleText
{
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.panel_outer_border {
	border: 1px solid #9a9191;
	border-radius: 5px;
	padding: 5px;
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #888;
}

::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.topTable {
	margin-left: 20px;
}

.filter_option_border_css {
    border: 1px solid #ccc;
}

.tile_bottom_border_style {
	border-bottom: 1px solid #d4d4d4;
}

.clickable_hyperlink_tile {
	cursor: pointer;
	color: #0066cc;
}

.clickable_hyperlink_tile:link {
	text-decoration: none;
	color: #0066cc;
}

.clickable_hyperlink_tile:hover {
	color: #0066cc;
	text-decoration: underline;
}

.disable_user_select {
    user-select: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
}

.textBoxPlaceHolder {
    opacity: 0.8;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    padding-left: 5px;
}

.poTileTextBoxDescription {
    height: 120px;
    width: 182px;
    border-radius: 4px;
    border: solid 1px #000;
    background-color: #fff;
}

.search_tag_alignment_css tr {
	display: flex;
    flex-wrap: wrap;
}

.disable_click_event {
	opacity: 0.6;
	pointer-events: none;
}

.folderNameForGetPrice {
	font-family: Roboto;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	line-height: normal;
	color: #141414;
	padding-left: 4px;
	padding-top: 10px;
}

.folderIconForGetPrice {
	background-image: url(images/folderTile.svg);
	background-repeat: no-repeat;
	height: 13px;
	width: 16px;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 8px;
}

.bottomTitleForFolderForGetPrice
{
	color: #747169;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 96%; /* 9.6px */
}

.bottomDataForFolderForGetPrice
{
	color: #2E373B;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 96%; /* 13.44px */
}

.bottomSubHeadingForFolderForGetPrice
{
	color: #ABA699;
	font-family: "Roboto Condensed";
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 103%; /* 10.3px */
}


.bottomSubForFolderForGetPrice
{
	color: #ABA699;
	font-family: "Roboto Condensed";
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 103%;
}

.chevUpYellow {
	width: 16px;
	height: 16px;
	background-image: url("images/chevUpYellow.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	margin-right: 12px;
	cursor: pointer;
}

.chevDownGray {
	width: 16px;
	height: 16px;
	background-image: url("images/chevDownGray.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	margin-right: 12px;
	cursor: pointer;
}

.chevDownGray:hover {
	width: 16px;
	height: 16px;
	background-image: url("images/chevUpYellow.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
	margin-right: 12px;
	cursor: pointer;
}

.mpFolderTileBorderTop
{
	border-top: 1px solid #AFBFC6;;
}

.mpFolderTileBorderRight
{
	border-right: 1px solid #AFBFC6;;
}



.categoryTileGetPrice {
	width: 200px;
	height: 75px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileGetPriceHover {
	width: 205px;
	height: 80px;
	background: rgba(115, 95, 6, 0.07);
	border-radius: 4px;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	/* mobile webkit */
}

.categoryTileGetPriceSelected {
	width: 200px;
	height: 75px;
	background: rgba(115, 95, 6, 0.07);
	border: 1px solid rgba(115, 95, 6, 0.6);
	border-radius: 4px;
}

.categoryTileGetPriceBorderTop
{
	border-top : 1px solid #D9D1AD;
}

.categoryTileGetPriceBorderTopAndRight
{
	border-top : 1px solid #D9D1AD;
	border-right : 1px solid #D9D1AD;
}


.categoryIconGetPrice {
	background-image: url(images/categoryTile.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 17.5px;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 5px;
}

.categoryNameGetPrice {
	color: #735F06;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.2px;
	padding-left: 1px;
	padding-top: 5px;
}

.myLPP{
	color: #393535;
	font-family: Roboto;
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.11px;
}


.myLPPSmall{
	color: #393535;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.11px;
}

.mpMyPurchaseHistoryText
{
	color: #393535;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.13px;
}

.mpMyPurchaseHistoryQty
{
	color: #0086BF;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.mpMyPurchaseHistoryWorthText
{
	color: #031F40;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.mpMyPurchaseHistoryWorthTextBig
{
	color: #031F40;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.mpMyPurchaseHistoryValue
{
	color: #0086BF;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.mpMyPurchaseHistoryValueBig
{
	color: #0086BF;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.marketPlaceBoxBorder
{
	border-radius: 4px;
	border: 1px solid #BEBEBE;
	background: #FBFBFB;
	height: 118px;
	margin-left: 4px;
}

.myLPPIconNew {
	width: 21px;
	height: 20px;
	background-image: url("images/myLPPIconNew.png");
	background-repeat: no-repeat;
	background-size: 21px 20px;
	background-position: center;
}





.lppValue
{
	color: #0A0A0A;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.lppValueSmall
{
	color: #0A0A0A;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.lppValueGreen
{
	color: #368F00;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;

}

.lppDate
{
	color: #717070;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;

}

.lppDateSmallLight
{
color: #7C868B;
font-family: Roboto;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 103%; /* 10.3px */
letter-spacing: 0.1px;
}


.lppDateSmall
{
color: #7C868B;
font-family: Roboto;
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 103%;
letter-spacing: 0.1px;
}

.mpTotalDemandText
{
	color: #6E6E6E;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.1px;
	text-transform: uppercase;
}


.mpTotalDemandValue
{
	color: #0A0A0A;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}


.mpDemandTableBorder
{
	border-top: 1px solid #D5D5D5;
}

.mpDemandRightBorder
{
	border-right: 1px solid #D5D5D5;

}

.mpSummary{
	width: 456px;
	height: 147px;
	background: var(--white, #FFF);
	box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
}

.mpTopBar{
	width: 100%;
	height: 47px;
	background: #646464;
}
.mpTopBarText
{
	color: var(--white, #FFF);
	font-family: Roboto;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 93%; /* 19.53px */
	letter-spacing: 0.21px;
	margin-left: 15px;
}

.mpSummaryTopLeftCell
{
	border-bottom: 2px solid #A3A3A3;
	border-right: 2px solid #A3A3A3;
}

.mpSummaryBottomLeftCell
{
	border-right: 2px solid #A3A3A3;
}


.project_feed_tile_selected {
	background: #D9D0CD;
}

.feed_magnify_glass_icon {
	width: 20px;
	height: 20px;
	background-image: url("images/feed_magnify_glass_icon.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.magnify_glass_icon_grey_icon {
	width: 20px;
	height: 20px;
	background-image: url("images/magnify_glass_icon_grey.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}

.circle_ham_burger_icon_icon {
	width: 22px;
	height: 22px;
	background-image: url("images/feed_menu_icon.svg");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
	cursor: pointer;
}

.feed_filter_icon_css {
	width: 22px;
	height: 22px;
	background-image: url("images/feed_filter_icon.svg");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
	cursor: pointer;
}

.feed_dashboard_filter_icon_css {
	width: 22px;
	height: 22px;
	background-image: url("images/filter_icon.svg");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
	cursor: pointer;
}

.feed_filter_reset_icon_css {
	width: 20px;
	height: 20px;
	background-image: url("images/refresh.svg");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
	cursor: pointer;
}

.feed_black_filter_icon_css {
	width: 22px;
	height: 22px;
	background-image: url("images/filter_black_icon.svg");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
	cursor: pointer;
}

.feed_inner_body_style {
    border-radius: 4px 0px 0px 4px;
   /*  border-top: 1px solid #DEDEDE; */
    border-right: 1px solid #DEDEDE;
    /* border-bottom: 1px solid #DEDEDE; */
    border-left: 4px solid #DEDEDE;
    background: #F5F6F6;
}

.own_feed_inner_body_style {
	border-radius: 4px 0px 0px 4px;
	/* border-top: 1px solid #414141; */
	border-right: 1px solid #414141;
	/* border-bottom: 1px solid #414141; */
	border-left: 4px solid #2A8300;
	background: #D8F3CF;
}

.feed_image_outer_border {
	border-radius: 2px;
	border-bottom-left-radius: 5px;
	border-top: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
}

.own_feed_image_outer_border {
	border-radius: 2px;
	border-bottom-left-radius: 5px;
	border-top: 1px solid #414141;
	border-left: 1px solid #414141;
}


.feed_image_post_comment_textbox {
	height: 30px;
	padding: 0px;
	border: 0px;
	width: 100%;
	color: #3F3F3F;
	font-size: 12px;
	font-weight: 400;
	line-height: 100%;
	padding-left: 5px;
	border-radius: 4px;
	font-style: normal;
	font-family: Roboto;
	letter-spacing: 0.12px;
	background-color: #FAFAFA;
}

.selected_project_feed_btn {
	cursor: pointer;
	padding: 7px 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	line-height: 12px;
	font-style: normal;
	font-family: Roboto;
	border-radius: 5px;
	background: #6B6B6B;
	letter-spacing: 0.12px;
	border: 1px solid #FFFFFF;
}

.unselected_project_feed_btn {
	cursor: pointer;
	color: #131B20;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 12px;
	letter-spacing: 0.12px;
	padding: 7px 10px;
	border-radius: 5px;
	background: #FFFFFF;
	border: 1px solid #6B6B6B;
}

.move_top_feed_css {
	width: 40px;
	height: 25px;
	background-image: url(images/drop_up_arrow.png);
	background-repeat: no-repeat;
	background-size: 30px 12px;
	background-position: center;
	cursor: pointer;
	border-radius: 40%;
	background-color: #ffffff;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	position: absolute;
	top: 5%;
	left: 90%;
}

.border_shadow_css {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.feed_choose_an_option_style {
	width: 100%;
    height: 36px;
	color: #493D00;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	border: 0px solid;
	border-bottom: 1px solid #AA9400;
	background: #FFD400;
	cursor: pointer;
	background-image: url(images/popupStatusHeaderButton.png);
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 95%;
	padding-left: 5%;
	text-align: left;
}

.feed_comment_outer_panel_css {
	border-radius: 4px 0px 0px 4px;
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-left: 4px solid #DEDEDE;
	background: #F5F6F6;
}

.own_feed_comment_outer_panel_css {
	border-radius: 4px 0px 0px 4px;
	border-top: 1px solid #2A8300;
	border-right: 1px solid #2A8300;
	border-bottom: 1px solid #2A8300;
	border-left: 4px solid #2A8300;
	background: #D8F3CF;
}

.project_feed_comment_outer_css {
	border-radius: 4px 0px 0px 4px;
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-left: 4px solid #DEDEDE;
	background: #F5F6F6;
}

.own_project_feed_comment_outer_css {
	border-radius: 4px 0px 0px 4px;
	border-top: 1px solid #2A8300;
	border-right: 1px solid #2A8300;
	border-bottom: 1px solid #2A8300;
	border-left: 4px solid #2A8300;
	background: #F5F6F6;
}

.feed_img_thumbnail {
	position: relative;
	width: 30px;
	height: 30px;
}

.feed_img_thumbnail img {
	width: 100%;
	height: 100%;
}

.feed_img_thumbnail .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background-color: transparent;
	transition: background-color 0.3s ease;
}

.feed_img_thumbnail_selected .overlay {
	background-color: #f3ba50b5;
}

.feed_img_thumbnail_unselected .overlay {
	background-color: #80808080;
}

.comment_reply_panel_style {
	border-radius: 4px;
	border-left: 3px solid #DEDEDE;
	background: #F5F6F6;
}

.comment_reply_drop_down_icon {
	width: 9px;
	height: 9px;
	background-image: url(images/drop_down_hover_icon.png);
	background-repeat: no-repeat;
	background-size: 9px 5px;
	background-position: center;
	cursor: pointer;
}

.comment_outer_box_css {
	border-radius: 4px;
	border: 1px solid #CDCDCD;
	background: #FAFAFA;
}

.feed_search_highlight{
	font-family: Roboto;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    cursor: pointer;
    background-color: #E19B1A;
}

.feed_amount_no_access_lock_icon {
	width: 10px;
	height: 10px;
	background-image: url(images/lock_sign_grey.svg);
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center;
	margin-left: 2px;
    margin-right: 2px;
}

.move_bottom_feed_css {
    width: 45px;
    height: 45px;
    background-image: url(images/drop_down_grey_icon.svg);
    background-repeat: no-repeat;
    background-size: 14px 10px;
    background-position: center;
    cursor: pointer;
    border-radius: 90%;
    background-color: #FFFFFFE5;
    vertical-align: middle;
    position: absolute;
    top: 85%;
    left: 90%;
}

.move_bottom_project_feed_css {
    width: 45px;
    height: 45px;
    background-image: url(images/drop_down_grey_icon.svg);
    background-repeat: no-repeat;
    background-size: 14px 10px;
    background-position: center;
    cursor: pointer;
    border-radius: 90%;
    background-color: #FFFFFFE5;
    vertical-align: middle;
    position: absolute;
    top: 80%;
    left: 80%;
}

.border_color_white_css {
	border: 2.5px solid #FFFFFF;
}

.feed_outer_border_color {
	border: 2.5px solid #D68A00;
}

.feed_outer_border_black_color {
	border: 2.5px solid #6A6A6A;
}

.rotate_with_180_degree_right {
	transform: rotate(180deg);
}

.project_feed_outer_tile_css {
	border-radius: 10px;
	border: 1.5px solid #BBBBBB;
}

.feed_project_name_tile_css {
	position: relative;
	top: -10px;
	left: 5%;
}

.expand_feed_project_name_tile_css {
	position: relative;
	top: -10px;
	left: 3%;
}

.all_project_feed_outer_panel {
	border-radius: 4px;
	border: 3px solid #D68A00;
	background: #EEEAE3;
	box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
}

.feed_top_tip_icon_css {
	width: 16px;
	height: 16px;
	position: absolute;
	top: -10px;
	right: 10px;
}


.table_row_display_flex tr {
	display: flex;
}

.part_tile_col_details_short {
		border-radius: 5px;
		background-color: #f4f4f4;
		height: 70px;
}
.homeScreenMainTitle
{
	color: #000;
	font-family: Roboto;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.26px;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
}
.homeScreenTitle
{
	color: #000;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.24px;
	padding-top: 15px;
	padding-left: 5px;
}
.homeTableTitle
{
	color: #6A5A7F;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.32px;
text-transform: uppercase;
margin-right: 10px;
font-weight: bolder;
}

.homeTableHeading
{
	color: #282828;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 700;
letter-spacing: 0.11px;
border-bottom: 1px solid #000;
}

.homeTableData
{
	color: #3C3C3C;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.11px;
}


.homeTableDataPart
{
color: ##3CB3E5;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.11px;
cursor: pointer;
}


.homeTableDataSubscript
{
	color: #868686;
font-family: Roboto;
font-size: 10px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.1px;
}

.homeTableTotalTitle
{
	color: #3D779B;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.11px;
}

.homeTableTotalValue
{
	color: #000;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 900;
letter-spacing: 0.12px;
}

.homeTableTotalSubscript
{
	color: #290952;
font-family: Montserrat;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 115%; /* 11.5px */
letter-spacing: 0.1px;
}

.homeTableDataBorder
{
	border-bottom : 1px solid #CACACA;
}


.homeTableBackground
{
background: #FFF;
padding-left: 5px;
}

.homeTopValues
{
	border-radius: 6px;
	background: #FFF;
	padding-left: 20px;
}

.homeTopHeader
{
	color: #6A5A7F;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.36px;
text-transform: uppercase;
}

.homeTopHeaderBig
{
color: #6A5A7F;
font-family: Roboto;
font-size: 34px;
font-style: normal;
font-weight: 700;
letter-spacing: 0.68px;
text-transform: uppercase;
}

.homeTopData
{
	color: #000;
font-family: Roboto;
font-size: 30px;
font-style: normal;
font-weight: 900;
letter-spacing: 0.3px;
}

.homeTopSubscript
{
	color: #3D779B;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.16px;
}

.homeTopDataSmall
{
	color: #000;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 900;
letter-spacing: 0.2px;
}

.homeTopSubScriptBlue
{
	color: #3D779B;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.11px;
}

.homeTopSubScriptSmall
{
	color: #290952;
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.13px;
}

.partCountValue
{
	color: #000;
font-family: Roboto;
font-size: 32px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.32px;
}

.partCountText
{
	color: #000;
font-family: Roboto;
font-size: 27px;
font-style: normal;
font-weight: 400;
line-height: 115%;
letter-spacing: 0.27px;
margin-left: 4px;
}


.categoryCountText
{
	color: #6A5A7F;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.36px;
}

.projectIcon {
	background-image: url(images/projectsIconHome.svg);
	background-repeat: no-repeat;
	height: 45px;
	width: 40px;
}


.buyerIcon {
	background-image: url(images/buyerIconHome.svg);
	background-repeat: no-repeat;
	height: 45px;
	width: 40px;
}

.materialsIcon {
	background-image: url(images/materialsIcon.svg);
	background-repeat: no-repeat;
	height: 34px;
	width: 30px;
	margin-top: 2px;
}

.demandIcon {
	background-image: url(images/demandIcon.svg);
	background-repeat: no-repeat;
	height: 34px;
	width: 34px;
	margin-top: 2px;
}

.rupeeIcon {
	background-image: url(images/ruppeeIconHome.svg);
	background-repeat: no-repeat;
	height: 45px;
	width: 40px;
}

.supplierIcon {
	background-image: url(images/supplierIconHome.svg);
	background-repeat: no-repeat;
	height: 50px;
	width: 45px;
}

.greenArrowIconSmall {
	background-image: url(images/greenArrow.svg);
	background-repeat: no-repeat;
	height: 6px;
	width: 9px;
}

.greenArrowIconMedium {
	background-image: url(images/greenArrow.svg);
	background-repeat: no-repeat;
	height: 9px;
	width: 13.5px;
}

.greenArrowIconBig {
	background-image: url(images/greenArrow.svg);
	background-repeat: no-repeat;
	height: 12px;
	width: 18px;
	background-size: 12px 18px;
	background-position: center;
}


.topButton
{
	display: inline-flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background: #FFBA06;
	margin-right: 8px;
	cursor: pointer;
}

.topButtonNoMargin
{
	display: inline-flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background: #FFBA06;
	cursor: pointer;
}

.topButtonText
{
	color: #000;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
}

.priceTrendRupee
{
	color: #909090;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
}

.priceTrendValue
{
	color: #3C3C3C;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
padding-left: 4px;
}

.priceTrendDate
{
	color: #868686;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.12px;
}

.priceTrendBuyerTitle
{
	color: #A76E07;
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.13px;
}

.priceTrendBuyerText
{
	color: #A76E07;
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 700;
letter-spacing: 0.13px;
padding-left: 2px;
}

.priceTrendBorderRight
{
	border-right: 1px solid #D4D4D4;
}

.priceTrendDroppedByText
{
	color: #3A9110;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.11px;
padding-left: 2px;
}

.priceTrendIncreaseByText
{
	color: #D62903;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.11px;
padding-left: 2px;
}

.droppedByArrow {
	background-image: url(images/DroppedByArrow.svg);
	background-repeat: no-repeat;
	height: 9px;
	width: 12px;
}

.increasedByArrow {
	background-image: url(images/IncreasedByArrow.svg);
	background-repeat: no-repeat;
	height: 9px;
	width: 12px;
}

.noChangeLeft {
	background-image: url(images/noChangeLeft.png);
	background-repeat: no-repeat;
	width: 13.5px;
	height: 13.5px;
	background-size: 15px 15px;
	background-position: center;
	margin-top: 1px;
}

.noChangeRight {
	background-image: url(images/noChangeRight.svg);
	background-repeat: no-repeat;
	width: 13.5px;
	height: 13.5px;
	background-size: 15px 15px;
	background-position: center;
	margin-left: 3px;
	margin-right: 3px;
}

.priceTrendsImage
{
	background-image: url(images/priceTrends.svg);
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	background-size: 19px 19px;
	background-position: center;
}

.viewPriceTrendsText
{
	color: #592D03;
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 700;
margin-left: 4px;
}
.priceTrendsBackground
{
	border-radius: 4px;
	background: #F5F4EF;
}
.noChangeText
{
	color: #9D7AC7;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 115%; /* 16.1px */
letter-spacing: 0.14px;
}
.droppedByColor
{
	color: #3A9110;
	font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
padding-left: 4px;
}

.increasedByColor
{
	color: #D62903;
	font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
padding-left: 4px;
}

.priceTrendPartName
{
	color: #0073EE;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 700;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.priceTrendPartNameSmall
{
	color: #0D81FE;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 500;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}


.tVDemandHeading
{
color: #282828;
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 900;
letter-spacing: 0.15px;
}

.tvSrNo
{
	color: #333;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.14px;
}


.tvCategoryName
{
color: #3C3C3C;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 700;
}

.tvCategoryNameSearchMatch
{
color: #735F06;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 700;
}

.tvFolderName
{
color: #868686;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 400;
}

.tvFolderNameSearchMatch
{
color: #735F06;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 600;
}

.tvOrderQty
{
	color: #000;
font-family: Roboto;
font-size: 17px;
font-style: normal;
font-weight: 600;
}

.tvOrderCountText
{
	color: #7D7D7D;
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 400;
}

.tvOrderCountValue
{
color: #7D7D7D;
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 700;
padding-left: 3px;
padding-right: 3px;
}

.tvWorthText
{
	color: #3D4542;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 600;
padding-right: 3px;
}

.tvWorthValue
{
	color: #057E4B;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 600;
}

.tvBuyersText
{
	color: #3D4542;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 400;
}

.tvBuyerValue
{
	color: #3D4542;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 700;
padding-left: 3px;
padding-right: 3px;
}

.tvTodayPurchaseBackground
{
	background-color: #FAF4EE;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.tvDemandHeader
{
	color: #3D1161;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 500;
}

.tvDemandValue
{
	color: #1A062B;
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 700;
}

.tvdemandBuyerCount
{
	color: #A76E07;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 400;
}

.tvDemandSupplierCount
{
	color: #592D03;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 700;
padding-right: 3px;
}

.tvDemandSupplierText
{
	color: #592D03;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 400;
}

.tvDemandBackground
{
	border-radius: 4px;
	background: #F2F7FD;
	padding-left: 40px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.tvDemandBorder
{
	border-right: 2px solid #50169B;
}

.tvDemandSupplierCountBackground
{
	border-radius: 4px;
	background: #F5F4EF;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.tvDemandFooterBackground
{
	background-color: #9DA5A9;
}