/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ADDED 10-18 TESTING */

/*body.page-id-224244 #distributor-results-primary {
    display: table-cell;
    vertical-align: top;
}

body.page-id-224244 #distributor-map {
    vertical-align: top;
}

body.page-id-46 #mps-locator-results {
    display: table-cell;
    vertical-align: top;
}*/

/* TEMP CSS for Pre-Beta */

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * Table of contents
 * 1. General
 *  1.1 Breadcrumbs
 *  1.2 Product Cards
 * 2. Header
 *  2.1 Search Fields
 *  2.2 Sticky Header
 *  2.3 Mega Menu
 *  2.4 Menu Adjustments
 *  2.5 Mobile Header
 * 3. Homepage
 *  3.1 Home Hero
 *  3.2 Solutions section
 *  3.3 News section
 * 4. Interior
 *  4.1 Login Page
 *  4.2 Locator
 *  4.2 Register
 * 5. Footer
 *  5.1 Footer
 *  5.2 Subfooter
 * 6. Mobile
 *  6.1 Tablet & Mobile
 *  6.3 Mobile
 * 7. Product Line
 *  7.1 Product Layout
 *  7.2 Product Details
 *  7.3 Product Category
 *  7.4 Cart (Quotelist)
 * 8. Rep locator
 * 9. Service Net & My Account
 * 10. WooCommerce
 * 11. Competitor Parts Page
 * 12. Print This Page
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 1. General
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 2px;
}
.column-separator {
    position: relative;
    left: -120px;
}
a {
    cursor:pointer;
}
body .gform_wrapper .gfield_required {
	color:#c10230;
}

.uabb-tab-link{
	border:none!important;
}

/* 1.1 Breadcrumbs ------------------------------------*/
#mcl-breadcrumbs a,
#mcl-breadcrumbs .breadcrumb_last {
    font-size: 14px;
}
.breadcrumbs a {
    color: #fff;
}
.breadcrumbs {
    font-size: 14px;
    margin-bottom: 0;
}
#breadcrumbs-list {
	margin:0;
}
#breadcrumbs-list li:last-child i {
	display:none;
}
/* 1.2 Product Cards ------------------------------------*/
.mcl-product-loop {
    list-style-type: none;
    margin-left: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.mcl-product-card {
    display: flex;
    flex-direction: column;
    padding: 25px 15px;
    border-radius: 5px;
    background-color: white;
    font-family: Oswald;
    max-width: 22%;
    margin-bottom: 4%;
}
.mcl-card-title {
    color: black !important;
    font-weight: 500;
    margin-bottom: 30px;
}

.mcl-card-btn {
    color: white;
    background-color: #c00034;
    padding: 15px 20px;
    font-weight: 500;
    text-align: center;
    margin-top: 30px;
    max-width: 150px;
    align-self: center;
}

.mcl-product-card:nth-of-type(5),
.mcl-product-card:nth-of-type(9) {
    margin-right: 4%;
}

.mcl-product-loop:after {
    content: "";
    flex: auto;
}

.customer-service .uabb-imgicon-wrap {
    display: none;
}
.fl-builder-content .customer-service .infobox-icon-left-title .uabb-infobox-title-wrap {
    display: flex;
    width: 100%;
    align-items: center;
	justify-content:flex-end;
}
.customer-service .uabb-infobox-title-wrap .uabb-infobox-title-prefix {
    padding-right: 20px;
}
.customer-service .fi-telephone {
    font-size: 41px;
    color: #666;
}
select#input_1_7_6,
#gform_wrapper_1.gform_wrapper
.ginput_complex
#input_1_7_6_container.ginput_left {
    width: 100%;
}
body #page [id^="gform_wrapper_"] select::-ms-expand {
    display: none;
}
body #page [id^="gform_wrapper_"] select {
    -webkit-appearance: none;
    appearance: none;
    z-index: 10;
    position: relative;
    background: transparent;
    margin: 0 !important;
    padding-right: 58px;
	height:55px;
}
.ginput_container_select,
#input_1_7_6_container {
    position: relative;
    background: #fff;
    padding-right: 0;
}
body #page [id^="gform_wrapper_"] .ginput_container_address > span {
	position:relative;
	display: block;
	background:#fff;
	width: 100%;
	padding-right:0;
}
.ginput_container_select::after,
.ginput_container_address > span::after,
#input_1_7_6_container::after {
    content: url(../../uploads/DESKTOP-Contact-Us.jpg);
    position: absolute;
    width: 58px;
    height: 55px;
    background: #c10230;
    padding: 16px;
    text-align: center;
    right: 0;
    top: 0;
}
body .gform_wrapper div.validation_error {
	background-color:#fff;
}
body .gform_wrapper .gfield_error .gfield_label {
	color:#fff;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 2. Header
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* 2.1 Search Fields ------------------------------------*/
.search-form {
    display: flex;
}
.search,
.search-submit {
    white-space: nowrap;
    width: auto;
    border: 1px solid #666666;
    font-family: "Oswald", sans-serif;
    font-size: 18px;
}
input.search {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    background-color: #fff;
    width: 100%;
    min-width: 50%;
}
.search-submit {
    padding: 15px 20px;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    text-transform: uppercase;
    width: auto;
}
.x-ref-submit {
    background-color: #666666;
}
.search-submit:hover,
.search-submit:focus {
    background-color: #190000;
}

/* 2.2 Sticky Header --------------------------------------*/
.fl-theme-builder-header-shrink input.search {
    padding: 0px 13px;
    height: 37px;
}
.fl-theme-builder-header-shrink .search-submit {
    padding: 4px 13px;
}
.fl-theme-builder-header-shrink .uabb-infobox-content .uabb-infobox-title {
    font-size: 18px;
}
.fl-theme-builder-header-shrink .uabb-icon-wrap .uabb-icon i::before {
    font-size: 26px;
}
.fl-theme-builder-header-shrink .uabb-icon-wrap .uabb-icon i {
    line-height: 23px;
    height: 33px;
    width: 33px;
}
.fl-theme-builder-header-shrink .infobox-icon-left-title .uabb-imgicon-wrap {
    margin-right: 10px;
}
.fl-theme-builder-header-shrink .pp-advanced-menu .menu a {
    font-size: 16px;
}
.fl-theme-builder-header-shrink .pp-advanced-menu .menu > li > a {
    padding-top: 1px;
    padding-bottom: 5px;
}
.fl-theme-builder-header-shrink
.fl-theme-builder-header-shrink-row-bottom
.sub-icon
img {
    max-height: 20px;
}

/* 2.3 Mega Menu --------------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.fl-content-slider-loaded .fl-slide {
	z-index:5 !important;
}
}
header ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu {
    background: grey;
}
header .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label {
    background: #190000;
    border-bottom: 1px solid #666;
}
header .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label:hover,
header .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label:active {
    background: #333;
}
header .fl-tabs-vertical .fl-tabs-labels .fl-tabs-label.fl-tab-active {
    background: #666666;
}

header ul.pp-advanced-menu-horizontal li.mega-menu ul.menu-catloop > li {
    display: inline-block;
    padding: 10px;
    width: calc(25% - 10px);
    background: white;
    margin: 0 5px 10px;
    padding-bottom: 45px;
}
header ul.pp-advanced-menu-horizontal li.mega-menu ul.menu-catloop {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.cattitle {
    color: #333;
    font-size: 20px;
    font-family: Oswald, sans-serif;
}
.catsep {
    background-color: #c10230;
}
header #menu-main-navigation .menu-subcatloop > li > a, header #menu-main-navigation .menu-subsubcatloop > li > a {
    color: #333;
    font-size: 16px;
    font-family: Roboto, sans-serif;
}

.menu-catloop .cattitle a:hover {
    color: black;
    text-decoration: underline;
}
.sub-menu .fl-tabs {
	background-color:#242424;
}

header
ul.pp-advanced-menu-horizontal
li.mega-menu
ul.menu-catloop
> li
a.catlink {
    font-size: 18px;
    font-family: Oswald, sans-serif;
    position: absolute;
    bottom: 15px;
}
a.catlink:hover {
    color: black;
}
header .pp-advanced-menu .fl-tabs-panel-content.fl-tab-active {
	max-height: calc(100vh - 225px);
	overflow-y: auto;
}
#menu-item-50 > .sub-menu { /* Remove the background color when the tab content is longer than the tabs */
    background-color: rgba(0,0,0,0);
}
#menu-item-50 > .sub-menu {
    background-color: rgba(0,0,0,0);
}

#menu-item-50 > .sub-menu .fl-tabs-labels .fl-tabs-label:not(.fl-tab-active) { /* Set the color of the background for the tabs */
    background-color: #242424;
}
#menu-item-50 > .sub-menu .fl-tabs-labels .fl-tabs-label:not(:last-of-type) { /* Give the tabs a bottom border, but not the last one */
    border-bottom: solid 1px #666666 !important;
}
#menu-item-50 > .sub-menu .fl-tabs-labels .fl-tabs-label:last-of-type { /* Last Tab */
    border-bottom: none;
}

.pp-advanced-menu .menu .mega-menu .uabb-heading a {
    color: #333;
    font-size: 21px;
    letter-spacing: .2px;
    font-family: Oswald, sans-serif;
}
.pp-advanced-menu .menu .mega-menu .uabb-subheading a {
    font-size:16px;
    text-align:left;
    color:#333;
    font-family: Roboto, sans-serif;
}
.pp-advanced-menu .menu .mega-menu .uabb-subheading a.all-btn {
    font-weight:700;
}
.pp-advanced-menu .menu .mega-menu .uabb-subheading a:hover,
.pp-advanced-menu .menu .mega-menu .uabb-subheading a:focus,
.pp-advanced-menu .menu .mega-menu .uabb-subheading a.all-btn {
    color:#c10230;
}
.pp-advanced-menu .menu .mega-menu .uabb-subheading a.all-btn:hover,
.pp-advanced-menu .menu .mega-menu .uabb-subheading a.all-btn:focus {
    color:#333;
}
.pp-advanced-menu .menu .mega-menu .fl-module-photo img {
    max-height:none;
}
body .fl-col-group-equal-height.fl-col-group-align-top .fl-col-content {
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-align: flex-start;
    -ms-flex-pack: flex-start;
}

#menu-login-menu.menu > li {
	width:100%;
}
#menu-login-menu.menu > li > a {
	display: block;
    width: 100%;
    height: 100%;
    line-height: 60px;
}
#menu-logout-menu.menu > li {
	width:100%;
}
#menu-logout-menu.menu > li > .uabb-has-submenu-container {
	display:table;
	width:100%;
}
#menu-logout-menu.menu > li > .uabb-has-submenu-container > a {
	display: table-cell;
    width: 100%;
    height: 100%;
	text-align:center;
	height: 60px;
	padding: 5px;
	vertical-align:middle;
}
.pp-login-form button:hover span {
	color:#c10230 !important;
}


/* 2.4 Menu Adjustments --------------------------------------*/




/* 2.5 Mobile Header --------------------------------------*/
@media (max-width: 1024px) {
    .search.mobile-search {
        margin: 0;
        list-style: none;
        border: 0;
    }
    .search.mobile-search
    li.ast-masthead-custom-menu-items
    .ast-search-icon
    .astra-search-icon {
        justify-content: flex-end;
        color: #fff;
        font-size: 26px;
    }
    .search.mobile-search
    li.ast-masthead-custom-menu-items
    .ast-dropdown-active
    .ast-search-icon
    .astra-search-icon {
        color: #c10230;
    }
	.ast-search-icon {
		text-align:right;
	}
    header .fl-row-content-wrap .pp-advanced-menu-mobile-toggle {
        justify-content: flex-start;
    }
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 3. Homepage
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* 3.1 Home Hero ----------------------------------------*/
.hero-position {
    position: absolute;
    bottom: 100px;
}
/* 3.2 Solutions section ----------------------------------------*/
.home-callout .uabb-infobox-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home-callout .uabb-imgicon-wrap {
    width: 100%;
}
.home-callout .uabb-infobox-button {
    margin-top: 0 !important;
}
.home-callout .uabb-infobox-title {
    padding-left: 30px;
}
.home-callout .uabb-button-text {
    text-indent: -999999px;
}
.home-callout
.uabb-creative-button-wrap
.uabb-creative-button
.uabb-creative-button-icon-after {
    margin-left: 0;
}
/* 3.3 News section ----------------------------------------*/
.news .uabb-module-content .uabb-text-editor :not(i) {
    font-family: "Oswald", sans-serif;
}
.news .uabb-module-content .uabb-text-editor h3 {
    font-size: 22px;
}
.news .uabb-module-content .post-footer h4 a {
    font-size: 24px;
}
.news .uabb-blog-posts-description {
    padding: 25px;
    /*min-height: 345px;*/
}
.news .paper-speeches .uabb-blog-posts-description {
    min-height: 270px;
}
.news .paper-speeches .uabb-module-content .uabb-text-editor :not(i) {
    font-family: Roboto, sans-serif;
    font-size: 18px;
}
.news .post-footer .ua-icon-news {
    padding: 15px;
    background-color: #c10230;
}
.news .post-footer .ua-icon-speech-bubble {
    padding: 15px;
    background-color: #7a7d7e;
}
.news .uabb-post-heading {
    margin-bottom: 15px;
}
.news .uabb-blog-post-content .fl-post-image img {
    width: 100%;
}
.news .uabb-post-heading a + i {
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.news .uabb-post-heading a:hover,
.news .uabb-post-heading a:focus,
.news .post-footer a:hover,
.news .post-footer a:focus,
.news .uabb-post-heading a:hover + i,
.news .uabb-post-heading a:focus + i {
    color: #c10230;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.news .post-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #231f20;
}
.news .post-footer {
    padding-left: 25px;
}
.news .post-footer .ua-icon-linkedin2 {
    background-color: #0077b5;
    padding: 15px;
}
.news .post-footer .ua-icon-newspaper {
    background-color: #c10230;
    padding: 15px;
}
.news .news-horizontal .uabb-content-wrap {
    display: flex;
}
.news .news-horizontal .uabb-blog-posts-description {
    width: 60%;
}
.news .news-horizontal .fl-post-image {
    width: 40%;
    padding: 25px;
}
.news .news-vertical .uabb-blog-posts-description {
    /*min-height: 758px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.uabb-bgrd-img .uabb-content-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 25px 50% 25px 25px;
}
.news-header .pp-line-separator-inner.pp-icon-image .pp-image-wrap img {
    margin-top: 1px;
}
/* Adjust the News-Blog image and text spacing */
.ast-blog-featured-section {
	width: 300px;
}
.post-content {
	width: 74%;
}


/* Updated to fit ^CW */

.news .uabb-module-content .uabb-text-editor p {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-weight: 300 ;
}

.news .tall .fl-post-image {
    /*height: 350px;*/
    overflow: hidden;
}
.news .tall .fl-post-image img {
    /*object-fit: cover !important;
    height: 350px;*/
}

.news .wide .fl-post-image {
    height: 350px;
    overflow: hidden;
}
.news .wide .fl-post-image img {
    object-fit: cover !important;
    height: 300px;
}
.news .overlay {
	background-color:
	rgba(0,0,0,.3);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.news .uabb-blog-posts-description .text-wrapper {
	position: relative;
	z-index: 10;
}
.news .half-text .text-wrapper {
	max-width:50%;
}
.news .linkedin-logo {
	width:50px;
	height:50px;
	border-radius:100px;
	margin-right:10px;
}
.news .linkedin-header {
	display:flex;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 4. Interior
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* 4.1 Login Page -------------------------------------------*/

/* Apply to actual login form */
.login-form .gform_wrapper .top_label input.large {
    height: 60px;
    padding: 5px 15px 5px 60px !important;
    border-radius: 5px;
    background-color: #fff;
}
.login-form .gform_wrapper .top_label .gfield_label {
    font-family: Oswald, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
.login-form .gform_wrapper .gform_footer input[type="submit"] {
    width: 100%;
}
.login-form .gform_wrapper .top_label .username .ginput_container::before,
.login-form .gform_wrapper .top_label .password .ginput_container::before {
    font: normal normal normal 14px/1 FontAwesome;
    color: #747474;
    font-size: 18px;
    position: absolute;
    margin: 10px 0 0 20px;
}
.login-form .gform_wrapper .top_label .username .ginput_container::before {
    content: "\f007";
}
.login-form .gform_wrapper .top_label .password .ginput_container::before {
    content: "\e943";
    font-family: "Ultimate-Icons" !important;
    margin-left: 15px;
}
/* End Apply to actual login form */
.register .infobox-icon-right-title .right-title-image {
    width: 100%;
    margin: 0 auto;
    display: block;
}
#field_2_3 label.gfield_label {
    display: none;
}
#field_2_4 a {
    display: inline-block;
    line-height: 55px;
    color: #fff;
    float: right;
    font-size: 15px;
}
#field_2_4 a:hover,
#field_2_4 a:focus {
    color: #c10230;
}
/* Apply to actual contact engineer form */
/* Phone */
.contact_engineer_form #field_4_3 {
    display: inline-block;
    width: 102%;
}
/* End Apply to contact engineer form */

.fl-builder-content .product-carousel .uabb-button-left {
    text-align: center;
}
.product-carousel .uabb-blog-posts .slick-prev i,
.product-carousel .uabb-blog-posts .slick-next i,
.product-carousel .uabb-blog-posts .slick-prev i:hover,
.product-carousel .uabb-blog-posts .slick-next i:hover,
.product-carousel .uabb-blog-posts .slick-prev i:focus,
.product-carousel .uabb-blog-posts .slick-next i:focus {
    font-size: 60px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.product-carousel .uabb-blog-posts .slick-next {
    right: -63px;
}
.product-carousel .uabb-blog-posts .slick-prev {
    left: -63px;
}

/* 4.1 LOCATOR STYLING -------------------------------------------*/

.locator-wrapper {
    width: 40%;
}

.locator-map {
    width: 60%;
}

.js-wpv-view-layout {
    display: flex;
}

.locator-count {
    height: 85px;
    background: #222;
    font-size: 35px;
    font-family: Oswald;
    padding: 20px 40px;
    text-transform: uppercase;
}

.count-total {
    color: #c10430;
}

.locator-loop {
    background: #444;
    overflow-y: scroll;
    height: calc(100% - 85px);
	max-height: 700px;
    padding: 20px;
    border: solid 20px #444;
}

.locator-loop li {
    padding: 40px 0px 40px 0px;
    display: flex;
    border-bottom: solid 1px grey;
}

.locator-loop li:first-of-type {
    padding: 0px 0px 40px 0px;
    display: flex;
    border-bottom: solid 1px grey;
}
.locator-loop li:last-of-type {
    padding: 40px 0px 0px 0px;
    display: flex;
    border-bottom: none;
}

.marker-wrapper {
    padding: 0px 20px 0px 0px;
}

.page-id-224243 .field.note-field p:first-of-type, /* Notes on Dist Location Page */
.page-id-224243 .field.note-field p:first-of-type { /* Notes on Rep Location Page */
    margin-bottom: 0;
}

/* SCROLLER -------------------------------------------*/
.locator-loop::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #222;
    margin: 20px;
}

.locator-loop::-webkit-scrollbar {
    width: 18px;
    background-color: #444;
}

.locator-loop::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #666;
}

/* MARKER -------------------------------------------*/

.marker-index {
    color: black;
    font-family: Oswald;
    font-size: 15px;
    background-color: white;
    padding: 3px 10px;
    border-radius: 50px;
    z-index: 50;
}

.location-marker {
    position: relative;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    border: 5px solid #c10430;
    background-color: white;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.location-marker::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    bottom: -37px;
    left: -2px;
    border: 15px solid transparent;
    border-top: 25px solid #c10430;
}


/* 4.3 Register -------------------------------------------*/
body .entry-content .submit-heading {
    font-size: 32px;
}
#register_account_nt_form label {
    display: block;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}
#representative_request_form input,
#representative_request_form textarea,
#representative_request_form select {
    width: 100%;
    margin-bottom: 15px;
    font-family: "Oswald", sans-serif;
    color: #444;
}

#representative_edit_accounts_form input,
#representative_edit_accounts_form textarea,
#representative_edit_accounts_form select {
    width: 100%;
    margin-bottom: 15px;
    font-family: "Oswald", sans-serif;
    color: #444;
}

#representative_request_form input[type=submit] {
    color: white;
}
#representative_request_form input[type=submit]:hover,
#representative_request_form input[type=submit]:focus {
    color: #c10230;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 5. Footer
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* 5.1 Footer -------------------------------------------*/
footer .pp-advanced-menu .sub-menu {
    margin: 20px 0 0;
}
footer .pp-advanced-menu .menu > li > .pp-has-submenu-container > a {
    text-align: left;
}
footer .pp-advanced-menu .sub-menu {
    min-width: 100%;
}
footer p {
    margin-bottom: 0;
}
@media (max-width: 1024px) {
    footer .pp-advanced-menu .sub-menu {
        padding: 0 20px;
        text-align: left;
    }
}
/* 5.2 Subfooter -------------------------------------*/
.ast-small-footer .social-icons li {
    display: inline-block;
    margin-left: 10px;
    font-size: 24px;
}
.ast-small-footer .ast-small-footer-section-1 {
    width: 75%;
}
.ast-small-footer .ast-small-footer-section-2 {
    width: 25%;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 6. Mobile
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* 6.1 Tablet & Mobile -----------------------------------*/
@media (max-width: 1024px) {
    .news .uabb-blog-posts-description {
        min-height: auto;
    }
    .news .news-vertical .uabb-blog-posts-description {
        /*min-height: 250px;*/
    }
    .news
    .news-vertical.bgrd-img
    .uabb-blog-posts-description
    .uabb-content-wrap {
        width: 100%;
        padding-right: 25px;
    }
	.fl-builder-content .customer-service .infobox-icon-left-title .uabb-infobox-title-wrap {
		justify-content:flex-start;
	}
}

/* 6.2 Tablet ---------------------------------------------*/
@media (min-width: 679px) and (max-width: 1024px) {
    .news .news-vertical .uabb-blog-posts-description {
        flex-direction: row;
    }
    .news .news-vertical .uabb-blog-posts-description .uabb-content-wrap {
        width: 60%;
    }
    .news .news-vertical .fl-post-image {
        width: 40%;
        padding-left: 25px;
    }
    .fl-builder-content .fl-node-5c75a7cd110c8 {
        order: 2;
    }
}

/* 6.3 Mobile ---------------------------------------------*/
@media (max-width: 678px) {
    .news .news-horizontal .uabb-content-wrap {
        flex-wrap: wrap;
    }
    .news .news-horizontal .uabb-blog-posts-description,
    .news .news-horizontal .fl-post-image {
        width: 100%;
    }
    .home-callout .uabb-creative-button-text {
        display: none !important;
    }
    .news-header .pp-line-separator-inner.pp-icon-image .pp-image-wrap img {
        margin-left: -1px;
        margin-right: -1px;
    }
}
@media (max-width:768px) {
	.fl-builder-content .customer-service .infobox-icon-left-title .uabb-infobox-title-wrap {
		display:block;
		
	}
	
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 7. Product Line
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.breadcrumbs {
    list-style: none;
    margin-left: 0;
    color: #fff;
}
.breadcrumbs li {
    display: inline-block;
}
.breadcrumbs li a {
    padding-right: 5px;
    padding-left: 5px;
}
.sub-cat-wrap {
    display: flex;
    flex-wrap: wrap;
}
.sub-cat {
    width: calc(25% - 20px);
    padding: 20px;
    margin: 0 10px 20px;
    background: #ffffff;
    border-radius: 5px;
}
.cat-name {
    padding-bottom: 15px;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    color: #333;
    margin-top: 15px;
	align-self:flex-end;
}

.hide {
    display: none;
}
.descExt table {
    background: #eeeeee;
}
.descExt table tr {
    background: #eeeeee;
    color: #000;
}
.descExt table tr:nth-of-type(2n + 1) {
    background: #e0e1e2;
}
.descReadMore,
.part-table {
    margin-top: 15px;
}
/*************
 * PLACEHOLDER - TABLE STYLING -- TEMP ^ CW DIABLED TABLE (8-6-19) & Copied Below
 */
/*
.divTable {
 overflow-x: auto;
 margin-bottom: 15px;
 border-radius: 5px;
}
.divTableBody {
 max-width: 1400px;
 width: 100%;
 font-size: 12px;
 color: black;
 display: table;
 overflow-x: auto;
}

.divTableBody .divTableRow.divTableHeader {
 display: table-header-group;
 border-bottom: 1px solid #190000 !important;
 text-align: left;
}
.divTableBody .divTableHeader .divTableCell {
 font-size: 24px;
 font-family: Oswald, sans-serif;
}
.divTableBody .divTableHeader .divTableCell {
 vertical-align: bottom;
}
.divTableBody .divTableCell button.button.alt {
 padding-left: 15px;
 padding-right: 15px;
 min-width: 150px;
 margin-left: 10px;
}
.divTableBody .divTableCell button.button.alt.added {
   display:none;
}
.divTableCell a.button {
   display:block;
   text-align:center;
   font-family: 'Oswald', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   width: 175px;
   padding-left: 0;
   padding-right: 0;
}
*/ /* ROUND THE HEADER CORNERS *//*
.divTableRow.header {

border-radius: 8px 8px 0 0;
}
/*
.divTableBody .divTableRow:last-of-type {
  /* ROUND THE LAST ROW CORNERS *//*
border-radius: 0 0 8px 8px;
}
/*
.divTableBody .divTableRow.header {
  /* SET THE HEADER *//*
background-color: #cacfd2 !important;
font-family: Oswald, sans-serif;
padding-top: 10px;
padding-bottom: 10px;
text-align: right;
}
/*
.divTableBody .divTableRow.header:after {
  /* BUFFER THE BUTTON SPACE IN THE TABLE *//*
content: "";
min-width: 70px;
}
/*
.divTableBody .divTableRow {
  /* SET THE ROW BACKGROUND *//*
background-color: #eeeeee;
display: table-row;
}
/*
.divTableBody .divTableRow:nth-of-type(odd) {
  /* STRIPE THE ROWS *//*
background-color: #e0e1e2;
}
/*
.divTableBody .divTableCell:first-child {
  padding-left: 50px;
}
.divTableBody .divTableCell {
  border: none;
  display: table-cell;
  text-align: left;
  padding: 15px 10px;
  vertical-align: middle;
  font-size: 16px;
}
*/

/* --------------- ADDED ^CW --------------- */

.divTable {
    width: 100%;
	overflow:scroll;
    color: black;
    font-size: 15px;
    background-color: grey;
    border-radius: 5px;
}

.page-id-27466 .divTable {
	overflow-x: scroll;
}
.divTableBody {
	min-width:1024px;
}

.divTableBody > div:nth-of-type(even) {
    padding: 5px;
    background-color: #e0e1e2;
}

.divTableBody > div:nth-of-type(odd) {
    padding: 5px;
    background-color: #eeeeee;
}

.divTableBody > div:last-of-type {
    border-radius: 0 0 5px 5px;
}

.divTableRow {
    display: flex;
    flex-direction: row;
}

.divTableRow > div {
    width: 20%;
    align-self: center;
    color: black;
    font-size: 15px;
}

.divTableBody:not(#part-one-summary) .divTableRow > div:last-of-type {
    min-width: 300px;
}

.divTableHeader {
    position: sticky;
    top: 0px;
    border-radius: 5px 5px 0 0;
    font-family: Oswald;
    text-transform: uppercase;
    background-color: #c3c4c5 !important;
    min-height: 60px;
    color: black;
    font-size: 15px;
}

.divTableActionsCell .simple_add_to_quote {
    margin: 5px 0px;
}

.divTableActionsCell .qty {
    border-radius: 5px !important;
    padding-left: 15px !important;
}

.reponse_to_quote {
    display: none !important;
}

.product_table_container table tbody tr td.add-to-cart-button .button.added {
    width: 100%;
    max-width: 155px;
    padding: 12px 26px !important;
}

/* --------------- END ^CW ADD --------------- */

.reponse_to_quote.button {
    padding:0;
    background:transparent;
}
.reponse_to_quote.button a {
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    color:#fff;
    /*font-weight:700;*/
    padding: 10px 15px;
    min-width: 150px;
    margin-left: 10px;
    text-align:center;
    border-color: #c10230;
    background-color: #c10230;
    line-height:1;
    display:block;
}
.divTableCell .cart {
    display: flex;
    justify-content: center;
    align-items: center;
}
.divTableCell .cart .quantity {
    margin-right:40px;
}

.divTableBody .mcl-card-btn {
    /* CHANGE THE BUTTON */
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #c10330;
    font-family: oswald;
    min-width: 110px;
}

.divTableBody .mcl-card-btn:hover {
    /* MICRO INTERACTION */
    text-decoration: underline;
}
.additional {
    margin-bottom: 20px;
}
.images {
    margin-bottom: 20px;
}

/* 7.1 Product Layout -----------------------------------*/
.col-half {
    width: 50%;
}
.col-two-third {
    width: 66.66%;
}
.col-one-third {
    width: 33.33%;
}
.col-three-fourth {
    width: 75%;
}
.col-one-fourth {
    width: 25%;
}
/* 7.2 Product Details -----------------------------------*/
.product-cats {
    display: flex;
    flex-wrap: wrap;
}
.product-cats .col-one-fourth {
    margin: 10px;
	width: calc(25% - 20px);
}


.prod-description {
    padding-left: 40px;
}

.fl-node-5ccaec71962d2 .fl-heading {
    margin-bottom: 20px;
}
.prod-dim {
    margin: 50px 0;
}

.fullscreen-table::before { /* Fullscreen Button */
    content: "\f065";
    font-family: FontAwesome;
    padding-right: 5px;
}

.fullscreen-table { /* Fullscreen Button */
    float: right;
    padding: 0;
    background-color: unset;
    border: 0px;
    font-size: 11px;
    color: #dddddd;
}

.fullscreen-table:hover,
.fullscreen-table:focus { /* Fullscreen Button */
    background-color:unset;
    color: #c10230;
}

.ui-dialog .ui-button .ui-icon {
	background:transparent;
}
.ui-dialog .ui-button .ui-icon::before {
	content:'';
	transform: rotate(45deg) translateX(8px) translateY(1px);
	display:block;
	height:14px;
	border-left:2px solid #fff;
}
.ui-dialog .ui-button .ui-icon::after {
	content:'';
	transform: rotate(-45deg) translateX(16px) translateY(-9px);
	display:block;
	height:14px;
	border-left:2px solid #fff;
}
body .tracking-popup .ui-dialog-titlebar-close {
	position:relative;
	top:20px;
}
body.admin-bar .tracking-popup .ui-dialog-titlebar-close {
	position:relative;
	top:5px;
	right:-15px;
}

/* Full screen popup */

.fullscreen-table-open {
	overflow:hidden;
	}



.table-popup.ui-widget-content {
	color:#000;
}
.table-popup.ui-widget.ui-widget-content {
	width:100% !important;
	height:100vh !important;
	background:rgba(0,0,0,.85);
	padding:20px 20px;
	overflow-y:scroll;
	position:fixed !important;
	top:0 !important;
}
body .ui-dialog .ui-dialog-titlebar-close {
	position:fixed;
	top:4%;
	right:4%;
	z-index:9999999;
	background:#c10431;
}
body.admin-bar .ui-dialog-titlebar-close {
	top:5%;
}
.table-popup.ui-draggable .ui-dialog-titlebar {
	background:transparent;
	border:0;
}
.table-popup.ui-dialog .ui-dialog-title {
	display:none;
}
.table-popup.ui-dialog .ui-dialog-content {
	position: relative;

	width: 100% !important;
	
}
.table-popup table.dataTable thead th {
	background:#c3c4c5;
	border-right-color:#111;
}
.table-popup table.dataTable tbody tr:nth-child(1n) {
	background:#eeeeee;
}
.table-popup table.dataTable tbody tr:nth-child(2n) {
	background:#e0e1e2;
}
.table-popup td {
	border-color:rgba(0,0,0,.3);
}

@media (min-width: 769px) and (max-width: 1024px) {
    .product-cats .col-one-fourth,
    .sub-cat {
        width: calc(50% - 20px);
    }
}
@media (max-width: 768px) {
    .col-half,
    .col-two-third,
    .col-one-third,
    .col-three-fourth,
    .col-one-fourth {
        margin-bottom: 30px;
    }
    .prod-description {
        padding-left: 0;
    }

    .product-cats .col-one-fourth,
    .sub-cat {
        width: 100%;
    }
    .product-sort .flex {
        justify-content: center;
		flex-direction:column;
    }
    .prod-count {
        text-align: center;
    }
	
	.sub-link {
		color:#000;
	}
	
	.table-popup.ui-dialog .ui-dialog-content {
		left:0;
		top:20px;
		transform:none;
		padding:0;
	}
}



/* 7.3 Product Category -----------------------------------*/
.cat-info {
    padding-bottom: 50px;
}
.cat-info .col-two-third {
    padding-left: 40px;
}
.cat-filters {
    padding-right: 30px;
    font-family: Oswald, sans-serif;
}
.cat-filters .cat-wrap {
    background: #444444;
    padding: 20px;
    border-top: 5px solid #c10230;
    font-weight: 700;
}
.cat-filters h3 {
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.filter-group h3 {
    font-size: 24px;
    letter-spacing: 1px;
}
.filter > span {
    letter-spacing: 1px;
}
.filter ul {
    list-style: none;
    margin: 10px 0 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #666;
}
.filter ul li {
    margin-bottom: 15px;
}
.filter ul li:last-child {
    margin-bottom: 0;
}
.filter .check-wrap {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-family: "Oswald", sans-serif;
}
.filter input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.filter .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e0e1e2;
    border-radius: 3px;
}
.filter input[type="checkbox"]:checked ~ .checkmark::before {
    content: "\e955";
    font-family: "Ultimate-Icons" !important;
    color: #c10230;
    position: absolute;
    top: 0;
    right: 1px;
    font-size: 16px;
}

/* Filter Styles by ^CW */

body.archive.tax-product_cat div[data-node="5cf53284408c5"] .filter-group .filter span:not(.active) {
    margin-bottom: 20px;
    padding-bottom: 15px;
    display: block;
    border-bottom: solid 1px #666666;
}
body.archive.tax-product_cat div[data-node="5cf53284408c5"] .filter-group .filter > span:not(.active)::after {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    padding-left: 7px;
    color: #f2f2f2;
}
body.archive.tax-product_cat div[data-node="5cf53284408c5"] .filter-group .filter > span:hover {
    cursor: pointer;
}
body.archive.tax-product_cat div[data-node="5cf53284408c5"] .filter-group .filter > span.active {
    display: block;
}
body.archive.tax-product_cat div[data-node="5cf53284408c5"] .filter-group .filter > span.active::after {
    content: "\f0d7";
    font-family: FontAwesome;
    display: inline-block;
    padding-left: 7px;
    color: #f2f2f2;
}
body.archive.tax-product_cat div[data-node="5cf53284408c5"] .filter-group h3 {
    padding-bottom: 15px !important;
}

/* End Filter Styles by ^CW */

.product-lines {
    padding-left: 30px;
}
.prod-line-sort {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-right: 20px;
    align-items: center;
}
.prod-line-sort .fl-col {
    flex-grow: 1;
}
.fl-node-5ccaeda657b15 {
    text-align: right;
}
.prod-count {
    font-family: Oswald, sans-serif;
    letter-spacing: 1px;
}
.prod-line-sort select {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.select-wrap {
    display: block;
    position: relative;
    background: #fafafa;
    margin-left: 10px;
    border: 1px solid #ddd;
    z-index: 0;
}
select.product-cats-sort::-ms-expand {
    display: none;
}
select.product-cats-sort {
    -webkit-appearance: none;
    appearance: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 35px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    background: transparent;
}
.select-wrap::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #c10230;
    position: absolute;
    right: 6px;
    top: 40%;
    z-index: 1;
}
.prod-line-sort select::-ms-expand {
    display: none;
}
.flex {
    display: flex;
}
.flex.end {
	justify-content:flex-end;
	flex-direction: column;
	text-align: center;
	align-items: center;
}
.product-sort .flex {
    justify-content: flex-end;
    align-items: center;
}
.prod-line-sort .flex {
    align-items: center;
    justify-content: flex-end;
}

.prod-listing .col-one-fourth {
    padding: 0 20px 20px 0;
    display: flex;
}
.prod-list-btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.prod-listing {
    display: flex;
    flex-wrap: wrap;
}
.prod-list-wrap {
    background: #ffffff;
    border-radius: 5px;
    padding: 20px 20px 90px;
    position: relative;
    height: 100%;
}
.prod-list-wrap h4 {
    color: #333;
    margin-bottom: 15px;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
}
.prod-list-btn {
    margin-top: 15px;
    text-align: center;
}
.prod-list-btn a {
    display: inline-block;
    padding: 12px 20px;
    font-family: Oswald, sans-serif;
    color: #fff;
    background: #c10230;
}
.prod-list-btn a:hover,
.prod-list-btn a:focus {
    background: #190000;
}
@media (max-width: 1024px) {
    .prod-list-wrap img,
    .prod-list-wrap {
        width: 100%;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .prod-listing .col-one-fourth {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .cat-filters,
    .prod-listing .col-one-fourth,
    .prod-line-sort {
        padding-right: 0;
    }
    .product-lines {
        padding-left: 0;
    }
    .mobile-swap {
        display: flex;
        flex-wrap: wrap;
    }
    .cat-filters {
        order: 2;
    }
    .mobile-swap .col-one-fourth {
        width: 100% !important;
    }
    .prod-line-sort {
        flex-wrap: wrap;
    }
    .prod-line-sort .flex {
        justify-content: center;
        margin: 15px 0;
    }
	.flex.end {
		justify-content:center;
	}
    .cat-info .col-two-third {
        padding-left: 0;
    }
    .product-sort .flex {
        justify-content: center;
    }
}

/* 7.4 Cart (Quotelist) -----------------------------------*/
.woocommerce-cart table.cart td.actions input#update_quote {
    margin-top:-2px;
}
.woocommerce a.button {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.checkout .woocommerce-info {
    margin-top:14px;
}
.woocommerce form.checkout .form-row {
    padding:0;
}
.woocommerce table.shop_table thead th,
a.showbilling:hover,
a.showbilling:focus {
    color:#190000;
}
@media (max-width:468px) {
    .woocommerce-cart table.cart td.actions input#update_quote,
    .woocommerce a.button {
        margin-top:10px;
    }
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 8. Rep locator
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.wpv-addon-maps-render {
    height: 100% !important;
}
.location-info .js-wpv-addon-maps-focus-map {
    font-family: Oswald, sans-serif;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}
.org-website {
    color: #fff;
    font-weight: 600;
}
.org-website::after {
    content: "\e97e";
    font-family: "Ultimate-Icons" !important;
    position: relative;
    top: 2px;
    left: 5px;
}
.org-website:hover,
.org-website:focus {
    color: #c10230;
}


.page-id-224243 .locator-map {
    display: none;
}
.filters {
	margin-bottom:30px;
}



.filter-wrap form,
form .filter-wrap {
	display:flex;
	align-items:flex-end;
}
.filter > label {
	display:block;
	font-size:14px;
}
.filter {
	flex-grow:1;
	margin-right:30px;
}
.filter:last-child {
	margin-right:0;
}

.filter select {
	width:100%;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left:25px;
	font-family: Oswald, sans-serif;
	font-weight: 400;
	-webkit-appearance: none;
    appearance: none;
	background:url(../../uploads/select-down-arrow.jpg) no-repeat 5px center #fff;
	background-size:15px;
}
.filter > input {
	width:100%;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left:25px;
	font-family: Oswald, sans-serif;
	font-weight: 400;
}

.filter > select::-ms-expand {	
	display: none; 
}
.filter button {
	width:100%;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}
.sales-rep-locator-wrap {
	overflow:hidden;
	margin-top:30px;
}
#sales-rep-locator .locator-wrapper {
    width: 30%;
    float: left;
}
#sales-rep-locator-map {
	float:left;
	width:70%;
	padding-left:50px;
}
#sales-rep-locator .locator-count {
	padding:15px 40px;
	height:auto;
}
#sales-rep-locator .locator-count > p {
	font-size:21px;
	margin-bottom:0;
	line-height:1.2;
	
}
#sales-rep-locator-results #results-list,
.results .results-listing {
	max-height:560px;
	overflow-y:auto;
}
#sales-rep-locator-results #results-list ul,
.results .results-listing ul {
	margin:0;
	list-style:none;
	padding:20px;
	background-color:#424242;
}
.results .results-listing ul {
    padding: 0;
}
.results .results-listing ul li {
	padding:20px 20px 0;
}

#sales-rep-locator-results .result {
	display:flex;
	align-items:center;
	border-bottom:1px solid #777;
	padding-bottom:20px;
	margin-bottom:25px;
}

#sales-rep-locator-results ul li:last-child .result {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}
#sales-rep-locator-results .result-logo {
	width:33.33%;
	padding-right:10px;
}

#sales-rep-locator-results .result-info {
	width:66.66%;
	padding-left:20px;
}

#sales-rep-locator-results .company-name-field {
	font-size:14px;
	font-family:Oswald, sans-serif;
}
#sales-rep-locator-results .location-marker,
.results .result-icon {
	background-color:#c10430;
	width:19px;
	height:20px;
	align-self:flex-start;
}
#sales-rep-locator-results .location-marker::after {
	border: 7px solid transparent;
	border-top: 12px solid #c10430;
	bottom:-20px;
	left:-3px;
}
.results div.result {
	display:flex;
	box-shadow: 0 1px 0 0 #bcb9ba;
	padding-bottom:20px;
}


/* map location */
.locator-content {
	display: table;
	width: 100%;
	height: 600px
}

.results  {
	display: table-cell;
	width: 30%;
	vertical-align:top;
}

.map {
	display: table-cell;
	width: 70%;
	vertical-align:top
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.map > div {
		position:relative !important;
	}
}

.results .result-icon {
	position: relative;
	top: 5px;
	left: 0;
	border-radius: 50%;
	border: 5px solid #c10430;
    border-bottom-color: rgb(193, 4, 48);
    border-bottom-style: solid;
    border-bottom-width: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
	cursor:pointer;
	
	background-color:#c10430;
	width:20px;
	height:20px;
	align-self:flex-start;
}
.results .result-icon::after {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	left: -2px;
	border: 7px solid transparent;
	border-top: 11px solid #c10430;
	bottom:-20px;
}
.results .focused .result-icon {
	background:#fff;
	border-color:#fff;
	color:#c10430;	
}
.results .focused .result-icon::after {
	border-top-color:#fff;
}
.results .result-icon:hover {
	border-color:#fff;
	background:#fff;
}
.results .result-icon:hover::after {
	border-top-color:#fff;
}
.results .result.focused div.result,
.results .focused div.result,
.results .results-listing ul li.hovered div.result {
	box-shadow:none;
}
.results .results-count {
	width: 100%;
	background:#1C1C1C;
	font-size: 35px;
	font-family: Oswald;
	padding: 10px 40px;
	text-transform: uppercase;
}
.results .results-count p {
	margin-bottom:0;
}
.results {
	background-color:#424242;
}
.results .result-info,
.result .result-info {
	padding-left:20px;
	font-size:12px;
}
.results .result-info a {
	font-weight:700;
}
.results .title-field {
	font-family: 'Oswald', sans-serif;
	font-size:18px;
}
.results .focused,
.results .results-listing ul li.hovered {
	background-color:#BCB9BA;
	color:#333;
}

.distributor-results {
	display:none;
}
.distributor-results.active {
	display:block;
}
.gm-style {
	color:#000;
}
@media (min-width:1025px) {
	#sales-rep-locator-filters-secondary,
	.mobile-results {
		display:none !important;
	}
}
@media (max-width:1024px) {
	.desktop {
		display:none !important;
	}
	form .filter-wrap,
	.filter-wrap form{
		display:block;
	}
	
	.filter-wrap .filter {
		margin-right:0;
		margin-bottom:10px
	}
	.filter-wrap .locator-wrapper {
		width:100%;
		float:none;
	}
	.filter-wrap .result {
		display:block;
	}
	.filter-wrap #results-list {
		max-height:100%;
	}
	.filter-wrap .result-logo {
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	.filter-wrap .result-info {
		font-size:16px;
		width:100%;
		margin-top:20px;
		
	}
	#sales-rep-locator-map {
		width:100%;
		padding:0;
		margin-bottom:20px;
	}
	#sales-rep-locator .locator-wrapper {
		width:100%;
	}
	.locator-content {
		display:flex;
		flex-wrap:wrap;
		height:auto;
	}
	.map,
	.mobile-results {
		width:100%;
		min-height:400px;
	}
	#mps-locator #mps-locator-results,
	#mps-locator #mps-locator-map {
		width:100%;
		min-height:400px;
	}
	#mps-locator #mps-locator-map {
		order:1;
	}
	#mps-locator #mps-locator-results {
		order:2;
	}
}
@media (max-width:768px) {
	
	
	
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 9. Service Net
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.filter_side_bar {
    padding:30px;
    background-color:#444444;
}
.filter-upper {
	display:flex;
}
.account_filter .radio-filter-input {
    margin-top: 8px;
    margin-right: 10px;
}
.filter.account_filter .check-wrap {
    padding-left:0;
    display:flex;
    align-items:flex-start;
}
.filter_side_bar .filter-group h2 {
    font-size:25px;
    border-bottom:1px solid #666;
    padding-bottom:15px;
}
.filter-group .scroll {
    margin:20px 0;
    border-bottom:1px solid #666;
}
.filter-group .scroll ul{
    max-height:300px;
    overflow-y:auto;
    border:0;
    padding-right:17px;
}
.filter-form  input.search {
    border-radius:5px;
}
.catalog-input {
    width:100%;
    border-radius:5px;
    margin:5px 0;
}
.package-head-print {
    display: flex;
    align-items: center;
}
.package-head {
    flex-grow:1;
}
.package-head h3 {
    margin-bottom:0;
}
.divTableBody .divTableCell:first-child {
    padding-left:20px;
}
.filter.radio-filter .check-wrap {
    padding-left:0;
}
.radio-filter .radio-filter-input {
    float:left;
    margin:8px 10px 0 0;
}
.gray-btn a.export_to_excel {
    color:#fff;
    text-transform:uppercase;
    font-family:'Oswald', sans-serif;
    padding:15px 40px;
    background-color:#666;
    display:inline-block;
    float:right;
}
.gray-btn a.export_to_excel:hover,
.gray-btn a.export_to_excel:focus {
    background-color:#c10230;
}
.easyPaginateNav {
    width:auto !important;
    overflow:hidden;
}
.results_found {
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
}
.date-picker{
    display:flex;
    align-items:center;
    margin-bottom:15px;
}
.date-filter .date-wrap input {
    height:50px;
    width:135px;
    border-radius:5px 0 0 5px;
    border:0;
}
.date-filter .date-wrap i {
    line-height:50px;
    width: 50px;
    height: 50px;
}
.date-filter .date-wrap i::before {
    line-height:50px;
    width: 50px;
    height: 50px;
    background: #c10230;
    border-radius:0 5px 5px 0;
}
.date-picker label {
    width: 42px;
    text-align: right;
    padding-right: 10px;
    font-size:14px;
}

/* Deselect Account Styles */

#account-filters .filter-deselect-account-items ul {
    list-style-type: none;
    margin: 10px 0px 0px;
    display: flex;
    flex-wrap: wrap;
}

#account-filters .filter-deselect-account-items ul > li {    
    font-size: .55rem;
    background: grey;
    padding: 2px 8px;
    margin: 2px;
    border-radius: 10px;
}

#account-filters .filter-deselect-account-items ul > li span::after {
    content: "X";
    margin-left: 3px;
    font-size: 8px;
}

#account-filters .filter-deselect-account-items ul > li:hover {    
    background: #c10230;
    padding: 2px 8px;
    margin: 2px;
    cursor: pointer;
}
#account-filters .filter-deselect-account-items ul > li:hover span::after {
    content: "-";
    margin-left: 4px;
    font-size: 9px;
}

#account-filters .filter-deselect-account-items .controls button {
    font-size: 13px;
    padding: 0;
    background-color: #535353;
    border-width: 0;
}
#account-filters .filter-deselect-account-items .controls button:hover {
    text-decoration: underline;
    color: white;
}

/* Fixing the PA/Q/O buttons */

#rep-buttons .fl-col-group a:hover {
    background-color: white !important;
}

@media (max-width:1307px) {
    
    .date-picker label {
        width:100%;
        text-align:left;
    }
    .date-picker {
        flex-wrap:wrap;
    }
}
@media (max-width:1024px) {
    .package-head-print {
        display:block;
    }
    .gray-btn {
        overflow:hidden;
        margin-top:10px;
    }
    .gray-btn a.export_to_excel {
        margin:0 auto;
        float:none;
        display:block;
        width:100%;
        text-align:center;
    }
    body .uabb-button-wrap a {
        line-height:24px;
    }
    .filter_side_bar {
        padding:20px;
    }
}

/* MY ACCOUNT */

.page-id-210 .woocommerce-MyAccount-content > h2,
.page-id-210 .woocommerce-MyAccount-content > .shop_table.my_account_orders,
.page-id-210 .woocommerce-MyAccount-content > p:nth-of-type(2) {
    display: none;
}

.page-id-210 .woocommerce-MyAccount-navigation ul {
    max-width: 220px;
}

.page-id-210 .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 5px;
}

.page-id-210 .woocommerce-MyAccount-navigation ul li a {
    font-family: Oswald;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    padding: 12px 40px;
    color: white;
    background-color: #323232;
}

.page-id-210 .woocommerce-MyAccount-navigation ul li:hover a {
    color: #c10431;
    background-color: white;
}

.page-id-210 .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #c10431;
    color: white;
    cursor: default;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 10. WooCommerce Specific
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

.woocommerce-MyAccount-navigation-link.is-active a { /* Side Tab/Link Color */
    background-color: grey;
}
.woocommerce .order-info mark {
    color: white !important;
}

/* My Account Pages */

.page-id-210 .woocommerce-MyAccount-content h2,
.page-id-210 .woocommerce-MyAccount-content .my_account_orders,
.page-id-210 .woocommerce-MyAccount-content p:nth-of-type(2){
    display: none;
}

/* UPDATED STYLING ----------------------------------------------------------------------------------------------------- */

body.post-type-archive-product .sub-cat-wrap .sub-cat .cat-name a.button {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    padding: 20px 30px;
}

body.post-type-archive-product .sub-cat-wrap .sub-cat .cat-name a.button:hover {
	background-color: black;
	color:white;
}

.loadingoverlay { /* Fix the Overlay */
    z-index: 6 !important;
}

.mps-bread-wrapper .breadcrumbs ul { /* MPS Breadrumbs */
    margin-left: 0;
}

/* MPServiceNet Buttons */

#mpservicenet .account-filters a#account-filter-submit {
    width: 100%;
    border-radius: 3px;
    margin-top: 15px;
    border-left: solid 1px grey;
}

#mpservicenet .id-filters .button {
    font-size: 15px;
    text-transform: uppercase;
    border: solid 1px grey;
}

#mpservicenet .navigation ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

#mpservicenet .navigation ul li {
    width: 100%;
    text-align: center;
    margin: 4px;
    margin-top: 0;
}
#mpservicenet .navigation ul li:last-child {
	margin-right:0;
}

#mpservicenet .navigation ul li a {
    display: inline-block;
    width: 100%;
    border-radius: 0;
    font-family: Oswald;
    font-weight: 500;
    font-size: 18px;
	padding: 12px 20px;
	background-color: #323232;
}

#mpservicenet .navigation ul li a:hover {
	background-color: white;
    color: #c10431;
}

#mpservicenet .navigation ul li a.mps-navigation-button-active {
	color: white;
    background-color: #c10431;
}

@media (max-width:768px) {
	#mpservicenet .navigation ul {
		display:block;
		margin-top:20px;
	}
	body .mpsnet.content #price-availability-id-header {
		display:block;
	}
	.mpsnet.content #price-availability-id-header .export {
		margin-top:20px;
	}
}
/* MPServiceNet Primary Section */

#mpservicenet .content > div > div > .fl-row-content-wrap {
    padding-top: 0;
	padding-right:0;
}

/* MPServiceNet Sidebar Section */

/* MPS Announce Section (First Page) */

#mps-announce {
    background-color: #444;
    padding: 30px;
}

#mps-announce .left-title-image .uabb-infobox-title {
    font-size: 26px;
    text-transform: uppercase;
}

#mps-announce .left-title-image .uabb-icon i {
    font-size: 35px;
}
#mps-announce .left-title-image .uabb-icon i::before {
    font-size: 40px;
}

#mps-announce .uabb-imgicon-wrap {
    margin: 0;
}

#mps-announce .uabb-infobox-text-wrap {
    background-color: #1a1a1a;
    padding: 10px;
    min-height: 150px;
    max-height: 250px;
    overflow-y: scroll;
    font-size: 14px;
}

#mps-announce .uabb-infobox-separator .uabb-separator {
    margin-top: 10px;
}

#mps-announcements > .fl-builder-content {
    padding: 0;
}

#mps-announce .uabb-infobox-content > .uabb-infobox-text-wrap::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #323232;
}

#mps-announce .uabb-infobox-text-wrap::-webkit-scrollbar {
    width: 13px;
    background-color: #2d2929;
}

#mps-announce .uabb-infobox-text-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #6b6b6b;
}

/* -- Account Section -- */

#mpservicenet .account-filters {
    background-color: #535353;
    padding: 25px;
    font-family: Oswald;
}

#mpservicenet .account-filters .title {
    letter-spacing: 1px;
    font-size: 30px;
    border-bottom: solid 1px grey;
    margin: 0;
    padding-bottom: 18px;
    margin-bottom: 15px;
}

#mpservicenet .account-filters .subtitle {
    letter-spacing: 2px;
    margin-bottom: 12px;
}

#mpservicenet .account-filters form label {
    display: flex;
    width: 100%;
}
#mpservicenet .account-filters input[type="text"] {
    font-family: Oswald;
    border-radius: 3px 0px 0px 3px;
    font-size: 15px;
    width: 60%;
    border: solid 1px grey;
    border-right: 0;
}
#mpservicenet .account-filters input[type="text"]::placeholder {
    color: rgb(177,177,177);
}
#mpservicenet .account-filters a {
    font-family: Oswald;
    border-radius: 0px 3px 3px 0px;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    width: 40%;
    padding: 11px 0;
    text-align: center;
    border: solid 1px grey;
    border-left: 0;
}

#mpservicenet .account-filters .account-filter-list {
    margin: 0;
    list-style-type: none;
    margin-top: 10px;
    max-height: 260px;
    overflow-y: scroll;
}

/* SUB SECTION scroller styles */

#mpservicenet .account-filters .account-filter-list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #383838;
}

#mpservicenet .account-filters .account-filter-list::-webkit-scrollbar {
    width: 13px;
    background-color: #535353;
}

#mpservicenet .account-filters .account-filter-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #6b6b6b;
}

/* END scroller styles */

#mpservicenet .account-filters .account-filter-list li {
    margin-bottom: 13px;
    font-family: Oswald;
    font-size: 16px;
}

#mpservicenet .account-filters .account-filter-list li span {
    text-transform: capitalize;
}

/* SUB SECTION custom radio buttons */

#mpservicenet .account-filters .account-filter-list li input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #f1f1f1;
    color: #666;
    top: 3px;
    height: 20px;
    width: 20px;
	min-width:20px;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
}
#mpservicenet .account-filters .account-filter-list li input:checked::before {
    position: absolute;
    font: 33px sans-serif;
    left: 4px;
    top: -8.5px;
    content: '\2022';
    transform: rotate(40deg);
}
#mpservicenet .account-filters .account-filter-list li input:hover {
    background-color: #f7f7f7;
}
#mpservicenet .account-filters .account-filter-list li input:checked {
    background-color: #f1f1f1;
}
#mpservicenet .account-filters .account-filter-list li input label {
    font: 15px/1.7 'Open Sans', sans-serif;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
#mpservicenet .account-filters .account-filter-list li label:hover {
    cursor: pointer;
}
  /* CHECKBOXES */

#mpservicenet .account-filters #account-filter-list-checkbox li input {
    border-radius: 3px;
}

#mpservicenet .account-filters #account-filter-list-checkbox li input:checked::before {
    font: 17px sans-serif;
    left: 7px;
    top: -3px;
    content: '\02143';
}

/* END custom radio buttons */

/* MPS Filter, P&A Info Section at bottom */

#mps-filters #pa-info-links {
    background: #535353;
    border-top: solid 4px #c10230;
    margin-top: 30px;
    padding: 20px;
    font-family: Oswald;
}

#mps-filters #pa-info-links .title {
    border-bottom: solid 1px grey;
    margin-bottom: 20px;
}

#mps-filters #pa-info-links .body a {
    color: white;
    display: block;
}
#mps-filters #pa-info-links .body a:hover {
    color: #c10230;
}

#mps-filters #pa-info-links .body a::after {
    content: "\2192";
    display: inline-block;
    font-size: 25px;
    line-height: 20px;
    margin-left: 10px;
}

/* -- END Account Section -- */

/* -- Catalog Section -- */

#mpservicenet .id-filters {
    background-color: #535353;
    padding: 25px;
    font-family: Oswald;
}

#mpservicenet .id-filters .subtitle {
    text-transform: uppercase;
    letter-spacing: 2px;
    border-top: solid 1px grey;
    padding-top: 15px;
    width: 99%;
}

#mpservicenet .id-filters label div {
    font-family: "Open Sans", sansserif;
    font-size: 14px;
    margin: 10px 0 30px 0;
}

#mpservicenet .id-filters input[type="text"]{
    width: 98%;
    font-family: Oswald;
    border-radius: 3px;
    font-size: 15px;
    border: solid 1px grey;
    display: block;
}

#mpservicenet .id-filters .button {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 3px;
}

#id-filter-text-input {
    width: 100% !important; 
    margin: 0 0 10px 0;
}


/* NTS: LOOKING FOR STANDARDS IN TABLES THAT CAN BE GLOBALLY APPLIED */

/* MPS Tables -- Standard Tables */

/* MPServicenet Right Column */
.mpsnet.content .display .fl-row-content-wrap {
    padding: 3px 0 3px 3px;
    margin-top: 15px;
}

.mpsnet.content .display .fl-row-content-wrap h2 {
	text-indent: 15px;
}

.mpsnet.content .display .fl-row-content-wrap p {
	padding: 5px 5px 0px 15px;
}

.dataTables_wrapper  {
    width: 100%;
}
.table-popup .dataTables_wrapper {
	top: 140px;
}
@media (max-width:1024px) {
	.table-popup .dataTables_wrapper {
	top: 32px;
}
}

.dataTables_wrapper .dt-buttons {
    width: 50%;
    float: right;
}

.dataTables_wrapper .dataTable {
    width: 100% !important;
}

.dataTables_wrapper .buttons-excel {
    background:#565656;
    border: 0;
    color: white;
    border-radius: 0px;
    padding: 15px 40px;
    position: absolute;
    top: -100px;
    right: 0;
	margin-right:0;
}
.dataTables_wrapper .buttons-excel:before {
    content: "Export to Microsoft ";
}
.dataTables_wrapper button:not(.buttons-excel) {
    display: none;
}


.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    display: none;
}

.dataTables_wrapper .dataTable {
    margin: 0;
    background-color: #c3c4c5;
    border-radius: 3px;
}

.mpsnet.content .display table, .mpsnet.content .display th, .mpsnet.content .display tr, .mpsnet.content .display td {
    border: 0;
}

/* -- Hide Buttons */

.datatable-products .dt-buttons {
    display: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before {
    background-color: #c10431;
}

@media screen and (max-width: 680px) {
    .product_table_container th.sorting:not(.add-to-cart-button)::after,
    .dataTable:not(#quote-status-table) th.sorting_asc::after {
        display: none;
    }
}

/* Header */

.dataTables_wrapper .dataTable thead th {
    font-family: Oswald;
    font-weight: 500;
    font-size: 13px;
    color: black;
}
.dataTables_wrapper .dataTable thead th {
    padding: 15px 25px 15px 5px;
}

/* Body */

.dataTables_wrapper .dataTable tbody tr:nth-of-type(odd) {
    background-color: #eeeeee;
}
.dataTables_wrapper .dataTable tbody tr:nth-of-type(even) {
    background-color: #e0e1e2;
}
.dataTables_wrapper .dataTable tbody tr {
    border-collapse: collapse !important;
    border-top: solid 2px grey !important;
    color: black;
    font-size: 14px;
}
.dataTables_wrapper .dataTable tbody tr td {
    padding: 15px;
	white-space:nowrap;
}
.dataTables_wrapper .dataTable tbody tr td.child {
	white-space:normal;
}

.dataTables_wrapper .dataTable tbody tr a {
    color: #c10431;
}

.dataTables_wrapper .dataTable tbody tr a:hover {
    color: black;
    text-decoration: underline;
}
.dataTables_wrapper .dataTable tbody tr a.button {
	color:#fff;
	display:inline-block;
}
table.datatable-cross-reference > tbody > tr.child li:last-child span.dtr-title {
	display:none;
}
.dataTables_wrapper .dataTable tbody tr a.button:hover {
	color:#000;
}

.dataTables_wrapper .dataTable tbody tr .details-link {
    display: flex;
    padding: 3px 15px;
    justify-content: flex-end;
}

.dataTables_wrapper .dataTable tbody tr .catalog-details-button {
    background-color: grey;
    color: white;
    font-family: Oswald;
    padding: 8px 15px;
}
.dataTables_wrapper .dataTable tbody tr .catalog-details-button:hover {
    background-color: black;
    color: white;
    text-decoration: none;
}

.dataTables_wrapper .dataTable tbody tr:last-of-type td:first-of-type {
    border-radius: 0 0 0 3px;
}

.dataTables_wrapper .dataTable tbody tr:last-of-type td:last-of-type {
    border-radius: 0 0 3px 0;
}

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    font-family: Oswald;
    color: lightgrey;
    font-size: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:not(.disabled), .dataTables_wrapper .dataTables_paginate .paginate_button.previous:not(.disabled) {
    color: lightgrey !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: 0;
    background: #e0e1e2;
}

/* MPServiceNet P&A Catelog Summary List */

.mpsnet.content .display #price-availability-catalog-summary-subpage .results-count {
    font-family: Oswald;
}
@media (max-width:1024px) {
	#mpservicenet .navigation ul {
		display:block;
	}
	.dataTables_wrapper .dt-buttons {
		width:100%;
		text-align:center;
	}
	.dataTables_wrapper .buttons-excel {
		position:relative;
		top:0;
		margin-bottom:20px;
	}
	#mpservicenet .navigation ul li {
		margin:0 0 5px;
	}
	.mpsnet.content .display .fl-row-content-wrap {
		padding-left:0;
	}
	
	
	#price-availability-account-header .text {
		text-align:center;
	}
}
@media (max-width:768px) {
	#mpservicenet .content > div > div > .fl-row-content-wrap {
		padding-left:0;
	}
}


/* -------------------------------------------------------------------------------------------------- */

/* Packaging Info */

/* Header Section */

.mpsnet.content #price-availability-id-header {
    margin-bottom: 20px;
    display: flex;
}

.mpsnet.content #price-availability-id-header .text {
    width: 100%;
}

.mpsnet.content #price-availability-id-header .text h3 {
    margin-bottom: 5px;
}

.mpsnet.content #price-availability-id-header .export {
    min-width: 22%;
    align-self: center;
}

.mpsnet.content #price-availability-id-header .export a {
    display: block;
    background-color: #666;
    width: 100%;
    text-align: center;
    border-radius: 0;
    font-family: Oswald;
    font-size: 15px;
}

.mpsnet.content #price-availability-id-header .export a::before {
    content: "\f02f";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 5px;
}

.mpsnet.content #price-availability-id-header #back-to-account-listing {
    font-family: Oswald;
    color: white;
    font-size: 15px;
}

.mpsnet.content #price-availability-id-header #back-to-account-listing:hover {
    color: #c10431;
}

.mpsnet.content #price-availability-id-header #back-to-account-listing:before {
    display: inline-block;
    content: "\f053";
    font-family: FontAwesome;
    padding-right: 5px;
    padding-bottom: 2px;
    transform: scaley(1.3);
}

.mpsnet.content #price-availability-id-packaging-info .dt-buttons, .mpsnet.content #price-availability-id-availability-info .dt-buttons {
    display: none;
}

/* -- Sideways Tables */

.side-table .table-wrapper {
    margin-bottom: 40px;
}

.side-table table {
    display: flex;
    border-collapse: collapse !important;
    border-radius: 3px;
}
.side-table table thead, .side-table table tbody {
    width: 50%;
}

.side-table table thead, .side-table table tbody {
    color: black;
    font-size: 13px;
}

.side-table table thead tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: lightgrey;
    font-family: Oswald;
    border-radius: 3px 0 0 3px;
	height:100%;
}

.side-table table thead tr [style] { /* Overriding Inline Width */
    width: 100% !important;
}

.side-table table tbody tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-weight: 500;
    border-radius: 0 3px 3px 0;
	height:100%;
}

.side-table table thead tr td, .side-table table tbody tr td {
    width: 100% !important;
    font-size: 15px;
    padding: 15px 25px !important;
    border-bottom: solid 1px #a0a0a0 !important;
    min-height: 22px;
}

.side-table table thead tr td:first-of-type {
    border-radius: 3px 0 0 0;
}
.side-table table thead tr td:last-of-type {
    border-radius: 0 0 0 3px;
}
.side-table table tbody tr td:first-of-type {
    border-radius: 0 3px 0 0;
}
.side-table table tbody tr td:last-of-type {
    border-radius: 0 0 3px 0;
}

td.sorting_asc {
    color: red;
    background-color: blue;
}

/* -- HIDE STUFF */

.side-table .dataTables_info, .side-table .dataTables_paginate {
    display: none;
}



 /* -- ROUND 3 ---------------------------------------------------------------------------------- */

/* Product Tables */

.product_table_container .dt-buttons, .product_table_container .dataTables_info {
    display: none;
}

tr th {
    vertical-align: middle;
}

.product_table_container td:not(.add-to-cart-button) {
    font-weight: 600;
    font-family: 'Open Sans';
    font-size: 13px;
}

.product_table_container table {
    border-collapse: collapse;
}

.product_table_container table th, .product_table_container table td {
    border: 0;
}

/*tr td:not(.add-to-cart-button) {
    width: 350px !important;
}*/

tr td.add-to-cart-button {
    max-width: 220px;
}

.dataTable .cart script {
    display: none !important;
}

 /* Set the Sort Buttons */

  /* -- First hide the datatable images */

.product_table_container th.sorting_asc,
.product_table_container th.sorting_desc,
.product_table_container th.sorting {
    background-image: none !important;    
}

  /* -- Set the position of the container */

.product_table_container th.sorting, .product_table_container th.sorting_asc, .product_table_container th.sorting_desc {
    position: relative;
}

  /* -- Now add the Arrows: First default, then toggled */

.product_table_container th.sorting:not(.add-to-cart-button)::after {
    content: "\f0dd";
    font-family: FontAwesome;
    color: #8b8b8b;
    font-size: 19px;
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 30px;
    height: 30px;
    text-align: center;
}





/* Set the Sort Buttons */

  /* -- First hide the datatable images */

.dataTable th.sorting_asc,
.dataTable th.sorting_desc,
.dataTable th.sorting {
    background-image: none !important;    
}

  /* -- Set the position of the container */

.dataTable th.sorting, .dataTable th.sorting_asc, .dataTable th.sorting_desc {
    position: relative;
}

  /* -- Now add the Arrows: First default, then toggled */

.dataTable:not(#quote-status-table) th.sorting:not(.add-to-cart-button)::after {
    content: "\f0dd";
    font-family: FontAwesome;
    color: #8b8b8b;
    font-size: 19px;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 30px;
    height: 30px;
    text-align: center;
}
.dataTable:not(#quote-status-table) th.sorting:not(.add-to-cart-button)::after {
	content:'';
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #8b8b8b;
	bottom:6px;
	left:5px;
}

.dataTable#quote-status-table th:hover { /* Disable pointer */
    cursor: default;
}

.dataTable:not(#quote-status-table) th.sorting_asc::after {
    content: "\f0de";  /* UP */
    font-family: FontAwesome;
    color: #c10431;
    font-size: 19px;
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 30px;
    height: 30px;
    text-align: center;
}
.dataTable:not(#quote-status-table) th.sorting_asc::after {
	content:'';
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #c10431;
	bottom:6px;
	left:5px;
}

.dataTable:not(#quote-status-table) th.sorting_desc::after {
    content: "\f0dd"; /* DOWN */
    font-family: FontAwesome;
    color: #c10431;
    font-size: 19px;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 30px;
    height: 30px;
    text-align: center;
}
.dataTable:not(#quote-status-table) th.sorting_desc::after {
	content:'';
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #c10431;
	bottom:6px;
	left:5px;
	transform: rotate(180deg);
}

.dataTables_wrapper .dataTable  thead th {
     font-family: Oswald;
     font-weight: 500;
     font-size: 13px;
     color: black;
 }

.page-id-6966 .table-popup .dt-buttons {
    display: none;
}

/* Add to Quote */

.product_table_container table tbody tr td.add-to-cart-button {
    display: flex;
    flex-direction: column;
    width: 230px;
}

.product_table_container table tbody tr td.add-to-cart-button *,
.product_table_container table tbody tr.child .button_add_to_quote button {
    display: inline-block;
}


.product_table_container table tbody tr td.add-to-cart-button input {
    border-radius: 5px;
    font-size: 15px;
    font-family: Oswald;
    font-weight: 600;
    color: black;
}

.product_table_container table tbody tr td.add-to-cart-button button, .product_table_container table tbody tr td.add-to-cart-button .added_to_quote {
    font-family: Oswald;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #c10230;
    color: white;
    padding: 10.5px 40px !important;
    border-radius: 3px !important;
    line-height: 13px;
    min-width: 80px;
    text-align: center;
}


/* RADIOS */

#id-filter-type-list {
    list-style-type: none;
    margin: 15px 0;
    font-size: 14px;
}

#id-filter-type-list > li {
    margin-bottom: 5px;
}

#mps-filters input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #f1f1f1;
    color: #666;
    top: 3px;
    height: 20px;
    width: 20px;
    border: 0;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
}
#mps-filters input[type=radio]:checked::before {
    position: absolute;
    font: 33px sans-serif;
    left: 4px;
    top: -8.5px;
    content: '\2022';
    transform: rotate(40deg);
}
#mps-filters input[type=radio]:hover {
    background-color: #f7f7f7;
}
#mps-filters input[type=radio]:checked {
    background-color: #f1f1f1;
}
#mps-filters #id-filter-type-list input {
    font: 15px/1.7 'Open Sans', sans-serif;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
#mps-filters #id-filter-type-list label {
    cursor: pointer;
}

/* More MPS Filters */

.date-filter h5 {
    font-size: 18px;
}

  /* Date Input */
#id-filters .date-wrap {
	width:100%;
}
#id-filters input[type="date"] {
    font-size: 15px;
    font-family: Oswald;
    border-radius: 4px;
    border: solid 1px grey;
    text-transform: uppercase;
    width: 100%;
    padding-left: 10px;
}

#id-filters input[type=date]::-webkit-inner-spin-button, 
#id-filters input[type=date]::-webkit-outer-spin-button { /* Hide the Up/Down Arrows */ 
  -webkit-appearance: none !important; 
  margin: 0; 
}

#id-filters input[type="date"]::-webkit-calendar-picker-indicator {
    background: url('https://api.iconify.design/dashicons:calendar-alt.svg?color=%23ffffff&width=30px&height=30px') no-repeat center center;
    color: rgba(0,0,0,0);
    display: block;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: #c10431;
    padding: 20px;
    border-radius: 0px 3px 3px 0px;
    font-size: 20px;
    margin-left: 10px;
}
#id-filters input[type="date"]:hover::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: black;
}

  /* Open & Shipped Filter */
 
#id-filters #id-filter-status select {
    width: 100%;
    font-family: Oswald;
    margin-bottom: 20px;
    border-radius: 3px;
}

/* Product Cat Cards ------------------------------------ */

.product-cats .prod-list-wrap {
    padding: 20px;
}
.prod-list-wrap .cat-name-thumb {
	display:flex;
	height: 100%;
	flex-wrap: wrap;
	justify-content: center;
}
.prod-list-wrap .cat-name-thumb a {
	height: calc(100% - 90px);
	color:#000 !important;
	width:100%;
}
.cat-thumb {
	padding-top:10px;
}
.product-cats .prod-list-wrap .cat-name-thumb a .cat-name {
    all: unset;
    color: black;
    font-family: Oswald;
    text-transform: uppercase;
    font-weight: 400;
    min-height: 60px;
    display: inline-block;
	text-align:center;
	margin-top:15px;
	padding-bottom:15px;
	width:100%;
	font-size:18px;
	letter-spacing:0;
	line-height:1.3;
}
@media (max-width:768px) {
	.product-cats .prod-list-wrap .cat-name-thumb a .cat-name {
		min-height:0;
	}
}

.product-cats .prod-list-wrap .cat-name a,
.product-cats .prod-list-wrap .cat-name button {
    padding: 20px;
    font-weight: 400 !important;
	color:#fff !important;
}


.product-cats .prod-list-wrap .cat-name .button:hover {
    color: white;
    background-color: black;
}

.cat-name-thumb a {
   
    flex-direction: column;
    justify-content: space-around;
}

.cat-thumb img {
    object-fit: cover;
    max-height: unset !important;
    min-height: unset !important;
    width: auto;
	margin:0 auto;
	display:block;
}
/*
.product-cats {
    justify-content: space-between;
}
*/

.product-cats i { /* Targeting the hidden elements to fix the last row of Flexbox elements */
    width: 25%;
    max-width: 300px;
    height: auto;
    margin: 20px 0;
	display:none;
}

/*.product-cats .product-cat {
    max-width: 300px;
}*/

.product-cats .prod-list-wrap .cat-name-thumb .cat-name a:first-of-type {
    display: none;
}

body.woocommerce-page .uabb-tabs .uabb-tab-acc-content p {
    line-height: 1.3em;
    font-size: 16px;
    color: #f2f2f2;
}

#price-availability-default-subpage,
#quote-default-subpage,
#order-default-subpage {
    font-size: 15px;
    line-height: 2em;
}
#price-availability-default-subpage h1 span,
#quote-default-subpage h2 span,
#order-default-subpage h1 span {
    font-size: 50px;
    margin: 20px 0px;
    display: inline-block;
}

#price-availability-default-subpage .fl-row-content-wrap,
#quote-default-subpage .fl-row-content-wrap,
#order-default-subpage .fl-row-content-wrap {
    margin: 0;
}

/* Global Table Elements */

.dt-button.buttons-excel {
    box-shadow: none;
    transition: background-color 0.3s ease;
}
.dt-button.buttons-excel:hover {
    color: #c10431;
    background-color: white;
    border: 0 !important;
}

.dataTables_info { /* In the footer */
    color: grey !important;
}

/* NON-PRODUCT Information Tables */

.infotable {
  font-family: Oswald, sans-serif !important;
  margin: 15px 0px 0px 0px;
  color: black !important;
  border-collapse: collapse;
  width: 100%;
}

.infotable td, th {
  border: 1px solid #c3c4c5;
  text-align: left;
  padding: 8px;
}

.infotable tr:nth-child(even) {
  /*font-size: small !important;*/
  background-color: #eeeeee;
}
.infotable tr:nth-child(odd) {
  /*font-size: small !important;*/
  background-color: #e0e1e2;
}

/* Sideways */

.side-table .dataTables_wrapper .dataTable tr th {
    min-height: 22px;
    border-right: solid 1px grey;
}
.side-table .dataTables_wrapper .dataTable tr th:not(:first-of-type) {
    border-top: solid 1px grey;
}

.side-table .dataTables_wrapper .dataTable tbody tr {
    border-top: 0 !important;
}

/* Storm Status Banners ------------------------------------------------------------------ */

.storm-status-mod {
    border: solid 1.5px grey;
    border-radius: 4px;
    background-color: #1c0b09;
    margin: 5px 0px;
}

.storm-status-mod .storm-is {
    display: flex;
    align-items: center;
}

.storm-status-mod .storm-is i {
    padding: 5px 15px;
    font-size: 25px;
}

.storm-status-mod .storm-is h3 {
    display: inline-block;
    margin: 0;
    white-space: nowrap;
    font-size: 20px;
    margin-right: 20px;
    letter-spacing: 0;
}

.storm-status-mod p {
    color: lightgrey;
    display: inline-block;
    margin: 0;
}

.page-id-229473 .login-form .fl-html {
    font-family: Oswald;
    font-weight: 400;
    color: white;
}
.page-id-229473 .login-form .fl-html a:first-of-type {
    color: white;
    display: inline-block;
    padding: 10px 20px;
}
.register a:hover + .uabb-infobox-content .uabb-infobox-title,
.register a:hover + .uabb-infobox-content .uabb-icon-wrap .uabb-icon i::before {
	color:#c10230;
}


.page-id-229473 .login-form .fl-html a:nth-of-type(2) {
    color: white;
    background-color: #313131;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 20px 0px;
    display: inline-block;
}
.page-id-229473 .login-form .fl-html a:nth-of-type(2):hover {
background-color: black;
}

.page-id-229473 .login-form .fl-html p {
    font-size: 14px;
    color: lightgrey;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 11. Competitor Parts Page
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

body.page-id-27466 .divTable .divTableCell:last-of-type {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-family: Oswald;
}

body.page-id-27466 .divTable {
    font-family: Oswald;
}

body.page-id-27466 .search-form button.search-submit:hover {
    color: white;
    border: solid 1px grey;
    transition: background-color 200ms ease;
}

.page-id-27466  .dt-buttons {
    display: none;
}

.page-id-27466 form.x-ref-search .search-submit:focus {
    color: white;
}

.page-id-27466 .datatable-cross-reference .go-to-product-page .button {
    color: white;
    font-family: Oswald;
}
.page-id-27466 .datatable-cross-reference .go-to-product-page .button:hover {
    background: black;
}

/* PRINT STYLES ------------------------------------------------------------------ */

@media print {
	body {
		margin: 0;
		color: #000 !important;
		background-color: #fff !important;
	}
	h1, h2, h3, h4, h5, h6, p, span, a {
		color: #000 !important;
	}
	.fl-node-5c754ac537e3b,footer,button, #mps-filters, .fl-node-5d557748d829b, .export {
        display: none;
    }
	.datatable-products {
		max-width: 95%;
		font-size: .8em !important;
	}
	header .wp-image-38 {
        content: url(https://macleanpower.wpengine.com/wp-content/uploads/MPS-Logo-2019-03-26_COLOR_email.png) !important;
	}
}

/* ISP+ SEARCH ------------------------------------------------------------------- */

/* "YOU MIGHT ALSO CONSIDER THESE PRODUCTS..." RELATED RESULTS LIST showing on other pages - Adjust the text color */
	.isp_related_title {
		color: white !important;
}

/* FOOTER LINKS - PRODUCT CATEGORY PAGES ------------------------------------------ */
/* "View Details" button alignment for Distribution Products page linked in footer */
	.product-well-btn {
		align-self: center;
}
/* Top text label center alignment for Distribution Products page linked in footer */
	.product-well-label {
		align-self: center;	
}





