/* ============== Color Variables ============= */
body {
    --font-family: "Open Sans", sans-serif;
    --color-links: #3e3e3e;
    --color-links-hover: #f6921e;
    --color-primary: #3e3e3e;
    --color-primary-text: #fff;
    --color-secondary: #f6921e;
    --color-secondary-text: #ffffff;
    --color-background: #fff; /* Not implemented fully to work with other colors*/
    --color-table-primary: #fff;
    --color-table-secondary: #fff;
    --color-table-highlight: #f6921e;
    --color-table-border: #ddd;
    --color-button: #fff;
    --color-button-text: #000;
    --color-button-border: #000;
    --color-button-hover: #000;
    --color-button-hover-text: #fff;
    --color-button-hover-border: #000;;
    --color-form-border: #ddd;
    --color-image-carousel-border: #ddd;
}

/* ============== Button Style ============= */
.ui-button {
    transition: all 0.1s ease-in-out;
    background: var(--color-button) !important;
    border-color: var(--color-button-border) !important;
    color: var(--color-button-text) !important;
    border-radius: 3px;
    border-width: 1px;
    font-weight: bold !important;
}
.ui-button:hover,
.ui-button:focus {
    background: var(--color-button-hover) !important;
    border-color: var(--color-button-hover-border) !important;
    color: var(--color-button-hover-text) !important;
    font-weight: 500;
}
.ui-dialog-titlebar .ui-button {
	padding: 0 !important;
}
.ui-dialog-titlebar .ui-button:hover {
	background: none !important;
}

/* ============== Breadcrumb Style ============= */
#plp-bread-crumb {
    background: 0 0 !important;
    border: none !important;
    color: var(--color-links) !important;
    padding-left: 0 !important;
    font-weight: normal;
    margin-bottom: 1rem;
}
#plp-bread-crumb a {
    color: var(--color-links) !important;
}
#plp-bread-crumb a:first-child {
    margin-left: 0;
}

/* ========= Header Links (Ecomerce, Quotes, ...) ========== */
#plp-header-links a {
	text-decoration: none !important;
    color: var(--color-links) !important;
}
#plp-header-links a:hover {
	text-decoration: underline !important;
    color: var(--color-links-hover) !important;
}

/* ======== Adjusting for medium sized images ===== */
#plp-list-description .plp-list-info.plp-list-info-right, #plp-tree-description .plp-tree-info.plp-tree-info-right {
    /* padding: 0 0 0 224px !important; */
}

/* ============== Black/White Icons ============= */
body[data-pagetype=CADPublisher] .ui-icon,
body[data-pagetype=Category] .ui-icon,
body[data-pagetype=CategoryResult] .ui-icon,
body[data-pagetype=ItemDetail] .ui-icon {
    background-image: url("white.png") !important;
}
body[data-pagetype=Category] .ui-state-active .ui-icon, body[data-pagetype=Category] .ui-button:active .ui-icon,
body[data-pagetype=CategoryResult] .ui-state-active .ui-icon, body[data-pagetype=CategoryResult] .ui-button:active .ui-icon,
body[data-pagetype=ItemDetail] .ui-state-active .ui-icon, body[data-pagetype=ItemDetail] .ui-button:active .ui-icon {
    background-image: url("white.png") !important;
}

/* ============== Main Body Page Style ============= */
body, body[data-pagetype=CADPublisher] {
    background: var(--color-background);
    margin: 0;
}
#plp-container {
    width: 80% !important;
    background: var(--color-background) !important;
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}
body[data-pagetype=CADPublisher] #plp-container {
	padding: 0 !important;	
}
body .ui-widget {
    font-family: var(--font-family);
    font-size: 1em;
}
@media (min-width: 1200px) {
    #plp-container, .plp-search-holder, #plp-header-links, #plp-cad-cartbench {
        width: 80% !important;
    }
}
@media (max-width: 1199px) {
    #plp-container, .plp-search-holder, #plp-header-links, #plp-cad-cartbench {
        width: 85% !important;
    }
}
@media (max-width: 991px) {
    #plp-container, .plp-search-holder, #plp-header-links, #plp-cad-cartbench {
        width: 90% !important;
    }
}
@media (max-width: 767px) {
    #plp-container, .plp-search-holder, #plp-header-links, #plp-cad-cartbench {
        width: 95% !important;
    }
}

/* ============== General Components Style ============= */
a[href="/plp/htm/ibot.htm"],
#plp-table-filter .header > tr:last-child, .floatThead-table .header > tr:last-child, 
#plp-container > .plp-page-spacer12:first-child, #plp-container > .plp-page-spacer12:nth-of-type(2) {
    display: none;
}
nav#plp-header-links {
    height: auto !important;
}
.header .ui-widget-header a {
    color: var(--color-secondary-text) !important;
}
.ui-widget-header, .ui-state-default.ui-state-active > a, .ui-widget-header .ui-state-default.ui-state-active, .ui-state-active, .ui-state-active > a, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .filter-button.ui-state-default, .filter-option a {
    background: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
    color: var(--color-primary-text) !important;
}
.ui-widget-header.plp-action-bar, .ui-widget-header .ui-state-default, .ui-accordion .ui-accordion-header.ui-state-default, .ui-tabs-nav .ui-tabs-anchor {
    background: var(--color-secondary) !important;
    border: 1px solid var(--color-secondary) !important;
    color: var(--color-secondary-text) !important;
}
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus {
    background: var(--color-table-highlight) !important;
}
#plp-anchors a, #plp-container .plp-page-rfi-switchbutton a, #plp-item-table-anchors a, #plp-list-description li div a, #plp-page-actions a, #plp-thumbs a, #plp-tree-description a, #recaptcha_privacy a, .plp-promo a, .plp-table-value a, .read-less-right a, .read-more-right a, .treeview a {
    text-decoration: none !important;
    color: var(--color-links) !important;
}
#plp-anchors a:hover, #plp-container .plp-page-rfi-switchbutton a:hover, #plp-item-table-anchors a:hover, #plp-list-description li div a:hover, #plp-page-actions a:hover, #plp-thumbs a:hover, #plp-tree-description a:hover, #recaptcha_privacy a:hover, .plp-promo a:hover, .plp-table-value a:hover, .read-less-right a:hover, .read-more-right a:hover, .treeview a:hover {
    text-decoration: underline !important;
    color: var(--color-links-hover) !important;
}
.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}
#plp-product-title > h1 {
    font-weight: 700;
    font-size: 1.25rem !important;
}
.ui-widget-shadow {
    background-color: #eeeeee !important;
    background: none;
}
/* Image Carousel Style */
.plp-image-carousel li {
    background-color: var(--color-background) !important;
}
.plp-image-carousel a.plp-sprite-image-zoom {
    display: none;
}
#plp-description-with-image .plp-image-ctn,
#plp-item-description-with-image .plp-image-ctn {
	margin-right: 20px;
	border: 0;
}
#plp-description-with-image .plp-image-carousel,
#plp-item-description-with-image .plp-image-carousel {
	background: none;
	border-radius: 5px;
	border: 1px solid var(--color-image-carousel-border);
}
#plp-description-with-image .caroufredsel_wrapper,
#plp-item-description-with-image .caroufredsel_wrapper {
	border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid var(--color-image-carousel-border);
}
#plp-description-with-image #pager2,
#plp-item-description-with-image #pager2 {
	background-color: var(--color-image-carousel-border);
	border-radius: 0px 0px 5px 5px;
}

/* ============ Category Page =========== */
body[data-pagetype="Category"] #plp-thumbs {
    border-spacing: 10px 10px;
}
body[data-pagetype="Category"] .plp-thumb {
	border-color: var(--color-table-border);
    border-radius: 0.5rem;
    box-shadow: 0.1rem 0.1rem 0.25rem 0px rgb(0, 0, 0, 5%);
}

/* ============ Category Result Page Style =============== */
body[data-pagetype="CategoryResult"] .floatThead-table {
    /* position: fixed;
    top: 0px; Adjust if there is a floating header */
}
body[data-pagetype="CategoryResult"] .cad-fixed-popup,
body[data-pagetype="ItemDetail"] .cad-fixed-popup{
    /* top: 100px !important; Adjust if there is a floating header */
    z-index: 999999 !important;
}
table#plp-table-filter > tbody > tr:nth-child(odd) {
    background: var(--color-table-primary);
}
table#plp-table-filter > tbody > tr:nth-child(even) {
    background: var(--color-table-secondary);
}
table#plp-table-filter > tbody > tr.ui-state-default {
    background: var(--color-table-highlight);
}

/* ============ Filter Style or Result Page ============ */
#plp-sidebar select.ui-widget-content.plp-advlistbox {
    width: 100%;
}
#plp-sidebar .adv-attributecontrol {
    width: 100%
}
.plp-2-column-right #plp-sidebar {
    width: 22% !important
}
.plp-2-column-right #plp-main {
    width: 75.5% !important
}
#plp-sidebar .ui-accordion .ui-accordion-content {
    border: none;
}

/* ============= Item Detail =========== */
body[data-pagetype=ItemDetail] #plp-item-table-tabs {
    border: none !important;
}
body[data-pagetype=ItemDetail] #plp-item-table-tabs .plp-tab-content table:not(td>table) tr:nth-child(odd) {
    background-color: #fff !important;
}
#plp-item-table-tabs .plp-tab-content table {
    border: 1px solid var(--color-table-border) !important;
    border-top: none !important;
}
.ui-tabs .ui-tabs-nav {
    background: none !important;
    border: none !important;
    border-bottom: 1px solid var(--color-table-border) !important;
    padding-left: 0 !important;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 1px !important;
}
.ui-accordion .ui-accordion-content {
    padding: 0;
}
.plp-oddrow {
    background-color: var(--color-table-secondary);
}
/* No Wrap for PN */
body[data-pagetype="CategoryResult"] #plp-table-filter tr td:first-child {
    white-space: nowrap;
}
body[data-pagetype="CategoryResult"] #plp-table-filter tr td:first-child a {
    text-decoration: underline !important;
}
body[data-pagetype="CategoryResult"] #plp-table-filter tr td:first-child a:hover {
    text-decoration: none !important;
}

/* ============ Advanced Search 12 Page Style =============== */
body[data-pagetype=AdvancedSearch12] .ui-state-default > .adv-attributecontrol + a {
    border: none !important;
    background: none !important;
}
body[data-pagetype=AdvancedSearch12] .ui-state-default.plp-adv-left-panel,
body[data-pagetype=AdvancedSearch12] .ui-state-default.plp-adv-right-panel {
	background: #fff;
	color: #000;
}
body[data-pagetype=AdvancedSearch12] select.plp-advlistbox,
body[data-pagetype=AdvancedSearch12] .adv-attributecontrol {
	width: 100%
}
body[data-pagetype=AdvancedSearch12] .plp-adv-group-header a {
	color: var(--color-secondary-text);
}

/* ============ General Form Fields ============== */
#formholder .plp-form-textfield, #formholder .plp-form-textfield input, #formholder .plp-form-textfield textarea, #formholder .plp-form-email-textfield, #formholder .plp-form-email-textfield input, #formholder .plp-form-email-textfield textarea {
    border: 1px solid var(--color-form-border);
}
body[data-pagetype="Request"] .buttonBar.plp-form-button:first-child,
body[data-pagetype="Email"] .buttonBar.plp-form-button:first-child {
    display: none;
}
body[data-pagetype="Request"] .buttonBar.plp-form-button,
body[data-pagetype="Email"] .buttonBar.plp-form-button {
    border: none;
    padding: 0;
    width: 100%;
}
.plp-cadrfx-group-body td.plp-cadrfx-left-panel,
.plp-cadrfx-group-body td.plp-cadrfx-right-panel,
.plp-cadrfx-group-body td.plp-form-heading {
	background: none;
	border: 1px solid var(--color-form-border);
	color:#333;
	padding: 8px;
}
.plp-cadrfx-group-body input {
	border: 1px solid #bbb;
	border-radius: 3px
}
.plp-cadrfx-group-body select {
	border-radius: 3px;
	font-size: 0.9rem;
}

/*================== Request Page Style ================*/
body[data-pagetype="Request"] #formholder > table > tbody > tr:last-child {
    display: none;
}
body[data-pagetype="Request"] #formholder .plp-form-heading,
body[data-pagetype="Request"] .plp-product-request-info table td.plp-product-info-blankspace,
body[data-pagetype="Request"] .plp-product-request-info table td.plp-product-number {
	background:none;
	border: 1px solid var(--color-form-border);
	color:#333 ;
}
body[data-pagetype="Request"] .plp-product-attach-item .plp-product-attach-button-holder {
	border: 1px solid var(--color-form-border);
}

/* ============= Email Page ================== */
body[data-pagetype="Email"] table td.plp-form-email-heading {
	background:none !important;
	border: 1px solid var(--color-form-border);
	color: #333;
}

/* ============= Compare Page Style ================ */
body[data-pagetype="Compare"] #plp-compare-items a {
	color:var(--color-links) !important;
	text-decoration:underline !important;
}
body[data-pagetype="Compare"] td.plp-compare-product.ui-state-default {
	background: var(--color-table-highlight);
}

/* ======== CAD Pop-up Window style ======= */
body[data-pagetype="CADPublisher"] #plp-container {
    width: 644px !important;
}
.cadpublisher.ui-dialog-content.ui-widget-content.ui-dialog-normal {
    height: 730px !important;
}
#cadviewer>iframe {
    height: 475px !important;
    width: 636px !important;
}
.ui-dialog .ui-dialog-titlebar {
    font-size: 15px !important;
    padding: 0 1em !important;
}
.ui-dialog-titlebar-close {
    border: none !important;
}
.ui-dialog-titlebar .ui-button {
	background: none !important;
}
body[data-pagetype="CADPublisher"] #divPlpDownloadList select {
	border-radius: 3px;
	font-size: 1rem;
}

/* ======== Default Search Style ======= */
.plp-search-holder {
    margin: auto;
    float: none !important;
    padding-bottom: 1.5rem;
}
.plp-search-holder nav.plp-page-searchBox,
.plp-search-holder nav.plp-page-categorySelect {
    margin: 0.5rem 0px;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    line-height: normal;
}
.plp-search-holder nav.plp-page-searchBox select {
    border-radius: 2px;
    border-right: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.plp-search-holder nav.plp-page-searchBox input {
    border-left: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.plp-search-holder .plp-page-categorySelect {
    border-color: var(--color-primary);
}

/* ========= Not Found page ============ */
body[data-pagetype="NotFound"] header, 
body[data-pagetype="NotFound"] footer,
body[data-pagetype="NotFound"] .plp-search-holder {
	display: none
}