/*!
 * site.less
 * HBProducts
 * @author - Mark L. Crnarich
 * @brief  - Defines the site specific CSS styling
 *
 * Copyright 2012 Resolute Software Solutions, LLC
 *
 * This Style Sheet establishes the styling for the template
 */

/*!
  * Keep Footer at bottom of the page:
  * http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
  */

//Module Definitions
@font-normal: 14px;
@font-larger: ceil(@font-normal * 1.2);
@font-largest: ceil(@font-normal * 1.8);
@font-smaller: floor(@font-normal * 0.9);
@font-tiny: floor(@font-normal *.8);

@font-family: "Open Sans", sans-serif;
@font-family-title: Segoe UI;
@slideshow-height: 254px;
@container-width: 100%;
@print-width: 800px;

//Import the defined palate
// TODO:  Include logic to choose the correct palate for the color theme specified
@import "palate.less";

//Reference Base CSS styling classes
@import "base.less";

//Import the DevExpress Themes
@import "devexp.less";


/********************* EXTEND THE MAIN HTML COMPONENTS *****************/
html {
	height: 100%;
}

body {
	background-color: @base-dark;
	margin: 0;
	padding: 0;
	font-size: @font-normal;
	font-family: @font-family;
	height: 100%;
}

errorpanel {
	padding: 1.4em 1.4em 1.4em 1.4em;
	margin: 1.5em 0 1.5em 0;
}

fieldset {
	/*display: block;*/
	/*	margin-inline-start: 2px;
	margin-inline-end: 2px;
	padding-block-start: 0.35em;
	padding-inline-start: 0.75em;
	padding-inline-end: 0.75em;
	padding-block-end: 0.625em;
	min-inline-size: min-content;*/
	/*border-width: thin;
	border-style: solid;
	border-color: black;
	border-image: none;*/
	display: block;
	margin-inline-start: 2px;
	margin-inline-end: 2px;
	padding-block-start: 0.35em;
	padding-inline-start: 0.75em;
	padding-inline-end: 0.75em;
	padding-block-end: 0.625em;
	min-inline-size: min-content;
	border-width: 2px;
	border-style: groove;
	border-color: threedface;
	border-image: initial;
}

legend {
	color: @base-dark;
	font-size: 14px;
	padding-inline-start: 2px;
	padding-inline-end: 2px;
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
	width: auto;
	margin-bottom: 0;
	float: none;
}

/*********************** DEVEXPRESS OVERRIDES *******************/
.dxm-disabled {
	color: lightgrey !important;
}

// ROSE: NOT working to override the Add Error
.dxgvEditingErrorRow {
	background-color: lightgrey !important;
	color: darkred !important;
}

/* ASPxImagerSlider styles */
.dxisControl .dxis-nbItem {
	//width: 130px !important;
	//height: 150px !important;
	//background-color: transparent !important;
}

.dxisControl .dxis-nbSelectedItem,
.dxisControl .dxis-nbSelectedItem > div {
	display: none; /* Hide Selection Frame */
}

/* Spreadsheet cut and paste - forces the text to black */
.dxss-tb {
	color: black;
}
	// Submenu dropdowns
	/*.dxm-item > .dxmLite .dxm-popup {
	background-color: red !important;
}*/
	/*.dxmLite .dxm-popup {
	background-color: transparent !important;
}*/
	/*.headerMenu > .dxmLite .dxm-popup {
	background-color: transparent !important;
}*/
	/*.dxp-pageSizeItem > .dxp-comboBox > input {
	background-color: red;
}
*/
	/******************** PAGING *******************/
	/*#gridProduct_DXPagerBottom_PSP {
	background-color: white;
}*/
	/********************* GENERAL CLASSES ********************/
	// Forces the area to 100% of the available width
	.width-full {
		width: 100%;
	}

	.vertical-align-middle {
		vertical-align: middle;
	}

	.align-right {
		text-align: right;
	}

	.align-center {
		text-align: center;
	}

	.align-title {
		margin-top: -35px;
	}
	// Extends the content beyond the defined margins
	.content-wide {
		margin-left: -100px;
		margin-right: -100px;
	}
	// Extends the content to the edges of the page
	.content-fullwidth {
		margin-left: -150px;
		margin-right: -150px;
	}

	.floatright {
		float: right;
	}

	.floatleft {
		float: left;
	}

	.text-light {
		color: @base-light;
	}

	.text-dark {
		color: @base-dark;
	}
	.text-blue {
		color: royalblue;
	}
	.text-export {
		color: @base-dark;
		font-size: small;
		font-style: italic;
	}
	.text-strikethrough {
		text-decoration: line-through;
	}

	.notice {
		color: darkred;
	}

	.notice-light {
		color: red;
	}

	.form-notice {
		color: darkgreen;
	}

	.checkbox-inline {
		vertical-align: middle;
		display: inline-flex;
	}

	.checkbox-label {
		padding-left: 5px;
	}

	.thinline {
		line-height: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	div.inline {
		display: inline-table;
	}

	.inline {
		display: inline-block;
	}

	.font-larger {
		font-size: @font-larger;
	}

	/********************* BUTTONS ********************/
	.button-hb {
		background-color: @base-darkgrey;
		color: @off-white;
		border-color: @base-light;
		padding: 3px 10px 3px 10px;
	}

	.button-edit-mini {
		background-color: @base-light;
		color: black;
		border-color: @base-lightgrey;
		padding-top: 3px;
		padding-bottom: 3px;
		min-width: 36.5px;
		/*width: 35px;*/
	}

	.button-medium {
		width: 100px;
	}

	.button-large {
		width: 250px;
	}
	/**************************** CONTENT AREA *********************/
	/* Base settings for the whole website */
	#Content-Area {
		background-color: @base-dark;
		color: @off-white;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		min-height: 100%;
		width: @container-width;
		position: relative;
	}
	/* Specific content settings for the Body. Indents both sides. */
	// ROSE: Create a Admin layout page with padding of only 20px
	.content {
		font-size: large;
		padding-left: 150px;
		padding-right: 150px;
	}
	/**************************** HEADER AREA *********************/
	/* Specific content settings for the Header. Allows the deep blue header background to reach the edges */
	.content-header {
		padding-left: 0;
		padding-right: 0;
	}
	/* Sets the height of the top portion of the header (with the image) */
	.header-top {
		height: 100px;
	}
	//Styling that applies to the Header Section
	#Header {
		background-color: @base-dark;
		color: @off-white;
		height: 220px;
		width: @container-width;
		margin-left: 0;
		margin-right: 0;
	}

	#HeaderRight {
		float: right;
		font-size: @font-smaller;
		font-weight: bold;
		padding-top: 5px;
		margin-right: 10px;

		a {
			text-decoration: none;
			color: @off-white;
		}

		a:visited {
			color: @off-white;
		}

		a:hover {
			color: @base-light;
		}
	}

	#HeaderLeft {
		padding-top: 10px;
		margin-left: 20px;
		float: left;
	}

	#HeaderPhone {
		font-size: @font-larger;
		font-weight: normal;
		margin-left: -157px; /* - 172 */
		color: white;
		vertical-align: bottom;
	}

	#HeaderPortal {
		font-size: @font-larger;
		font-weight: normal;
		color: white;
	}

	#HeaderMenu {
		/*margin-left: 150px;
	margin-right: 150px;*/
		align-content: center;
	}

	#HeaderTitle {
		font-size: @font-largest;
		margin-left: 125px;
		color: @base-light;
	}
	/******************** MENUS *******************/
	/* Needed to hide the root separators */
	.menu {
		ul {
			background-color: @base-dark;
		}
	}
	/*
.menu-item {
	background-color: @base-dark;
	color: @foreground-base;
}


.menu-item > a > span {
	color: @foreground-base;
}

	.menu-item-hover {
		border: none;
		background-color: @base-dark;
		color: @base-light;
	}
.menu-item-hover > a  {
	border: none;
	background-color: @base-dark;
	color: @base-light;
}

.menu-item-hover > a > span {
	border: none;
	background-color: @base-dark;
	color: @base-light;
}

	.menu-item-selected {
		border: none;
		background-color: @base-dark;
		color: @foreground-base;
	}

.menu-item-selected > a > span {
	border: none;
	background-color: @base-dark;
	color: @base-light;
}
*/
	/* Needed to hide the submenu separators */
	.submenu {
		background-color: @base-light;
		ul {
				background-color: @base-light;
			}
		}
/*
	.submenu-item {
		background-color: @base-light;
		color: @foreground-base;
	}

	.submenu-item-hover {
		color: @base-dark;
	}
	*/
	.header-menu > .dxmLite .dxm-popup {
		background-color: transparent !important;
	}


	/**************************** FOOTER AREA *********************/
	.footer-content {
		padding-left: 50px;
		padding-right: 50px;
		vertical-align: middle;
	}

	.font-tiny {
		font-size: @font-tiny;
	}

	#Footer {
		font-size: @font-tiny;
		height: 50px;
	}

	#VideoBanner {
		height: 250px;
		width: 350px;
		line-height: 250px;
		text-align: center;
		padding: 0px;
	}
	/******************** LINKS *******************/
	// Default
	a {
		text-decoration: none;
		color: darkgreen;
		text-decoration-color: darkgreen;
	}

	a:active {
		text-decoration: none;
		color: darkgreen;
		text-decoration-color: darkgreen;
	}

	a:link {
		text-decoration: none;
		color: darkgreen;
		text-decoration-color: darkgreen;
	}

	a:hover {
		text-decoration: none;
		color: @base-light;
		text-decoration-color: @base-light;
	}

	a:visited {
		text-decoration: none;
		color: darkgreen;
		text-decoration-color: darkgreen;
	}
	// Light link on a dark background
	.link-light {
		a {
			text-decoration: underline;
			color: @base-light; /*@off-white;*/
		}

		a:visited {
			text-decoration: underline;
			color: @base-light;
		}

		a:hover {
			color: @base-lightgrey; /*@base-light;*/
		}
	}
	// Dark link on a light background
	.link-dark {
		a {
			vertical-align: middle;
			text-decoration: underline;
			color: darkgreen;
		}

		a:visited {
			vertical-align: middle;
			text-decoration: underline;
			color: darkgreen;
		}

		a:hover {
			vertical-align: middle;
			color: @base-dark;
		}
	}

// Red link on a light background
.link-red {
	a {
		vertical-align: middle;
		text-decoration: underline;
		color: red;
		font-weight: bold;
	}

	a:visited {
		vertical-align: middle;
		text-decoration: underline;
		color: red;
		font-weight: bold;
	}

	a:hover {
		vertical-align: middle;
		color: darkred;
		font-weight: bold;
	}
}

.formlink {
		color: darkgreen;
		font-size: medium;
		display: inline-block;
		vertical-align: bottom;

		a {
			text-decoration: underline;
			color: darkgreen !important;
		}

		a:visited {
			text-decoration: underline;
			color: darkgreen;
		}

		a:hover {
			color: @base-light !important;
		}
	}
	// White link
	.link-white {
		a {
			text-decoration: underline;
			color: @off-white;
		}

		a:visited {
			text-decoration: underline;
			color: @off-white;
		}

		a:hover {
			color: @base-light;
		}
	}
	/********************* WHATS NEW SLIDESHOW ********************/
	.whatsnew-textarea {
		//background-color: darkgreen !important;
		background-color: @base-light !important;
		opacity: 0.8;
		color: black !important;
	}
	/********************* VIDEOS ********************/
	.video {
		background-color: @base-dark;
		padding: 0px !important;
		margin: 0px !important;
	}

	.video-desc {
		text-align: center;
		font-size: medium;
		color: white;
	}

	.video-title {
		font-size: large;
		font-weight: normal;
		text-align: center;
		color: white;

		a, a:active, a:link, a:hover, a:visited {
			color: white;
			text-decoration: none;
		}
	}
	/********************* LOCATIONS AND ABOUT US PAGES ********************/
	// Locations Stocking
	.location-stocking {
		width: 80%;
		border-color: black;
	}

	.location-header {
		background-color: lightgrey;
		color: black;
		font-size: xx-large;
		text-transform: uppercase;
		font-family: 'Segoe UI';
		padding: 2px;
		border-color: black;
	}

	.location-text {
		font-size: medium;
		text-transform: uppercase;
		font-family: 'Segoe UI';
		line-height: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.location-card {
		padding: 0;
	}

	.card-odd {
		background-color: dimgrey;
		color: white;
	}

	.card-even {
		background-color: white;
		color: black;
	}
	// Currently used for Locations and About Us pages
	.subtitle {
		font-size: @font-larger;
		font-family: @font-family-title;
		font-weight: bold;
		padding-top: 10px;
		color: @off-white;
	}
	// Currently used for Locations
	.subtitle_italic {
		font-size: @font-larger;
		font-family: @font-family-title;
		font-weight: bold;
		font-style: italic;
		color: @off-white;
	}
	/* Contact Us */
	.ContactLabel {
		font-size: @font-normal;
		font-weight: bold;
		text-align: right;
		color: @off-white;
	}

	.ContactText {
		font-size: @font-normal;
		font-weight: normal;
		color: @off-white;

		a {
			text-decoration: underline;
			color: @off-white;
		}

		a:visited {
			text-decoration: underline;
			color: @off-white;
		}

		a:hover {
			color: @base-light;
		}
	}
	/********************* PRODUCTS ********************/
	.product-slideshow {
		margin-left: -150px;
		margin-right: -150px;
		background-color: white; /* @base-dark;*/
	}

	.productform {
		background-color: white;
	}

	.product-categories {
		margin-top: 10px;
		margin-left: 25px;
		margin-right: 25px;
		font-size: @font-normal;
		color: black;
	}
	/********************* FEATURES ********************/
	.feature-details {
		text-align: center;
		font-size: large;
	}

	.feature-title {
		font-size: medium;
		font-weight: normal;
		text-align: center;
		color: white;

		a, a:active, a:link, a:hover, a:visited {
			color: white;
			text-decoration: underline;
		}
	}

	.events-details {
		background-color: black;
		color: white;
		min-height: 100px;
		border-color: black;
	}

	.events-title {
		font-size: x-large;
		text-align: center;
	}

	.events-link {
		font-size: large;
		text-align: center;

		a, a:active, a:link, a:visited {
			color: white;
			text-decoration: none;
		}

		a:hover {
			color: @base-light;
			text-decoration: none;
		}
	}

	.designtool-title {
		font-size: medium;
		font-weight: normal;
		text-align: center;
		color: white;

		a, a:active, a:link, a:visited {
			color: white;
			text-decoration: none;
		}

		a:hover {
			color: @base-light;
			text-decoration: none;
		}
	}


	.projects_title {
		font-size: medium;
		font-weight: normal;
		text-align: center;
		color: white; /*#000066;*/
	}

	.projects_text {
		font-size: small;
		font-weight: normal;
		text-align: center;
		color: white; /*#000066;*/
		white-space: pre-line;
		padding: 10px;

		a, a:active, a:link, a:hover, a:visited {
			color: @base-light;
			text-decoration: underline;
		}
	}
	/********************* TEAM MEMBERS ********************/
	.team-member-details {
		/*background-color: @base-darkgrey;*/
		text-align: center;
		font-size: small;
	}

	.team-member-name {
		font-size: large;
	}

	.team-member-title {
		font-size: 14px;
		word-wrap: normal;
	}

	.team-member-email {
		a {
			color: white;
		}

		a:active, a:link, a:hover, a:visited {
			color: white;
		}
	}
	/********************* UPCOMING EVENTS ********************/
	/* Upcoming Events */
	.event-container {
		display: grid;
		grid-gap: 40px;
		grid-template-columns: 470px 470px; /*repeat(auto-fit, minmax(400px, 1fr));*/
		grid-auto-rows: 700px;
		place-content: center;
	}

	.event-gridcell {
		background-color: black;
	}

	.event-container > div > .event-image {
		width: 100%;
		height: 550px;
		object-fit: cover;
	}

	.event-container > div:hover {
		/*transform: scale(1.1);*/
	}

	.event-container > div:hover > div .event-description {
		display: block;
		text-align: center;
	}

	.event-container > div:hover > .event-info {
		display: none;
	}

	.event-container > div:hover > div img {
		opacity: 0.2
	}

	.event-container > div > .event-image {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 2em;
		color: white;
	}

	.event-img {
		border-radius: 10px;
		padding: 5px;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.event-description {
		display: none;
		position: absolute;
		font-size: medium;
		width: 400px;
	}

	.event-info {
		text-align: center;
		background-color: black;
	}

	.event-info-header {
		font-size: x-large;
	}
	/********************* PO NUMBER SECTION ********************/
	// Returned list of PO numbers
	.po-list {
		color: black;
		width: 100%;
		padding-left: 5px;
	}
	/********************* GRIDS *******************/
	// Top ADD button on the grid
	.grid-button-add-top {
		font-size: 13.3333px;
	}

	.gridViewFooter {
		background-color: lightgrey;
		color: darkred;
	}

	.gridViewHeader {
		padding-top: 3px !important;
		padding-bottom: 3px !important;
	}
	/********************* GRIDS - PAGER TEMPLATE *******************/
	.pager_template {
		height: 32px;
	}

	.pager_template div.left {
		padding: 3px;
		float: left;
		height: 30px;
		width: 400px;
	}

	.pager_template div.right {
		padding: 3px;
		float: right;
		height: 30px;
		width: 170px;
	}

	.pager_template .button {
		float: left;
		margin: 2px;
	}

	.pager_template .editor {
		float: left;
		margin: 3px 0px 1px;
	}

	.pager_template labelGAD {
		float: left;
		display: block;
		margin: 2px 4px;
		padding: 4px 0px;
	}
	/*********************** VALIDATION HELPERS ***********************/
	.field-validation-error {
		background-image: url(/Images/error.png);
		background-repeat: no-repeat;
		margin-left: 5px;
		padding-left: 30px;
	}

	.field-validation-valid {
		display: none;
	}

	.validation-summary-errors {
		font-weight: bold;
		color: #ff0000;
	}

	.validation-summary-valid {
		display: none;
	}
	/********************* EDIT VIEW PAGES ********************/
	// Wraps the section in a white background
	.contentpage {
		background-color: @off-white;
		border: 3px double @base-lightgrey;
		padding: 5px;
	}
	// Edit Form wrapper
	.editform {
		min-height: 25px;
		background-color: lightgrey;
		padding: 5px 0px 5px 5px;
		border: 2px double @base-lightgrey;
		color: black;
	}

	.editform .editcontrols {
		min-height: 25px;
	}
	// View Form wrapper
	.viewform {
		min-height: 15px;
		background-color: lightgrey;
		padding: 5px 0px 5px 5px;
		border: 2px double @base-lightgrey;
		color: @royal-blue;
		vertical-align: middle;
	}

	.viewform .editcontrols {
		min-height: 15px;
		font-size: small;
	}
	// For both Edit and View forms
.editcontrols {
	font-size: @font-normal;
	font-family: "Open Sans", sans-serif;
	list-style-type: none;
	padding-left: 0px;
	vertical-align: top;
	display: inline-block;
	line-height: normal;
	margin: 0.1em 0;

	> table {
		display: inline-table;
		vertical-align: middle;
	}

	> labelGAD {
		color: black;
		display: inline-table;
		vertical-align: middle;
	}

	.labelGAD {
		color: black;
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		font-size: 14px;
	}

	> labelGAD-white {
		color: white;
		display: inline-table;
		vertical-align: middle;
	}

	.labelGAD-white {
		color: white;
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		font-size: 14px;
	}

	.aligntop {
		vertical-align: top;
	}

	.labelTest {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		background-color: green;
	}

	.top {
		display: block;
	}

	.editor {
		display: inline-table;
		vertical-align: middle;
	}
	/* Changed from inline-block to inline-table for Firefox */
	.right {
		text-align: right;
	}

	.center {
		text-align: center;
	}

	.bold {
		font-weight: bold;
	}

	.display {
		line-height: 1.5;
	}

	.tiny {
		width: 2em;
	}

	.mini {
		width: 4em;
	}

	.shortest {
		width: 6em;
	}

	.shorter {
		width: 10em;
	}

	.short {
		width: 14em;
	}

	.medium {
		width: 18em;
	}

	.long {
		width: 22em;
	}

	.longer {
		width: 26em;
	}

	.longest {
		width: 30em;
	}

	.midheight {
		line-height: 2.2;
	}

	.indent {
		margin-left: 5.128205128205128%;
	}
}
	/********************* DASHBOARDS ********************/
	// Styling for the various dashboards (aka landing pages)
	.dashboard {
		background-color: @off-white;
		border: 5px groove @base-darkgrey;
		padding: 5px;
	}

.dashboard-header {
	text-align: center;
	background-color: @base-light;
	width: 100%;
	font-size: @font-larger;
	font-weight: bold;
	border: 5px groove;
	color: black;

	a {
		text-decoration: underline;
		color: black;
	}

	a:hover {
		color: @off-white;
	}
}

	.dashboard-cell {
		width: 50%;
		height: 100%;
		vertical-align: top;
		color: black;
		border: 5px inset @base-light;
		padding: 0px 10px 5px 2px;
	}

	.dashboard-content {
		padding: 5px;
		font-size: small;
		color: black;

		a {
			text-decoration: underline;
			color: darkgreen;
		}

		a:visited {
			text-decoration: underline;
			color: darkgreen;
		}

		a:hover {
			color: @base-dark;
		}
	}

	.dashboard-content-member {
		padding: 5px;
		font-size: medium;
		color: black;
	}
	/********************* BID LISTS ********************/
	.bidlist-entry {
		background-color: @off-white;
		color: @royal-blue;
		font-size: small;
		border: 5px outset @base-lightgrey;
		padding: 0 5px 5px 0;
		width: 99%;
	}

	.bidlist-aligntop {
		vertical-align: top;
	}

	.bidlist-edit-divider {
		background-color: @base-dark;
		border-color: @base-dark;
		min-height: 15px !important;
		height: 15px;
		max-height: 15px;
	}

	.bidlist-content {
		font-size: large;
	}

	.bidlist-header {
		color: black;
		font-size: medium;
		background-color: @base-light;
		border: 2px double @base-darkgrey;
		width: 100%;
		padding: 2px;
		margin: 0;
		margin-left: 2px;

		a {
			text-decoration: none;
			color: black;
			text-decoration-color: black;
		}

		a:active {
			text-decoration: none;
			color: black;
			text-decoration-color: black;
		}

		a:link {
			text-decoration: none;
			color: black;
			text-decoration-color: black;
		}

		a:hover {
			text-decoration: none;
			color: @base-darkgrey;
			text-decoration-color: @base-darkgrey;
		}

		a:visited {
			text-decoration: none;
			color: black;
			text-decoration-color: black;
		}
	}

	.bidlist-header-admin {
		color: black;
		font-size: medium;
		background-color: @base-light;
		border: 2px double @base-darkgrey;
		width: 100%;
		padding: 2px;
		margin: 0;
		/*margin-left: 2px;*/
		a {
			text-decoration: none;
			color: black;
			text-decoration-color: black;
		}

		a:active {
			text-decoration: none;
			color: black;
			text-decoration-color: black;
		}

		a:link {
			text-decoration: none;
			color: black;
			text-decoration-color: black;
		}

		a:hover {
			text-decoration: none;
			color: @base-darkgrey;
			text-decoration-color: @base-darkgrey;
		}

		a:visited {
			text-decoration: none;
			color: black;
			text-decoration-color: black;
		}
		
	}

table.basic {
	width: 100%;
	vertical-align: bottom;
}

.basic td {
	padding: 0px 5px 0px 5px;
}

.basic th {
	padding: 5px 5px 5px 5px;
}

.fivePercent {
	width: 5%;
}

.tenPercent {
	width: 10%;
}

.fifteenPercent {
	width: 15%;
}

.twentyPercent {
	width: 20%;
}

.twentyFivePercent {
	width: 25%;
}

.thirtyPercent {
	width: 30%;
}

.thirtyThreePercent {
	width: 33%;
}

.fortyPercent {
	width: 60%;
}

.sixtyPercent {
	width: 60%;
}

.dark {
	color: black;
}

.mediumFont {
	font-size: smaller;
}

#gridQuoteSection .dxgvHeader.hidden-column table {
	color: #DCDCDC !important;
	border: 0px Solid #9F9F9F !important;
}
#gridQuoteSection .dxgvHeader.hidden-column,
#gridQuoteSection .dxgvHeader.hidden-column table,
#gridQuoteSection .dxgvDataRow td.hidden-column {
	border: none !important; /* Remove the border */
}
.BatchEditModifiedCell {
	background-color: #d7f9c7 !important;
}
.hidden-label {
	display: none;
}
.delete-column {
	
	display: flex;
	justify-content: center; 
	/*align-items: top;*/ 
	width: 0px; 
	background: none;
	/*border: 1px solid;*/
}

.dxgBCTC
{
	color:black !important;
}
.dxgvFocusedRow
{
	color: black !important;
}