@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

.header-logo a,
.header-upper,
.header-actions a.ico-cart,
.header-menu > ul > li > a::after,
#goToTop,
.social-sharing li,
.newsletter-email .newsletter-subscribe-button,
.footer-block .title + *::before,
.header-2 .header-lower,
.mega-menu .title::after,
.item-box input[type="button"],
.item-box .with-icon .product-box-add-to-cart-button,
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.write-review .button-1,
.wishlist-content .button-2.wishlist-add-to-cart-button,
.compare-products-page .button-2,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .login-button,
.login-page .register-button,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.contact-page .button-1,
.email-a-friend-page .button-1,
.account-page .title strong::after,
.account-page .button-2,
.order-details-page .button-2.print-order-button,
.order-details-page .actions input,
.mini-shopping-cart .count,
.mini-shopping-cart input[type="button"],
.shopping-cart-page .button-2.update-cart-button,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.search-input .button-1,
.sitemap-page .entity-title h2::after,
.post-title::after,
.news-title::after,
.blog-posts .read-more,
.news-items .read-more,
.new-comment .title strong::after,
.comment-list .title strong::after,
.new-comment .button-1,
.forum-search-box .basic .search-box-button,
.forums-table-section-title > a::after,
.forums-table-section-title strong::after,
.topic-post .pm-button,
.profile-info-box .pm-button,
.forum-edit-page .buttons input.button-1,
.move-topic-page .buttons input.button-1,
.private-messages .buttons input.button-1,
.responsive-nav-wrapper,
.item-box .rating div,
.overview .rating div,
.product-review-box .rating div,
.footer-2 .newsletter-block .title,
.apply-vendor-page .button-1,
.ui-dialog-titlebar,
.ui-dialog .notify-me-button,
/*plugins*/ .ajaxCart .productAddedToCartWindowCheckout,
.previous-product a:hover .previous-product-label,
.next-product a:hover .next-product-label,
.sale-of-the-day-offer .go-to-product-page,
.blog-search-box .search-box-button,
.post-navigation a:hover::before,
.jCarouselMainWrapper .slick-dots .slick-active button,
.ajaxFilters .k-window-titlebar,
.ropc .complete-button button,
.header-menu > ul > li > span:after,
.shops-item .shop-name:after,
.shops-item .read-more,
.newsletter-subscribe-popup .newsletter-subscribe-popup-title::after {
  background-color: #076466;
}
/* set same border color as bg */

.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.wishlist-content .button-2.wishlist-add-to-cart-button,
.account-page .button-2,
.order-details-page .button-2.print-order-button,
.order-details-page .actions input,
.shopping-cart-page .button-2.update-cart-button,
.forum-edit-page .buttons input.button-1,
.move-topic-page .buttons input.button-1,
.private-messages .buttons input.button-1,
.attribute-squares .selected-value .attribute-square,
/*plugins*/ .previous-product a:hover .previous-product-label,
.next-product a:hover .next-product-label,
.ui-slider-handle,
.mega-menu .dropdown.fullWidth,
.post-navigation a:hover::before {
  border-color: #076466;
}
/* set differen background color to this button */

.header-2 .header-actions a.ico-cart {
  background-color: #e67c79;
}
/* color */

.ui-dialog-titlebar,
.eu-cookie-bar-notification button,
.eu-cookie-bar-notification a,
.header-2 .header-links a span:hover,
.header-2 .header-links a:hover,
.styleSelect_item li:hover span,
.footer-block a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .list li.active > a,
.block.block-account-navigation .list li a.active,
.block .list a:hover,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.news-list-homepage .news-date,
.poll strong,
.poll .buttons input,
.poll-total-votes,
.breadcrumb a:hover,
.contact-vendor .button-2,
.product-filters .filter-content li a:hover,
.item-box .product-title a:hover,
.item-box .actual-price,
.item-box .tax-shipping-info a,
.pager li a:hover,
.pager li.current-page span,
.product-review-links a,
.overview .subscribe-button,
.variant-overview .subscribe-button,
.overview .value a,
.variant-overview .value a,
.overview .product-price,
.variant-overview .product-price,
.overview .prices .tax-shipping-info a,
.variant-overview .prices .tax-shipping-info a,
.ui-tabs .ui-tabs-nav li a,
.product-tags-list li,
.vendor-list li,
.product-reviews-page h1 a,
.product-review-item .review-info a,
.product-review-helpfulness .vote,
.wishlist-content .tax-shipping-info a,
.wishlist-content .button-2,
.wishlist-page .share-info a:hover,
.compare-products-page .clear-list,
.topic-block a,
.topic-page a,
.enter-password-form input[type="submit"],
.email-a-friend-page .title h2,
#check-availability-button,
.login-page .inputs.reversed a,
.login-page .checkout-as-guest-button,
.add-more-external-records a,
.account-page .return-items-button,
.return-request-list-page a,
.reward-points-history td.points-balance,
.avatar-page .buttons .button-2,
.shopping-cart-page .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.terms-of-service a,
.order-completed .details a,
.opc .back-link a:hover,
.order-details-page .order-overview strong,
.order-details-page .tax-shipping-info a,
.order-details-page input.return-items-button,
.sitemap-page a:hover,
.post-title:hover,
.news-title:hover,
.blog-page .tags li,
.blogpost-page .tags li,
.blog-posts .read-comments,
.comment-info .username,
.news-list-homepage .view-all a,
.forum-search-box .advanced a,
.forums-table-section a:hover,
.forums-table-section-title > a:hover,
.forums-table-section .view-all a,
.forums-table-section .latest-post .origin a,
.forums-table-section .latest-post .author a,
.forums-table-section .topic-details .topic-starter a,
.forum-actions .actions a,
.topic-actions .actions a,
.topic-post .username,
.topic-post .post-actions .quote-post-button,
.topic-post .post-actions a:hover,
.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input,
.private-messages-page td a.pm-unread,
.private-messages-page .to a:hover,
.private-messages-page .from a:hover,
.private-messages-page .subject a:hover,
.profile-page .topic-title a,
.profile-page .topic-title a:hover,
.header-menu .sublist li:hover > a,
.mini-shopping-cart .price span,
.mini-shopping-cart .totals strong,
.cart .edit-item > a,
.cart tbody .subtotal,
.compare-products-table .product-price td,
td.footable-last-column,
.go-to-page,
.blog-page .buttons .read-more,
.order-details-page .button-2.re-order-button,
.account-page .button-2.return-items-button,
/*topics descriptions posts*/ .category-description a,
.manufacturer-description a,
.full-description a,
.topic-html-content a,
.post-body a,
.news-body a,
.custom-tab a,
/*plugins*/ .mega-menu .box li a:hover,
.sale-of-the-day-offer .price.actual-price,
.rich-blog-homepage .view-all a,
.instant-search-item .detail .price,
.priceRangeCurrentPricesPanel span,
.specification-current-value-panel span,
.filtersGroupPanel li > a:hover,
.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter,
.selected-options-list > li span,
.productAddedToCartWindowSummary a,
.productAddedToCartWindowDescription strong,
.quickViewWindow .links-panel a,
.sale-of-the-day-offer .product-name h4:hover,
.blog-search-results li a,
.jDropDown li span:hover,
.jDropDown li.selected span,
.footer-tax-shipping a,
p .search-term-highlighter,
.ropc .estimate-shipping button,
.ropc .coupon-code button,
.post-relations li a,
.checkbox-list li label:hover,
.spc-header li span,
.spc-categories .category-sublist li a:hover,
.spc-categories .category-info:hover .category-title a,
.getUserGeoLocation,
.align-map-button,
.filter-shops-button,
.shops-item .show-directions,
.shop-map-images .map-controls a,
.shop-full-description a {
  color: #076466;
}

/*************************AlexS Custom***************************/
.custom-button-base, .custom-button-base-sm {
  width: 100%;
  max-width: 100%;
  border: medium none;
  padding: 10px 20px;
  background-color: #076466;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff !important;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.custom-button-base-sm {
  font-size: 11px;
  font-weight: 500;
  padding: 4px 6px;
}

  .custom-button-base:hover, .custom-button-base-sm:hover {
    background-color: #208285;
  }

.bttn-icon-base {
  padding-left: 32px;
  position: relative;
}

  .bttn-icon-base:before {
    position: absolute;
    font-family: 'Font Awesome\ 5 Free';
    top: 12px;
    left: 14px;
  }

.icon-order-approval:before {
  content: "\f46c";
}

.icon-crown:before {
  content: "\f521";
}

.icon-cart:before {
  content: "\f07a";
}

.icon-save:before {
  content: "\f02c";
}

.icon-account:before {
  content: "\f2bd";
}


.custom-devider {
display:block;
height:40px;
}

.custom-grid-item-title {
color:#333;
font-weight:700;
text-align:center;
min-height:40px;
}

.custom-grid-item-link {
display:none;
}

.custom-item-pics-container {
display:block;
}
.custom-item-thumbnail {
    width:30px; height:30px; display:inline-block;
}

div.custom-item-thumbnail img {
  width: 100%;
  height: 100%;
}

.align-text-left {
  text-align: left !important;
}

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

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

.custom-item-morelink {
  display: inline-block;
  position: absolute;
  padding-left: 10px;
}
.custom-item-morelink a {
}
  .custom-item-morelink a:hover {
    color: #076466;
  }

.custom-grid-item-details {
  display: block;
  min-height: 30px;
}

.custom-left-side {
    width:50%; float:left;
}

.custom-right-side {
  width: 50%;
  float: right;
  text-align:right;
}

.custom-grid-item-price {
  text-transform: lowercase;
  font-size: 16px;
  color:#000;
  font-weight:700;
}

.custom-grid-item-price-txt {
  text-transform: lowercase;
  font-size: 13px !important;
}

.custom-grid-item-footer {
  text-transform: uppercase;
  font-size: 10px;
  color: #000;
  font-weight: 600;
  min-height: 20px;
}

.custom-grid-item-footer-link, .custom-accessories-item-extra-link {
  padding-bottom: 4px;
  border-bottom: 2px solid #076466;
}

.custom-grid-item-footer-link i {
    margin-right:8px;
}

.custom-product-overview-container {
  margin: 0px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  font-size: 13px;
}

  .custom-product-overview-container .label, .custom-product-overview-container .value {
    color: #7a7979 !important;
    /*text-transform: uppercase;*/
    /*font-weight: 600;*/
    /*font-size: 14px !important;*/
    min-width: 130px;
    display: inline-block;
  }

  .custom-product-overview-container .value {
    color: #000 !important;
    font-weight: 500;
  }

ul.custom-product-overview-link-buttons {
  margin-top: 20px;
}
  ul.custom-product-overview-link-buttons li {
/*    background-color: #444 !important;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 10px;*/
    color: #000;
/*    font-weight: 600;
    text-transform: uppercase;
    margin-right:0px;*/
  }

  ul.custom-product-overview-link-buttons li i {
 margin-right:10px;
  }
.custom-calc-box {
 /* border: solid 2px #eee;
  background-color: #f5f5f5;*/
 border:none !important;
  padding: 10px;
  padding-bottom: 0px;
}

.custom-calc-box-input {
  height: 48px !important;
  text-align: center !important;
  font-size: 13px !important;
  width: 100% !important;
  border: none !important;
}
.custom-calc-box-devider {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding-top: 20px;
  color: #fff;
}

.custom-calc-box-result {
  /*border-top: solid 2px #eee;*/
  text-align: right;
  font-size: 12px;
}
.calc-label, .calc-label-total {
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
  /* font-weight: 600; */
  color: #fff !important;
  font-size: 10px;
}
.calc-label-total {
  color: #fff !important;
  font-size: 18px
}

.calc-value, .calc-value-total {
  /* min-width: 100px!important; */
  display: inline-block;
  text-transform: lowercase;
  font-size: 11px;
  color: #fff !important;
}
.calc-value-total {
  font-weight: 600;
  color: #444;
  font-size: 16px;
}
.custom-no-margin {
margin:0px !important;
}
.custom-no-padding {
padding:0px !important;
}

.custom-no-border {
  border:none !important;
}

.bottom-space {
  margin-bottom: 10px !important;
}

.custom-product-share-bttn, .overview .email-a-friend-button {
  width: 35px !important;
  height: 35px !important;
}

.custom-calc-result {
  text-align: center;
}

.custom-product-overview-price {
  font-size: 14px;
  font-weight: 600;
  color: #444;
}

.custom-product-overview-unit {
  font-size: 9px;
  font-weight: 600;
  color: #0c0b0b;
  text-transform: uppercase;
  margin-right: 20px;
}
.custom-product-overview-unitprice {
  font-size: 34px !important;
  font-weight: 600;
  color: #000 !important;
}

.custom-spec-item {
  display: block;
  font-size: 13px;
  padding: 0px;
}

.custom-specs-header {
  width: 50%;
  display: block;
  float: left;
  text-align: left;
  min-height: 60px;
  padding: 10px;
  background-color: #f5f5f5;
  border: solid 1px #eee;
}
.custom-specs-value {
  width: 50%;
  display: block;
  float: left;
  text-align: left;
  /*min-height: 60px;*/
  height: 60px;
  padding: 10px;
  border: solid 1px #eee;
}

.custom-get-quote-bttn {
padding:20px !important;
}

/* The Custom Modal (background) */
.custom-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000000000; /* Sit on top */
  padding-top: 200px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content */
.custom-modal-content {
  background-color: #fefefe;
  margin: auto;
  /*border: 1px solid #888;*/
  width: 600px;
}

/* The Close Button */
.custom-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -10px !important;
  padding: 10px;
}

  .custom-close:hover,
  .custom-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
.productAddedToCartItem {
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}
.productAddedToCartWindowImage {
  width: 250px;
  float: left;
  overflow: hidden;
}
  .productAddedToCartWindowImage img {
    width: 100%;
    height: 100%;
  }
.productAddedToCartWindowDescription {
  float: left;
  display: inline-block;
  width: 300px;
  padding: 20px;
}
.productAddedPopupTitle {
  color: #444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}
.productAddedPopupContent {
  padding-bottom: 20px;
}
.productAddedPopup-buttons li {
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
  color: #076466;
}

.custom-login-for-price-link {
  display: inline;
}

.custom-shopping-cart-picture {
width:120px !important;
}

.custom-shopping-cart-picture img {
  width: 100% !important;
}

.estimate-shipping-result-options {
margin-top: 30px !important;
border-bottom: solid 2px #eee;
}

.custom-cart-item-row{}
.custom-cart-item-price {
  text-transform: lowercase;
  font-size: 14px;
  color: #444;
  /*font-weight: 700;*/
}

.custom-total-info {
font-size:14px !important;
}

.custom-crm-bar {
  position: fixed;
  top: 197px;
  display: block;
  width: 100%;
  z-index: 1000;
  background-color: #f5f5f5;
  border-bottom: solid 1px #eee;
}

  .custom-crm-bar a {
    background-color: #555;
    color: #fff;
    font-size: 13px;
    padding: 0px 10px;
  }

.checkout-page .opc .edit-address label {}
.custom-opc-back-link {
  padding: 10px;
}

.custom-grid-picture img {
    width:50% !important;
}

.manufacturer-item .picture img {
  width: 50%;
}

.custom-box-border {
border:solid 2px #eeee !important;
}

.jCarouselMainWrapper.home-page-product-grid.item-box {
  border: solid 2px #eeee !important;
  /*border-right: 0px!important;*/
}

.header-2 .store-search-box {
  background-color:#f5f5f5;
}

.header-2 .store-search-box form {
  border: none !important;
}

.custom-accessories-box {
display:block;
border: solid 2px #eee;
margin-bottom: 20px;
}

.custom-alt-row-bg {
background-color:#f5f5f5;
}

.custom-accessory-row {
  font-size: 13px;
}

.product-accordion-details {
  margin-top: 20px;
  border: solid 2px #eee;
  padding: 10px;
  background-color: #fff;
}

  .product-accordion-details [class*='col-'] {
    padding: 2px;
  }

.custom-lowercase {
  text-transform: lowercase !important;
}

.custom-mobile-hide {
}

.custom-accessory-row .qty-input {
    text-align:center;
}
.custom-prod-details-box-label {
    padding: 4px !important;
}

.custom-prod-details-box-value {
  padding: 4px !important;
}

.ui-dialog-buttonset button {
  float: right;
  margin: 10px;
  background-color: #076466;
  color: #fff;
  border: none;
  padding: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

/*Remove Arrows/Spinners*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.billing-info-wrap, .shipping-info-wrap {
  width: 50%;
  text-align: left;
  float: left;
  padding: 20px;
}
.cart-total-right {
color:#444;
}
.custom-order-details-title {
padding-top:10px;
}

.custom-rep-cartitem-picture img {
  width: 80px;
}

.custom-rep-cartitem-picture {
  text-align:center;
}

.custom-rep-cartitem-product {
  text-align: left !important;
  font-size: 12px;
  text-transform: capitalize;
}

.custom-rep-cartitem-sku {
  font-weight: 500;
  text-transform: uppercase;
}

.custom-rep-cartitem-subtotal {
  color: #444;
  font-size: 14px;
}

.custom-rep-cartitem-freight-box {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #444 !important;
}

  .custom-rep-cartitem-freight-box span {
    font-weight: 500 !important;
  }

  .custom-rep-cartitem-summary {
    margin-top: 60px;
  }

.custom-rep-cartitem-supplier-note-box {

}

h4.custom-rep-customer-cart-title {
    color:#444;
}

.custom-rep-cartitem-supplier-note-box label {
  font-weight: 500;
}
.custom-accessories-box-title {
  margin: 0 0 15px;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #444;
  text-align:center;
}

.custom-header-rep-info {
  display: block;
  background-color: #444;
  height: 50px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 14px;
  text-align: center !important;
}
  .custom-header-rep-info .custom-header-content {
      font-size:18px;
  }

.custom-data-table, .custom-data-table td {
  border: none !important;
}

  .custom-data-table td.custom-td-no-border {
    border: none !important;
  }

.txt-center-padding30 {
  text-align: center;
  padding: 30px;
}

.custom-padding-all {
padding:20px;
}

.shipping-info {
  margin-bottom: 20px;
}

.custom-accessory-row img {
  max-width: 100px !important;
}

/************************Input Label************************/
input.custom-code, label.custom-code {
    /*border: 1px solid transparent;*/
    line-height: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

input.custom-code {
  display: block;
  /*margin-bottom: 1em;
  border-radius: 3px;
  border-color: #ccc;
  text-indent: 3em;*/
  text-align:center;
}

label.custom-code {
  width: 0;
  z-index: 2;
  float: left;
  position: relative;
  left: 0.5em;
/*  top:28px;*/
  color: #999;

  /*
  width: 0;
  z-index: 2;
  float: left;
  position: relative;
  left: 0.1em;
  top: 38px;
  height: 36px;
  width: 40px;
  color: #fff;
  background-color: #444;
  display: block;
  text-align: center;
  border-radius: 4px 0px 0px 4px;
  */
}
/***********************************************************/

input.custom-numbers {
width:100px !important;
text-align:right;
}

.custom-field-set {
  display: inline-block;
}

.custom-call-4-price-box {
  display: inline-block;
  float: left;
  height: 40px;
  background: #ccc;
  padding: 0px 16px;
  text-align: center;
  vertical-align: middle;
  /*border-bottom: solid 2px #444 !important;*/
}

.custom-call-4-price-button {
  padding: 6px 16px 6px 16px !important;
  height: 40px !important;
  font-size: 11px !important;
  min-width: 0px !important;
  /*border-bottom: solid 2px #444 !important;*/
  float: left;
}

.custom-call-4-price-box .custom-product-overview-unitprice,
.custom-call-4-price-box .custom-product-overview-price {
  font-size: 14px !important;
  font-weight: 600;
  color: #444;
}

.custom-buy-sample-bttn-box {

}

.custom-quote-submitted-box {
  display: block;
  text-align: center;
  margin-bottom: 40px;
  font-size: 14px;
  color: #444;
}

.custom-view-quote-button {
  width: 300px;
}

.custom-bottom-button-container {
    text-align:center;
}

.custom-calc-overview-box {
  background-color: #696969;
  font: #fff;
}

.custom-display-block {
  display:block; width:100%;
}

.mini-shopping-cart .items {
   /* overflow-y: scroll !important;*/
}

.mini-shopping-cart .item .product .name, .mini-shopping-cart .item .product .price, .mini-shopping-cart .item .product .quantity,
.mini-shopping-cart .item .product .price span{
  font-size: 12px !important;
}

.mini-shopping-cart .item .picture {
width:75px;
}

.mini-shopping-cart .item .picture img {
    width:100%;
}

.mini-shopping-cart .product {
  margin: 0 0 0 100px !important;
}

.custom-quote-box {
}

  .custom-quote-box .picture {
    width: 50px;
    float: left;
    margin-right: 10px;
  }

.custom-quote-box .picture img {
    width: 100% !important;
}

.custom-quote-box .info {

}

.custom-quote-buy-button {
  float: right;
}

.custom-btn-success {
  background-color: #699f55;
}

.custom-main-font-color {
color:#444;
}

#claimitems .order-qty {
  display: block;
  text-align: center;
}

.order-details-page .total-info {
  font-size: 14px;
}

.custom-product-main-price-uom {
  font-size: 14px;
  color: #444;
  font-weight: 600;
  text-transform:uppercase;
}

.custom-product-detail-info-box {
  background-color: #f5f5f5;
  padding: 20px;
  padding-bottom: 0px;
  /*margin-top: 70px;*/
}

.custom-nocalc-box-result {
  vertical-align: middle;
  line-height: 40px;
}
  .custom-nocalc-box-result .calc-label-total {
    font-size: 18px;
  }

  .custom-nocalc-box-result .calc-value-total {
    font-size: 18px;
  }

.custom-header-quote-count, .custom-header-wish-count, .custom-header-msg-count {
  background-color: #444;
  border-radius: 40px;
  color: #fff !important;
  padding: 4px 6px;
  line-height: 10px !important;
}

.btn-sm.btn-info {
  font-size: 12px;
  text-transform: lowercase;
  background-color: #076466;
  color: #fff;
  padding: 3px 8px;
  border-radius: 4px;
}

.custom-code-cart-btn-overlay {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
}

.custom-bg-dark {
  background-color: #333!important;
}
a.custom-details-link {
  color: #000 !important;
  text-decoration: underline !important;
  text-transform: capitalize !important;
}
a.custom-details-link:hover {
  text-decoration:none !important;
}

.custom-product-overview-container .label, .custom-product-overview-container .value, a.custom-details-link {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.custom-product-overview-container .label, .custom-product-overview-container .value, a.custom-details-link,
.custom-product-main-price-uom, .custom-product-overview-unitprice, .custom-product-overview-price, .custom-product-overview-unit {
  font-family: 'Roboto', sans-serif !important;
}

/***********************Floating label****************************/
.form-fields-floating-lbl {
  position: relative;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 30px;
}

.form-fields-floating-lbl input.inputText:focus ~ .floating-label,
input.inputText:not(:focus):valid ~ .floating-label {
  top: -12px;
  bottom: 10px;
  left: 4px;
  font-size: 11px;
  opacity: 1;
}

  .form-fields-floating-lbl .inputText {
    font-size: 14px !important;
    width: 100% !important;
    height: 50px !important;
  }

  .form-fields-floating-lbl .floating-label {
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 15px;
    transition: 0.2s ease all;
  }

/*****************************************************/


@media all and (max-width: 1024px) {
  .custom-accessory-row img {
      max-width: 100px !important;
    }

    .custom-header-rep-info {
      z-index: 1000;
      display: block;
      background-color: #444;
      height: 60px;
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      padding: 12px;
      margin-bottom: 40px;
      position: fixed;
      width: 100%;
      top: 40px;
    }

      .custom-header-rep-info .custom-header-content {
        padding-top: 10px !important;
        display: block;
      }

    body {
      padding-top: 130px !important;
    }

    .custom-modal-content {
      width: 300px;
    }

    .productAddedToCartWindowImage {
      width: 0px;
    }

    .custom-modal {
      padding-top: 130px; /* Location of the box */
    }

    .custom-calc-box-devider {
      width: 100% !important;
    }

    .custom-mobile-hide {
      display: none;
    }

    .custom-accessory-row .qty-input {
      width: 100px !important;
      text-align: center;
    }

    .row input[class="qty-input"] {
      width: 100px !important;
    }

    ul.opri-buttons {
      text-align: center;
    }

    .custom-prod-details-box-label {
    }

    .custom-prod-details-box-value {
    }

    #paccessories div[class*='custom-prod-details-box-label'], div.custom-accessories-box div[class*='custom-prod-details-box-label'] {
      width: 30% !important;
      text-align: left;
    }

    #paccessories div[class*='custom-prod-details-box-value'], div.custom-accessories-box div[class*='custom-prod-details-box-value'] {
      width: 60% !important;
      text-align: left;
    }
  }

  @media all and (max-width: 800px) {

    /***********************Floating label****************************/
    .form-fields-floating-lbl {
      width: 100%;
    }

    .custom-align-center-mobile {
      text-align: center !important;
    }

    .custom-product-detail-info-box {
      padding: 10px;
      padding-bottom: 0px;
    }

    .custom-product-detail-info-box {
      text-align: left;
    }

    .link-buttons.custom-product-overview-link-buttons li {
      display: block;
      margin-bottom: 14px;
    }

    .chat-msg {
      margin-bottom: 20px;
    }

    #claimitems .order-qty {
      display: inline-block;
      margin-left: 10px;
    }

    .custom-no-margin-mobile {
    margin:0px !important;
    }
    .custom-no-padding-mobile {
      padding: 0px !important;
    }

    .custom-quote-buy-button {
      float: none;
    }

    div.custom-column-padding div[class*='col-'] {
      padding-top: 10px !important;
    }

    .custom-view-quote-button {
      width: 100%;
    }

    .custom-call-4-price-box, .custom-call-4-price-button {
      width: 100% !important;
    }

    .custom-call-4-price-button {
      margin-top: -10px !important;
    }

    div.custom-accessories-box div[class*='col-'] {
      width: 100% !important;
    }

    .custom-accessory-row input.qty-input {
      height: 44px;
      width: 100px !important;
      text-align: center;
    }

    #paccessories div[class*='custom-prod-details-box-label'], div.custom-accessories-box div[class*='custom-prod-details-box-label'] {
      width: 30% !important;
      text-align: left;
    }

    #paccessories div[class*='custom-prod-details-box-value'], div.custom-accessories-box div[class*='custom-prod-details-box-value'] {
      width: 60% !important;
      text-align: left;
    }

    .order-details-page .total-info {
      width: 100%;
      font-size: 14px;
    }
  }

  /**********************Flex Table*****************/
.table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.table-responsive-stack td,
.table-responsive-stack th {
  display: block;
  /*
   flex-grow | flex-shrink | flex-basis   */
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
  font-weight: bold;
}

.table-striped {
border:solid 2px #eee;
}

  .table-striped tr td, .table-striped thead tr th {
    padding: 10px;
  }

 .table-striped thead tr {
    border-bottom: solid 2px #eee;
  }
 

@media screen and (max-width: 768px) {
  .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*border-bottom: 3px solid #ccc;*/
    display: block;
  }
  /*  IE9 FIX   */
  .table-responsive-stack td {
    float: left\9;
    width: 100%;
  }

  .table-striped tr td {
    padding: 6px;
  }

  .custom-product-overview-container .label {
    min-width: 90px;
  }
}
/***********************Flex Table End*************************/

.order-details-page .actions input {
  width: 390px;
  max-width: 100%;
  border: 2px solid #076466;
  padding: 12px 40px;
 /* background-color: #cc8a97;*/
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

  .order-details-page .actions input:hover {
    opacity: 0.9;
  }

.mini-shopping-cart input[type="button"] {
  display: inline-block;
  margin: 0 1px 2px 0;
  border: none;
  /*background-color: #cc8a97;*/
  padding: 13px 30px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

  .mini-shopping-cart input[type="button"]:hover {
    opacity: 0.9;
  }

.button-2.estimate-shipping-button {
  display: inline-block !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 2px solid #eee !important;
  padding: 12px 30px !important;
  background-color: #f9f9f9 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  color: #076466 !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}

.shopping-cart-page .cart-wrapper {
  box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.17) !important;
  overflow: hidden !important;
}

  .shopping-cart-page .cart-wrapper table.cart {
    margin-bottom: 20px !important;
  }

.shopping-cart-page .button-2.update-cart-button {
  /*border: 2px solid #cc8a97 !important;
  background-color: #cc8a97 !important;
  color: #fff !important;*/
}

  .shopping-cart-page .button-2.update-cart-button:hover {
    opacity: 0.9 !important;
  }

.shopping-cart-page .tax-shipping-info {
  margin: 35px auto -20px !important;
  text-align: center !important;
}

  .shopping-cart-page .tax-shipping-info a {
    color: #cc8a97 !important;
  }

    .shopping-cart-page .tax-shipping-info a:hover {
      text-decoration: underline !important;
    }

.shopping-cart-page .common-buttons {
  padding: 0 20px 15px !important;
}

  .shopping-cart-page .common-buttons .button-2 {
    margin: 0 0 10px !important;
  }

.shopping-cart-page .cart-collaterals .button-2 {
  border-width: 2px 0!important;
}

.shopping-cart-page .cart-collaterals .button-2:hover {
  background-color:#eee !important;
}
.cart-collaterals .shipping .buttons {
display:flex;
}