body {
	padding: 0 !important;
	margin: 0 !important;
	font-family: 'Maven Pro', sans-serif;
	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;
}*/



.serverResponseLabelError {
	color: red;
	font-family: Roboto;
}

.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;
}



#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;
}

.dialogVPanel {
	margin: 5px;
}

.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 {
	background: #ffba04;
	border: 1px solid #FFB908;
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 6px;
	text-decoration: none;
	/* font-family: 'Maven Pro', sans-serif; */
	border-radius: 5px;
}

.button_styling:DISABLED {
	user-select: none;
	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;
}


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


.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;
}



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



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


.hide {
	display: none;
}

.show {
	display: auto;
}

.show2 {
	display: inline;
}


.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;
}


.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 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;
}



.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: 4px 0px 4px 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: 140px;
	height: 100%;
}

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;
}


.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;
}



.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;
}


.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";
}


.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_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;
}




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





.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";
}



.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;
}

.button_styling_new {
	height: 36px;
	width: 140px;
	border: 1px solid #FADC19;
	border-radius: 4px;
	background-color: #FFD400;
	color: #444345;
	font-family: Roboto;
	font-size: 12px;
	cursor: pointer;
}

.button_styling_new:hover {
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.05), 2px 3px 6px 0
		rgba(0, 0, 0, 0.05);
}

.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_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;
}

.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;
}


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


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



.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);
}


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

.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_maint {
	width:400px;
	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_maint:disabled {
	width:400px;
	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_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;
}


.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;
}



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





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



.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: 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;
}



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



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

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


.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;
	font-weight: 500;
	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;
}



.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%;
}



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



.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;
}



.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: 95%;
	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;
}

.divPoupStatusHeaderButtonWide {
	background: #ffd400;
	border: 1px solid #fadc19;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	width: 165px;
	height: 34px;
	background-image: url("images/popupStatusHeaderButton.png");
	background-repeat: no-repeat;
	background-size: 11px 5px;
	background-position: 160px;
	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;*/
}


.location_drop_down_tile_css {
	background: white;
	border: 1px solid black;
	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;
}



.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;
}


.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;
}


.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;
}

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

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

.noPO {
        width: 100%;
        width: 100%;
        height: 35px;
        height: 35px;
        background-image: url("images/woicon.png");
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-size: 15px 16px;
        background-size: 1px 16px;
        background-position: center;
        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;
}

.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;
}

.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;
}

.itemsPendingOrderTileNewNoBorder {
	width: 100%;
	font-family: Roboto;
	color: #1B1B1B;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 12px;
}

.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;
}


.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;
}


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


.topTextStyleBoldBig {
	font-family: Roboto;
	font-size: 14px;
	color: #1b1b1b;
	line-height: 14px;
	text-align: left;
	font-weight: 900;
}

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

.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;
}

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

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

.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;
}

.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;
}

.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;
	height: 18px;
	width: 18px;
	line-height: 100%;
	text-align: center;
	border-radius: 100px;
	vertical-align: middle;
	background-color: #2C89E6;
}

.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;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #CF7B27;
	text-align: center;
	line-height: 100%;
	vertical-align: middle;
}

.godownType {
	opacity: 0.7;
	height: 18px;
	width: 18px;
	border-radius: 100px;
	background-color: #1D9898;
	text-align: center;
	line-height: 100%;
	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: 100%;
	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;
}

.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%;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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: 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:white;
	font-family: Roboto;
	font-size: 11px;
	line-height: 10px;
	text-align: right;
}

.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;
}

.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;
}

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


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;
}

.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;
}

.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;
}


.noEstimateTopBig {
	height: 21px;
	width: 21px;
	background-image: url("images/noEstimateTop.png");
	background-repeat: no-repeat;
	background-size: 21px 18px;
	background-position: left;
	cursor: pointer;
}
.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;
}

.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;
}

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


.buttonRejectNoOpacity {
	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;
}

.buttonRejectNoOpacity:hover {
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 {
	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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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-gray {
	height: 32px;
	background-color: #5e686a;
}

.arrow-container-gray-light {
	height: 32px;
	background-color: #f2f2f2;
}

.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-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-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-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;
}

.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;
}

.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-grayTV-rightborder {
	background-color: #f2f2f2;
	height: 32px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	border-right: 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-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;
}

.fontTextBlack {
	font-family: Roboto;
	font-size: 7px;
	color: #0b272d;
}

.fontNumberWhite {
	font-family: Roboto;
	font-size: 12px;
	color: #FFFFFF;
	height: 12px;
}

.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;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px 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;
}

.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;
	font-weight: 500;
}

.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;
	font-weight: 500;
}

.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;
}

.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;
}

.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%;
}

}

.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;
}

.imagesInfoPanel {
        color: rgba(0, 0, 0, 0.54);
        font-size: 15px;
        font-weight: 500;
        /* border-right: 1px solid #eeeeee; */
        padding: 9px;
}

.imagesInfoPanel_background {
        color: #FFBA04;
        font-size: 15px;
        font-weight: 500;
        padding: 9px;
        background-color: #FFBA04;
}
.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);
}

.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;
}

.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;
}

.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);
}

.projectMidBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

.projectBottomBar {
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

.bottomBarBorder {
	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);
}

.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;
}

.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);
}

.paddingLeft {
	padding-left: 8px;
}

.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;
}

.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 !important;
	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;
}

.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;
}



.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;
        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;
}

.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;
}

.bottomBarBorderBottom {
        border-bottom: 1px solid #BDBDBD;
}

.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;
}


.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);
}

.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;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.87);
}



.folderTileNew {
	width: 240px;
	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: 55px;
	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: 190px;
	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 */
}

.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;
}

.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;
}


.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;

}

.searchIconNew {
	width: 30px;
	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);
}

.folderSearchBoxText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
}

.daHeader {
        font-family: Roboto;
        font-style: Regular;
        font-size: 22px;
        line-height: 22px;
        color: #735F06;
        padding-left: 5px;
}

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

.categoryUnspecBackground {
        background: #FFFFFF;
}

.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);
}

.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;
}

.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;
}

.projectIconNewWhite {
	width: 26px;
	height: 26px;
	background-image: url(images/project.svg);
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
}

.projectIconNewOrange {
	width: 22px;
	height: 22px;
	background-image: url("images/projectInfo.png");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
}

.screenNameBreadCrumb {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	color: #E29B19;
}

.timeLineUnselected {
	width: 26px;
	height: 26px;
	background-image: url("images/timelineUnselected.png");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.timeLineUnselected:hover {
	width: 26px;
	height: 26px;
	background-image: url("images/timelineSelected.png");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.timeLineSelected {
	width: 26px;
	height: 26px;
	background-image: url("images/timelineSelected.png");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.matrixUnselected {
	width: 26px;
	height: 26px;
	background-image: url("images/matrixUnselected.png");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.matrixUnselected:hover {
	width: 26px;
	height: 26px;
	background-image: url("images/matrixSelected.png");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.matrixSelected {
	width: 26px;
	height: 26px;
	background-image: url("images/matrixSelected.png");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	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: 26px;
	height: 26px;
	background-image: url("images/projectMenuNewCircle.png");
	background-repeat: no-repeat;
	background-size: 13px 13px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid white;
	background-color: transparent;
	border-radius: 50%;
}

.projectMenuNewHover {
	width: 27px;
	height: 27px;
	background-image: url("images/projectMenuNewCircleHover.png");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #E39C12;
	background-color: transparent;
	border-radius: 50%;
}

.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;
}

.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;
}

.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;
}

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

.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;
}

.partNameTextNoAnchor {
	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;
	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;
}


.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_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;
}


.compareButtonZero {
	height: 32px;
	background: #FADC19;
	border-color: black;
	border-radius: 2px;
	margin-right: 6px;
	opacity: 0.4;
}

.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;
}

.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: 10px;
	padding-right: 3px;
}


.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;
}

.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;
}

.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;
}

.specFilterNameRightBorder {
	border-right: 1px solid #D6D6D6;
}

.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;
}

.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;
}

.unspecPartsPopupPanelLong {
	background: #FFFFFF;
	border: 1px solid #7A6600;
	box-sizing: border-box;
	border-radius: 2px;
	height: 380px;
}

.unspecPartsPopupPanelLongNew {
	background: #FFFFFF;
	border: 1px solid #7A6600;
	box-sizing: border-box;
	border-radius: 2px;
}

.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;
	font-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;
}

.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;
}

.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;
}
.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;
}

.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: 600;
	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: 600;
	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: 600;
	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: 600;
	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;
}

.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;
}

.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;
}

.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;
}




.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;
}

.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;
}

.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: 99% 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: 99% 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: 99% 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: 99% 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
}

.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;
}

.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: 2;
	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;
}

.more {
	height: 100%;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-family: Roboto;
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 100%;
	letter-spacing: normal;
	color: #000000;
	text-align: center;
}

.more_button_border: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%;
}

.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;
}

.more_button_border {
	height: 100%;
	width: max-content;
	border-radius: 4px;
	border: solid 2px #dcdcdc;
	background-color: #ffffff;
}

.indent_rectangle_main {
	border-bottom-left-radius: 8px;
	background-color: #ffffff;
}

.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;
}


.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_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;
}

.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; */
}

.materialsTotalHeaderSelected {
        cursor: pointer;
        color: #ce814a;
}

.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;
}

.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_process_disabled {
	width: 100%;
	height: 20px;
	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: 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: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #000000;
	margin-top: 5px;
	text-align: left;
	padding-left: 10px;
}

.in_process_hover:hover * {
	color: white;
	transition: all 0.3s ease;
}

.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: 100%;
	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_Rectangle_Costing_Main {
	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_Rectangle_Costing {
	width: 210px;
	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;
}

.Popup_Costing{
	border-style: solid;
	border-width: 0.5px;

	border-color: #e3e3e3;
}
.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_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-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;
}

.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%;
	width: max-content;
}

.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;
}

.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%;
	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;
}

.TOTAL_BASIC_OTHER_PRICE_LABEL_RED {
	width: 100%;
	height: 14px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: red;
	margin-top: 2px;
	margin-left: 7%;
}

.TOTAL_BASIC_OTHER_PRICE_LABEL_RED .text-style-1 {
	font-family: RupeeForadian;
	font-weight: normal;
}

.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;
	height: max-content;
}

.WIDTH_SIZE_FOR_LABEL {
	width: 100%;
}

.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 {
	width: 53px;
	height: 44px;
}

.on_hover_panel_css {
	width: 100%;
	height: 44px;
	background-blend-mode: multiply;
	background-image: linear-gradient(to bottom, #d8d8d8, #d8d8d8);
}

.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;
}

.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;
}

.saving_poup_outer {
	width: 372px;
	height: 147px;
	background-color: #646464;
	padding: 4px;
}

.complete_poup_outer {
	height: 40px;
	background-color: #646464;
	padding: 4px;
}


.complete_poup_outer_light {
	height: 40px;
	background-color: #979797;
	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;
}

.total_value_small_popup_values {
	width: 100%;
	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-left: 4px;
	padding-right: 4px;
	padding-bottom: 1px;
}

.total_value_small_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;
}

.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;
}

.info:hover {
	width: 16px;
	height: 16px;
	object-fit: contain;
	border-radius: 50%;
	margin-top: 35%;
	cursor: pointer;
	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;
}



.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;
}

.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%;
}

.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;
}

.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;
}

.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/refreshBlack.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor: pointer;
	text-decoration: none;
	background-size: cover;
}

.resetAllText {
	color: #000000;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	width: max-content;
	font-family: Roboto;
}

.resetAllIconDisabled {
	opacity: 0.2;
	background-image: url(images/refresh.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	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;
}

.resetAllTextHover {
	opacity: 0.7;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #f5b527;
	cursor: pointer;
}

.resetAllTextDisabled {
	opacity: 0.2;
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.resetTable {
	width: 110px;
	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: 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;
}

.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;
}

.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;
}



.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;
}

.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;
}



.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;
}

.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%;
}

.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;
}

.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;
}

.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;
	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;
}

.projectSearchBox {
	width: 369px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
}

.projectSearchBoxSmall {
	width: 239px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
}

.projectSearchBoxTextBox {
	width: 331px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
	font-family: Roboto;
}


.projectSearchBoxMarketPlace {
	height: 32px;
	padding-left: 6px;
	outline: none;
	border: none;
	font-family: Roboto;
}


.projectSearchBoxTextBoxSmall {
	width: 201px;
	height: 32px;
	padding-left: 16px;
	outline: none;
	border: none;
	font-family: Roboto;
}


.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;
}

.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;
}

.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%;
}

.indent_inprocess_color_6 {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	border: solid 1px #ffffff;
	background-color: #7ec981;
}

.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: 11px;
	/*  font-weight: bolder; */
	padding-top: 13px;
	padding-left: 6px;
	color: #323133;
	font-family: Roboto;
}

.reset_border_radius_css {
	border-radius: 0px;
}

.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: 0%;
}

.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: 14px;
	width: 14px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 9px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	padding-top: 0px;
}

.navigation_panel_background_color:hover {
	background-color: #ab9a8b;
}

.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 label {
	position: relative;
}

.box label {
	display: block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	vertical-align: sub;
}

.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 input[type="checkbox"]:focus+label::before {
	outline: 0;
}

.box input[type="checkbox"]:focus+label::before {
	outline: 0;
}

.box input[type="checkbox"] {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
	margin-left: 0px;
}

.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;
}

.getVendorDetailPanel_outerPanel {
	margin-top: 10px;
	margin-left: 10px;
	background-color: white;
	border-radius: 10px;
	border: 1px solid white;
	height: 190px;
}

.getVendorDetailPanel_outerPanel:hover {
	margin-top: 10px;
	margin-left: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	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);
}

.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;
	width: 105%;
	padding-top: 3px;
	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;
}

.VerndorDetailco15_infotag {
	width: 15px;
	height: 15px;
}

.VerndorDetailco15_edittag {
	width: 15px;
	height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.VerndorDetailco15_deletetag {
	width: 15px;
	height: 15px;
}

.getFootertile_innerPanel {

}

.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;
}

.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;
}

.top_margin_css {
	margin-top: -5px;
}

.state_row {
	width: 9vw;
	height: 5vh;
	color: #616161;;
	background-color: #f8f8f8;
	border-left: 1px solid black !important;
	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;
	marign-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;
}

.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;
}

.createButton {
	background-color: black;
	color: white;
	font-family: roboto;
	font-weight: bold;
	font-size: 16px;
}

.createButton2 {
	background-color: #FFD400;
	font-weight: bold;
}

.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;
}

.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;
	padding-left: 10px;
	/* 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_searchpanel_cross_button {
	font-size: 20px;
	border: 5px solid #f8f8f8;
	font-family: Roboto;
	margin-right: 20px;
}

.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%;
}

.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;
	opacity: 0.6;
	cursor: pointer;
}

.part_search_matched_text {
	font-family: Roboto;
	font-weight: 500;
	font-size: 11px;
	line-height: 14px;
	color: #735F06;
	cursor: pointer;
}

.part_search_not_match_text_bold {
	font-family: Roboto;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	color: #828282;
	opacity: 0.6;
	cursor: pointer;
}

.part_search_matched_text_bold {
	font-family: Roboto;
	font-weight: bolder;
	font-size: 11px;
	line-height: 14px;
	color: #735F06;
	cursor: pointer;
}

*:focus {
	outline: none !important;
}

button:focus {
	outline: none;
}

input:focus {
	outline: none;
}

select:focus {
	outline: none;
}

option:focus {
	outline: none;
}

.poupStatusHeaderButton_css {
	padding: 0px 0px 0px 0px;
	border: 0px;
	cursor: pointer;
	outline: none;
}

.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;
}

.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;
}

.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;
}

.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;
}

.sidePanelTopPanel {
	height: 38px;
	width: "100%";
	padding-left: 16px;
	vertical-align: middle;
	border-bottom: 1px solid #D1D1D1;
}

.POP_UP_SUBTEXT {
	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: 2px;
}

.POP_UP_SUBTEXT_ITALIC {
	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: 2px;
	font-style: italic;
}

.TOTAL_WITH_TAX_PANEL{
	height:100%;
	width:100%;
	border-top: 1px solid #9b9b9b;
	background-color: #efefef;
	margin-top: 5px;
	padding-bottom: 5px;

}

.NAVIGATION_IMAGE_TOP_Rectangle {
	width: 80px;
	height: 60px;
	background-color: #f6c97f;
}

.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;
}

.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;
}

.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
}

.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;
}

	.part_tile_sortingTableColumnSelected {
		font-family: Roboto;
		font-size: 9px;
		font-weight: bold;
		color: rgba(0, 0, 0, 0.87);
		padding-left: 4px;
	}

	.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;
}

.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%;
}


.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;
}

.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;
}

.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;
}

.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;
}

.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; */
}

.tooltip_horizontalpanel_wide {
	border: 1px solid black;
	height: 20px;
	display: block;
}

.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;
}

.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%;
}

.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_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 !important;
}

.project_dash_project_progress_bar_css {
	position: relative;
	top: 5px;
}

.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;
}

.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;
}

.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;
}

.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;
}


.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;
}

.POP_UP_ORDER_NO_COSTING {
	height: 11px;
	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: 6px;
	margin-left: 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;
}

.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;
}

.header_info_icon_hover_css_margin {
	border-radius: 10px;
	position: relative;
	top: -2px;
}

.header_info_icon_hover_css_margin:hover {
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.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;
}

.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;
}

.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;
}

.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;
}

.daysToGoPopupHeaderBlack {
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.19px;
	color: black;
	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;
}

.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;
}

.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;
}

.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;
}

.fcvSummaryBottomBorder {
	border-bottom: 1px solid #E1E1E1;
}

.fcvSummaryRightBorder {
	border-right: 1px solid #E1E1E1;
}

.fcvSummaryRightPadding {
	padding-right: 8px;
}

.timelinePopupFTableHeader {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.13px;
	color: #000000;
}

.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;
}

.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;
}

.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;
}

.button_styling_FCV_disabled {
	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: auto;
	opacity: 0.3;
}

.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;
}

.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 {

}

.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;
	}
	.max_content {
		width: max-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;
	}

	.client_payment_menu_dash_boad_order_icon_size_size {
		width: 22px;
		height: 22px;
	}
}

@media screen and (min-width: 2450px) {
	.peoject_menu_dash_boad_order_icon_size_size {
		width: 36px;
		height: 36px;
	}

	.client_payment_menu_dash_boad_order_icon_size_size {
		width: 44px;
		height: 44px;
	}
}

@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;
	}
}

@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;
	}
}



.font_weight_300 {
	font-weight: 300;
}

.font_weight_400 {
	font-weight: 400;
}

.font_weight_500 {
	font-weight: 500;
}

.font_weight_600 {
	font-weight: 600;
}

.font_weight_700 {
	font-weight: 700;
}

.font_weight_800 {
	font-weight: 800;
}

.font_weight_900 {
	font-weight: 900;
}

.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;
}


.estTileTableFontDisabled {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
}

.estTileTableFontLarge {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
}
.estTileTableFontBold {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 10px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	font-weight: bold;
}

.estTileTableFontBoldLarge {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	font-weight: bold;
}

.estTileTableFontBoldLargeBlue {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #679bd0;
	font-weight: bold;
}

.estTileTableFontBoldBlue {
	opacity: 0.9;
	font-family: Roboto;
	font-size: 9px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #679bd0;
	font-weight: bold;
}

.estTileTableFontLight {
	opacity: 0.5;
	font-family: Roboto;
	font-size: 8px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
}

.estTileTableFontLightLarge {
	opacity: 0.5;
	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);
}

.estTileTableFontBorderLarge {
	/* opacity: 0.9; */
	font-family: Roboto;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
	border: solid 0.5px rgba(0, 0, 0, 0.22);
}

.border-right-services
{
	border-right: 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;
}

.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;
}

.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;
}

.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;
}

.create_vendor_botton_border_style {
	border-top: 1px solid #d4d4d4;
}

.non_editable_field_background_color_css {
	background-color: #ded8d8 !important;
}

.action_botton_style_css {
	height: 125px;
	margin-left: 5px;
	margin-top: 10px;
}

.bottom_dotted_border_css {
	border: 1px solid #E5E5E5;
	background: white;
}

.cross_label_icon {
	font-weight: bold;
	color: #ffff00e3;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	width: 32px;
	height: 30px;
}

.circuit_navigation_panel_css {
	border: 2px solid #e5e5e5;
	border-radius: 4px;
	height: 42px;
	margin: 5px;
	padding: 2px;
}

.bottom_border_shadow {
	box-shadow: 0px 0px 5px #888888;
}

.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: 0px;
	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: 15px solid black;
}

.background_black_project_header {
	background-color: black;
	height: 100%;
	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;
}

.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_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;
		cursor: pointer;
		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;
	}


	.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;
		cursor: pointer;
		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;
	}

	.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*/
.max_content {
	width: max-content;
}

.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_description_label {
	font-size: 12px;
	font-weight: 400;
	font-family: Roboto;
	/* color: #939393; */
	word-break: break-all;
	color: #939393;
	padding-bottom: 2px;
}

.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_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-top: 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: #ff6a00 !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;
}

.add_highlight_color_on_clickable_text {
	color: #ff6a00 !important;
}

.project_type_str_label {
	font-size: 12px;
	font-weight: bold;
	font-family: Roboto !important;
	margin-left: 7px;
	display: inline;
	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_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_rspanel_value {
	font-family: 'Roboto' !important;
	font-weight: 500;
	opacity: 0.6;
	width: 100%;
	vertical-align: middle;
}

.scope_costing_and_offer_exlamatory_mark_top_new {
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	font-family: roboto;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	vertical-align: middle;
	color: red;
	text-align: center;
}

.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:hover {
	object-fit: contain;
	border-radius: 50%;
	/* margin-top: 35%; */
	box-shadow: 0px 0px 3px 3px #9c7070;
	transition-duration: 0.4s;
}

.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_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;
}

.border_collpase {
	border-collapse: collapse;
}

.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;
	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;
	border-bottom: 2px solid #dddddd;
	height: 26px;
}

.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_offer_location_circuit_icon {
	background-image: url(/images/location_circuit_icon.svg);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	text-decoration: none;
}

.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_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_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_details_panel {
	border-collapse: collapse;
}

.scope_estimate_summary_popup_margin_percentage {
	color: #39b54a;
	font-weight: 500;
}

.estimate_outerpanel {
	margin: 0 15px 0px 15px;
}

.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; */
}


.leftPadding {
	padding-left: 5px;
}

.exlamtion_tooltip_outer_css {
	border: 1px solid red;
	border-radius: 6px;
	margin: 2px;
}

.exlamtion_tooltip_outer_css_top_arrow {
	width: 16px;
	height: 10px;
	margin-right: 10%;
}

.financeInnerTable {
	padding-left: 4px;
	border-right: 2px solid #DDDDDD;
}

.financeInnerTableNoBorder {
	padding-left: 4px;
}

.financeInnerTableOnlyBorder {
	border-right: 2px solid #DDDDDD;
}

.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;
}

.clientOrderFont {
	color: #9E9E9E;
	font-family: Roboto-Medium;
	font-size: 10px;
	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;
}

.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;
}

.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: pointer;
}

.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: pointer;
	text-decoration: none;
	opacity: 0.5;
}

.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;
}



.editStatusTableHeaderTop {
	font-family: Roboto;
	font-size: 9px;
	color: #FCFCFC;
	text-align: center;
	padding-left: 4px;
	font-weight: bold;
	background: #191919;
	border-right: 1px solid;
	border-right-color: #FCFCFC;
	border-bottom: 1px solid;
	border-bottom-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;
}
.iconSubTextStatusRed {
	opacity: 0.65;
	font-family: Roboto;
	font-size: 8px;
	color: #bf1515;
	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: 26px;
	height: 20px;
	background-image: url("images/imagesUnselected.png");
	background-repeat: no-repeat;
	background-size: 26px 20px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.imagesUnselected:hover {
	width: 26px;
	height: 26px;
	background-image:
		url("images/image_and_image_timeline_on_hover_icon.png");
	background-repeat: no-repeat;
	background-size: 26px 28px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.imagesSelected {
	width: 26px;
	height: 26px;
	background-image:
		url("images/image_and_image_timeline_on_hover_icon.png");
	background-repeat: no-repeat;
	background-size: 26px 28px;
	background-position: center;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}


.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;
}

.locationPopupHeaderRectangle {
	width: 100%;
	height: 40px;
	border-radius: 2px;
	background-color: #3e3e3e;
	padding-left: 12px;
	padding-right: 12px;
}

.locationPopupHeaderRectangleNarrow {
	width: 100%;
	height: 30px;
	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 {
	margin: 2px;
	border-radius: 2px;
	padding-bottom: 2px;
	border: 1px solid #959595;
}

.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;
}

.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;
}

.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 */
}

.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;
}

.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;
}

.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;
}

.daTitleCount {
	letter-spacing: 0.21px;
	color: #818184;
	opacity: 1;
	font-family: Roboto;
	font-size: 10px;
	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;
}

.locationPinSmallDA {
	width: 9px;
	height: 12px;
	background-image: url("images/location_pin_small.svg");
	background-repeat: no-repeat;
	background-size: 9px 12px;
	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;
	cursor: pointer;
}

.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;
}

.viewLessDAArrow {
	width: 10px;
	height: 5px;
	background-image: url("images/viewlessDA.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; */
}

.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;
}

.purchase_history_flexborderNoWidth {
	border-bottom-style: solid;
	border-color: #EAEAEA;
	border-width: thin;
}

.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;
}

.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;
}

.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;
}

.border_radius_9px {
	border-radius: 9px;
}

.border_radius_8px {
	border-radius: 8px;
}

.border_radius_7px {
	border-radius: 7px;
}

.border_radius_6px {
	border-radius: 6px;
}

.border_radius_5px {
	border-radius: 5px;
}

.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;
}

.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;
}

.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;
}

.border_radius_4px {
	border-radius: 4px;
}

.border_radius_3px {
	border-radius: 3px;
}

.border_radius_2px {
	border-radius: 2px;
}

.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;
}

.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;
	}
}

.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;
}

.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%;
}

.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;
}

.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;
}

.right_border_style_white {
	border-right: 5px solid white;
}

.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;
}

.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;
}

.home_selection_dashboard_botton_style {
	height: 20px;
    line-height: 20px;
	padding-left: 5px;
	font-family: Roboto;
	cursor: pointer;
	padding-right: 5px;
	border: 1px solid #735F06;
	border-radius: 3px;
	background-color: white;
	font-weight: 500;
	color: #000000;
	box-shadow: 0 2px 8px 2px #0003;
}

.selected_dashboard_botton_style {
	height: 20px;
    line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Roboto;
	border: 1px solid #CE814A;
	border-radius: 5px;
	background-color: #FFF3DA;
	color: #000000;
	font-weight: 700;
	box-shadow: 0 2px 8px 2px #00000082;
}

.home_selection_dashboard_botton_style:hover {
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Roboto;
	border: 1px solid #CE814A;
	border-radius: 5px;
	background-color: white;
	color: #333230;
	font-weight: 600;
	box-shadow: 0px 5px 8px 2px #4A4642;
	transition: box-shadow .3s ease-out;
	background-color: #FFF3DA;
}

.location_execution_type {
    width: 18px;
    height: 15px;
    background-image: url(images/executionProject.png);
    background-repeat: no-repeat;
    background-size: 18px 15px;
    background-position: center;
}

.rotate_90_degree_bottom {
	transform: rotateZ(-90deg);
}

.rotate_90_degree_top {
	transform: rotateZ(90deg);
}

.search_icon {
	width: 25px;
	height: 18px;
	background-image: url("images/magnify.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
	border-radius: 50%;
}

.search_icon:hover {
	width: 18px;
	height: 18px;
	margin-left: 5px;
	background-image: url("images/magnifyCategory.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
	cursor: pointer;
	object-fit: contain;
	border-radius: 50%;
	box-shadow: 0px 0px 4px 5px #997D4C;
	transition-duration: 0.4s;
}

.content_width_max {
	width: fit-content;
}

.tag_font_style_css {
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 2px;
	font-family: Roboto;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 2px;
}

.vendor_tags_available {
	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;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.vendor_tags_available:hover {
	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;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.vendor_tags_disable {
	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.5;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.vendor_tags_selected {
	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;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.vendor_tag_type_hover:hover {
	border-top: 4px solid #E29B19;
    color: #E29B19;
}

.vendor_tag_header_hover_css {
	opacity: 0.7;
    font-family: Roboto;
    font-weight: bold;
    color: #f5b527 !important;
    cursor: pointer;
}

.selected_vendor_tag_type_header {
	border-top: 4px solid #E29B19;
}

.toggle_panel_tile_active_css {
	border: 1px solid #f6a946;
	border-radius: 8px;
	background-color: #f6a946;
	cursor: pointer;
}

.toggle_panel_tile_disable_css {
	border: 1px solid #f6a946;
	border-radius: 8px;
	background-color: #afa79dad;
	cursor: pointer;
}

.padding_left_2_percent {
	padding-left: 2%;
}

.padding_right_2_percent {
	padding-right: 2%;
}

.text_center_alignment_css {
	text-align: center;
}

.basic_value_left_border_css {
	border-left: 3px solid #ffe1cd;
}

.other_tax_value_left_border_css {
	border-left: 3px solid #cdebff;
}

.gst_tax_value_left_border_css {
	border-left: 3px solid #ecedb2;
}

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

.location_visited:visited {
	color: #528ECC;
}

.location_visited:hover {
	text-decoration: underline;
}

.visit_link_css {
	text-decoration: none;
	color: #528ECC;
}

.grey_top_border_css{
	border-top: 2px solid #f0f0f0;
}

.grey_left_border_css{
	border-left: 2px solid #f0f0f0;
}

.grey_bottom_border_css{
	border-bottom: 2px solid #f0f0f0;
}

.text_alignment_right {
	text-align: right;
}

.toggle_icon_tile_css{
	background-color: black;
    height: 11px;
    width: 11px;
    border-radius: 100%;
}

.filter_check_mark_outer_tile_css {
	width: 14px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	text-decoration: none;
	vertical-align: middle;
	border: 0px !important;
	background-color: white;
	text-align: center;
	margin-left: 3px;
	border-spacing: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.rfq_select_part_header_css {
	/* background-color: #b57456; */
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
	line-height: 12px;
	vertical-align: middle;
	text-align: center;
}

.white_border_left_css {
	border-left: solid 1px #ffffff;
}

.white_border_right_css {
	border-right: solid 1px #ffffff;
}

.select_part_rfq_part_css {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
}

.select_part_rfq_part_css_blue {
	font-family: Roboto;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #528ECC;
}
.light_grey_border_top_css {
	border-top: solid 0.5px #00000038;
}

.light_grey_border_left_css {
	border-left: solid 0.5px #00000038;
}

.light_grey_border_right_css {
	border-right: solid 0.5px #00000038;
}

.light_grey_border_bottom_css {
	border-bottom: solid 0.5px #00000038;
}

.summary_checkmark_stem {
    position: absolute;
    width: 5px;
    height: 18px;
    background-color: green;
    left: 5px;
    top: 1px;
}

.summary_checkmark_kick {
    position: absolute;
    width: 6px;
    height: 5px;
    background-color: green;
    left: 0px;
    top: 14px;
}

.summary_checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.border_bottom_grey_css {
	border-bottom: 1px solid #dcdcdc;
}

.error_highlight_box_css {
	border: 1px solid red !important;
	box-shadow: 0px 0px 10px 0px red !important;
}

.border_top_solid_black_2px {
	border-top: 2px solid black;
}

.border_left_solid_black_2px {
	border-left: 2px solid black;
}

.border_bottom_solid_black_2px {
	border-bottom: 2px solid black;
}

.border_right_solid_black_2px {
	border-right: 2px solid black;
}

.login_botton_css {
	border-radius: 5px;
	width: 100px;
	height: 30px;
	font-size: 13px;
	font-family: Roboto;
	font-weight: 700;
	letter-spacing: 1px;
	color: white;
	background-color: #535353;
	cursor: pointer;
	border: 0px solid;
}


.login_botton_css_new {
	border-radius: 2.695px;
	background: #201D1D;
	width: 155.635px;
	height: 36.382px;
	flex-shrink: 0;
	color: #FFF;
	font-family: Roboto;
	font-size: 13.475px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.269px;
	cursor: pointer;
	position: relative;
	top: 30px;

}

.forgot_password_header_css {
	color: #FFF;
	font-family: Roboto;
	font-size: 16.17px;
	font-style: normal;
	font-weight: bolder;
	line-height: normal;
	letter-spacing: 1.617px;
}

/*.forgot_password_header_css :hover {
	color: #0066cc;
}*/

.next_btn_color {
	color: black;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.4s ease 0s;
}

.next_btn_color:hover {
  background-color: #0066cc;
  border-radius: 4px;
  color: white;
}

.next_btn_size {
	width: 20px;
	height: 50px;
	line-height: 45px;
	text-align: center;
}

.login_backgroung_image_transition {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.forgot_password_header_pop_tile_css {
	font-size: 22px;
	height: 30px;
    line-height: 30px;
	font-weight: 900;
	font-family: Roboto;
	text-align: center;
	padding: 7px;
	background-color: #e9ad26;
	color: white;
}

.gwt-TextBox {
	padding: 5px 4px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	font-size: small;
	font-family: 'Roboto';
	border-radius: 3px;
	font-size: 12px;
}

.gwt-DateBox {
    padding: 5px 4px;
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    font-size: 100%;
    font-family: 'Roboto';
    border-radius: 3px;
    font-size: 12px;
}

.project_border_spacing_css{
	border-spacing: 0px;
}

.redBorder{
	border: 1px solid red;
}

.menuHome
{
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
height: 16px;
color: #FFFFFF;
padding-left: 4px;
vertical-align: middle;
}

.menuHomeSelected
{
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
height: 16px;
color: #E6BA4C;
vertical-align: middle;
}

.menuHome:hover
{
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
height: 16px;
color: #E6BA4C;
vertical-align: middle;
}

.menuHome #menuText
{
	padding-top: 4px;
}

.menuHome:hover #menuText
{
	padding-top: 4px;
}




.menuHome:hover #homeImage {
	background-image: url(images/homeYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #homeImage {
	background-image: url(images/homeWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHomeSelected #homeImageSelected {
	background-image: url(images/homeYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHome:hover #peopleImage {
	background-image: url(images/peopleYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #peopleImage {
	background-image: url(images/peopleWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #peopleImageSelected {
	background-image: url(images/peopleYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHome:hover #constructionaryImage {
	background-image: url(images/constructionaryYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #constructionaryImage {
	background-image: url(images/constructionaryWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #constructionaryImageSelected {
	background-image: url(images/constructionaryYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome:hover #projectsImage {
	background-image: url(images/projectsYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #projectsImage {
	background-image: url(images/projectsWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #projectsImageSelected {
	background-image: url(images/projectsWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome:hover #maintenanceImage {
	background-image: url(images/maintenanceYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #maintenanceImage {
	background-image: url(images/maintenanceWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHomeSelected #maintenanceImageSelected {
	background-image: url(images/maintenanceYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHome:hover #godownImage {
	background-image: url(images/godownYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #godownImage {
	background-image: url(images/godownWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #godownImageSelected {
	background-image: url(images/godownYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHome:hover #stockImage {
	background-image: url(images/stockYellowMenu.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #stockImage {
	background-image: url(images/stockWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}
.menuHomeSelected #stockImageSelected {
	background-image: url(images/stockYellowMenu.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome:hover #purchaseImage {
	background-image: url(images/purchaseYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #purchaseImage {
	background-image: url(images/purchaseWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #purchaseImageSelected {
	background-image: url(images/purchaseYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome:hover #reportsImage {
	background-image: url(images/reportsYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #reportsImage {
	background-image: url(images/reportsWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #reportsImageSelected {
	background-image: url(images/reportsYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHome:hover #vendorImage {
	background-image: url(images/vendorYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #vendorImage {
	background-image: url(images/vendorWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #vendorImageSelected {
	background-image: url(images/vendorYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome:hover #entityImage {
	background-image: url(images/entityYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #entityImage {
	background-image: url(images/entityWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #entityImageSelected {
	background-image: url(images/entityYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome:hover #logoutImage {
	background-image: url(images/logoutYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #logoutImage {
	background-image: url(images/logoutWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHome:hover #clientImage {
	background-image: url(images/clientYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #clientImage {
	background-image: url(images/clientWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #clientImageSelected {
	background-image: url(images/clientYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}
.menuHome:hover #imagesImage {
	background-image: url(images/imagesYellowNew.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #imagesImage {
	background-image: url(images/imagesWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHomeSelected #imagesImageSelected {
	background-image: url(images/imagesYellowNew.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHome:hover #templatesImage {
	background-image: url(images/templatesYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #templatesImage {
	background-image: url(images/templatesWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #templatesImageSelected {
	background-image: url(images/templatesYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}


.menuHome:hover #profileImage {
	background-image: url(images/profileYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	margin-bottom: 2px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHome #profileImage {
	background-image: url(images/profileWhite.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.menuHomeSelected #profileImageSelected {
	background-image: url(images/profileYellow.png);
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-right: 4px;
	height: 15px;
	width: 13.5px;
	background-size: contain;
	vertical-align: middle;
	line-height: 15px;
}

.financeBudget_bill_Icon {
	width: 20px;
	height: 22px;
	background-image:
		url("images/project_menu_dash_board_client_bill_on_hover.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.padding_right_2_px {
	padding-right: 2px;

}

.padding_right_3_px {
	padding-right: 3px;
}

.padding_right_4_px {
	padding-right: 4px;
}

.padding_right_5_px {
	padding-right: 5px;
}

.padding_left_2_px {
	padding-left: 2px;
}

.padding_left_3_px {
	padding-left: 3px;
}

.padding_left_4_px {
	padding-left: 4px;
}

.padding_left_5_px {
	padding-left: 5px;
}

.padding_left_6_px {
	padding-left: 6px;
}

.location_table_border {
	border: 1px solid #E0E0E0;
}

.location_table_border:hover {
    box-shadow: 0 2px 8px 0 #b9967d;
    transition: box-shadow .3s ease-out;
}

.black_border {
	border: 1px solid black;
}

.submit_close_active_botton_css {
	width: 238px;
	height: 32px;
	background: #2B2B2B 0% 0% no-repeat padding-box;
	border-radius: 4px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.66px;
	color: #FFFFFF;
	opacity: 1;
	font-family: Roboto;
	outline: none;
	cursor: pointer;
}

.submit_close_disable_botton_css {
	width: 238px;
	height: 32px;
	background: #8E8E8E 0% 0% no-repeat padding-box;
	border-radius: 4px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.66px;
	color: #FFFFFF;
	font-family: Roboto;
	outline: none;
	opacity: 1;
	border: 1px solid #8E8E8E;
}

.selected_thumbnail_css {
	border-radius: 5px;
	object-fit: contain;
	box-shadow: 0px 0px 3px 3px #e77600;
	transition-duration: 0.4s;
}

.file {
	opacity: 0;
	width: 0.1px;
	height: 0.1px;
	position: absolute;
}

.file-input label {
	display: block;
	position: relative;
	width: 194px;
	height: 32px;
	border-radius: 5px;
	background: #FDD718 0% 0% no-repeat padding-box;
	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	color: black;
	font-weight: bold;
	cursor: pointer;
	transition: transform .2s ease-out;
	outline: none;
}

.image-upload>input {
  display: none;
}

.file-name {
	position: absolute;
	bottom: -35px;
	left: 10px;
	font-size: 0.85rem;
	color: #555;
}

input:hover+label, input:focus+label {
	transform: scale(1.02);
}

input:focus+label {
	outline: 1px solid #000;
	outline: -webkit-focus-ring-color auto 2px;
}

.montserrat_font_family {
	font-family: Montserrat;
}

.folder_storage_doc_tile {
	margin-top: 10px;
	margin-left: 5px;
	background-color: white;
	border-radius: 10px;
	border: 1px solid white;
}

.folder_storage_doc_tile:hover {
	border-radius: 10px;
	border-left: 4px solid #0003;
	box-shadow: 4px 4px 0 #0003, 0 8px 4px 0 #00000030;
}

.action_botton_background_folder_doc {
	background-color: #0003;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 0px;
}

.action_botton_roll_over_effect:hover {
	background-color: white;

}

.selected_folder_storage_tile {
	border-top: 4px solid #ff9903;
}

.folder_storage_tile:hover {
	cursor: pointer;
	border-top: 4px solid #ff9903;
    box-shadow: 4px 4px 0 #0003, 0 8px 4px 0 #00000030;
}

.folder_doc_search_css:hover {
	cursor: pointer;
	background: #F5F4EE;
}

.folder_doc_file_name:hover {
	cursor: pointer;
	color: #ce814a;
}

.black_font_color {
	color: #000000;
}

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


.top_search_popup_panel_css {
	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;
}

.disable_user_select {
    user-select: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
}

.clickable_hover_tile_css:hover {
	cursor: pointer;
	color: #0066cc;
}
.godown_name_new_hover *{
	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 !important;
	padding-left: 2px;
	padding-right: 6px;
	text-decoration: none;
}

.finance_payment_recieved_icon {
	width: 20px;
	height: 20px;
	background-image: url("images/client_payment_hover_icon.png");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
}

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

.margin_top_3_percent {
	margin-top: 3%;
}

.text_under_line_on_hover:hover {
	text-decoration: underline;
}

.client_order_header_icon {
	width: 19px;
	height: 20px;
	background-image: url("images/project_menu_dash_board_client_order_on_hover.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.client_bill_header_icon {
	width: 19px;
	height: 20px;
	background-image: url("images/project_menu_dash_board_client_bill_on_hover.svg");
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: center;
}

.top_create_button__bottom_line_css {
	border-bottom: 2px solid #e5e5e5;
}

.padding_left_10_percent {
	padding-left: 10%;
}

.padding_left_8_percent {
	padding-left: 8%;
}
.clickable_order_no_tile {
	cursor: pointer;
	color: #528ECC;
}

.clickable_order_no_tile:link {
	text-decoration: none;
	color: #528ECC;
}

.clickable_order_no_tile:hover {
	color: #0066cc;
	text-decoration: underline;
}

.search_tag_alignment_css tr {
	display: flex;
    flex-wrap: wrap;
}



.activeTag {
	font-family: Roboto;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.13px;
	line-height: 12px;
	text-align: left;
	border-radius: 2px;
	color: #4fb700;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 43px;
	margin-top: 2px;
}


.inactiveTag {
	font-family: Roboto;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.13px;
	line-height: 12px;
	text-align: left;
	border-radius: 2px;
	color: red;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 55px;
	margin-top: 2px;
}

.border_top_solid_black_1px {
	border-top: 1px solid black;
}

.border_left_solid_black_1px {
	border-left: 1px solid black;
}

.border_bottom_solid_black_1px {
	border-bottom: 1px solid black;
}

.border_right_solid_black_1px {
	border-right: 1px solid black;
}

.border_top_solid_green_1px {
	border-top: 1px solid #008001;
}

.border_left_solid_green_1px {
	border-left: 1px solid #008001;
}

.border_bottom_solid_green_1px {
	border-bottom: 1px solid #008001;
}

.border_right_solid_green_1px {
	border-right: 1px solid #008001;
}

.border_top_solid_red_1px {
	border-top: 1px solid #D62903;
}

.border_left_solid_red_1px {
	border-left: 1px solid #D62903;
}

.border_bottom_solid_red_1px {
	border-bottom: 1px solid #D62903;
}

.border_right_solid_red_1px {
	border-right: 1px solid #D62903;
}

.arrowExpand {
	width: 24px;
	height: 24px;
	background-image: url("images/arrow-expand.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	border: 3px solid #DFE2E6;
}

.peoplePopupPeopleName {
	text-align: left;
	letter-spacing: 0.3px;
	color: #3E3E3E;
	opacity: 1;
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
}

.locationPopupPeopleEmail {
	text-align: left;
	letter-spacing: 0.3px;
	color: #3E3E3E;
	opacity: 1;
	font-family: Roboto;
	font-size: 14px !important;;
	font-weight: bold;
}

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

.daysDelayTextRedSmall {
	font-family: Roboto;
	font-size: 9px;
	letter-spacing: 0.19px;
	color: red;
	padding-left: -1px;
}

.daysEarlyTextGreenSmall {
	font-family: Roboto;
	font-size: 9px;
	letter-spacing: 0.19px;
	color: green;
	padding-left: -1px;
}

.marketplace_launch {
	width: 100%;
	height: 100%;
	background-image: url("images/Marketplace_soft_launch.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
}

.marketplace_Button
{
	box-sizing: border-box;
	width: 210px;
	height: 56px;
	background: #61B539;

	border: 2px solid #F1B417;
	border-radius: 8px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	cursor: pointer;
	background-image: url("images/UpThumbs.png");
	background-repeat: no-repeat;
	background-size: 22.93px 30.82px;
	background-position: 20px 5px;
}



.arrowCollapse {
	width: 24px;
	height: 24px;
	background-image: url("images/arrow-collapse.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	cursor: pointer;
	border: 3px solid #DFE2E6;
}
.marketplace_Button_No
{
	box-sizing: border-box;
	width: 210px;
	height: 56px;
	background: #FC6D1C;
	border: 2px solid #F1B417;
	border-radius: 8px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	cursor: pointer;
	background-image: url("images/DownThumbs.png");
	background-repeat: no-repeat;
	background-size: 22.93px 30.82px;
	background-position: 20px 6px;
}

.marketplace_Button_placement
{

	position: absolute;
	bottom: 52px;
	left: 40px;
}

.marketPlaceComminSoonButton
{
width: 27px;
height: 32px;
background: #2D281C;
border-radius: 4px;
cursor: pointer;
margin-right: 15px;
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.01em;
padding-left: 5px;
color: #FFFFFF;

}

.marketPlaceComminSoonButtonNoPointer
{
width: 27px;
height: 32px;
background: #2D281C;
border-radius: 4px;
margin-right: 15px;
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.01em;
padding-left: 5px;
color: #FFFFFF;
opacity: 0.6;
}

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

.marketplace_new_icon_style
{
	position: relative;
	top: -8px;
	left: 6px;
	margin: -6px;
}


.marketplace_new_icon
{
	width: 32px;
	height: 14.95px;
	background-image: url("images/marketplace_new_icon.png");
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.project_left_light_grey {
	border-left: 1px solid #B0B0B0;
}

.project_top_light_grey {
	border-top: 1px solid #B0B0B0;
}

.project_right_light_grey {
	border-right: 1px solid #B0B0B0;
}

.project_bottom_light_grey {
	border-bottom: 1px solid #B0B0B0;
}

.expandAddPart
{
	width: 24px;
	height: 20px;
	background-image: url("images/ExpandAddPart.png");
	background-repeat: no-repeat;
	background-size: 100%;
	border: none;
	cursor: pointer;
}

.collapseAddPart
{
	width: 24px;
	height: 20px;
	background-image: url("images/CollapseAddPart.png");
	background-repeat: no-repeat;
	background-size: 100%;
	border: none;
	cursor: pointer;
}


.divPoupStatusHeaderButtonAddPart {
	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: 2px;
	opacity: 0.9;
	font-family: Roboto;
	font-size: 12px;
	color: #323133;
	line-height: 34px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;

}


.addPartConstructionarySelected
{
	width: 28px;
	height: 20px;
	background-image: url("images/AddPartConstructionary.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position:center;
	align-content: center;
	border: none;
	line-height: 20px;
	vertical-align: middle;
	border-style:none;
}


.addPartLocationSelected
{
	width: 28px;
	height: 20px;
	background-image: url("images/AddPartLocation.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position:center;
	align-content: center;
	border: none;
	line-height: 20px;
	vertical-align: middle;
	border-style:none;
	border-color: white;
}

.addPartTemplateSelected
{
	width: 28px;
	height: 20px;
	background-image: url("images/AddPartTemplate.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position:center;
	align-content: center;
	border: none;
	line-height: 20px;
	vertical-align: middle;
	border-style:none;
	border-color: white;
}

.addPartStockSelected
{
	width: 28px;
	height: 20px;
	background-image: url("images/AddPartStock.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position:center;
	align-content: center;
	border: none;
	line-height: 20px;
	vertical-align: middle;
	border-style:none;
	border-color: white;
}

.addPartIndentSelected
{
	width: 28px;
	height: 20px;
	background-image: url("images/AddPartIndent.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position:center;
	align-content: center;
	border: none;
	line-height: 20px;
	vertical-align: middle;
	border-style:none;
	border-color: white;
}

.addPartConstructionary
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartConstructionary.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
}


.addPartIndent
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartIndent.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
}


.addPartLocation
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartLocation.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
}


.addPartStock
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartStock.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
}

.addPartTemplate
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartTemplate.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
}


.exPandAddPartText
{
	color: #000;
	text-align: right;
	font-size: 11px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	line-height: 12px;
}

.addPartConstructionaryWhite
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartConstructionaryWhite.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
	margin-right: 4px;
}


.addPartIndentWhite
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartIndentWhite.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
	margin-right: 4px;
}


.addPartLocationWhite
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartLocationWhite.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
	margin-right: 4px;
}


.addPartStockWhite
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartStockWhite.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
	margin-right: 4px;
}

.addPartTemplateWhite
{
	width: 20px;
	height: 22px;
	background-image: url("images/AddPartTemplateWhite.png");
	background-repeat: no-repeat;
	background-size: 20px 22px;
	border: none;
	line-height: 22px;
	vertical-align: middle;
	margin-right: 4px;
}

.lblSelect {
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
}

.date_picker_box_css {
	border-radius: 3px;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
}
.unselected_graph_type {
	opacity: 0.5;
	cursor: pointer;
}

.unselected_graph_type:hover {
	opacity: 1;
}

.graph_type_option_menu_panel {
	border-radius: 14px;
	border: 1px solid #EEE;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.progress_graph_border_left {
	border-left: 1px solid #E9E9E9;
}

.dotted_right_border {
	border-right: 1px dotted;
}

.active_outer_toggle_button_css {
	width: 35px;
	height: 15px;
	flex-shrink: 0;
	border-radius: 18px;
	background: #FFC04A;
	vertical-align: middle;
	padding: 3px;
}

.active_inner_toggle_button_icon_css {
	width: 12px;
	height: 12px;
	padding: 1px;
	flex-shrink: 0;
	border-radius: 100%;
	background-color: #FFFFFF;
}

.disable_outer_toggle_button_css {
	width: 35px;
	height: 15px;
	flex-shrink: 0;
	border-radius: 20px;
	background: #D9D9D9;
	vertical-align: middle;
	padding: 3px;
}

.disable_inner_toggle_button_icon_css {
	width: 12px;
	height: 12px;
	margin-left: 0px;
	padding: 1px;
	flex-shrink: 0;
	border-radius: 100%;
	background-color: #000000;
}

.dealt_in_background_css {
	background-color: #f4f4f4;
	height: 170px;
}

.column_header_type_font {
	background-color: #f4f4f4;
	font-family: Roboto;
	opacity: 0.6;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
}

.get_label_for_list {
	font-family: Roboto;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #000000;
}

.order_pop_up_style_css {
	height: 16px;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
}

.info_pop_up_header_css {
	color: white;
	margin-left: 10px;
	font-size: 12px;
	font-family: roboto;
	font-weight: bold;
	width: max-content;
}

.search_pop_panel_border_css {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.search_clear_botton_admin {
	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;
	cursor: pointer;
}

.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_click_event {
	pointer-events: none;
}

.datePickerDayIsToday {
    padding: 4px;
    color: #333;
    background: url(images/hborder.png) repeat-x 0px -2607px;
    border: 2px solid blue !important;
    background: #e7e7eb !important;
    font-weight: bolder !important;
    font-size: 12px !important;
}

.progress_bar_outer_circle {
	left: 25%;
	width: 95px;
	height: 95px;
	position: relative;
	text-align: center;
	border-radius: 100%;
	animation: p 1s .5s both;
	transition-duration: 0.4s;
	background-color: #008001;
	background-image: conic-gradient(#008001 0% 1%, #D9D9D9 0% 100%);
}

.progress_bar_outer_circle .progress_bar_inner_circle {
	position: relative;
	top: 7px;
	left: 7px;
	width: 81px;
	height: 81px;
	text-align: center;
	border-radius: 100%;
	background-color: #FFFFFF;
}

.progress_bar_arrow_outer {
	position: relative;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	border-top: 45px solid transparent;
	border-bottom: 45px solid transparent;
	border-left: 10px solid white;
}

.progress_bar_arrow_container_green {
	left: 3px;
	height: 65px;
	position: relative;
	background-color: #619E05;
}

.progress_bar_arrow_container_yellow {
	left: 3px;
	height: 65px;
	position: relative;
	background-color: #F9EACC;
}

.progress_bar_right_green_arrow {
	position: relative;
	left: -13px;
	top: -30px;
	width: 0px;
	height: 0px;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 10px solid #619E05;
}

.progress_bar_right_yellow_arrow {
	position: relative;
	left: -13px;
	top: -30px;
	width: 0px;
	height: 0px;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 10px solid #F9EACC;
}

.progress_bar_green_background {
    background-color: #619E05;
    width: 100%;
    height: 65px;
}

.progress_bar_yellow_background {
    background-color: #F9EACC;
    width: 100%;
    height: 65px;
}

.progress_bar_column_header {
	color: #A9A9A9;
	font-family: Montserrat;
	font-size: 9px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.27px;
}

.progress_bar_column_footer_day_changes {
	color: #8D8383;
	text-align: center;
	font-family: Roboto;
	font-size: 7px;
	font-style: normal;
	font-weight: 400;
	line-height: 106%;
}

.actual_progress_value_tile {
	color: #121111;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.over_all_actual_progress {
	color: #121111;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

.over_all_planned_progress {
	color: #121111;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

.over_all_center_text_style {
	color: #8D8383;
	text-align: center;
	font-family: Roboto;
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
	line-height: 106%; /* 9.54px */
}

.cost_part_type_un_selected {
	width: 26px;
	height: 26px;
	background-image: url("images/cost_part_type_un_selected.svg");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.cost_part_type_un_selected:hover {
	width: 26px;
	height: 26px;
	background-image: url("images/cost_part_type_selected.svg");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
	cursor: pointer;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.cost_part_type_selected {
	width: 26px;
	height: 26px;
	background-image: url("images/cost_part_type_selected.svg");
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: center;
	text-decoration: none;
	border: 0px;
	background-color: transparent;
}

.progress_bar_arrow_container_black {
	left: 3px;
	height: 85px;
	position: relative;
	background-color: #000000;
}

.progress_bar_right_black_arrow {
	position: relative;
	left: -13px;
	top: -45px;
	width: 0px;
	height: 0px;
	border-top: 45px solid transparent;
	border-bottom: 45px solid transparent;
	border-left: 10px solid #000000;
}

.progress_column_bar_black_background {
    background-color: #000000;
    height: 85px;
}

.black_background {
    background-color: #000000;
}

.show_option_border {
	border: 1px solid #C8BFBF;
}

.height_max_content {
	height: max-content;
}

.wordWrap {
	width: 100%;
	word-wrap: break-word;
}

.selected_switch_option_btn {
	border-radius: 5px;
	background: #848484;
}

.summary_progress_bar_arrow_outer {
	position: relative;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	border-top: 32px solid transparent;
	border-bottom: 32px solid transparent;
	border-left: 10px solid white;
}

.white_border_left_css_3px {
	border-left: solid 3px #ffffff;
}

.white_border_right_css_3px {
	border-right: solid 3px #ffffff;
}

.esRISelectIndex{
	color: #000;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

.esRISelectIndexNonBold{
	color: #000;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.esRIText
{
	color: #2C2C2C;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
}

.esRITextBig
{
	color: #2C2C2C;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.estRITextLight
{
	color: #7F7F7F;
	font-family: Roboto;
	font-size: 9px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	padding-left: 2px;
}
.esRITextBold
{
	color: #535353;
font-family: Roboto;
font-size: 10px;
font-style: normal;
font-weight: 600;
}

.estRIBorder
{
	border: 1px solid #BCBCBC;
}

.estRITextBoxEnabled
{
	border-radius: 2px;
	border: 1px solid #E2E2E2;
	background: #FFF;
	color: #2C2C2C;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
}

.estRITextDisabled
{
	border-radius: 2px;
	border: 1px solid #E2E2E2;
	background-color: #F5F5F5;
	color: #2C2C2C;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
}

.login_FlexTable
{
	border-radius: 5.39px;
	background: #FFF;
	box-shadow: 0px 2.695px 26.95px 0px rgba(0, 0, 0, 0.05);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;

}

.loginHeader {
	color: #000;
	font-family: Roboto;
	font-size: 37.73px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.755px;
}

.loginUserNameText {
	color: #000;
	font-family: Roboto;
	font-size: 13.475px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.269px;
}

.top_border_css_2px_grey {
	border-top: 2px solid #EEEEEE;
}

.bottom_border_css_2px_grey {
	border-bottom: 2px solid #EEEEEE;
}

.top_border_css_1px_grey {
	border-top: 1px solid #EEEEEE;
}

.bottom_border_css_1px_grey {
	border-bottom: 1px solid #EEEEEE;
}

.total_sum_value {
	color: #000000;
	font-size: 12px;
	font-weight: 800;
	font-family: Roboto;
}

.total_type_header_sum_value {
	color: #000000;
	font-size: 11px;
	font-weight: 800;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Roboto;
}

.type_header_value {
	color: #000000;
	font-size: 10px;
	font-weight: 500;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Roboto;
}

.quick_boq_option_icon {
	width: 24px;
	height: 24px;
	background-image: url("images/quick_boq_icon.png");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	align-content: center;
	border: none;
	vertical-align: middle;
	border-style: none;
	border-color: white;
}

.editStatusTableHeaderNew {
	font-family: Roboto;
	font-size: 10px;
	color: #FCFCFC;
	text-align: left;
	padding-left: 2px;
	font-weight: bold;
	background: #191919;
	border-right: 1px solid;
	border-right-color: #FCFCFC;
}

.editStatusTableHeaderNewSpacingTop {
	font-family: Roboto;
	font-size: 10px;
	color: #FCFCFC;
	text-align: left;
	padding-left: 2px;
	padding-top: 4px;
	font-weight: bold;
	background: #191919;
	border-right: 1px solid;
	border-right-color: #FCFCFC;
}


.editStatusTableHeaderNewSmall {
	font-family: Roboto;
	font-size: 9px;
	color: #FCFCFC;
	text-align: left;
	padding-left: 2px;
	font-weight: bold;
	background: #191919;
	border-right: 1px solid;
	border-right-color: #FCFCFC;
}



.choose_an_action_option_hover:hover {
	margin-bottom: 2px;
	box-shadow: 0px 4px 4px #b9967d;
	transition: box-shadow .3s ease-out;
	background: #F2C902;
	border-bottom: 3px solid #AA9400;
	box-shadow: 0px 2px 4px 0px #00000040;
}

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

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

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

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

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

.open_letter_type_icon {
	width: 30px;
	height: 30px;
	background-image: url("images/open_letter_icon.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
}

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

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

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

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

.yellow_top_border_color_css {
	border-top: 1px solid #D7BA00;
}

.yellow_bottom_border_color_css {
	border-top: 1px solid #D7BA00;
}

.choose_an_option_menu {
	cursor: pointer;
	background-color: #FFD400;
	border-bottom: 1px solid #AA9400;
}

.choose_an_option_disabled_menu {
	background-color: #E5BF02;
	border-bottom: 1px solid #AA9400
}

.choose_an_option_sub_menu {
	cursor: pointer;
	background-color: #fff2a1;
	border-bottom: 1px solid #D7BA00
}

.choose_an_option_disabled_sub_menu {
	background-color: #FFF2A1;
	border-bottom: 1px solid #D7BA00
}

.choose_an_option_sub_menu_hover:hover {
	background-color: #EEDF80;
	border-bottom: 2px solid #D7BA00;
}

.choose_an_option_scroll_height {
	overflow-y: scroll;
	max-height: 75vh;
}

.advance_tag_filter {
	width: 17px;
	height: 17px;
	background-image: url("images/advance_tag_filter_icon.png");
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: center;
	/* border-radius: 50%; */
}

.advance_tag_filter:hover {
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background-image: url("images/advance_tag_filter_icon.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
	object-fit: contain;
	/* border-radius: 50%; */
	/* box-shadow: 0px 0px 4px 5px #997D4C; */
	transition-duration: 0.2s;
}


.advance_tag_filter_white_icon {
	width: 20px;
	height: 20px;
	background-image: url("images/advance_tag_filter_white_icon.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	/* border-radius: 50%; */
}

.advance_tag_filter_white_icon:hover {
	width: 25px;
	height: 25px;
	margin-left: 5px;
	background-image: url("images/advance_tag_filter_white_icon.svg");
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: center;
	cursor: pointer;
	object-fit: contain;
	/* border-radius: 50%; */
	/* box-shadow: 0px 0px 4px 5px #997D4C; */
	transition-duration: 0.2s;
}

.vendor_compare_list_tile:hover {
	border-left: 3px solid #ce814a;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.35);
}

.border_bottom_left_radius_8px {
	border-bottom-left-radius: 8px;
}

.border_bottom_right_radius_8px {
	border-bottom-right-radius: 8px;
}

.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;
}

.myLPPIcon {
	width: 26px;
	height: 17px;
	background-image: url("images/purchase_history.png");
	background-repeat: no-repeat;
	background-size: 21px 17px;
	background-position: center;
}

.myVendorsIcon {
	width: 26px;
	height: 17px;
	background-image: url("images/myVendors.png");
	background-repeat: no-repeat;
	background-size: 24px 20px;
	background-position: center;
}

.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;
}



.lppValueBlurred
{
	color: #0A0A0A;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	 filter: blur(5px);
}

.lppValueGreenBlurred
{
	color: #368F00;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	filter: blur(5px);
}

.lppDateBlurred
{
	color: #717070;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	 filter: blur(5px);
}
.marketPlaceBoxBorder
{
	border-radius: 4px;
	border: 1px solid #BEBEBE;
	background: #FBFBFB;
	height: 118px;
	margin-left: 4px;
}



.comingSoonMP
{
	display: inline-flex;
	/*padding: 4px 10px;*/
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background: #EBEBEB;
	width: 96px;
	height: 25px;
	margin-top: 15px;
}

.comingSoonMPNoMargin
{
	display: inline-flex;
	/*padding: 4px 10px;*/
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background: #EBEBEB;
	width: 96px;
	height: 25px;
	margin-bottom: 8px;
}

.comingSoonMPContact
{
	color: #8F8F8F;
	leading-trim: both;
	text-edge: cap;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.comingSoonMPComing
{
	color: #FC8368;
	font-family: Roboto;
	font-size: 6px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 3.42px;
	text-transform: uppercase;
}

	.marketplace_details_const_top {
		border-radius: 5px;
		background-color: #f4f4f4;
		height: 56px;
		margin-bottom: 4px;
	}

	.marketplace_details_const_bottom {
		border-radius: 5px;
		background-color: #f4f4f4;
		height: 56px;
		margin-top: 4px;
	}

	.part_tile_font_size_partTileLinks {
		font-size: 10px;
		vertical-align: middle;
		font-family: Roboto;
	}


	.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%;
}


.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;
}

.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;
}

.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;
}

.mpMake
{
	color: #787878;
	font-family: Roboto;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 103%; /* 10.3px */
	letter-spacing: 0.1px;
}

.mpDemandRightBorder
{
	border-right: 1px solid #D5D5D5;

}
.mpFolderTileBorderTop
{
	border-top: 1px solid #AFBFC6;;
}

.mpFolderTileBorderRight
{
	border-right: 1px solid #AFBFC6;;
}

.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;
}

.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;
}

.mpDemandBottomBorder
{
	border-bottom: 1px solid #D5D5D5;

}
.project_dashboard_selection_type_btn {
	width: 100%;
	height: 20px;
	color: #000000;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	line-height: 20px;
	font-family: Roboto;
/* 	text-decoration: underline; */
}

.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;
}

	.marketPlaceBoxBorder_short
{
	border-radius: 4px;
	border: 1px solid #BEBEBE;
	background: #FBFBFB;
	height: 70px;
	margin-left: 4px;
}
.reply_btn_style {
	padding: 2px 8px;
	border-radius: 4px;
	background: #FFFFFF;
	box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.10);
}

.blurred
{
	filter: blur(5px);
}

.export_report_btn {
	text-align: left;
	background-image: url("images/drop_down_arrow_icon.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 97%;
	padding-left: 10px;
}

.eulaWindow
{
	border-radius: 19px;
	background: #F1B318;
}

.eulaHeader
{
	color: #2B2B2B;
font-family: Roboto;
font-size: 34px;
font-style: normal;
font-weight: 900;
line-height: 115%; /* 39.1px */
margin-top: 25px;
margin-bottom: 16px;
margin-left: 40px;
}

.eulaUpdatedOuter
{
display: inline-flex;
padding: 8px 30px;
justify-content: center;
align-items: center;
border-radius: 7px;
background: #494949;
gap: 10px;	
color: var(--white, #FFF);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 115%; /* 18.4px */
margin-top: 25px;
margin-left: 40px;
}



.eulaCbText
{
	
color: #FCE8B5;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 115%; /* 20.7px */
text-transform: capitalize;
margin-left: 2px;
}


.eulaContinue
{

width: 316px;
height: 48px;
flex-shrink: 0;
border-radius: 2px;
background: #1E1D1D;
color: var(--white, #FFF);
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 115%; /* 23px */
text-transform: capitalize;	
margin-left: 20px;
margin-bottom: 20px;
cursor: pointer;
}	


.eulaText
{
	border-radius: 20px;
	background: var(--white, #FFF);
	margin-left: 20px;
	margin-right: 20px;
}

.frame
{
	border-width: 0px;
}

.termsLink
{
	color: var(--white, #FFF);
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 115%; /* 13.8px */
	margin-top: 100px;
	/* margin-left: -100px; */
}


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


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

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

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

.actionButtonText
{
	color: #000000;
	font-family: "Inter", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 115%;
	padding-left: 2px;
	/* padding-right: 8px; */
	white-space: nowrap;
}

.outer_action_table {
	/*  position: relative; */ /* left : -30px; */ /* top: 5px; */
	/* width: max-content; */ /* display: flex;
	flex-wrap: wrap; */
	display: flex;
	justify-content: center;
	max-width: 100%;
	overflow: hidden;
}

.action_btn_table {
	display: flex;
	flex-wrap: wrap; /* Enable wrapping when needed */
	justify-content: flex-start;
	width: 100%;
}

.action_table_header {
	/* position: relative; */ /* top: 5px; */
	display: flex;
	flex-wrap: wrap;
}

.action_table_header_services {
	/* position: relative;   */
	top: 5px;
	/* width: 180px; */
	display: flex;
	flex-wrap: wrap;
}

.action_table_Services {
	/*  position: relative; */ /* left : -15px; */ /* top: 5px; */
	display: flex;
	flex-wrap: wrap;
}

.action_table_Services_subtype {
	/*  position: relative; */ /* left : -5px; */
	top: 5px;
	display: flex;
	flex-wrap: wrap;
}

.action_table_part {
 /*  position: relative;   */
  top: 5px;  
}

.action_table_part_ungrouped {
 /*  position: relative;   */
  left: 10px;  
}

.add_border_bottom_action_btn {
	border-bottom: 1px solid #dfdfdf;
}

/*
.actionButonPo

.report_checkbox_dot_icon {
  position: relative;
  cursor: pointer;
}

Hide default checkbox input
.report_checkbox_dot_icon input {
  opacity: 0;
  width: 0;
  height: 0;
}

Style for the box
.report_checkbox_dot_icon span {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #f9f9f9;
  border: 2px solid #333;
  border-radius: 3px;
}

When the checkbox is checked
.report_checkbox_dot_icon input:checked + span {
  background-color: #333;
  border-color: #333;
}

Checkmark style
.report_checkbox_dot_icon input:checked + span:after {
  content: '\2713';
  color: white;
  font-size: 16px;
  position: absolute;
  left: 4px;
  top: -2px;
}

Label styling (assuming it's inline)
.report_checkbox_dot_icon label {
  display: inline-block;
  line-height: 20px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
} */

.more_info_panel_box_shadow_panel{
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22);
}

.selection_option_panel {
	border-radius: 4px;
	box-shadow: 0 16px 16px 0 #0000003d, 0 0 16px 0 #0000002e;
	background-color: #fafafa;
}

.error_box_style {
	border: 2px solid #ff2626 !important;
	box-shadow: 1px 1px 4px 1px #ff1a1a !important;
}

.paymentReminder
{
	border-radius: 10px;
background: #FFF;
width: 1230px;
height: 550px;
}

.paymentReminderTable
{
width: 1130px;
height: 350px;
padding-bottom: 100px;
padding-left: 50px;
padding-right: 50px;

}

.paymentReminderHeadsUp
{
	color: #000;
font-family: "Cooper Hewitt";
font-size: 89.53px;
font-style: normal;
font-weight: 713;
letter-spacing: 1.791px;
}

.paymentReminderSubText
{
color: #000;
font-family: Inter;
font-size: 42px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.paymentReminderDateText
{
color: #FF6B0F;
font-family: Inter;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-left: 10px;
}

.paymentReminderBottomPanel
{
	display: inline-flex;
padding: 15px 20px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 10px;
background: #FF6200;
width: 100%;
margin-top: 10px;
}

.paymentReminderBottom
{
	color: #FFF;
font-family: Poppins;
font-size: 38px;
font-style: normal;
font-weight: 700;
letter-spacing: 0.44px;
}

.grey_border_css{
	border: solid 0.5px #00000038;
}

.font_family_inter {
	font-family: Inter;
}

.project_name_tile {
	color: #FFFFFF;
	font-family: Inter;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.32px;
}

.project_name_tile_hover {
	color: #E39C12;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.32px;
}

.project_client_name_tile {
	color: #FFFFFF;
	font-family: Inter;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.32px;
}

.project_client_name_tile_hover {
	color: #E39C12;
	font-family: Inter;
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.32px;
}


.project_header_count {
	font-size: 14px;
	padding-left: 0px;
}

.project_tile_footer_option_header {
	color: rgba(0, 0, 0, 0.50);
	font-family: Inter;
	font-size: 9px;
	font-style: normal;
	font-weight: 500;
	line-height: 135%;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.project_tile_footer_option_value {
    color: #000000;
    font-family: Roboto;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}

.project_tile_footer_option_red_value {
    color: #EA2A2A;
    font-family: Roboto;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}

.financial_status_icon {
	background-image: url(images/financial_status_icon.svg);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	text-decoration: none;
}

.project_scope_column_highlight {
	border: 1px solid #D8D8D8;
	background: #F6F6F6;
}

.project_billing_header_icon {
	width: 22px;
	height: 22px;
	background-image: url("images/project_billing_icon.svg");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
}

.project_budget_header_icon {
	width: 22px;
	height: 22px;
	background-image: url("images/project_budget_icon.svg");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
}

.project_cost_header_icon {
	width: 22px;
	height: 22px;
	background-image: url("images/project_cost_icon.svg");
	background-repeat: no-repeat;
	background-size: 22px 18px;
	background-position: center;
}

.project_margin_header_icon {
	width: 20px;
	height: 20px;
	background-image: url("images/project_margin_icon.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
}

.project_earned_value_header_icon {
	width: 22px;
    height: 22px;
	background-image: url("images/project_earned_icon.svg");
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
}

.project_payment_header_icon {
	width: 20px;
	height: 20px;
	background-image: url("images/project_payment_icon.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
}

.exclamation_mark_icon {
	width: 10px;
	height: 10px;
	background-image: url("images/exclamation_mark_icon.svg");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center;
}

.project_status_planned_header_background {
	background: #F6F6F6;
	border-top: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
}

.project_status_actual_header_background {
	background: #F6F6F6;
	border: 1px solid #D8D8D8;
}

.project_status_planned_column_css {
	border-top: 1px solid rgba(0, 0, 0, 0.20);
	border-right: 1px solid rgba(0, 0, 0, 0.20);
	border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}

.project_status_actual_column_css {
	border-right: 1px solid rgba(0, 0, 0, 0.20);
	border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}

.border_spacing_css_zero{
	border-spacing: 0px;
}

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

.project_pending:hover {
	width: 18px;
	height: 18px;
	background-image: url("images/projectPendingHover.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

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

.project_no_pending_approval:hover {
	width: 18px;
	height: 18px;
	background-image: url("images/projectNoPendingApprovalHover.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

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

.project_pending_approval:hover {
	width: 18px;
	height: 18px;
	background-image: url("images/projectPendingApprovalHover.png");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.project_summary_background_color {
	background: #F6F6F6;
}

.project_summary_bottom_border_color {
	border-bottom: 2px solid #9E350140;
}

.project_summary_top_border_color {
	border-top: 1px solid #D8D8D8;
}

.project_summary_right_border_color {
	border-right: 1px solid #D8D8D8;
}

.indented_progress_header_icon {
	width: 18px;
	height: 18px;
	background-image: url("/images/project_status_indenting_header.svg");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center;
}

.bottom_project_progress_style {
  width: 100%;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.project_team_icon {
    background-image: url(images/team.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    text-decoration: none;
}

.project_team_icon:hover {
    background-image: url(images/project_team_hover_icon.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    text-decoration: none;
}

.project_image_icon {
	background-image: url(images/feedNewImage.svg);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	background-size:20px 20px;
	text-decoration: none;
	text-align: right;
}

.project_image_icon:hover {
	background-image: url(/images/project_image_icon_hover.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	background-size:14px 14px;
	text-decoration: none;
	text-align: right;
}

.project_document_icon {
	background-image: url(images/doc_storage_icon_white.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	background-size:20px 20px;
	text-decoration: none;
	text-align: right;
}

.project_document_icon:hover {
	background-image: url(/images/project_document_hover_icon.svg);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	background-size:20px 20px;
	text-decoration: none;
	text-align: right;
}

.choose_option_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}

.choose_option_wrapper .choose_option_icon {
  background-image: url("/images/edit.svg");
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}

.choose_option_wrapper .choose_option_text {
  color: #FFFFFF;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.32px;
  text-transform: uppercase;
}

.choose_option_wrapper .choose_option_dropdown {
  background-image: url("images/white_drop_down_icon.svg");
  width: 13px;
  height: 13px;
  background-size: 13px 13px;
}

.choose_option_wrapper:hover .choose_option_icon {
  background-image: url("/images/project_edit_hover_icon.svg");
  width: 15px;
  height: 15px;
}

.choose_option_wrapper:hover .choose_option_text {
  color: #E29B19;
}

.choose_option_wrapper:hover .choose_option_dropdown {
  background-image: url("images/project_type_option_drop_down_icon.svg");
  width: 12px;
  height: 15px;
}

.project_bottom_po_icon {
	background-image: url(images/po.svg);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	text-decoration: none;
	background-size: 30px 30px;
}

.project_bottom_challan_icon {
    background-image: url(images/challan.svg);
    background-repeat: no-repeat;
    height: 30px;
    width: 35px;
    background-size: 35px 30px;
    text-decoration: none;
}

.project_bottom_mo_icon {
    background-image: url(images/mo.svg);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    text-decoration: none;
    background-size: 30px 30px;
}

.project_bottom_wo_icon {
    background-image: url(images/wo.svg);
    background-repeat: no-repeat;
    height: 25px;
    width: 30px;
    background-size: 25px 25px;
    text-decoration: none;
}