/* WECO Overrides */

body#weco-css,
.weco-css input,
.weco-css select,
.weco-css textarea,
.weco-css button {
    font-family: "proxima-nova", Arial, sans-serif;
}


.weco-css #wrap,
#weco-css #wrap {
    background-color: #f8f8f8;
}


.weco-css .zzcenter {
    text-align: center;
}

.weco-css .zz_promo_icon_img {
    width: 90px;
    height: 70px;
    vertical-align: middle;
}

.weco-css .zztooltip-text span {
    display: none;
    position: absolute;
    z-index: 1;
    width: 500px;
    color: #58585b;
    background-color: #f8f8f8;
    padding: 5px;
}

.weco-css #basbody .zztooltip-text span, 
.weco-css #basbody1 .zztooltip-text span {
    background-color: white;
}


 .weco-css .zztooltip-text:hover span {
    display: block;
 }


  .weco-css #catdetail b {
    font-weight: bold;
}

.weco-css #zzmanufacturerList .zzmanufacturersLightGray {
    background-color: #dcdcdc;
}

.weco-css #zzmanufacturerList .row {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.weco-css #zzmanufacturerList .zzcolumn {
    float: left;
    padding: 1px 0 1px 15px;
}

.weco-css #zzmanufacturerList .col-25 {
    padding: 5px;
}

.zzPaymentConfMail .messagebox_title {
    background-color: #003767;
    color: #fff;
    padding: 10px;
}

.zzPaymentConfMail .messagebox_content_inputs {
    padding-top: 20px !important;
}

.zzPaymentConfMail .messagebox_content_label {
    display: inline !important;
    padding-right: 20px !important;
}

.zzPaymentConfMail .messagebox_content_input {
    display: inline !important;
    min-width: 80% !important;
}

.zzPaymentConfMail .messagebox_content_error {
    margin-top: 25px !important;
    background: #fff;
}

.weco-css #topnavi .session-timeout-indicator-wrap {
    color: #003767;
    font-variant-numeric: tabular-nums lining-nums;
}

.weco-css #topnavi_wrap #teconsent {
    position: fixed;
}

.weco-css #welcome0 {
    background-color: #f8f8f8;
}

.weco-css a.more-link,
.weco-css a.less-link {
    color: #00a8e1;
}

.weco-css .zz_flex {
    display: flex;
}

.weco-css .zz_green {
    color: #7bc24d;
}

.weco-css .zz_orange {
    color: #F7A822;
}

.weco-css .zz_gray {
    color: #9B9B9B;
}
.weco-css .zzpos_rel {
    position: relative;
}

.weco-css .zz_bas_step1_order_sum {
    float: right;
    width: 90%;
}

.weco-css .zz_bas_step1_order_sum .vbuttrow button {
    width: 100%;
}

.weco-css .smallText .items.zz_float_left {
    float: left;
    padding-right: 20px;
}

.weco-css .zzpos_bot {
    position: absolute;
    bottom: 20px;
}

.weco-css .highlightbox {
    box-shadow: 2px 6px 11px 0 #ccc;
}

#weco-css #cboxClose {
    top: 0;
}

.weco-css .contentrow {
    background: #f8f8f8;
    padding-left: 0px;
    padding-right: 0px;
}

.weco-css #sidebar-left,
.weco-css #sidebar-right {
    width: 21%;
    box-shadow: 2px 6px 11px 0 #ccc;
}

.weco-css #contentarea_main {
    width: 75%;
}

.weco-css #basketheader .zz_hdr_col {
    padding-left: 0px;
    padding-right: 0px;
}

.weco-css .zz_bas_step_pay_hdr_msg {
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 10px;
    border: 2px solid #147ec2;
    border-radius: 5px;
}

.weco-css .zz_bas_step_pay_hdr_msg p {
    font-weight: bold;
}

.weco-css table.subtotalitems .value {
    text-align: right;
}

.weco-css #myaccount h3,
.weco-css #basbody1 h3.zz_hdr_h,
.weco-css #basbody2 h3.zz_hdr_h,
.weco-css #basketheader h3.zz_hdr_h {
    border-bottom: 1px solid #cccccc;
    line-height: 50px;
}

.weco-css #basketheader .orderheader-form {
    border: none;
}

.weco-css #basketheader .orderheader-form {
    border: none;
    padding-right: 0px;
    padding-left: 0px;
}

.weco-css #basketheader .vbuttrow {
    text-align: center;
}

.weco-css #basketheader .vbuttrow button {
    width: 100%;
}

.weco-css button.zz-cont-shop,
.weco-css .vbutton input.zz-cont-shop:hover,
.weco-css button.zz-cont-shop:hover,
.weco-css .vbutton input.zz-cont-shop:focus,
.weco-css button.zz-cont-shop:focus {
    background-color: #003767;
    border: 1px solid #003767;
}

.weco-css .productlistview_bild {
    padding-right: 0px;
    padding-left: 10px;
}

.weco-css .zz_last_order_tex {
    padding-bottom: 10px;
}

.weco-css .zz_left {
    float: left;
}

.weco-css .pagination a.inact {
    pointer-events: none;
}

.weco-css .pagination a,
.weco-css .pagination a.inact {
    min-height: 35px;
    line-height: 35px;
    width: 35px;
    border: none;
    padding-top: 5px;
}

.weco-css .pagination a:hover,
.weco-css .pagination a:active {
    background-color: unset;
}

.weco-css .pagination a .zz_pagination_svg img {
    height: 25px;
    width: auto;
    filter: invert(47%) sepia(18%) saturate(7461%) hue-rotate(165deg) brightness(101%) contrast(101%);
    padding-top: 2px;
}

.weco-css .pagination a.inact .zz_pagination_svg img {
    filter: none;
}

.weco-css .pagination .zz_pagination_current {
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    line-height: 30px;
}

.weco-css .zzGotoPage {
    -webkit-appearance: none;
    margin: 0;
}

.weco-css .pagination .zz_pagination_total {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    line-height: 30px;
    padding-top: 5px;
}

.weco-css #zzGotoPage::-webkit-outer-spin-button,
.weco-css #zzGotoPage::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.weco-css #zzGotoPage {
    -moz-appearance: textfield !important;
}

.weco-css #productlistview .productlistview_shortdescr,
.weco-css #productlistview .productlistview_basket {
    padding: 0px;
}

.weco-css #productlistview .productlistview_shortdescr a,
.weco-css .productlisting_promo_details h2 a {
    color: #00a8e1;
}

.weco-css #productlistview .productlistview_price {
    padding: 0;
    text-align: right;
}

.weco-css #productlistview .zz_productlistview_price_basket {
    padding-top: 0;
    padding-bottom: 0;
    text-align: right;
}

.weco-css #productlistview .productlistview_attr {
    padding: 0px;
}

.weco-css #productlistview .productlistview_addtobasket {
    margin: 0px;
    padding: 0px;
}

.weco-css input.quant,
.weco-css .input-group .input-field input.quant {
    width: 55px;
}

.weco-css #productlistview .productlistview_addtobasket input.quant,
.weco-css .addtobasket input.quant {
    height: 35px;
    width: 80px;
    border-radius: 5px;
}

.weco-css #productlistview .productlistview_price .price {
    color: #003767;
}

.weco-css .zz_img_disclaimer {
    font-size: 9px;
    text-align: center;
}

.weco-css .tiles .tile {
    border: none;
    box-shadow: 2px 6px 11px 0 #ccc;
    background-color: white;
}

.weco-css #productlisting .tiles .tile .tile-title .zz_catitm_grid_dsc {
    overflow: hidden;
    height: 95px;
}

.weco-css #productlisting .tiles .tile .tile-title {
    padding-top: 40px;
    text-align: left;
    display: flex;
}

.weco-css #productlisting .col-50.zz_cat_grid_icon,
.weco-css #productlisting .col-50.zz_cat_grid_price {
    padding-left: 0px;
    padding-right: 0px;
    min-height: 70px;
}

.weco-css .productlisting_price {
    padding-top: 80px;
}

.weco-css .productlisting_price .price1,
.weco-css #productinfo .basket .productprice {
    margin-top: 0px;
    color: #003767;
}

.weco-css .productlisting_price .price1 {
    text-align: right;
}

.weco-css .zz-quantity-input-label {
    display: inline;
    padding-right: 40px;
}

.weco-css .zz-cnbs-navy {
    -webkit-text-fill-color: #003767 !important;
    color: #003767 !important;
}

.weco-css #productinfo .basket .addtobasket .zz_addtobasket_but {
    padding-top: 10px;
    width: 300px;
}

.weco-css #productinfo .basket .addtobasket .zz_addtobasket_but button,
.weco-css #productinfo .basket .addtobasket .zz_addtobasket_but button.b-cart-d span,
.weco-css #productinfo .basket .addtobasket .zz_addtobasket_but button.b-cart span {
    width: 100%;
}

.weco-css #productlisting .tiles .tile .tile-title a {
    color: #00a8e1;
}

.weco-css .zz-cms-content-bot-left {
    width: 230px;
    float: left;
}

.weco-css .zz-cms-content-bot-main {
    padding: 10px 10px;
    float: left;
}

.weco-css .zz_catextra_prom_descr {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
}

.weco-css .zz_catextra_prom_descr h1 {
    font-size: 32px;
    color: #003767;
    font-weight: 600;
}

.weco-css .jcarousel-pagination-cms {
    position: absolute;
    bottom: 5px;
    right: unset;
    left: 8%;
}

.weco-css .promo_wrapper .contentrow {
    box-shadow: none;
    margin-bottom: 20px;
    background-color: white;
}

.weco-css .promo_wrapper .contentrow .col-80 {
    box-shadow: 2px 6px 11px 0 #ccc;
    margin-bottom: 20px;
    background-color: white;
}

.weco-css .productlisting_promo_details {
    width: 65%;
}

.weco-css .jcarousel-pagination-promo,
.weco-css .jcarousel-pagination-promo2 {
    position: absolute;
    bottom: -20px;
    right: unset;
    left: 30%;
}

.weco-css .jcarousel-pagination-promo a.active,
.weco-css .jcarousel-pagination-promo2 a.active {
    background: #269bcb !important;
}

.weco-css .zz_jcarousel-cms-button .zz_jcarousel-prev,
.weco-css .zz_jcarousel-promo-button .zz_jcarousel-promo-prev,
.weco-css .zz_jcarousel-promo-button .zz_jcarousel-promo2-prev {
    position: absolute;
    left: 1%;
}

.weco-css .zz_jcarousel-cms-button .zz_jcarousel-next,
.weco-css .zz_jcarousel-promo-button .zz_jcarousel-promo-next,
.weco-css .zz_jcarousel-promo-button .zz_jcarousel-promo2-next {
    position: absolute;
    right: 1%;
}

.weco-css .contentrow.full #contentarea_main {
    padding-top: 0px;
}

.weco-css #contentarea_wrap {
    margin-top: 0px;
}

.weco-css .zz-col-100-np {
    width: 100%;
    float: left;
}

.weco-css .zz-col-100-nopad {
    width: 100%;
    float: left;
    text-align: center;
}
.weco-css .zzsp_addb {
    margin-right: 5px;
}

.weco-css #productinfoimages .productimage {
    margin: auto;
}

.weco-css .morepics .jcarousel img,
.weco-css .videos .jcarousel img {
    max-height: 140px;
}

.weco-css .productnavigator {
    border: none;
}

.weco-css #productlistview {
    border: none;
}

.weco-css #productlistview>ul>li {
    background-color: white;
    border-bottom: none;
    box-shadow: 2px 6px 11px 0 #ccc;
    margin-bottom: 10px;
}

.weco-css #catdetail {
    box-shadow: 2px 6px 11px 0 #ccc;
}

.weco-css .categorymenu li.level1 {
    border-top: 1px solid #cccccc;
}

.weco-css #catsearchfilter .expand-body {
    border-bottom: solid 1px #cccccc;
}

.weco-css #productinfowrap {
    background-color: #fff;
    box-shadow: 2px 6px 11px 0 #ccc;
}

.weco-css #catbody0 {
    background-color: #f8f8f8;
}

.weco-css .catextra .productlisting_top .tiles .tile {
    background-color: #fff;
}

.weco-css .productlisting_top .tiles .tile .tile-title>span {
    font-weight: 700;
    font-size: 15px;
    color: #147cbd;
    height: 4em;
}

.weco-css .catextra .productlisting_top .tiles .tile .tile-title {
    margin: 25px 0 0 0;
}

.weco-css .catextra .productlisting_top .tiles .tile .tile-title {
    margin: 25px 0 0 0;
}

.weco-css .jcarousel-pagination a {
    color: transparent !important;
    text-shadow: none !important;
    line-height: 5px;
    min-width: 5px;
    border-radius: 50%;
    background: #003767 !important;
    opacity: 1 !important;
    margin-left: 10px;
}

.weco-css .jcarousel-pagination a.active {
    background: #ffffff !important;
}

.weco-css .jcarousel-pagination-promo a.active,
.weco-css .jcarousel-pagination-promo2 a.active {
    background: #269bcb !important;
}

.weco-css .zz_jcarousel-cms-button,
.weco-css .zz_jcarousel-promo-button {
    position: relative;
    top: -200px;
}

.weco-css .zz_jcarousel-promo-button i,
.weco-css .zz_jcarousel-cms-button i {
    font-weight: 900;
    font-size: 45px;
}

.weco-css .zz_jcarousel-cms-button i {
    color: #ffffffff;
}

.weco-css #footer .footer1 .footer-block-head {
    font-size: 17px;
    font-weight: 700;
}

.weco-css #footer .footer1 .footer-block-body p,
.weco-css #footer .footer1 .footer-block-body h3 {
    color: #ffffff;
    margin: unset;
    font-size: 13px;
    line-height: 19px;
}

.weco-css #footer .footer2 p {
    float: right;
}

.weco-css #footer .footer1 .footer-block-body h3 {
    font-weight: 700;
    margin-bottom: 5px;
}

.weco-css #topnavi_wrap {
    background: #ffff;
}

.weco-css #mainmenu {
    max-width: unset;
    background-color: #003767;
    height: 85px;
}

.weco-css #mainmenu_navi {
    margin-right: 0px;
    margin-left: 0px;
    max-width: 1200px;
    margin: auto;
    height: 85px;
}

.weco-css .zz-main-menu {
    display: flex;
    height: 100%;
    align-items: center;
}

.weco-css .jetmenu {
    margin-top: 0px;
}

.weco-css .jetmenu>li>.megamenu .navigation {
    background-color: #f0f8fc;
}

.weco-css .jetmenu>li:hover>a,
.weco-css .jetmenu>li.active>a {
    background-color: #003767;
    color: #3498db;
    border: unset;
}

.weco-css .jetmenu>li>a {
    font-size: 15px;
}

.weco-css .jetmenu>li>a {
    text-transform: unset;
    line-height: 85px;
}

.weco-css .jetmenu>li>.megamenu {
    background: #ffffff;
    border-top: none;
    padding-left: 0px;
    padding: 0px;
    top: 50px;
}

.weco-css .jetmenu>li>a {
    border-right: unset;
}

.weco-css .jetmenu>li>a {
    border-bottom: unset;
}

.weco-css .jetmenu>li>a {
    padding: 0 20px 0 0;
}

.weco-css .jetmenu>li>a.zz_has_flyout::after {
    content: "(menu closed)";
    display: inline-block;
    vertical-align: baseline;
    height: 0.5em;
    width: 0.5em;
    min-width: 7px;
    text-indent: 0.5em;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(../ZS6/icons-svg/zsvg/icon--triangle.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 0.3em;
    transition: transform 300ms ease-out;
}

.weco-css .jetmenu>li.resp_hide>a[target="_blank"] {
    margin-right: 10px;
}

.weco-css .jetmenu>li.resp_hide>a[target="_blank"]::after {
    content: "(external link)";
    display: inline-block;
    vertical-align: baseline;
    height: 0.8em;
    width: 0.8em;
    text-indent: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(../ZS6/icons-svg/zsvg/icon--external-link.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 0.3em;
    margin-right: -1.1em;
}

.weco-css ._margin-b._margin-big {
    margin-bottom: 0px;
}

.weco-css .quicklinks .quicklink-item .quicklink-menu {
    top: 60px;
}

.weco-css #quickmenu {
    padding: 0px;
}

.weco-css .quicklinks .quicklink-item .quicklink-anchor .icon i {
    font-size: 20px;
    color: #ffffff;
}

.weco-css .quicklinks .quicklink-item .quicklink-anchor .text {
    color: #ffffff;
    opacity: 1;
    white-space: unset;
    font-size: 12px;
    padding-left: 5px;
    text-align: left;
}

.weco-css .quicklinks {
    margin-top: 0px;
    margin-bottom: 0px;
}

.weco-css .quicklinks .quicklink-item .quicklink-anchor {
    width: 35px;
    height: 35px;
    display: unset;
}

.weco-css .quicklinks .quicklink-item .quicklink-anchor .count {
    background-color: #269bcb;
}

.weco-css .quicklinks .quicklink-item .quicklink-anchor .count.zzhint {
    background-color: yellow;
    color: #003767;
}

.weco-css .quicklinks .quicklink-anchor .zz_quicklink_my_account .count {
    right: unset;
    background-color: #7bc24d;
}

.weco-css .quicklink-menu .zz_quick_menu_doc .count {
    background-color: #7bc24d;
    color: #ffffff;
    font-size: 12px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
}

.weco-css .zz_bas_step_1_items {
    margin-top: 20px;
}

.weco-css .zz-cnbs-pc-cont {
    border: none;
    padding: 5px;
}

.weco-css table.zz-cnbs-pay-cc-profile-table>thead>tr>th {
    padding-top: 0px;
}

.weco-css table.zz-cnbs-pay-cc-profile-table thead tr th {
    padding-right: 0px;
}

.weco-css table.paymentblock table>thead>tr>th {
    padding-top: 0px;
}

.weco-css .basitem-table>tbody>tr>td {
    vertical-align: top;
}

.weco-css .zz-quantity-input {
    display: inline-flex;
}

.weco-css .zz-quantity-input input.zz-quantity-input__input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    height: 25px;
    max-width: 80px;
    min-width: 40px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #a8a9ac;
    border-bottom: 1px solid #a8a9ac;
}

.weco-css .zz-quantity-input__button:nth-of-type(1) {
    border-radius: 5px 0 0 5px;
}

.weco-css .zz-quantity-input__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    padding: 0 15px;
    border: 1px solid #003767;
    background-color: #9b9b9b;
    color: #fff;
    transition: background-color 300ms ease-out;
}

.weco-css .zz-quantity-input__button--decrease:before,
.weco-css .zz-quantity-input__button--increase::after,
.weco-css .zz-quantity-input__button--increase:before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #fff;
}

.weco-css .zz-quantity-input__button--increase::after {
    display: inline-block;
    position: absolute;
    transform: rotate(90deg);
}

.weco-css #bascontent .icon i,
.weco-css .bascontent .icon i {
    font-size: 20px;
}

.weco-css #bascontent .text {
    display: none;
}

.weco-css #bascontitems ul,
.weco-css .bascontitems ul {
    overflow-x: hidden;
}

.weco-css .zz_quicklink_my_account {
    display: flex;
    align-items: center;
}

.weco-css .zz_quicklink_svg {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background-color: transparent;
    transition: background-color 300ms ease-out;
}

.weco-css .zz_quicklink_svg:hover {
    background-color: #269bcb;
}

.weco-css .zz_quicklink_svg img {
    height: 35px;
    width: auto;
    float: left;
}

.weco-css .col-5,
.weco-css .col-10,
.weco-css .col-11,
.weco-css .col-16,
.weco-css .col-18,
.weco-css .col-20,
.weco-css .col-66,
.weco-css .col-71,
.weco-css .col-80,
.weco-css .col-90,
.weco-css .col-95 {
    box-sizing: border-box;
    float: left;
}

.weco-css .col-5 {
    width: 5%;
}

.weco-css .col-10 {
    width: 10%;
}

.weco-css .col-11 {
    width: 11%;
}

.weco-css .col-16 {
    width: 16%;
}

.weco-css .col-18 {
    width: 18%;
}

.weco-css .col-20 {
    width: 20%;
}

.weco-css .col-66 {
    width: 66%;
}

.weco-css .col-71 {
    width: 71%;
}

.weco-css .col-80 {
    width: 80%;
}

.weco-css .col-90 {
    width: 90%;
}

.weco-css .col-95 {
    width: 95%;
}

.weco-css #mainmenu_navi .col-90,
.weco-css #mainmenu_navi .col-10 {
    padding: 0px;
}

.weco-css #mainmenu_search {
    margin: 15px 0 10px 0;
}

.weco-css #mainmenu_search_wrap.small #mainmenu_search_toggle {
    padding-top: 25px;
}

.weco-css #mainmenu_search .search button {
    float: left;
}

.weco-css #mainmenu_search .catalog {
    display: none;
}

.weco-css #mainmenu_search .search {
    height: 45px;
}

.weco-css #mainmenu_search .search input.searchfield {
    width: 220px;
}

.weco-css #mainmenu_search_wrap.small #mainmenu_search .search {
    display: flex;
}

.weco-css #mainmenu_search_wrap.small #mainmenu_search.opened .searchfield {
    z-index: 1;
}

.weco-css #quickmenu {
    float: left;
}

.weco-css .quicklinks .quicklink-item .quicklink-menu .subheader {
    margin-bottom: unset;
    width: 280px;
    background-color: #cecece;
    /* added kjs 06/02/2021 */
}

.weco-css .quicklinks .quicklink-item .quicklink-menu .item,
.weco-css .quicklinks .quicklink-item .quicklink-menu .footer {
    width: 280px;
}

.weco-css .zz_quick_menu_doc .active a {
    color: #3498db;
}

.weco-css .zz_quick_menu_doc li {
    width: 280px;
}

.weco-css #mainmenu_navi .weco-cms-image {
    max-width: 150px;
    min-width: 120px;
}

.weco-css #bascontent a,
.weco-css .bascontent a {
    padding-left: 20px;
}

.weco-css #bascontent a.zz_bascontent_rec,
.weco-css .bascontent a.zz_bascontent_rec {
    padding-left: 0px;
    display: inline;
    color: #147ec2;
}

.weco-css .zz_icon_img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.weco-css .pictograms {
    padding-top: 10px;
}

.weco-css .zzbas_item_disc_img {
    width: 48px;
    height: 48px;
}

.weco-css .zz_eligible_txt {
    font-weight: 700;
}

.weco-css .zzbas_item_promotion {
    color: #0ca50f;
}

.weco-css ul.zz_product_info_icons {
    display: inline-block;
}

.weco-css #productlisting ul.zz_product_info_icons {
    display: block;
}

.weco-css ul.zz_product_info_icons>li {
    float: left;
    margin-bottom: 10px;
    margin-right: 12px;
}

.weco-css ul.zz_product_info_icons>li.zz_ord_hist {
    margin-bottom: 0px;
    margin-right: 0px;
}

.weco-css .zzp65warning_hover {
    display: none;
}

.weco-css ul.zz_product_info_icons>li>a:hover .zzp65warning_hover {
    display: block;
    position: absolute;
    margin-left: 10px;
    margin-top: -30px;
    background-color: #fff;
    border: 1px solid #9b9b9b;
}


/* Order History - Begin */

.weco-css h3.zz_history_total {
    margin-top: 42px;
    text-align: left;
    color: #003767;
}

.weco-css h3.zz_history_total>span.lightblue {
    color: #00a8e1;
}

.weco-css div.zz_history_calendar {
    margin-top: 25px;
    margin-bottom: 40px;
}

.weco-css div.zz_history_calendar ul.zz_calendar_list {
    height: 70px;
    list-style: none;
}

.weco-css div.zz_history_calendar ul.zz_calendar_list>li {
    float: left;
    height: 70px;
    text-align: left;
    line-height: 16px;
    color: #003767;
}

.weco-css div.zz_history_calendar ul.zz_calendar_list>li.zz_first_cal {
    border-right: 1px solid #00a8e1;
    margin-right: 20px;
    padding-right: 20px;
}

.weco-css div.zz_history_calendar ul.zz_calendar_list>li>div {
    padding-left: 10px;
    padding-bottom: 10px;
    color: #00a8e1;
}

.weco-css div.zz_history_calendar ul.zz_calendar_list>li>table {
    border: none;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
}

.weco-css div.zz_history_calendar ul.zz_calendar_list>li>table tr th {
    color: #666666;
    width: 45px;
    padding-bottom: 5px;
}

.weco-css div.zz_history_calendar ul.zz_calendar_list>li>table tr td {
    color: #003767;
}


/* Order History - End */

.weco-css #breadcrumb-wrap {
    background-color: #ffffff;
}

.weco-css .jetmenu li>.megamenu ul li:not(.touch-nohover):hover>a,
.weco-css .jetmenu li>.megamenu ul li.touch-hover>a {
    color: #147ec2;
}

.weco-css #bascontitems,
.weco-css .bascontitems {
    width: 300px;
}

.weco-css .boxinfo {
    border-radius: 5px;
}

.weco-css .vbutton input,
.weco-css button {
    border-radius: 5px;
}

.weco-css .form .form-group button {
    float: right;
}

.weco-css #basbody .vbuttrow,
.weco-css #basbody1 .vbuttrow,
.weco-css #basbody2 .vbuttrow {
    text-align: right;
}

.weco-css #mainmenu_search .catalog,
.weco-css #mainmenu_search .search {
    background: #ffffff;
    border-radius: 5px;
}

.weco-css #mainmenu_search .search input.searchfield {
    border-radius: 5px;
}

.weco-css #mainmenu_search .search button,
.weco-css #mainmenu_search .search .searchfield,
.weco-css #mainmenu_search .catalog select {
    border: none;
    border-bottom: none;
    padding: 15px 5px;
}

.weco-css #mainmenu_search .search button i {
    color: #00a8e1;
    font-size: 20px;
}

.weco-css #mainmenu_search_toggle button i {
    color: #00a8e1;
    font-size: 20px;
}

.weco-css #mainmenu_search_toggle {
    padding-top: 0px;
    padding-bottom: 0px;
}

.weco-css button.b-icon-bg i {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.weco-css button.b-cart span,
.weco-css button.b-cart-d span {
        border-radius: 5px;
    background: #003767;
    width: 150px;
}

.weco-css .addtobasket button.b-cart-d span {
    width: unset; 
}

.weco-css .productlisting_basket button.b-icon-bg span {
    width: auto;
}

.weco-css .productlisting_basket {
    text-align: right;
}

.weco-css button.b-icon-bg {
    text-transform: unset;
}

.weco-css .footer-block-body a[target="_blank"]::after {
    content: "(external link)";
    display: inline-block;
    vertical-align: baseline;
    height: 0.8em;
    width: 0.8em;
    text-indent: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(../ZS6/icons-svg/zsvg/icon--external-link.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 0.3em;
    margin-right: -1.1em;
}

.messagebox {
    max-width: 50%;
    box-shadow: 2px 6px 11px 0 #ccc;
}

.messagebox_content {
    padding: 20px !important;
}

.messagebox_buttons {
    padding: 10px 20px 10px 20px !important;
    background-color: #ffffff !important;
}

.messagebox_buttons_button {
    margin: 10px !important;
}

.messagebox_button_fail {
    background-color: #9b9b9b !important;
    border: 1px solid #9fabac !important;
}

.weco-css .suggestions-box {
    width: 500px;
    border-radius: 5px;
}

.weco-css .suggestions-box {
    width: 500px;
    border-radius: 5px;
}

.weco-css button.pill {
    display: inline-block;
    font-size: 13px;
    padding: 5px 15px;
    border: 1px solid #a8a9ac;
    border-radius: 15px;
}

.weco-css button .pill[aria-hidden="true"] {
    display: none;
}

.weco-css button a.pill {
    color: #58585b;
}

.weco-css a.pill:hover,
button.pill:hover {
    border-color: #74767a;
    background-color: rgba(50, 50, 50, 0.1);
}

.weco-css button a.pill:hover {
    text-decoration: none;
}

.weco-css button.pill {
    position: relative;
    text-align: left;
    padding-right: 30px;
    background: 0 0;
    color: #74767a;
    transition: background 300ms ease, border 300ms ease;
    text-transform: none;
}

.weco-css button.pill:hover {
    cursor: pointer;
}

.weco-css button.pill.set::after {
    content: "";
    background-image: url(../ZS6/icons-svg/zsvg/icon--close.svg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    height: 0.85em;
    width: 0.85em;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.weco-css button.pill.unset::after {
    background-image: none;
}

.weco-css button .pill--remove-close-icon {
    padding-right: 15px;
}

.weco-css button button.pill--remove-close-icon::after {
    display: none;
}

.weco-css .css-14kb0k7 {
    line-height: 18px;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3em;
    padding: 1px;
}

.weco-css .css-14kb0k7 input {
    appearance: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 3em;
}

.weco-css .css-14kb0k7 span {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    display: inline-block;
    padding: 7px 15px;
    transition: all 100ms ease-out 0s;
    user-select: none;
    border-radius: 3em;
    color: rgba(51, 51, 51, 0.6);
    background: transparent;
}

.weco-css .css-14kb0k7.unchecked span:first-of-type {
    background: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px;
    color: rgb(51, 51, 51);
    padding: 7px 15px;
}

.weco-css .css-14kb0k7.checked span:last-of-type {
    background: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px;
    color: rgb(51, 51, 51);
    padding: 7px 15px;
}

.weco-css table.zz-cnbs-pay-cc-profile-table thead tr th.zznoborder {
    border-bottom: none;
    border-bottom-style: none;
}

.weco-css .zz_cms_pay_ar_button_col1,
.weco-css .zz_cms_pay_ar_button_col2,
.weco-css .zz_cms_pay_mpymt_button_col1,
.weco-css .zz_cms_pay_mpymt_button_col2 {
    float: left;
}

.weco-css .zz_cms_pay_ar_button_col2,
.weco-css .zz_cms_pay_mpymt_button_col2 {
    padding-left: 30px;
    padding-top: 10px;
}

.weco-css .zz_cms_bas1_pay {
    padding-left: 70px;
}

@media screen and (max-width: 1023px) {
    .weco-css:not(.force-desktop) #mainmenu_navi {
        height: 0px;
    }
    .weco-css:not(.force-desktop) #topnavi_wrap {
        height: 60px;
        line-height: 60px;
    }
    .weco-css:not(.force-desktop) #topmenu {
        background-color: #f8f8f8;
    }
    .weco-css:not(.force-desktop) #topmenu a,
    .weco-css:not(.force-desktop) #topmenu a:active {
        background-color: unset;
        border-top: 1px solid #d8d8d8;
        border-bottom: unset;
    }
    .weco-css:not(.force-desktop) #topmenu li:first-child {
        border-top: unset;
    }
    .weco-css:not(.force-desktop) .zz_quick_menu_doc li {
        width: 100%;
    }
    .weco-css:not(.force-desktop) #topmenu li.header {
        color: #58585b;
        border-bottom: none;
        background-color: #ffffff;
        margin-top: 0px;
        font-size: 18px;
    }
    .weco-css:not(.force-desktop) #topmenu li {
        background-color: #f8f8f8;
    }
    .weco-css:not(.force-desktop) #topmenu a {
        color: #147cbd;
        font-size: 13px;
        font-weight: 600;
        background-color: #f8f8f8;
    }
    .weco-css:not(.force-desktop) #topmenu li.catalog-item .has-items i {
        color: #147cbd;
    }
    .weco-css:not(.force-desktop) #topmenu .zz_quick_menu_doc .active a {
        color: #3498db;
    }
    .weco-css:not(.force-desktop) #topmenu-shadow {
        background-color: #f8f8f8;
    }
    .weco-css:not(.force-desktop) #topmenu li.catalog-item.catalog-item-prev .has-items,
    .weco-css:not(.force-desktop) #topmenu li.catalog-item.catalog-item-prev .has-items i {
        color: #58585b;
        background-color: #f8f8f8;
        font-size: 18px;
    }
    .weco-css:not(.force-desktop) .jetmenu a {
        border-bottom: unset;
    }
    .weco-css:not(.force-desktop) .quicklinks {
        margin-top: unset;
    }
    .weco-css:not(.force-desktop) #mainmenu_search {
        margin: 0px;
    }
    .weco-css:not(.force-desktop) #mainmenu_search_wrap.small #mainmenu_search_toggle button i {
        top: 0px;
    }
    .weco-css:not(.force-desktop) .zz_jcarousel-promo-button,
    .weco-css:not(.force-desktop) .zz_jcarousel-cms-button {
        display: none;
    }
}


/******************************************************************************************************
*
*   External Styling
*
******************************************************************************************************/


/* Global Font Family */

body,
html {
    font-family: "proxima-nova", Arial, sans-serif;
    font-weight: 400;
}

body#weco-css,
.weco-css .expand-quick,
.weco-css #userinfo_comp .expand-head {
    font-size: 16px;
    color: #58585b;
}

.weco-css h1,
.weco-css h2,
.weco-css h3,
.weco-css h4,
.weco-css h5,
.weco-css h6 {
    font-weight: 800 !important;
}

.weco-css .vbuttrow .vbutton,
.weco-css .vbuttrow button {
    text-transform: none;
}

.weco-css h1 {
    font-size: 28px;
    /*CHanging to bring down large font on 
    font-size: 32px;*/
}

.weco-css h2 {
    font-size: 26px;
}

.weco-css h3 {
    font-size: 22px;
}

.weco-css h4 {
    font-size: 18px;
}

.weco-css h5 {
    font-size: 14px;
}

.weco-css h6 {
    font-size: 14px;
}

.weco-cms-link {
    font-size: 15px !important;
}

.weco-css .table thead tr th,
.weco-css .table tbody tr td {
    font-size: 16px;
}

.weco-css .table-condensed>thead>tr>th,
.weco-css .table-condensed>tbody>tr>td {
    font-size: 15px;
}

.weco-css input,
.weco-css input[type="text"],
.weco-css input[type="password"],
.weco-css input[type="datetime"],
.weco-css input[type="datetime-local"],
.weco-css input[type="date"],
.weco-css input[type="month"],
.weco-css input[type="time"],
.weco-css input[type="week"],
.weco-css input[type="number"],
.weco-css input[type="email"],
.weco-css input[type="url"],
.weco-css input[type="search"],
.weco-css input[type="tel"],
.weco-css input[type="color"],
.weco-css select,
.weco-css textarea,
.weco-css button,
.weco-css .vbutton {
    font-size: 16px;
}

.weco-css:not(.force-desktop) #topmenu a {
    font-size: 15px;
}

@media screen and (max-width: 767px) {
    .weco-css:not(.force-desktop) .table-condensed>thead>tr>th,
    .weco-css:not(.force-desktop) .table-condensed>tbody>tr>th,
    .weco-css:not(.force-desktop) .table-condensed>tbody>tr>td {
        font-size: 16px;
    }
}

@media screen and (max-width: 900px) {
    body#weco-css {
        font-size: 15px;
    }
    .weco-css h1 {
        font-size: 30px;
    }
    .weco-css h2 {
        font-size: 24px;
    }
    .weco-css h3 {
        font-size: 20px;
    }
    .weco-css h4 {
        font-size: 18px;
    }
    .weco-css h5 {
        font-size: 13px;
    }
    .weco-css h6 {
        font-size: 13px;
    }
    .weco-cms-link {
        font-size: 14px !important;
    }
    .weco-css:not(.force-desktop) .table-condensed>thead>tr>th,
    .weco-css:not(.force-desktop) .table-condensed>tbody>tr>th,
    .weco-css:not(.force-desktop) .table-condensed>tbody>tr>td {
        font-size: 15px;
    }
    .weco-css .table thead tr th,
    .weco-css .table tbody tr td {
        font-size: 15px;
    }
    .weco-css .table-condensed>thead>tr>th,
    .weco-css .table-condensed>tbody>tr>td {
        font-size: 15px;
    }
    .weco-css input,
    .weco-css input[type="text"],
    .weco-css input[type="password"],
    .weco-css input[type="datetime"],
    .weco-css input[type="datetime-local"],
    .weco-css input[type="date"],
    .weco-css input[type="month"],
    .weco-css input[type="time"],
    .weco-css input[type="week"],
    .weco-css input[type="number"],
    .weco-css input[type="email"],
    .weco-css input[type="url"],
    .weco-css input[type="search"],
    .weco-css input[type="tel"],
    .weco-css input[type="color"],
    .weco-css select,
    .weco-css textarea,
    .weco-css button,
    .weco-css .vbutton {
        font-size: 15px;
    }
    .weco-css #footer .footer1 .footer-block-head {
        font-size: 15px;
    }
}

@media screen and (max-width: 600px) {
    body#weco-css {
        font-size: 14px;
    }
    .weco-css h1 {
        font-size: 26px;
    }
    .weco-css h2 {
        font-size: 22px;
    }
    .weco-css h3 {
        font-size: 20px;
    }
    .weco-css h4 {
        font-size: 16px;
    }
    .weco-css h5 {
        font-size: 12px;
    }
    .weco-css h6 {
        font-size: 12px;
    }
    .weco-cms-link {
        font-size: 14px !important;
    }
    .weco-css:not(.force-desktop) .table-condensed>thead>tr>th,
    .weco-css:not(.force-desktop) .table-condensed>tbody>tr>th,
    .weco-css:not(.force-desktop) .table-condensed>tbody>tr>td {
        font-size: 14px;
    }
    .weco-css .table thead tr th,
    .weco-css .table tbody tr td {
        font-size: 14px;
    }
    .weco-css .table-condensed>thead>tr>th,
    .weco-css .table-condensed>tbody>tr>td {
        font-size: 14px;
    }
    .weco-css input,
    .weco-css input[type="text"],
    .weco-css input[type="password"],
    .weco-css input[type="datetime"],
    .weco-css input[type="datetime-local"],
    .weco-css input[type="date"],
    .weco-css input[type="month"],
    .weco-css input[type="time"],
    .weco-css input[type="week"],
    .weco-css input[type="number"],
    .weco-css input[type="email"],
    .weco-css input[type="url"],
    .weco-css input[type="search"],
    .weco-css input[type="tel"],
    .weco-css input[type="color"],
    .weco-css select,
    .weco-css textarea,
    .weco-css button,
    .weco-css .vbutton {
        font-size: 14px;
    }
    .weco-css #footer .footer1 .footer-block-head {
        font-size: 14px;
    }
}


/*
    Global Patterson Styling
*/

.pts {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #58585b;
}

.pts::before,
.pts::after {
    -webkit-box-sizing: inherit !important;
    -moz-box-sizing: inherit !important;
    box-sizing: inherit !important;
}

@media (max-width: 600px) {
    .pts {
        font-size: 15px;
        /* overflow-x: hidden; */
    }
}

.weco-css .contentrow {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.weco-css #welcomebdy>.contentrow {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

@media screen and (max-width: 900px) {
    .weco-css #welcomebdy>.contentrow {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media screen and (max-width: 600px) {
    .weco-css #welcomebdy>.contentrow {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


/*Content Width*/

.weco-css #header,
.weco-css #topnavi,
.weco-css #footer,
.weco-css #content_wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.weco-css .contentrow {
    max-width: 1200px;
    margin: 0 auto;
}


/*White Header Bar*/

.topheader h3 {
    text-align: right;
    margin-right: 25px;
}

.topheader span {
    color: #147cbd;
    font-size: 12px;
    font-weight: 600;
}

.topheader a {
    width: 8%;
    display: inline;
    padding-left: 25px;
}

.topheader a:hover {
    text-decoration: underline;
}

.help::after {
    content: "(external link)";
    display: inline-block;
    vertical-align: baseline;
    height: 0.8em;
    width: 0.8em;
    text-indent: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--question-mark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 0.3em;
    margin-right: -1.1em;
}

li.resp_hide>a[target="_blank"] {
    margin-right: 20px;
}

li.resp_hide>a[target="_blank"]::after,
.external::after {
    content: "(external link)";
    display: inline-block;
    vertical-align: baseline;
    height: 0.8em;
    width: 0.8em;
    text-indent: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--external-link.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 0.3em;
    margin-right: -1.1em;
}


/************************
    Inputs
*************************/

textarea,
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
    box-sizing: border-box !important;
    padding: 10px 12px !important;
    border: 1px solid #a8a9ac !important;
    background-color: #ffffff !important;
    border-radius: 5px !important;
    box-shadow: inset 2px 2px 3px 0 rgba(232, 232, 232, 0.56) !important;
    min-height: 45px !important;
}

textarea,
input,
select {
    outline: revert !important;
}

textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="color"][disabled],
input[type="date"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
    background-color: #f0f0f0 !important;
    cursor: not-allowed !important;
    border-color: lighten(#a8a9ac, 15%) !important;
    color: #cccccc !important;
}

textarea[readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="color"][readonly],
input[type="date"][readonly],
input[type="datetime-local"][readonly],
input[type="email"][readonly],
input[type="month"][readonly],
input[type="number"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="time"][readonly],
input[type="url"][readonly],
input[type="week"][readonly] {
    background-color: #f0f0f0 !important;
}

select:not(.ui-datepicker-month):not(.ui-datepicker-year) {
    max-width: 100% !important;
    height: 45px !important;
    padding: 10px 35px 10px 10px !important;
    color: #58585b !important;
    border: 1px solid #a8a9ac !important;
    border-radius: 5px !important;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
    appearance: none !important;
    background: url("https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--down-caret-navy.svg") no-repeat #ffffff !important;
    background-position: right 0.75em center !important;
    background-size: 0.7em 0.7em !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-size: 16px !important;
}

select[disabled]:not(.ui-datepicker-month):not(.ui-datepicker-year) {
    border-color: #a8a9ac !important;
    color: #a8a9ac !important;
    cursor: not-allowed !important;
}

input[type="checkbox"],
input[type="radio"] {
    font-size: 16px;
    transform: scale(1.5);
    display: inline-block;
    margin-right: 10px !important;
}

.weco-css .zz-quantity-input__button {
    background-color: #003767;
}

.weco-css button,
.weco-css .button,
.weco-css .vbutton {
    min-height: 45px;
}

.weco-css button#cboxClose {
    min-height: inherit;
}

.weco-css #basbody1 .highlightbox .zz_hdr_h {
    border-bottom: solid 1px #cccccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.weco-css #basbody1 .highlightbox table.subtotalitems>tbody>tr:last-child {
    border-top: solid 1px #cccccc;
}

.weco-css #basketheader .subtotalitems>tbody>tr:last-child {
    border-top: solid 1px #cccccc;
}

.weco-css #basbody1 .highlightbox table.subtotalitems>tbody>tr:last-child>td:first-child {
    border-top: solid 1px #cccccc;
    padding-top: 10px;
}

.weco-css .zz_bas_step_1_items>h2 {
    border-bottom: solid 1px #cccccc;
    padding-bottom: 10px;
}

.weco-css #basbody .zz_bas_hdr button,
.weco-css .b_send {
    background-color: #003767;
    border-color: #003767;
}


/* Table Modifications */

.weco-css table.table:first-of-type:not(.table-condensed)>thead>tr:not(.rt_subcontent)>th {
    padding-top: 20px;
}

.weco-css table.table:first-of-type:not(.table-condensed)>thead>tr>th {
    background-color: transparent;
    color: inherit;
    font-weight: 800;
}


/*.weco-css table.table:first-of-type:not(.table-condensed)>tbody>tr:not(.rt_subcontent)>td.zznoborder {
    border-top: none;
}*/


/*Hide extra lines on paymetric screens*/

.weco-css td.webar {
    border-top: none !important;
}

.weco-css table.table:first-of-type:not(.table-condensed)>tbody>tr:not(.rt_subcontent)>td {
    border-top: solid 1px #cccccc;
    padding-top: 15px;
    padding-bottom: 15px;
}

.weco-css table.table:first-of-type:not(.table-condensed)>tbody>tr:not(.rt_subcontent)>td.zzdscsa_item {
    border-top: none;
}

.weco-css td.zz_cc_surcharge_msg {
    width: 50%;
    border: none !important;
}

/* Shopping Cart / Checkout table */

.weco-css #basbody table.table:first-of-type:not(.table-condensed)>tbody>tr:not(.rt_subcontent)>td:nth-child(6)>span,
.weco-css #basbody table.table:first-of-type:not(.table-condensed)>tbody>tr:not(.rt_subcontent)>td:nth-child(8),
.weco-css #basbody table.table:first-of-type:not(.table-condensed)>tbody>tr:not(.rt_subcontent)>td:nth-child(9),
.weco-css #basbody1 table.table:first-of-type:not(.table-condensed)>tbody>tr:not(.rt_subcontent)>td:nth-child(5)>span,
.weco-css #basbody1 table.table:first-of-type:not(.table-condensed)>tbody>tr:not(.rt_subcontent)>td:nth-child(6),
.weco-css #basbody1 table.table:first-of-type:not(.table-condensed)>tbody>tr:not(.rt_subcontent)>td:nth-child(7) {
    font-weight: 800;
}

.weco-css table.subtotalitems:first-of-type,
.weco-css table>tbody>tr>td {
    background-color: transparent !important;
}

.weco-css .table.zzdscsa_list>tbody>tr.contentrow2 td {
    background-color: #F8F8F8 !important;
}

.weco-css .table.zzdscsa_list>tbody>tr.contentrow1 td {
    background-color: #E2E3E4 !important;
}

@media screen and (max-width: 1023px) {
    .weco-css .table>thead>tr>th,
    .weco-css .table>tbody .rt_secondary_headerrow>th {
        background-color: #003767 !important;
    }
    .weco-css table.table:first-of-type:not(.table-condensed)>thead>tr:not(.rt_subcontent)>th {
        padding: 6px;
        color: #fff;
        font-weight: 400;
    }
}



/* My Account */

.weco-css #myaccount>div:first-of-type * {
    font-weight: 700;
}

.weco-css #myaccount>div:first-of-type table>tbody>tr>td:first-of-type {
    color: #003767;
}

.weco-css #myaccount>div:first-of-type table>tbody>tr>td:last-of-type {
    font-weight: 400;
    word-break: break-all;
}

.weco-css .zz-cnbs-b-addcc-l,
.weco-css .zz-cnbs-b-modcc-d,
.weco-css .zz-cnbs-b-storecc,
.weco-css .zz-cnbs-b-send {
    background-color: #003767;
    border-color: #003767;
}


/* Remove border from individual tables */

.weco-css #myaccount .highlightbox table.table:first-of-type>tbody>tr>td,
.weco-css table.table-condensed.table-vertical>tbody>tr>td,
.weco-css table .rt_message>td {
    border: 0 !important;
}

.weco-css .table .sort i {
    color: inherit;
}

.weco-css .productlistview_addtobasket,
.weco-css .productlisting_basket {
    margin: 5px;
}

.weco-css .productlistview_addtobasket>input,
.weco-css .productlisting_basket>input {
    margin-top: 5px;
    margin-bottom: 5px;
}

.weco-css button.b-icon-bg,
.zz-quantity-input__button.zz-quantity-input__button--decrease,
.zz-quantity-input__button.zz-quantity-input__button--increase {
    min-height: 45px !important;
    line-height: 45px !important;
    width: auto !important;
}

.zz-quantity-input__button.zz-quantity-input__button--decrease {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.zz-quantity-input__button.zz-quantity-input__button--increase {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.zz-quantity-input>input {
    border-radius: 0 !important;
}

.weco-css .pagination a {
    min-height: 35px;
    line-height: 35px;
    width: 35px;
}

.weco-css #mainmenu_search .catalog,
.weco-css #mainmenu_search .search {
    padding: 2px;
    display: flex;
}

.weco-css #mainmenu_search .catalog>input,
.weco-css #mainmenu_search .search>input#inputString {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-right: 2px;
}

@media screen and (max-width: 1123px) {
    .weco-css #mainmenu_search .catalog>input,
    .weco-css #mainmenu_search .search>input#inputString {
        margin: 0;
        width: calc(100% - 44px) !important;
    }
}

@media screen and (min-width: 901px) and (max-width: 1023px) {
    .weco-css .col-90 {
        width: 90% !important;
    }
}

.weco-css #productfilterafter .scrollpanel>ul li>label>div {
    transform: scale(0.6);
}

.weco-css #productfilterafter .scrollpanel>ul li>label>div>span {
    line-height: inherit;
}

.weco-css [id="poshead-text_toggle-1 "]>span,
.weco-css [id="poshead-text_toggle-2 "]>span {
    color: #003767;
    font-weight: 700;
    font-size: 18px;
}

.weco-css #basketheader .subtotalitems>tbody>tr>td:first-child {
    color: #003767;
    font-weight: 700;
    font-size: 18px;
}

.weco-css #basketheader .subtotalitems>tbody>tr>td:last-child {
    font-size: 18px;
    text-align: right;
}

.weco-css #basketheader .subtotalitems>tbody>tr:last-child>td:last-child {
    color: #003767;
    font-weight: 800;
    font-size: 22px;
}

.weco-css #doclist .productnavigator,
.weco-css #doclist0 .productnavigator {
    background: none;
    box-shadow: none;
}

.weco-css .productnavigator .catli-toggle>a {
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    border: 0;
}

.weco-css .productnavigator .catli-toggle a:last-of-type {
    border-right: 0;
}

.weco-css .productnavigator .catli-toggle a.active,
.weco-css .productnavigator .catli-toggle a.active i {
    background: inherit;
    background-color: inherit;
}

.weco-css .productnavigator .catli-toggle a:not(.active):hover,
.weco-css .productnavigator .catli-toggle a:not(.active) i:hover {
    background: initial;
    background-color: initial;
}

.weco-css .productnavigator .catli-toggle>a>i.i-list::before {
    content: "\e991";
    color: lightgray;
}

.weco-css .productnavigator .catli-toggle>a.active>i.i-list::before {
    color: #003767;
}

.weco-css .productnavigator .catli-toggle>a>i.i-tiles::before {
    content: "\e990";
    color: lightgray;
}

.weco-css .productnavigator .catli-toggle>a.active>i.i-tiles::before {
    color: #003767;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Order Summary */
    .weco-css #basbody0 #basbody2 .highlightbox.zzpos_rel>div:last-of-type>div>button {
        width: 100% !important;
    }
}

@media screen and (min-width: 901px) and (max-width: 1023px) {
    .weco-css #basketheader .highlightbox.row.zzpos_rel>div:last-of-type {
        width: 100% !important;
    }
    /* Order Summary */
    .weco-css #basbody0 #basbody2 .highlightbox.zzpos_rel>div:last-of-type {
        width: 100% !important;
    }
    .weco-css #basbody0 #basbody2 .highlightbox.zzpos_rel>div:last-of-type>div>button {
        width: 100% !important;
    }
}

@media screen and (max-width: 1023px) {
    .weco-css #basketheader .highlightbox.row.zz_flex {
        flex-wrap: wrap;
    }
    /* Shopping Cart */
    .weco-css #basketheader .highlightbox.row.zzpos_rel>div:last-of-type {
        position: relative;
        bottom: initial;
    }
    /* Order Summary */
    .weco-css #basbody0 #basbody2 .highlightbox.zzpos_rel>div:last-of-type {
        position: relative;
        bottom: initial;
    }
    /*Orders/Tempaltes*/
    .weco-css #docdetail .vbuttrow .vbutton .b_send {
        margin-left: 0px;
    }
}


/*
    CAUTION: IE hackery ahead
*/


/* remove default arrow in IE 10 and 11 */

select::-ms-expand {
    display: none !important;
}


/* target Internet Explorer 9 to undo the custom arrow */

@media screen and (min-width: 0\0) {
    select {
        background: none\9 !important;
        padding: 5px\9 !important;
    }
}


/* Hide arrows in some of the number inputs */


/* Chrome, Safari, Edge, Opera */

input[class="zz-quantity-input__input"]::-webkit-outer-spin-button,
input[class="zz-quantity-input__input"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}


/* Firefox */

input[clas="zz-quantity-input__input"][type="number"] {
    -moz-appearance: textfield !important;
}


/* 
    BUTTONS
*/


/* Use for all buttons */

.pts.ptsButton {
    background-color: #269bcb !important;
    display: inline-block !important;
    text-align: center !important;
    min-height: 45px !important;
    min-width: 100px !important;
    width: auto !important;
    max-width: 600px !important;
    white-space: normal !important;
    padding: 14px 30px !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    transition: background-color 300ms ease-out, color 300ms ease-out !important;
}

.pts.ptsButton:hover {
    background-color: #1e7aa0 !important;
    text-decoration: none !important;
    color: #ffffff !important;
}

.pts.ptsButton[target="_blank"]::after {
    margin-right: 0 !important;
    background-image: url("https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--external-link-white.svg") !important;
    font-size: inherit !important;
}

@media (max-width: 600px) {
    .pts.ptsButton--full-width-mobile {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* Dark */

.pts.ptsButton.ptsButton--dark {
    background-color: #003767 !important;
}

.pts.ptsButton.ptsButton--dark:hover {
    background-color: #001c34 !important;
}

.pts.ptsButton.ptsButton--dark[target="_blank"]::after {
    background-image: url("https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--external-link.svg") !important;
}


/* Secondary */

.pts.ptsButton.ptsButton--secondary {
    background-color: #ffffff !important;
    border: 1px solid #003767 !important;
    color: #003767 !important;
}

.pts.ptsButton.ptsButton--secondary:hover {
    color: #ffffff !important;
    background-color: #003767 !important;
}

.pts.ptsButton.ptsButton--secondary[target="_blank"]::after {
    background-image: url("https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--external-link.svg") !important;
}

.pts.ptsButton.ptsButton--secondary[disabled] {
    color: #a8a9ac !important;
    background-color: #ffffff !important;
    border-color: #a8a9ac !important;
    cursor: not-allowed !important;
}

.pts.ptsButton.ptsButton--secondary[disabled]:hover {
    background-color: #a8a9ac !important;
}


/* Tertiary */

.pts.ptsButton.ptsButton--tertiary {
    display: inline-flex !important;
    align-items: center !important;
    background-color: transparent !important;
    border: none !important;
    color: #147cbd !important;
    font-weight: 600 !important;
    height: auto !important;
    width: auto !important;
    padding: 10px 0 !important;
    text-align: left !important;
    border-radius: 0 !important;
    font-size: 18px !important;
}

.pts.ptsButton.ptsButton--tertiary::after {
    content: "›" !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 0.8em !important;
    width: 0.8em !important;
    margin-left: 0.3em !important;
    color: inherit !important;
}

.pts.ptsButton.ptsButton--tertiary:hover {
    background-color: transparent !important;
    color: #001c34 !important;
    text-decoration: underline !important;
}

.pts.ptsButton.ptsButton--tertiary[target="_blank"]::after {
    background-image: url("https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--external-link.svg") !important;
}

.pts.ptsButton.ptsButton--tertiary[disabled] {
    background-color: transparent !important;
    color: #a8a9ac !important;
    cursor: not-allowed !important;
}

.pts.ptsButton.ptsButton--tertiary[disabled]:hover {
    background-color: transparent !important;
    text-decoration: none !important;
}


/* WECO button overrides */

.weco-css .vbutton input,
.weco-css button {
    background-color: #269bcb;
    color: #ffffff;
}

.weco-css .vbutton input:hover,
.weco-css button:hover,
.weco-css .vbutton input:focus,
.weco-css button:focus {
    background-color: #147ec2;
    color: #ffffff;
}

.weco-css #basbody .zz_bas_hdr button,
.weco-css .vbutton .b_send,
.weco-css .b_send {
    background-color: #003767;
    border-color: #003767;
}

.weco-css #basbody>.vbuttrow {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.weco-css #basbody>.vbuttrow>a {
    margin-right: auto;
}

.weco-css .i-circle-delete:before {
    color: #58585b;
}


/*.weco-css #basbody .vbuttrow button:nth-of-type(1) {
    order: 1;
}*/

.weco-css #basbody .vbuttrow button:nth-of-type(2) {
    background-color: #003767;
    border-color: #003767;
    order: 3;
}

.weco-css #basbody .vbuttrow button:nth-of-type(3) {
    order: 2;
}

.weco-css #basbody .vbuttrow .b-sec {
    order: 5 !important;
}


/************************
    o-media
*************************/

.pts.img-bg {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    max-width: 100%;
    min-height: 480px;
}

.pts.img-bg--full-width {
    width: 100vw;
    min-width: 100%;
}

.pts.img-bg--no-min-height {
    min-height: 0;
}

.pts.img-bg--16-9-ratio {
    padding-bottom: 56.25%;
}

.pts.img-bg--4-3-ratio {
    padding-bottom: 75%;
}

.pts.img-bg--focus-center {
    background-position: center center;
}

.pts.img-bg--focus-top {
    background-position: top center;
}

.pts.img-bg--focus-top-right {
    background-position: top right;
}

.pts.img-bg--focus-right {
    background-position: right center;
}

.pts.img-bg--focus-bottom-right {
    background-position: bottom right;
}

.pts.img-bg--focus-bottom {
    background-position: bottom center;
}

.pts.img-bg--focus-bottom-left {
    background-position: bottom left;
}

.pts.img-bg--focus-left {
    background-position: left center;
}

@media screen and (max-width: 900px) {
    .pts.img-bg {
        min-height: 330px;
    }
    .pts.img-bg--no-min-height {
        min-height: 0;
    }
}

@media screen and (max-width: 600px) {
    .pts.img-bg {
        min-height: 225px;
    }
    .pts.img-bg--no-min-height {
        min-height: 0;
    }
    .pts.img-bg--16-9-ratio-mobile {
        padding-bottom: 56.25%;
    }
    .pts.img-bg--4-3-ratio-mobile {
        padding-bottom: 75%;
    }
}


/*
    LINKS
*/

a.pts {
    color: #147cbd !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color 300ms ease-out !important;
}

a.pts[target="_blank"]::after {
    content: "(external link)";
    display: inline-block;
    vertical-align: baseline;
    height: 0.8em;
    width: 0.8em;
    text-indent: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--external-link.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 0.3em;
    margin-right: -1.1em;
}


/* Link Utilities */

a.pts.with--chevron-link {
    font-weight: 600;
}

a.pts.with--chevron-link::after {
    content: "›";
    display: inline-flex;
    vertical-align: baseline;
    height: 0.8em;
    width: 0.8em;
    margin-left: 0.3em;
    margin-right: -1.1em;
    color: inherit;
}

a.pts.with--chevron-link:hover {
    text-decoration: underline;
}


/* Adding decorative icons */

.pts.with--icon {
    line-height: normal;
}

.pts.with--icon::before {
    content: "";
    display: inline-block;
    height: 0.85em;
    width: 0.85em;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
}

.pts.with--icon-phone::before {
    background-image: url("https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--phone.svg");
    margin-right: 10px;
}

.pts.with--icon-email::before {
    background-image: url("https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--email.svg");
    margin-right: 10px;
}

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

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

.pts.with--bg-white {
    background-color: #ffffff;
}

.hdg {
    font-weight: 800;
    color: #003767;
    margin-bottom: 20px;
}


/***************************
    MHINZE Changes
***************************/


/*Cokies Bar*/

.weco-css #consent_blackbar {
    width: 80%;
    position: fixed;
    bottom: 20px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.weco-css #truste-consent-track {
    border: 3px solid #003767;
    border-radius: 5px;
}

.weco-css #truste-consent-track #truste-consent-text {
    font-size: 18px;
}


/*Universal highlight box*/

.weco-css .highlightbox {
    border: 0px;
}


/*Home Page*/

.zz_catextra_prom_descr h1 {
    font-family: "proxima-nova", Arial, sans-serif !important;
    font-size: 32px !important;
    color: #003767 !important;
    font-weight: 600 !important;
}

.weco-css .jcarousel {
    height: 100%;
}

.weco-css .promo_wrapper .contentrow .col-80 {
    margin-top: 20px;
}

.weco-css .promo_wrapper .contentrow {
    background-color: #f8f8f8;
}

.weco-css .jcarousel-pagination-promo,
.weco-css .jcarousel-pagination-promo2 {
    bottom: -55px;
}


/*Search and Clear button Styling
.weco-css #mainmenu_search .search #delButton {
    display: none;
}*/

.weco-css #mainmenu_search .search>input#inputString:focus-visible {
    outline: none;
}


/*Outage warning notificaton*/

.message-box--alert {
    border-color: #003767;
    background-color: #003767;
    color: #fff;
    border-radius: 10px;
    padding-bottom: 30px;
}

.pts .message-box {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
    padding-right: 40px;
    background-color: #fff;
    max-height: 500px;
}

#welcomehdr .pts.message-box.message-box--alert {
    margin-bottom: 20px;
}

.pts.hdg.hdg--5.message-box__heading {
    color: #fff;
}

.pts.o-media__body.o-copy-wrapper.body-small {
    padding: 20px;
    margin-bottom: 20px;
}

.pts.o-media.o-media--centered.message-box__content {
    width: 100%;
}

.pts.o-media__body.o-copy-wrapper.body-small span {
    color: #fff;
}


/*Login Popup when selecting add to cart*/

.weco-css #boxloginb2c .highlightbox {
    border: none;
    box-shadow: none;
}


/*Cart page Hide extra line
.weco-css #basbody .highlightbox .zz_hdr_h {
    border-bottom: 0px;
}*/

.weco-css #basbody #basketheader .highlightbox .col-33 .highlightbox .zz_hdr_col tbody tr {
    border: 0px;
}


/*CMS FAQs*/

#faq-header {
    display: inline-flex;
    padding-left: 20px;
    width: 95%;
    justify-content: space-between;
}

#faq-header #faq-left {
    margin-bottom: 5px;
    margin-right: auto;
}

#faq-header #faq-right {
    margin-left: auto;
    margin-bottom: 5px;
}

#faq-iFrame {
    height: 850px;
}


/*Catalog/Search Nav Menu*/

.weco-css #productfilterafter_toggle,
.weco-css .boxinfo.closed,
.weco-css .boxinfo.opened,
.weco-css .boxinfo.resp_hidei {
    background-color: #fff;
}

.weco-css #productfilterafter_toggle>span,
.weco-css .boxinfo.resp_hidei>span,
.weco-css .boxinfo.opened>span {
    font-size: 14px;
    font-weight: 700;
    color: #003767;
}


/* TODO: Remove once arrows are updated */

.weco-css #productfilterafter .i-arrow-right::before,
.weco-css #catnavi .i-arrow-right::before {
    content: "\e900";
    color: #147ec2;
}

.weco-css #productfilterafter .i-arrow-down::before,
.weco-css #catnavi .i-arrow-down::before {
    content: "\e901";
    color: #147ec2;
}

.weco-css #productfilterafter .i-arrow-down,
.weco-css #productfilterafter .i-arrow-right,
.weco-css #catnavi .i-arrow-down,
.weco-css #catnavi .i-arrow-right {
    font-size: 14px;
}

.weco-css .i-cart:before {
    content: "\e992";
}

.weco-css #productfilterafter .expand.expand-head,
.weco-css #catnavi .expand.expand-head {
    display: flex;
}

.weco-css #productfilterafter .expand.expand-head> :first-child,
.weco-css #catnavi .expand.expand-head> :first-child {
    order: 2;
}

.weco-css #productfilterafter .expand.expand-head> :nth-child(2),
.weco-css #catnavi .expand.expand-head> :nth-child(2) {
    order: 2;
}

.weco-css #productfilterafter .expand.expand-head> :nth-child(3),
.weco-css #catnavi .expand.expand-head> :nth-child(3) {
    order: 1;
    width: 90%;
}

.weco-css .boxinfo i {
    color: #003767;
}


/*Search Results Changes*/

.weco-css .zzp65warning_hover {
    z-index: 5;
}

.weco-css #productlistview .productlistview_price {
    padding-bottom: 10px;
    position: relative;
}

.weco-css #productlistview .productlistview_price>.zz_stock {
    font-weight: 400;
    font-size: 15px;
    padding-top: 5px;
    padding-right: 25px;
}

.weco-css #productlisting .tile-title>div>a {
    font-weight: 700;
}

.weco-css #productlistview .productlistview_price>.price,
.weco-css #productlisting .productlisting_price .price1 {
    color: inherit;
    font-weight: 800;
    font-size: 20px;
}

.weco-css .productnavigator {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 7px 7px 11px -4px #ccc;
}

.weco-css .productnavigator .pagination {
    height: auto;
    order: 1;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.weco-css .productnavigator .sort,
.weco-css .productnavigator .items {
    order: 3;
    margin-right: 10px;
}

.weco-css .productnavigator .catli-toggle,
.weco-css .productnavigator .pages {
    display: flex;
    height: 37px;
    order: 4;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
}

.weco-css .basketnavigator select,
.weco-css .productnavigator select {
    margin-top: 0px;
}

.weco-css .productnavigator .download {
    order: 2;
    padding-right: 20px;
}

.weco-css #productlistview {
    margin-top: 20px;
    margin-bottom: 20px;
}

.weco-css #productlistview>ul>li:last-of-type {
    margin-bottom: 0;
}

#catitem2 h1,
#catbody0>h1 {
    margin-bottom: 0px;
    padding: 10px 10px 10px 3%;
    background-color: white !important;
    box-shadow: 11px 19px 11px -8px #ccc;
}

.weco-css #catitem2 .productnavigator:first-of-type::before,
.weco-css #catitemlist .productnavigator:first-of-type::before,
.weco-css #catitem2 #productlisting~.productnavigator::before,
.weco-css #catitemlist #productlisting~.productnavigator::before {
    border-top: 1px solid #ddd;
    margin-left: 3%;
    margin-right: 3%;
    display: block;
    width: 100%;
    height: 10px;
    content: "";
}

.weco-css #productlisting {
    margin-top: 0;
    box-shadow: 2px 11px 11px 0 #ccc;
    background: white !important;
}

.weco-css #productlistview>ul>li,
.weco-css #productlisting>ul>li {
    background-color: white;
    border-bottom: none;
    margin-bottom: 20px;
}

.weco-css #productlisting>ul {
    justify-content: inherit;
}

.weco-css #productlisting>ul>li {
    box-shadow: none !important;
    border-top: 1px solid #ddd !important;
    margin: 0 3% 1% 3%;
}

@media screen and (max-width: 767px) {
    .weco-css #productlisting>ul>li:nth-child(1) {
        border-top: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .weco-css #productlisting>ul>li:nth-child(1) {
        border-top: 0 !important;
    }
    .weco-css #productlisting>ul>li:nth-child(2) {
        border-top: 0 !important;
    }
}

@media screen and (min-width: 1200px) {
    .weco-css #productlisting>ul>li:nth-child(1) {
        border-top: 0 !important;
    }
    .weco-css #productlisting>ul>li:nth-child(2) {
        border-top: 0 !important;
    }
    .weco-css #productlisting>ul>li:nth-child(3) {
        border-top: 0 !important;
    }
}

@media screen and (min-width: 1200px) {
    .weco-css:not(.force-desktop) .tiles.tiles-med-2 .tile {
        width: 27.333333333%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .weco-css:not(.force-desktop) .tiles.tiles-med-2 .tile {
        width: 44%;
    }
}

@media screen and (max-width: 767px) {
    .weco-css:not(.force-desktop) .tiles.tiles-med-2 .tile {
        margin: 0 6% 1% 6%;
        width: 88%;
    }
}

.weco-css #productlistview h2>a {
    font-weight: 600;
}

.weco-css #contentarea_main,
.weco-css #contentarea_init {
    background: none;
}

.weco-css .tiles .tile {
    border: none !important;
    box-shadow: 2px 6px 11px 0 #ccc !important;
    background-color: white !important;
}

.weco-css .tiles .tile .tile-img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#ppage::after {
    content: " per page";
    margin-left: 5px;
}

.weco-css #productinfo .basket .productprice {
    font-size: 20px;
    font-weight: 800;
    color: inherit;
    margin-top: 0px;
}


/*Quick Filter Color */

.weco-css .css-14kb0k7.checked {
    background-color: #147ec2;
}

.weco-css i.i-square.pseudo-checkbox:not(.hidden),
.weco-css i.i-square-ok.pseudo-checkbox:not(.hidden) {
    font-size: 18px;
}

.weco-css #catsearchfilter a.resetfilter {
    font-size: 13px;
}


/*Tabber*/

.weco-css .tabbed_area {
    box-shadow: 2px 6px 11px 0 #ccc;
    background-color: #f8f8f8;
}

.weco-css .tabbed_area .tabcontent {
    background-color: #f8f8f8;
    border: none;
}

.weco-css .tabbed_area .tabs,
.weco-css .tabbed_area .tabs .tab {
    background-color: #f8f8f8;
}

.weco-css .tabbed_area .tabs {
    border-bottom: #b8b8b8;
    color: #003767;
}

.weco-css .tabbed_area .tabs a {
    color: #003767 !important;
}

.weco-css .tabbed_area .tabs .active a {
    padding-left: 15px;
    color: #003767;
    text-decoration: none;
    border-bottom: solid;
    border-width: 5px;
    border-color: #269bcb;
}

.weco-css .tabbed_area .tab a:hover {
    background-color: #b8b8b8;
}


/*Product Details Page*/

.weco-css #catdetail {
    box-shadow: none;
}

#zz_catdetail_hist {
    display: flex;
    flex-direction: column;
    margin: 15px 0px;
    box-shadow: none;
}

.weco-css h3.zz_history_total {
    margin-top: 0px;
    padding: 10px;
}

.weco-css #productinfo .basket .addtobasket .zz_addtobasket_but button {
    width: 84% !important;
}

.weco-css #productrel .expand {
    background: none;
}

.weco-css #productrel .expand i,
.weco-css #productrel .expand span {
    color: #003767;
    font-size: 18px;
    font-weight: 800;
}

.weco-css #productrel .expand .i-closed::before {
    content: "\e900";
}

.weco-css #productrel .expand .i-opened::before {
    content: "\e901";
}


/*My Account Pages*/


/*customer selection
.weco-css #docsearch .col-50 button {*/

.weco-css button.mselcust {
    width: 100% !important;
    height: 45px !important;
    padding: 10px 35px 10px 10px !important;
    color: #58585b !important;
    border: 1px solid #a8a9ac !important;
    border-radius: 5px !important;
    box-shadow: inset 0px 1px 3px rgb(0 0 0 / 10%) !important;
    appearance: none !important;
    background: url(https://cdn.cloud.pattersoncompanies.com/patternlibrary/releases/2.1.11/assets/toolkit/images/icon--down-caret-navy.svg) no-repeat #ffffff !important;
    background-position: right 0.75em center !important;
    background-size: 0.7em 0.7em !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    margin-top: 0px;
}

.weco-css button.mselcust span.ui-icon-triangle-1-s {
    display: none;
}


/*EDIT TEMPLATE was YELLING at me for some reason*/

.weco-css #docdetail>.vbuttrow>.vbutton>input {
    text-transform: none;
}

.weco-css #docdetail .vbuttrow {
    display: flex;
    justify-content: space-between;
}

.weco-css #docdetail .vbuttrow .vbutton {
    order: 2;
    display: flex;
    justify-content: flex-end;
}

.weco-css #docdetail .vbuttrow .vbutton input {
    margin-left: 15px;
}

.weco-css #docdetail .vbuttrow .vbutton .b_send {
    order: 5;
    margin-left: 80%;
}

.weco-css #docdetail .vbuttrow .b-sec {
    order: 1;
}


/*Cart*/

.weco-css #basbody .basitem-table .subtotalitems td.headl,
.weco-css #basbody1 .zz_bas_step_1_items .subtotalitems td.headl,
.weco-css #basbody2 .table .subtotalitems td.headl {
    color: #003767;
    font-weight: 700;
    font-size: 18px;
    width: 200px;
    padding-right: 10px;
}

.weco-css #basbody .basitem-table .subtotalitems td.value {
    color: #003767;
    font-weight: 800;
    font-size: 22px;
}

.weco-css #basbody1 .zz_bas_step_1_items .subtotalitems td.value,
.weco-css #basbody2 .table .subtotalitems td.value {
    color: #003767;
    font-weight: 800;
    font-size: 20px;
}

.weco-css #basbody1 .zz_bas_step_1_items .subtotalitems td.netvat,
.weco-css #basbody2 .table .subtotalitems td.netvat {
    font-size: 24px;
    font-weight: 800;
}


/*Checkout pages*/

.weco-css #basketheader>.highlightbox,
.weco-css #basbody2>form>.highlightbox {
    border: 0px;
    background: none;
    box-shadow: none;
    flex-wrap: wrap;
}

.weco-css #basbody1 .zz-cnbs-pc-cont {
    box-shadow: none;
}


/*My Account Page*/

.weco-css #myaccount>.highlightbox {
    border: none;
}

.weco-css #myaccount>.highlightbox>.col-75>table>tbody>tr>td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.weco-css #myaccount .tabbed_area {
    background-color: none;
    box-shadow: none;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 {
    background: none;
    display: flex;
    flex-wrap: wrap;
    /*flex-direction:column;*/
}


/*Payments form background is off*/

.weco-css form[name="appaccept"]>.highlightbox {
    background: none;
    border: 0px;
    box-shadow: none;
}


/*Upload from a file form*/

.weco-css form[name="produpload"] .popupheader {
    background: none;
    color: #003767;
    font-weight: 800;
}

.weco-css form[name="produpload"] .popupbody {
    margin-top: 35px !important;
}

.weco-css form[name="produpload"] .popupbody .tgreen {
    display: none;
}

.weco-css form[name="produpload"] .green {
    color: green;
}


/*Login Forms*/

.weco-css #quickmenu .quicklink-menu .header {
    text-align: left;
    padding-left: 0px;
    color: #003767;
    border: none;
    font-weight: 800;
}

.weco-css #quickmenu .quicklink-menu .boxinfo {
    background: none;
    padding-left: 0px;
    margin-top: 0px;
    font-weight: 700;
}

.weco-css #quickmenu .quicklink-menu .boxinfo span {
    color: #003767;
}

.weco-css #quickmenu .quicklink-menu .boxbody .form div {
    width: 100%;
}

.weco-css #quickmenu .quicklink-menu .boxbody .form div button {
    width: 100%;
    color: white;
    background-color: #003767;
    border-color: #003767;
    margin-bottom: 10px;
}

.weco-css form[name="loginb2c"] .highlightbox {
    padding-left: 30px;
}

.weco-css form[name="loginb2c"] .highlightbox .form .form-group .col-25 {
    float: none;
    width: 40%;
}

.weco-css form[name="loginb2c"] .highlightbox .form .form-group .col-75 label {
    color: #147ec2;
}

.weco-css form[name="loginb2c"] .highlightbox .form {
    padding-top: 10px;
}

.weco-css form[name="loginb2c"] .highlightbox .form .form-group label.col-15 {
    margin-bottom: 0px;
    padding-top: 0px;
    font-weight: 800;
}

.weco-css form[name="loginb2c"] .highlightbox h2 {
    font-size: 18px;
    font-weight: 700px;
}

.weco-css form[name="loginb2c"] .highlightbox .vbuttrow button {
    width: 30%;
    background-color: #003767;
    border-color: #003767;
}


/* UPDATE when JavaScript is applying the right styling - JK I think it works now*/

.weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(1),
.weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(5),
.weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(7) {
    order: 1;
    width: 30%;
    margin-right: 20px;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(2),
.weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(6),
.weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(8) {
    order: 2;
    width: 30%;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(3),
.weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(4) {
    order: 3;
    width: 100%;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 .closed+div.expand-body {
    display: inline-grid !important;
    content-visibility: hidden !important;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-body,
.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head {
    border: 0px;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head span {
    font-size: 22px;
    font-weight: 800 !important;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head,
.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head i,
.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head i::before,
.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head span {
    color: white;
    color: #001c34;
    background: none;
}


/* +/- on the My Account page */

.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head {
    display: flex;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head> :nth-child(1) {
    order: 2;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head> :nth-child(2) {
    order: 2;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head> :nth-child(3) {
    order: 1;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head .i-closed::before {
    font-size: 14px;
    content: "\e900";
    position: relative;
    right: -15px;
}

.weco-css #myaccount .tabbed_area #tabcontent_1 .expand-head .i-opened::before {
    font-size: 14px;
    content: "\e901";
    position: relative;
    right: -15px;
}

.weco-css .zz_bas_step_pay_hdr_msg>p {
    position: relative;
    left: 25px;
    margin-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    word-wrap: break-word;
}

.weco-css .zz_bas_step_pay_hdr_msg>p::before {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 5px;
    font-size: 21px;
    width: 1%;
    white-space: nowrap;
    color: #003767;
    content: "\e946";
    position: relative;
    left: -15px;
    top: 3px;
}


/*Successmessage(s)*/

.weco-css .successmessage {
    border: 2px solid #003767;
    border-radius: 5px;
    background-color: #003767;
    font-weight: 600;
    color: white;
    padding: 20px;
}

.weco-css .errormessage {
    border: 2px solid #d0021b;
    border-radius: 5px;
    background-color: white;
    color: #d0021b;
}

.weco-css .errormessage .i-warning {
    color: #d0021b;
    padding-right: 10px;
}

.weco-css .successmessage .i-info {
    color: #269bcb;
    padding-right: 10px;
}

.weco-css .zz_bas_step_pay_hdr_msg {
    border-color: #269bcb
}

.weco-css .zz_bas_step_pay_hdr_msg>p::before {
    color: #269bcb;
}

.weco-css #toast .successmessage {
    border-color: #0ca50f;
    background-color: white;
    color: #58585b;
}


/**********************************
    End of MHINZE CSS Change
**********************************/

@media screen and (max-width: 900px) {
    .promo_wrapper>.contentrow {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .promo_wrapper>.contentrow>div:first-child>.zz_catextra_prom_descr {
        height: 100%;
    }
    .promo_wrapper>.contentrow>div:first-child {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }
    /*MHINZE FAQ Mobile Responsive*/
    #faq-header {
        flex-direction: column;
    }
}


/*Pre-Mobile Viewports*
@media (max-width: 766px){
.weco-css .col-respxs-100{
    display: flex;
    flex-direction: column;
}

.weco-css #productlistview .productlistview_price {
    text-align:left;
}

.weco-css #productlistview .zz_productlistview_price_basket {
    text-align: center;
}

.weco-css #productlistview .productlistview_attr {
    text-align:center;
}*/


/*.productlistview_info .col-75 .col-respxs-100 .productlistview_shortdescr .col-50 .col-respxs-100{
    order:1;
}

.productlistview_attr .col-50 .col-respxxs-100{
    order:2;
}

.productlistview_info .col-75 .col-respxs-100 .pictograms{
    order:3;
}

.productlistview_info .col-75 .col-respxs-100 .zz_productlistview_price_basket .col-50 .col-respxs-100{
    order:4;
}*/


/*END 766*/


/*Mobile Viewports*/

@media screen and (max-width: 1023px) {
    .weco-css:not(.force-desktop) #topnavi_wrap {
        height: 60px !important;
        line-height: 60px !important;
    }
    .weco-css #mainmenu_search {
        margin: 0px;
    }
    .weco-css:not(.force-desktop) .tabbed_area .resptab a i,
    .weco-css:not(.force-desktop) .tabbed_area .resptab a span {
        color: #003767;
    }
    .weco-css:not(.force-desktop) #productlistview .productlistview_price>.zz_stock {
        left: 65px;
    }
    .weco-css #mainmenu_search_wrap.small #mainmenu_search .search {
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .weco-css #productlisting>ul {
        justify-content: center;
    }
    .weco-css #basbody>.vbuttrow {
        flex-direction: column;
    }
    /*My Account Mobile*/
    .weco-css #myaccount .tabbed_area #tabcontent_1 {
        background: none;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(1),
    .weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(2) {
        order: 1;
        width: 100%;
    }
    .weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(5),
    .weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(6) {
        order: 2;
        width: 100%;
    }
    .weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(7),
    .weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(8) {
        order: 3;
        width: 100%;
    }
    .weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(3),
    .weco-css #myaccount .tabbed_area #tabcontent_1 div:nth-of-type(4) {
        order: 4;
    }
}

@media (max-width: 600px) {
    .weco-css div.zz_history_calendar ul.zz_calendar_list>li.zz_first_cal {
        border-right: none;
    }
    .zz_jcarousel-next {
        display: none;
    }
    .zz_jcarousel-prev {
        display: none;
    }
    /*MHINZE FAQ Mobile Responsive*/
}

.weco-css:not(.force-desktop) #mainmenu_search_wrap.small #mainmenu_search .suggestions-box {
    top: 50px;
}


/* Layouts */


/************************
    o-flex-2up 
*************************/

.o-flex-2up {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -1% !important;
}

.o-flex-2up>* {
    flex: 1 1 48%;
    max-width: 48%;
    margin: 0 1% 30px !important;
}


/* IE11 */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .o-flex-2up>* {
        flex-basis: auto;
        width: 48%;
    }
}


/* Tablet */

@media (max-width: 900px) {
    .o-flex-2up--break-tablet .o-flex-2up>* {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        margin: 0 0 20px !important;
    }
}


/* Mobile */

@media (max-width: 600px) {
    .o-flex-2up {
        margin: 0 !important;
    }
    .o-flex-2up>* {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        margin: 0 0 20px !important;
    }
}


/************************
    o-flex-halves
*************************/

.pts.o-flex-halves {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
}

.pts.o-flex-halves>* {
    flex: 1 1 auto;
    max-width: 50%;
    width: 48.3%;
}

.pts.o-flex-halves> :first-child {
    margin-right: 3.333%;
}

.pts.o-flex-halves--with-extra-spacing .pts.o-flex-halves> :first-child {
    margin-right: 6.666%;
}

.pts.o-flex-halves--flush .pts.o-flex-halves>* {
    width: 50%;
}

.pts.o-flex-halves--flush .pts.o-flex-halves> :first-child {
    margin-right: 0;
}

.pts.o-flex-halves--with-border>*:not(:last-child) {
    padding-right: 3.333%;
    border-right: 1px solid #d8d8d8;
}

.pts.o-flex-halves--with-border.o-flex-halves--with-extra-spacing>*:not(:last-child) {
    padding-right: 6.666%;
}

@media (max-width: 600px) {
    .pts.o-flex-halves--break-mobile {
        flex-wrap: wrap;
    }
    .pts.o-flex-halves--break-mobile>* {
        flex: 1 0 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .pts.o-flex-halves--break-mobile> :first-child {
        margin-right: 0;
    }
    .pts.o-flex-halves--break-mobile.reverse-stack> :first-child {
        order: 2;
    }
    .pts.o-flex-halves--break-mobile.o-flex-halves--with-border>*:not(:last-child) {
        padding-right: 0;
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-right: none;
        border-bottom: 1px solid #d8d8d8;
    }
}


/************************
    content-section
*************************/

.pts.content-section {
    min-width: 100%;
    background-image: linear-gradient(#f8f8f8, #f1f1f1);
    padding: 50px 0;
}

@media (max-width: 900px) {
    .pts.content-section {
        padding: 30px 0;
    }
}

.pts.content-section__intro {
    font-size: 21px !important;
    margin-bottom: 40px;
    max-width: 800px;
}

@media (max-width: 600px) {
    .pts.content-section__intro {
        font-size: 18px !important;
        padding: 0 20px;
        margin-bottom: 25px;
    }
}

.pts.content-section__intro--full-width {
    max-width: 100%;
}

.pts.content-section__intro--centered {
    margin-left: auto;
    margin-right: auto;
}


/* --Modifiers-- */

.pts.content-section--compact {
    padding: 25px 0;
}

.pts.content-section--flush {
    padding: 0;
}

.pts.content-section--flush-top {
    padding-top: 0;
}

.pts.content-section--flush-bottom {
    padding-bottom: 0;
}

.pts.content-section--no-gradient {
    background-image: none;
}

.pts.content-section--top-border {
    border-top: 1px solid #d8d8d8;
}

.pts.content-section--ahi-background {
    background-image: linear-gradient(#ffffff, #f8f8f8);
}


/************************
    o-page-wrapper
*************************/

.pts.o-page-wrapper {
    max-width: 1300px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 900px) {
    .pts.o-page-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 600px) {
    .pts.o-page-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/************************
    o-copy-wrapper
*************************/

.pts.o-copy-wrapper {
    max-width: 800px;
    padding-right: 50px;
}

.pts.o-copy-wrapper--narrow {
    max-width: 700px;
}

.pts.o-copy-wrapper--centered {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 900px) {
    .pts.o-copy-wrapper {
        padding-right: 30px;
    }
}

@media (max-width: 600px) {
    .pts.o-copy-wrapper {
        padding-right: 15px;
    }
    .pts.o-copy-wrapper--centered {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/************************
    card-container
*************************/

.pts.card-container {
    position: relative;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 2px 3px 8px 0 #e8e8e8;
    padding: 25px 30px;
}

@media (max-width: 900px) {
    .pts.card-container {
        padding: 20px;
    }
}

.pts.card-container__section {
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 30px;
}


/************************
    Headings
*************************/

.pts.hdg {
    font-weight: 800 !important;
    color: #003767;
    margin-bottom: 20px;
}

@media (max-width: 600px) {
    .pts.hdg {
        margin-bottom: 10px;
    }
}


/* hdg--1 */

.pts.hdg--1 {
    font-size: 64px;
    line-height: 0.85;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .pts.hdg--1.hdg--flexy {
        font-size: 5.3vw;
    }
}

@media (max-width: 600px) {
    .pts.hdg--1 {
        font-size: 36px;
    }
    .pts.hdg--1.hdg--flexy {
        font-size: 36px;
    }
}


/* hdg--2 */

.pts.hdg--2 {
    font-size: 48px;
    line-height: 1.1;
}

@media (max-width: 900px) {
    .pts.hdg--2.hdg--flexy {
        font-size: 4vw;
    }
}

@media (max-width: 600px) {
    .pts.hdg--2 {
        font-size: 28px;
    }
    .pts.hdg--2.hdg--flexy {
        font-size: 28px;
    }
}


/* hdg--3 */

.pts.hdg--3 {
    font-size: 36px;
    line-height: 1.25;
}

@media (max-width: 900px) {
    .pts.hdg--3.hdg--flexy {
        font-size: 3.4vw;
    }
}

@media (max-width: 600px) {
    .pts.hdg--3 {
        font-size: 24px;
        line-height: 1.15;
    }
    .pts.hdg--3.hdg--flexy {
        font-size: 24px;
    }
}


/* hdg--4 */

.pts.hdg--4 {
    font-size: 24px;
    line-height: 1.3;
}

@media (max-width: 900px) {
    .pts.hdg--4.hdg--flexy {
        font-size: calc(20px + 0.23vw);
    }
}

@media (max-width: 600px) {
    .pts.hdg--4 {
        font-size: 20px;
        line-height: 1.15;
    }
}


/* hdg--5 */

.pts.hdg--5 {
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 1.3;
}

.pts.hdg--flush {
    margin-bottom: 0;
}


/************************
    Font sizes
*************************/

.pts.body-extra-large {
    font-size: 24px;
}

@media (max-width: 600px) {
    .pts.body-extra-large {
        font-size: 21px;
    }
}

.pts.body-large {
    font-size: 21px;
}

@media (max-width: 600px) {
    .pts.body-large {
        font-size: 18px;
    }
}

.pts.body-standard,
.pts.body-regular {
    font-size: 18px;
}

@media (max-width: 600px) {
    .pts.body-standard,
    .pts.body-regular {
        font-size: 15px;
    }
}

.pts.body-small {
    font-size: 15px;
}

.pts.body-extra-small {
    font-size: 13px;
}

.pts.body-super-small {
    font-size: 11px;
}


/************************
    Image split card
*************************/

.pts.image-split-card {
    display: grid;
    align-content: start;
    grid-column-gap: 5%;
    grid-row-gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "image heading" "image content" "image link";
}

@media (max-width: 900px) {
    .pts.image-split-card {
        grid-template-columns: 145px auto;
    }
}

@media (max-width: 600px) {
    .pts.image-split-card {
        grid-template-columns: minmax(85px, 1fr) minmax(100px, 1fr);
        grid-template-areas: "heading heading" "image content" "link link";
    }
}

.pts.image-split-card__image {
    display: grid;
    grid-area: image;
}

.pts.image-split-card__image--centered-vertically {
    display: grid;
}

.pts.image-split-card__image--centered-vertically>img {
    align-self: center;
}

.pts.image-split-card__heading {
    grid-area: heading;
}

.pts.image-split-card__link {
    grid-area: link;
    align-self: end;
}

.pts.image-split-card__content {
    grid-area: content;
}

.pts.image-split-card-collection {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.pts.image-split-card-collection>* {
    flex: 0 1 auto;
    max-width: calc(50% - 10px);
    margin-bottom: 20px;
}

.pts.image-split-card-collection>*:nth-child(even) {
    margin-left: 20px;
}

@media (max-width: 900px) {
    .pts.image-split-card-collection>* {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }
    .pts.image-split-card-collection>*:nth-child(even) {
        margin-left: 0;
    }
}


/************************
    Image
*************************/

.pts.img {
    display: block;
}

.pts.img--fluid {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.pts.img--fluid-shrink-only {
    width: auto;
    max-width: 100%;
    height: auto;
}

.pts.img--centered {
    margin-left: auto;
    margin-right: auto;
}


/************************
    Vertical Rhythm
*************************/

.u-vr--standard {
    margin-bottom: 20px !important;
}

@media (max-width: 600px) {
    .u-vr--standard {
        margin-bottom: 15px !important;
    }
}

.u-vr--large {
    margin-bottom: 40px !important;
}

@media (max-width: 600px) {
    .u-vr--large {
        margin-bottom: 30px !important;
    }
}

.u-vr--extra-large {
    margin-bottom: 60px !important;
}

@media (max-width: 600px) {
    .u-vr--extra-large {
        margin-bottom: 40px !important;
    }
}

.u-vr--small {
    margin-bottom: 10px !important;
}

.u-vr--extra-small {
    margin-bottom: 5px !important;
}

.u-vr--flush {
    margin-bottom: 0 !important;
}


/************************
    Eyebrow
*************************/

.pts.eyebrow {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    color: #00817d;
}

.pts.eyebrow::before,
.pts.eyebrow::after {
    content: "\2022";
}

.pts.eyebrow::before {
    padding-right: 5px;
}

.pts.eyebrow::after {
    padding-left: 5px;
}


/************************
    o-media
*************************/

.pts.o-media {
    display: flex;
    align-items: flex-start;
}

.pts.o-media>.o-media__item {
    margin-right: 5%;
}

@media screen and (max-width: 600px) {
    .pts.o-media>.o-media__item {
        margin-right: 15px;
    }
}

.pts.o-media>.o-media__body {
    flex: 1;
}

.pts.o-media--centered {
    align-items: center;
}

.pts.o-media--flush>.pts.o-media--item {
    margin-right: 0;
}


/************************
    Page Hero
*************************/

.pts.page-hero {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.pts.page-hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: calc(50% + 50px);
    padding: 20px 10px 40px 8%;
    position: relative;
    background-color: #269bcb;
    color: #ffffff;
}

/*
.pts.page-hero__content::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50px;
    height: 100%;
    border-left: 50px solid #269bcb;
    border-top: 165px solid transparent;
    border-bottom: 165px solid transparent;
}
    */

.pts.page-hero__content>.hdg {
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 1.15;
}

.pts.page-hero__content>p {
    margin-bottom: 20px;
    line-height: 1.25;
    color: #ffffff;
}

.pts.page-hero__image {
    width: calc(50% + 50px);
    background-size: cover;
    min-height: 330px;
}

.pts.page-hero__tag {
    background-color: #ffffff;
    color: #269bcb;
    text-shadow: none;
    margin-bottom: 20px;
}

@media screen and (max-width: 1023px) {
    /*Orders/Tempaltes*/
    .weco-css #docdetail .vbuttrow .vbutton .b_send {
        margin-left: 15px;
    }
    /*Remove Invoice downloads on mobile*/
    .weco-css #doclist0 form[name="zzcnbspaydoclist"] table thead th:nth-of-type(1),
    .weco-css #doclist0 form[name="zzcnbspaydoclist"] table .contentrow2 td:nth-of-type(1),
    .weco-css #doclist0 form[name="zzcnbspaydoclist"] table .contentrow1 td:nth-of-type(1) {
        display: none;
    }
    /*Cart*/
    .weco-css #basbody .basitem-table .subtotalitems td.headl {
        color: #003767;
        font-weight: 700;
    }
    .weco-css #basbody .basitem-table .subtotalitems td.value {
        color: #003767;
        font-weight: 800;
    }
}

@media screen and (max-width: 900px) {
    .pts.page-hero__content {
        width: calc(50% + 30px);
        padding: 20px 30px 50px;
    }
    .pts.page-hero__copy {
        font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1300 - 320)));
    }
}

@media screen and (max-width: 767px) {
    .weco-css #docdetail .vbuttrow {
        flex-direction: column;
        justify-content: end;
        flex-wrap: wrap;
        height: 250px;
    }
    .weco-css #docdetail .vbuttrow .vbutton {
        flex-wrap: wrap;
    }
    .weco-css #docdetail .vbuttrow .vbutton input,
    .weco-css #docdetail .vbuttrow .vbutton .b_send {
        margin-top: 5px;
        margin-left: 0%;
    }
    /*Mobile Product navigator*/
    .weco-css #doclist .productnavigator,
    .weco-css #doclist0 .productnavigator {
        justify-content: center;
    }
    /*Login*/
    .weco-css form[name="loginb2c"] .highlightbox .form .form-group .col-25 {
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .pts.page-hero {
        flex-wrap: wrap;
    }
    .pts.page-hero__content {
        order: 2;
        width: calc(100% + 15px);
        padding: 20px 15px 60px;
    }
    .pts.page-hero__content::after {
        content: none;
    }
    .pts.page-hero__image {
        width: 100%;
        min-width: 100%;
        min-height: 0;
        padding-bottom: 40%;
        order: 1;
    }
}

@media screen and (max-width: 767px) {
    /*Cookies Consent Centering*/
    .weco-css #truste-consent-track #truste-consent-text {
        font-size: 16px;
    }
    .weco-css #consent_blackbar #truste-consent-content {
        display: flex;
        flex-direction: column;
    }
    .weco-css #consent_blackbar #truste-consent-buttons.truste-buttonsColumn>button {
        margin-top: 5px;
    }
}