/* Import the current CSS file(s) 
@import "DECTHECatalog.css";
    */
/* Overlay AKB customizations 
	-- 	Note: This new CSS file is called by sitepages.config
			for the prototype page using the DataDisplayControl
			CatalogSubCategoryDisplay_DDC.aspx
*/

/* Data Display Control formatting
	Nichols blue = #36609b
*/

/* pulled from DECThecatelog to adjust width in IE -5px
#main { float: left; width: 740px; margin: 15px 0 0 15px; }
*/

#main { 
	float: left; 
	width: 740px; 
	margin: 15px 0 0 10px; 
}
.CategoryBreadcrumb {
    font-size: 12px !important;
    margin-bottom: 40px !important;
}
a.CategoryBreadcrumbHomeLink {
  /*  display: none;*/
}
a.CategoryBreadcrumbHomeLink, a.CategoryBreadcrumbLink {
    color: #999999 !important;
    font-size: 14px;
    font-family: 'Arial', 'Helvetica', sans-serif;
}
span.CategoryBreadcrumbDivider {
color: #fff !important;
letter-spacing: -2px;
}
span.CategoryBreadcrumbDivider:after {
    color: #fff;
    content: '>';
}
.CategoryBreadcrumb span {
    color: red;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 14px;
}
.CatalogOnHandQuantityDisplay
{
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	font-weight: bold;
	width: 100%;
}

.OnHandQuantityItemVerticleListing
{
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: bottom;
	padding-top: 30px;
}
.DT-Button.dx-state-focused  .dx-button-text, .DT-Button.dx-state-hover .dx-button-text,
.DT-Button.dx-state-focused.dx-state-active  .dx-button-text {
     background-color: transparent !important;
}
.paymentSubmit :is(.dx-state-hover), .DT-Button.dx-state-hover, .dx-dialog-button.dx-state-hover,
.DT-Button.dx-state-focused.dx-state-active, 
.DT-Button:hover, #DTButton, .ContactFormSubmitButton:hover {
    color:#fff !important;
    background-color: var(--mediumgray) !important;
    border-width:0 !important;
    box-shadow:none !important;
    border-color: transparent !important;
}
.dx-button-mode-contained.dx-button-default.dx-state-hover, .DT-Button.dx-state-hover,
div#dateSearchBtn .DT-Button.dx-state-hover, #poSearchBtn .DT-Button.dx-state-hover, #onSearchBtn .DT-Button.dx-state-hover, 
#btnPruchaseOrderNumber .DT-Button.dx-state-hover, #btnOrderNumber .DT-Button.dx-state-hover {	
    background-color: var(--mediumgray) !important;
}
.DT-Button, .dx-dialog-button, .DT-Button.dx-link, #DTButton, .DT-Button .dx-button-text, 
.ContactFormSubmitButton, .paymentSubmit :is(.dx-button){
    color:#fff !important;
    background-color: var(--blue) !important;
    border-radius: 5px !important;
    border-width:0 !important;
    border-color: transparent !important;
    box-shadow:none !important;
    font-family: 'Arial', sans-serif !important;
    font-size: 15px !important;
    outline:0px !important;
    background-image: none !important;
    padding: 2px 2px !important;
    margin: 3px!important;
}
.dx-button-has-text.dx-dialog-button .dx-button-content {
        padding: 3px 15px !important;
}
.paymentSubmit :is(.dx-button), .paymentCancel :is(.dx-button) {
    font-size:14px !important;
}
.DT-Button.dx-button-has-text .dx-button-content {
    padding: 0 5px;
    display: flex;
}
#addToCartBtn.DT-Button.dx-button-has-text .dx-button-content {
    padding: 5px 10px;
    display: flex;
}
input#cancelButton.DT-Button {
    padding: 7px;
    font-size:16px;
}
div#dateSearchBtn, #poSearchBtn, #onSearchBtn, #btnPruchaseOrderNumber, #btnOrderNumber, .btn, .dx-button-mode-contained.dx-button-default {
    background-color: var(--blue);
    height: auto!important;
}

/* Shopping Cart */

TABLE.dxgvTable {border:0; }

TABLE.dxgvTable TR, TABLE.dxgvTable TD  {
	border:0; 
/*	background-color:#2A2A2A !important;*/
}
#SubtotalText {
    width: auto !important;
    float: none !important;
}


.CatalogQtyAddTableCell 
{ 
	position: absolute; 
	top: 100px; 
	right: 0; 

}


.CatalogProductDetailQuantityLabel
{
/*
	background-color:#2A2A2A !important;
*/
    background-color: transparent !important;

}

.CatalogQtyAddTableCell 
{
	position: absolute; 
	top: 50px; 
	right: 0; 
	width: 200;


}

.CatalogProductVerticalListShortDescription
{
	font-size: 12px;
	font-weight: normal;
	color: #F4F4F4;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
}
.CatalogProductDetailPrice
{
	font-weight: normal;
	color: #ffffff !important;
	font-size: 14px;
	padding-right: 20px;
	padding-top:11px;
	float:left;
	vertical-align:middle !important;
	display: block;
	position: absolute;
	left: 30px;
	text-align: right;
	width: 150;
}			

.price-tabAmount {
    font-weight: normal;
    color: #ffffff !important;
    font-size: 14px;
    padding-right: 20px;
    padding-top: 0px;
    width: 250px;
    float: left;
    display: inline-block;
    text-align: left;
    padding: 0px 0px 5px 15px;
}		
.price-tabLabel {
	margin-top:11px;
}	
.Qty-Amt {
    float: left;
    padding: 2px 0;
}
.Qty-Price {
    float: right;
    padding: 2px 0;
}	
.UOM-Row {
    display: block !important;
    padding-left: 15px;
}
.UOM-txtField {
    top: 2px !important;
}
.UOM-txtField {
    float: left;
    display: inline-block;
    margin: 10px 5px 0 0;
    vertical-align: middle;
}
.UOM-txtField input {
    width: 35px !important;
}	
.UOM-txtMultiplier {
    color: #2A2A2A;
}
.UOM-Selectioncmb {
    float: left;
    vertical-align: top;
    margin-top: -2px;
}
								
.CatalogUnitPriceDisplay																
{
    font-weight: bold;
    color: #ffffff !important;
    font-size: 14px;
    padding-right: 4px;
    padding-top:11px;
	float:left;
	vertical-align:top !important;

/*
	vertical-align:middle !important;
*/
}

								
								
/*edited to make blue and smaller*/
A:link.CatalogListNavTrail, A:hover.CatalogListNavTrail, A:visited.CatalogListNavTrail
{
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #36609b;
	text-decoration: none;
	text-align: left;
!important;
	white-space:nowrap;	
	margin-top: 0px;
}


.CatalogProductVerticalListStockCode
{
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;	
	margin-top: 0px; 
	text-decoration: underline;
}
								
/* Brought in from AKB-AddToCartButtons.css for convenience */
/* Add to Cart Buttons */
.CatalogFeaturedItemButton, 
.CatalogHotBuyButton, 
.CatalogProductVerticalListButton, 
.CatalogProductDetailButton, 
.CatalogAccessoryAddButton,
.CatalogAccessoryCancelButton,
.btnCart
{
	font-family: 'Arial' , 'Helvetica' !important;
	font-size: 13px !important;
	font-weight: normal !important;
/*	color: #FFF !important;
	background-color: transparent !important;*/
	border: none !important;
	margin: 11px 0px 0px 0px !important;
/*	padding: 0 0 2px 5px !important;*/
	height: 37px !important;
	background-repeat: no-repeat !important;
	text-align: center !important;
	width: 100px !important;    /* display: inline-table !important; */
}

.btnCart {
	/*margin: -3px 0px 0px 0px !important;*/
}
.btnCart .dxbButton div.dxb {
    padding: 2px 8px 4px !important;
}
.price-qtyLabel {
    display: none;
}
.dxgvControl, .dxgvDisabled
{
	border:none !important;
	margin-right: 0px !important;
}


								
/* Table data row colors */
.dxgvDataRow  {} 
.dxgvDataRowAlt  {}  
.dxgvHeader {text-align:center !important; vertical-align:top !important; padding:0px 0px 2px 2px !important;}


.CatalogAddtoCartDiv
{
	padding-top: 20px;
	display: block;
	width: 225px;
	height: 130px;

}
/* <<original>>
.CatalogAddtoCartDiv {
padding-top: 10px;
display: block;
width: 250px;
height: 2000px;
}	
*/							
.dxpSummary
{
	font: 12pt Tahoma;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 1px 20px 0px 5px;

}

.dxpPageNumber
{
	font: 12pt Tahoma;
	color: #ffffff;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
	padding: 1px 10px 0px 5px;
}

.dxpCurrentPageNumber
{
	font: 12pt Tahoma;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 1px 10px 0px 5px;
}

.DataDisplayControlTable
{
	border: 0px solid #2A2A2A;
	width: 740px;
	padding: 0px;
	vertical-align: top;
	margin-bottom: 0px;
	background: #2A2A2A;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}

.dxgvFooter
{
	display: none;

}

.dxgvTitlePanel
{
	display: none;

}

.dxgvPagerBottomPanel
{
	border: 0px solid #2A2A2A;
	padding: 0px;
	margin-bottom: 0px;
	background: #2A2A2A;
	color: #fff !important; 
	text-decoration: none; 
	font-size: 16px !important; 
	text-align: left; 
	display: block; }
}

.shopping-cart-buttons
{
    border: 1px solid #ffffff !important;
    margin-right: 2px !important;
    float: left !important;
    color: #ffffff !important;
    background: #405b82 !important;
    display: block !important;
    padding: 6px 12px !important;
    text-decoration: none !important;
}


/*Custom css to PLP*/
#ctl01_catDataDisplay_ASPxGridView1_DXMainTable .dxgvDRTC table tr {
	display: flex;
    grid-gap: 15px;
    align-items: center;
    padding: 10px;
    flex-wrap: wrap;
}
#ctl01_catDataDisplay_ASPxGridView1_DXMainTable .dxgvDRTC table td {
	width: auto!important;
}
#ctl01_catDataDisplay_ASPxGridView1_DXMainTable .dxgvDRTC table td:nth-child(1),
#ctl01_catDataDisplay_ASPxGridView1_DXMainTable .dxgvDRTC table td:nth-child(2) {
	width: 150px!important;
}
#ctl01_catDataDisplay_ASPxGridView1_DXMainTable .dxgvDRTC table td:nth-child(3) {
	flex: 1;
	min-width: 250px;
}
#ctl01_catDataDisplay_ASPxGridView1_DXMainTable .dxgvDRTC table td:nth-child(5) {
	width: 200px!important;
}


/*  Layout Improvements of order summary and order success pages  */
table#Table2 td,
table#Table3 td {
    width: auto !important;
    text-align: left;
    padding: 5px 10px;
}
table#Table2 td.CheckoutSummaryLabel,
table#Table3 td.CheckoutSummaryLabel {
    text-align: left;
    vertical-align: top;
    margin-bottom: 1em;
    width: 100px !important;
    padding: 6px 15px;
}
table#Table3,
table#Table4 {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}
tr.CheckOutOrderSummaryTableRowHighlight {
    background: #f2f2f2; 
}
tr.CheckOutOrderSummaryTableRowHighlight td {
    padding: 10px 15px;
}
.CheckoutSummaryOrderNumber table,
#OrderConfirmPanel #grdItemList,
.CheckOutOrderSummaryTable #grdItemList,
#Table3 table {
    width: 100%!important;
}
#OrderConfirmPanel .DT-Button {
    padding: 8px 15px!important;
}
.CheckOutOrderSummaryTable #grdItemList_DXMainTable tr:nth-child(odd) {
    background: #f2f2f2;
}
.CheckOutOrderSummaryTable TABLE.dxgvTable #grdItemList_DXHeadersRow0 TD {
    background: #d3d3d3!important;
}
.CheckOutOrderSummaryTable .dxgvDataRow td.dxgv,
.CheckOutOrderSummaryTable .dxgvHeader td,
#Table4 td {
    padding: 6px;
}
#OrderConfirmPanel,
.CheckOutOrderSummaryTable {
    width: auto;
    overflow: auto;
}