@charset "UTF-8";
/*! ----------------------------------------------------------------------------------------------*\  

    COMMERCE VISION - Maxiparts

    This is a generated .css file from a larger .scss project which is source controlled in
    source control.  Please don't driectly update this file, unless using the source controlled
    project files.

\*-----------------------------------------------------------------------------------------------*/
/*------------------------------------*\
    Responsive Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Clearfix
\*------------------------------------*/
/*------------------------------------*\
    Container
\*------------------------------------*/
/*------------------------------------*\
    Hover Style
\*------------------------------------*/
/*------------------------------------*\
    White Bubble
\*------------------------------------*/
/*------------------------------------*\
    CSS Arrow Pointer
\*------------------------------------*/
/*------------------------------------*\
    Icon Display
\*------------------------------------*/
/*------------------------------------*\
    BPD Iconset
\*------------------------------------*/
/*------------------------------------*\
    Kendo UI Icon Set
\*------------------------------------*/
/*------------------------------------*\
    Spin Animation
\*------------------------------------*/
/*------------------------------------*\
    Generic Content Box
\*------------------------------------*/
/*------------------------------------*\
    Background Image - Cover
\*------------------------------------*/
/*------------------------------------*\
    Full Width Layout
\*------------------------------------*/
/*------------------------------------*\
    Centre Layout
\*------------------------------------*/
/*------------------------------------*\
    Placeholder Text
\*------------------------------------*/
/*------------------------------------*\
    Centered Page Content
\*------------------------------------*/
/*------------------------------------*\
    Buttons
\*------------------------------------*/
/*------------------------------------*\
    Fade Animation
\*------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap");
@keyframes bpd-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Firefox < 16 */
/* Safari, Chrome and Opera > 12.1 */
/* Internet Explorer */
/* Opera < 12.1 */
/*------------------------------------*\
    Blur
\*------------------------------------*/
/*------------------------------------*\
    Blur (light)
\*------------------------------------*/
/*------------------------------------*\
    Form Focus
\*------------------------------------*/
/*------------------------------------*\
    Text Elipsis
\*------------------------------------*/
/*------------------------------------*\
    Role & Account Select
\*------------------------------------*/
/*------------------------------------*\
    Tracking to Letter Spacing
\*------------------------------------*/
/*------------------------------------*\
    Flip Icon
\*------------------------------------*/
/*------------------------------------*\
    Letter Spacing Standard
\*------------------------------------*/
/*------------------------------------*\
    Fonts
\*------------------------------------*/
/*------------------------------------*\
    Position
\*------------------------------------*/
/*------------------------------------*\
    Display block
\*------------------------------------*/
/*------------------------------------*\
    Display Inline
\*------------------------------------*/
/*------------------------------------*\
    Push
\*------------------------------------*/
/*------------------------------------*\
    Form Focus
\*------------------------------------*/
/*------------------------------------*\
    Transition
\*------------------------------------*/
/*------------------------------------*\
    CSS Arrow Pointer
\*------------------------------------*/
/*------------------------------------*\
    Role & Account Select
\*------------------------------------*/
/*------------------------------------*\
    Variables - General
\*------------------------------------*/
/*====================================================================*\


    GENERIC VARIABLES
        + List out generic variables
        + Define options then set default


\*====================================================================*/
/*--------------------------------------------------------------------*\
    BOX MODEL
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    DISPLAY 
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    BORDERS
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    Z-INDEX
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    TEXT ALIGNMENT
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    VIEWPORT SIZING
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    HEIGHT
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    WIDTH
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    SITE CONTAINER WIDTH
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    SPACING
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    POSITION
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    BORDER RADIUS
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    BOX SHADOW
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    TRANSITION
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    MENUS
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    BUTTONS
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    FORMS
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    FONTS

     + Stack
     + Weights
     + Sizes
     + Core Defaults
\*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*\
    BORDERS
\*--------------------------------------------------------------------*/
/*------------------------------------*\
    Client Colours
\*------------------------------------*/
/* ----------------------------------------------------------------------------------------------*\  

    + Colours Core
        ~ No assignment - purely colours

    + Colours Status
        ~ Listing of colours that are used in alerts and messages

    + Colours Forms
        ~ Listing of colours that are used in forms

    + Colours Socials
        ~ Listing of colours associated with social or 3rd party resources

    + Set Theme Defaults from the above
        ~ Define how the colours are used on core elments

\*-----------------------------------------------------------------------------------------------*/
/*------------------------------------*\
    Client Fonts
\*------------------------------------*/
/*------------------------------------*\
    Variables - Icons
\*------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
    margin: 0;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
    font-size: 50px;
    margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 14px;
    /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
    background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
    font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 14px;
    /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
    font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -2px;
}

sup {
    top: -5px;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
    border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
    padding: 0.35em 12px 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
    vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
    overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
    display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
    display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
    display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
    display: none;
}

.mce-content-body {
    background: white !important;
    color: black;
}

/*------------------------------------*\
    Utilities
\*------------------------------------*/
.push-left {
    float: left !important;
}

.push-right {
    float: right !important;
}

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

.text-right,
.price-right {
    text-align: right;
}

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

.text-elipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-mobile {
    display: none !important;
}
@media (min-width: 992px) {
    .no-mobile {
        display: block !important;
    }
}

.no-desktop,
.mobile-only {
    display: block !important;
}
@media (min-width: 992px) {
    .no-desktop,
.mobile-only {
        display: none !important;
    }
}

@media print {
    .no-print {
        display: none !important;
    }
}

.cv-is-hidden {
    display: none !important;
}

.spacing-top {
    margin-top: 15px !important;
}

.spacing-right {
    margin-right: 15px !important;
}

.spacing-bottom {
    margin-bottom: 15px !important;
}

.spacing-left {
    margin-left: 15px !important;
}

.ico-left:before {
    float: left;
}

.ico-right:before {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

/*------------------------------------*\
    Grid
\*------------------------------------*/
* {
    box-sizing: border-box;
}

.grid::after {
    clear: both;
    content: "";
    display: block;
}

.grid-row,
.row {
    clear: both;
    display: block;
    width: 100%;
}
.grid-row::after,
.row::after {
    clear: both;
    content: "";
    display: block;
}

.container {
    width: 98%;
    max-width: 1400px;
    margin: 0 auto;
}
@media (min-width: 1440px) {
    .container {
        width: 100%;
    }
}
[id*=cv-zone-] {
    width: 100%;
    display: block;
    clear: both;
}
[id*=cv-zone-]::after {
    clear: both;
    content: "";
    display: block;
}

[class*=col-] {
    float: left;
    width: 100%;
    display: inline-block;
    clear: none;
    padding: 0;
}
@media (min-width: 576px) {
    [class*=col-] {
        padding: 0 5px 0 0;
    }
}
[class*=col-].push-right {
    float: right;
}

.layout-sidebar {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    padding: 15px;
    /*------------------------------------*\
        Widget-Product-Category-List
    \*------------------------------------*/
}
.layout-sidebar::after {
    clear: both;
    content: "";
    display: block;
}
.device-Mobile .layout-sidebar {
    width: 98%;
    margin: 0 auto 20px;
}
.device-Mobile .layout-sidebar .form-select {
    margin-bottom: 0;
}
.layout-sidebar .spacing-right {
    margin: 0 !important;
    padding-right: 0px !important;
}
@media (min-width: 768px) {
    .layout-sidebar .spacing-right {
        margin: 0 !important;
        padding-right: 15px !important;
    }
}
@media (min-width: 768px) {
    .layout-sidebar {
        width: 25%;
        float: left;
        display: inline-block;
        padding-right: 2px;
    }
}
@media (min-width: 1260px) {
    .layout-sidebar {
        width: 20%;
    }
}
.category .layout-sidebar {
    width: 0;
    display: none;
}
.layout-sidebar .widget-product-category-list {
    clear: both;
    width: 100%;
    padding: 0px;
}
.layout-sidebar .widget-product-category-list::after {
    clear: both;
    content: "";
    display: block;
}
.layout-sidebar .widget-product-category-list .expandable-toggle {
    cursor: pointer;
}
.layout-sidebar .widget-product-category-list .expandable-toggle::before {
    position: relative;
    top: 22px;
    left: 2px;
    float: left;
}
.layout-sidebar .widget-product-category-list ul::after {
    clear: both;
    content: "";
    display: block;
}
.layout-sidebar .widget-product-category-list ul,
.layout-sidebar .widget-product-category-list li {
    list-style: none !important;
    margin: 0;
    padding: 0;
    clear: both;
}
.layout-sidebar .widget-product-category-list ul.top-level {
    list-style-type: none;
    padding: 0;
}
.layout-sidebar .widget-product-category-list ul.top-level:before {
    right: 5px;
}
.layout-sidebar .widget-product-category-list ul.top-level li a {
    font-size: 14px;
    background: #dedede;
    width: 100%;
    display: block;
    padding: 4px 5px 4px 21px;
    border-radius: 3px;
    color: black;
    font-weight: 600;
    float: left;
}
.layout-sidebar .widget-product-category-list ul.top-level li a:hover, .layout-sidebar .widget-product-category-list ul.top-level li a:focus {
    background: #d0d0d0;
}
.layout-sidebar .widget-product-category-list ul.top-level li ul.second-level {
    list-style-type: none;
    padding: 0 0 0 10px !important;
    margin: 0 !important;
    position: relative;
    top: -10px;
}
.layout-sidebar .widget-product-category-list ul.top-level li ul.second-level li {
    border: none;
}
.layout-sidebar .widget-product-category-list ul.top-level li ul.second-level li a {
    color: black;
    font-size: 13px;
    background: none;
}
.layout-sidebar .widget-product-category-list ul.top-level li ul.second-level li a:hover, .layout-sidebar .widget-product-category-list ul.top-level li ul.second-level li a:focus {
    color: #1c365f !important;
}
.layout-sidebar .widget-product-category-list ul.top-level li ul.second-level ul.third-level {
    padding-left: 15px;
}
.layout-sidebar .widget-product-category-list ul.top-level li ul.second-level ul.third-level li a {
    background: none;
    color: #555;
    font-size: 11px;
    padding: 5px 0 5px 20px;
    font-weight: 600;
}
.layout-sidebar .widget-product-category-list ul.top-level li ul.second-level ul.third-level li a:hover, .layout-sidebar .widget-product-category-list ul.top-level li ul.second-level ul.third-level li a:focus {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .layout-maincontent {
        width: 75%;
        float: left;
        display: inline-block;
    }
}
@media (min-width: 1260px) {
    .layout-maincontent {
        width: 80%;
    }
}
.category .layout-maincontent {
    width: 100%;
}

.example-code {
    display: none;
}

[id*=cv-zone-],
[class*=col-] {
    width: 100%;
}

/*------------------------------------*\
    10 Column Grid
\*------------------------------------*/
@media (min-width: 576px) {
    .col-1-10 {
        width: 10%;
    }
}

@media (min-width: 576px) {
    .col-1-5 {
        width: 20%;
    }
}

@media (min-width: 576px) {
    .col-3-10 {
        width: 30%;
    }
}

@media (min-width: 576px) {
    .col-2-5 {
        width: 40%;
    }
}

@media (min-width: 576px) {
    .col-1-2 {
        width: 50%;
    }
}

@media (min-width: 576px) {
    .col-3-5 {
        width: 60%;
    }
}

@media (min-width: 576px) {
    .col-7-10 {
        width: 70%;
    }
}

@media (min-width: 576px) {
    .col-4-5 {
        width: 80%;
    }
}

@media (min-width: 576px) {
    .col-9-10 {
        width: 90%;
    }
}

/*------------------------------------*\
    12 Column Grid
\*------------------------------------*/
@media (min-width: 576px) {
    .col-1-12 {
        width: 8.3333333333%;
    }
}

@media (min-width: 576px) {
    .col-1-6 {
        width: 16.6666666667%;
    }
}

@media (min-width: 576px) {
    .col-1-4 {
        width: 25%;
    }
}

@media (min-width: 576px) {
    .col-1-3 {
        width: 33.3333333333%;
    }
}

@media (min-width: 576px) {
    .col-5-12 {
        width: 41.6666666667%;
    }
}

@media (min-width: 576px) {
    .col-1-2 {
        width: 50%;
    }
}

@media (min-width: 576px) {
    .col-7-12 {
        width: 58.3333333333%;
    }
}

@media (min-width: 576px) {
    .col-2-3 {
        width: 66.6666666667%;
    }
}

@media (min-width: 576px) {
    .col-3-4 {
        width: 75%;
    }
}

@media (min-width: 576px) {
    .col-5-6 {
        width: 83.3333333333%;
    }
}

@media (min-width: 576px) {
    .col-11-12 {
        width: 91.6666666667%;
    }
}

/*------------------------------------*\
    16 Column Grid
\*------------------------------------*/
@media (min-width: 576px) {
    .col-1-16 {
        width: 6.25%;
    }
}

@media (min-width: 576px) {
    .col-1-8 {
        width: 12.5%;
    }
}

@media (min-width: 576px) {
    .col-3-16 {
        width: 18.75%;
    }
}

@media (min-width: 576px) {
    .col-1-4 {
        width: 25%;
    }
}

@media (min-width: 576px) {
    .col-5-16 {
        width: 31.25%;
    }
}

@media (min-width: 576px) {
    .col-3-8 {
        width: 37.5%;
    }
}

@media (min-width: 576px) {
    .col-7-16 {
        width: 43.75%;
    }
}

@media (min-width: 576px) {
    .col-1-2 {
        width: 50%;
    }
}

@media (min-width: 576px) {
    .col-9-16 {
        width: 56.25%;
    }
}

@media (min-width: 576px) {
    .col-5-8 {
        width: 62.5%;
    }
}

@media (min-width: 576px) {
    .col-11-16 {
        width: 68.75%;
    }
}

@media (min-width: 576px) {
    .col-3-4 {
        width: 75%;
    }
}

@media (min-width: 576px) {
    .col-13-16 {
        width: 81.25%;
    }
}

@media (min-width: 576px) {
    .col-7-8 {
        width: 87.5%;
    }
}

@media (min-width: 576px) {
    .col-15-16 {
        width: 93.75%;
    }
}

/*------------------------------------*\
    Top Bar
\*------------------------------------*/
#cv-zone-topbar {
    background: #f0f0f0;
    border-bottom: 1px solid #ddd;
    color: #315252;
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
}
@media (min-width: 992px) {
    #cv-zone-topbar {
        background: #fff;
    }
}
#cv-zone-topbar .cv-header-topbar {
    height: 35px;
}
#cv-zone-topbar [class*=widget-] {
    float: left;
    height: 35px;
    padding: 10px 10px;
}
#cv-zone-topbar [class*=widget-]:hover {
    background: none;
}
#cv-zone-topbar .widget-role-select {
    display: none;
}
@media (min-width: 1260px) {
    #cv-zone-topbar .widget-role-select {
        display: block;
    }
}
#cv-zone-topbar .widget-switch-account {
    display: none;
    margin-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#cv-zone-topbar .widget-switch-account .acc-name {
    max-width: 220px;
}
@media (min-width: 992px) {
    #cv-zone-topbar .widget-switch-account {
        display: block;
    }
}
#cv-zone-topbar .widget-contact-link.resources-topbar-link .ico-only-text {
    display: none;
}
@media (min-width: 1370px) {
    #cv-zone-topbar .widget-contact-link.resources-topbar-link .ico-only-text {
        display: inline-block;
    }
}
#cv-zone-topbar .widget-social-links {
    display: none;
    padding-top: 7px;
}
#cv-zone-topbar .widget-social-links a:before {
    font-size: 24px;
    margin-right: 10px;
}
@media (min-width: 992px) {
    #cv-zone-topbar .widget-social-links {
        display: block;
    }
}
#cv-zone-topbar a,
#cv-zone-topbar button {
    color: #315252;
}
#cv-zone-topbar .ico-only-text {
    display: none;
}
@media (min-width: 992px) {
    #cv-zone-topbar .ico-only-text {
        display: inline-block;
    }
}

.role-PUBLIC .widget-contact-link.resources-topbar-link .ico-only-text {
    display: inline-block !important;
}

/*------------------------------------*\
    Header
\*------------------------------------*/
#cv-zone-header {
    background: #fff;
    margin-top: 35px;
    padding: 5px;
}
#cv-zone-header .widget-logo.main-logo img {
    padding-top: 0px;
}
#cv-zone-header .widget-store-availability {
    display: none;
}
@media (min-width: 992px) {
    #cv-zone-header .widget-store-availability {
        display: block;
    }
}
@media (min-width: 768px) {
    #cv-zone-header {
        padding: 30px 0;
    }
}
#cv-zone-header .col-1-3.header-col-1 {
    width: 100%;
}
#cv-zone-header .col-1-3.header-col-2 {
    width: 100%;
}
#cv-zone-header .col-1-3.header-col-3 {
    width: 100%;
}
@media (min-width: 992px) {
    #cv-zone-header .col-1-3.header-col-1 {
        width: 25%;
    }
    #cv-zone-header .col-1-3.header-col-2 {
        width: 50%;
    }
    #cv-zone-header .col-1-3.header-col-3 {
        width: 25%;
    }
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/
#cv-zone-navigation,
#cv-zone-navigation-container {
    z-index: 1000;
    display: none;
    background: #f3b311;
}
@media (min-width: 992px) {
    #cv-zone-navigation,
#cv-zone-navigation-container {
        display: block;
        height: 50px;
    }
}
#cv-zone-navigation .container,
#cv-zone-navigation-container .container {
    position: relative;
}
#cv-zone-navigation .container .sticky-wrapper,
#cv-zone-navigation-container .container .sticky-wrapper {
    float: left;
    width: auto;
}
#cv-zone-navigation .container .sticky-wrapper .cv-menus,
#cv-zone-navigation-container .container .sticky-wrapper .cv-menus {
    background: none;
}
#cv-zone-navigation .container .sticky-wrapper .cv-menus .container,
#cv-zone-navigation-container .container .sticky-wrapper .cv-menus .container {
    position: static;
    width: 100%;
}
#cv-zone-navigation .container .sticky-wrapper .cv-menus .container .widget-mega-menu,
#cv-zone-navigation-container .container .sticky-wrapper .cv-menus .container .widget-mega-menu {
    position: static;
}
#cv-zone-navigation .container .sticky-wrapper .cv-menus .container .widget-mega-menu .container,
#cv-zone-navigation-container .container .sticky-wrapper .cv-menus .container .widget-mega-menu .container {
    position: static;
}
#cv-zone-navigation .container .widget-section-menu.find-my-part-highlight,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight {
    float: left;
}
#cv-zone-navigation .container .widget-section-menu.find-my-part-highlight ul li,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
#cv-zone-navigation .container .widget-section-menu.find-my-part-highlight ul li:last-child a,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight ul li:last-child a {
    background: #1c365f;
    color: #fff;
    font-size: 11px;
    padding-top: 18px;
}
#cv-zone-navigation .container .widget-section-menu.find-my-part-highlight ul li:last-child a:hover,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight ul li:last-child a:hover {
    background: #102038;
}
@media (min-width: 1260px) {
    #cv-zone-navigation .container .widget-section-menu.find-my-part-highlight ul li:last-child a,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight ul li:last-child a {
        font-size: 14px;
        padding: 14px;
        padding-top: 17px;
    }
}
#cv-zone-navigation .container .widget-section-menu.find-my-part-highlight ul li a,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight ul li a {
    display: block;
    padding: 8px;
    padding-top: 15px;
    height: 50px;
    font-weight: 600;
    color: #1e3232;
    font-size: 11px;
    text-transform: uppercase;
}
#cv-zone-navigation .container .widget-section-menu.find-my-part-highlight ul li a:before,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight ul li a:before {
    content: "";
    font-family: "cv-ico-general";
}
@media (min-width: 1300px) {
    #cv-zone-navigation .container .widget-section-menu.find-my-part-highlight ul li a,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight ul li a {
        font-size: 13px;
        padding: 14px;
        padding-top: 17px;
    }
}
@media (min-width: 1440px) {
    #cv-zone-navigation .container .widget-section-menu.find-my-part-highlight ul li a,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight ul li a {
        font-size: 14px;
    }
}
#cv-zone-navigation .container .widget-section-menu.find-my-part-highlight ul li a:hover,
#cv-zone-navigation-container .container .widget-section-menu.find-my-part-highlight ul li a:hover {
    background: #f5c342;
}
#cv-zone-navigation .container .widget-section-menu,
#cv-zone-navigation-container .container .widget-section-menu {
    float: left;
}
#cv-zone-navigation .container .widget-section-menu ul li,
#cv-zone-navigation-container .container .widget-section-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
#cv-zone-navigation .container .widget-section-menu ul li a,
#cv-zone-navigation-container .container .widget-section-menu ul li a {
    display: block;
    padding: 8px;
    padding-top: 18px;
    height: 50px;
    font-weight: 600;
    color: #1e3232;
    font-size: 11px;
    text-transform: uppercase;
}
@media (min-width: 1300px) {
    #cv-zone-navigation .container .widget-section-menu ul li a,
#cv-zone-navigation-container .container .widget-section-menu ul li a {
        font-size: 13px;
        padding: 14px;
        padding-top: 17px;
    }
}
@media (min-width: 1440px) {
    #cv-zone-navigation .container .widget-section-menu ul li a,
#cv-zone-navigation-container .container .widget-section-menu ul li a {
        font-size: 14px;
    }
}
#cv-zone-navigation .container .widget-section-menu ul li a:hover,
#cv-zone-navigation-container .container .widget-section-menu ul li a:hover {
    background: #f5c342;
}
#cv-zone-navigation .container .dropdown-section-menu,
#cv-zone-navigation-container .container .dropdown-section-menu {
    float: left;
}
#cv-zone-navigation .container .dropdown-section-menu .main-menu-link .heading,
#cv-zone-navigation-container .container .dropdown-section-menu .main-menu-link .heading {
    display: block;
    padding: 8px;
    padding-top: 18px;
    height: 50px;
    font-weight: 600;
    color: #1e3232;
    font-size: 11px;
    text-transform: uppercase;
}
@media (min-width: 1300px) {
    #cv-zone-navigation .container .dropdown-section-menu .main-menu-link .heading,
#cv-zone-navigation-container .container .dropdown-section-menu .main-menu-link .heading {
        font-size: 13px;
        padding: 14px;
        padding-top: 17px;
    }
}
@media (min-width: 1440px) {
    #cv-zone-navigation .container .dropdown-section-menu .main-menu-link .heading,
#cv-zone-navigation-container .container .dropdown-section-menu .main-menu-link .heading {
        font-size: 14px;
    }
}
#cv-zone-navigation .container .dropdown-section-menu .main-menu-link .heading:hover,
#cv-zone-navigation-container .container .dropdown-section-menu .main-menu-link .heading:hover {
    background: #f5c342;
}
#cv-zone-navigation .container .dropdown-section-menu .dropdown-area,
#cv-zone-navigation-container .container .dropdown-section-menu .dropdown-area {
    padding: 0;
}
#cv-zone-navigation .container .dropdown-section-menu .dropdown-area .dropdown-list,
#cv-zone-navigation-container .container .dropdown-section-menu .dropdown-area .dropdown-list {
    padding: 0;
}
#cv-zone-navigation .container .dropdown-section-menu .dropdown-area .dropdown-list li,
#cv-zone-navigation-container .container .dropdown-section-menu .dropdown-area .dropdown-list li {
    float: none;
}
#cv-zone-navigation .container .dropdown-section-menu .dropdown-area .dropdown-list li .sub-menu-link,
#cv-zone-navigation-container .container .dropdown-section-menu .dropdown-area .dropdown-list li .sub-menu-link {
    padding: 10px 15px;
    font-size: 12px;
    color: black;
    height: auto;
    background: white;
    font-weight: 600;
}
#cv-zone-navigation .container .dropdown-section-menu .dropdown-area .dropdown-list li .sub-menu-link span,
#cv-zone-navigation-container .container .dropdown-section-menu .dropdown-area .dropdown-list li .sub-menu-link span {
    color: black;
    font-size: 12px;
    font-weight: 600;
}
#cv-zone-navigation .container .dropdown-section-menu .dropdown-area .dropdown-list li .sub-menu-link:hover,
#cv-zone-navigation-container .container .dropdown-section-menu .dropdown-area .dropdown-list li .sub-menu-link:hover {
    color: black;
    background: #f3b311;
}

/*------------------------------------*\
    Feature
\*------------------------------------*/
/*------------------------------------*\
    Page
\*------------------------------------*/
.page-content {
    min-height: 1000px;
    padding-bottom: 64px;
}

.container {
    width: 95%;
}

#cv-zone-container-1 {
    background: #f9f9f9;
}

.content-padding-mobile {
    padding: 1%;
}
@media (min-width: 992px) {
    .content-padding-mobile {
        padding: 0%;
    }
}

.col-1-1 {
    padding: 0;
}

.page-UserMaintenanceCustomer .page-content > .container {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    margin-top: 15px;
    min-width: 750px;
    overflow: auto;
}
.page-UserMaintenanceCustomer .page-content > .container #_DataGridTableContainer {
    background: none !important;
}
.page-UserMaintenanceCustomer .page-content > .container #pnlWizard .cv-table-1 {
    background: white;
}
.page-UserMaintenanceCustomer .page-content > .container input[type=text],
.page-UserMaintenanceCustomer .page-content > .container input[type=password] {
    border: 1px solid #9b918c !important;
    padding: 10px;
    border-radius: 5px;
    height: 45px;
    background: white;
    margin-left: 0;
}
.page-UserMaintenanceCustomer .page-content > .container input[type=text]:focus, .page-UserMaintenanceCustomer .page-content > .container input[type=text]:active,
.page-UserMaintenanceCustomer .page-content > .container input[type=password]:focus,
.page-UserMaintenanceCustomer .page-content > .container input[type=password]:active {
    border-color: #1c365f !important;
    outline: none !important;
    background: #e1eff5 !important;
}
.page-UserMaintenanceCustomer .page-content > .container input[type=text]:focus::placeholder, .page-UserMaintenanceCustomer .page-content > .container input[type=text]:active::placeholder,
.page-UserMaintenanceCustomer .page-content > .container input[type=password]:focus::placeholder,
.page-UserMaintenanceCustomer .page-content > .container input[type=password]:active::placeholder {
    color: #315252;
    font-style: italic;
}
.page-UserMaintenanceCustomer .page-content > .container select {
    border: 1px solid #9b918c !important;
    padding: 10px !important;
    border-radius: 5px !important;
    height: 45px !important;
    background: white !important;
    margin-left: 0;
}
.page-UserMaintenanceCustomer .page-content > .container select:focus, .page-UserMaintenanceCustomer .page-content > .container select:active {
    border-color: #1c365f !important;
    outline: none !important;
    background: #e1eff5 !important;
}
.page-UserMaintenanceCustomer .page-content > .container select:focus::placeholder, .page-UserMaintenanceCustomer .page-content > .container select:active::placeholder {
    color: #315252;
    font-style: italic;
}
.page-UserMaintenanceCustomer .page-content > .container .button,
.page-UserMaintenanceCustomer .page-content > .container #btnCancelChangeEmail,
.page-UserMaintenanceCustomer .page-content > .container #btnSaveChangeEmail,
.page-UserMaintenanceCustomer .page-content > .container .cv-button {
    padding: 5px 14px;
    background: #042242;
    border: 1px solid #042242;
    color: white;
    float: left;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding: 5px 8px;
    font-size: 12px;
}
.page-UserMaintenanceCustomer .page-content > .container .button:before,
.page-UserMaintenanceCustomer .page-content > .container #btnCancelChangeEmail:before,
.page-UserMaintenanceCustomer .page-content > .container #btnSaveChangeEmail:before,
.page-UserMaintenanceCustomer .page-content > .container .cv-button:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-UserMaintenanceCustomer .page-content > .container .button:hover, .page-UserMaintenanceCustomer .page-content > .container .button:focus,
.page-UserMaintenanceCustomer .page-content > .container #btnCancelChangeEmail:hover,
.page-UserMaintenanceCustomer .page-content > .container #btnCancelChangeEmail:focus,
.page-UserMaintenanceCustomer .page-content > .container #btnSaveChangeEmail:hover,
.page-UserMaintenanceCustomer .page-content > .container #btnSaveChangeEmail:focus,
.page-UserMaintenanceCustomer .page-content > .container .cv-button:hover,
.page-UserMaintenanceCustomer .page-content > .container .cv-button:focus {
    background: #073b72;
    border-color: #073b72;
}
.page-UserMaintenanceCustomer .page-content > .container .button:before,
.page-UserMaintenanceCustomer .page-content > .container #btnCancelChangeEmail:before,
.page-UserMaintenanceCustomer .page-content > .container #btnSaveChangeEmail:before,
.page-UserMaintenanceCustomer .page-content > .container .cv-button:before {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.page-UserMaintenanceCustomer .page-content > .container .cv-table-0 {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
}
.page-UserMaintenanceCustomer .page-content > .container .cv-table-0::after {
    clear: both;
    content: "";
    display: block;
}
.page-UserMaintenanceCustomer .page-content > .container .cv-table-0 td {
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: bold;
    width: auto !important;
}
.page-UserMaintenanceCustomer .page-content > .container .cv-table-0 a {
    padding: 5px 14px;
    background: #042242;
    border: 1px solid #042242;
    color: white;
    float: left;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding: 5px 8px;
    font-size: 12px;
}
.page-UserMaintenanceCustomer .page-content > .container .cv-table-0 a:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-UserMaintenanceCustomer .page-content > .container .cv-table-0 a:hover, .page-UserMaintenanceCustomer .page-content > .container .cv-table-0 a:focus {
    background: #073b72;
    border-color: #073b72;
}
.page-UserMaintenanceCustomer .page-content > .container .cv-table-0 a:before {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.page-UserMaintenanceCustomer .page-content > .container #_DataGridTableContainer .cv-table-6 {
    background: white;
}
.page-UserMaintenanceCustomer .page-content > .container #_DataGridTableContainer .cv-table-6 tr.alternateRow td {
    background: #fafafa;
}
.page-UserMaintenanceCustomer .page-content > .container #_DataGridTableContainer .cv-table-6 tr.normalRow:hover td,
.page-UserMaintenanceCustomer .page-content > .container #_DataGridTableContainer .cv-table-6 tr.alternateRow:hover td {
    background: #e1eff5;
}
.page-UserMaintenanceCustomer .page-content > .container .tabbodystyle.user-maintenance-new-user .cv-table-4 {
    background: white;
}
.page-UserMaintenanceCustomer .page-content > .container .tabbodystyle.user-maintenance-accounts .cv-table-9,
.page-UserMaintenanceCustomer .page-content > .container .tabbodystyle.user-maintenance-accounts .cv-table-18,
.page-UserMaintenanceCustomer .page-content > .container .tabbodystyle.user-maintenance-accounts .cv-table-18 {
    background: white;
}
.page-UserMaintenanceCustomer .page-content > .container .tabbodystyle.user-maintenance-accounts .cv-table-7 {
    background: white;
}
.page-UserMaintenanceCustomer .page-content > .container .user-maintenance-roles .cv-table-5 {
    background: white;
}
.page-UserMaintenanceCustomer .page-content > .container .user-maintenance-audit .cv-table-3 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    background: white;
    text-align: left;
}
.page-UserMaintenanceCustomer .page-content > .container .user-maintenance-user .cv-table-3 .cv-table-cell-0 a {
    padding: 5px 14px;
    background: #042242;
    border: 1px solid #042242;
    color: white;
    float: left;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding: 5px 8px;
    font-size: 12px;
    margin: 0 5px;
    min-width: 100px;
    min-height: 25px;
}
.page-UserMaintenanceCustomer .page-content > .container .user-maintenance-user .cv-table-3 .cv-table-cell-0 a:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-UserMaintenanceCustomer .page-content > .container .user-maintenance-user .cv-table-3 .cv-table-cell-0 a:hover, .page-UserMaintenanceCustomer .page-content > .container .user-maintenance-user .cv-table-3 .cv-table-cell-0 a:focus {
    background: #073b72;
    border-color: #073b72;
}
.page-UserMaintenanceCustomer .page-content > .container .user-maintenance-user .cv-table-3 .cv-table-cell-0 a:before {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}

/*------------------------------------*\
    Click and Collect
\*------------------------------------*/
/* Missing mobile value prop styles */
.widget-value-prop.mobile-only {
    display: block;
    height: 35px;
    width: 98%;
    margin: 0;
    padding: 0;
}

.widget-value-prop.mobile-only .widget-value-prop-1,
.widget-value-prop.mobile-only .widget-value-prop-2,
.widget-value-prop.mobile-only .widget-value-prop-3 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    padding: 10px 0 0;
}

.widget-value-prop.mobile-only .widget-value-prop-1 {
    animation: fadein 15s ease-in-out infinite;
}

.widget-value-prop.mobile-only .widget-value-prop-2 {
    animation: fadein 15s ease-in-out 5s infinite;
}

.widget-value-prop.mobile-only .widget-value-prop-3 {
    animation: fadein 15s ease-in-out 10s infinite;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    6.25% {
        /* 3s for fade in */
        opacity: 1;
    }
    26.75% {
        /* roughly 10s for stay as-is */
        opacity: 1;
    }
    33% {
        /* 3s for fade out */
        opacity: 0;
    }
}
/* Tooltip z-index issue - needs to be captured in BPD base as well */
.widget-delivery-address-b2b .col-1-1.tooltip-top.validation.error {
    z-index: 99 !important;
}

.widget-delivery-address-b2b .col-1-1.tooltip-top.validation.error:before {
    z-index: 1000000 !important;
}

/* Needs to be captured in BPD base as well */
/* Modal Window Fix */
.device-Mobile .fancybox-overlay,
.device-Tablet .fancybox-overlay,
.device-Desktop .fancybox-overlay {
    z-index: 100000;
}

.device-Mobile .fancybox-overlay .fancybox-wrap,
.device-Tablet .fancybox-overlay .fancybox-wrap,
.device-Desktop .fancybox-overlay .fancybox-wrap {
    z-index: 1000000;
}

.device-Mobile .fancybox-wrap,
.device-Tablet .fancybox-wrap,
.device-Desktop .fancybox-wrap {
    z-index: 1000000;
    /*max-width: $site-width-xsmall;*/
}

.widget-product-gallery .zoom {
    display: none;
}

@media (min-width: 37em) {
    .widget-product-gallery .zoom {
        display: block;
        position: absolute;
        bottom: 15px;
        right: 50%;
        width: 80px;
        margin-right: -40px;
        text-align: center;
        font-size: 14px;
        color: #bbb;
        padding: 3px 0;
        background: white;
        border-radius: 5px;
        opacity: 1;
    }
}
@media (min-width: 48em) {
    .widget-product-gallery .zoom {
        bottom: 20px;
        right: 20px;
        margin-right: 0;
    }
}
.widget-product-gallery .zoom:before {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.widget-product-gallery .zoom:hover {
    color: #0394cb;
    cursor: pointer;
}

#locations-filter .btn.cv-ico-general-search, #locations-filter #printPanel input.cv-ico-general-search, #printPanel #locations-filter input.cv-ico-general-search {
    margin-top: 25px;
    float: right;
    padding: 12px;
}

.center-align {
    text-align: center;
    margin: 1%;
}

@media (max-width: 576px) {
    .widget-forgot-password .box-title, .widget-forgot-password .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .widget-forgot-password h5 {
        font-size: 20px;
    }
}
.widget-freight-options .arrow-box {
    min-height: 90px;
}

.fast-order.fast-order-basic-notes .k-clear-value.k-i-close {
    margin-left: -20px;
}

.page-AccountSelect .btn.cv-search, .page-AccountSelect #printPanel input.cv-search, #printPanel .page-AccountSelect input.cv-search, .page-AccountSelect .btn.cv-clear, .page-AccountSelect #printPanel input.cv-clear, #printPanel .page-AccountSelect input.cv-clear {
    padding: 12px 14px;
}

.page-AccountSelect .search-options .form-radiobutton {
    margin-top: 5px;
}

#cv-zone-topbar .dropdown-cart-summary .dropdown-cart-options .btn.cv-checkout, #cv-zone-topbar .dropdown-cart-summary .dropdown-cart-options #printPanel input.cv-checkout, #printPanel #cv-zone-topbar .dropdown-cart-summary .dropdown-cart-options input.cv-checkout {
    margin: 0px;
}

.infinite-scrolling.text-center .btn.cv-refresh, .infinite-scrolling.text-center #printPanel input.cv-refresh, #printPanel .infinite-scrolling.text-center input.cv-refresh {
    float: none;
    margin: auto;
}

#cv-zone-navigation .container .dropdown-section-menu .main-menu-link .heading, #cv-zone-navigation-container .container .dropdown-section-menu .main-menu-link .heading {
    color: #000;
}

#cv-zone-navigation-container .container .widget-section-menu ul li a {
    color: #000;
}

.widget-navigation-menu ul li a.ico-right:before {
    display: none;
}

.section-menu-specials1 span:before {
    display: none;
}

.page-OnlinePaymentOK .detailed-line-values {
    margin-top: 50px;
}

@media (min-width: 576px) {
    .page-OnlinePaymentOK .detailed-line-values {
        margin-top: 0px;
    }
}
/*------------------------------------*\
    Page Before
\*------------------------------------*/
/*------------------------------------*\
    Page After
\*------------------------------------*/
#cv-zone-pagecontent-after {
    background: #f3b311;
}

/*------------------------------------*\
    Page Left
\*------------------------------------*/
/*------------------------------------*\
    Page Right
\*------------------------------------*/
/*------------------------------------*\
    Footer
\*------------------------------------*/
#cv-zone-footer {
    background: #042242;
    padding: 40px 0;
    color: #fff;
}
#cv-zone-footer .footer-col {
    margin-bottom: 20px;
    width: 33.33%;
}
@media (min-width: 768px) {
    #cv-zone-footer .footer-col {
        width: 25%;
    }
}
#cv-zone-footer .footer-col:last-child {
    width: 100%;
}
@media (min-width: 768px) {
    #cv-zone-footer .footer-col:last-child {
        width: 25%;
    }
}
#cv-zone-footer .widget-section-menu {
    text-align: center;
}
@media (min-width: 768px) {
    #cv-zone-footer .widget-section-menu {
        text-align: left;
    }
}
#cv-zone-footer .widget-section-menu .heading {
    font-size: 18px;
    display: block;
}
#cv-zone-footer .widget-section-menu ul {
    margin: 10px 0 0 0px;
    padding-left: 0px;
}
#cv-zone-footer .widget-section-menu ul li {
    margin: 10px 0 0 0px;
    padding-left: 0px;
}
#cv-zone-footer .widget-section-menu ul li .sub-menu-link {
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.1s ease;
}
#cv-zone-footer .widget-section-menu ul li .sub-menu-link:hover, #cv-zone-footer .widget-section-menu ul li .sub-menu-link:focus {
    color: #fff;
    text-decoration: underline;
}
#cv-zone-footer .widget-social-links {
    text-align: center;
    padding-top: 7px;
}
#cv-zone-footer .widget-social-links a:before {
    font-size: 22px;
    margin-right: 10px;
    color: #fff;
}
#cv-zone-footer .widget-social-links a:hover {
    opacity: 0.8;
}
@media (min-width: 992px) {
    #cv-zone-footer .widget-social-links {
        text-align: left;
    }
}
#cv-zone-footer .widget-html-snippet {
    text-align: center;
}
@media (min-width: 768px) {
    #cv-zone-footer .widget-html-snippet {
        text-align: left;
    }
}
#cv-zone-footer .widget-html-snippet .heading {
    font-size: 18px;
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 0 0 14px;
    margin-top: 40px;
}
@media (min-width: 768px) {
    #cv-zone-footer .widget-html-snippet .heading {
        margin-top: 0px;
    }
}
#cv-zone-footer .widget-html-snippet ul {
    margin: 10px 0 0 0px;
    padding-left: 0px;
}
#cv-zone-footer .widget-html-snippet span {
    padding-left: 0px;
}
#cv-zone-footer .widget-html-snippet .contact .address p {
    text-transform: uppercase;
    color: #8e8e8e;
    font-size: 14px;
    font-weight: 300;
    transition: color 0.1s ease;
}
#cv-zone-footer .newsletter-message {
    width: 100%;
    text-align: center;
    float: none;
}
@media (min-width: 768px) {
    #cv-zone-footer .newsletter-message {
        width: 100%;
        text-align: left;
    }
}
#cv-zone-footer .newsletter-form {
    width: 100%;
    float: none;
    display: block;
}

/*------------------------------------*\
    Footer After
\*------------------------------------*/
#cv-zone-footer-after {
    background: #fafafa;
}
#cv-zone-footer-after small {
    text-align: center;
    display: block;
    padding: 14px 0 0;
}
#cv-zone-footer-after .widget-logo {
    margin-top: 10px;
}

/*------------------------------------*\
    Buttons
\*------------------------------------*/
.btn, #printPanel input {
    padding: 5px 14px;
    background: #042242;
    border: 1px solid #042242;
    color: white;
    float: left;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    position: relative;
}
.btn:before, #printPanel input:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn:hover, #printPanel input:hover, .btn:focus, #printPanel input:focus {
    background: #073b72;
    border-color: #073b72;
}
.btn:before, #printPanel input:before {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.btn + .btn, #printPanel input + .btn, #printPanel .btn + input, #printPanel input + input {
    margin: 0 0 2px 2px;
}
.btn.ico-right:before, #printPanel input.ico-right:before {
    margin-right: 0;
    margin-left: 5px;
}
.btn.cv-is-processing, #printPanel input.cv-is-processing {
    position: relative;
    background: white !important;
    color: white !important;
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.btn.cv-is-processing:after, #printPanel input.cv-is-processing:after {
    display: inline-block;
    content: "";
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: spin 1.25s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: black !important;
}
.btn.disabled, #printPanel input.disabled, .btn.cv-is-disabled, #printPanel input.cv-is-disabled, .btn[disabled], #printPanel input[disabled], .btn[disabled=disabled], #printPanel input[disabled=disabled] {
    cursor: not-allowed;
    opacity: 0.5;
    color: grey !important;
    background: #ddd !important;
    border-color: #ddd !important;
}
.btn.small, #printPanel input.small {
    padding: 2px 5px;
    font-size: 12px;
}
.btn.large, #printPanel input.large {
    padding: 14px 50px;
    font-size: 18px;
}
.btn.pill, #printPanel input.pill {
    border-radius: 100px;
}
.btn.square, #printPanel input.square {
    border-radius: 0;
}
.btn.ghost, #printPanel input.ghost {
    background: transparent;
    color: grey;
}
.btn.primary, #printPanel input.primary {
    background: #1c365f;
    border-color: #1c365f;
    color: white;
}
.btn.primary:hover, #printPanel input.primary:hover, .btn.primary:focus, #printPanel input.primary:focus {
    background: #284c86;
    border-color: #284c86;
}
.btn.primary.ghost, #printPanel input.primary.ghost {
    background: transparent;
    color: #1c365f;
}
.btn.secondary, #printPanel input.secondary {
    background: #f3b311;
    border-color: #f3b311;
    color: #1e3232;
}
.btn.secondary:hover, #printPanel input.secondary:hover, .btn.secondary:focus, #printPanel input.secondary:focus {
    background: #f5c342;
    border-color: #f5c342;
}
.btn.secondary.ghost, #printPanel input.secondary.ghost {
    background: transparent;
    color: #f3b311;
}
.btn.alternate, #printPanel input.alternate {
    background: #014985;
    border-color: #014985;
    color: white;
}
.btn.alternate:hover, #printPanel input.alternate:hover, .btn.alternate:focus, #printPanel input.alternate:focus {
    background: #0165b8;
    border-color: #0165b8;
}
.btn.alternate.ghost, #printPanel input.alternate.ghost {
    background: transparent;
    color: #014985;
}
.btn.black, #printPanel input.black {
    background: #1e3232;
    border-color: #1e3232;
    color: white;
}
.btn.black:hover, #printPanel input.black:hover, .btn.black:focus, #printPanel input.black:focus {
    background: #315252;
    border-color: #315252;
}
.btn.black.ghost, #printPanel input.black.ghost {
    background: transparent;
    color: #1e3232;
}
.btn.cv-favourite:before, #printPanel input.cv-favourite:before {
    content: "";
}
.btn.cv-favourite.active:before, #printPanel input.cv-favourite.active:before {
    content: "";
}
.btn.cv-add-to-cart, #printPanel input.cv-add-to-cart {
    background: #f3b311;
    border-color: #f3b311;
    color: #1e3232;
}
.btn.cv-add-to-cart:before, #printPanel input.cv-add-to-cart:before {
    content: "";
}
.btn.cv-add-to-cart:hover, #printPanel input.cv-add-to-cart:hover, .btn.cv-add-to-cart:focus, #printPanel input.cv-add-to-cart:focus {
    background: #f5c342;
    border-color: #f5c342;
}
.btn.cv-view-cart, #printPanel input.cv-view-cart {
    background: #f3b311;
    border-color: #f3b311;
    color: #1e3232;
}
.btn.cv-view-cart:before, #printPanel input.cv-view-cart:before {
    content: "";
}
.btn.cv-view-cart:hover, #printPanel input.cv-view-cart:hover, .btn.cv-view-cart:focus, #printPanel input.cv-view-cart:focus {
    background: #f5c342;
    border-color: #f5c342;
}
.btn.cv-checkout, #printPanel input.cv-checkout {
    background: #f3b311;
    border-color: #f3b311;
    color: #1e3232;
}
.btn.cv-checkout:before, #printPanel input.cv-checkout:before {
    content: "";
}
.btn.cv-checkout:hover, #printPanel input.cv-checkout:hover, .btn.cv-checkout:focus, #printPanel input.cv-checkout:focus {
    background: #f5c342;
    border-color: #f5c342;
}
.btn.cv-log-in, #printPanel input.cv-log-in {
    background: #1c365f;
    border-color: #1c365f;
    color: white;
}
.btn.cv-log-in:before, #printPanel input.cv-log-in:before {
    content: "";
}
.btn.cv-log-in:hover, #printPanel input.cv-log-in:hover, .btn.cv-log-in:focus, #printPanel input.cv-log-in:focus {
    background: #284c86;
    border-color: #284c86;
}
.btn.cv-log-out:before, #printPanel input.cv-log-out:before {
    content: "";
}
.btn.cv-view, #printPanel input.cv-view {
    background: #f3b311;
    border-color: #f3b311;
    color: #1e3232;
}
.btn.cv-view:before, #printPanel input.cv-view:before {
    content: "";
}
.btn.cv-view:hover, #printPanel input.cv-view:hover, .btn.cv-view:focus, #printPanel input.cv-view:focus {
    background: #f5c342;
    border-color: #f5c342;
}
.btn.cv-clear, #printPanel input.cv-clear {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-clear:before, #printPanel input.cv-clear:before {
    content: "";
}
.btn.cv-clear:hover, #printPanel input.cv-clear:hover, .btn.cv-clear:focus, #printPanel input.cv-clear:focus {
    background: #c52425;
}
.btn.cv-clear.ghost, #printPanel input.cv-clear.ghost {
    background: transparent;
    color: #D82A2B;
}
.btn.cv-search:before, #printPanel input.cv-search:before {
    content: "";
}
.btn.cv-filter:before, #printPanel input.cv-filter:before {
    content: "";
}
.btn.cv-next:before, #printPanel input.cv-next:before {
    content: "";
}
.btn.cv-previous:before, #printPanel input.cv-previous:before {
    content: "";
}
.btn.cv-apply, #printPanel input.cv-apply {
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.btn.cv-apply:before, #printPanel input.cv-apply:before {
    content: "";
}
.btn.cv-apply:hover, #printPanel input.cv-apply:hover, .btn.cv-apply:focus, #printPanel input.cv-apply:focus {
    background: #63ab4f;
}
.btn.cv-confirm, #printPanel input.cv-confirm {
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.btn.cv-confirm:before, #printPanel input.cv-confirm:before {
    content: "";
}
.btn.cv-confirm:hover, #printPanel input.cv-confirm:hover, .btn.cv-confirm:focus, #printPanel input.cv-confirm:focus {
    background: #63ab4f;
}
.btn.cv-cancel, #printPanel input.cv-cancel {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-cancel:before, #printPanel input.cv-cancel:before {
    content: "";
}
.btn.cv-cancel:hover, #printPanel input.cv-cancel:hover, .btn.cv-cancel:focus, #printPanel input.cv-cancel:focus {
    background: #c52425;
}
.btn.cv-back:before, #printPanel input.cv-back:before {
    content: "";
}
.btn.cv-close, #printPanel input.cv-close {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-close:before, #printPanel input.cv-close:before {
    content: "";
}
.btn.cv-close:hover, #printPanel input.cv-close:hover, .btn.cv-close:focus, #printPanel input.cv-close:focus {
    background: #c52425;
}
.btn.cv-send:before, #printPanel input.cv-send:before {
    content: "";
}
.btn.cv-submit:before, #printPanel input.cv-submit:before {
    content: "";
}
.btn.cv-home:before, #printPanel input.cv-home:before {
    content: "";
}
.btn.cv-print:before, #printPanel input.cv-print:before {
    content: "";
}
.btn.cv-edit:before, #printPanel input.cv-edit:before {
    content: "";
}
.btn.cv-export:before, #printPanel input.cv-export:before {
    content: "";
}
.btn.cv-share:before, #printPanel input.cv-share:before {
    content: "";
}
.btn.cv-refresh:before, #printPanel input.cv-refresh:before {
    content: "";
}
.btn.cv-copy:before, #printPanel input.cv-copy:before {
    content: "";
}
.btn.cv-delete, #printPanel input.cv-delete {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-delete:before, #printPanel input.cv-delete:before {
    content: "";
}
.btn.cv-delete:hover, #printPanel input.cv-delete:hover, .btn.cv-delete:focus, #printPanel input.cv-delete:focus {
    background: #c52425;
}
.btn.cv-publish:before, #printPanel input.cv-publish:before {
    content: "";
}
.btn.cv-undo, #printPanel input.cv-undo {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-undo:before, #printPanel input.cv-undo:before {
    content: "";
}
.btn.cv-undo:hover, #printPanel input.cv-undo:hover, .btn.cv-undo:focus, #printPanel input.cv-undo:focus {
    background: #c52425;
}
.btn.cv-upload:before, #printPanel input.cv-upload:before {
    content: "";
}
.btn.cv-download:before, #printPanel input.cv-download:before {
    content: "";
}
.btn.cv-help:before, #printPanel input.cv-help:before {
    content: "";
}
.btn.cv-readmore, #printPanel input.cv-readmore {
    background: #f3b311;
    border-color: #f3b311;
    color: #1e3232;
}
.btn.cv-readmore:before, #printPanel input.cv-readmore:before {
    content: "";
}
.btn.cv-readmore:hover, #printPanel input.cv-readmore:hover, .btn.cv-readmore:focus, #printPanel input.cv-readmore:focus {
    background: #f5c342;
    border-color: #f5c342;
}
.btn.cv-newsletter:before, #printPanel input.cv-newsletter:before {
    content: "";
}
.btn.cv-approve, #printPanel input.cv-approve {
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.btn.cv-approve:before, #printPanel input.cv-approve:before {
    content: "";
}
.btn.cv-approve:hover, #printPanel input.cv-approve:hover, .btn.cv-approve:focus, #printPanel input.cv-approve:focus {
    background: #63ab4f;
}
.btn.cv-reject, #printPanel input.cv-reject {
    background: #D82A2B;
    border-color: #D82A2B;
    color: white;
}
.btn.cv-reject:before, #printPanel input.cv-reject:before {
    content: "";
}
.btn.cv-reject:hover, #printPanel input.cv-reject:hover, .btn.cv-reject:focus, #printPanel input.cv-reject:focus {
    background: #c52425;
}

.btn.cv-favourite.favourite-icon-only, #printPanel input.cv-favourite.favourite-icon-only {
    position: absolute;
    top: 5px;
    right: 5px;
    background: none;
    border: none;
    padding: 0;
    font-size: 0;
    margin: 0 !important;
    width: auto !important;
}
.btn.cv-favourite.favourite-icon-only:before, #printPanel input.cv-favourite.favourite-icon-only:before {
    font-size: 32px;
    color: black;
}

.text-right .btn, .text-right #printPanel input, #printPanel .text-right input {
    float: right;
}
.text-right .btn + .btn, .text-right #printPanel input + .btn, #printPanel .text-right input + .btn, .text-right #printPanel .btn + input, #printPanel .text-right .btn + input, .text-right #printPanel input + input, #printPanel .text-right input + input {
    margin: 0 2px 2px 0;
}

/* Dropdown Button */
.dropdown-section-list {
    padding: 5px 14px;
    background: #042242;
    border: 1px solid #042242;
    color: white;
    float: left;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    position: relative;
}
.dropdown-section-list:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.dropdown-section-list:hover, .dropdown-section-list:focus {
    background: #073b72;
    border-color: #073b72;
}
.dropdown-section-list:before {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.dropdown-section-list:hover .dropdown-area, .dropdown-section-list:focus .dropdown-area {
    display: block;
}
.dropdown-section-list .dropdown-area {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
    background: #f8f8f8;
    color: black;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
}
.dropdown-section-list .dropdown-area ul.dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li {
    text-align: left;
    padding: 10px;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li::after {
    clear: both;
    content: "";
    display: block;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li:hover, .dropdown-section-list .dropdown-area ul.dropdown-list li:focus {
    background: #e1eff5;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li span {
    display: block;
    float: left;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li span::before {
    float: left;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.dropdown-section-list .dropdown-area ul.dropdown-list li span .ico-only-text {
    display: block;
    float: left;
    font-size: 12px;
}

/*------------------------------------*\
    ARROW BOX
\*------------------------------------*/
.arrow-box {
    position: relative;
    padding: 15px;
    background: #042242;
    border-radius: 5px;
    color: white;
    margin: 15px 0;
    min-height: 50px;
}
.arrow-box .help-icon::before {
    color: white;
}
.arrow-box::after {
    content: "";
    margin: 0 !important;
    bottom: 100%;
    left: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-bottom-color: #042242;
    border-width: 8px;
    margin-left: -8px;
}
.arrow-box.primary {
    background: #1c365f;
    color: white;
}
.arrow-box.primary::after {
    border-bottom-color: #1c365f;
}
.arrow-box.primary .form-label {
    color: white;
}
.arrow-box.primary .btn, .arrow-box.primary #printPanel input, #printPanel .arrow-box.primary input {
    background: white;
    color: #1e3232;
}
.arrow-box.primary .btn:hover, .arrow-box.primary #printPanel input:hover, #printPanel .arrow-box.primary input:hover, .arrow-box.primary .btn:focus, .arrow-box.primary #printPanel input:focus, #printPanel .arrow-box.primary input:focus {
    background: white;
    color: #1e3232;
}
.arrow-box.secondary {
    background: #f3b311;
    color: white;
}
.arrow-box.secondary::after {
    border-bottom-color: white;
}
.arrow-box.secondary .btn, .arrow-box.secondary #printPanel input, #printPanel .arrow-box.secondary input {
    background: white;
    color: #1e3232;
}
.arrow-box.secondary .btn:hover, .arrow-box.secondary #printPanel input:hover, #printPanel .arrow-box.secondary input:hover, .arrow-box.secondary .btn:focus, .arrow-box.secondary #printPanel input:focus, #printPanel .arrow-box.secondary input:focus {
    background: white;
    color: #1e3232;
}
.arrow-box.alternate {
    background: #014985;
    color: white;
}
.arrow-box.alternate::after {
    border-bottom-color: #014985;
}
.arrow-box.alternate .btn, .arrow-box.alternate #printPanel input, #printPanel .arrow-box.alternate input {
    background: white;
    color: #1e3232;
}
.arrow-box.alternate .btn:hover, .arrow-box.alternate #printPanel input:hover, #printPanel .arrow-box.alternate input:hover, .arrow-box.alternate .btn:focus, .arrow-box.alternate #printPanel input:focus, #printPanel .arrow-box.alternate input:focus {
    background: white;
    color: #1e3232;
}
.arrow-box.black {
    background: #1e3232;
    color: white;
}
.arrow-box.black::after {
    border-bottom-color: #1e3232;
}
.arrow-box.black .btn, .arrow-box.black #printPanel input, #printPanel .arrow-box.black input {
    background: white;
    color: #1e3232;
}
.arrow-box.black .btn:hover, .arrow-box.black #printPanel input:hover, #printPanel .arrow-box.black input:hover, .arrow-box.black .btn:focus, .arrow-box.black #printPanel input:focus, #printPanel .arrow-box.black input:focus {
    background: white;
    color: #1e3232;
}

.line-note.arrow-box {
    min-height: 90px;
    padding: 20px;
}

/*------------------------------------*\
    Content Boxes
\*------------------------------------*/
.content-box {
    clear: both;
    display: block;
    margin: 0 0 42px;
}
.content-box::after {
    clear: both;
    content: "";
    display: block;
}
.content-box .box-title, .content-box .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .content-box h5 {
    display: block;
    padding: 15px;
    background: #042242;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    text-transform: initial;
    color: white;
}
.content-box .box-title.ico-heading::before, .content-box .widget-checkout-css-gift-card h5.ico-heading::before, .widget-checkout-css-gift-card .content-box h5.ico-heading::before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.content-box .box-content, .content-box .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .content-box .grid {
    clear: both;
    padding: 15px;
    min-height: 10em;
    background: white;
    border: 1px solid #9b918c;
}
.content-box .box-content::after, .content-box .widget-checkout-css-gift-card .grid::after, .widget-checkout-css-gift-card .content-box .grid::after {
    clear: both;
    content: "";
    display: block;
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.content-box .box-content.cv-is-processing, .content-box .widget-checkout-css-gift-card .cv-is-processing.grid, .widget-checkout-css-gift-card .content-box .cv-is-processing.grid {
    position: relative;
}
.content-box .box-content.cv-is-processing .cv-is-processing-overlay, .content-box .widget-checkout-css-gift-card .cv-is-processing.grid .cv-is-processing-overlay, .widget-checkout-css-gift-card .content-box .cv-is-processing.grid .cv-is-processing-overlay {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.content-box .box-content.cv-is-processing .cv-is-processing-overlay .cv-is-processing-message, .content-box .widget-checkout-css-gift-card .cv-is-processing.grid .cv-is-processing-overlay .cv-is-processing-message, .widget-checkout-css-gift-card .content-box .cv-is-processing.grid .cv-is-processing-overlay .cv-is-processing-message {
    font-weight: 600;
    position: absolute;
    text-align: center;
    color: #333;
    top: 35%;
    left: 0;
    width: 100%;
    z-index: 1;
}
.content-box .box-content.cv-is-processing .cv-is-processing-overlay .cv-is-processing-message:before, .content-box .widget-checkout-css-gift-card .cv-is-processing.grid .cv-is-processing-overlay .cv-is-processing-message:before, .widget-checkout-css-gift-card .content-box .cv-is-processing.grid .cv-is-processing-overlay .cv-is-processing-message:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.content-box .box-content.cv-is-processing .cv-is-processing-overlay .cv-is-processing-message:before, .content-box .widget-checkout-css-gift-card .cv-is-processing.grid .cv-is-processing-overlay .cv-is-processing-message:before, .widget-checkout-css-gift-card .content-box .cv-is-processing.grid .cv-is-processing-overlay .cv-is-processing-message:before {
    content: "";
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.content-box .box-content.cv-is-processing .cv-is-processing-overlay .cv-is-processing-message::before, .content-box .widget-checkout-css-gift-card .cv-is-processing.grid .cv-is-processing-overlay .cv-is-processing-message::before, .widget-checkout-css-gift-card .content-box .cv-is-processing.grid .cv-is-processing-overlay .cv-is-processing-message::before {
    display: inline-block;
    margin-right: 5px;
    animation: spin 1.25s infinite linear;
}
.content-box .box-title + .box-content, .content-box .widget-checkout-css-gift-card .box-title + .grid, .widget-checkout-css-gift-card .content-box .box-title + .grid, .content-box .widget-checkout-css-gift-card h5 + .box-content, .content-box .widget-checkout-css-gift-card h5 + .grid, .widget-checkout-css-gift-card .content-box h5 + .box-content, .widget-checkout-css-gift-card .content-box h5 + .grid {
    border-top: none;
}
.content-box.primary .box-title, .content-box.primary .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .content-box.primary h5 {
    background: #1c365f;
    color: white;
}
.content-box.secondary .box-title, .content-box.secondary .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .content-box.secondary h5 {
    background: #f3b311;
    color: #1e3232;
}
.content-box.alternate .box-title, .content-box.alternate .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .content-box.alternate h5 {
    background: #014985;
    color: white;
}
.content-box.black .box-title, .content-box.black .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .content-box.black h5 {
    background: #1e3232;
    color: white;
}

.expandable-content::after {
    clear: both;
    content: "";
    display: block;
}

.page-Checkout .content-box.primary .box-title, .page-Checkout .content-box.primary .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .page-Checkout .content-box.primary h5 {
    background: none;
    color: #1e3232;
    border-bottom: 2px solid #1e3232;
}
.page-Checkout .content-box.primary .box-content, .page-Checkout .content-box.primary .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .page-Checkout .content-box.primary .grid {
    border: none;
}

/*------------------------------------*\
    Generic Box
\*------------------------------------*/
.grey-box {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
}
.grey-box::after {
    clear: both;
    content: "";
    display: block;
}
.grey-box .container {
    max-width: 100%;
}
.grey-box .grey-box {
    background: white;
}

/*------------------------------------*\
    Data List View
\*------------------------------------*/
.data-list-item-content div:nth-child(2n) .data-list-item {
    background: whitesmoke;
}
.data-list-item-content div:hover .data-list-item, .data-list-item-content div:focus .data-list-item {
    background: #e1eff5;
}

.data-list-item {
    background: white;
    font-size: 12px;
}
.data-list-item::after {
    clear: both;
    content: "";
    display: block;
}
.data-list-item.data-list-heading {
    display: none;
}
@media (min-width: 992px) {
    .data-list-item.data-list-heading {
        display: block;
        background: white;
        color: black;
        border-bottom: 2px solid black;
        font-weight: 600;
    }
}
.data-list-item.data-list-heading:hover, .data-list-item.data-list-heading:focus {
    background: white;
    color: black;
}
.data-list-item:nth-child(2n) {
    background: whitesmoke;
}
.data-list-item:hover, .data-list-item:focus {
    background: #e1eff5;
}

.data-item-title {
    display: block;
    font-size: 12px;
    color: #1e3232;
    font-weight: 600;
}
@media (min-width: 992px) {
    .data-item-title {
        display: none;
    }
}

.data-list-column {
    float: left;
    display: block;
    padding: 5px;
    width: 100%;
}
.data-list-column.cv-sortable-column {
    position: relative;
}
.data-list-column.cv-sortable-column.asc label {
    color: #c7910a;
}
.data-list-column.cv-sortable-column.asc .sort-icon .cv-ico-general-arrow-up2 {
    color: #c7910a;
}
.data-list-column.cv-sortable-column.desc label {
    color: #c7910a;
}
.data-list-column.cv-sortable-column.desc .sort-icon .cv-ico-general-arrow-down2 {
    color: #c7910a;
}
.data-list-column.cv-sortable-column:hover, .data-list-column.cv-sortable-column:focus {
    cursor: pointer;
}
.data-list-column.cv-sortable-column:hover label, .data-list-column.cv-sortable-column:focus label {
    color: #c7910a;
    cursor: pointer;
}
.data-list-column.cv-sortable-column .sort-icon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
}
.data-list-column.cv-sortable-column .sort-icon .cv-ico-general-arrow-down2::before,
.data-list-column.cv-sortable-column .sort-icon .cv-ico-general-arrow-up2::before {
    margin: 0;
}
.data-list-column.cv-sortable-column .sort-icon .cv-ico-general-arrow-down2 {
    position: relative;
    top: -7px;
}
.data-list-column.price-right {
    text-align: left;
    float: left;
}
@media (min-width: 992px) {
    .data-list-column.price-right {
        text-align: right;
        padding-right: 1em;
    }
    .data-list-column.price-right .widget-productlist-price {
        display: block;
        width: 100%;
        font-size: 12px;
    }
}
.data-list-column.price-right .data-item-value,
.data-list-column.price-right .summary-value {
    font-weight: bold;
}
.data-list-column .widget-productlist-image {
    position: relative;
}
.data-list-column .form-number-plus-minus {
    height: calc((45px) - 2px);
    position: absolute;
}
.data-list-column .form-number-plus-minus .cv-link {
    margin: 0;
}
.data-list-column span.k-numerictextbox.form-text {
    margin: 0;
    border: none;
    padding: 0;
    height: auto;
    border-radius: initial;
}

.data-list-view-basic {
    background: white;
    font-size: 12px;
    margin: 15px 0;
}
.data-list-view-basic.no-options .cv-data-zone-2 {
    width: 75%;
}
.data-list-view-basic.no-options .cv-data-zone-3 {
    display: none;
}
.data-list-view-basic .cv-data-zone-1 {
    display: block;
    float: left;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic .cv-data-zone-1 {
        width: 25%;
    }
}
.data-list-view-basic .cv-data-zone-2 {
    display: block;
    float: left;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic .cv-data-zone-2 {
        width: 60%;
    }
}
.data-list-view-basic .cv-data-zone-3 {
    display: block;
    float: left;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic .cv-data-zone-3 {
        width: 15%;
    }
}
@media (min-width: 992px) {
    .data-list-view-basic.column-2 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 2);
    }
}
@media (min-width: 992px) {
    .data-list-view-basic.column-3 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 3);
    }
}
.data-list-view-basic.column-4 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic.column-4 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 4);
    }
}
.data-list-view-basic.column-5 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic.column-5 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 5);
    }
}
.data-list-view-basic.column-6 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic.column-6 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 6);
    }
}
.data-list-view-basic.column-7 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic.column-7 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 7);
    }
}
.data-list-view-basic.column-8 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-basic.column-8 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 8);
    }
}

.data-list-view-product {
    background: white;
    font-size: 12px;
    margin: 15px 0 48px;
}
.data-list-view-product .cv-data-zone-1 {
    display: block;
    float: left;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product .cv-data-zone-1 {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .data-list-view-product .cv-data-zone-1 .data-list-column:first-child {
        width: 10%;
    }
}
@media (min-width: 992px) {
    .data-list-view-product .cv-data-zone-1 .data-list-column:nth-child(2) {
        width: 10%;
    }
}
@media (min-width: 992px) {
    .data-list-view-product .cv-data-zone-1 .data-list-column:last-child {
        width: 80%;
    }
}
.data-list-view-product .cv-data-zone-1 .data-list-column.image-column .product-image {
    width: 100%;
    padding: 0;
}
.data-list-view-product .cv-data-zone-2 {
    display: block;
    float: left;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product .cv-data-zone-2 {
        width: 40%;
    }
}
.data-list-view-product .cv-data-zone-3 {
    display: block;
    float: left;
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product .cv-data-zone-3 {
        width: 10%;
    }
}
@media (min-width: 992px) {
    .data-list-view-product.column-2 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 2);
    }
}
@media (min-width: 992px) {
    .data-list-view-product.column-3 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 3);
    }
}
@media (min-width: 992px) {
    .data-list-view-product.column-4 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 4);
    }
}
.data-list-view-product.column-5 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product.column-5 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 5);
    }
}
.data-list-view-product.column-6 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product.column-6 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 6);
    }
}
.data-list-view-product.column-7 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product.column-7 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 7);
    }
}
.data-list-view-product.column-8 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product.column-8 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 8);
    }
}
@media (min-width: 992px) {
    .data-list-view-product.no-options .cv-data-zone-2 {
        width: 50%;
    }
}
.data-list-view-product.no-options .cv-data-zone-3 {
    display: none;
}

.pagination-buttons {
    float: right;
    width: auto;
}

.data-item-action .btn, .data-item-action #printPanel input, #printPanel .data-item-action input {
    width: auto;
    padding: 5px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    height: auto;
    font-weight: 400;
}
.data-item-action .btn::before, .data-item-action #printPanel input::before, #printPanel .data-item-action input::before {
    margin: 0 5px 0 0;
}

.data-item-key-title {
    font-weight: bold;
}

.ordersonhold-controls .btn, .ordersonhold-controls #printPanel input, #printPanel .ordersonhold-controls input, .ordersonhold-controls .dropdown-section-list,
.ordertemplate-controls .btn,
.ordertemplate-controls #printPanel input,
#printPanel .ordertemplate-controls input,
.ordertemplate-controls .dropdown-section-list,
.orderapprove-controls .btn,
.orderapprove-controls #printPanel input,
#printPanel .orderapprove-controls input,
.orderapprove-controls .dropdown-section-list {
    width: 100%;
    padding: 5px;
    margin: 2px 0;
}
@media (min-width: 992px) {
    .ordersonhold-controls .btn, .ordersonhold-controls #printPanel input, #printPanel .ordersonhold-controls input, .ordersonhold-controls .dropdown-section-list,
.ordertemplate-controls .btn,
.ordertemplate-controls #printPanel input,
#printPanel .ordertemplate-controls input,
.ordertemplate-controls .dropdown-section-list,
.orderapprove-controls .btn,
.orderapprove-controls #printPanel input,
#printPanel .orderapprove-controls input,
.orderapprove-controls .dropdown-section-list {
        height: 45px;
        width: auto;
        padding: 10px;
        margin: 0 5px;
    }
}
.ordersonhold-controls .btn.ico-right:before, .ordersonhold-controls #printPanel input.ico-right:before, #printPanel .ordersonhold-controls input.ico-right:before,
.ordertemplate-controls .btn.ico-right:before,
.ordertemplate-controls #printPanel input.ico-right:before,
#printPanel .ordertemplate-controls input.ico-right:before,
.orderapprove-controls .btn.ico-right:before,
.orderapprove-controls #printPanel input.ico-right:before,
#printPanel .orderapprove-controls input.ico-right:before {
    float: none;
    margin-left: 0px;
    margin-right: 5px;
}
.ordersonhold-controls a.btn,
.ordertemplate-controls a.btn,
.orderapprove-controls a.btn {
    padding-top: 13px;
}

.ordersonhold-controls .dropdown-section-list,
.widget-account-select .dropdown-section-list,
.ordertemplate-controls .dropdown-section-list,
.orderapprove-controls .dropdown-section-list {
    float: right;
    padding-top: 14px;
}

.ordertemplate-creation-options input {
    margin-right: 10px;
}
.ordertemplate-creation-options label::before {
    margin: 0 10px 0 0;
}
.ordertemplate-creation-options .form-fieldset {
    width: auto;
    padding: 10px;
    margin-right: 10px;
    height: auto;
    border-radius: 5px;
    float: left;
    clear: none;
}
.ordertemplate-creation-options .form-fieldset.active {
    color: white;
    background: #3e8468;
}
.ordertemplate-creation-options .form-fieldset input {
    margin: 1px 4px 0 0;
}
.ordertemplate-creation-options .form-fieldset label {
    margin-right: 5px;
}

.ordertemplate-creation-input {
    margin-top: 25px;
}
.ordertemplate-creation-input .btn.cv-submit, .ordertemplate-creation-input #printPanel input.cv-submit, #printPanel .ordertemplate-creation-input input.cv-submit {
    float: left;
    margin-top: 15px;
    height: 45px;
}
.ordertemplate-creation-input input {
    margin-right: 10px;
}
.ordertemplate-creation-input input[type=checkbox] {
    margin: 3px 5px 0;
}

.template-top-navigation::after {
    clear: both;
    content: "";
    display: block;
}
.template-top-navigation .btn.small, .template-top-navigation #printPanel input.small, #printPanel .template-top-navigation input.small {
    padding: 10px;
    width: 100%;
    margin: 0 0 5px;
}
@media (min-width: 992px) {
    .template-top-navigation .btn.small, .template-top-navigation #printPanel input.small, #printPanel .template-top-navigation input.small {
        width: auto;
        margin: 0 5px;
    }
}

@media (min-width: 992px) {
    .orderapprove-results .cv-data-zone-2 .data-list-column {
        width: 25%;
    }
}

.account-statement-filter .btn, .account-statement-filter #printPanel input, #printPanel .account-statement-filter input {
    margin: 0 10px 0 0;
}

.account-statement-subtotals label.form-label,
.account-statement-subtotals + .grid-row label.form-label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
}

.data-list-view-basic.account-statement-basic .data-item-value .btn.btn.small.primary, .data-list-view-basic.account-statement-basic .data-item-value #printPanel input.small.primary, #printPanel .data-list-view-basic.account-statement-basic .data-item-value input.small.primary {
    width: auto;
    margin: 0 5px 0 0;
    min-width: 10px;
}

.data-item-value {
    position: relative;
}
.cv-data-zone-2 .data-item-value a {
    float: left;
}
.cv-data-zone-2 .data-item-value a + .cv-html-tooltip.tooltip-top-left .cv-ico-general-star,
.cv-data-zone-2 .data-item-value a + .cv-html-tooltip.tooltip-top-left + .cv-html-tooltip.tooltip-top-left .cv-ico-general-star {
    float: left;
    position: relative;
    top: -3px;
    left: 3px;
}
.cv-data-zone-2 .data-item-value a + .cv-html-tooltip.tooltip-top-left .cv-html-tooltip-content,
.cv-data-zone-2 .data-item-value a + .cv-html-tooltip.tooltip-top-left + .cv-html-tooltip.tooltip-top-left .cv-html-tooltip-content {
    left: -24px;
}

.cv-sortable-column-container {
    position: relative;
}
.cv-sortable-column-container.cv-is-processing {
    position: relative;
}
.cv-sortable-column-container.cv-is-processing .cv-is-processing-overlay {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.cv-sortable-column-container.cv-is-processing .cv-is-processing-overlay .cv-is-processing-message {
    font-weight: 600;
    position: absolute;
    text-align: center;
    color: #333;
    top: 35%;
    left: 0;
    width: 100%;
    z-index: 1;
}
.cv-sortable-column-container.cv-is-processing .cv-is-processing-overlay .cv-is-processing-message:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cv-sortable-column-container.cv-is-processing .cv-is-processing-overlay .cv-is-processing-message:before {
    content: "";
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.cv-sortable-column-container.cv-is-processing .cv-is-processing-overlay .cv-is-processing-message::before {
    display: inline-block;
    margin-right: 5px;
    animation: spin 1.25s infinite linear;
}

.order-search-line-product-info-sub .widget-order-line-product-code {
    padding: 1px 0;
}

#printPanel {
    display: block;
    margin: -150px 0 50px;
}
#printPanel::after {
    clear: both;
    content: "";
    display: block;
}
#printPanel input {
    float: none;
    display: inline-block;
}

#PriceBook .btn + .btn, #PriceBook #printPanel input + .btn, #printPanel #PriceBook input + .btn, #PriceBook #printPanel .btn + input, #printPanel #PriceBook .btn + input, #PriceBook #printPanel input + input, #printPanel #PriceBook input + input {
    margin: 0 0 2px 2px;
}
#PriceBook .btn.cv-view, #PriceBook #printPanel input.cv-view, #printPanel #PriceBook input.cv-view {
    margin-right: 2px;
}

/*------------------------------------*\
    Client fonts
\*------------------------------------*/
body {
    font-family: "Open Sans", sans-serif;
}

/*------------------------------------*\
    Forms
\*------------------------------------*/
input,
textarea {
    display: block;
}
input::placeholder,
textarea::placeholder {
    color: #3e3a38;
    font-style: italic;
}

fieldset {
    border: none;
    padding: 0 !important;
}

[class*=form-] {
    display: block;
    clear: both;
    width: 100%;
    float: left;
    margin: 0 0 12px;
}
[class*=form-].push-right {
    float: right !important;
}

.form-label {
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 2px;
}
.form-label.required::after {
    color: #d4484c;
    content: "*";
    padding-left: 2px;
}

.form-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    font-size: 24px;
}

.form-text,
.form-email,
.form-password,
.form-url,
.form-credit-card,
.form-tel,
.form-phone,
.form-numericinttextbox {
    border: 1px solid #9b918c;
    padding: 10px;
    border-radius: 5px;
    height: 45px;
    background: white;
}
.form-text:focus, .form-text:active,
.form-email:focus,
.form-email:active,
.form-password:focus,
.form-password:active,
.form-url:focus,
.form-url:active,
.form-credit-card:focus,
.form-credit-card:active,
.form-tel:focus,
.form-tel:active,
.form-phone:focus,
.form-phone:active,
.form-numericinttextbox:focus,
.form-numericinttextbox:active {
    border-color: #1c365f;
    outline: none;
    background: #e1eff5;
}
.form-text:focus::placeholder, .form-text:active::placeholder,
.form-email:focus::placeholder,
.form-email:active::placeholder,
.form-password:focus::placeholder,
.form-password:active::placeholder,
.form-url:focus::placeholder,
.form-url:active::placeholder,
.form-credit-card:focus::placeholder,
.form-credit-card:active::placeholder,
.form-tel:focus::placeholder,
.form-tel:active::placeholder,
.form-phone:focus::placeholder,
.form-phone:active::placeholder,
.form-numericinttextbox:focus::placeholder,
.form-numericinttextbox:active::placeholder {
    color: #a5adad;
    font-style: italic;
}

/* added new group for read-only fields  */
.form-text[readonly=readonly], .form-text[readonly],
.form-email[readonly=readonly],
.form-email[readonly],
.form-password[readonly=readonly],
.form-password[readonly],
.form-url[readonly=readonly],
.form-url[readonly],
.form-credit-card[readonly=readonly],
.form-credit-card[readonly],
.form-tel[readonly=readonly],
.form-tel[readonly],
.form-phone[readonly=readonly],
.form-phone[readonly],
.form-numericinttextbox[readonly=readonly],
.form-numericinttextbox[readonly],
.form-date[readonly=readonly],
.form-date[readonly],
.form-number[readonly=readonly],
.form-number[readonly],
.form-time[readonly=readonly],
.form-time[readonly],
.form-combobox[readonly=readonly],
.form-combobox[readonly],
.form-datetime[readonly=readonly],
.form-datetime[readonly],
.form-textarea[readonly=readonly],
.form-textarea[readonly] {
    background: #eee;
    color: #666;
}
.form-text[readonly=readonly]:hover, .form-text[readonly=readonly]:focus, .form-text[readonly]:hover, .form-text[readonly]:focus,
.form-email[readonly=readonly]:hover,
.form-email[readonly=readonly]:focus,
.form-email[readonly]:hover,
.form-email[readonly]:focus,
.form-password[readonly=readonly]:hover,
.form-password[readonly=readonly]:focus,
.form-password[readonly]:hover,
.form-password[readonly]:focus,
.form-url[readonly=readonly]:hover,
.form-url[readonly=readonly]:focus,
.form-url[readonly]:hover,
.form-url[readonly]:focus,
.form-credit-card[readonly=readonly]:hover,
.form-credit-card[readonly=readonly]:focus,
.form-credit-card[readonly]:hover,
.form-credit-card[readonly]:focus,
.form-tel[readonly=readonly]:hover,
.form-tel[readonly=readonly]:focus,
.form-tel[readonly]:hover,
.form-tel[readonly]:focus,
.form-phone[readonly=readonly]:hover,
.form-phone[readonly=readonly]:focus,
.form-phone[readonly]:hover,
.form-phone[readonly]:focus,
.form-numericinttextbox[readonly=readonly]:hover,
.form-numericinttextbox[readonly=readonly]:focus,
.form-numericinttextbox[readonly]:hover,
.form-numericinttextbox[readonly]:focus,
.form-date[readonly=readonly]:hover,
.form-date[readonly=readonly]:focus,
.form-date[readonly]:hover,
.form-date[readonly]:focus,
.form-number[readonly=readonly]:hover,
.form-number[readonly=readonly]:focus,
.form-number[readonly]:hover,
.form-number[readonly]:focus,
.form-time[readonly=readonly]:hover,
.form-time[readonly=readonly]:focus,
.form-time[readonly]:hover,
.form-time[readonly]:focus,
.form-combobox[readonly=readonly]:hover,
.form-combobox[readonly=readonly]:focus,
.form-combobox[readonly]:hover,
.form-combobox[readonly]:focus,
.form-datetime[readonly=readonly]:hover,
.form-datetime[readonly=readonly]:focus,
.form-datetime[readonly]:hover,
.form-datetime[readonly]:focus,
.form-textarea[readonly=readonly]:hover,
.form-textarea[readonly=readonly]:focus,
.form-textarea[readonly]:hover,
.form-textarea[readonly]:focus {
    cursor: not-allowed;
    border-color: #666;
}

.k-maskedtextbox.form-credit-card {
    padding: 0;
    border: none;
    border-radius: 0;
}

.form-textarea {
    border: 1px solid #9b918c;
    padding: 5px;
    border-radius: 5px;
    min-height: 200px;
}
.form-textarea:focus, .form-textarea:active {
    border-color: #1c365f;
    outline: none;
    background: #e1eff5;
}
.form-textarea:focus::placeholder, .form-textarea:active::placeholder {
    color: #a5adad;
    font-style: italic;
}

.form-checkbox,
.form-span {
    display: inline-block;
    width: auto;
    clear: none;
}

.form-span {
    clear: both;
    display: block;
}

.form-checkbox + .form-span {
    padding-left: 2px;
    clear: none;
    font-size: 14px;
}

[type=checkbox],
[type=radio] {
    float: left;
    display: block;
    width: auto;
    margin: 3px 8px 0 0;
}

.form-radiobutton {
    width: auto;
}

.option-label {
    padding-left: 5px;
    font-size: 12px;
}

.cv-button-checkbox {
    float: left;
    display: block;
    padding: 5px;
    cursor: pointer;
    margin: 2px 5px 2px 0;
}
.cv-button-checkbox input[type=checkbox] {
    margin: 0 2px 0 0;
}
.data-list-heading .cv-button-checkbox {
    margin: 0;
    padding: 0 5px;
}

.cv-numeric-input {
    position: relative;
    display: inline-block;
    height: 45px;
    margin: 0 0 5px;
    width: 100%;
}
.cv-numeric-input::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .cv-numeric-input {
        width: auto;
    }
}
.cv-numeric-input .k-select {
    display: none !important;
}

.form-number-plus-minus {
    margin: 0 !important;
}
.form-number-plus-minus .cv-link {
    float: right !important;
    display: block;
    text-align: center;
    position: absolute;
    font-size: 0;
    margin: 0;
    top: 1px;
    height: calc((45px) - 2px);
    width: calc((45px) - 2px);
}
.form-number-plus-minus .cv-link:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form-number-plus-minus .cv-link.form-number-plus {
    right: 1px;
    border-radius: 0 5px 5px 0;
}
.form-number-plus-minus .cv-link.form-number-plus:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form-number-plus-minus .cv-link.form-number-plus:before {
    content: "";
}
.form-number-plus-minus .cv-link.form-number-minus {
    left: 1px;
    border-radius: 5px 0 0 5px;
}
.form-number-plus-minus .cv-link.form-number-minus:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form-number-plus-minus .cv-link.form-number-minus:before {
    content: "";
}
.form-number-plus-minus .cv-link:hover, .form-number-plus-minus .cv-link:focus {
    cursor: pointer;
    color: #1c365f;
}
.form-number-plus-minus .cv-link::before {
    font-size: 20px;
    position: relative;
    top: 12px;
}

.product-grid.list [class*=cv-zone-product] .cv-numeric-input {
    float: left;
    display: inline-block;
    margin: 0 5px 5px 0;
}
@media (min-width: 992px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input {
        float: none;
    }
}
@media (min-width: 992px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus {
        right: 0px;
    }
}
@media (min-width: 1260px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus {
        width: 40%;
    }
}
.product-grid.list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus .cv-link::before {
    top: 7px;
}
@media (min-width: 1260px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input .form-number-plus-minus .cv-link {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .product-grid.list [class*=cv-zone-product] .cv-numeric-input input.widget-productlist-qty-input {
        margin: 0;
    }
}

.product-grid.grid [class*=cv-zone-product] .cv-numeric-input input.widget-productlist-qty-input {
    height: 43px;
    border-radius: 5px;
    border-color: #9b918c;
    border-width: 1px;
}

.error label {
    color: #d4484c;
}
.error .form-text,
.error .form-email,
.error .form-password,
.error .form-url,
.error .form-credit-card,
.error .form-tel,
.error .form-phone {
    border-color: #d4484c !important;
}
.error .form-textarea {
    border-color: #d4484c;
}
.error .k-dropdown-wrap {
    border-color: #d4484c;
}

@media (min-width: 992px) {
    .select-short,
.form-text.ccv {
        width: 150px;
        clear: none;
        margin-right: 10px;
    }
}

/*------------------------------------*\
    Hubspot Forms
\*------------------------------------*/
.hbspt-form {
    clear: both;
    display: block;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    padding: 20px 10px 20px 20px;
}
.hbspt-form::after {
    clear: both;
    content: "";
    display: block;
}
.hbspt-form form,
.hbspt-form .hs-nested-form-fix {
    margin: 0 !important;
}
.hbspt-form .form-columns-1 {
    display: block;
    width: 100%;
    max-width: 100%;
    clear: both;
}
.hbspt-form .form-columns-1::after {
    clear: both;
    content: "";
    display: block;
}
.hbspt-form .form-columns-1 .hs-form-field {
    width: 100%;
    padding: 0 10px 10px 0;
}
.hbspt-form .form-columns-2 {
    display: block;
    width: 100%;
    max-width: 100%;
    clear: both;
}
.hbspt-form .form-columns-2::after {
    clear: both;
    content: "";
    display: block;
}
.hbspt-form .form-columns-2 .hs-form-field {
    padding: 0 10px 10px 0;
    width: 100%;
}
@media (min-width: 992px) {
    .hbspt-form .form-columns-2 .hs-form-field {
        float: left;
        width: 50%;
        clear: none;
    }
}
.hbspt-form label span {
    display: inline-block;
    font-weight: bold;
    font-weight: normal;
    font-size: 12px;
    margin: 0 0 2px;
    float: left;
}
.hbspt-form .hs-form-required {
    color: #d4484c;
    padding-left: 6px;
    clear: none;
    width: auto;
}
.hbspt-form .no-list {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}
.hbspt-form .hs-error-msgs {
    color: #d4484c;
    font-size: 12px;
}
.hbspt-form .hs-fieldtype-select .input {
    position: relative;
}
.hbspt-form .hs-fieldtype-select .input:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hbspt-form .hs-fieldtype-select .input:before {
    content: "";
}
.hbspt-form .hs-fieldtype-select .input::before {
    display: block;
    position: absolute;
    top: 22px;
    right: 10px;
    font-size: 20px;
    color: #666;
}
.hbspt-form select.hs-input {
    -webkit-appearance: none;
    display: block;
    clear: both;
    width: 100%;
    max-width: 100%;
    float: left;
    margin: 0 0 12px;
    border: 1px solid #9b918c;
    padding: 10px;
    border-radius: 5px;
    height: 45px;
    background: white;
    cursor: pointer;
}
.hbspt-form select.hs-input:focus, .hbspt-form select.hs-input:active {
    border-color: #1c365f;
    outline: none;
    background: #e1eff5;
}
.hbspt-form select.hs-input:focus::placeholder, .hbspt-form select.hs-input:active::placeholder {
    color: #a5adad;
    font-style: italic;
}

.hbspt-form input[type=email],
.hbspt-form input[type=number],
.hbspt-form input[type=password],
.hbspt-form input[type=search],
.hbspt-form input[type=tel],
.hbspt-form input[type=text] {
    display: block;
    clear: both;
    width: 100%;
    float: left;
    margin: 0 !important;
    border: 1px solid #9b918c;
    padding: 10px;
    border-radius: 5px;
    height: 45px;
    box-sizing: border-box;
    max-width: 100%;
}
.hbspt-form input[type=email]:focus, .hbspt-form input[type=email]:active,
.hbspt-form input[type=number]:focus,
.hbspt-form input[type=number]:active,
.hbspt-form input[type=password]:focus,
.hbspt-form input[type=password]:active,
.hbspt-form input[type=search]:focus,
.hbspt-form input[type=search]:active,
.hbspt-form input[type=tel]:focus,
.hbspt-form input[type=tel]:active,
.hbspt-form input[type=text]:focus,
.hbspt-form input[type=text]:active {
    border-color: #1c365f;
    outline: none;
    background: #e1eff5;
}
.hbspt-form input[type=email]:focus::placeholder, .hbspt-form input[type=email]:active::placeholder,
.hbspt-form input[type=number]:focus::placeholder,
.hbspt-form input[type=number]:active::placeholder,
.hbspt-form input[type=password]:focus::placeholder,
.hbspt-form input[type=password]:active::placeholder,
.hbspt-form input[type=search]:focus::placeholder,
.hbspt-form input[type=search]:active::placeholder,
.hbspt-form input[type=tel]:focus::placeholder,
.hbspt-form input[type=tel]:active::placeholder,
.hbspt-form input[type=text]:focus::placeholder,
.hbspt-form input[type=text]:active::placeholder {
    color: #a5adad;
    font-style: italic;
}
.hbspt-form input[type=email].push-right,
.hbspt-form input[type=number].push-right,
.hbspt-form input[type=password].push-right,
.hbspt-form input[type=search].push-right,
.hbspt-form input[type=tel].push-right,
.hbspt-form input[type=text].push-right {
    float: right !important;
}

.hbspt-form textarea {
    display: block;
    clear: both;
    width: 100%;
    float: left;
    margin: 0 !important;
    border: 1px solid #9b918c;
    padding: 5px;
    border-radius: 5px;
    height: 100px;
}
.hbspt-form textarea:focus, .hbspt-form textarea:active {
    border-color: #1c365f;
    outline: none;
    background: #e1eff5;
}
.hbspt-form textarea:focus::placeholder, .hbspt-form textarea:active::placeholder {
    color: #a5adad;
    font-style: italic;
}
.hbspt-form textarea.push-right {
    float: right !important;
}

.data-list-view-product.column-7 .cv-data-zone-2 .data-list-column {
    width: 100%;
}
@media (min-width: 992px) {
    .data-list-view-product.column-7 .cv-data-zone-2 .data-list-column {
        width: calc((100%) / 7);
    }
}

@media (min-width: 992px) {
    .template-top-navigation .btn.cv-print, .template-top-navigation #printPanel input.cv-print, #printPanel .template-top-navigation input.cv-print,
.template-top-navigation .btn.cv-copy,
.template-top-navigation #printPanel input.cv-copy,
#printPanel .template-top-navigation input.cv-copy {
        float: right !important;
    }
}

[type=search] {
    -webkit-appearance: none;
    border-radius: 0;
}

input.form-checkbox + .form-label {
    clear: none;
    width: auto;
    padding-left: 5px;
}

/*------------------------------------*\
    ICON FONTS - MOBILE MENU
\*------------------------------------*/
@font-face {
    font-family: "cv-icons-mobilemenu";
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.eot");
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.eot?#iefix") format("embedded-opentype"), url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.woff") format("woff"), url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.ttf") format("truetype"), url("/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------*
CV EXAMPLE - ICON FONTS
\*------------------------------------*/
ul.icon-list {
    display: block;
}

ul.icon-list {
    *zoom: 1;
}

ul.icon-list:before,
ul.icon-list:after {
    content: "";
    display: table;
}

ul.icon-list:after {
    clear: both;
}

ul.icon-list li {
    display: block;
    font-size: 16px;
    margin: 0 0 10px;
}

@media (min-width: 37em) {
    ul.icon-list li {
        float: left;
        display: inline-block;
        width: 50%;
    }
}
@media (min-width: 48em) {
    ul.icon-list li {
        width: 25%;
    }
}
ul.icon-list li .mls {
    margin-left: 10px;
    font-size: 13px;
}

.icon-search-example {
    *zoom: 1;
}

.icon-search-example:before,
.icon-search-example:after {
    content: "";
    display: table;
}

.icon-search-example:after {
    clear: both;
}

.icon-search-example .search-icons {
    position: relative;
}

.icon-search-example .search-icons input {
    width: 100%;
    font-size: 14px;
    padding: 10px 10px 10px 45px;
    border: 1px solid #ddd;
    border-left-width: 2px;
    box-sizing: border-box;
}

.icon-search-example .search-icons input:focus {
    border-left-color: #0394cb;
    outline: none;
}

.icon-search-example .search-icons button {
    position: absolute;
    top: 24px;
    left: 30px;
    color: #999;
    border: none;
    padding: 0;
    background: none;
    font-size: 20px;
}

.icon-search-example ul {
    margin: 40px auto;
    padding-left: 5px;
    width: 100%;
    list-style: none;
    text-align: left;
    font-size: 1px;
}

.icon-search-example ul li {
    position: relative;
    z-index: 0;
    display: inline-block;
    padding: 22px;
    border-radius: 4px;
    list-style: none;
    text-align: center;
    font-weight: normal;
    font-size: 32px;
    cursor: pointer;
    min-width: 100px;
}

.icon-search-example li:hover {
    color: #4F8EF7;
    background: #fafafa;
}

.icon-search-example li.active {
    color: #4F8EF7;
}

#icon-panel {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 20px 2px;
    width: 260px;
    border-radius: 4px;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    text-align: center;
    font-size: 14px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    opacity: 0.96;
}

#icon-name {
    display: block;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 14px;
    text-align: center;
    width: 100%;
    border: 0;
}

#icon-code {
    padding-top: 10px;
    font-size: 12px;
}

#icons {
    transition: opacity 0.2s ease-in-out;
}

.search-init {
    opacity: 0.15;
}

.search-results li {
    display: none;
}

/*------------------------------------*\
    ICON FONTS - GENERAL
\*------------------------------------*/
@font-face {
    font-family: "cv-ico-general";
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.woff2") format("woff2"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.woff") format("woff"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.ttf") format("truetype"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.eot"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.eot?#iefix") format("embedded-opentype"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.svg#cv-ico-general") format("svg");
    font-weight: normal;
    font-style: normal;
}
.bpd-icons:before,
[class^=cv-ico-general-]:before,
[class*=" cv-ico-general-"]:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cv-ico-general-arrow-down:before {
    content: "";
}

.cv-ico-general-arrow-up:before {
    content: "";
}

.cv-ico-general-arrow-right:before {
    content: "";
}

.cv-ico-general-arrow-up2:before {
    content: "";
}

.cv-ico-general-arrow-down2:before {
    content: "";
}

.cv-ico-general-arrow-left:before {
    content: "";
}

.cv-ico-general-flow-tree:before {
    content: "";
}

.cv-ico-general-flow-branch:before {
    content: "";
}

.cv-ico-general-flow-cascade:before {
    content: "";
}

.cv-ico-general-phone:before {
    content: "";
}

.cv-ico-general-mobile:before {
    content: "";
}

.cv-ico-general-mouse:before {
    content: "";
}

.cv-ico-general-directions:before {
    content: "";
}

.cv-ico-general-mail:before {
    content: "";
}

.cv-ico-general-paperplane:before {
    content: "";
}

.cv-ico-general-pencil:before {
    content: "";
}

.cv-ico-general-feather:before {
    content: "";
}

.cv-ico-general-paperclip:before {
    content: "";
}

.cv-ico-general-drawer:before {
    content: "";
}

.cv-ico-general-reply:before {
    content: "";
}

.cv-ico-general-reply-all:before {
    content: "";
}

.cv-ico-general-forward:before {
    content: "";
}

.cv-ico-general-user:before {
    content: "";
}

.cv-ico-general-export:before {
    content: "";
}

.cv-ico-general-location:before {
    content: "";
}

.cv-ico-general-map:before {
    content: "";
}

.cv-ico-general-compass:before {
    content: "";
}

.cv-ico-general-location2:before {
    content: "";
}

.cv-ico-general-target:before {
    content: "";
}

.cv-ico-general-share:before {
    content: "";
}

.cv-ico-general-sharable:before {
    content: "";
}

.cv-ico-general-heart:before {
    content: "";
}

.cv-ico-general-heart2:before {
    content: "";
}

.cv-ico-general-star:before {
    content: "";
}

.cv-ico-general-star2:before {
    content: "";
}

.cv-ico-general-thumbs-up:before {
    content: "";
}

.cv-ico-general-thumbs-down:before {
    content: "";
}

.cv-ico-general-house:before {
    content: "";
}

.cv-ico-general-popup:before {
    content: "";
}

.cv-ico-general-search:before {
    content: "";
}

.cv-ico-general-flashlight:before {
    content: "";
}

.cv-ico-general-printer:before {
    content: "";
}

.cv-ico-general-bell:before {
    content: "";
}

.cv-ico-general-link:before {
    content: "";
}

.cv-ico-general-flag:before {
    content: "";
}

.cv-ico-general-cog:before {
    content: "";
}

.cv-ico-general-tools:before {
    content: "";
}

.cv-ico-general-trophy:before {
    content: "";
}

.cv-ico-general-tag:before {
    content: "";
}

.cv-ico-general-camera:before {
    content: "";
}

.cv-ico-general-megaphone:before {
    content: "";
}

.cv-ico-general-music:before {
    content: "";
}

.cv-ico-general-music2:before {
    content: "";
}

.cv-ico-general-new:before {
    content: "";
}

.cv-ico-general-graduation:before {
    content: "";
}

.cv-ico-general-book:before {
    content: "";
}

.cv-ico-general-newspaper:before {
    content: "";
}

.cv-ico-general-bag:before {
    content: "";
}

.cv-ico-general-airplane:before {
    content: "";
}

.cv-ico-general-lifebuoy:before {
    content: "";
}

.cv-ico-general-eye:before {
    content: "";
}

.cv-ico-general-clock:before {
    content: "";
}

.cv-ico-general-microphone:before {
    content: "";
}

.cv-ico-general-calendar:before {
    content: "";
}

.cv-ico-general-bolt:before {
    content: "";
}

.cv-ico-general-briefcase:before {
    content: "";
}

.cv-ico-general-air:before {
    content: "";
}

.cv-ico-general-hourglass:before {
    content: "";
}

.cv-ico-general-gauge:before {
    content: "";
}

.cv-ico-general-language:before {
    content: "";
}

.cv-ico-general-network:before {
    content: "";
}

.cv-ico-general-key:before {
    content: "";
}

.cv-ico-general-battery:before {
    content: "";
}

.cv-ico-general-bucket:before {
    content: "";
}

.cv-ico-general-magnet:before {
    content: "";
}

.cv-ico-general-drive:before {
    content: "";
}

.cv-ico-general-cup:before {
    content: "";
}

.cv-ico-general-rocket:before {
    content: "";
}

.cv-ico-general-brush:before {
    content: "";
}

.cv-ico-general-keyboard:before {
    content: "";
}

.cv-ico-general-browser:before {
    content: "";
}

.cv-ico-general-publish:before {
    content: "";
}

.cv-ico-general-progress-3:before {
    content: "";
}

.cv-ico-general-progress-2:before {
    content: "";
}

.cv-ico-general-brogress-1:before {
    content: "";
}

.cv-ico-general-progress-0:before {
    content: "";
}

.cv-ico-general-sun:before {
    content: "";
}

.cv-ico-general-sun2:before {
    content: "";
}

.cv-ico-general-adjust:before {
    content: "";
}

.cv-ico-general-code:before {
    content: "";
}

.cv-ico-general-screen:before {
    content: "";
}

.cv-ico-general-infinity:before {
    content: "";
}

.cv-ico-general-light-bulb:before {
    content: "";
}

.cv-ico-general-clipboard:before {
    content: "";
}

.cv-ico-general-cart:before {
    content: "";
}

.cv-ico-general-box:before {
    content: "";
}

.cv-ico-general-ticket:before {
    content: "";
}

.cv-ico-general-rss:before {
    content: "";
}

.cv-ico-general-signal:before {
    content: "";
}

.cv-ico-general-thermometer:before {
    content: "";
}

.cv-ico-general-droplets:before {
    content: "";
}

.cv-ico-general-uniE665:before {
    content: "";
}

.cv-ico-general-statistics:before {
    content: "";
}

.cv-ico-general-pie:before {
    content: "";
}

.cv-ico-general-bars:before {
    content: "";
}

.cv-ico-general-graph:before {
    content: "";
}

.cv-ico-general-lock:before {
    content: "";
}

.cv-ico-general-checkmark:before {
    content: "";
}

.cv-ico-general-cross:before {
    content: "";
}

.cv-ico-general-minus:before {
    content: "";
}

.cv-ico-general-plus:before {
    content: "";
}

.cv-ico-general-cross2:before {
    content: "";
}

.cv-ico-general-minus2:before {
    content: "";
}

.cv-ico-general-plus2:before {
    content: "";
}

.cv-ico-general-cross3:before {
    content: "";
}

.cv-ico-general-minus3:before {
    content: "";
}

.cv-ico-general-plus3:before {
    content: "";
}

.cv-ico-general-erase:before {
    content: "";
}

.cv-ico-general-blocked:before {
    content: "";
}

.cv-ico-general-info:before {
    content: "";
}

.cv-ico-general-info2:before {
    content: "";
}

.cv-ico-general-cycle:before {
    content: "";
}

.cv-ico-general-cw:before {
    content: "";
}

.cv-ico-general-ccw:before {
    content: "";
}

.cv-ico-general-shuffle:before {
    content: "";
}

.cv-ico-general-arrow:before {
    content: "";
}

.cv-ico-general-arrow2:before {
    content: "";
}

.cv-ico-general-retweet:before {
    content: "";
}

.cv-ico-general-loop:before {
    content: "";
}

.cv-ico-general-history:before {
    content: "";
}

.cv-ico-general-list:before {
    content: "";
}

.cv-ico-general-add-to-list:before {
    content: "";
}

.cv-ico-general-layout:before {
    content: "";
}

.cv-ico-general-document:before {
    content: "";
}

.cv-ico-general-docs:before {
    content: "";
}

.cv-ico-general-landscape:before {
    content: "";
}

.cv-ico-general-pictures:before {
    content: "";
}

.cv-ico-general-video:before {
    content: "";
}

.cv-ico-general-music3:before {
    content: "";
}

.cv-ico-general-folder:before {
    content: "";
}

.cv-ico-general-archive:before {
    content: "";
}

.cv-ico-general-trash:before {
    content: "";
}

.cv-ico-general-upload:before {
    content: "";
}

.cv-ico-general-download:before {
    content: "";
}

.cv-ico-general-disk:before {
    content: "";
}

.cv-ico-general-install:before {
    content: "";
}

.cv-ico-general-cloud:before {
    content: "";
}

.cv-ico-general-book2:before {
    content: "";
}

.cv-ico-general-volume:before {
    content: "";
}

.cv-ico-general-sound:before {
    content: "";
}

.cv-ico-general-mute:before {
    content: "";
}

.cv-ico-general-cc:before {
    content: "";
}

.cv-ico-general-cc-by:before {
    content: "";
}

.cv-ico-general-cc-nc:before {
    content: "";
}

.cv-ico-general-cc-nc-eu:before {
    content: "";
}

.cv-ico-general-cc-nc-jp:before {
    content: "";
}

.cv-ico-general-cc-sa:before {
    content: "";
}

.cv-ico-general-cc-nd:before {
    content: "";
}

.cv-ico-general-cc-pd:before {
    content: "";
}

.cv-ico-general-cc-zero:before {
    content: "";
}

.cv-ico-general-cc-share:before {
    content: "";
}

.cv-ico-general-play:before {
    content: "";
}

.cv-ico-general-pause:before {
    content: "";
}

.cv-ico-general-record:before {
    content: "";
}

.cv-ico-general-stop:before {
    content: "";
}

.cv-ico-general-next:before {
    content: "";
}

.cv-ico-general-previous:before {
    content: "";
}

.cv-ico-general-first:before {
    content: "";
}

.cv-ico-general-last:before {
    content: "";
}

.cv-ico-general-resize-enlarge:before {
    content: "";
}

.cv-ico-general-resize-shrink:before {
    content: "";
}

.cv-ico-general-arrow-left2:before {
    content: "";
}

.cv-ico-general-uniE6AC:before {
    content: "";
}

.cv-ico-general-arrow-up3:before {
    content: "";
}

.cv-ico-general-arrow-down3:before {
    content: "";
}

.cv-ico-general-arrow-left3:before {
    content: "";
}

.cv-ico-general-arrow-right2:before {
    content: "";
}

.cv-ico-general-arrow-up4:before {
    content: "";
}

.cv-ico-general-arrow-down4:before {
    content: "";
}

.cv-ico-general-arrow-left4:before {
    content: "";
}

.cv-ico-general-arrow-right3:before {
    content: "";
}

.cv-ico-general-arrow-up5:before {
    content: "";
}

.cv-ico-general-arrow-down5:before {
    content: "";
}

.cv-ico-general-arrow-left5:before {
    content: "";
}

.cv-ico-general-arrow-right4:before {
    content: "";
}

.cv-ico-general-arrow-right5:before {
    content: "";
}

.cv-ico-general-arrow-up6:before {
    content: "";
}

.cv-ico-general-arrow-down6:before {
    content: "";
}

.cv-ico-general-arrow-left6:before {
    content: "";
}

.cv-ico-general-arrow-right6:before {
    content: "";
}

.cv-ico-general-arrow-up7:before {
    content: "";
}

.cv-ico-general-arrow-down7:before {
    content: "";
}

.cv-ico-general-arrow-left7:before {
    content: "";
}

.cv-ico-general-arrow-right7:before {
    content: "";
}

.cv-ico-general-arrow-up--upload:before {
    content: "";
}

.cv-ico-general-arrow-down8:before {
    content: "";
}

.cv-ico-general-arrow-left8:before {
    content: "";
}

.cv-ico-general-flow-parallel:before {
    content: "";
}

.cv-ico-general-flow-line:before {
    content: "";
}

.cv-ico-general-menu:before {
    content: "";
}

.cv-ico-general-ellipsis:before {
    content: "";
}

.cv-ico-general-dots:before {
    content: "";
}

.cv-ico-general-dot:before {
    content: "";
}

.cv-ico-general-daniel-bruce:before {
    content: "";
}

.cv-ico-general-cc-share2:before {
    content: "";
}

.cv-ico-general-back:before {
    content: "";
}

.cv-ico-general-switch:before {
    content: "";
}

.cv-ico-general-users:before {
    content: "";
}

.cv-ico-general-user-add:before {
    content: "";
}

.cv-ico-general-vcard:before {
    content: "";
}

.cv-ico-general-quote:before {
    content: "";
}

.cv-ico-general-moon:before {
    content: "";
}

.cv-ico-general-palette:before {
    content: "";
}

.cv-ico-general-leaf:before {
    content: "";
}

.cv-ico-general-thunder:before {
    content: "";
}

.cv-ico-general-droplet:before {
    content: "";
}

.cv-ico-general-cd:before {
    content: "";
}

.cv-ico-general-suitcase:before {
    content: "";
}

.cv-ico-general-cone:before {
    content: "";
}

.cv-ico-general-earth:before {
    content: "";
}

.cv-ico-general-credit-card:before {
    content: "";
}

.cv-ico-general-database:before {
    content: "";
}

.cv-ico-general-voicemail:before {
    content: "";
}

.cv-ico-general-lock-open:before {
    content: "";
}

.cv-ico-general-logout:before {
    content: "";
}

.cv-ico-general-login:before {
    content: "";
}

.cv-ico-general-question:before {
    content: "";
}

.cv-ico-general-help:before {
    content: "";
}

.cv-ico-general-warning:before {
    content: "";
}

.cv-ico-general-list2:before {
    content: "";
}

.cv-ico-general-text:before {
    content: "";
}

.cv-ico-general-text2:before {
    content: "";
}

.cv-ico-general-upload2:before {
    content: "";
}

.cv-ico-general-bookmark:before {
    content: "";
}

.cv-ico-general-bookmarks:before {
    content: "";
}

.cv-ico-general-chat:before {
    content: "";
}

.cv-ico-general-comment:before {
    content: "";
}

.cv-ico-general-daniel-bruce2:before {
    content: "";
}

.cv-ico-general-cart2:before {
    content: "";
}

.cv-ico-general-chart:before {
    content: "";
}

.cv-ico-general-basket:before {
    content: "";
}

.cv-ico-general-cart3:before {
    content: "";
}

.cv-ico-general-cart4:before {
    content: "";
}

.cv-ico-general-cart5:before {
    content: "";
}

.cv-ico-general-pie2:before {
    content: "";
}

.cv-ico-general-stats:before {
    content: "";
}

.cv-ico-general-bars2:before {
    content: "";
}

.cv-ico-general-bars3:before {
    content: "";
}

.cv-ico-general-credit:before {
    content: "";
}

.cv-ico-general-store:before {
    content: "";
}

.cv-ico-general-coin:before {
    content: "";
}

.cv-ico-general-truck:before {
    content: "";
}

.cv-ico-general-search2:before {
    content: "";
}

.cv-ico-general-search3:before {
    content: "";
}

.cv-ico-general-compass2:before {
    content: "";
}

.cv-ico-general-location3:before {
    content: "";
}

.cv-ico-general-location4:before {
    content: "";
}

.cv-ico-general-target2:before {
    content: "";
}

.cv-ico-general-location5:before {
    content: "";
}

.cv-ico-general-location6:before {
    content: "";
}

.cv-ico-general-map2:before {
    content: "";
}

.cv-ico-general-map3:before {
    content: "";
}

.cv-ico-general-target3:before {
    content: "";
}

.cv-ico-general-pin:before {
    content: "";
}

.cv-ico-general-pin-alt:before {
    content: "";
}

.cv-ico-general-file-pdf:before {
    content: "";
}

.cv-ico-general-file-word:before {
    content: "";
}

.cv-ico-general-file-excel:before {
    content: "";
}

.cv-ico-general-file-css:before {
    content: "";
}

.cv-ico-general-file-xml:before {
    content: "";
}

.cv-ico-general-file-powerpoint:before {
    content: "";
}

.cv-ico-general-file-zip:before {
    content: "";
}

.cv-ico-general-file-openoffice:before {
    content: "";
}

.cv-ico-general-libreoffice:before {
    content: "";
}

.cv-ico-general-copy:before {
    content: "";
}

.cv-ico-general-shopping-cart:before {
    content: "";
}

.cv-ico-general-bag2:before {
    content: "";
}

.cv-ico-general-graph2:before {
    content: "";
}

.cv-ico-general-bars4:before {
    content: "";
}

.cv-ico-general-chart2:before {
    content: "";
}

.cv-ico-general-shopping-bag:before {
    content: "";
}

.cv-ico-general-tag2:before {
    content: "";
}

.cv-ico-general-credit-cards:before {
    content: "";
}

.cv-ico-general-bill:before {
    content: "";
}

.cv-ico-general-search4:before {
    content: "";
}

.cv-ico-general-location7:before {
    content: "";
}

.cv-ico-general-location-arrow:before {
    content: "";
}

.cv-ico-general-location-outline:before {
    content: "";
}

.cv-ico-general-location-arrow-outline:before {
    content: "";
}

.cv-ico-general-map-marker:before {
    content: "";
}

.cv-ico-general-map4:before {
    content: "";
}

.cv-ico-general-truck2:before {
    content: "";
}

.cv-ico-general-shipping:before {
    content: "";
}

.cv-ico-general-basket2:before {
    content: "";
}

.cv-ico-general-wallet:before {
    content: "";
}

.cv-ico-general-bag3:before {
    content: "";
}

.cv-ico-general-money-bag:before {
    content: "";
}

.cv-ico-general-dollar:before {
    content: "";
}

.cv-ico-general-dollar2:before {
    content: "";
}

.cv-ico-general-coins:before {
    content: "";
}

.cv-ico-general-pig:before {
    content: "";
}

.cv-ico-general-safe:before {
    content: "";
}

.cv-ico-general-banknote:before {
    content: "";
}

.cv-ico-general-wallet2:before {
    content: "";
}

.cv-ico-general-magnifier:before {
    content: "";
}

.cv-ico-general-pin2:before {
    content: "";
}

.cv-ico-general-pin3:before {
    content: "";
}

.cv-ico-general-compass3:before {
    content: "";
}

.cv-ico-general-map5:before {
    content: "";
}

.cv-ico-general-location8:before {
    content: "";
}

.cv-ico-general-location9:before {
    content: "";
}

.cv-ico-general-shop:before {
    content: "";
}

.cv-ico-general-tag3:before {
    content: "";
}

.cv-ico-general-tags:before {
    content: "";
}

.cv-ico-general-shopping-cart2:before {
    content: "";
}

.cv-ico-general-credit2:before {
    content: "";
}

.cv-ico-general-bitcoin:before {
    content: "";
}

.cv-ico-general-won:before {
    content: "";
}

.cv-ico-general-renminbi:before {
    content: "";
}

.cv-ico-general-yen:before {
    content: "";
}

.cv-ico-general-rupee:before {
    content: "";
}

.cv-ico-general-gbp:before {
    content: "";
}

.cv-ico-general-euro:before {
    content: "";
}

.cv-ico-general-money:before {
    content: "";
}

.cv-ico-general-truck3:before {
    content: "";
}

.cv-ico-general-search5:before {
    content: "";
}

.cv-ico-general-file:before {
    content: "";
}

.cv-ico-general-file2:before {
    content: "";
}

.cv-ico-general-map-marker2:before {
    content: "";
}

.cv-ico-general-globe:before {
    content: "";
}

.cv-ico-general-location-arrow2:before {
    content: "";
}

.cv-ico-general-compass4:before {
    content: "";
}

.cv-ico-general-search6:before {
    content: "";
}

.cv-ico-general-location10:before {
    content: "";
}

/*------------------------------------*\
    ICON FONTS - SOCIAL
\*------------------------------------*/
@font-face {
    font-family: "cv-ico-social";
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.eot");
    src: url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.eot?#iefix") format("embedded-opentype"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.ttf") format("truetype"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.woff") format("woff"), url("/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.svg#cv-ico-social") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class*=cv-ico-social-]:before {
    font-family: "cv-ico-social";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cv-ico-social-github:before {
    content: "";
}

.cv-ico-social-github2:before {
    content: "";
}

.cv-ico-soxcial-flickr:before {
    content: "";
}

.cv-ico-social-flickr2:before {
    content: "";
}

.cv-ico-social-vimeo:before {
    content: "";
}

.cv-ico-social-vimeo2:before {
    content: "";
}

.cv-ico-social-twitter:before {
    content: "";
}

.cv-ico-social-twitter2:before {
    content: "";
}

.cv-ico-social-facebook:before {
    content: "";
}

.cv-ico-social-facebook2:before {
    content: "";
}

.cv-ico-social-facebook3:before {
    content: "";
}

.cv-ico-social-googleplus:before {
    content: "";
}

.cv-ico-social-googleplus2:before {
    content: "";
}

.cv-ico-social-pinterest:before {
    content: "";
}

.cv-ico-social-pinterest2:before {
    content: "";
}

.cv-ico-social-tumblr:before {
    content: "";
}

.cv-ico-social-tumblr2:before {
    content: "";
}

.cv-ico-social-linkedin:before {
    content: "";
}

.cv-ico-social-linkedin2:before {
    content: "";
}

.cv-ico-social-dribbble:before {
    content: "";
}

.cv-ico-social-rdio:before {
    content: "";
}

.cv-ico-social-rdio2:before {
    content: "";
}

.cv-ico-social-spotify:before {
    content: "";
}

.cv-ico-social-spotify2:before {
    content: "";
}

.cv-ico-social-qq:before {
    content: "";
}

.cv-ico-social-instagram:before {
    content: "";
}

.cv-ico-social-dropbox:before {
    content: "";
}

.cv-ico-social-evernote:before {
    content: "";
}

.cv-ico-social-flattr:before {
    content: "";
}

.cv-ico-social-skype:before {
    content: "";
}

.cv-ico-social-skype2:before {
    content: "";
}

.cv-ico-social-renren:before {
    content: "";
}

.cv-ico-social-sina-weibo:before {
    content: "";
}

.cv-ico-social-picasa:before {
    content: "";
}

.cv-ico-social-soundcloud:before {
    content: "";
}

.cv-ico-social-mixi:before {
    content: "";
}

.cv-ico-social-behance:before {
    content: "";
}

.cv-ico-social-circles:before {
    content: "";
}

.cv-ico-social-vk:before {
    content: "";
}

.cv-ico-social-smashing:before {
    content: "";
}

.cv-ico-social-dribbble2:before {
    content: "";
}

.cv-ico-social-stumbleupon:before {
    content: "";
}

.cv-ico-social-stumbleupon2:before {
    content: "";
}

.cv-ico-social-lastfm:before {
    content: "";
}

.cv-ico-social-lastfm2:before {
    content: "";
}

.cv-ico-social-share:before {
    content: "";
}

.cv-ico-social-youtube:before {
    content: "";
}

.cv-ico-social-feed:before {
    content: "";
}

.cv-ico-social-apple:before {
    content: "";
}

.cv-ico-social-windows8:before {
    content: "";
}

.cv-ico-social-android:before {
    content: "";
}

.cv-ico-social-tux:before {
    content: "";
}

.cv-ico-social-reddit:before {
    content: "";
}

/*------------------------------------*\
    Images
\*------------------------------------*/
figure {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

.img-small {
    max-width: 25%;
}

.img-med {
    max-width: 50%;
}

.img-large {
    max-width: 750%;
}

/*------------------------------------*\
    Kendo UI
\*------------------------------------*/
[class*=k-] {
    box-sizing: border-box;
}

[aria-disabled=true] {
    cursor: not-allowed;
}

.k-state-disabled {
    opacity: 0.25;
}

/*------------------------------------*\
    KENDO THEME
\*------------------------------------*/
/* icons */
.k-icon {
    color: #555;
}

.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite {
    opacity: 1;
}

.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite {
    opacity: 0.8;
}

.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: 0.8;
}

.k-tool {
    border-color: transparent;
}

.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after {
    border-color: transparent;
}

/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    border-color: transparent;
}

.k-loading,
.k-state-hover .k-loading {
    background-position: 50% 50%;
}

.k-loading-image {
    background-image: url("/Themes/BPDTHEME01/theme-base/js/kendo-ui/styles/primaryoading-image.gif");
}

.k-loading-color {
    background-color: white;
}

.k-button {
    color: #2e2e2e;
    border-color: #c5c5c5;
    background-color: #e3e3e3;
}

.k-button:hover {
    color: #2e2e2e;
    border-color: #bcb4b0;
    background-color: #bcb4b0;
}

.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
    color: #9f9e9e;
    border-color: #c5c5c5;
    background-color: #e3e3e3;
}

.k-draghandle {
    border-color: #c5c5c5;
    background-color: white;
    box-shadow: none;
}

.k-draghandle:hover {
    border-color: #bcb4b0;
    background-color: #bcb4b0;
    box-shadow: none;
}

.k-dropdown .k-icon,
.k-picker-wrap .k-icon {
    cursor: pointer;
    position: relative;
    top: 7px;
}

/*------------------------------------*\
      AUTOCOMPLETE
  \*------------------------------------*/
.k-widget.k-autocomplete {
    padding: 0 !important;
    display: block;
    float: left;
    height: 45px;
    color: #9b918c;
    width: 100%;
    outline: none;
    border-radius: 5px;
}
.k-widget.k-autocomplete.k-state-focused .k-input {
    border-color: #1c365f;
    background: #e1eff5;
    outline: none;
}
.k-widget.k-autocomplete .k-input {
    height: 100%;
    border-radius: 5px;
}

.page-content input.k-input.product-search-autocomplete {
    height: 45px;
    padding: 5px;
    width: 100%;
    float: left;
    display: inline-block;
    outline: none;
    border: 1px solid #9b918c;
    border-radius: 5px;
    background: white;
}

.k-animation-container {
    width: 100%;
}
@media (min-width: 992px) {
    .k-animation-container {
        width: 100%;
    }
}

.k-autocomplete .k-loading,
.k-multiselect .k-loading {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.k-popup.k-list-container {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: white;
    border: none;
    width: 100%;
}
@media (min-width: 992px) {
    .k-popup.k-list-container {
        width: 100%;
    }
}

.k-popup .k-list .k-item {
    font-size: 14px;
    padding: 10px;
    border-bottom: 2px solid #F6F6F6;
}
.k-popup .k-list .k-item.k-state-hover, .k-popup .k-list .k-item:hover, .k-popup .k-list .k-item:focus {
    cursor: pointer;
    background: #F2FBFD;
    border-color: #F2FBFD;
    color: #1e3232;
}
.k-popup .k-list .k-item.k-state-hover.k-state-selected, .k-popup .k-list .k-item.k-state-hover.k-state-focused, .k-popup .k-list .k-item:hover.k-state-selected, .k-popup .k-list .k-item:hover.k-state-focused, .k-popup .k-list .k-item:focus.k-state-selected, .k-popup .k-list .k-item:focus.k-state-focused {
    background: #f3b311;
    border-color: #f3b311;
    color: white;
}

.k-list-optionlabel {
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #F6F6F6;
}
.k-list-optionlabel.k-state-selected, .k-list-optionlabel.k-state-focused {
    background: #f3b311;
    border-color: #f3b311;
    color: white;
    font-size: 14px;
    padding: 10px;
}

.k-popup .k-list .k-state-hover {
    border-color: #f3b311;
    background: #f3b311;
    color: white;
}

.k-popup .k-list .k-state-focused {
    border-color: #f3b311;
    background: #f3b311;
    color: white;
}

/*------------------------------------*\
      DROPDOWN LIST
  \*------------------------------------*/
.k-dropdown-wrap {
    border: 1px solid #9b918c;
    border-radius: 5px;
    font-size: 14px;
    color: #9b918c;
    height: 45px;
    background: white;
    overflow: hidden;
}
.k-dropdown-wrap .k-input {
    padding: 10px 10px;
    height: 100%;
    font-weight: 300;
    color: #535c65;
    font-size: 15px;
    text-indent: 0;
}
.k-dropdown-wrap .k-input[readonly=readonly], .k-dropdown-wrap .k-input[readonly], .k-dropdown-wrap .k-input[readonly=readonly] ~ .k-select, .k-dropdown-wrap .k-input[readonly] ~ .k-select {
    background: #eee;
    color: #666;
}
.k-dropdown-wrap .k-input[readonly=readonly]:hover, .k-dropdown-wrap .k-input[readonly=readonly]:focus, .k-dropdown-wrap .k-input[readonly]:hover, .k-dropdown-wrap .k-input[readonly]:focus, .k-dropdown-wrap .k-input[readonly=readonly] ~ .k-select:hover, .k-dropdown-wrap .k-input[readonly=readonly] ~ .k-select:focus, .k-dropdown-wrap .k-input[readonly] ~ .k-select:hover, .k-dropdown-wrap .k-input[readonly] ~ .k-select:focus {
    cursor: not-allowed;
    border-color: #666;
}
.k-dropdown .k-dropdown-wrap + select[readonly=readonly],
.k-dropdown .k-dropdown-wrap + select[readonly] {
    display: block !important;
    position: absolute;
    top: 1px;
    left: 1px;
    height: calc((100%) - 2px);
    width: calc((100%) - 2px);
    background: #eee;
    border: none;
    border-radius: 5px;
    color: #666;
    pointer-events: none;
    cursor: not-allowed;
    padding: 0px 10px;
    margin: 0;
    box-sizing: border-box;
    font-weight: 300;
    -webkit-appearance: none;
    appearance: none;
}
.k-dropdown .k-dropdown-wrap .k-select {
    position: absolute;
    z-index: 2;
    background: none;
}
.k-dropdown-wrap .k-icon {
    top: 10px;
}
.k-dropdown-wrap .k-icon:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.k-dropdown-wrap .k-icon:before {
    content: "";
}
.k-dropdown-wrap .k-icon::before {
    top: 8px;
    height: 30px;
}

.k-list .k-state-selected {
    background: #f3b311;
    border-color: #f3b311;
    color: white;
}

.k-item.k-state-selected .original-value {
    background: #f3b311;
    color: white;
}

.k-item .original-value {
    background: #f3b311;
    color: white;
}

/*------------------------------------*\
      DATE INPUT
  \*------------------------------------*/
.k-datepicker {
    display: block;
    width: 100%;
}

.k-picker-wrap {
    background: white;
    border: 1px solid #9b918c;
    border-radius: 5px;
    font-size: 14px;
    color: #9b918c;
    height: 45px;
    overflow: hidden;
}
.error .k-picker-wrap {
    border-color: #d4484c;
}

.k-picker-wrap .k-input {
    padding-top: 0;
    color: #1e3232;
    height: 43px;
    padding: 10px;
}
.k-picker-wrap .k-input[readonly=readonly], .k-picker-wrap .k-input[readonly], .k-picker-wrap .k-input[readonly=readonly] ~ .k-select, .k-picker-wrap .k-input[readonly] ~ .k-select {
    background: #eee;
    color: #666;
}
.k-picker-wrap .k-input[readonly=readonly]:hover, .k-picker-wrap .k-input[readonly=readonly]:focus, .k-picker-wrap .k-input[readonly]:hover, .k-picker-wrap .k-input[readonly]:focus, .k-picker-wrap .k-input[readonly=readonly] ~ .k-select:hover, .k-picker-wrap .k-input[readonly=readonly] ~ .k-select:focus, .k-picker-wrap .k-input[readonly] ~ .k-select:hover, .k-picker-wrap .k-input[readonly] ~ .k-select:focus {
    cursor: not-allowed;
    border-color: #666;
}

/*------------------------------------*\
      TIME INPUT
  \*------------------------------------*/
.k-timepicker {
    display: block;
    width: 100%;
}

/*------------------------------------*\
      DATETIME INPUT
  \*------------------------------------*/
.k-datetimepicker {
    display: block;
    width: 100%;
}

/*------------------------------------*\
      NUMBER INPUT
  \*------------------------------------*/
span.k-numerictextbox {
    display: block;
    width: 100%;
}

.k-numeric-wrap {
    border: 1px solid #9b918c;
    border-radius: 5px;
    font-size: 14px;
    height: 45px;
    background: white;
    width: 100%;
    padding: 0;
}
.error .k-numeric-wrap {
    border-color: #d4484c;
}
.k-numeric-wrap .k-input {
    padding: 0 !important;
    color: #1e3232;
    text-align: center;
    width: 100%;
    height: calc((45px) - 2px);
    background: none;
    text-indent: initial;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    border-radius: 5px;
    /* add gray background for readonly */
}
.k-numeric-wrap .k-input[readonly=readonly], .k-numeric-wrap .k-input[readonly], .k-numeric-wrap .k-input[readonly=readonly] ~ .k-select, .k-numeric-wrap .k-input[readonly] ~ .k-select {
    background: #eee;
    color: #666;
}
.k-numeric-wrap .k-input[readonly=readonly]:hover, .k-numeric-wrap .k-input[readonly=readonly]:focus, .k-numeric-wrap .k-input[readonly]:hover, .k-numeric-wrap .k-input[readonly]:focus, .k-numeric-wrap .k-input[readonly=readonly] ~ .k-select:hover, .k-numeric-wrap .k-input[readonly=readonly] ~ .k-select:focus, .k-numeric-wrap .k-input[readonly] ~ .k-select:hover, .k-numeric-wrap .k-input[readonly] ~ .k-select:focus {
    cursor: not-allowed;
    border-color: #666;
}

span.k-numerictextbox .k-select {
    background: white;
}

.k-numeric-wrap .k-select {
    width: 50%;
    padding-right: 5px;
    border-radius: 0px 5px 5px 0px;
}
@media (min-width: 1260px) {
    .k-numeric-wrap .k-select {
        width: auto;
    }
}

.k-numeric-wrap .k-select .k-link {
    display: inline-block;
    float: right !important;
    width: 50%;
    height: inherit;
    line-height: 0;
}
@media (min-width: 1260px) {
    .k-numeric-wrap .k-select .k-link {
        display: block;
        width: 100%;
        height: 50%;
    }
}

/*------------------------------------*\
      COMBOBOX INPUT
  \*------------------------------------*/
.k-combobox {
    display: block;
    width: 100%;
}
.k-combobox .k-clear-value {
    display: none;
    visibility: hidden;
}

/*------------------------------------*\
      RANGESLIDER
  \*------------------------------------*/
.k-slider {
    display: block;
    width: 100%;
    margin: 20px 0px 20px 5px;
}
.k-slider .k-label {
    font-size: 12px;
}

.range-slider-currency .k-label::before,
.range-slider-currencyasinteger .k-label::before {
    content: "$";
}

.k-slider-horizontal .k-slider-track {
    background: white;
    border-radius: 5px;
    border: 1px solid #ddd;
    height: 10px;
    margin-top: -5px;
}

.k-draghandle {
    background: #1c365f;
    border-radius: 10px;
    border: none;
    outline: none;
}
.k-draghandle:hover, .k-draghandle:focus {
    outline: none;
    background: #284c86;
}

.k-draghandle.k-state-selected {
    background: #284c86;
}

.k-slider-selection {
    background: #eee;
}

.k-tick {
    background: url("/Themes/BPDTHEME01/theme-base/js/kendo-ui/styles/Default/slider-h.gif") top center no-repeat;
}

.k-slider-tooltip {
    font-size: 12px;
    border-radius: 10px;
    background: #5d5754;
    border-color: #5d5754;
    color: white;
}

@media (min-width: 768px) {
    .product-filter .k-slider {
        width: 150px;
        margin: 25px auto 15px;
    }
}
@media (min-width: 1260px) {
    .product-filter .k-slider {
        width: 200px;
    }
}
.product-filter .k-slider-items .k-first .k-label {
    left: 0;
    top: -15px;
}
.product-filter .k-slider-items .k-last .k-label {
    right: 0;
    top: -15px;
}

.mobile-filter .k-slider {
    width: 260px;
    margin: 20px 10px 10px;
}
@media (min-width: 576px) {
    .mobile-filter .k-slider {
        width: 550px;
    }
}
.mobile-filter .k-slider-items .k-label {
    color: #1e3232;
}
.mobile-filter .k-slider-items .k-first .k-label {
    left: 0;
    top: -15px;
}
.mobile-filter .k-slider-items .k-last .k-label {
    right: 0;
    top: -15px;
}

.k-slider-horizontal .k-first .k-label {
    width: 50px;
    text-align: left;
}

.k-slider-horizontal .k-last .k-label {
    width: 50px;
    text-align: right;
}

.k-slider-horizontal .k-tick {
    clear: none;
}

/*------------------------------------*\
      TABS
  \*------------------------------------*/
.cv-tabs {
    display: none;
}
.cv-tabs.k-widget {
    display: block;
}

.k-tabstrip {
    display: block;
    background: none;
    width: 100%;
    border-color: transparent;
}
.k-tabstrip .k-loading {
    border: none;
}

.k-tabstrip .k-tabstrip-items {
    padding: 0 !important;
}
.overlay-content .k-tabstrip .k-tabstrip-items {
    border-bottom: none;
}
.k-tabstrip .k-tabstrip-items li {
    background: #d7d3d1;
}
.k-tabstrip .k-tabstrip-items a {
    color: #1e3232;
}
.k-tabstrip .k-tabstrip-items .k-item {
    border: none;
    margin-right: 2px;
    margin-left: 0;
    border: 1px solid #ddd;
    border-top-width: 4px;
    border-bottom: none;
    color: #1e3232;
    border-radius: 5px 5px 0 0;
    width: auto;
}
@media (min-width: 992px) {
    .k-tabstrip .k-tabstrip-items .k-item {
        margin-right: 7px;
    }
}
.k-tabstrip .k-tabstrip-items .k-item .k-link {
    background: #fafafa;
    color: #1e3232;
    padding: 5px 5px;
    text-align: center;
    font-size: 12px;
    height: 30px;
}
@media (min-width: 992px) {
    .k-tabstrip .k-tabstrip-items .k-item .k-link {
        padding: 5px 10px;
        height: 35px;
        min-width: 100px;
        font-size: 16px;
    }
}
.k-tabstrip .k-tabstrip-items .k-state-active {
    box-shadow: none;
    border-color: #1c365f;
    background: white;
    position: relative;
}
.k-tabstrip .k-tabstrip-items .k-state-active .k-link {
    color: white;
    background: #1c365f;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
}
@media (min-width: 992px) {
    .k-tabstrip .k-tabstrip-items .k-state-active .k-link {
        height: 36px;
    }
}
.k-tabstrip .k-tabstrip-items .k-state-hover {
    background: #9b918c;
    border-top-color: #9b918c;
}
.k-tabstrip .k-tabstrip-items .k-state-hover .k-link {
    color: #1e3232;
}

.k-tabstrip .k-content {
    border: none;
    background: white;
    margin: 0 !important;
    padding: 20px;
    border: 1px solid #a2a2a2;
    border-radius: 0 5px 5px 5px;
    min-height: 380px;
}
.k-tabstrip .k-content * {
    box-sizing: border-box;
}

.k-state-focused {
    border-color: #f3b311;
}
.k-state-focused .k-input {
    background: #e1eff5;
    color: #1e3232;
}
.k-state-focused .k-select {
    background: none;
    color: #1e3232;
    border-color: #284c86;
}

/*------------------------------------*\
      SORTABLE
  \*------------------------------------*/
#cv-sortable,
.cv-sortable {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px;
}

li.sortable {
    list-style-type: none;
    padding: 0 !important;
    margin: 0 0 3px;
    color: #333;
    cursor: move;
    border: 1px solid #9b918c;
    background: white;
    min-height: 35px;
}
li.sortable::after {
    clear: both;
    content: "";
    display: block;
}
li.sortable .handle {
    float: left;
    display: inline-block;
    background: #fafafa;
    min-height: inherit;
    width: 32px;
    border-right: 1px solid #9b918c;
}
li.sortable .handle::before {
    position: relative;
    top: 1px;
    left: 9px;
    font-size: 14px;
}
li.sortable .content {
    float: left;
    display: inline-block;
    width: calc(100% - 32px);
    padding: 5px 5px;
}

li.sortable:hover {
    background-color: #dceffd;
}

li.hint {
    display: block;
    width: 50%;
    background-color: #52aef7;
}

li.hint span {
    color: white;
}

li.placeholder {
    background-color: #dceffd;
    color: #52aef7;
    text-align: left;
    font-size: 12px;
    color: #f3b311;
    font-weight: 600;
    padding: 8px 0 0 10px;
}

li.sortable .widget-text-container::after {
    clear: both;
    content: "";
    display: block;
}
li.sortable .widget-text-container .widget-name {
    font-weight: 600;
    display: inline-block;
    float: left;
    font-size: 13px;
    padding-top: 4px;
}
li.sortable .widget-text-container .widget-description {
    font-weight: 400;
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 6px 5px 0px 15px;
}
li.sortable .widget-text-container .widget-btn {
    float: right !important;
    display: inline-block;
    margin-left: 3px;
}
li.sortable .widget-text-container .widget-btn::before {
    position: relative;
    top: 1px;
}

/*------------------------------------*\
      CALENDAR 
  \*------------------------------------*/
.k-calendar-container {
    background: white;
}

.k-popup.k-calendar-container {
    background: white;
    padding: 0px;
    border: none;
    box-shadow: 0px 3px 13px 1px rgba(0, 0, 0, 0.12);
}

.k-calendar .k-header {
    border: none;
    background-color: #ebe9e8;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}
.k-calendar .k-header .k-link {
    padding: 6px 4px;
}
.k-calendar .k-header .k-nav-next .k-nav-prev .k-icon {
    vertical-align: middle;
}
.k-calendar .k-content th {
    border-color: #ebe9e8;
    font-weight: 500;
}
.k-calendar .k-content .k-link {
    border-radius: 2px;
}
.k-calendar .k-content .k-state-selected .k-link {
    color: white;
    font-weight: 500;
    background-color: #1c365f;
}
.k-calendar .k-content .k-state-selected .k-link:hover, .k-calendar .k-content .k-state-selected .k-link:focus {
    background-color: #284c86;
    color: white;
}
.k-calendar .k-content .k-state-hover .k-link {
    color: #f3b311;
    background-color: #ebe9e8;
}
.k-calendar .k-content .k-state-disabled .k-link {
    color: #555;
}
.k-calendar .k-footer {
    border-top: solid 1px #ebe9e8;
}
.k-calendar .k-footer .k-nav-today {
    color: #1c365f;
}
.k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-footer .k-nav-today:focus {
    background-color: #1c365f;
    color: white;
    text-decoration: none;
}

/*------------------------------------*\
      ORDER IMPORT
\*------------------------------------*/
.widget-file-upload .k-upload-files .k-upload-status {
    top: 20px;
}
.widget-file-upload .k-dropzone .k-upload-status {
    float: right !important;
    position: relative;
    top: 10px;
}

.k-textbox.form-credit-card {
    height: 45px;
}

/*------------------------------------*\
    Alert Box
\*------------------------------------*/
.alert-box, .lucene-messages .lucene-message, .grid-no-results {
    clear: both;
    background: white;
    margin: 12px 0;
    display: block;
    color: #1e3232;
    padding: 8px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #9b918c;
    padding-left: 40px;
    font-size: 16px;
}
.alert-box::after, .lucene-messages .lucene-message::after, .grid-no-results::after {
    clear: both;
    content: "";
    display: block;
}
.alert-box:before, .lucene-messages .lucene-message:before, .grid-no-results:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.alert-box::before, .lucene-messages .lucene-message::before, .grid-no-results::before {
    float: left;
    display: inline-block;
    float: none;
    clear: none;
    position: absolute;
    left: 0;
    top: 0;
    height: calc((100%) - 7px);
    margin: 0 !important;
    font-size: 18px;
    width: 32px;
    padding-top: 7px;
    text-align: center;
    border-radius: 3px 0 0 3px;
}
.alert-box.inline-alert, .lucene-messages .inline-alert.lucene-message, .inline-alert.grid-no-results {
    display: inline-block;
}
.product-grid.grid .alert-box::before, .product-grid.grid .lucene-messages .lucene-message::before, .lucene-messages .product-grid.grid .lucene-message::before, .product-grid.grid .grid-no-results::before {
    font-size: 13px;
}
.product-grid.detailed-list .alert-box, .product-grid.detailed-list .lucene-messages .lucene-message, .lucene-messages .product-grid.detailed-list .lucene-message, .product-grid.detailed-list .grid-no-results {
    margin: 0;
    font-size: 12px;
    float: right;
}
.product-grid.detailed-list .alert-box::before, .product-grid.detailed-list .lucene-messages .lucene-message::before, .lucene-messages .product-grid.detailed-list .lucene-message::before, .product-grid.detailed-list .grid-no-results::before {
    font-size: 16px;
}
.product-quick-view-popup .alert-box, .product-quick-view-popup .lucene-messages .lucene-message, .lucene-messages .product-quick-view-popup .lucene-message, .product-quick-view-popup .grid-no-results {
    margin: 10px 0;
    font-size: 12px;
}
.product-quick-view-popup .alert-box::before, .product-quick-view-popup .lucene-messages .lucene-message::before, .lucene-messages .product-quick-view-popup .lucene-message::before, .product-quick-view-popup .grid-no-results::before {
    font-size: 16px;
}
.cv-cart-line .alert-box, .cv-cart-line .lucene-messages .lucene-message, .lucene-messages .cv-cart-line .lucene-message, .cv-cart-line .grid-no-results {
    font-size: 14px;
}
.alert-box.info, .lucene-messages .lucene-message, .grid-no-results {
    background: #cbebfb;
    color: #1c82a8;
    border-color: #1c82a8;
}
.alert-box.info:before, .lucene-messages .lucene-message:before, .grid-no-results:before {
    content: "";
}
.alert-box.info::before, .lucene-messages .lucene-message::before, .grid-no-results::before {
    background: #1c82a8;
    color: white;
}
.alert-box.success, .lucene-messages .success.lucene-message, .success.grid-no-results {
    background: #dbf1d8;
    color: #3e8468;
    border-color: #3e8468;
}
.alert-box.success:before, .lucene-messages .success.lucene-message:before, .success.grid-no-results:before {
    content: "";
}
.alert-box.success::before, .lucene-messages .success.lucene-message::before, .success.grid-no-results::before {
    background: #3e8468;
    color: white;
}
.alert-box.warning, .lucene-messages .warning.lucene-message, .lucene-messages .lucene-message.lucene-did-you-mean, .warning.grid-no-results {
    background: #fbf7ef;
    color: #231f20;
    border-color: #f0b529;
}
.alert-box.warning:before, .lucene-messages .warning.lucene-message:before, .lucene-messages .lucene-message.lucene-did-you-mean:before, .warning.grid-no-results:before {
    content: "";
}
.alert-box.warning::before, .lucene-messages .warning.lucene-message::before, .lucene-messages .lucene-message.lucene-did-you-mean::before, .warning.grid-no-results::before {
    background: #f0b529;
    color: white;
}
.alert-box.error, .lucene-messages .error.lucene-message, .error.grid-no-results {
    background: #f9c7c6;
    color: #d4484c;
    border-color: #d4484c;
}
.alert-box.error:before, .lucene-messages .error.lucene-message:before, .error.grid-no-results:before {
    content: "";
}
.alert-box.error::before, .lucene-messages .error.lucene-message::before, .error.grid-no-results::before {
    background: #d4484c;
    color: white;
}
.alert-box p, .lucene-messages .lucene-message p, .grid-no-results p,
.alert-box small,
.lucene-messages .lucene-message small,
.grid-no-results small {
    line-height: normal;
    margin: 0 !important;
    padding: 0 !important;
}

/*------------------------------------*\
    Overlay Notifications
\*------------------------------------*/
.cv-notification-area {
    position: fixed;
    top: 45px;
    right: 10px;
    width: 90%;
    z-index: 10000000;
}
@media (min-width: 992px) {
    .cv-notification-area {
        width: 100%;
        max-width: 420px;
        top: 135px;
        transition: top 0.2s;
    }
    .is-scrolling .cv-notification-area {
        top: 105px;
        transition: top 0.2s;
    }
}

.cv-notification {
    padding: 15px;
    background: #042242;
    margin: 0 0 15px;
    border: 1px solid #042242;
    color: white;
    position: relative;
    width: 100%;
    z-index: 10000000;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.28);
    font-size: 12px;
}
.cv-notification::after {
    clear: both;
    content: "";
    display: block;
}
.cv-notification:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {
    .cv-notification {
        font-size: 14px;
    }
    .cv-notification::before {
        font-size: 30px;
    }
}
.cv-notification::before {
    font-size: 20px;
    display: inline-block;
    float: none;
    clear: none;
    float: left;
    margin-right: 10px;
}
.cv-notification .close {
    position: absolute;
    top: 12px;
    right: 12px;
    color: white;
}
.cv-notification .close:before {
    content: "";
}
.cv-notification .close::before {
    font-size: 16px;
    opacity: 0.8;
}
.cv-notification .close:hover::before, .cv-notification .close:focus::before {
    opacity: 1;
}
.cv-notification.info, .lucene-messages .cv-notification.lucene-message, .cv-notification.grid-no-results {
    background: #1c82a8;
    color: white;
    border-color: #1c82a8;
}
.cv-notification.info:before, .lucene-messages .cv-notification.lucene-message:before, .cv-notification.grid-no-results:before {
    content: "";
}
.cv-notification.info .btn.small, .lucene-messages .cv-notification.lucene-message .btn.small, .cv-notification.grid-no-results .btn.small, .cv-notification.info #printPanel input.small, .lucene-messages .cv-notification.lucene-message #printPanel input.small, .cv-notification.grid-no-results #printPanel input.small, #printPanel .cv-notification.info input.small, #printPanel .lucene-messages .cv-notification.lucene-message input.small, .lucene-messages #printPanel .cv-notification.lucene-message input.small, #printPanel .cv-notification.grid-no-results input.small {
    color: #3d93b0;
}
.cv-notification.info .btn.small:hover, .lucene-messages .cv-notification.lucene-message .btn.small:hover, .cv-notification.grid-no-results .btn.small:hover, .cv-notification.info #printPanel input.small:hover, .lucene-messages .cv-notification.lucene-message #printPanel input.small:hover, .cv-notification.grid-no-results #printPanel input.small:hover, #printPanel .cv-notification.info input.small:hover, #printPanel .lucene-messages .cv-notification.lucene-message input.small:hover, .lucene-messages #printPanel .cv-notification.lucene-message input.small:hover, #printPanel .cv-notification.grid-no-results input.small:hover, .cv-notification.info .btn.small:focus, .lucene-messages .cv-notification.lucene-message .btn.small:focus, .cv-notification.grid-no-results .btn.small:focus, .cv-notification.info #printPanel input.small:focus, .lucene-messages .cv-notification.lucene-message #printPanel input.small:focus, .cv-notification.grid-no-results #printPanel input.small:focus, #printPanel .cv-notification.info input.small:focus, #printPanel .lucene-messages .cv-notification.lucene-message input.small:focus, .lucene-messages #printPanel .cv-notification.lucene-message input.small:focus, #printPanel .cv-notification.grid-no-results input.small:focus {
    color: #3d93b0;
}
.cv-notification.success {
    background: #3e8468;
    color: white;
    border-color: #3e8468;
}
.cv-notification.success:before {
    content: "";
}
.cv-notification.success .btn.small, .cv-notification.success #printPanel input.small, #printPanel .cv-notification.success input.small {
    color: #3e8468;
}
.cv-notification.success .btn.small:hover, .cv-notification.success #printPanel input.small:hover, #printPanel .cv-notification.success input.small:hover, .cv-notification.success .btn.small:focus, .cv-notification.success #printPanel input.small:focus, #printPanel .cv-notification.success input.small:focus {
    color: #3e8468;
}
.cv-notification.warning, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean {
    background: #f0b529;
    color: #231f20;
    border-color: #f0b529;
}
.cv-notification.warning:before, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean:before {
    content: "";
}
.cv-notification.warning .btn.small, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean .btn.small, .cv-notification.warning #printPanel input.small, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean #printPanel input.small, #printPanel .cv-notification.warning input.small, #printPanel .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean input.small, .lucene-messages #printPanel .cv-notification.lucene-message.lucene-did-you-mean input.small {
    color: #f0b529;
}
.cv-notification.warning .btn.small:hover, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean .btn.small:hover, .cv-notification.warning #printPanel input.small:hover, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean #printPanel input.small:hover, #printPanel .cv-notification.warning input.small:hover, #printPanel .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean input.small:hover, .lucene-messages #printPanel .cv-notification.lucene-message.lucene-did-you-mean input.small:hover, .cv-notification.warning .btn.small:focus, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean .btn.small:focus, .cv-notification.warning #printPanel input.small:focus, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean #printPanel input.small:focus, #printPanel .cv-notification.warning input.small:focus, #printPanel .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean input.small:focus, .lucene-messages #printPanel .cv-notification.lucene-message.lucene-did-you-mean input.small:focus {
    color: #f0b529;
}
.cv-notification.warning .close, .lucene-messages .cv-notification.lucene-message.lucene-did-you-mean .close {
    color: #231f20;
}
.cv-notification.error {
    background: #d4484c;
    color: white;
    border-color: #d4484c;
}
.cv-notification.error:before {
    content: "";
}
.cv-notification.error .btn.small, .cv-notification.error #printPanel input.small, #printPanel .cv-notification.error input.small {
    color: #d4484c;
}
.cv-notification.error .btn.small:hover, .cv-notification.error #printPanel input.small:hover, #printPanel .cv-notification.error input.small:hover, .cv-notification.error .btn.small:focus, .cv-notification.error #printPanel input.small:focus, #printPanel .cv-notification.error input.small:focus {
    color: #d4484c;
}
.cv-notification.error .close {
    color: #d4484c;
}

.notification-message {
    padding-top: 3px;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 500;
}
.notification-message a {
    color: white;
    text-decoration: underline;
}

.notification-content {
    padding-right: 50px;
    padding-left: 30px;
}
.cv-notification.error .notification-content {
    padding-right: 30px;
}

.notification-actions {
    padding: 15px 0 5px;
}
.notification-actions::after {
    clear: both;
    content: "";
    display: block;
}
.notification-actions .btn.small, .notification-actions #printPanel input.small, #printPanel .notification-actions input.small {
    text-decoration: none;
    padding: 5px;
    margin-left: 0px;
    background: white;
    border-color: white;
    color: #a5adad;
    border-radius: 5px;
}

/*------------------------------------*\
    Status
\*------------------------------------*/
.status-info {
    color: #3d93b0;
}

.status-active {
    color: #3e8468;
}

.status-error {
    color: #d4484c;
}

.status-warning {
    color: #f0b529;
}

/*------------------------------------*\
    Lucene Messages
\*------------------------------------*/
.lucene-messages {
    margin-bottom: 20px;
}
.lucene-messages::after {
    clear: both;
    content: "";
    display: block;
}
.lucene-messages .lucene-message.lucene-did-you-mean a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    color: #231f20;
}
.lucene-messages .lucene-message.lucene-did-you-mean a:hover, .lucene-messages .lucene-message.lucene-did-you-mean a:focus {
    text-decoration: underline;
}

/*------------------------------------*\
    Modals
\*------------------------------------*/
.fancybox-overlay {
    background: rgba(0, 0, 0, 0.56);
    z-index: 100000;
}

.fancybox-skin {
    border-radius: 10px;
    padding: 0 !important;
}

.fancybox-inner {
    border-radius: 10px;
}

.modal-header,
.modal-content,
.modal-footer {
    clear: both;
    padding: 15px;
    position: relative;
}
.modal-header::after,
.modal-content::after,
.modal-footer::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .modal-header,
.modal-content,
.modal-footer {
        min-width: 720px;
    }
}

.modal-header {
    background: #1c365f;
    color: white;
    font-size: 22px;
    border-radius: 10px 10px 0 0;
    font-weight: 600;
}
@media (min-width: 768px) {
    .modal-header {
        font-size: 32px;
    }
}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header span {
    color: white;
    display: block;
    padding: 0 0 5px;
    font-size: 22px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .modal-header h1, .modal-header h2, .modal-header h3, .modal-header span {
        font-size: 32px;
    }
}
.modal-header span.ico-heading::before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.modal-content {
    background: transparent;
    max-height: 750px;
    overflow: auto;
}
.modal-content .stock-to-receive-grid .data-list-view-basic .cv-data-zone-3 .data-item-action {
    padding: 5px;
}
.modal-content .stock-to-receive-grid .data-list-view-basic .grid-row {
    padding: 5px;
}
.modal-content .stock-to-receive-grid .data-list-view-basic .grid-row:nth-child(2n) {
    background: #f0f0f0;
}
.modal-content .data-list-view-basic .cv-data-zone-3 .data-item-action {
    padding: 5px;
}
.modal-content .data-list-view-basic .grid-row {
    padding: 5px;
}
.modal-content .data-list-view-basic .grid-row:nth-child(2n) {
    background: #f0f0f0;
}

.modal-footer {
    border-radius: 0 0 10px 10px;
    background: #f8f8f8;
}
.modal-footer:empty {
    background: transparent;
    padding: 0;
}
.device-Mobile .modal-footer .btn, .device-Mobile .modal-footer #printPanel input, #printPanel .device-Mobile .modal-footer input {
    width: 100% !important;
    height: 40px;
    margin: 10px 0 !important;
    padding: 5px !important;
}
.modal-footer .btn + .btn, .modal-footer #printPanel input + .btn, #printPanel .modal-footer input + .btn, .modal-footer #printPanel .btn + input, #printPanel .modal-footer .btn + input, .modal-footer #printPanel input + input, #printPanel .modal-footer input + input {
    margin: 0 2px 2px 2px;
}

.jobs-modal-class .modal-footer .cv-cancel {
    display: none;
}

#cv-job-dialog .modal-footer .cv-cancel {
    display: none;
}
#cv-job-dialog .modal-content .form-label {
    float: none;
}

.fancybox-close {
    background: white;
    top: -10px;
    right: -12px;
    color: #1e3232;
    border-radius: 100px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    width: 25px;
    height: 25px;
}
.fancybox-close:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fancybox-close:before {
    content: "";
}
.fancybox-close::before {
    position: relative;
    top: 3px;
    left: 4px;
    font-size: 18px;
    color: #042242;
}
.fancybox-close:hover, .fancybox-close:focus {
    background: #d4484c;
}
.fancybox-close:hover::before, .fancybox-close:focus::before {
    color: white;
}

@media (min-width: 768px) {
    .modal-width-medium {
        width: 800px;
    }
}

@media (min-width: 768px) {
    .modal-width-large {
        width: 1000px;
    }
}

.fancybox-type-image * {
    border-radius: 20px;
}

/* Modal Window Fix */
.device-Mobile .fancybox-overlay,
.device-Tablet .fancybox-overlay,
.device-Desktop .fancybox-overlay {
    z-index: 100000;
}

.device-Mobile .fancybox-overlay .fancybox-wrap,
.device-Tablet .fancybox-overlay .fancybox-wrap,
.device-Desktop .fancybox-overlay .fancybox-wrap {
    z-index: 1000000;
}

.device-Mobile .fancybox-wrap,
.device-Tablet .fancybox-wrap,
.device-Desktop .fancybox-wrap {
    z-index: 1000000;
}

/*------------------------------------*\
    Tables
\*------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table.content-table {
    width: 100%;
    border: 1px solid black;
    background: white;
    text-align: left;
}
table.content-table td,
table.content-table th {
    padding: 5px;
}
table.content-table thead {
    background: #1e3232;
    color: white;
}
table.content-table tbody td {
    border: 1px solid #1e3232;
}

.table-layout {
    font-size: 14px;
    margin: 14px 0;
    position: relative;
}
.table-layout .heading-row {
    background: #1c365f;
    color: white;
    padding: 5px;
    font-weight: 700;
    position: relative;
}
.table-layout .heading-row .sortable-heading {
    cursor: pointer;
    display: block;
}
.table-layout .heading-row .sortable-heading:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.table-layout .heading-row .sortable-heading:before {
    float: right;
    content: "";
}
.table-layout .content-row {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.table-layout .content-row a {
    color: #1e3232;
}
.table-layout .content-row:nth-child(2n) {
    background: #fafafa;
}
.table-layout .content-row:hover {
    background: #e1eff5;
}
.table-layout .cv-is-processing-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
}
.table-layout .cv-is-processing-overlay .cv-is-processing-message {
    color: #1e3232;
    display: block;
    text-align: center;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
}
.table-layout .cv-is-processing-overlay .cv-is-processing-message:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.table-layout .cv-is-processing-overlay .cv-is-processing-message:before {
    content: "";
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.table-layout .cv-is-processing-overlay .cv-is-processing-message:before {
    display: inline-block;
    animation: spin 1.25s infinite linear;
    margin: 0 8px 0 0;
}

.page-content > table {
    table-layout: fixed;
}

/*------------------------------------*\
    Tooltips
\*------------------------------------*/
.cv-html-tooltip {
    float: left;
    position: relative;
    cursor: pointer;
    padding: 10px;
    display: inline-block;
    /* tranisition of box */
}
.cv-html-tooltip:hover .cv-html-tooltip-content {
    visibility: visible;
}
.cv-html-tooltip .cv-html-tooltip-content {
    background: #1c365f;
    padding: 8px 10px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    position: absolute;
    min-width: 150px;
    max-width: 300px;
    z-index: 1000;
    border-radius: 5px;
    visibility: hidden;
    vertical-align: middle;
    color: white;
    text-shadow: 0 -1px 0px #01384d;
    font-size: 12px;
    line-height: 12px;
    transition: 0.2s ease-out;
}
.cv-html-tooltip .cv-html-tooltip-content:after {
    position: absolute;
    text-shadow: none;
    content: "";
    background: transparent;
    border: 6px solid transparent;
}
.cv-html-tooltip.tooltip-top-right .cv-html-tooltip-content, .cv-html-tooltip.tooltip-top-left .cv-html-tooltip-content {
    bottom: 100%;
}
.cv-html-tooltip.tooltip-top-right .cv-html-tooltip-content:after, .cv-html-tooltip.tooltip-top-left .cv-html-tooltip-content:after {
    bottom: -12px;
    right: 15px;
    border-top-color: #1c365f;
}
.cv-html-tooltip.tooltip-top-right .cv-html-tooltip-content {
    right: 0;
}
.cv-html-tooltip.tooltip-top-left .cv-html-tooltip-content {
    left: 5px;
}
.cv-html-tooltip.tooltip-bottom-left .cv-html-tooltip-content {
    left: 5px;
    top: 100%;
}
.cv-html-tooltip.tooltip-bottom-left .cv-html-tooltip-content:after {
    top: -12px;
    left: 15px;
    border-bottom-color: #1c365f;
}
.cv-html-tooltip.tooltip-bottom .cv-html-tooltip-content:after, .cv-html-tooltip.tooltip-top .cv-html-tooltip-content:after {
    top: -12px;
    left: calc((50%) - 5px);
    border-bottom-color: #1c365f;
}
.cv-html-tooltip.tooltip-top .cv-html-tooltip-content {
    left: calc((50%) - 150px);
    bottom: 100%;
}
.cv-html-tooltip.tooltip-bottom .cv-html-tooltip-content {
    right: calc((50%) - 150px);
    top: 100%;
}
.cv-html-tooltip.tooltip-bottom-right .cv-html-tooltip-content {
    right: 5px;
    top: 100%;
}
.cv-html-tooltip.tooltip-bottom-right .cv-html-tooltip-content:after {
    top: -12px;
    right: 15px;
    border-bottom-color: #1c365f;
}
.cv-html-tooltip.tooltip-right .cv-html-tooltip-content {
    left: 100%;
    bottom: 0;
}
.cv-html-tooltip.tooltip-right .cv-html-tooltip-content:after {
    bottom: 15px;
    left: -11px;
    border-right-color: #1c365f;
}
.cv-html-tooltip.tooltip-left .cv-html-tooltip-content {
    right: 100%;
    bottom: 0;
}
.cv-html-tooltip.tooltip-left .cv-html-tooltip-content:after {
    bottom: 15px;
    right: -11px;
    border-left-color: #1c365f;
}
.cv-html-tooltip.tooltip-top:hover .cv-html-tooltip-content, .cv-html-tooltip.tooltip-right:hover .cv-html-tooltip-content, .cv-html-tooltip.tooltip-bottom-right:hover .cv-html-tooltip-content, .cv-html-tooltip.tooltip-top-right:hover .cv-html-tooltip-content {
    transform: translate(5px, 0);
}
.cv-html-tooltip.cv-html-tooltip.tooltip-bottom:hover .cv-html-tooltip-content, .cv-html-tooltip.cv-html-tooltip.tooltip-bottom-left:hover .cv-html-tooltip-content, .cv-html-tooltip.cv-html-tooltip.tooltip-left:hover .cv-html-tooltip-content, .cv-html-tooltip.cv-html-tooltip.tooltip-top-left:hover .cv-html-tooltip-content {
    transform: translate(-5px, 0);
}

/*------------------------------------*\
    VALIDATION TOOLTIPS
\*------------------------------------*/
/**
 * source: tooltip-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 *
 * Classes added:
 * 	1) tooltip
 */
.tooltip,
[data-tooltip] {
    position: relative;
    display: inline-block;
    /**
    * tooltip arrow
    */
    /**
    * tooltip body
    */
}
.tooltip:before, .tooltip:after,
[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 10000;
    pointer-events: none;
    transition: 0.3s ease;
}
.tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after,
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    visibility: visible;
    opacity: 1;
}
.tooltip:before,
[data-tooltip]:before {
    content: "";
    position: absolute;
    background: transparent;
    border: 8px solid transparent;
    z-index: 1000001;
}
.tooltip:after,
[data-tooltip]:after {
    content: attr(data-tooltip);
    background: #1c365f;
    color: white;
    text-shadow: 0 -1px 0px black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    width: 200px;
}
@media (min-width: 992px) {
    .tooltip:after,
[data-tooltip]:after {
        white-space: nowrap;
        width: auto;
    }
}

/**
 * source: tooltip-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) tooltip-top
 * 	2) tooltip-bottom
 * 	3) tooltip-left
 * 	4) tooltip-right
 */
/**
 * set default color for tooltip arrows
 */
.tooltip-top:before {
    border-top-color: #1c365f;
}

.tooltip-bottom:before {
    border-bottom-color: #1c365f;
}

.tooltip-left:before {
    border-left-color: #1c365f;
}

.tooltip-right:before {
    border-right-color: #1c365f;
}

/**
 * top tooltip
 */
.tooltip-top-left:before,
.tooltip-top:before {
    margin-bottom: -16px;
}
.tooltip-top-left:after,
.tooltip-top:after {
    margin-left: -18px;
}
.tooltip-top-left:before, .tooltip-top-left:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
    left: 18px;
}
.tooltip-top-left:hover:after, .tooltip-top-left:hover:before, .tooltip-top-left:focus:after, .tooltip-top-left:focus:before,
.tooltip-top:hover:after,
.tooltip-top:hover:before,
.tooltip-top:focus:after,
.tooltip-top:focus:before {
    transform: translateY(-8px);
}

.tooltip-top-middle:before {
    border-top-color: #1c365f;
    right: calc((50%) - 6px);
    top: 0;
}
.tooltip-top-middle:after {
    bottom: 100%;
    left: 0;
}
.tooltip-top-middle:hover:before, .tooltip-top-middle:focus:before {
    top: -10px;
}
.tooltip-top-middle:hover:after, .tooltip-top-middle:focus:after {
    margin-bottom: 10px;
}

.tooltip-top-right:before {
    border-top-color: #1c365f;
    right: 18px;
    top: -10px;
}
.tooltip-top-right:after {
    right: 8px;
    bottom: 100%;
    margin-bottom: 10px;
}
.tooltip-top-right:hover:before, .tooltip-top-right:focus:before {
    right: 8px;
}
.tooltip-top-right:hover:after, .tooltip-top-right:focus:after {
    right: 0px;
}

/**
 * bottom tooltip
 */
.tooltip-bottom-left:before,
.tooltip-bottom:before {
    margin-top: -16px;
}
.tooltip-bottom-left:after,
.tooltip-bottom:after {
    margin-left: -18px;
}
.tooltip-bottom-left:before, .tooltip-bottom-left:after,
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    left: 18px;
}
.tooltip-bottom-left:hover:after, .tooltip-bottom-left:hover:before, .tooltip-bottom-left:focus:after, .tooltip-bottom-left:focus:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:hover:before,
.tooltip-bottom:focus:after,
.tooltip-bottom:focus:before {
    transform: translateY(8px);
}

.tooltip-bottom-middle:before {
    border-bottom-color: #1c365f;
    bottom: 0;
    right: calc((50%) - 6px);
}
.tooltip-bottom-middle:after {
    top: 100%;
    left: 0;
}
.tooltip-bottom-middle:hover:before, .tooltip-bottom-middle:focus:before {
    bottom: -10px;
}
.tooltip-bottom-middle:hover:after, .tooltip-bottom-middle:focus:after {
    margin-top: 10px;
}

.tooltip-bottom-right:before {
    border-bottom-color: #1c365f;
    bottom: -10px;
    right: 28px;
}
.tooltip-bottom-right:after {
    margin-top: 10px;
    right: 10px;
    top: 100%;
}
.tooltip-bottom-right:hover:before, .tooltip-bottom-right:focus:before {
    right: 18px;
}
.tooltip-bottom-right:hover:after, .tooltip-bottom-right:focus:after {
    right: 0;
}

/**
 * right tooltip
 */
.tooltip-right:before {
    margin-left: -16px;
    margin-bottom: -8px;
}
.tooltip-right:after {
    margin-bottom: -14px;
}
.tooltip-right:before, .tooltip-right:after {
    left: 100%;
    bottom: 50%;
}
.tooltip-right:hover:after, .tooltip-right:hover:before, .tooltip-right:focus:after, .tooltip-right:focus:before {
    transform: translateX(8px);
}

/**
 * left tooltip
 */
.tooltip-left:before {
    margin-right: -16px;
    margin-bottom: -8px;
}
.tooltip-left:after {
    margin-bottom: -14px;
}
.tooltip-left:before, .tooltip-left:after {
    right: 100%;
    bottom: 50%;
}
.tooltip-left:hover:after, .tooltip-left:hover:before, .tooltip-left:focus:after, .tooltip-left:focus:before {
    transform: translateX(-8px);
}

/**
 * source: tooltip-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 * 	1) tooltip-error
 * 	2) tooltip-warning
 * 	3) tooltip-info
 * 	4) tooltip-success
 *
 */
/**
 * Error
 */
.tooltip-error:after {
    background-color: #D82A2B;
    text-shadow: 1px 1px 0px #6e1415;
}
.tooltip-error.tooltip-top:before {
    border-top-color: #D82A2B;
}
.tooltip-error.tooltip-bottom:before {
    border-bottom-color: #D82A2B;
}
.tooltip-error.tooltip-left:before {
    border-left-color: #D82A2B;
}
.tooltip-error.tooltip-right:before {
    border-right-color: #D82A2B;
}

/**
 * Warning
 */
.tooltip-warning:after {
    background-color: #F58228;
    text-shadow: 1px 1px 0px #974607;
}
.tooltip-warning.tooltip-top:before {
    border-top-color: #F58228;
}
.tooltip-warning.tooltip-bottom:before {
    border-bottom-color: #F58228;
}
.tooltip-warning.tooltip-left:before {
    border-left-color: #F58228;
}
.tooltip-warning.tooltip-right:before {
    border-right-color: #F58228;
}

/**
 * Info
 */
.tooltip-info:after {
    background-color: #22B8B0;
    text-shadow: 1px 1px 0px #0e4c49;
}
.tooltip-info.tooltip-top:before {
    border-top-color: #22B8B0;
}
.tooltip-info.tooltip-bottom:before {
    border-bottom-color: #22B8B0;
}
.tooltip-info.tooltip-left:before {
    border-left-color: #22B8B0;
}
.tooltip-info.tooltip-right:before {
    border-right-color: #22B8B0;
}

/**
 * Success
 */
.tooltip-success:after {
    background-color: #71B55E;
    text-shadow: 1px 1px 0px #3a652e;
}
.tooltip-success.tooltip-top:before {
    border-top-color: #71B55E;
}
.tooltip-success.tooltip-bottom:before {
    border-bottom-color: #71B55E;
}
.tooltip-success.tooltip-left:before {
    border-left-color: #71B55E;
}
.tooltip-success.tooltip-right:before {
    border-right-color: #71B55E;
}

/**
 * source: tooltip-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 * 	1) tooltip-always
 *
 */
.tooltip-always:after, .tooltip-always:before {
    opacity: 1;
    visibility: visible;
}
.tooltip-always.tooltip-top-left:after, .tooltip-always.tooltip-top-left:before, .tooltip-always.tooltip-top:after, .tooltip-always.tooltip-top:before {
    transform: translateY(-8px);
}
.tooltip-always.tooltip-bottom-left:after, .tooltip-always.tooltip-bottom-left:before, .tooltip-always.tooltip-bottom:after, .tooltip-always.tooltip-bottom:before {
    transform: translateY(8px);
}
.tooltip-always.tooltip-left:after, .tooltip-always.tooltip-left:before {
    transform: translateX(-8px);
}
.tooltip-always.tooltip-right:after, .tooltip-always.tooltip-right:before {
    transform: translateX(8px);
}

/**
 * source: tooltip-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 * 	1) tooltip-rounded
 *
 */
.tooltip-rounded:after {
    border-radius: 4px;
}

/**
 * source: tooltip-effects.scss
 *
 * Defines various transition effects for the tooltips.
 *
 * Classes added:
 * 	1) tooltip-bounce
 *
 */
.tooltip-bounce:before, .tooltip-bounce:after {
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

.no-tooltip:before, .no-tooltip:after {
    display: none;
}

/*------------------------------------*\
    Typography
\*------------------------------------*/
html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    color: black;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
h1.ico-heading:before, h2.ico-heading:before, h3.ico-heading:before, h4.ico-heading:before, h5.ico-heading:before, h6.ico-heading:before {
    display: none;
    position: relative;
    top: 1px;
    margin-right: 2px;
}

h1 {
    font-size: 24px;
}
@media (min-width: 992px) {
    h1 {
        font-size: 40px;
    }
}

h2 {
    font-size: 20px;
}
@media (min-width: 992px) {
    h2 {
        font-size: 22px;
    }
}

h3 {
    font-size: 16px;
}
@media (min-width: 992px) {
    h3 {
        font-size: 18px;
    }
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 14px;
}

p {
    line-height: 1.82;
}

a {
    outline: none;
    text-decoration: none;
    color: #014985;
}

.subtitle {
    font-weight: normal;
    font-size: 14px;
    margin-top: 10px;
}

.default.text {
    color: #042242;
}
.default.background {
    background: #042242;
}
.default.lighter.text {
    color: #073b72;
}
.default.lighter.background {
    background: #073b72;
}
.default.darker.text {
    color: #010912;
}
.default.darker.background {
    background: #010912;
}

.primary.text {
    color: #1c365f;
}
.primary.background {
    background: #1c365f;
}
.primary.lighter.text {
    color: #284c86;
}
.primary.lighter.background {
    background: #284c86;
}
.primary.darker.text {
    color: #102038;
}
.primary.darker.background {
    background: #102038;
}

.secondary.text {
    color: #f3b311;
}
.secondary.background {
    background: #f3b311;
}
.secondary.lighter.text {
    color: #f5c342;
}
.secondary.lighter.background {
    background: #f5c342;
}
.secondary.darker.text {
    color: #c7910a;
}
.secondary.darker.background {
    background: #c7910a;
}

.alternate.text {
    color: #014985;
}
.alternate.background {
    background: #014985;
}
.alternate.lighter.text {
    color: #0165b8;
}
.alternate.lighter.background {
    background: #0165b8;
}
.alternate.darker.text {
    color: #012d52;
}
.alternate.darker.background {
    background: #012d52;
}

.black.text {
    color: #1e3232;
}
.black.background {
    background: #1e3232;
}
.black.lighter.text {
    color: #315252;
}
.black.lighter.background {
    background: #315252;
}
.black.darker.text {
    color: #0b1212;
}
.black.darker.background {
    background: #0b1212;
}

.info.text, .text.grid-no-results, .lucene-messages .text.lucene-message {
    color: #22B8B0;
}
.info.background, .background.grid-no-results, .lucene-messages .background.lucene-message {
    background: #22B8B0;
}

.success.text {
    color: #71B55E;
}
.success.background {
    background: #71B55E;
}

.warning.text, .lucene-messages .text.lucene-message.lucene-did-you-mean {
    color: #F58228;
}
.warning.background, .lucene-messages .background.lucene-message.lucene-did-you-mean {
    background: #F58228;
}

.error.text {
    color: #D82A2B;
}
.error.background {
    background: #D82A2B;
}

@media (min-width: 992px) {
    .colour-item {
        width: 20%;
        float: left;
        padding: 5px;
    }
}

.example-area {
    margin: 4em 0;
}
.example-area .background {
    width: 4em;
    height: 4em;
    border-radius: 4em;
}

hr {
    margin: 14px 0 50px;
    box-sizing: border-box;
}

small {
    font-size: 12px;
}

.address {
    clear: both;
    display: block;
}

/*------------------------------------*\
    Navigation Mobile
\*------------------------------------*/
.mobile-menu {
    display: none;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    transform-style: preserve-3d;
}
.dl-menuwrapper ul.dl-submenu {
    padding: 0 !important;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 8px 2%;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    outline: none;
}

.dl-menuwrapper li > a:after {
    right: 2%;
}

.dl-menuwrapper .dl-menu {
    margin: 0px 0 0 0;
    width: 100%;
    pointer-events: none;
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    pointer-events: auto;
    transform: translateY(0px);
    display: block;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 20px;
    margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    animation: MenuAnimOut5 0.4s ease;
}
@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}
@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}
@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes MenuAnimOut4 {
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}
@keyframes MenuAnimOut5 {
    100% {
        transform: translateY(40%);
        opacity: 0;
    }
}
.dl-menu.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    animation: MenuAnimIn5 0.4s ease;
}
@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn4 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn5 {
    0% {
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    animation: SubMenuAnimIn5 0.4s ease;
}
@keyframes SubMenuAnimIn1 {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn4 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn5 {
    0% {
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    animation: SubMenuAnimOut5 0.4s ease;
}
@keyframes SubMenuAnimOut1 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut4 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut5 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        transform: translateZ(-200px);
        opacity: 0;
    }
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: "";
}

.dummy-button {
    position: absolute;
    left: -999em;
}

.widget-mobile-category-menu .second-level.expandable-toggle.Clearance {
    background: #ffd4d2;
}
.widget-mobile-category-menu .second-level.expandable-toggle.Clearance .third-level a:hover {
    color: #FF0000;
}

/*------------------------------------*\
    Navigation Desktop
\*------------------------------------*/
/*------------------------------------*\
    Widget - Account Select
\*------------------------------------*/
.widget-account-select {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
}
@media (min-width: 768px) {
    .widget-account-select .search-options .form-fieldset {
        width: auto;
        clear: none;
        margin-bottom: 0;
    }
    .widget-account-select .search-options .form-fieldset input {
        margin-bottom: 0;
    }
}

.number-results-row {
    font-size: 12px;
}

/*------------------------------------*\
    Widget - Banner Slider
\*------------------------------------*/
.widget-banner-slider {
    clear: both;
    position: relative;
}
.widget-banner-slider::after {
    clear: both;
    content: "";
    display: block;
}
.widget-banner-slider img,
.widget-banner-slider .banner-caption {
    display: none;
}
.widget-banner-slider .owl-item .gallery-slide::after {
    clear: both;
    content: "";
    display: block;
}
.widget-banner-slider .owl-item .gallery-slide img {
    display: block;
    float: left;
}
.widget-banner-slider .owl-item .banner-caption {
    display: block;
}
.widget-banner-slider .container {
    position: relative;
    background: rgba(0, 0, 0, 0.25);
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
}
.widget-banner-slider .banner-caption {
    position: absolute;
    top: 10%;
    padding: 10px;
    color: white;
    text-align: center;
    left: 0;
    width: 100%;
    line-height: initial;
    padding: 0 15px;
}
.widget-banner-slider .banner-caption::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .widget-banner-slider .banner-caption {
        line-height: 1.8;
        top: 120px;
        padding: 20px;
        padding: 0;
    }
}
.widget-banner-slider .banner-caption h1.heading {
    font-size: 48px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    color: white;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    padding: 0 0 20px;
}
@media (min-width: 1260px) {
    .widget-banner-slider .banner-caption h1.heading {
        font-size: 90px;
        padding: 0;
    }
}
.widget-banner-slider .banner-caption span.subtitle {
    font-size: 16Rpx;
    font-weight: 500;
    display: block;
    margin: -10px 0 25px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);
}
@media (min-width: 1260px) {
    .widget-banner-slider .banner-caption span.subtitle {
        font-size: 28px;
        font-style: italic;
    }
}
.widget-banner-slider .banner-caption .btn, .widget-banner-slider .banner-caption #printPanel input, #printPanel .widget-banner-slider .banner-caption input {
    float: none;
    display: inline-block;
    clear: both;
}
.widget-banner-slider .owl-controls {
    margin: -30px 0 0;
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons {
    display: none;
    margin: 0 !important;
}
@media (min-width: 992px) {
    .widget-banner-slider .owl-controls .owl-nav.owl-buttons {
        display: block;
    }
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev {
    left: 0;
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before {
    content: "";
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev::before {
    position: relative;
    top: 14px;
    left: 0;
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next {
    right: 0;
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next:before {
    content: "";
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next::before {
    position: relative;
    top: 14px;
    right: 0;
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev,
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next {
    position: absolute;
    top: 42.5%;
    font-size: 0;
    background: rgba(0, 0, 0, 0.7);
    height: 50px;
    width: 25px;
    opacity: 0.4;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0;
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev::before,
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next::before {
    font-size: 22px;
    color: white;
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev:hover, .widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev:focus,
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next:hover,
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next:focus {
    opacity: 1;
    background: #1c365f;
}
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev:hover::before, .widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-prev:focus::before,
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next:hover::before,
.widget-banner-slider .owl-controls .owl-nav.owl-buttons .owl-next:focus::before {
    color: white;
}
.widget-banner-slider .owl-controls .owl-dots {
    position: relative;
}
.widget-banner-slider .owl-controls .owl-dots .owl-dot span {
    background: #9b918c;
    width: 40px;
    height: 4px;
    border-radius: 0;
}
.widget-banner-slider .owl-controls .owl-dots .owl-dot.active span {
    background: #1c365f;
    background: #f3b311;
}
.widget-banner-slider .owl-controls .owl-dots .owl-dot:hover span {
    background: #284c86;
    background: #f5c342;
}

.no-controls .owl-nav,
.no-controls .owl-controls {
    display: none;
}

.owl-controls.disabled {
    display: none;
}

.widget-banner-slider.brand-slider .gallery-slide img {
    padding: 40px;
}

.gallery-slide {
    position: relative;
}
.gallery-slide img {
    float: left;
    width: 100%;
}
.gallery-slide img:not([src]) {
    display: none;
    color: transparent;
}
.gallery-slide .item-video {
    display: block;
    background: #000;
    height: 100%;
    width: 100%;
    min-height: 600px;
}
.device-Mobile .gallery-slide .item-video {
    min-height: 250px;
}
.gallery-slide .item-video .owl-video-wrapper {
    display: block;
    height: 100%;
    width: 100%;
    min-height: inherit;
}
.gallery-slide .item-video .owl-video-wrapper .owl-video-frame iframe {
    float: left;
    margin: 0;
}
.gallery-slide .item-video .owl-video-wrapper .owl-video-tn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.owl-carousel .owl-video-play-icon {
    font-size: 80px;
    background: none;
    color: white;
}
.owl-carousel .owl-video-play-icon:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.owl-carousel .owl-video-play-icon:before {
    content: "";
}

/*------------------------------------*\
    Widget - Breadcrumb
\*------------------------------------*/
.widget-breadcrumb {
    font-size: 10px;
    padding: 14px;
    margin: 0;
    background: #f3f3f3;
}
@media (min-width: 992px) {
    .widget-breadcrumb {
        font-size: 12px;
    }
}
.widget-breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-breadcrumb ul li {
    display: inline-block;
    padding: 0 0 0 5px;
}
.widget-breadcrumb ul li::after {
    content: "/";
    display: inline-block;
    padding-left: 5px;
}
.widget-breadcrumb ul li:first-child {
    padding-left: 0;
}
.widget-breadcrumb ul li.last-breadcrumb-item::after {
    display: none;
}
.widget-breadcrumb ul li a:hover {
    text-decoration: underline;
}

/*------------------------------------*\
    Widget - Campaign Slider
    Widget - Cross Sell / Up Sell
    Widget - Recently Viewed
\*------------------------------------*/
.widget-campaign-slider,
.widget-cross-sell-up-sell,
.widget-recently-viewed-products {
    clear: both;
    display: block;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
.widget-campaign-slider::after,
.widget-cross-sell-up-sell::after,
.widget-recently-viewed-products::after {
    clear: both;
    content: "";
    display: block;
}
.widget-campaign-slider .product-grid.grid > div,
.widget-cross-sell-up-sell .product-grid.grid > div,
.widget-recently-viewed-products .product-grid.grid > div {
    display: block;
}
@media (min-width: 768px) {
    .widget-campaign-slider,
.widget-cross-sell-up-sell,
.widget-recently-viewed-products {
        max-width: initial;
        margin: 0;
        float: left;
    }
}
.widget-campaign-slider h2,
.widget-campaign-slider h2.subtitle,
.widget-cross-sell-up-sell h2,
.widget-cross-sell-up-sell h2.subtitle,
.widget-recently-viewed-products h2,
.widget-recently-viewed-products h2.subtitle {
    padding: 14px;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.widget-campaign-slider h2:before,
.widget-campaign-slider h2.subtitle:before,
.widget-cross-sell-up-sell h2:before,
.widget-cross-sell-up-sell h2.subtitle:before,
.widget-recently-viewed-products h2:before,
.widget-recently-viewed-products h2.subtitle:before {
    margin-right: 10px;
}
.widget-campaign-slider .carousel-number,
.widget-cross-sell-up-sell .carousel-number,
.widget-recently-viewed-products .carousel-number {
    text-align: center;
    font-size: 12px;
    display: block;
}
.widget-campaign-slider .owl-controls,
.widget-cross-sell-up-sell .owl-controls,
.widget-recently-viewed-products .owl-controls {
    margin: 0 !important;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons {
    margin: 0 !important;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev {
    left: -35px;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev:before {
    content: "";
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev::before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev::before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev::before {
    position: relative;
    left: -6px;
    top: 20px;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next {
    right: -35px;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next:before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next:before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next:before {
    content: "";
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next::before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next::before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next::before {
    position: relative;
    right: 6px;
    top: 20px;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev,
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next {
    position: absolute;
    top: calc((50%) - 70px);
    font-size: 0;
    background: transparent;
    border-radius: 0;
    height: 80px;
    width: 30px;
    opacity: 0.25;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next:before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next:before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev::before,
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next::before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev::before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next::before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev::before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next::before {
    font-size: 50px;
    color: #1e3232;
    left: -17px;
    top: 10px;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev:hover, .widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev:focus,
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next:hover,
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next:focus,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev:hover,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev:focus,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next:hover,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next:focus,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev:hover,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev:focus,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next:hover,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next:focus {
    opacity: 1;
}
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev:hover::before, .widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-prev:focus::before,
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next:hover::before,
.widget-campaign-slider .owl-controls .owl-nav.owl-buttons .owl-next:focus::before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev:hover::before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-prev:focus::before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next:hover::before,
.widget-cross-sell-up-sell .owl-controls .owl-nav.owl-buttons .owl-next:focus::before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev:hover::before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-prev:focus::before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next:hover::before,
.widget-recently-viewed-products .owl-controls .owl-nav.owl-buttons .owl-next:focus::before {
    color: #1e3232;
}
.widget-campaign-slider .owl-controls .owl-dots,
.widget-cross-sell-up-sell .owl-controls .owl-dots,
.widget-recently-viewed-products .owl-controls .owl-dots {
    margin-top: 0;
    position: relative;
}
.widget-campaign-slider .owl-controls .owl-dots .owl-dot span,
.widget-cross-sell-up-sell .owl-controls .owl-dots .owl-dot span,
.widget-recently-viewed-products .owl-controls .owl-dots .owl-dot span {
    background: #9b918c;
    width: 20px;
    height: 4px;
    border-radius: 0;
}
.widget-campaign-slider .owl-controls .owl-dots .owl-dot.active span,
.widget-cross-sell-up-sell .owl-controls .owl-dots .owl-dot.active span,
.widget-recently-viewed-products .owl-controls .owl-dots .owl-dot.active span {
    background: #1c365f;
    background: #f3b311;
}
.widget-campaign-slider .owl-controls .owl-dots .owl-dot:hover span,
.widget-cross-sell-up-sell .owl-controls .owl-dots .owl-dot:hover span,
.widget-recently-viewed-products .owl-controls .owl-dots .owl-dot:hover span {
    background: #284c86;
    background: #f5c342;
}
.page-home .widget-campaign-slider.spacing-top,
.page-home .widget-cross-sell-up-sell.spacing-top,
.page-home .widget-recently-viewed-products.spacing-top {
    margin-top: 0;
    padding: 0 7px;
}
@media (min-width: 992px) {
    .page-home .widget-campaign-slider.spacing-top,
.page-home .widget-cross-sell-up-sell.spacing-top,
.page-home .widget-recently-viewed-products.spacing-top {
        padding: 0;
    }
}
.widget-campaign-slider .product-slider.with-navigation,
.widget-cross-sell-up-sell .product-slider.with-navigation,
.widget-recently-viewed-products .product-slider.with-navigation {
    margin: 0 auto;
    max-width: 90%;
}
.widget-campaign-slider .owl-item,
.widget-cross-sell-up-sell .owl-item,
.widget-recently-viewed-products .owl-item {
    padding: 10px;
}
.widget-campaign-slider .owl-item .widget-productlist-fav-button.btn.cv-favourite, .widget-campaign-slider .owl-item #printPanel input.widget-productlist-fav-button.cv-favourite, #printPanel .widget-campaign-slider .owl-item input.widget-productlist-fav-button.cv-favourite,
.widget-cross-sell-up-sell .owl-item .widget-productlist-fav-button.btn.cv-favourite,
.widget-cross-sell-up-sell .owl-item #printPanel input.widget-productlist-fav-button.cv-favourite,
#printPanel .widget-cross-sell-up-sell .owl-item input.widget-productlist-fav-button.cv-favourite,
.widget-recently-viewed-products .owl-item .widget-productlist-fav-button.btn.cv-favourite,
.widget-recently-viewed-products .owl-item #printPanel input.widget-productlist-fav-button.cv-favourite,
#printPanel .widget-recently-viewed-products .owl-item input.widget-productlist-fav-button.cv-favourite {
    margin: 5px 0 0 !important;
    width: 100%;
}

.campaign-title-with-link {
    clear: both;
    display: block;
    padding: 0 0 0 10px;
}
.campaign-title-with-link::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .campaign-title-with-link {
        padding: 20px 0 0 6%;
    }
}
.campaign-title-with-link h3 {
    float: left;
    display: #1e3232;
    font-size: 2em;
}
.campaign-title-with-link a {
    float: left;
    display: #1e3232;
    padding: 15px 0 0 10px;
    font-size: 12px;
}
.campaign-title-with-link a:hover, .campaign-title-with-link a:focus {
    color: #f3b311;
}

.widget-cross-sell-up-sell .product-slider .owl-item,
.widget-recently-viewed-products .product-slider .owl-item {
    padding: 15px 15px 20px;
}

.widget-cross-sell-up-sell .product-slider .owl-item .product,
.widget-recently-viewed-products .product-slider .owl-item .product {
    width: 100%;
}

/*------------------------------------*\
    Widget - Cart Buttons
\*------------------------------------*/
.widget-cart-buttons {
    margin: 0;
}
.widget-cart-buttons::after {
    clear: both;
    content: "";
    display: block;
}
.device-Mobile .widget-cart-buttons {
    width: 100%;
    display: block;
    margin: 0 0 20px;
}
.widget-cart-buttons .btn.small, .widget-cart-buttons #printPanel input.small, #printPanel .widget-cart-buttons input.small {
    background: #1e3232;
    border-color: #1e3232;
    color: white;
    padding: 5px 10px;
    margin: 5px;
}
.device-Mobile .widget-cart-buttons .btn.small, .device-Mobile .widget-cart-buttons #printPanel input.small, #printPanel .device-Mobile .widget-cart-buttons input.small {
    width: 100%;
    margin: 3px 0;
}
.widget-cart-buttons .btn.small:hover, .widget-cart-buttons #printPanel input.small:hover, #printPanel .widget-cart-buttons input.small:hover {
    background: #315252;
    border-color: #315252;
}
.widget-cart-buttons .btn.small.cv-ico-general-clock.spacing-right, .widget-cart-buttons #printPanel input.small.cv-ico-general-clock.spacing-right, #printPanel .widget-cart-buttons input.small.cv-ico-general-clock.spacing-right {
    margin-right: 0px !important;
}

.widget-cart-checkout-button {
    width: 100%;
}
@media (min-width: 576px) {
    .widget-cart-checkout-button {
        width: auto;
    }
}
.widget-cart-checkout-button .btn.checkout-progress, .widget-cart-checkout-button #printPanel input.checkout-progress, #printPanel .widget-cart-checkout-button input.checkout-progress {
    float: right;
    width: 100%;
    margin: 0 0 10px;
}
@media (min-width: 576px) {
    .widget-cart-checkout-button .btn.checkout-progress, .widget-cart-checkout-button #printPanel input.checkout-progress, #printPanel .widget-cart-checkout-button input.checkout-progress {
        width: auto;
        margin: 0 10px;
    }
}

.widget-pay-pal-express-button {
    padding: 0 0 10px 0;
    width: 100%;
}
@media (min-width: 992px) {
    .widget-pay-pal-express-button {
        margin: 0 0 10px;
        width: auto;
    }
}
.widget-pay-pal-express-button .checkout-paypal {
    width: 100%;
    margin: 0 0 10px;
}
@media (min-width: 992px) {
    .widget-pay-pal-express-button .checkout-paypal {
        position: relative;
        top: -15px;
        margin-right: 25px;
    }
}

.paypal-or {
    display: none;
}
@media (min-width: 992px) {
    .paypal-or {
        padding: 2px 0 0 12px;
        position: relative;
        top: 12px;
        float: right;
        display: block;
        font-size: 12px;
    }
}

/*------------------------------------*\
    Widget - Cart Delivery Options
\*------------------------------------*/
.widget-cart-delivery-options {
    clear: both;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    padding: 0;
    border: none;
    margin: 50px 0;
}
.widget-cart-delivery-options::after {
    clear: both;
    content: "";
    display: block;
}
.widget-cart-delivery-options .grid-row.spacing-bottom {
    margin: 0 !important;
}
.widget-cart-delivery-options .content-box.spacing-bottom {
    margin: 0;
}
.widget-cart-delivery-options .box-title, .widget-cart-delivery-options .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .widget-cart-delivery-options h5 {
    background: #f3b311 !important;
    color: black !important;
    border-radius: 5px 5px 0 0;
}
.widget-cart-delivery-options .box-content, .widget-cart-delivery-options .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .widget-cart-delivery-options .grid {
    background: none;
    border: none;
    min-height: 50px;
    border-radius: 0 0 5px 5px;
}
.widget-cart-delivery-options .box-content .form-fieldset, .widget-cart-delivery-options .widget-checkout-css-gift-card .grid .form-fieldset, .widget-checkout-css-gift-card .widget-cart-delivery-options .grid .form-fieldset {
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}
.widget-cart-delivery-options #delivery-mode-delivery + label {
    margin-left: 10px;
}
.widget-cart-delivery-options #delivery-mode-delivery + label:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-cart-delivery-options #delivery-mode-delivery + label:before {
    content: "";
}
.widget-cart-delivery-options #delivery-mode-delivery + label::before {
    margin-right: 10px;
}
.widget-cart-delivery-options #delivery-mode-pickup + label {
    margin-left: 10px;
}
.widget-cart-delivery-options #delivery-mode-pickup + label:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-cart-delivery-options #delivery-mode-pickup + label:before {
    content: "";
}
.widget-cart-delivery-options #delivery-mode-pickup + label::before {
    margin-right: 10px;
}

.widget-delivery-address-b2c .grid-row.spacing-left {
    margin-left: 0;
}

.widget-freight-options ul.shipping-options {
    margin: 0 !important;
    padding: 0 !important;
}
.widget-freight-options ul.shipping-options .form-fieldset .form-radio {
    width: auto;
    margin-right: 5px;
}
.widget-freight-options ul.shipping-options .form-fieldset .form-label {
    width: auto;
    clear: none;
    float: left;
}

/*------------------------------------*\
    Widget - Fast Order Entry
\*------------------------------------*/
.widget-cart-fast-order-entry {
    padding: 50px 0;
    margin: 50px 0;
}
.widget-cart-fast-order-entry::after {
    clear: both;
    content: "";
    display: block;
}
.widget-cart-fast-order-entry .fast-order-basic-notes .cv-data-zone-2 .data-list-column {
    width: 50%;
    float: left;
}
.widget-cart-fast-order-entry .fast-order-basic-notes .cv-data-zone-3 .btn.primary.cv-ico-general-plus2, .widget-cart-fast-order-entry .fast-order-basic-notes .cv-data-zone-3 #printPanel input.primary.cv-ico-general-plus2, #printPanel .widget-cart-fast-order-entry .fast-order-basic-notes .cv-data-zone-3 input.primary.cv-ico-general-plus2 {
    width: 100%;
}

/* Fast order entry expand button */
.widget-cart-fast-order-entry .subtitle.ico-heading.cv-ico-general-plus2 {
    width: auto;
    float: left;
}

.widget-cart-fast-order-entry .btn.ghost.primary.small.cv-ico-general-plus2, .widget-cart-fast-order-entry #printPanel input.ghost.primary.small.cv-ico-general-plus2, #printPanel .widget-cart-fast-order-entry input.ghost.primary.small.cv-ico-general-plus2 {
    height: 20px;
    margin-left: 10px;
    float: left;
}

.widget-cart-fast-order-entry .data-list-item.data-list-heading {
    clear: both;
}

.widget-cart-fast-order-entry .k-widget.k-autocomplete, .k-widget.k-combobox {
    border: none;
}

.widget-cart-fast-order-entry .k-input.product-search-autocomplete {
    border-color: #CCC;
}

.widget-cart-delivery-options .spacing-bottom.fulfilment-options-b2b.content-box {
    margin-bottom: 0px !important;
}

#cv-zone-cart-main .store-availability {
    display: block;
}

/*------------------------------------*\
    Widget - Cart Summary Totals
\*------------------------------------*/
.widget-cart-order-summary-totals,
.cv-order-summary {
    float: right !important;
    display: block;
    width: 100%;
    max-width: 600px;
    padding: 10px;
    margin: 20px 0 0;
}
.widget-cart-order-summary-totals::after,
.cv-order-summary::after {
    clear: both;
    content: "";
    display: block;
}
.widget-cart-order-summary-totals .total,
.cv-order-summary .total {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
}
.widget-cart-order-summary-totals .cart-summary-row,
.cv-order-summary .cart-summary-row {
    clear: both;
    display: block;
}
.widget-cart-order-summary-totals .cart-summary-row::after,
.cv-order-summary .cart-summary-row::after {
    clear: both;
    content: "";
    display: block;
}
.widget-cart-order-summary-totals .summary-label,
.cv-order-summary .summary-label {
    float: left;
}
.widget-cart-order-summary-totals .summary-value,
.cv-order-summary .summary-value {
    float: right !important;
    text-align: right;
}

.cv-order-summary {
    margin: 0 0 32px;
}

/*------------------------------------*\
    Widget - Promo Code Entry
\*------------------------------------*/
.widget-cart-promotional-code-entry::after,
.widget-freight-estimate::after {
    clear: both;
    content: "";
    display: block;
}
.widget-cart-promotional-code-entry .btn, .widget-cart-promotional-code-entry #printPanel input, #printPanel .widget-cart-promotional-code-entry input,
.widget-freight-estimate .btn,
.widget-freight-estimate #printPanel input,
#printPanel .widget-freight-estimate input {
    height: 45px;
    width: 100%;
}

/*------------------------------------*\
    Widget - Cart Summary
\*------------------------------------*/
#cv-zone-topbar .widget-cart-summary {
    position: relative;
}
#cv-zone-topbar .widget-cart-summary:hover .dropdown-cart-summary {
    display: block;
}
#cv-zone-topbar .widget-cart-summary .cart-total {
    font-weight: bold;
}
#cv-zone-topbar .widget-cart-summary .header-cart-items {
    font-size: 12px;
}
#cv-zone-topbar .widget-cart-summary [class*=widget-] {
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 12px;
}
.device-Mobile #cv-zone-topbar .widget-cart-summary {
    height: 35px;
    padding: 7px 10px 7px 6px;
}
.device-Mobile #cv-zone-topbar .widget-cart-summary a.icon::before {
    font-size: 20px;
}

/* START Add mobile cart count bubble */
#cv-zone-topbar .widget-cart-summary.Mobile-cart .ico-only-text {
    display: block;
}

#cv-zone-topbar .widget-cart-summary.Mobile-cart .ico-only-text .cart-total {
    display: none;
}

#cv-zone-topbar .widget-cart-summary.Mobile-cart .cart-item-count {
    background: #ed1c24;
    color: white;
    font-size: 11px;
    min-width: 15px;
    width: auto;
    height: 15px;
    border-radius: 50%;
    display: block;
    padding: 2px;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 3px;
    left: 25px;
}

/* END Add mobile cart count bubble */
.dropdown-cart-summary {
    display: none;
    text-align: left;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    top: 100%;
    right: 0;
    width: 300px;
    z-index: 100000;
    padding: 15px;
    position: relative;
    position: absolute;
}
.dropdown-cart-summary::before {
    bottom: 100%;
    left: 94.45%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: white;
    border-width: 5px;
    margin-left: -5px;
}
@media (min-width: 768px) {
    .dropdown-cart-summary {
        width: 600px;
    }
}
@media (min-width: 1260px) {
    .dropdown-cart-summary {
        width: 800px;
    }
}
.dropdown-cart-summary a {
    color: #1e3232;
}
.dropdown-cart-summary .dropdown-cart-summary-title {
    text-align: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
}
.dropdown-cart-summary .dropdown-product-lines {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    background: #ebe9e8;
    max-height: 400px;
    overflow-y: auto;
    padding: 10px 20px;
}
.dropdown-cart-summary .dropdown-product-lines::after {
    clear: both;
    content: "";
    display: block;
}
.dropdown-cart-summary .product-line {
    border-bottom: 1px dashed #ccc;
    padding: 8px 0;
}
.dropdown-cart-summary .product-line::after {
    clear: both;
    content: "";
    display: block;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-1 {
    float: left;
    display: block;
    width: 10%;
    padding: 2px;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-1 .widget-productlist-image {
    max-width: 40px;
    background: white;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-1 .widget-productlist-image img {
    background: white;
    border-radius: 0;
    float: left;
    border: 1px solid #ccc;
    padding: 0px;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-2 {
    float: left;
    display: block;
    width: 40%;
    padding-top: 15px;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-3 {
    float: left;
    display: block;
    width: 25%;
    padding-top: 15px;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-3 .widget-productlist-code {
    font-size: 12px;
    color: #1e3232;
    margin: 0 !important;
    padding: 0 !important;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-4 {
    float: left;
    display: block;
    width: 10%;
    padding-top: 15px;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-4 .widget-product-qty {
    font-size: 12px;
    color: #1e3232;
    margin: 0 !important;
    padding: 0 !important;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-4 .qty-label {
    font-size: 12px;
    color: #1e3232;
    margin: 0 !important;
    padding: 0 !important;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-5 {
    float: left;
    display: block;
    width: 15%;
    padding-top: 15px;
}
.dropdown-cart-summary .product-line .cv-zone-product-line-5 .widget-productlist-price {
    text-align: right;
    font-weight: bold;
    display: block;
    width: 100%;
    font-size: 16px;
}
.dropdown-cart-summary .cart-lines {
    padding: 10px 15px 0 15px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.dropdown-cart-summary .cart-lines .cart-line-item {
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.dropdown-cart-summary .cart-lines .cart-line-item::after {
    clear: both;
    content: "";
    display: block;
}
.dropdown-cart-summary .cart-lines .cart-line-item.subtotals {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    border-top: 1px solid #042242;
    border-bottom: 1px solid #042242;
    font-size: 18px;
    padding: 2px 0;
    margin: 10px 0;
}
.dropdown-cart-summary .cart-lines .cart-line-item .cart-line-col-1 {
    float: left;
    display: block;
    width: 50%;
}
.dropdown-cart-summary .cart-lines .cart-line-item .cart-line-col-2 {
    float: left;
    display: block;
    width: 50%;
    text-align: right;
}
.dropdown-cart-summary .dropdown-cart-options {
    display: block;
    clear: both;
    padding: 12px 0;
}
.dropdown-cart-summary .dropdown-cart-options::after {
    clear: both;
    content: "";
    display: block;
}
.dropdown-cart-summary .dropdown-cart-options .btn.cv-checkout, .dropdown-cart-summary .dropdown-cart-options #printPanel input.cv-checkout, #printPanel .dropdown-cart-summary .dropdown-cart-options input.cv-checkout {
    color: white;
    float: right !important;
    text-align: center;
    width: 100%;
    padding: 12px;
}

.ipsiPaymentIframe {
    height: 385px;
    width: 480px;
}

.cart-summary-row,
.cart-line-item {
    position: relative;
}

.cart-summary-row .checkout-zip-icon,
.cart-line-item .checkout-zip-icon {
    margin-top: 20px;
    max-width: initial;
}

.cart-summary-row .zip-money-summary,
.cart-line-item .zip-money-summary {
    max-width: initial;
    max-height: 40px;
    border: none;
    background: none;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
    color: initial;
}

.cart-summary-row .zip-pay-summary,
.cart-line-item .zip-pay-summary {
    border: none;
    background: none;
    max-width: initial;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
    color: initial;
    max-height: 40px;
}

.cart-summary-row .zip-pay-summary a,
.cart-line-item .zip-pay-summary a {
    margin-left: 0;
}

.cart-summary-row .zip-pay-summary .zip-widget.zip-widget__tagline img.logo,
.cart-line-item .zip-pay-summary .zip-widget.zip-widget__tagline img.logo {
    max-height: 24px;
    float: left;
    margin-left: 10px !important;
}

.cart-summary-row .zip-pay-summary .zip-widget.zip-widget__tagline .text,
.cart-line-item .zip-pay-summary .zip-widget.zip-widget__tagline .text {
    color: #21285e;
    font-size: 12px;
    position: relative;
    top: -7px;
    font-weight: 600;
}

.cart-summary-row .zip-pay-summary .zip-widget.zip-widget__tagline a.learn-more,
.cart-line-item .zip-pay-summary .zip-widget.zip-widget__tagline a.learn-more {
    font-size: 12px;
    color: #21285e;
    clear: both;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    height: auto;
    display: inline-block;
    position: relative;
    top: -15px;
    left: 86px;
    line-height: normal;
    text-decoration: underline;
}

.cart-summary-row .zip-order-summary-icon,
.cart-line-item .zip-order-summary-icon {
    padding: 10px 10px 10px 12px;
    display: block;
    float: left;
    width: 100px;
}

.cart-summary-row .zip-order-summary-icon,
.cart-line-item .zip-order-summary-icon {
    *zoom: 1;
}

.cart-summary-row .zip-order-summary-icon:before,
.cart-summary-row .zip-order-summary-icon:after,
.cart-line-item .zip-order-summary-icon:before,
.cart-line-item .zip-order-summary-icon:after {
    content: "";
    display: table;
}

.cart-summary-row .zip-order-summary-icon:after,
.cart-line-item .zip-order-summary-icon:after {
    clear: both;
}

.cart-summary-row .zip-order-summary-icon img,
.cart-line-item .zip-order-summary-icon img {
    max-height: 18px;
    float: left;
}

.cart-summary-row .zip-order-summary-icon + .btn.primary.small, .cart-summary-row #printPanel .zip-order-summary-icon + input.primary.small, #printPanel .cart-summary-row .zip-order-summary-icon + input.primary.small,
.cart-line-item .zip-order-summary-icon + .btn.primary.small,
.cart-line-item #printPanel .zip-order-summary-icon + input.primary.small,
#printPanel .cart-line-item .zip-order-summary-icon + input.primary.small {
    float: left;
    background: none;
    border: none;
    padding: 0 !important;
    margin: -5px 0 0 10px;
    font-size: 12px;
    color: #40494c;
    position: relative;
}

@media (min-width: 576px) {
    .cart-summary-row .zip-order-summary-icon + .btn.primary.small, .cart-summary-row #printPanel .zip-order-summary-icon + input.primary.small, #printPanel .cart-summary-row .zip-order-summary-icon + input.primary.small,
.cart-line-item .zip-order-summary-icon + .btn.primary.small,
.cart-line-item #printPanel .zip-order-summary-icon + input.primary.small,
#printPanel .cart-line-item .zip-order-summary-icon + input.primary.small {
        margin: 11px 0 0;
        top: 0;
    }
}
.cart-summary-row .zip-order-summary-icon + .btn.primary.small::before, .cart-summary-row #printPanel .zip-order-summary-icon + input.primary.small::before, #printPanel .cart-summary-row .zip-order-summary-icon + input.primary.small::before,
.cart-line-item .zip-order-summary-icon + .btn.primary.small::before,
.cart-line-item #printPanel .zip-order-summary-icon + input.primary.small::before,
#printPanel .cart-line-item .zip-order-summary-icon + input.primary.small::before {
    top: 1px;
}

.cart-summary-row .zip-order-summary-icon + .btn.primary.small:hover, .cart-summary-row #printPanel .zip-order-summary-icon + input.primary.small:hover, #printPanel .cart-summary-row .zip-order-summary-icon + input.primary.small:hover,
.cart-line-item .zip-order-summary-icon + .btn.primary.small:hover,
.cart-line-item #printPanel .zip-order-summary-icon + input.primary.small:hover,
#printPanel .cart-line-item .zip-order-summary-icon + input.primary.small:hover {
    color: #0394cb;
}

.cart-summary-row .zip-order-summary-message,
.cart-line-item .zip-order-summary-message {
    font-style: italic;
    font-size: 12px;
    padding-top: 1px;
    display: block;
}

.cart-summary-row .afterpay-order-summary-icon,
.cart-line-item .afterpay-order-summary-icon {
    padding: 10px 10px 10px 12px;
    display: block;
    float: left;
    width: 100px;
}

.cart-summary-row .afterpay-order-summary-icon,
.cart-line-item .afterpay-order-summary-icon {
    *zoom: 1;
}

.cart-summary-row .afterpay-order-summary-icon:before,
.cart-summary-row .afterpay-order-summary-icon:after,
.cart-line-item .afterpay-order-summary-icon:before,
.cart-line-item .afterpay-order-summary-icon:after {
    content: "";
    display: table;
}

.cart-summary-row .afterpay-order-summary-icon:after,
.cart-line-item .afterpay-order-summary-icon:after {
    clear: both;
}

.cart-summary-row .afterpay-order-summary-icon img,
.cart-line-item .afterpay-order-summary-icon img {
    max-height: 18px;
    float: left;
}

.cart-summary-row .afterpay-order-summary-icon + .btn.primary.small, .cart-summary-row #printPanel .afterpay-order-summary-icon + input.primary.small, #printPanel .cart-summary-row .afterpay-order-summary-icon + input.primary.small,
.cart-line-item .afterpay-order-summary-icon + .btn.primary.small,
.cart-line-item #printPanel .afterpay-order-summary-icon + input.primary.small,
#printPanel .cart-line-item .afterpay-order-summary-icon + input.primary.small {
    float: left;
    background: none;
    border: none;
    padding: 0 !important;
    margin: -5px 0 0 10px;
    font-size: 12px;
    color: #40494c;
    position: relative;
}

@media (min-width: 576px) {
    .cart-summary-row .afterpay-order-summary-icon + .btn.primary.small, .cart-summary-row #printPanel .afterpay-order-summary-icon + input.primary.small, #printPanel .cart-summary-row .afterpay-order-summary-icon + input.primary.small,
.cart-line-item .afterpay-order-summary-icon + .btn.primary.small,
.cart-line-item #printPanel .afterpay-order-summary-icon + input.primary.small,
#printPanel .cart-line-item .afterpay-order-summary-icon + input.primary.small {
        margin: 11px 0 0;
        top: 0;
    }
}
.cart-summary-row .afterpay-order-summary-icon + .btn.primary.small::before, .cart-summary-row #printPanel .afterpay-order-summary-icon + input.primary.small::before, #printPanel .cart-summary-row .afterpay-order-summary-icon + input.primary.small::before,
.cart-line-item .afterpay-order-summary-icon + .btn.primary.small::before,
.cart-line-item #printPanel .afterpay-order-summary-icon + input.primary.small::before,
#printPanel .cart-line-item .afterpay-order-summary-icon + input.primary.small::before {
    top: 1px;
}

.cart-summary-row .afterpay-order-summary-icon + .btn.primary.small:hover, .cart-summary-row #printPanel .afterpay-order-summary-icon + input.primary.small:hover, #printPanel .cart-summary-row .afterpay-order-summary-icon + input.primary.small:hover,
.cart-line-item .afterpay-order-summary-icon + .btn.primary.small:hover,
.cart-line-item #printPanel .afterpay-order-summary-icon + input.primary.small:hover,
#printPanel .cart-line-item .afterpay-order-summary-icon + input.primary.small:hover {
    color: #0394cb;
}

.cart-summary-row .afterpay-order-summary-message,
.cart-line-item .afterpay-order-summary-message {
    display: block;
    padding-top: 1px;
    font-style: italic;
    font-size: 12px;
    display: block;
    font-weight: normal;
}

.cart-summary-row .openpay-order-summary-icon,
.cart-line-item .openpay-order-summary-icon {
    padding: 10px 10px 10px 12px;
    display: block;
    float: left;
    width: 100px;
}

.cart-summary-row .openpay-order-summary-icon,
.cart-line-item .openpay-order-summary-icon {
    *zoom: 1;
}

.cart-summary-row .openpay-order-summary-icon:before,
.cart-summary-row .openpay-order-summary-icon:after,
.cart-line-item .openpay-order-summary-icon:before,
.cart-line-item .openpay-order-summary-icon:after {
    content: "";
    display: table;
}

.cart-summary-row .openpay-order-summary-icon:after,
.cart-line-item .openpay-order-summary-icon:after {
    clear: both;
}

.cart-summary-row .openpay-order-summary-icon img,
.cart-line-item .openpay-order-summary-icon img {
    max-height: 18px;
    float: left;
}

.cart-summary-row .openpay-order-summary-icon + .btn.primary.small, .cart-summary-row #printPanel .openpay-order-summary-icon + input.primary.small, #printPanel .cart-summary-row .openpay-order-summary-icon + input.primary.small,
.cart-line-item .openpay-order-summary-icon + .btn.primary.small,
.cart-line-item #printPanel .openpay-order-summary-icon + input.primary.small,
#printPanel .cart-line-item .openpay-order-summary-icon + input.primary.small {
    float: left;
    background: none;
    border: none;
    padding: 0 !important;
    margin: -5px 0 0 10px;
    font-size: 12px;
    color: #40494c;
    position: relative;
}

@media (min-width: 576px) {
    .cart-summary-row .openpay-order-summary-icon + .btn.primary.small, .cart-summary-row #printPanel .openpay-order-summary-icon + input.primary.small, #printPanel .cart-summary-row .openpay-order-summary-icon + input.primary.small,
.cart-line-item .openpay-order-summary-icon + .btn.primary.small,
.cart-line-item #printPanel .openpay-order-summary-icon + input.primary.small,
#printPanel .cart-line-item .openpay-order-summary-icon + input.primary.small {
        margin: 11px 0 0;
        top: 0;
    }
}
.cart-summary-row .openpay-order-summary-icon + .btn.primary.small::before, .cart-summary-row #printPanel .openpay-order-summary-icon + input.primary.small::before, #printPanel .cart-summary-row .openpay-order-summary-icon + input.primary.small::before,
.cart-line-item .openpay-order-summary-icon + .btn.primary.small::before,
.cart-line-item #printPanel .openpay-order-summary-icon + input.primary.small::before,
#printPanel .cart-line-item .openpay-order-summary-icon + input.primary.small::before {
    top: 1px;
}

.cart-summary-row .openpay-order-summary-icon + .btn.primary.small:hover, .cart-summary-row #printPanel .openpay-order-summary-icon + input.primary.small:hover, #printPanel .cart-summary-row .openpay-order-summary-icon + input.primary.small:hover,
.cart-line-item .openpay-order-summary-icon + .btn.primary.small:hover,
.cart-line-item #printPanel .openpay-order-summary-icon + input.primary.small:hover,
#printPanel .cart-line-item .openpay-order-summary-icon + input.primary.small:hover {
    color: #0394cb;
}

.cart-summary-row .openpay-order-summary-message,
.cart-line-item .openpay-order-summary-message {
    font-style: italic;
    font-size: 12px;
    padding-top: 1px;
    display: block;
}

.bnpl-unavailable {
    display: block;
    font-size: 12px;
    font-style: italic;
    padding-top: 10px;
}

/*------------------------------------*\
    Widget - Catalogue Select
\*------------------------------------*/
/*------------------------------------*\
    Widget - Category Banner
\*------------------------------------*/
.widget-category-banner {
    display: flex;
    flex-direction: column;
}
.widget-category-banner .category-banner-title {
    display: none;
}
.widget-category-banner .category-banner-text {
    order: 2;
    text-align: center;
    padding: 2%;
}
.widget-category-banner .category-banner-image {
    order: 1;
}

.widget-category-menu {
    display: none;
}
@media (min-width: 992px) {
    .widget-category-menu {
        float: left;
        display: inline-block;
        width: 200px;
    }
}
.widget-category-menu:hover .menu-button {
    background: #1c365f;
    border-color: #1c365f;
    color: white;
    cursor: pointer;
}
.widget-category-menu:hover .dropdown-area {
    display: block;
}
.widget-category-menu .menu-button {
    background: none;
    border: none;
    text-align: center;
    padding: 15px 0 0;
    height: 50px;
    font-size: 14px;
    color: white;
    font-weight: 600;
    position: relative;
    display: block;
    width: 100%;
}
.widget-category-menu .menu-button:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-category-menu .menu-button:before {
    content: "";
}
.widget-category-menu .menu-button:before {
    font-size: 26px;
    position: relative;
    top: -4px;
    left: 10px;
    float: left;
    display: inline-block;
}
.widget-category-menu .dropdown-area {
    display: none;
    position: absolute;
    top: 39px;
    left: 0px;
    width: 100%;
    height: auto;
    background: transparent;
    z-index: 100000;
    border-radius: 0px;
    padding-top: 12px;
}
.widget-category-menu .dropdown-content {
    display: table;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    border: none;
    background: #ddd;
    position: relative;
}
.widget-category-menu .menu-sidebar {
    background: #ddd;
    float: left;
    display: inline-block;
    height: 100%;
    width: 250px;
    border-radius: 0px;
}
.widget-category-menu .menu-sidebar:after {
    display: none;
    content: "";
    margin: 0;
    bottom: 100%;
    left: 31px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-bottom-color: #ddd;
    border-width: 10px;
}
.widget-category-menu .menu-content {
    float: right;
    display: inline-block;
    height: 100%;
    width: calc((100%) - 250px);
    padding: 5px 20px;
    background: white;
    min-height: 350px;
    border-radius: 0px;
}

.menu-sidebar-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-sidebar-categories::after {
    clear: both;
    content: "";
    display: block;
}
.menu-sidebar-categories a {
    border-bottom: 1px solid #d0d0d0;
    font-size: 14px;
    padding: 10px;
    color: #010912;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.menu-sidebar-categories a:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu-sidebar-categories a:before {
    content: "";
}
.menu-sidebar-categories a:before {
    float: right;
}
.menu-sidebar-categories li:first-child a {
    border-radius: 0px;
}
.menu-sidebar-categories li.active a {
    background: #1c365f;
    border-bottom-color: #1c365f;
    color: white;
}

.menu-sub-categories {
    background: white;
    display: none;
    height: 550px;
    overflow: auto;
}
.menu-sub-categories .menu-group {
    display: block;
    margin: 5px 0 5px;
}
.menu-sub-categories .menu-group::after {
    clear: both;
    content: "";
    display: block;
}
.menu-sub-categories .menu-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-sub-categories .menu-group .heading a {
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 5px;
    text-transform: uppercase;
    color: black;
    display: block;
}
.menu-sub-categories .menu-group .heading a:hover {
    color: #1c365f;
}
.menu-sub-categories .menu-group li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-sub-categories .menu-group li a {
    color: #042242;
    font-size: 14px;
    padding: 2px 0;
    display: block;
}
.menu-sub-categories .menu-group li a:hover {
    color: #1c365f;
}
.menu-sub-categories.active {
    display: block;
}
.menu-sub-categories.expandable-category .expandable-category-header {
    padding: 0;
    color: black;
    float: left;
    width: calc((100%) - 30px);
}
.menu-sub-categories.expandable-category .expandable-toggle.expandable-header {
    width: 20px;
    float: right;
    padding: 0;
    height: 20px;
    color: black;
    margin-right: 5px;
}
.menu-sub-categories.expandable-category .expandable-toggle.expandable-header:before {
    top: 0px;
    content: "z";
}
.menu-sub-categories.expandable-category .expandable-toggle.expandable-header.cv-ico-general-arrow-down5:before {
    content: "A";
}
.menu-sub-categories.expandable-category .expandable-toggle:hover {
    color: #1c365f;
}
.menu-sub-categories.expandable-category .expandable-content {
    clear: both;
    padding: 0;
}

.dropdown-area-custom-bottom::after {
    clear: both;
    content: "";
    display: block;
}
.dropdown-area-custom-bottom img {
    width: 100%;
}

/*------------------------------------*\
    Widget - Checkout Messages
\*------------------------------------*/
.widget-checkout-messages .modal-header:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-checkout-messages .modal-header:before {
    content: "";
}
.widget-checkout-messages .modal-header:before {
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    color: #1c365f;
    text-align: center;
    margin-right: 5px;
}
.widget-checkout-messages .content-box.primary {
    margin: 0;
    padding: 0;
}
.widget-checkout-messages .content-box.primary .box-content, .widget-checkout-messages .content-box.primary .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .widget-checkout-messages .content-box.primary .grid {
    margin: 0;
    padding: 0;
    border: none;
    line-height: 180%;
}

/*------------------------------------*\
    Widget - Checkout Payment Options
\*------------------------------------*/
.widget-checkout-payment-options::after {
    clear: both;
    content: "";
    display: block;
}
.widget-checkout-payment-options img.payment-icon {
    padding: 5px;
    border: 1px solid #9b918c;
    border-radius: 5px;
    float: left;
    display: inline-block;
}
.widget-checkout-payment-options iframe {
    max-height: 50px;
}
.widget-checkout-payment-options #eway-secure-field-cvn {
    max-width: 120px;
}

.payment-provider-link img {
    float: left;
    display: inline-block;
    max-height: 30px;
    margin: 0 10px 0 0;
}

.payment-paypal .grid-row.spacing-top.spacing-bottom {
    margin: 0;
}
.payment-paypal button.checkout-paypal {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.payment-bpay .grid.spacing-top.spacing-bottom {
    margin: 0;
}
.payment-bpay .bpay-card {
    position: relative;
}
.payment-bpay .bpay-card .biller-code {
    position: absolute;
    top: 20px;
    left: 204px;
    font-size: 12px;
    text-transform: initial;
}
.payment-bpay .bpay-card .biller-ref {
    position: absolute;
    top: 36px;
    left: 160px;
    font-size: 12px;
    text-transform: initial;
}

.payment-directdebit ul {
    clear: both;
    line-height: 1.82;
}

.payment-afterpay .grid.spacing-top.spacing-bottom {
    margin: 0;
}
.payment-afterpay .checkout-afterpay-icon img {
    max-height: 32px;
}
.payment-afterpay .afterpay-info {
    font-size: 12px;
}
.payment-afterpay .afterpay-info small {
    position: relative;
    top: 4px;
    left: 8px;
}
.payment-afterpay .afterpay-info small a {
    color: #1e3232;
}
.payment-afterpay .afterpay-info small a:hover, .payment-afterpay .afterpay-info small a:focus {
    text-decoration: underline;
}

.payment-credit-card .form-checkbox {
    margin-right: 5px;
}
.payment-credit-card .btn.cv-clear, .payment-credit-card #printPanel input.cv-clear, #printPanel .payment-credit-card input.cv-clear {
    background: none;
    border: none;
    padding: 0;
    border: none;
    color: #454545;
}

.k-tabstrip .k-content.payment-account {
    min-height: initial;
}
.k-tabstrip .k-content.payment-account .grid.spacing-top {
    margin: 0;
}

.cart-payment .spacing-top {
    margin: 0 !important;
}
.cart-payment .spacing-bottom {
    margin: 0 !important;
}

.widget-checkout-css-gift-card {
    margin-bottom: 50px;
}
.widget-checkout-css-gift-card::after {
    clear: both;
    content: "";
    display: block;
}
.widget-checkout-css-gift-card h5 {
    font-size: 16px;
}
.widget-checkout-css-gift-card .form-checkbox {
    margin-right: 5px;
}

.widget-delivery-address-b2b [id*=delivery-mode-delivery-] + label:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-delivery-address-b2b [id*=delivery-mode-delivery-] + label:before {
    content: "";
}
.widget-delivery-address-b2b [id*=delivery-mode-delivery-] + label::before {
    margin: 0 5px;
}
.widget-delivery-address-b2b [id*=delivery-mode-pickup-] + label:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-delivery-address-b2b [id*=delivery-mode-pickup-] + label:before {
    content: "";
}
.widget-delivery-address-b2b [id*=delivery-mode-pickup-] + label::before {
    margin: 0 5px;
}
.widget-delivery-address-b2b .spacing-left {
    margin-left: 0px !important;
}
@media (min-width: 992px) {
    .widget-delivery-address-b2b .spacing-left {
        margin-left: 10px !important;
    }
}

/*------------------------------------*\
    BRAINTREE
\*------------------------------------*/
.braintree-dropin .braintree-heading[data-braintree-id=methods-edit] {
    padding: 5px 14px;
    background: #042242;
    border: 1px solid #042242;
    color: white;
    float: left;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    text-decoration: none;
    float: right;
}
.braintree-dropin .braintree-heading[data-braintree-id=methods-edit]:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.braintree-dropin .braintree-heading[data-braintree-id=methods-edit]:hover, .braintree-dropin .braintree-heading[data-braintree-id=methods-edit]:focus {
    background: #073b72;
    border-color: #073b72;
}
.braintree-dropin .braintree-heading[data-braintree-id=methods-edit]:before {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.braintree-sheet__header {
    width: 100%;
}

.braintree-form__flexible-fields {
    clear: both;
}

.braintree-dropin .braintree-method__label {
    overflow-y: hidden;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__icon-container {
    margin-top: 14px;
}

.braintree-form__field-group {
    margin-bottom: 10px;
}
.braintree-form__field-group::after {
    clear: both;
    content: "";
    display: block;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field.braintree-form__checkbox {
    top: 8px;
}

.braintree-methods--active:not(.braintree-methods--edit) .braintree-method--active {
    border-color: #3e8468;
}

.braintree-methods--active:not(.braintree-methods--edit) .braintree-method--active .braintree-method__check {
    background-color: #3e8468;
}

.braintree-method__delete-container .braintree-method__delete {
    background-color: #d4484c;
}

.braintree-delete-confirmation .braintree-delete-confirmation__button-container [data-braintree-id=delete-confirmation__yes] {
    border-color: #d4484c;
}

/*------------------------------------*\
    Widget - Checkout Review Address B2B
\*------------------------------------*/
/*------------------------------------*\
    Widget - Checkout Review Summary
\*------------------------------------*/
/*------------------------------------*\
    CHECKOUT PROGRESS STEPS
\*------------------------------------*/
.widget-checkout-steps {
    padding: 5px;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.widget-checkout-steps::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .widget-checkout-steps {
        padding: 0;
    }
}
.widget-checkout-steps .progress-bar {
    background: #d3d3d3;
    width: 80%;
    height: 6px;
    margin: 0 auto;
    position: relative;
    top: 49px;
    z-index: 10;
}
.widget-checkout-steps .progress-bar-active {
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 0;
    background: #1c365f;
}
.widget-checkout-steps .progress-steps {
    z-index: 11;
    position: relative;
}
.widget-checkout-steps .progress-steps::after {
    clear: both;
    content: "";
    display: block;
}
.widget-checkout-steps .progress-step {
    float: left;
    display: block;
    width: 20%;
}
.widget-checkout-steps .progress-step-tick {
    display: block;
    color: #999;
    opacity: 0;
}
.widget-checkout-steps .progress-step-tick:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-checkout-steps .progress-step-tick:before {
    content: "";
}
.widget-checkout-steps .progress-step-tick::before {
    position: relative;
    top: 8px;
}
.widget-checkout-steps .progress-step-next {
    text-transform: uppercase;
    color: #444;
    font-size: 10px;
    font-weight: 600;
    opacity: 0;
    margin-top: -7px;
}
.widget-checkout-steps .progress-step-number {
    background: #d3d3d3;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    padding-top: 12px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0;
}
.widget-checkout-steps .progress-step-text {
    font-size: 12px;
    font-weight: 600;
}
.widget-checkout-steps .step-1-active .progress-step-1 .progress-step-number {
    background: #1c365f;
    color: white;
}
.widget-checkout-steps .step-1-active .progress-bar-active {
    width: 12.5%;
}
.widget-checkout-steps .step-1-active .progress-step-2 .progress-step-next {
    opacity: 1;
}
.widget-checkout-steps .step-2-active .progress-step-1 .progress-step-number,
.widget-checkout-steps .step-2-active .progress-step-2 .progress-step-number {
    background: #1c365f;
    color: white;
}
.widget-checkout-steps .step-2-active .progress-bar-active {
    width: 37.5%;
}
.widget-checkout-steps .step-2-active .progress-step-1 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-2-active .progress-step-3 .progress-step-next {
    opacity: 1;
}
.widget-checkout-steps .step-3-active .progress-step-1 .progress-step-number,
.widget-checkout-steps .step-3-active .progress-step-2 .progress-step-number,
.widget-checkout-steps .step-3-active .progress-step-3 .progress-step-number {
    background: #1c365f;
    color: white;
}
.widget-checkout-steps .step-3-active .progress-bar-active {
    width: 62.5%;
}
.widget-checkout-steps .step-3-active .progress-step-1 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-3-active .progress-step-2 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-3-active .progress-step-4 .progress-step-next {
    opacity: 1;
}
.widget-checkout-steps .step-4-active .progress-step-1 .progress-step-number,
.widget-checkout-steps .step-4-active .progress-step-2 .progress-step-number,
.widget-checkout-steps .step-4-active .progress-step-3 .progress-step-number,
.widget-checkout-steps .step-4-active .progress-step-4 .progress-step-number {
    background: #1c365f;
    color: white;
}
.widget-checkout-steps .step-4-active .progress-bar-active {
    width: 87.5%;
}
.widget-checkout-steps .step-4-active .progress-step-1 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-4-active .progress-step-2 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-4-active .progress-step-3 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-4-active .progress-step-4 .progress-step-next {
    opacity: 0;
}
.widget-checkout-steps .step-4-active .progress-step-5 .progress-step-next {
    opacity: 1;
}
.widget-checkout-steps .step-5-active .progress-step-1 .progress-step-number,
.widget-checkout-steps .step-5-active .progress-step-2 .progress-step-number,
.widget-checkout-steps .step-5-active .progress-step-3 .progress-step-number,
.widget-checkout-steps .step-5-active .progress-step-4 .progress-step-number,
.widget-checkout-steps .step-5-active .progress-step-5 .progress-step-number {
    background: #1c365f;
    color: white;
}
.widget-checkout-steps .step-5-active .progress-bar-active {
    width: 100%;
}
.widget-checkout-steps .step-5-active .progress-step-1 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-5-active .progress-step-2 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-5-active .progress-step-3 .progress-step-tick {
    opacity: 1;
}
.widget-checkout-steps .step-5-active .progress-step-4 .progress-step-tick {
    opacity: 1;
}

.total-steps-three .progress-bar {
    width: 66%;
}
.total-steps-three.step-1-active .progress-bar-active {
    width: 25%;
}
.total-steps-three.step-2-active .progress-bar-active {
    width: 75%;
}
.total-steps-three.step-3-active .progress-bar-active {
    width: 100%;
}
.total-steps-three .progress-step {
    width: 33.333333%;
}

.total-steps-four .progress-bar {
    width: 75%;
}
.total-steps-four.step-1-active .progress-bar-active {
    width: 15%;
}
.total-steps-four.step-2-active .progress-bar-active {
    width: 50%;
}
.total-steps-four.step-3-active .progress-bar-active {
    width: 85%;
}
.total-steps-four.step-4-active .progress-bar-active {
    width: 100%;
}
.total-steps-four.step-4-active .progress-step-4 .progress-step-next {
    opacity: 0;
}
.total-steps-four.step-4-active .progress-step-4 .progress-step-tick {
    opacity: 1;
}
.total-steps-four .progress-step {
    width: 25%;
}

/*------------------------------------*\
    Widget - Contact Link
\*------------------------------------*/
.widget-contact-link.resources-topbar-link {
    display: none;
}
@media (min-width: 992px) {
    .widget-contact-link.resources-topbar-link {
        display: inline-block;
    }
}

.device-Mobile #cv-zone-topbar .widget-contact-link {
    height: 35px;
    padding: 0 !important;
}
.device-Mobile #cv-zone-topbar .widget-contact-link a {
    display: block;
    color: #315252;
    font-size: 14px;
    text-transform: initial;
    font-weight: bold;
    padding: 7px 10px;
}
.device-Mobile #cv-zone-topbar .widget-contact-link a .icon::before {
    font-size: 20px;
}
.device-Mobile #cv-zone-topbar .widget-contact-link a .ico-only-text {
    display: none;
}

/*------------------------------------*\
    Widget - Dashboard
\*------------------------------------*/
.widget-dashboard {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    margin: 0 !important;
    background: #ebe9e8;
    color: #1e3232;
    border: none;
    border-radius: 0 0 10px 10px;
}
.widget-dashboard::after {
    clear: both;
    content: "";
    display: block;
}
.page-B2CAccount .widget-dashboard {
    border-radius: 10px;
    border: none;
}
.page-B2CAccount .widget-dashboard h2 {
    margin-bottom: 10px;
}
.widget-dashboard .sub-page-tile {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    padding: 15px 15px 15px 30px;
    margin: 15px 2.5%;
    display: block;
    float: left;
    width: 100%;
    min-height: 70px;
    position: relative;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
.widget-dashboard .sub-page-tile:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
@media (min-width: 992px) {
    .widget-dashboard .sub-page-tile {
        width: 20%;
    }
}
.widget-dashboard .sub-page-tile:hover, .widget-dashboard .sub-page-tile:focus {
    text-decoration: none;
}
.widget-dashboard .sub-page-tile .icon-large {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 40px;
    height: 40px;
    background: #1c365f;
    color: white;
    text-align: center;
    font-size: 25px;
    border-radius: 32px;
    padding: 6px 0 0;
}
.widget-dashboard .sub-page-tile .icon-large::before {
    position: relative;
    top: 2px;
    margin: 0 !important;
}
.widget-dashboard .sub-page-tile .text-large {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    color: #1e3232;
    display: block;
    font-size: 18px;
    padding: 0 0 2px;
}
.widget-dashboard .sub-page-tile .text-small {
    color: #1e3232;
    display: black;
    font-size: 0.8em;
}
.widget-dashboard .sub-page-tile .menu-item-count {
    background: #f3b311 !important;
    color: #1e3232 !important;
    margin-left: 10px;
    display: inline-block;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2px;
    border-radius: 10px;
}

.dashboard-element-details + h2 {
    margin-top: 42px;
}

.account-payment-totals {
    color: #1e3232;
}
@media (min-width: 992px) {
    .account-payment-totals {
        float: left;
        display: inline-block;
        width: 50%;
        margin: 0 0 20px;
    }
}
.account-payment-totals .balance-owing,
.account-payment-totals .balance-due {
    display: block;
    clear: both;
    padding: 0 0 10px;
}
.account-payment-totals .balance-owing::after,
.account-payment-totals .balance-due::after {
    clear: both;
    content: "";
    display: block;
}
.account-payment-totals .balance-owing span,
.account-payment-totals .balance-due span {
    display: inline-block;
    float: left;
    width: 50%;
    padding-top: 7px;
    font-size: 16px;
}
.account-payment-totals .balance-owing span.text-large,
.account-payment-totals .balance-due span.text-large {
    font-size: 32px;
    font-weight: 600;
    padding-top: 0;
    text-align: right;
    position: relative;
    top: -6px;
}

.account-payment-days {
    margin: 0 0 20px;
}
@media (min-width: 992px) {
    .account-payment-days {
        float: right !important;
        display: inline-block;
        width: 25%;
        margin: 0 !important;
    }
}

.balance-breakdown {
    width: 100%;
}
.balance-breakdown tr td {
    color: #999;
}
.balance-breakdown tr td.highlighted {
    color: #1e3232;
}

.dashboard-module .alert-box, .dashboard-module .grid-no-results, .dashboard-module .lucene-messages .lucene-message, .lucene-messages .dashboard-module .lucene-message {
    margin: 0 !important;
    display: none;
}
.dashboard-module.content-box .box-content, .dashboard-module.content-box .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .dashboard-module.content-box .grid {
    min-height: 300px;
}
@media (min-width: 992px) {
    .dashboard-module.content-box .box-content, .dashboard-module.content-box .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .dashboard-module.content-box .grid {
        padding: 15px;
    }
}
.dashboard-module.content-box .box-content .spacing-top, .dashboard-module.content-box .widget-checkout-css-gift-card .grid .spacing-top, .widget-checkout-css-gift-card .dashboard-module.content-box .grid .spacing-top {
    margin-top: 20px;
}
.dashboard-module.content-box .cv-is-empty {
    text-align: center;
    padding: 25px;
    font-style: italic;
}

@media (min-width: 992px) {
    .dashboard-recently-purchased .data-list-view-basic .cv-data-zone-2 {
        width: 85%;
    }
}

/*------------------------------------*\
    Widget - Forgot Password
\*------------------------------------*/
.widget-forgot-password {
    margin: 64px 0;
}
@media (min-width: 992px) {
    .widget-forgot-password {
        max-width: 50%;
        margin: 64px auto;
    }
}
.widget-forgot-password .col-1-2 {
    width: 100%;
    padding: 0 0 12px;
}
.widget-forgot-password .box-title, .widget-forgot-password .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .widget-forgot-password h5 {
    font-size: 40px;
    font-weight: bold;
    color: white;
    border-radius: 10px 10px 0 0;
    padding: 12px;
}
.widget-forgot-password .box-title:before, .widget-forgot-password .widget-checkout-css-gift-card h5:before, .widget-checkout-css-gift-card .widget-forgot-password h5:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-forgot-password .box-title:before, .widget-forgot-password .widget-checkout-css-gift-card h5:before, .widget-checkout-css-gift-card .widget-forgot-password h5:before {
    content: "";
}
.widget-forgot-password .box-title:before, .widget-forgot-password .widget-checkout-css-gift-card h5:before, .widget-checkout-css-gift-card .widget-forgot-password h5:before {
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    color: #1c365f;
    text-align: center;
    margin-right: 5px;
    margin-right: 10px;
}
.widget-forgot-password .box-content, .widget-forgot-password .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .widget-forgot-password .grid {
    padding: 30px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/*------------------------------------*\
    Widget - Freight Estimate
\*------------------------------------*/
.widget-freight-estimate::after {
    clear: both;
    content: "";
    display: block;
}

/*------------------------------------*\
    Widget - Freight Options
\*------------------------------------*/
.widget-freight-options .shipping-cost {
    display: inline-block;
    color: red;
    padding: 0 10px;
}
.widget-freight-options .grid.content-box.pickup-address {
    margin: 0 0 5px;
    padding: 10px;
}
.widget-freight-options .grid.content-box.pickup-address .box-content, .widget-freight-options .grid.content-box.pickup-address .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address .grid {
    background: #ebe9e8;
    border-radius: 5px;
    position: relative;
}
.widget-freight-options .grid.content-box.pickup-address .box-content .btn.cv-apply, .widget-freight-options .grid.content-box.pickup-address .widget-checkout-css-gift-card .grid .btn.cv-apply, .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address .grid .btn.cv-apply, .widget-freight-options .grid.content-box.pickup-address .box-content #printPanel input.cv-apply, #printPanel .widget-freight-options .grid.content-box.pickup-address .box-content input.cv-apply, .widget-freight-options .grid.content-box.pickup-address .widget-checkout-css-gift-card .grid #printPanel input.cv-apply, #printPanel .widget-freight-options .grid.content-box.pickup-address .widget-checkout-css-gift-card .grid input.cv-apply, .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address .grid #printPanel input.cv-apply, #printPanel .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address .grid input.cv-apply {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.widget-freight-options .grid.content-box.pickup-address.secondary .box-content, .widget-freight-options .grid.content-box.pickup-address.secondary .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address.secondary .grid {
    background: #3e8468;
    color: white;
}
.widget-freight-options .grid.content-box.pickup-address.secondary .box-content:before, .widget-freight-options .grid.content-box.pickup-address.secondary .widget-checkout-css-gift-card .grid:before, .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address.secondary .grid:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-freight-options .grid.content-box.pickup-address.secondary .box-content:before, .widget-freight-options .grid.content-box.pickup-address.secondary .widget-checkout-css-gift-card .grid:before, .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address.secondary .grid:before {
    content: "";
}
.widget-freight-options .grid.content-box.pickup-address.secondary .box-content::before, .widget-freight-options .grid.content-box.pickup-address.secondary .widget-checkout-css-gift-card .grid::before, .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address.secondary .grid::before {
    top: 10px;
    right: 10px;
    opacity: 0.5;
    color: white;
    font-size: 32px;
    position: absolute;
    border: 2px solid white;
    border-radius: 6px;
}
.widget-freight-options .grid.content-box.pickup-address.secondary .box-content .btn.cv-apply[disabled=disabled], .widget-freight-options .grid.content-box.pickup-address.secondary .widget-checkout-css-gift-card .grid .btn.cv-apply[disabled=disabled], .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address.secondary .grid .btn.cv-apply[disabled=disabled], .widget-freight-options .grid.content-box.pickup-address.secondary .box-content #printPanel input.cv-apply[disabled=disabled], #printPanel .widget-freight-options .grid.content-box.pickup-address.secondary .box-content input.cv-apply[disabled=disabled], .widget-freight-options .grid.content-box.pickup-address.secondary .widget-checkout-css-gift-card .grid #printPanel input.cv-apply[disabled=disabled], #printPanel .widget-freight-options .grid.content-box.pickup-address.secondary .widget-checkout-css-gift-card .grid input.cv-apply[disabled=disabled], .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address.secondary .grid #printPanel input.cv-apply[disabled=disabled], #printPanel .widget-checkout-css-gift-card .widget-freight-options .grid.content-box.pickup-address.secondary .grid input.cv-apply[disabled=disabled] {
    display: none;
}
.widget-freight-options .pickup-address .form-span {
    font-size: 12px;
    margin: 0 0 5px;
}
.widget-freight-options .pickup-address .form-span b {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    font-size: 16px;
}
.widget-freight-options .pickup-address .form-span b:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-freight-options .pickup-address .form-span b:before {
    content: "";
}
.widget-freight-options .pickup-address .form-span b:before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

a.modal-window-map {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    background: white;
    color: black;
    margin-left: 5px;
}

/*------------------------------------*\
    Widget - Giftcards
\*------------------------------------*/
/*------------------------------------*\
    Widget - Keep Shopping
\*------------------------------------*/
.widget-keep-shopping {
    width: 100%;
    margin: 0 0 10px;
}
@media (min-width: 576px) {
    .widget-keep-shopping {
        width: auto;
        margin: 0 10px;
    }
}

.widget-cart-quote-button {
    width: 100%;
}
@media (min-width: 768px) {
    .widget-cart-quote-button {
        width: auto;
    }
}

/*------------------------------------*\
    Widget - Login Logout Modal
\*------------------------------------*/
.widget-login-logout-modal {
    position: relative;
    text-align: center;
    padding: 0 !important;
}
.widget-login-logout-modal::after {
    clear: both;
    content: "";
    display: block;
}
.device-Mobile .widget-login-logout-modal {
    height: 35px;
    padding: 0 !important;
}
.device-Mobile .widget-login-logout-modal a {
    display: block;
    color: white;
    font-size: 14px;
    text-transform: initial;
    font-weight: bold;
    padding: 7px 10px;
}
.device-Mobile .widget-login-logout-modal a .icon::before {
    font-size: 20px;
}
.device-Mobile .widget-login-logout-modal a .ico-only-text {
    display: none;
}
.deivce-Tablet .widget-login-logout-modal a, .device-Desktop .widget-login-logout-modal a {
    color: white;
    height: inherit;
    padding: 10px 15px;
    display: block;
}
.deivce-Tablet .widget-login-logout-modal a:hover, .deivce-Tablet .widget-login-logout-modal a:focus, .device-Desktop .widget-login-logout-modal a:hover, .device-Desktop .widget-login-logout-modal a:focus {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.18);
    color: white;
    cursor: pointer;
}
.deivce-Tablet .widget-login-logout-modal a .icon::before, .device-Desktop .widget-login-logout-modal a .icon::before {
    font-size: 14px;
    display: inline-block;
    top: 1px;
    position: relative;
}
.deivce-Tablet .widget-login-logout-modal a .ico-only-text, .device-Desktop .widget-login-logout-modal a .ico-only-text {
    font-size: 14px;
}
.deivce-Tablet .widget-login-logout-modal a.cv-is-processing .icon:before, .device-Desktop .widget-login-logout-modal a.cv-is-processing .icon:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.deivce-Tablet .widget-login-logout-modal a.cv-is-processing .icon:before, .device-Desktop .widget-login-logout-modal a.cv-is-processing .icon:before {
    content: "";
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.deivce-Tablet .widget-login-logout-modal a.cv-is-processing .icon::before, .device-Desktop .widget-login-logout-modal a.cv-is-processing .icon::before {
    animation: spin 1.25s infinite linear;
}

.is-scrolling #cv-zone-header .widget-login-logout-modal a {
    color: #1c365f;
}
.is-scrolling #cv-zone-header .widget-login-logout-modal a .icon {
    color: #1c365f;
}

[id*=modal-login-register-] p {
    line-height: normal;
}
[id*=modal-login-register-] .modal-header .cv-ico-general-login {
    position: relative;
}
[id*=modal-login-register-] .modal-header .cv-ico-general-login:before {
    content: "";
}
[id*=modal-login-register-] .modal-content {
    background: white;
}
[id*=modal-login-register-] .modal-content .col-1-2 {
    width: 100%;
}
[id*=modal-login-register-] .form-fieldset {
    width: auto;
    font-size: 14px;
    margin: 12px 0 0;
}
@media (min-width: 992px) {
    [id*=modal-login-register-] .form-fieldset {
        position: relative;
        top: -10px;
    }
}
[id*=modal-login-register-] .form-fieldset [class*=form-] {
    margin: 0 !important;
}
[id*=modal-login-register-] .grey-box {
    font-size: 14px;
    margin: 20px 0 0;
}
[id*=modal-login-register-] .grid-row.spacing-bottom,
[id*=modal-login-register-] .grid-row.spacing-top {
    margin: 0;
}
[id*=modal-login-register-] .grid.spacing-bottom,
[id*=modal-login-register-] .grid.spacing-top {
    margin: 0;
}

.password-reset-link.cv-ico-general-lock {
    font-size: 14px;
}
.password-reset-link.cv-ico-general-lock::before {
    margin: 1px 5px 0 0;
}

/*------------------------------------*\
    SOCIAL LOGIN
\*------------------------------------*/
.login-alt .social-button {
    width: 247px;
    height: 40px;
    border: none;
    display: block;
    float: none;
    margin: 0 0 10px;
}

.btn.large.social-button.google-login, #printPanel input.large.social-button.google-login {
    background-image: url("/Themes/BPDTHEME01/theme-base/img/logos/google-signin.png");
}

.btn.large.social-button.facebook-login, #printPanel input.large.social-button.facebook-login {
    background-image: url("/Themes/BPDTHEME01/theme-base/img/logos/facebook-signin.png");
}

.btn.large.social-button.microsoft-login, #printPanel input.large.social-button.microsoft-login {
    background-image: url("/Themes/BPDTHEME01/theme-base/img/logos/microsoft-signin.png");
}

.modal-content .password-reset-link {
    font-size: 12px;
    display: block;
    clear: both;
    float: left;
    padding: 10px 0;
}

.site-login h5 {
    margin: 0 0 10px;
}

/*------------------------------------*\
    Widget - Login Only
\*------------------------------------*/
.widget-login-only {
    margin: 64px 0;
}
@media (min-width: 992px) {
    .widget-login-only {
        max-width: 50%;
        margin: 64px auto;
    }
}
.widget-login-only .col-1-2 {
    width: 100%;
    padding: 0 0 12px;
}
.widget-login-only .box-title, .widget-login-only .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .widget-login-only h5 {
    font-size: 18px;
    font-weight: bold;
    color: white;
    border-radius: 10px 10px 0 0;
    padding: 12px;
}
.widget-login-only .box-title:before, .widget-login-only .widget-checkout-css-gift-card h5:before, .widget-checkout-css-gift-card .widget-login-only h5:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-login-only .box-title:before, .widget-login-only .widget-checkout-css-gift-card h5:before, .widget-checkout-css-gift-card .widget-login-only h5:before {
    content: "";
}
@media (min-width: 992px) {
    .widget-login-only .box-title, .widget-login-only .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .widget-login-only h5 {
        font-size: 28px;
    }
}
.widget-login-only .box-title:before, .widget-login-only .widget-checkout-css-gift-card h5:before, .widget-checkout-css-gift-card .widget-login-only h5:before {
    background: #fff;
    padding: 5px;
    border-radius: 100px;
    color: #1c365f;
    text-align: center;
    margin-right: 5px;
    margin-right: 10px;
}
.widget-login-only .box-content, .widget-login-only .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .widget-login-only .grid {
    padding: 30px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.widget-login-only .box-content .btn, .widget-login-only .widget-checkout-css-gift-card .grid .btn, .widget-checkout-css-gift-card .widget-login-only .grid .btn, .widget-login-only .box-content #printPanel input, #printPanel .widget-login-only .box-content input, .widget-login-only .widget-checkout-css-gift-card .grid #printPanel input, #printPanel .widget-login-only .widget-checkout-css-gift-card .grid input, .widget-checkout-css-gift-card .widget-login-only .grid #printPanel input, #printPanel .widget-checkout-css-gift-card .widget-login-only .grid input {
    width: 100%;
    float: none;
    margin: 0px;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .widget-login-only .box-content .btn, .widget-login-only .widget-checkout-css-gift-card .grid .btn, .widget-checkout-css-gift-card .widget-login-only .grid .btn, .widget-login-only .box-content #printPanel input, #printPanel .widget-login-only .box-content input, .widget-login-only .widget-checkout-css-gift-card .grid #printPanel input, #printPanel .widget-login-only .widget-checkout-css-gift-card .grid input, .widget-checkout-css-gift-card .widget-login-only .grid #printPanel input, #printPanel .widget-checkout-css-gift-card .widget-login-only .grid input {
        float: left;
        width: auto;
        margin-right: 5px;
    }
}
.widget-login-only #remember-email {
    margin-right: 5px;
}
.widget-login-only .lost-pwd {
    background: none;
    border: none;
    color: #1c365f;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.widget-login-only .lost-pwd:before {
    content: "";
}
.widget-login-only .lost-pwd:before {
    margin: 1px 5px 0 0;
}
.widget-login-only .lost-pwd:hover, .widget-login-only .lost-pwd:focus {
    background: none;
    border: none;
}

/*------------------------------------*\
    Widget - Logo
\*------------------------------------*/
.widget-logo {
    display: block;
    float: left;
}
.widget-logo::after {
    clear: both;
    content: "";
    display: block;
}
.widget-logo img {
    float: none;
    padding-top: 0px;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .widget-logo img {
        max-width: 300px;
        float: left;
        margin-bottom: 0px;
    }
}
@media (min-width: 768px) {
    .footer-after-col .widget-logo img {
        max-width: 200px;
        margin: 0;
        margin-bottom: 5px;
    }
}

/*------------------------------------*\
    Widget - List Layout Switch
\*------------------------------------*/
.widget-list-layout-switch {
    display: block;
    margin: 0 0 20px;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.widget-list-layout-switch::after {
    clear: both;
    content: "";
    display: block;
}
.widget-list-layout-switch .layout-switch {
    float: left;
    display: block;
    margin: 0 5px 5px 0;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 0;
    color: #9b918c;
}
@media (min-width: 992px) {
    .widget-list-layout-switch .layout-switch {
        margin: 0 5px 5px 0;
    }
}
.widget-list-layout-switch .layout-switch:hover, .widget-list-layout-switch .layout-switch:focus {
    cursor: pointer;
    border-color: #f3b311;
}
.widget-list-layout-switch .layout-switch span {
    display: block;
    float: left;
    padding: 5px;
    font-weight: 600;
    font-size: 12px;
}
.widget-list-layout-switch .layout-switch span::before {
    position: relative;
    margin-right: 5px;
}
.widget-list-layout-switch .layout-switch.active {
    border-color: #f3b311;
    background: #f3b311;
    color: #1e3232;
}

/*------------------------------------*\
    Widget - Navigation Menu
\*------------------------------------*/
.widget-mega-menu {
    position: relative;
}
.widget-mega-menu::after {
    clear: both;
    content: "";
    display: block;
}
.widget-mega-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-mega-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
.widget-mega-menu ul li:hover a {
    background: #f5c342;
}
.widget-mega-menu ul li:hover .dropdown-area a,
.widget-mega-menu ul li:hover .dopdown-column a {
    background: none;
    color: black;
}
.widget-mega-menu ul li a {
    display: block;
    background: none;
    padding: 14px;
    height: 50px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}
.widget-mega-menu ul li a.ico-right:before {
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.widget-mega-menu ul li.dropdown-twolevel {
    position: relative;
}
.widget-mega-menu ul li.dropdown-twolevel:hover .dropdown-column {
    display: block;
}
.widget-mega-menu ul li.dropdown-threelevel:hover .dropdown-area {
    display: block;
}
.widget-mega-menu .dropdown-area {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 14px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 1000;
    border-top: none;
}
.widget-mega-menu .dropdown-area::after {
    clear: both;
    content: "";
    display: block;
}
.widget-mega-menu .dropdown-area .mm-col {
    padding-right: 14px;
}
.widget-mega-menu .dropdown-area a {
    height: auto;
    font-weight: normal;
}
.widget-mega-menu .dropdown-area a.mm-heading {
    border-bottom: 1px solid black;
    font-size: 14px;
    font-weight: 600;
    color: black;
    background: none;
    padding: 5px 0;
}
.widget-mega-menu .dropdown-area a.mm-heading:before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.widget-mega-menu .dropdown-area a.mm-heading:hover {
    color: #1c365f;
}
.widget-mega-menu .dropdown-area ul {
    display: block;
    margin: 0 0 14px;
    padding: 0;
}
.widget-mega-menu .dropdown-area ul::after {
    clear: both;
    content: "";
    display: block;
}
.widget-mega-menu .dropdown-area ul li {
    width: 100%;
}
.widget-mega-menu .dropdown-area ul li a {
    padding: 5px;
    font-size: 12px;
    font-weight: 400;
    color: black;
}
.widget-mega-menu .dropdown-area ul li a:hover {
    background: none;
    color: #1c365f;
}

/*------------------------------------*\
    Widget - Mobile Menu Zoned
\*------------------------------------*/
.widget-mobile-menu-zoned {
    padding: 3px !important;
    height: auto;
    display: block;
}
@media (min-width: 992px) {
    .widget-mobile-menu-zoned {
        display: none;
    }
}
.widget-mobile-menu-zoned .btn.ghost, .widget-mobile-menu-zoned #printPanel input.ghost, #printPanel .widget-mobile-menu-zoned input.ghost {
    margin: 0;
    padding: 0;
    border: none;
    color: white;
}
.widget-mobile-menu-zoned .cv-mobile-menu-zone-button:before {
    content: "";
    top: 0;
    font-size: 32px;
    font-family: "cv-ico-general";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-mobile-menu-zoned .widget-section-menu.section-menu-specials1 {
    padding-top: 0px !important;
}
.widget-mobile-menu-zoned .widget-section-menu.section-menu-specials1 .heading {
    font-weight: initial;
    display: block;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #1c365f;
    cursor: pointer;
}
.widget-mobile-menu-zoned .widget-section-menu.section-menu-specials1 .heading:before {
    content: "";
    display: inline-block;
    margin-right: 3px;
    font-size: 14px;
    font-family: "cv-ico-general";
}
.widget-mobile-menu-zoned .widget-section-menu.section-menu-specials1 .heading.arrow-down:before {
    content: "";
    margin-right: 3px;
    font-size: 14px;
    font-family: "cv-ico-general";
}
.widget-mobile-menu-zoned .widget-section-menu.section-menu-specials1 ul {
    display: none;
}
.widget-mobile-menu-zoned .widget-section-menu.section-menu-specials1 ul li .sub-menu-link span {
    font-size: 12px;
    text-transform: uppercase;
}

#cv-zone-topbar .mobile-menu.shift-left {
    /* Safari, Chrome and Opera > 12.1 */
    /* Firefox < 16 */
    /* Internet Explorer */
    /* Opera < 12.1 */
    animation: bpd-fade-in 1s;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 340px;
    background: #014985;
    height: 100%;
    color: #fff;
    z-index: 100000;
    overflow: auto;
    overflow-y: scroll;
    box-shadow: -10px 0 30px #242424;
}
#cv-zone-topbar .mobile-menu.shift-left a {
    color: #fff;
}
#cv-zone-topbar .mobile-menu.shift-left > .container {
    margin-top: 4px;
    position: relative;
    z-index: 1;
}
#cv-zone-topbar .mobile-menu.shift-left .widget-product-category-list {
    width: 100%;
    padding: 0px;
}
#cv-zone-topbar .mobile-menu.shift-left .widget-product-category-list ul.top-level {
    list-style-type: none;
    padding: 7px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#cv-zone-topbar .mobile-menu.shift-left .widget-product-category-list ul.top-level:before {
    right: 5px;
}
#cv-zone-topbar .mobile-menu.shift-left .widget-product-category-list ul.top-level li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #1c365f;
}
#cv-zone-topbar .mobile-menu.shift-left .widget-product-category-list ul.top-level li a {
    font-size: 16px;
}
#cv-zone-topbar .mobile-menu.shift-left .widget-product-category-list ul.top-level li ul.second-level {
    margin-left: -20px;
    margin-top: 10px;
    list-style-type: none;
}
#cv-zone-topbar .mobile-menu.shift-left .widget-product-category-list ul.top-level li ul.second-level li {
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
}
#cv-zone-topbar .mobile-menu.shift-left .widget-product-category-list ul.top-level li ul.second-level li a {
    color: #fff;
    font-size: 12px;
}
#cv-zone-topbar .mobile-menu.shift-left .widget-product-category-list ul.top-level li ul.second-level li a:hover {
    color: #f3b311;
}
#cv-zone-topbar .mobile-menu [class*=widget-] {
    height: auto;
}
#cv-zone-topbar .mobile-menu .containter {
    position: relative;
}
#cv-zone-topbar .mobile-menu .widget-section-menu {
    width: 100%;
}
#cv-zone-topbar .mobile-menu .widget-section-menu ul li a {
    display: block;
    position: relative;
}
#cv-zone-topbar .mobile-menu .widget-section-menu ul li a span {
    display: block;
    padding: 12px 10px;
    position: relative;
}
#cv-zone-topbar .mobile-menu .widget-section-menu ul li a .menu-item-count {
    position: absolute;
    top: 7px;
    right: 10px;
    background: #f3b311;
    color: black;
    border-radius: 50px;
    display: block;
    float: right;
    font-weight: 600;
    font-size: 12px;
    padding: 4px;
    min-width: 20px;
    text-align: center;
}
#cv-zone-topbar .mobile-menu .widget-section-menu ul li a:hover span {
    background: #1c365f;
    color: white;
}
#cv-zone-topbar .mobile-menu [class*=widget-]:hover {
    background: none;
}
#cv-zone-topbar .mobile-menu .widget-logo {
    margin: 0;
    padding: 0;
    cursor: default;
    width: auto;
}
#cv-zone-topbar .mobile-menu .widget-logo img {
    height: 50px;
    padding: 0;
    margin: 0;
}
#cv-zone-topbar .mobile-menu .widget-store-availability {
    display: block;
    background: none;
    border: none;
    padding: 10px;
}
#cv-zone-topbar .mobile-menu .widget-store-availability .change-store-toggle {
    top: 32px;
}
#cv-zone-topbar .mobile-menu .widget-store-availability .change-store-dropdown {
    top: 55px;
}
#cv-zone-topbar .mobile-menu .widget-store-availability .change-store-dropdown .btn, #cv-zone-topbar .mobile-menu .widget-store-availability .change-store-dropdown #printPanel input, #printPanel #cv-zone-topbar .mobile-menu .widget-store-availability .change-store-dropdown input {
    color: #fff;
}
#cv-zone-topbar .mobile-menu .widget-switch-account {
    display: block;
}
#cv-zone-topbar .mobile-menu .widget-switch-account .switch-acc a .ico-only-text {
    display: inline-block;
}
#cv-zone-topbar .mobile-menu .widget-phone {
    display: block;
    width: 100%;
    padding: 12px 50px;
}
#cv-zone-topbar .mobile-menu .widget-phone:hover {
    background: #1c365f !important;
}
#cv-zone-topbar .mobile-menu .widget-phone:hover span {
    color: white;
}
#cv-zone-topbar .mobile-menu .widget-role-select {
    display: block;
}
#cv-zone-topbar .mobile-menu .widget-role-select .role-name {
    display: block;
}
#cv-zone-topbar .mobile-menu .widget-role-select .role-name .role-code {
    display: block;
}
#cv-zone-topbar .mobile-menu .widget-contact-link {
    display: block;
    width: 100%;
    padding: 12px 50px;
}
#cv-zone-topbar .mobile-menu .widget-contact-link:hover {
    background: #1c365f !important;
}
#cv-zone-topbar .mobile-menu .widget-contact-link:hover span {
    color: white;
}
#cv-zone-topbar .mobile-menu .widget-social-links {
    display: block;
    width: 100%;
    padding: 14px 50px;
}
#cv-zone-topbar .mobile-menu .widget-html-snippet.Accounts-heading {
    padding: 0px;
    margin: 0px;
    margin-left: 10px;
}
#cv-zone-topbar .mobile-menu .widget-html-snippet.Accounts-heading .heading {
    font-size: 16px;
    margin: 0px;
}
#cv-zone-topbar .mobile-menu .widget-html-snippet.Accounts-heading.copyright-message a {
    color: #1c365f;
    font-style: italic;
}
#cv-zone-topbar .mobile-menu .widget-html-snippet.Accounts-heading.copyright-message a:hover {
    text-decoration: underline;
}
#cv-zone-topbar .mobile-menu .widget-payment-icons {
    padding: 5px 50px;
}
#cv-zone-topbar .mobile-menu .widget-payment-icons img {
    max-height: 14px;
    padding: 0 3px 0 0;
}

body.shift-left {
    position: relative;
    overflow: hidden;
}
body.shift-left:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
body.shift-left #cv-zone-topbar {
    background: transparent;
    color: transparent;
    border: transparent;
}
body.shift-left #cv-zone-topbar a,
body.shift-left #cv-zone-topbar button {
    color: transparent;
}
body.shift-left #cv-zone-topbar [class*=widget-]:hover {
    background: transparent;
}

.mobile-menu-close {
    display: block;
    padding: 5px;
    position: absolute;
    top: 0;
    cursor: pointer;
    right: 0;
    width: 100%;
    background: #014985;
}
.mobile-menu-close:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mobile-menu-close:before {
    content: "";
}
.mobile-menu-close:before {
    font-size: 40px;
    float: right;
}

/*------------------------------------*\
    Widget - Navigation Menu
\*------------------------------------*/
.widget-navigation-menu {
    display: block;
    position: relative;
}
.widget-navigation-menu::after {
    clear: both;
    content: "";
    display: block;
}
.widget-navigation-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-navigation-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
.widget-navigation-menu ul li:hover a {
    background: #f5c342;
}
.widget-navigation-menu ul li:hover .dropdown-area a,
.widget-navigation-menu ul li:hover .dopdown-column a {
    background: none;
    color: black;
}
.widget-navigation-menu ul li a {
    display: block;
    background: none;
    padding: 14px;
    padding-top: 18px;
    height: 50px;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
}
@media (min-width: 1300px) {
    .widget-navigation-menu ul li a {
        font-size: 13px;
        padding-top: 14px;
        padding: 14px;
        padding-top: 17px;
    }
}
@media (min-width: 1440px) {
    .widget-navigation-menu ul li a {
        font-size: 14px;
    }
}
.widget-navigation-menu ul li a.ico-right:before {
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.widget-navigation-menu ul li.dropdown-twolevel {
    position: relative;
}
.widget-navigation-menu ul li.dropdown-twolevel:hover .dropdown-column {
    display: block;
}
.widget-navigation-menu ul li.dropdown-threelevel:hover .dropdown-area {
    display: block;
}
.widget-navigation-menu .dropdown-column {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 280px;
    z-index: 1000;
    border-top: none;
}
.widget-navigation-menu .dropdown-column::after {
    clear: both;
    content: "";
    display: block;
}
.widget-navigation-menu .dropdown-column ul {
    display: block;
    margin: 0;
}
.widget-navigation-menu .dropdown-column ul::after {
    clear: both;
    content: "";
    display: block;
}
.widget-navigation-menu .dropdown-column ul li {
    width: 100%;
}
.widget-navigation-menu .dropdown-column ul li a {
    padding: 10px 15px;
    font-size: 12px;
    color: black;
    height: auto;
    background: white;
    font-weight: 600;
}
.widget-navigation-menu .dropdown-column ul li a.ico-left:before {
    margin-right: 5px;
}
.widget-navigation-menu .dropdown-column ul li a:hover {
    background: #f3b311;
    color: black;
}
.widget-navigation-menu .dropdown-column ul li:last-child a {
    border-radius: 0 0 15px 15px;
}
.widget-navigation-menu .dropdown-area {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 14px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 1000;
    border-top: none;
}
.widget-navigation-menu .dropdown-area::after {
    clear: both;
    content: "";
    display: block;
}
.widget-navigation-menu .dropdown-area .mm-col {
    padding-right: 14px;
}
.widget-navigation-menu .dropdown-area a {
    height: auto;
    font-weight: normal;
}
.widget-navigation-menu .dropdown-area a.mm-heading {
    border-bottom: 1px solid black;
    font-size: 14px;
    font-weight: 600;
    color: black;
    background: none;
    padding: 5px 0;
}
.widget-navigation-menu .dropdown-area a.mm-heading:before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.widget-navigation-menu .dropdown-area a.mm-heading:hover {
    color: #1c365f;
}
.widget-navigation-menu .dropdown-area ul {
    display: block;
    margin: 0 0 14px;
    padding: 0;
}
.widget-navigation-menu .dropdown-area ul::after {
    clear: both;
    content: "";
    display: block;
}
.widget-navigation-menu .dropdown-area ul li {
    width: 100%;
}
.widget-navigation-menu .dropdown-area ul li a {
    padding: 5px;
    font-size: 12px;
    font-weight: 400;
    color: black;
}
.widget-navigation-menu .dropdown-area ul li a:hover {
    background: none;
    color: #1c365f;
}

/*------------------------------------*\
    FLYOUT NAV MENU
\*------------------------------------*/
.flyout-column {
    display: none;
}

.flyout-level-one {
    position: relative;
}
.flyout-level-one:hover .flyout-column-one {
    display: block;
    background: #1c365f;
}
.flyout-level-one.single-column ul {
    min-height: initial;
}

.flyout-column-one {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
}
.flyout-column-one > ul {
    background: #1c365f;
    width: 250px;
    min-height: 400px;
}
.flyout-column-one > ul li.flyout-level-two {
    width: 100%;
    display: block;
}
.flyout-column-one > ul li.flyout-level-two:hover a {
    background: #224173;
}
.flyout-column-one > ul li.flyout-level-two:hover .flyout-column.flyout-column-two {
    display: block;
}
.flyout-column-one > ul li.flyout-level-two a {
    width: 100%;
    display: block;
    padding: 1em;
    border-radius: 0;
    color: white;
    background: none;
    height: auto;
    font-size: 14px;
}

.flyout-column.flyout-column-two {
    display: none;
    position: absolute;
    top: 0;
    left: 250px;
    background: #224173;
    width: 250px;
    min-height: 400px;
}
.flyout-column.flyout-column-two li {
    display: block;
    width: 100%;
}
.flyout-column.flyout-column-two li.flyout-level-three:hover a {
    background: #284c86;
}
.flyout-column.flyout-column-two li:hover .flyout-column.flyout-column-three {
    display: block;
}
.flyout-column.flyout-column-two li a {
    width: 100%;
    display: block;
    color: white;
}
.flyout-column.flyout-column-two .flyout-column.flyout-column-three {
    display: none;
    position: absolute;
    top: 0;
    left: 250px;
    background: #284c86;
    width: 250px;
    min-height: 400px;
}
.flyout-column.flyout-column-two .flyout-column.flyout-column-three li {
    display: block;
    width: 100%;
}
.flyout-column.flyout-column-two .flyout-column.flyout-column-three li a {
    width: 100%;
    display: block;
    color: white;
}
.flyout-column.flyout-column-two .flyout-column.flyout-column-three li a:hover {
    background: #2d589a;
}

/*------------------------------------*\
    Widget - Newsletter
\*------------------------------------*/
.widget-newsletter {
    padding: 5% 2%;
    clear: both;
    display: block;
}
.widget-newsletter::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .widget-newsletter {
        padding: 40px 0;
    }
}
.widget-newsletter > div {
    width: 98%;
    max-width: 1400px;
    margin: 0 auto;
}
@media (min-width: 1440px) {
    .widget-newsletter > div {
        width: 100%;
    }
}
.newsletter-message {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #1e3232;
    padding-bottom: 20px;
    font-weight: 600;
}
@media (min-width: 992px) {
    .newsletter-message {
        float: left;
        display: block;
        width: 50%;
        text-align: left;
        padding: 20px 20px 0 0;
        font-size: 20px;
    }
    .newsletter-message::before {
        float: left;
        margin: 0 25px 0 0;
    }
}

.newsletter-form {
    position: relative;
    margin: 0 auto;
    max-width: 800px;
}
.newsletter-form::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .newsletter-form {
        float: left;
        width: 50%;
        display: block;
        margin: 0;
        padding: 10px 0 0;
        max-width: 100%;
    }
}
.newsletter-form .form-email {
    float: left;
    display: block;
    height: 50px;
    border-color: white;
    margin: 0;
}
.newsletter-form .form-email:focus, .newsletter-form .form-email:active {
    background: white;
    border-color: white;
}
.newsletter-form .btn.cv-newsletter, .newsletter-form #printPanel input.cv-newsletter, #printPanel .newsletter-form input.cv-newsletter {
    float: left;
    display: block;
    color: #fff;
    width: 100%;
    margin-top: 5px;
    background: #1c365f;
    border-color: #1c365f;
}
.newsletter-form .btn.cv-newsletter:hover, .newsletter-form #printPanel input.cv-newsletter:hover, #printPanel .newsletter-form input.cv-newsletter:hover {
    background: #1c365f;
    border-color: #1c365f;
}
@media (min-width: 992px) {
    .newsletter-form .btn.cv-newsletter, .newsletter-form #printPanel input.cv-newsletter, #printPanel .newsletter-form input.cv-newsletter {
        position: absolute;
        top: 5px;
        right: 5px;
        height: 40px;
        top: 15px;
        padding: 5px 40px;
        margin: 0;
        width: auto;
    }
}

.newsletter-title {
    clear: both;
    display: block;
}

/*------------------------------------*\
    Widget - Order Import
\*------------------------------------*/
.order-import-messages {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    background: white;
    max-height: 600px;
    overflow: auto;
}
.order-import-messages::after {
    clear: both;
    content: "";
    display: block;
}

html .k-upload {
    clear: both;
    margin: 10px 0 10px;
    border-color: #9b918c;
    background: #f9f9f9;
    border-radius: 5px;
}

.k-progressbar > .k-state-selected, .k-rtl .k-progressbar > .k-state-selected {
    background: #1c365f;
}

.k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete {
    background: #3e8468;
}

#modal-import-processing [class*=k-] {
    box-sizing: content-box;
}

.widget-file-upload {
    clear: both;
    margin: 0 0 20px;
}
.widget-file-upload::after {
    clear: both;
    content: "";
    display: block;
}
.widget-file-upload .form-label {
    margin: 10px;
}

.or-separator {
    position: relative;
}
.or-separator.horizontal {
    text-align: center;
    margin: 10px 0;
}
.or-separator.horizontal span {
    background: white;
    display: inline-block;
    width: 50px;
    z-index: 100;
    position: relative;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.grey-box .or-separator.horizontal span {
    background: #f0f0f0;
}
.or-separator.horizontal::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #042242;
    position: relative;
    top: -10px;
    z-index: 10;
}
.or-separator.vertical {
    text-align: center;
    margin: 10px 0;
    display: block;
    width: 100%;
}
@media (min-width: 992px) {
    .or-separator.vertical {
        width: 50px;
        height: 150px;
    }
}
.or-separator.vertical:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #042242;
    position: relative;
    z-index: 10;
    top: -9px;
}
@media (min-width: 992px) {
    .or-separator.vertical:after {
        width: 1px;
        height: 100%;
        left: 24px;
    }
}
.or-separator.vertical span {
    background: #fff;
    display: inline-block;
    width: 50px;
    z-index: 100;
    font-size: 12px;
    font-weight: 600;
    position: relative;
}
@media (min-width: 992px) {
    .or-separator.vertical span {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -15px;
        padding-top: 10px;
        height: 40px;
    }
}
.grey-box .or-separator.vertical span {
    background: #f0f0f0;
}

/*------------------------------------*\
    Widget - Cart Order Lines
\*------------------------------------*/
.widget-order-lines {
    position: relative;
    margin-top: 50px;
}
@media (min-width: 992px) {
    .widget-order-lines {
        min-height: 500px;
    }
}
.widget-order-lines .order-lines-container {
    display: block;
}
.widget-order-lines .cv-is-processing-overlay {
    text-align: center;
    padding: 40px;
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: white;
}
.widget-order-lines .cv-is-processing-overlay .cv-is-processing-message {
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.widget-order-lines .cv-is-processing-overlay .cv-is-processing-message:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-order-lines .cv-is-processing-overlay .cv-is-processing-message:before {
    content: "";
}
.widget-order-lines .cv-is-processing-overlay .cv-is-processing-message::before {
    display: block;
    animation: spin 1.25s infinite linear;
    margin: 10px;
}

.widget-order-lines.cv-cart::after {
    clear: both;
    content: "";
    display: block;
}

.line-notes-area {
    clear: both;
}

.cv-cart-line {
    clear: both;
    display: block;
    padding: 15px 0;
    margin: 0 0 15px;
    border: 2px solid transparent;
    border-bottom: 2px solid #ddd;
    position: relative;
}
.cv-cart-line::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .cv-cart-line {
        padding: 40px 20px;
    }
}
.cv-cart-line .alert-box, .cv-cart-line .grid-no-results, .cv-cart-line .lucene-messages .lucene-message, .lucene-messages .cv-cart-line .lucene-message {
    margin-top: 0;
}
.cv-cart-line.line-error {
    border: 2px solid #d4484c;
}
.cv-cart-line.line-error::before {
    content: "There is an error with this line";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    background: #d4484c;
    z-index: 10000;
}
.cv-cart-line.line-delete {
    border: 2px solid #d4484c;
}
.cv-cart-line.line-delete::before {
    content: "Deleting Line";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    background: #d4484c;
    z-index: 10000;
}
.cv-cart-line.line-update {
    border: 2px solid #3d93b0;
}
.cv-cart-line.line-update::before {
    content: "Update to refresh cart line";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 700;
    color: white;
    background: #3d93b0;
    z-index: 10000;
}
.cv-cart-line .cart-product-image-container {
    position: relative;
}
.cv-cart-line .cart-product-image-container::after {
    clear: both;
    content: "";
    display: block;
}
.cv-cart-line .cart-product-image-container img {
    float: left;
}
.cv-cart-line .product-ribbons img {
    width: 50%;
}
.cv-cart-line .widget-order-line-store-availability-click-and-collect {
    margin: 0;
}
.cv-cart-line .widget-order-line-store-availability-click-and-collect .btn, .cv-cart-line .widget-order-line-store-availability-click-and-collect #printPanel input, #printPanel .cv-cart-line .widget-order-line-store-availability-click-and-collect input {
    margin-top: 5px;
}
.cv-cart-line .widget-order-line-store-availability-click-and-collect.availability-icons .availability-caption {
    float: left;
    display: block;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 9px 5px 8px !important;
    margin: 0 10px 0 0;
    background: #f9f9f9;
}

.cart-line-product-info-sub {
    font-size: 16px;
}

.cart-product-image-link {
    width: 20%;
    float: left;
    display: inline-block;
    padding-right: 15px;
}

.cart-line-area-1::after,
.cart-line-area-2::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .cart-line-area-1,
.cart-line-area-2 {
        display: inline-block;
        float: left;
        width: 50%;
    }
    .cart-line-area-1 .cart-line-product-info,
.cart-line-area-2 .cart-line-product-info {
        width: 80%;
        float: left;
        display: inline-block;
    }
    .cart-line-area-1 .product-ribbons,
.cart-line-area-2 .product-ribbons {
        position: absolute;
        top: -5px;
        left: -5px;
    }
}

.cv-cart-headings {
    display: none;
}
@media (min-width: 992px) {
    .cv-cart-headings {
        display: block;
        border-bottom: 2px solid black;
        text-transform: initial;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-weight: bold;
        margin-bottom: 5px;
        padding: 5px 20px;
    }
    .cv-cart-headings .cv-cart-headings-col {
        padding: 0 0 2px;
    }
}

.cart-line-detail-label {
    float: left;
    display: inline-block;
    width: 50%;
    font-size: 12px;
}
@media (min-width: 992px) {
    .cart-line-detail-label {
        display: none;
    }
}

.cart-line-detail-value {
    float: left;
    display: inline-block;
    width: 50%;
    text-align: right;
    font-size: 12px;
}
@media (min-width: 992px) {
    .cart-line-detail-value {
        width: 100%;
        font-size: 16px;
        padding-top: 5px;
    }
}

.detailed-line-values {
    clear: both;
    text-align: right;
}
.detailed-line-values::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .detailed-line-values {
        display: block;
        clear: both;
        padding-top: 10px;
    }
}
@media (min-width: 992px) {
    .detailed-line-values {
        clear: none;
        display: inline-block;
        float: left;
        width: 50%;
        text-align: left;
        padding-top: 0;
    }
}

.cart-line-values {
    padding: 10px 0;
}
.cart-line-values::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .cart-line-values {
        padding: 0 0 5px;
    }
}

/*------------------------------------*\
    CART LINES
\*------------------------------------*/
.cart-line-area-1::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .cart-line-area-1 {
        display: inline-block;
        float: left;
        width: 50%;
    }
}

.cart-line-area-2::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .cart-line-area-2 {
        display: inline-block;
        float: right !important;
        width: 50%;
    }
}

.cart-line-product-info::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .cart-line-product-info {
        display: inline-block;
        float: left;
        width: 88%;
    }
}

.cart-product-info::after {
    clear: both;
    content: "";
    display: block;
}
.cart-product-info.col-1-2 {
    width: 100%;
}
.cart-product-info.col-1-3 {
    width: 100%;
}
.cart-product-info.col-1-4 {
    width: 100%;
}
.cart-product-info.col-1-5 {
    width: 100%;
}
@media (min-width: 992px) {
    .cart-product-info {
        float: left;
        display: inline-block;
        width: auto;
        font-weight: 600;
    }
    .cart-product-info.col-1-2 {
        width: 50%;
    }
    .cart-product-info.col-1-3 {
        width: 33.3333%;
    }
    .cart-product-info.col-1-4 {
        width: 25%;
    }
    .cart-product-info.col-1-5 {
        width: 20%;
    }
}

.cart-product-field {
    display: inline-block;
    float: left;
    width: 33.333%;
    font-size: 80%;
}
@media (min-width: 992px) {
    .cart-product-field {
        display: block;
        width: 100%;
        margin: 0 0 5px;
    }
}

.btn.small.cart-see-more, #printPanel input.small.cart-see-more {
    float: right !important;
}
@media (min-width: 992px) {
    .btn.small.cart-see-more, #printPanel input.small.cart-see-more {
        display: none;
    }
}

.detailed-line-values {
    clear: both;
    text-align: right;
}
.detailed-line-values::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .detailed-line-values {
        display: block;
        clear: both;
        padding-top: 10px;
    }
}
@media (min-width: 992px) {
    .detailed-line-values {
        clear: none;
        display: inline-block;
        float: left;
        width: 50%;
        text-align: left;
        padding-top: 0;
    }
}

.cart-line-values {
    padding: 10px 0;
}
.cart-line-values::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .cart-line-values {
        padding: 0 0 5px;
    }
}

.cart-line-expandable-area {
    clear: both;
    float: right !important;
    width: 50%;
    background: #555;
    color: white;
    position: relative;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0 0;
}
.cart-line-expandable-area::after {
    clear: both;
    content: "";
    display: block;
}
.cart-line-expandable-area::after {
    content: "";
    margin: 0 !important;
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-bottom-color: #555;
    color: white;
    border-width: 9px;
    margin-left: -9px;
}
@media (min-width: 576px) {
    .cart-line-expandable-area {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .cart-line-expandable-area {
        margin: 0 !important;
        width: 75%;
    }
}
@media (min-width: 992px) {
    .cart-line-expandable-area {
        width: 100%;
        background: none;
        padding: 0 !important;
        color: #1e3232;
    }
    .cart-line-expandable-area::after {
        display: none;
    }
}

.cart-product-ppi {
    display: block;
    margin: 0 !important;
}
.cart-product-ppi::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .cart-product-ppi {
        float: left;
        display: inline-block;
        width: 33.3333%;
        font-weight: 600;
    }
}

.cart-product-disc {
    display: block;
    margin: 0 !important;
}
.cart-product-disc::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .cart-product-disc {
        float: left;
        display: inline-block;
        width: 33.3333%;
        font-weight: 600;
    }
}

.cart-product-gst {
    display: block;
    margin: 0 !important;
}
.cart-product-gst::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .cart-product-gst {
        float: left;
        display: inline-block;
        width: 33.3333%;
        font-weight: 600;
    }
}

.cart-line-detail-label {
    float: left;
    display: inline-block;
    width: 50%;
    font-size: 12px;
}
@media (min-width: 992px) {
    .cart-line-detail-label {
        display: none;
    }
}

.cart-line-detail-value {
    float: left;
    display: inline-block;
    width: 50%;
    text-align: right;
    font-size: 12px;
}
@media (min-width: 992px) {
    .cart-line-detail-value {
        width: 100%;
        font-size: 16px;
        padding-top: 5px;
    }
}

.cart-line-qty {
    float: left;
    display: inline-block;
    width: 60%;
}
@media (min-width: 992px) {
    .cart-line-qty {
        width: 30%;
    }
}

.cart-product-line-total {
    float: right !important;
    display: inline-block;
    width: 40%;
    text-align: right;
    font-weight: 600;
    font-size: 20px;
}
@media (min-width: 992px) {
    .cart-product-line-total {
        width: 20%;
        font-size: 16px;
        padding-top: 5px;
    }
}

.line-note {
    width: 95%;
    max-width: 540px;
    padding: 5px;
}
@media (min-width: 992px) {
    .line-note {
        width: 100%;
        margin: 8px 0 0;
    }
}
@media (min-width: 1260px) {
    .line-note {
        width: 85%;
    }
}
.line-note .form-text {
    font-size: 12px;
    width: 100%;
    display: inline-block;
    margin: 0 5px 0 0;
    height: 26px;
    border-color: white;
    border-radius: 3px;
}
.line-note .form-select {
    margin-bottom: 0;
}
.line-note .btn, .line-note #printPanel input, #printPanel .line-note input {
    display: inline-block;
    clear: none;
    border-radius: 3px;
}
.line-note .btn:hover, .line-note #printPanel input:hover, #printPanel .line-note input:hover, .line-note .btn:focus, .line-note #printPanel input:focus, #printPanel .line-note input:focus {
    background: white;
    color: #1e3232;
}

/*------------------------------------*\
    CART SUMMARY
\*------------------------------------*/
.cv-cart-summary {
    margin: 0 0 50px;
    clear: both;
}
.cv-cart-summary::after {
    clear: both;
    content: "";
    display: block;
}

.cv-cart-summary.cv-awaiting-update {
    color: #1e3232;
}

.cart-summary-row {
    margin: 0 0 5px;
    padding: 0 0 3px;
    font-size: 16px;
}
.cart-summary-row::after {
    clear: both;
    content: "";
    display: block;
}
.cart-summary-row .summary-label {
    float: left;
    display: inline-block;
    width: 50%;
}
.cart-summary-row .summary-value {
    float: right !important;
    display: inline-block;
    width: 50%;
    text-align: right;
}

.cart-additional-items {
    padding-bottom: 30px;
}
@media (min-width: 768px) {
    .cart-additional-items {
        float: left;
        display: inline-block;
        width: 60%;
    }
}
@media (min-width: 992px) {
    .cart-additional-items {
        width: 70%;
    }
}
@media (min-width: 576px) {
    .cart-additional-items .btn, .cart-additional-items #printPanel input, #printPanel .cart-additional-items input {
        margin-bottom: 5px;
        width: 32%;
    }
}
@media (min-width: 768px) {
    .cart-additional-items .btn, .cart-additional-items #printPanel input, #printPanel .cart-additional-items input {
        width: 40%;
    }
}
@media (min-width: 992px) {
    .cart-additional-items .btn, .cart-additional-items #printPanel input, #printPanel .cart-additional-items input {
        width: 25%;
    }
}
@media (min-width: 1260px) {
    .cart-additional-items .btn, .cart-additional-items #printPanel input, #printPanel .cart-additional-items input {
        width: auto;
        margin-bottom: 0;
    }
}
.cart-additional-items .btn.active, .cart-additional-items #printPanel input.active, #printPanel .cart-additional-items input.active {
    background: #1c365f;
    color: white;
}

.cart-summary-row.subtotal {
    font-weight: 600;
}

.cart-summary-row.total {
    font-weight: 600;
    border-top: 1px solid #042242;
    border-bottom: 1px solid #042242;
    font-size: 18px;
    padding: 8px 0;
}
@media (min-width: 992px) {
    .cart-summary-row.total {
        font-size: 32px;
    }
}
.cart-summary-row.total .summary-value {
    letter-spacing: 1px;
}

.widget-cart-fast-order-entry .table-layout .content-row:nth-child(2n+2),
.cart-fast-order .table-layout .content-row:nth-child(2n+2) {
    background: white;
}
.widget-cart-fast-order-entry .content-row:hover,
.widget-cart-fast-order-entry .table-layout .content-row:nth-child(2n+2):hover,
.cart-fast-order .content-row:hover,
.cart-fast-order .table-layout .content-row:nth-child(2n+2):hover {
    background: white;
}

.page-Orders h3.subtitle {
    display: block;
    margin-top: 0px;
}

.cart-fast-order .btn, .cart-fast-order #printPanel input, #printPanel .cart-fast-order input {
    height: 45px;
}

.payment-logos img {
    height: 32px;
    margin: 5px 5px 0 0;
}

.credit-card-type-container input {
    display: none;
}

.payment-logos .CARD #cc-CARDVISA,
.payment-logos .CARD #cc-CARDMASTERCARD,
.payment-logos .CARD #cc-CARDAMEX,
.payment-logos .CARD #cc-CARDDINERSCLUB,
.payment-logos .CARDVISA #cc-CARDMASTERCARD,
.payment-logos .CARDVISA #cc-CARDAMEX,
.payment-logos .CARDVISA #cc-CARD,
.payment-logos .CARDVISA #cc-CARDDINERSCLUB,
.payment-logos .CARDMASTERCARD #cc-CARDVISA,
.payment-logos .CARDMASTERCARD #cc-CARDAMEX,
.payment-logos .CARDMASTERCARD #cc-CARD,
.payment-logos .CARDMASTERCARD #cc-CARDDINERSCLUB,
.payment-logos .CARDAMEX #cc-CARDVISA,
.payment-logos .CARDAMEX #cc-CARDMASTERCARD,
.payment-logos .CARDAMEX #cc-CARD,
.payment-logos .CARDAMEX #cc-CARDDINERSCLUB,
.payment-logos .CARDDINERSCLUB #cc-CARDVISA,
.payment-logos .CARDDINERSCLUB #cc-CARDMASTERCARD,
.payment-logos .CARDDINERSCLUB #cc-CARDAMEX,
.payment-logos .CARDDINERSCLUB #cc-CARD {
    opacity: 0.2;
}

.widget-order-line-additional-details,
.widget-order-line-additional-details-static {
    display: inline-block;
    float: left;
    width: 33.3333%;
    font-size: 80%;
}
@media (min-width: 992px) {
    .widget-order-line-additional-details,
.widget-order-line-additional-details-static {
        width: 100%;
        display: block;
        margin: 0 0 5px;
    }
}
.widget-order-line-additional-details a,
.widget-order-line-additional-details-static a {
    color: #1e3232;
}

/*------------------------------------*\
    GUEST CHECKOUT OPTIONS
\*------------------------------------*/
.guest-checkout-options {
    text-align: center;
}
.guest-checkout-options::after {
    clear: both;
    content: "";
    display: block;
}
.guest-checkout-options .btn, .guest-checkout-options #printPanel input, #printPanel .guest-checkout-options input {
    float: none;
    margin: 10px auto 15px;
    max-width: 230px;
}
@media (min-width: 992px) {
    .guest-checkout-options .guest-checkout-options-register {
        float: left;
        display: inline-block;
        width: calc((50%) - 25px);
        padding-top: 15px;
    }
}
.guest-checkout-options .or-separator.vertical::after {
    top: -8px;
}
@media (min-width: 992px) {
    .guest-checkout-options .or-separator.vertical {
        float: left;
        display: inline-block;
        height: 140px;
        margin: 0 !important;
    }
    .guest-checkout-options .or-separator.vertical::after {
        top: 0;
    }
}
.guest-checkout-options .guest-checkout-options-guest::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .guest-checkout-options .guest-checkout-options-guest {
        float: right !important;
        display: inline-block;
        width: calc((50%) - 25px);
        padding-top: 15px;
    }
}

.guest-checkout.content-box-expandable-area.expandable-content {
    display: block !important;
}

.device-Mobile .guest-checkout .box-content, .device-Mobile .guest-checkout .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .device-Mobile .guest-checkout .grid {
    padding-left: 0;
    padding-right: 0;
}

.cart-line-expandable-area {
    clear: both;
    float: right !important;
    width: 50%;
    background: #555;
    color: white;
    position: relative;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0 0;
}
.cart-line-expandable-area::after {
    clear: both;
    content: "";
    display: block;
}
.device-Mobile .cart-line-expandable-area {
    width: 100%;
}
.cart-line-expandable-area::after {
    content: "";
    margin: 0 !important;
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: none;
    border-bottom-color: #555;
    color: white;
    border-width: 9px;
    margin-left: -9px;
}
@media (min-width: 576px) {
    .cart-line-expandable-area {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .cart-line-expandable-area {
        margin: 0 !important;
        width: 75%;
    }
}
@media (min-width: 992px) {
    .cart-line-expandable-area {
        width: 100%;
        background: none;
        padding: 0 !important;
        color: #1e3232;
    }
    .cart-line-expandable-area::after {
        display: none;
    }
}

.shipping-options {
    list-style: none;
}
.shipping-options li::after {
    clear: both;
    content: "";
    display: block;
}

@media (min-width: 992px) {
    #cv-zone-cart-bottom-left.col-2-3 {
        padding-right: 22%;
    }
}

.cart-option-buttons .btn.btn-cart-option, .cart-option-buttons #printPanel input.btn-cart-option, #printPanel .cart-option-buttons input.btn-cart-option {
    padding: 5px 10px;
    font-size: 12px;
    background: #f8f8f8;
    color: #555;
    border-color: #999;
    margin: 0 5px 5px 0;
}
.device-Mobile .cart-option-buttons .btn.btn-cart-option, .device-Mobile .cart-option-buttons #printPanel input.btn-cart-option, #printPanel .device-Mobile .cart-option-buttons input.btn-cart-option {
    padding: 4px;
    font-size: 12px;
    width: auto;
    margin: 3px;
}

.widget-order-line-show-alternates {
    display: block;
    float: left;
    font-size: 12px;
}
.widget-order-line-show-alternates::after {
    clear: both;
    content: "";
    display: block;
}

[data-role=orderweightinfo] {
    display: block;
    font-size: 16px;
    margin: 0 0 20px;
}
[data-role=orderweightinfo]::after {
    clear: both;
    content: "";
    display: block;
}
[data-role=orderweightinfo] div label {
    width: 150px;
    display: inline-block;
    padding: 5px 0px;
}

.page-OnlinePaymentOK .cart-product-title a {
    color: #1e3232;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    width: 100%;
}
.page-OnlinePaymentOK .cart-product-code {
    display: block;
    color: #454545;
    padding: 12px 0;
    font-size: 12px;
}

.order-template-line-product-info a.widget-order-line-description.cart-product-title-link,
.cart-product-title a.widget-order-line-description.cart-product-title-link {
    color: #1e3232;
    font-size: 16px;
}

/*------------------------------------*\
    Widget - Order Line Description
\*------------------------------------*/
.widget-order-line-description {
    font-weight: 600;
    font-size: 14px;
}

/*------------------------------------*\
    Widget - Order Line Code
\*------------------------------------*/
.widget-order-line-product-code, .widget-order-line-product-code-static.cart-product-code-link {
    display: block;
    color: #042242;
    padding: 12px 0;
    font-size: 12px;
}

/*------------------------------------*\
    Widget - Order Line Unit Desc
\*------------------------------------*/
.widget-order-line-unit-description {
    display: block;
    color: #042242;
    padding: 0;
    font-size: 12px;
}

/*------------------------------------*\
    Widget - Order Track
\*------------------------------------*/
.widget-order-track::after {
    clear: both;
    content: "";
    display: block;
}
.widget-order-track .orders-gst {
    display: block;
}

.widget-submit-return-buttons {
    clear: both;
}

.widget-submit-return-buttons .btn, .widget-submit-return-buttons #printPanel input, #printPanel .widget-submit-return-buttons input {
    width: 100%;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    .widget-submit-return-buttons .btn, .widget-submit-return-buttons #printPanel input, #printPanel .widget-submit-return-buttons input {
        width: auto;
    }
}

/*------------------------------------*\
    IE 11 fix for date picker fields
\*------------------------------------*/
.grid.order-track .form-date {
    height: auto;
}

/*------------------------------------*\
    Price Book Export
\*------------------------------------*/
.page-PDFCatalogueExportWizard #pnlWizard {
    width: 100%;
}
.page-PDFCatalogueExportWizard #pnlWizard table {
    width: 100%;
    text-align: left;
}
.page-PDFCatalogueExportWizard #pnlWizard table td {
    padding: 10px;
    text-align: left;
}
.page-PDFCatalogueExportWizard #pnlWizard table td .text[class*=label-for-] {
    display: block;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 0 2px;
}
.page-PDFCatalogueExportWizard #pnlWizard table td textarea {
    width: 100%;
    border: 1px solid #CCC !important;
    padding: 5px !important;
    border-radius: 3px !important;
    min-height: 200px;
}
.page-PDFCatalogueExportWizard #pnlWizard table td textarea:focus, .page-PDFCatalogueExportWizard #pnlWizard table td textarea:active {
    border-color: #1c365f;
    outline: none;
    background: #e1eff5;
}
.page-PDFCatalogueExportWizard #pnlWizard table td textarea:focus::placeholder, .page-PDFCatalogueExportWizard #pnlWizard table td textarea:active::placeholder {
    color: #a5adad;
    font-style: italic;
}
.page-PDFCatalogueExportWizard .export-options {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    background: none;
    margin-bottom: 50px;
    text-align: center;
}
.page-PDFCatalogueExportWizard .export-options::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard .export-options::before {
    content: "Select Export Option";
    display: block;
    margin: 0 0 10px;
    font-size: 18px;
}
.page-PDFCatalogueExportWizard .export-options .btn, .page-PDFCatalogueExportWizard .export-options #printPanel input, #printPanel .page-PDFCatalogueExportWizard .export-options input {
    background: none;
    border: none;
    color: black;
    padding: 8px 20px;
    border-radius: 5px;
    float: none;
    width: auto;
    display: inline-block;
}
.page-PDFCatalogueExportWizard .export-options .btn:hover, .page-PDFCatalogueExportWizard .export-options #printPanel input:hover, #printPanel .page-PDFCatalogueExportWizard .export-options input:hover, .page-PDFCatalogueExportWizard .export-options .btn:focus, .page-PDFCatalogueExportWizard .export-options #printPanel input:focus, #printPanel .page-PDFCatalogueExportWizard .export-options input:focus {
    color: white;
}
.page-PDFCatalogueExportWizard .export-options .btn.primary, .page-PDFCatalogueExportWizard .export-options #printPanel input.primary, #printPanel .page-PDFCatalogueExportWizard .export-options input.primary {
    background: #1c365f;
    border-color: #1c365f;
    color: white;
}
.page-PDFCatalogueExportWizard .export-options .btn.primary:hover, .page-PDFCatalogueExportWizard .export-options #printPanel input.primary:hover, #printPanel .page-PDFCatalogueExportWizard .export-options input.primary:hover, .page-PDFCatalogueExportWizard .export-options .btn.primary:focus, .page-PDFCatalogueExportWizard .export-options #printPanel input.primary:focus, #printPanel .page-PDFCatalogueExportWizard .export-options input.primary:focus {
    background: #284c86;
    border-color: #284c86;
}
.page-PDFCatalogueExportWizard .export-options .btn.primary:before, .page-PDFCatalogueExportWizard .export-options #printPanel input.primary:before, #printPanel .page-PDFCatalogueExportWizard .export-options input.primary:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-PDFCatalogueExportWizard .export-options .btn.primary:before, .page-PDFCatalogueExportWizard .export-options #printPanel input.primary:before, #printPanel .page-PDFCatalogueExportWizard .export-options input.primary:before {
    content: "";
}
.page-PDFCatalogueExportWizard h1.page-title {
    display: block;
    margin: 0 0 20px;
}
.page-PDFCatalogueExportWizard .btn.primary.cv-ico-general-eye, .page-PDFCatalogueExportWizard #printPanel input.primary.cv-ico-general-eye, #printPanel .page-PDFCatalogueExportWizard input.primary.cv-ico-general-eye {
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 20px;
    font-size: 11px;
    padding: 5px 10px;
}
.page-PDFCatalogueExportWizard #btnClearAllNodes,
.page-PDFCatalogueExportWizard #btnSelectAllNodes {
    font-size: 11px;
    padding: 5px 10px;
    float: left;
    margin: 0 5px;
}
.page-PDFCatalogueExportWizard #rtvCategories {
    clear: both;
    margin: 20px 0;
}
.page-PDFCatalogueExportWizard #rtvCategories::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard .PriceBookExportStep1 {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    margin: 60px 0 0;
}
.page-PDFCatalogueExportWizard .PriceBookExportStep1::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard .PriceBookExportStep1::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard #Wizard1_divColumnsGrid {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    margin: 0 !important;
}
.page-PDFCatalogueExportWizard #Wizard1_divColumnsGrid::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard #Wizard1_divColumnsGrid::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard .content-box {
    position: relative;
    background: #f8f8f8;
    padding: 20px;
    border: 1px solid #ddd;
}
.page-PDFCatalogueExportWizard .content-box .box-title, .page-PDFCatalogueExportWizard .content-box .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .page-PDFCatalogueExportWizard .content-box h5 {
    padding: 10px;
}
.page-PDFCatalogueExportWizard .content-box .box-content, .page-PDFCatalogueExportWizard .content-box .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .page-PDFCatalogueExportWizard .content-box .grid {
    padding: 10px;
}
.page-PDFCatalogueExportWizard .btn.cv-ico-general-switch, .page-PDFCatalogueExportWizard #printPanel input.cv-ico-general-switch, #printPanel .page-PDFCatalogueExportWizard input.cv-ico-general-switch {
    float: right;
    padding-top: 2px;
    padding-bottom: 2px;
}
.page-PDFCatalogueExportWizard #Wizard1_StartNavigationTemplateContainerID_StartNextButton {
    background: #1c365f;
    border-color: #1c365f;
    color: white;
    padding: 8px 20px;
    display: block;
    min-width: 250px;
    cursor: pointer;
    float: right;
}
.page-PDFCatalogueExportWizard #Wizard1_StartNavigationTemplateContainerID_StartNextButton:hover, .page-PDFCatalogueExportWizard #Wizard1_StartNavigationTemplateContainerID_StartNextButton:focus {
    background: #284c86;
    border-color: #284c86;
}
.page-PDFCatalogueExportWizard #Wizard1_StepNavigationTemplateContainerID_StepPreviousButton,
.page-PDFCatalogueExportWizard #FinishPreviousButton {
    padding: 8px 20px;
    display: block;
    min-width: 250px;
    float: left;
    cursor: pointer;
}
.page-PDFCatalogueExportWizard #Wizard1_StepNavigationTemplateContainerID_StepNextButton,
.page-PDFCatalogueExportWizard #FinishButton {
    background: #1c365f;
    border-color: #1c365f;
    color: white;
    padding: 8px 20px;
    display: block;
    min-width: 250px;
    float: right;
    cursor: pointer;
}
.page-PDFCatalogueExportWizard #Wizard1_StepNavigationTemplateContainerID_StepNextButton:hover, .page-PDFCatalogueExportWizard #Wizard1_StepNavigationTemplateContainerID_StepNextButton:focus,
.page-PDFCatalogueExportWizard #FinishButton:hover,
.page-PDFCatalogueExportWizard #FinishButton:focus {
    background: #284c86;
    border-color: #284c86;
}
.page-PDFCatalogueExportWizard #Wizard1_divCategories {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    margin: 0 0 50px;
}
.page-PDFCatalogueExportWizard #Wizard1_divCategories::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard #Wizard1_divCategories::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard .div-report-list-custom .btn, .page-PDFCatalogueExportWizard .div-report-list-custom #printPanel input, #printPanel .page-PDFCatalogueExportWizard .div-report-list-custom input {
    font-size: 11px;
    padding: 5px 10px;
    float: right;
}
.page-PDFCatalogueExportWizard .div-report-list-custom {
    padding: 10px 5px;
}
.page-PDFCatalogueExportWizard .table-layout .heading-row {
    background: none;
    padding: 10px;
}
.page-PDFCatalogueExportWizard #divSavedTypeReport {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
}
.page-PDFCatalogueExportWizard #divSavedTypeReport::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard #divSavedTypeReport::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard #divSeqsContainer {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    border: none !important;
}
.page-PDFCatalogueExportWizard #divSeqsContainer::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard #divSeqsContainer::after {
    clear: both;
    content: "";
    display: block;
}
.page-PDFCatalogueExportWizard #divSeqsContainer #listSeqsSortable,
.page-PDFCatalogueExportWizard #divSeqsContainer #divSeqsList {
    width: 100% !important;
    display: block;
}
.page-PDFCatalogueExportWizard #divSeqsContainer #listSeqsSortable li,
.page-PDFCatalogueExportWizard #divSeqsContainer #divSeqsList li {
    width: 100% !important;
    padding: 10px !important;
    font-size: 14px;
    border: 1px solid #ddd;
    border-left-width: 32px;
    height: auto !important;
    background: white;
}
.page-PDFCatalogueExportWizard #divSeqsContainer .ui-state-default {
    cursor: move;
    position: relative;
}
.page-PDFCatalogueExportWizard #divSeqsContainer .ui-state-default:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-PDFCatalogueExportWizard #divSeqsContainer .ui-state-default:before {
    content: "";
}
.page-PDFCatalogueExportWizard #divSeqsContainer .ui-state-default::before {
    position: absolute;
    top: 10px;
    left: -22px;
}
.page-PDFCatalogueExportWizard #divSeqsContainer .ui-state-default:hover {
    background: white;
}
.page-PDFCatalogueExportWizard #spnValErrWrap .text {
    display: block;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    margin: 15px 0 2px;
}
.page-PDFCatalogueExportWizard #cbSavedTypeReport {
    margin-right: 5px;
}
.page-PDFCatalogueExportWizard #tbSavedTypeReportName {
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 3px;
    height: 45px;
    width: 100%;
}
.page-PDFCatalogueExportWizard #tbSavedTypeReportName:focus, .page-PDFCatalogueExportWizard #tbSavedTypeReportName:active {
    border-color: #1c365f;
    outline: none;
    background: #e1eff5;
}
.page-PDFCatalogueExportWizard #tbSavedTypeReportName:focus::placeholder, .page-PDFCatalogueExportWizard #tbSavedTypeReportName:active::placeholder {
    color: #a5adad;
    font-style: italic;
}
.page-PDFCatalogueExportWizard #tbSavedTypeReportName[readonly=readonly], .page-PDFCatalogueExportWizard #tbSavedTypeReportName[readonly] {
    background: #eee;
    color: #666;
}
.page-PDFCatalogueExportWizard #tbSavedTypeReportName[readonly=readonly]:hover, .page-PDFCatalogueExportWizard #tbSavedTypeReportName[readonly=readonly]:focus, .page-PDFCatalogueExportWizard #tbSavedTypeReportName[readonly]:hover, .page-PDFCatalogueExportWizard #tbSavedTypeReportName[readonly]:focus {
    cursor: not-allowed;
    border-color: #ddd;
}

/*------------------------------------*\
    REPORT DASHBOARD PAGES
\*------------------------------------*/
.report-search-details .btn, .report-search-details #printPanel input, #printPanel .report-search-details input {
    width: 98%;
    margin: 5px;
    float: none;
}
@media (min-width: 576px) {
    .report-search-details .btn, .report-search-details #printPanel input, #printPanel .report-search-details input {
        width: auto;
        float: right;
    }
}

/*------------------------------------*\
    Widget Orders On Hold
\*------------------------------------*/
.widget-orders-on-hold .orders-gst {
    display: block;
}
.widget-orders-on-hold .address span {
    display: block;
}

.ordersonhold-controls .form-text {
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .ordersonhold-controls .btn.cv-search, .ordersonhold-controls #printPanel input.cv-search, #printPanel .ordersonhold-controls input.cv-search, .ordersonhold-controls .btn.cv-clear, .ordersonhold-controls #printPanel input.cv-clear, #printPanel .ordersonhold-controls input.cv-clear, .ordersonhold-controls .btn.cv-print, .ordersonhold-controls #printPanel input.cv-print, #printPanel .ordersonhold-controls input.cv-print {
        height: 45px;
        padding: 14px;
    }
}

.order-track-userinfo .grid-row {
    padding: 0 0 10px;
}
.order-track-userinfo .form-label {
    width: 49%;
    margin: 0 !important;
    padding: 2px 0;
}
@media (min-width: 768px) {
    .order-track-userinfo .form-label {
        width: 250px;
    }
}
.order-track-userinfo .form-span {
    width: 49%;
    margin: 0 !important;
    padding: 2px 0;
    clear: none;
}
@media (min-width: 768px) {
    .order-track-userinfo .form-span {
        width: calc((100%) - 250px);
    }
}

#subscription-detail-view .btn.cv-back.small.cv-ico-general-back, #subscription-detail-view #printPanel input.cv-back.small.cv-ico-general-back, #printPanel #subscription-detail-view input.cv-back.small.cv-ico-general-back {
    margin-top: -10px;
    margin-left: 0;
    margin-bottom: 30px;
}

/*------------------------------------*\
    Widget - Banner Slider
\*------------------------------------*/
.widget-page-in-development {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.38);
    color: white;
    text-align: center;
    padding: 5px;
}

/*------------------------------------*\
    Widget - Page Title
\*------------------------------------*/
.product-list-title,
.product-detail-title,
.widget-page-title {
    padding: 15px 0 25px;
    text-align: center;
    padding: 15px 0 5px;
}
.product-list-title::after,
.product-detail-title::after,
.widget-page-title::after {
    clear: both;
    content: "";
    display: block;
}
.product-list-title:before,
.product-detail-title:before,
.widget-page-title:before {
    display: none;
}
@media (min-width: 992px) {
    .product-list-title,
.product-detail-title,
.widget-page-title {
        text-align: left;
    }
}

/* remove all title icons */
.box-title:before, .widget-checkout-css-gift-card h5:before, h5:before {
    display: none;
}

.modal-header span.ico-heading::before {
    display: none;
}

/*------------------------------------*\
    Widget - PayPal Express Button
\*------------------------------------*/
.widget-pay-pal-express-button button.checkout-paypal {
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    color: transparent;
}
.widget-pay-pal-express-button button.checkout-paypal img {
    max-height: 37px;
}

/*------------------------------------*\
    Widget - Payment Icons
\*------------------------------------*/
.widget-payment-icons {
    width: 100%;
    display: block;
}
.widget-payment-icons img {
    max-height: 24px;
}
.footer-after-col .widget-payment-icons {
    margin-top: 12px;
    text-align: center;
}
.footer-after-col .widget-payment-icons img {
    max-height: 40px;
    margin: 0 0 0 12px;
}
@media (min-width: 768px) {
    .footer-after-col .widget-payment-icons {
        text-align: right;
    }
}

/*------------------------------------*\
    Widget - Phone
\*------------------------------------*/
/*------------------------------------*\
    Widget - Product Attributes
\*------------------------------------*/
.widget-product-attributes {
    display: block;
    clear: both;
    margin: 0 0 5px;
}
.widget-product-attributes::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .widget-product-attributes .master-attribute-selections .attribute-item {
        float: left;
        display: inline-block;
        width: 100%;
        max-width: 50%;
        padding: 0 5px 0 0;
        clear: both;
    }
}

/*------------------------------------*\
    Widget - Product Availability
\*------------------------------------*/
.widget-product-availability {
    display: block;
    clear: both;
    margin: 0 0 26px;
}
.widget-product-availability::after {
    clear: both;
    content: "";
    display: block;
}

.product-grid .availability-icons .availability-caption {
    font-size: 12px;
    display: block;
}
.product-grid.grid .availability-icons {
    text-align: center;
    padding-bottom: 15px;
}
/*------------------------------------*\
    PRODUCT GRID AVAILABILITY
\*------------------------------------*/
.product-grid.grid .availability-icon {
    clear: both;
    text-align: left;
    background: #f8f8f8;
    padding: 10px;
    margin: 5px 0;
    border-radius: 10px;
}
.product-grid.grid .availability-icon::before {
    left: calc((50%) - 8px);
}
.product-grid.grid .availability-icon::after {
    margin: 0;
    left: 10%;
    width: 80%;
    white-space: normal;
    max-width: 70%;
}

.product-grid.grid .delivery {
    display: block;
    width: 100%;
    clear: both;
}

.product-grid.grid .pickup {
    display: block;
    width: 100%;
    clear: both;
}

/*------------------------------------*\
    Widget - Product ATC
\*------------------------------------*/
span.widget-product-add-to-cart button.widget-product-add-to-cart.btn {
    width: 100%;
    font-size: 16px;
    padding: 12px 15px;
    margin: 0 0 5px;
    height: 45px;
}
@media (min-width: 992px) {
    span.widget-product-add-to-cart button.widget-product-add-to-cart.btn {
        width: auto;
        margin: 0 5px 0 0;
    }
}

.widget-product-favourite-button button.btn.cv-favourite {
    width: 100%;
    font-size: 16px;
    padding: 12px 15px;
    margin: 0 0 5px;
    height: 45px;
}
@media (min-width: 992px) {
    .widget-product-favourite-button button.btn.cv-favourite {
        width: auto;
        margin: 0 5px 0 0;
    }
}

.widget-add-product-to-order-template {
    float: left;
    clear: both;
    margin: 0 0 15px;
    width: 100%;
}
.widget-add-product-to-order-template::after {
    clear: both;
    content: "";
    display: block;
}
.widget-add-product-to-order-template button.btn.primary {
    width: 100%;
    font-size: 12px;
    padding: 5px 10px;
    margin: 0 0 5px;
}
@media (min-width: 992px) {
    .widget-add-product-to-order-template button.btn.primary {
        width: auto;
        margin: 0 5px 0 0;
    }
}

/*------------------------------------*\
    Widget - Product Field
\*------------------------------------*/
.widget-product-field {
    clear: both;
    display: block;
    padding: 0 0 30px;
}
.widget-product-field::after {
    clear: both;
    content: "";
    display: block;
}
/*------------------------------------*\
    Widget - Product Filter
\*------------------------------------*/
.widget-product-filter {
    display: block;
    margin: 0;
    padding: 5px 0 10px;
}
.widget-product-filter::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .widget-product-filter .mobile-filter {
        display: none;
    }
}
.widget-product-filter .filter-item::after {
    clear: both;
    content: "";
    display: block;
}
.widget-product-filter .filter-item .expandable-header {
    display: block;
    padding: 8px 5px 7px;
    font-size: 14px;
    cursor: pointer;
    color: #1e3232;
    border-bottom: 1px solid #ddd;
    text-transform: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    border-radius: 5px 5px 0 0;
    font-weight: 500;
}
.widget-product-filter .filter-item .expandable-header::after {
    clear: both;
    content: "";
    display: block;
}
.widget-product-filter .filter-item .expandable-header:hover, .widget-product-filter .filter-item .expandable-header:focus {
    color: #1c365f;
}
.widget-product-filter .filter-item .expandable-header .upArrow,
.widget-product-filter .filter-item .expandable-header .downArrow {
    float: right;
    font-size: 16px;
    position: relative;
    top: 0;
}
.widget-product-filter .filter-item .expandable-header .upArrow:before {
    content: "";
}
.widget-product-filter .filter-item .expandable-header .downArrow:before {
    content: "";
}
.widget-product-filter .filter-item .expandable-content {
    padding: 5px;
}
.widget-product-filter .filter-item .expandable-content::after {
    clear: both;
    content: "";
    display: block;
}
.widget-product-filter .filter-item-Colour .expandable-content [class*=filter-list-item-] a:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    float: left;
    background: #ddd;
    margin-right: 5px;
    top: 2px;
    position: relative;
    border-radius: 8px;
    border: 1px solid #ddd;
}
.widget-product-filter .filter-item-Colour .expandable-content .filter-list-item-Black a:before {
    background: #1e3232;
    border-color: #1e3232;
}
.widget-product-filter .filter-item-Colour .expandable-content .filter-list-item-Burgundy a:before {
    background: #800020;
    border-color: #800020;
}
.widget-product-filter .filter-item-Colour .expandable-content .filter-list-item-Gold a:before {
    background: gold;
    border-color: gold;
}
.widget-product-filter .filter-item-Colour .expandable-content .filter-list-item-Grey a:before {
    background: #9b918c;
    border-color: #9b918c;
}
.widget-product-filter .filter-item-Colour .expandable-content .filter-list-item-Navy a:before {
    background: navy;
    border-color: navy;
}
.widget-product-filter .filter-item-Colour .expandable-content .filter-list-item-Silver a:before {
    background: silver;
    border-color: silver;
}
.widget-product-filter .filter-item-Colour .expandable-content .filter-list-item-White a:before {
    background: white;
}
.widget-product-filter .filter-item-Colour .expandable-content .filter-list-item-Yellow a:before {
    background: #f3b311;
    border-color: #f3b311;
}
.widget-product-filter .product-filter {
    clear: both;
    display: block;
}
.widget-product-filter .filter-container .expandable-content {
    padding: 0;
    background: none;
}
.widget-product-filter ul.filter-list {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    max-height: 400px;
    overflow: auto;
}
.widget-product-filter ul.filter-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    /*
    &:last-child {
        a {
            border-radius: 0 0 5px 5px;
        }
    }
    */
}
.widget-product-filter ul.filter-list li:hover, .widget-product-filter ul.filter-list li:focus {
    text-decoration: none;
}
.widget-product-filter ul.filter-list li:hover *, .widget-product-filter ul.filter-list li:focus * {
    text-decoration: none;
    cursor: pointer;
}
.widget-product-filter ul.filter-list li a {
    display: block;
    width: 100%;
    padding: 7px 5px;
    font-size: 14px;
    color: #1e3232;
}
.widget-product-filter ul.filter-list li a:hover, .widget-product-filter ul.filter-list li a:focus {
    background: #1c365f;
    border-color: #1c365f;
    color: white;
}
.widget-product-filter ul.filter-list li a:hover *, .widget-product-filter ul.filter-list li a:focus * {
    cursor: pointer;
}
.widget-product-filter ul.filter-list li:only-child a {
    border-radius: 0;
}
.widget-product-filter ul.filter-checklist {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    max-height: 400px;
    overflow: auto;
}
.widget-product-filter ul.filter-checklist li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 7px 5px;
    color: #1e3232;
}
.widget-product-filter ul.filter-checklist li::after {
    clear: both;
    content: "";
    display: block;
}
.widget-product-filter ul.filter-checklist li:hover, .widget-product-filter ul.filter-checklist li:focus {
    background: #1c365f;
    border-color: #1c365f;
    color: white;
}
.widget-product-filter ul.filter-checklist li:hover *, .widget-product-filter ul.filter-checklist li:focus * {
    cursor: pointer;
}
.widget-product-filter ul.filter-checklist li input[type=checkbox] {
    float: left;
    display: block;
    width: 13px;
}
.widget-product-filter ul.filter-checklist li label {
    float: left;
    display: block;
    width: calc((100%) - 25px);
    padding-left: 10px;
}

.filter-options {
    border-top: 1px solid #ddd;
}
.filter-options .col-1-1,
.filter-options .col-1-2 {
    padding: 0;
}

a.filter-apply,
a.filter-clear {
    display: block;
    clear: both;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    color: #1e3232;
    text-align: center;
}
.filter-options-top a.filter-apply,
.filter-options-top a.filter-clear {
    border-top: none;
    border-bottom: 1px solid #ddd;
}
.filter-options-top a.filter-apply div,
.filter-options-top a.filter-clear div {
    border-radius: 0 !important;
}
a.filter-apply div,
a.filter-clear div {
    display: block;
    padding: 8px;
    margin: 5px;
    border-radius: 3px;
}
a.filter-apply div::before,
a.filter-clear div::before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
a.filter-apply div span,
a.filter-clear div span {
    display: inline-block;
}
a.filter-apply.cv-is-processing div,
a.filter-clear.cv-is-processing div {
    position: relative;
    background: transparent !important;
}
@keyframes spin {
    0% {
        transform: rotate(359deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
a.filter-apply.cv-is-processing div::after,
a.filter-clear.cv-is-processing div::after {
    display: inline-block;
    content: "";
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation: spin 1.25s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #5d5754;
}

a.filter-apply:hover, a.filter-apply:focus {
    text-decoration: none;
}
a.filter-apply:hover div, a.filter-apply:focus div {
    background: #3e8468;
    color: white;
}
a.filter-clear:hover, a.filter-clear:focus {
    text-decoration: none;
}
a.filter-clear:hover div, a.filter-clear:focus div {
    background: #d4484c;
    color: white;
}

.current-filter.grey-box {
    border: none;
    padding: 0;
    background: none;
    margin: 0;
    float: left;
    width: 100%;
    /*
    .expandable-content {
        border: 1px solid #ccc;
    }
    */
}
.current-filter.grey-box .expandable-header:hover, .current-filter.grey-box .expandable-header:focus {
    color: initial;
}
.current-filter.grey-box .filter-clear div {
    background: none;
    text-align: left;
    color: #d4484c;
    padding: 5px 0 0;
    border: none;
}
.current-filter.grey-box .filter-list li a {
    color: #1e3232;
}
.current-filter.grey-box .filter-list li a::before {
    margin-right: 5px;
}

.no-filters-available {
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
}

/* Filter Top 5 Toggles */
.show-filter-items {
    display: block;
    color: #1e3232;
    text-align: center;
    position: relative;
    font-size: 18px;
    margin: 0;
    padding: 10px;
}

.show-filter-items:after {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 1px;
    top: 12px;
    z-index: 1;
    left: 10%;
    border-top: 1px dashed #9b918c;
}

.show-filter-items.cv-ico-general-arrow-down5,
.show-filter-items.cv-ico-general-arrow-up5 {
    margin: 5px 0;
    cursor: pointer;
}

.show-filter-items.cv-ico-general-arrow-down5:before,
.show-filter-items.cv-ico-general-arrow-up5:before {
    background: #9b918c;
    color: white;
    border-radius: 20px;
    padding: 2px;
    top: -6px;
    position: relative;
    z-index: 100;
    margin: 0;
}

.show-filter-items.cv-ico-general-arrow-down5:hover:before,
.show-filter-items.cv-ico-general-arrow-up5:hover:before {
    background: #1c365f;
}

.downArrow.cv-ico-general-arrow-up2:before {
    content: "";
}

.upArrow.cv-ico-general-arrow-down2:before {
    content: "";
}

.mobile-filter {
    clear: both;
    display: block;
}
.mobile-filter .arrow-box.primary {
    background: #666;
}
.mobile-filter .arrow-box.primary::after {
    border-bottom-color: #666;
}

.filter-item-mobile {
    clear: both;
    display: block;
}
.filter-item-mobile::after {
    clear: both;
    content: "";
    display: block;
}

.widget-product-filter,
.widget-product-filter .mobile-filter,
.widget-product-list-sort-mobile {
    width: 100%;
    float: left;
    text-transform: initial;
}
.widget-product-filter .btn, .widget-product-filter #printPanel input, #printPanel .widget-product-filter input,
.widget-product-filter .mobile-filter .btn,
.widget-product-list-sort-mobile .btn,
.widget-product-list-sort-mobile #printPanel input,
#printPanel .widget-product-list-sort-mobile input {
    float: left;
    width: 100%;
}
.widget-product-filter .arrow-box.primary,
.widget-product-filter .mobile-filter .arrow-box.primary,
.widget-product-list-sort-mobile .arrow-box.primary {
    margin: 0;
    border-radius: 0;
    background: white;
    padding: 0;
}
.widget-product-filter .arrow-box.primary::after,
.widget-product-filter .mobile-filter .arrow-box.primary::after,
.widget-product-list-sort-mobile .arrow-box.primary::after {
    display: none;
}

#mobile-sort-expand {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
}
#mobile-sort-expand .sort-item-mobile a {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 12px;
}
#mobile-sort-expand .sort-item-mobile a.selected {
    font-weight: bold;
}

#mobile-filter-expand {
    display: block;
    float: left;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #CCCCCC;
}
#mobile-filter-expand .expandable-header {
    padding: 5px;
    background: none;
    color: #1e3232;
    border-bottom: 1px solid #ddd;
}
#mobile-filter-expand .expandable-header::after {
    clear: both;
    content: "";
    display: block;
}
#mobile-filter-expand .expandable-header span {
    font-size: 12px;
}
#mobile-filter-expand .expandable-header .upArrow,
#mobile-filter-expand .expandable-header .downArrow {
    float: right;
    display: inline-block;
}
#mobile-filter-expand .expandable-content {
    background: #FAFAFA;
    display: none;
    color: #1e3232;
    border: 1px solid #CCCCCC;
    border-top: none;
}
#mobile-filter-expand .filter-title {
    float: left;
    width: 35%;
    font-size: 12px;
    padding-top: 5px;
}
#mobile-filter-expand .filter-content {
    float: right;
    width: 65%;
}
#mobile-filter-expand [class*=form-] {
    height: 30px;
    border: 0;
    margin-bottom: 5px;
}

#product-category-filter-wrapper {
    clear: both;
    margin: 0 0 20px;
}
#product-category-filter-wrapper::after {
    clear: both;
    content: "";
    display: block;
}

/*------------------------------------*\
    PRODUCT FILTER HOVER
\*------------------------------------*/
a.filter-apply {
    font-size: 12px;
}

a.filter-apply:hover,
a.filter-apply:focus {
    text-decoration: none;
}

.btn.prmary.ghost.mobile-filter-launch, #printPanel input.prmary.ghost.mobile-filter-launch {
    width: 100%;
    margin: 10px 0;
}
.category .btn.prmary.ghost.mobile-filter-launch, .category #printPanel input.prmary.ghost.mobile-filter-launch, #printPanel .category input.prmary.ghost.mobile-filter-launch {
    display: none;
}

.grid.cv-productgrid-options.cv-productgrid-options-before.grey-box.spacing-bottom.product-list-grid-template {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.device-Mobile .mobile-filter {
    display: block;
    margin-top: 5px;
}
.device-Mobile .product-filter {
    display: block;
}
.device-Mobile .product-filter .k-widget.k-slider {
    width: 200px;
    margin: 20px auto 10px;
}
.device-Mobile #mobile-filter-toggle {
    padding: 15px;
}
.device-Mobile.background-effect::before {
    background: rgba(0, 0, 0, 0.45);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: block;
    content: "";
}
.device-Mobile .col-1-6.no-mobile.area1 {
    display: block;
    position: fixed;
    top: 0;
    right: -500px;
    width: 90%;
    height: 100%;
    z-index: 100000;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
    padding: 20px;
}
.device-Mobile .col-1-6.no-mobile.area1.active {
    right: 0;
    transition: 0.35s;
}
.device-Mobile .widget-product-filter {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    max-height: 85%;
    overflow: auto;
}

.mobile-filter-close {
    display: none;
}
.active .mobile-filter-close {
    display: block;
    background: #1e3232;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    padding: 5px;
    height: 50px;
    width: 10%;
    font-size: 28px;
}
.active .mobile-filter-close:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.active .mobile-filter-close:before {
    content: "";
}
.active .mobile-filter-close:hover, .active .mobile-filter-close:focus {
    color: white;
    cursor: pointer;
}
.active .mobile-filter-close::before {
    top: 7px;
    position: relative;
}

.widget-product-filter,
.widget-product-filter .mobile-filter,
.widget-product-list-sort-mobile {
    text-transform: initial;
}

.widget-product-list-totals {
    display: block;
}

/*------------------------------------*\
    Widget - Product Gallery
\*------------------------------------*/
.widget-product-gallery {
    position: relative;
    border-radius: 0;
}
.widget-product-gallery::after {
    clear: both;
    content: "";
    display: block;
}
.widget-product-gallery .product-gallery-slider {
    display: none;
}
.widget-product-gallery .product-gallery-slider.owl-carousel {
    display: block;
    /* Safari, Chrome and Opera > 12.1 */
    /* Firefox < 16 */
    /* Internet Explorer */
    /* Opera < 12.1 */
    animation: bpd-fade-in 1s;
}
.widget-product-gallery .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
}
.widget-product-gallery img {
    float: left;
}
.widget-product-gallery .fluid-width-video-wrapper {
    padding-top: 50%;
    margin-top: 34%;
}
.widget-product-gallery .owl-carousel {
    border-radius: 0;
}
.widget-product-gallery .owl-carousel .owl-stage-outer {
    background: white;
    border-radius: 0;
    margin: 0 !important;
}
@media (min-width: 992px) {
    .widget-product-gallery .owl-carousel .owl-stage-outer {
        width: 500px;
        float: left;
        display: inline-block;
    }
}
@media (min-width: 992px) {
    .widget-product-gallery .owl-carousel .owl-controls {
        float: left;
        display: block;
        margin: 0 !important;
    }
}
@media (min-width: 992px) {
    .widget-product-gallery .owl-carousel .owl-controls .owl-dots .owl-dot {
        display: block;
        float: left;
        margin: 0 5px;
    }
}
.widget-product-gallery .owl-item img {
    padding: 0 !important;
    width: 500px;
    border-radius: 0;
}
.widget-product-gallery .zoom {
    color: #1e3232;
    background: white;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 600;
    font-size: 16px;
    position: absolute;
    bottom: 20px;
    right: 120px;
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
}
.widget-product-gallery .zoom:before {
    content: "";
}
.widget-product-gallery .zoom::before {
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.widget-product-gallery .zoom:hover, .widget-product-gallery .zoom:focus {
    text-decoration: none;
    color: #1c365f;
}
.widget-product-gallery .owl-dot {
    margin: 5px;
}
@media (min-width: 992px) {
    .widget-product-gallery .owl-dot {
        margin: 0 0 10px;
    }
}
.widget-product-gallery .owl-dot span {
    display: none !important;
}
.widget-product-gallery .item-link {
    background-color: white;
    display: block;
    position: relative;
    margin: 0 !important;
    outline: none;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 0;
    border: 1px solid #ebe9e8;
    transition: all 0.25s ease-in-out;
    background-size: 90% !important;
}
.widget-product-gallery .item-link:hover, .widget-product-gallery .item-link:focus {
    background-size: 110%;
}
@media (min-width: 768px) {
    .widget-product-gallery .item-link {
        width: 64px;
        height: 64px;
    }
}
@media (min-width: 992px) {
    .widget-product-gallery .item-link {
        width: 100px;
        height: 100px;
    }
}
.widget-product-gallery .item-link.video {
    background: #ebe9e8;
    color: #5d5754;
    float: left;
}
.widget-product-gallery .item-link.video:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-product-gallery .item-link.video:before {
    content: "";
}
.widget-product-gallery .item-link.video:before {
    content: "";
}
.widget-product-gallery .item-link.video::before {
    font-size: 42px;
    float: left;
    display: block;
    position: relative;
    top: 15px;
    left: 25px;
}
.widget-product-gallery .item-link.video::after {
    content: "VIDEO";
    display: block;
    position: relative;
    top: 60px;
    left: 1px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
}
.widget-product-gallery .owl-dot.owl-page.active .item-link {
    border-color: #1c365f;
}
@media (min-width: 992px) {
    .widget-product-gallery .owl-item.active .video {
        width: 500px;
    }
}
.widget-product-gallery .owl-item.active .video .zoom {
    display: none;
}

/*------------------------------------*\
    Widget - Product List Sort
\*------------------------------------*/
.widget-product-list-sort .form-label {
    font-size: 14px;
    text-transform: none;
}

/*------------------------------------*\
    Widget - Product List Title
\*------------------------------------*/
.widget-product-list-title {
    padding-bottom: 20px;
}

/*------------------------------------*\
    Widget - List Totals
\*------------------------------------*/
.widget-product-list-totals {
    padding-top: 12px;
    float: left;
    display: inline-block;
}

/*------------------------------------*\
    Widget - List Results Per Page
\*------------------------------------*/
/*------------------------------------*\
    Widget - View Product Button
\*------------------------------------*/
.widget-product-list-view-product-button {
    display: none;
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.widget-product-list-view-product-button:hover, .widget-product-list-view-product-button:focus {
    background: #63ab4f;
}
.is-master-product .widget-product-list-view-product-button {
    display: block;
}

/*------------------------------------*\
    Widget - Product Price
\*------------------------------------*/
.widget-product-price.detailed.price {
    display: block;
    clear: both;
    padding: 12px 0;
}
.widget-product-price.detailed.price::after {
    clear: both;
    content: "";
    display: block;
}
.widget-product-price.detailed.price .item-price {
    font-size: 50px;
    font-weight: 700;
    float: left;
}
.widget-product-price.detailed.price .gst {
    font-size: 14px;
    float: left;
    position: relative;
    top: 23px;
    left: 5px;
    font-style: italic;
}

/*------------------------------------*\
    Widget - Product Purchase Details
\*------------------------------------*/
/*------------------------------------*\
    Widget - Product QTY
\*------------------------------------*/
.widget-product-qty {
    display: block;
}
.widget-product-qty .cv-numeric-input {
    display: inline-block;
    width: 200px;
    margin: 0 0 5px;
}

/*------------------------------------*\
    Widget - Product QTY
\*------------------------------------*/
/*------------------------------------*\
    Widget - Product Quick View Modal
\*------------------------------------*/
#custom-layout-quick-view-modal {
    margin: 0 !important;
    padding: 0 !important;
    background: #fafafa;
    max-width: 576px;
}
@media (min-width: 992px) {
    #custom-layout-quick-view-modal {
        width: 1200px;
        max-width: 1200px;
    }
}
#custom-layout-quick-view-modal .widget-productlist-title a {
    font-size: 32px;
}
#custom-layout-quick-view-modal .availability-icons {
    margin: 0 0 15px;
}
#custom-layout-quick-view-modal .availability-icons::after {
    clear: both;
    content: "";
    display: block;
}
#custom-layout-quick-view-modal .availability-icons .availability-caption {
    font-size: 12px;
    display: block;
}
#custom-layout-quick-view-modal .widget-productlist-price {
    float: left;
}
#custom-layout-quick-view-modal .widget-productlist-gst {
    clear: none;
    padding-top: 18px;
}

#custom-layout-quick-view-modal .spacing-top.spacing-bottom {
    margin: 0;
    padding: 0;
}

@media (min-width: 62em) {
    #custom-layout-quick-view-modal .col-1-2 {
        width: 600px;
        margin: 0 !important;
    }

    #custom-layout-quick-view-modal-row1-column1 {
        border-right: 1px solid #c3bdba;
    }
}
#custom-layout-quick-view-modal .widget-product-gallery {
    background: white;
}

#custom-layout-quick-view-modal .widget-product-gallery .item-link {
    box-shadow: none;
    border: 1px solid #c3bdba;
}

#custom-layout-quick-view-modal-row1-column1 {
    border-bottom: 1px solid #c3bdba;
    width: 100%;
    padding: 20px;
    background: white;
}

#custom-layout-quick-view-modal-row1-column2 {
    padding: 20px;
    width: 100%;
}

#custom-layout-quick-view-modal .widget-productlist-price .item-price {
    display: block;
    clear: both;
    font-size: 32px;
}

#custom-layout-quick-view-modal .btn.cv-add-to-cart, #custom-layout-quick-view-modal #printPanel input.cv-add-to-cart, #printPanel #custom-layout-quick-view-modal input.cv-add-to-cart {
    margin: 20px 0 0 5px;
    padding: 14px 25px;
}

#custom-layout-quick-view-modal .btn.cv-favourite, #custom-layout-quick-view-modal #printPanel input.cv-favourite, #printPanel #custom-layout-quick-view-modal input.cv-favourite {
    margin: 20px 0 0 5px;
    padding: 14px 25px;
}

#custom-layout-quick-view-modal .cv-numeric-input {
    margin: 20px 0 0;
    float: left;
    clear: both;
}

/*------------------------------------*\
    QUICK VIEW BUTTON
\*------------------------------------*/
.product-grid.grid .product .cv-zone-product-1 {
    position: relative;
}

.product-grid.grid .product .cv-zone-product-1 .btn.cv-view, .product-grid.grid .product .cv-zone-product-1 #printPanel input.cv-view, #printPanel .product-grid.grid .product .cv-zone-product-1 input.cv-view {
    display: none;
    position: absolute;
    /* Safari, Chrome and Opera > 12.1 */
    /* Firefox < 16 */
    /* Internet Explorer */
    /* Opera < 12.1 */
    animation: bpd-fade-in 1s;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
    width: 70%;
    margin: 0;
    background-color: rgba(55, 115, 162, 0.8);
    border: none;
    color: white;
    padding: 15px;
    border-radius: 25px;
    border: none;
    white-space: nowrap;
}
.product-grid.grid .product .cv-zone-product-1 .btn.cv-view:hover, .product-grid.grid .product .cv-zone-product-1 #printPanel input.cv-view:hover, #printPanel .product-grid.grid .product .cv-zone-product-1 input.cv-view:hover, .product-grid.grid .product .cv-zone-product-1 .btn.cv-view:focus, .product-grid.grid .product .cv-zone-product-1 #printPanel input.cv-view:focus, #printPanel .product-grid.grid .product .cv-zone-product-1 input.cv-view:focus {
    background-color: rgba(55, 115, 162, 0.8);
}

.product-grid.grid .product:hover .cv-zone-product-1 .btn.cv-view, .product-grid.grid .product:hover .cv-zone-product-1 #printPanel input.cv-view, #printPanel .product-grid.grid .product:hover .cv-zone-product-1 input.cv-view {
    display: block;
}

.product-grid.detailed-list .product .cv-zone-product-1 {
    position: relative;
}

.product-grid.detailed-list .product .cv-zone-product-1 .btn.cv-view, .product-grid.detailed-list .product .cv-zone-product-1 #printPanel input.cv-view, #printPanel .product-grid.detailed-list .product .cv-zone-product-1 input.cv-view {
    display: none;
    position: absolute;
    bottom: 15px;
    left: 10%;
    width: 80%;
    margin: 0 !important;
}

.product-grid.detailed-list .product:hover .cv-zone-product-1 .btn.cv-view, .product-grid.detailed-list .product:hover .cv-zone-product-1 #printPanel input.cv-view, #printPanel .product-grid.detailed-list .product:hover .cv-zone-product-1 input.cv-view {
    display: block;
    font-size: 12px;
    padding: 5px 10px;
}

/*------------------------------------*\
    Widget - Product Ribbons
\*------------------------------------*/
.product-ribbons {
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 1;
}

.data-list-column.image-column .product-ribbons {
    width: 40px;
    top: -2px;
    left: -2px;
}

/*------------------------------------*\
    Widget - Product Search
\*------------------------------------*/
.widget-product-search::after {
    clear: both;
    content: "";
    display: block;
}
.widget-product-search .k-widget.k-autocomplete {
    float: left;
    display: block;
    width: 85%;
    border-right: none;
    border-radius: 5px 0 0 5px;
    height: 50px;
}
@media (min-width: 768px) {
    .widget-product-search .k-widget.k-autocomplete {
        width: 80%;
    }
}
.widget-product-search .btn.search, .widget-product-search #printPanel input.search, #printPanel .widget-product-search input.search {
    float: left;
    display: block;
    width: 15%;
    border-radius: 0 5px 5px 0;
    background: #1c365f !important;
    border-color: #1c365f !important;
    height: 50px;
}
.widget-product-search .btn.search:hover, .widget-product-search #printPanel input.search:hover, #printPanel .widget-product-search input.search:hover {
    background: #284c86;
    border-color: #284c86;
}
@media (min-width: 768px) {
    .widget-product-search .btn.search, .widget-product-search #printPanel input.search, #printPanel .widget-product-search input.search {
        width: 20%;
    }
}
.widget-product-search .btn.search.cv-is-processing, .widget-product-search #printPanel input.search.cv-is-processing, #printPanel .widget-product-search input.search.cv-is-processing {
    background: #1c365f !important;
    border-color: #1c365f !important;
}
.widget-product-search .btn.search.cv-is-processing::before, .widget-product-search #printPanel input.search.cv-is-processing::before, #printPanel .widget-product-search input.search.cv-is-processing::before {
    opacity: 0 !important;
}
.widget-product-search .btn.search.cv-is-processing::after, .widget-product-search #printPanel input.search.cv-is-processing::after, #printPanel .widget-product-search input.search.cv-is-processing::after {
    color: white !important;
}

/*------------------------------------*\
    PRODUCT SEARCH WITH IMAGE
\*------------------------------------*/
[id*=product-search-autocomplete-].k-state-border-up {
    height: 404px !important;
}
[id*=product-search-autocomplete-].k-state-border-up .k-list-scroller {
    height: 400px !important;
}

.k-item .product-heading {
    display: block;
    clear: both;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid black;
}

.search-item-with-image {
    box-sizing: border-box;
}
.search-item-with-image::after {
    clear: both;
    content: "";
    display: block;
}
.search-item-with-image * {
    box-sizing: border-box;
}
.search-item-with-image .image {
    display: block;
    float: left;
    width: 64px;
    border: 1px solid #DDD;
    background: white;
}
.search-item-with-image .image::after {
    clear: both;
    content: "";
    display: block;
}
.search-item-with-image .image .product-img {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
.search-item-with-image .product-info {
    display: block;
    float: left;
    width: calc((100%) - 64px);
    padding-left: 15px;
}
.search-item-with-image .widget-productlist-title.product-item {
    margin: 0 !important;
    padding: 5px 0;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    color: #1e3232;
    text-transform: initial;
    line-height: 80%;
}
.search-item-with-image .widget-productlist-code {
    clear: both;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 80%;
}

.k-popup .k-list .k-state-focused .widget-productlist-title,
.k-popup .k-list .k-state-focused .widget-productlist-code {
    color: white;
}

.widget-product-search-options {
    display: block;
    clear: both;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: normal;
    padding-top: 3px;
}
.widget-product-search-options::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 1440px) {
    .widget-product-search-options {
        float: right;
        clear: none;
        position: relative;
        top: -30px;
        right: -220px;
    }
}
.widget-product-search-options label.form-label {
    font-size: 12px;
}

/*------------------------------------*\
    Widget - Product Search w. Cat
\*------------------------------------*/
.widget-product-search-with-category::after {
    clear: both;
    content: "";
    display: block;
}
.widget-product-search-with-category .search-area {
    width: 50%;
    float: left;
    display: inline-block;
}
.widget-product-search-with-category .category-area {
    width: 30%;
    float: left;
    display: inline-block;
}
.widget-product-search-with-category .search-button {
    width: 20%;
    float: left;
    display: inline-block;
}
.widget-product-search-with-category .k-widget.k-dropdown {
    float: left;
    display: inline-block;
    width: 100%;
    border-right: none;
    border-radius: 0;
    height: 50px;
    margin: 0;
}
.widget-product-search-with-category .k-widget.k-dropdown .k-dropdown-wrap {
    height: 50px;
    border-radius: 0;
    border-right: none;
    background: #fafafa;
}
.widget-product-search-with-category .k-widget.k-dropdown .k-dropdown-wrap .k-input {
    padding: 12px;
}
.widget-product-search-with-category .k-widget.k-autocomplete {
    float: left;
    display: inline-block;
    width: 100%;
    border-right: none;
    border-radius: 5px 0 0 5px;
    height: 50px;
    margin-bottom: 0;
}
.widget-product-search-with-category .btn.cv-search, .widget-product-search-with-category #printPanel input.cv-search, #printPanel .widget-product-search-with-category input.cv-search {
    float: left;
    display: inline-block;
    width: 100%;
    border-radius: 0 5px 5px 0;
    background: #1c365f;
    border-color: #1c365f;
    height: 50px;
}
.widget-product-search-with-category .btn.cv-search:hover, .widget-product-search-with-category #printPanel input.cv-search:hover, #printPanel .widget-product-search-with-category input.cv-search:hover {
    background: #284c86;
    border-color: #284c86;
}

.widget-category-menu + .widget-product-search-with-category {
    width: calc((100%) - 200px);
    float: left;
    padding-left: 50px;
}

/*------------------------------------*\
    Widget - Product tech specs
\*------------------------------------*/
.widget-product-technical-specifications {
    clear: both;
    display: block;
    padding: 50px 0;
}
.widget-product-technical-specifications::after {
    clear: both;
    content: "";
    display: block;
}

/*------------------------------------*\
    Widget - Product Title
\*------------------------------------*/
h1.widget-product-title {
    margin-bottom: 20px;
}

/*------------------------------------*\
    Widget - ZIP Summary
\*------------------------------------*/
.widget-product-zip-summary {
    display: block;
    clear: both;
    margin: 0 0 5px;
    position: relative;
    left: -20px;
    top: -15px;
}
.widget-product-zip-summary::after {
    clear: both;
    content: "";
    display: block;
}

/*------------------------------------*\
    Widget - Product Availability
\*------------------------------------*/
.widget-productlist-availability,
.widget-product-availability,
.order-template-line-product-info {
    clear: both;
}
.product-grid.grid .product .widget-productlist-availability,
.product-grid.grid .product .widget-product-availability,
.product-grid.grid .product .order-template-line-product-info {
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
}
.product-grid.detailed-list .product .widget-productlist-availability,
.product-grid.detailed-list .product .widget-product-availability,
.product-grid.detailed-list .product .order-template-line-product-info {
    margin-bottom: 10px;
}
.product-quick-view-popup .widget-productlist-availability,
.product-quick-view-popup .widget-product-availability,
.product-quick-view-popup .order-template-line-product-info {
    margin-bottom: 10px;
}
.widget-order-templates .widget-productlist-availability,
.widget-order-templates .widget-product-availability,
.widget-order-templates .order-template-line-product-info {
    margin: 0 0 5px;
}
.widget-productlist-availability .in-stock,
.widget-productlist-availability .low-stock,
.widget-productlist-availability .out-of-stock,
.widget-productlist-availability .please-see-attributes,
.widget-product-availability .in-stock,
.widget-product-availability .low-stock,
.widget-product-availability .out-of-stock,
.widget-product-availability .please-see-attributes,
.order-template-line-product-info .in-stock,
.order-template-line-product-info .low-stock,
.order-template-line-product-info .out-of-stock,
.order-template-line-product-info .please-see-attributes {
    font-size: 12px;
    padding: 2px 10px 2px 5px;
}
.widget-productlist-availability .in-stock:before,
.widget-productlist-availability .low-stock:before,
.widget-productlist-availability .out-of-stock:before,
.widget-productlist-availability .please-see-attributes:before,
.widget-product-availability .in-stock:before,
.widget-product-availability .low-stock:before,
.widget-product-availability .out-of-stock:before,
.widget-product-availability .please-see-attributes:before,
.order-template-line-product-info .in-stock:before,
.order-template-line-product-info .low-stock:before,
.order-template-line-product-info .out-of-stock:before,
.order-template-line-product-info .please-see-attributes:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-productlist-availability .in-stock::before,
.widget-productlist-availability .low-stock::before,
.widget-productlist-availability .out-of-stock::before,
.widget-productlist-availability .please-see-attributes::before,
.widget-product-availability .in-stock::before,
.widget-product-availability .low-stock::before,
.widget-product-availability .out-of-stock::before,
.widget-product-availability .please-see-attributes::before,
.order-template-line-product-info .in-stock::before,
.order-template-line-product-info .low-stock::before,
.order-template-line-product-info .out-of-stock::before,
.order-template-line-product-info .please-see-attributes::before {
    border-radius: 100%;
    color: white;
    text-align: center;
    font-size: 12px;
    padding: 4px;
    display: inline-block;
    margin: 0 1px 0 0;
}
.widget-productlist-availability .in-stock,
.widget-product-availability .in-stock,
.order-template-line-product-info .in-stock {
    background: #3e8468;
    border-radius: 10px;
    color: white;
}
.widget-productlist-availability .in-stock:before,
.widget-product-availability .in-stock:before,
.order-template-line-product-info .in-stock:before {
    content: "";
}
.widget-productlist-availability .out-of-stock,
.widget-product-availability .out-of-stock,
.order-template-line-product-info .out-of-stock {
    /* background: #d4484c; */
    background: #c59114;
    border-radius: 10px;
    color: white;
}
.widget-productlist-availability .out-of-stock:before,
.widget-product-availability .out-of-stock:before,
.order-template-line-product-info .out-of-stock:before {
    /* content: ""; */
    content: "";
}
.widget-productlist-availability .low-stock,
.widget-product-availability .low-stock,
.order-template-line-product-info .low-stock {
    background: #f0b529;
    border-radius: 10px;
    color: white;
}
.widget-productlist-availability .low-stock:before,
.widget-product-availability .low-stock:before,
.order-template-line-product-info .low-stock:before {
    content: "";
}
.widget-productlist-availability .please-see-attributes,
.widget-product-availability .please-see-attributes,
.order-template-line-product-info .please-see-attributes {
    background: #3d93b0;
    border-radius: 10px;
    color: white;
}
.widget-productlist-availability .please-see-attributes:before,
.widget-product-availability .please-see-attributes:before,
.order-template-line-product-info .please-see-attributes:before {
    content: "";
}

/*------------------------------------*\
    Widget - Store Availability
\*------------------------------------*/
.widget-store-availability {
    position: relative;
    float: left;
    font-size: 12px;
    background: #fafafa;
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.widget-store-availability::after {
    clear: both;
    content: "";
    display: block;
}
.is-scrolling .widget-store-availability {
    padding: 5px 15px;
    top: -9px;
}
.widget-store-availability > div[data-view=true] {
    display: block;
}
#cv-zone-topbar .widget-store-availability {
    padding: 8px 15px;
    display: block;
    height: 35px;
    font-size: 14px;
}
.widget-store-availability .store-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    display: block;
}
.widget-store-availability .store-address-line {
    display: block;
}
.widget-store-availability .store-listing-item {
    background: #fafafa;
    margin: 10px 0;
    border: 1px solid #ddd;
    padding: 0px 10px;
    clear: both;
    border-radius: 5px;
    position: relative;
    top: 10px;
}
.widget-store-availability .store-listing-item::after {
    clear: both;
    content: "";
    display: block;
}
.widget-store-availability .store-listing-item > div {
    width: 100%;
    padding: 10px 0;
}
.widget-store-availability .store-listing-item > div::after {
    clear: both;
    content: "";
    display: block;
}
.widget-store-availability .store-listing-item .store-listing-item-info {
    float: left;
    width: 70%;
}
.widget-store-availability .store-listing-item .store-listing-item-selection {
    float: right !important;
    width: 30%;
}
.widget-store-availability .my-store::before {
    float: left;
    font-size: 14px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.widget-store-availability .my-store strong {
    font-weight: normal;
    padding-right: 10px;
    font-weight: bold;
    font-size: 14px;
    float: left;
    display: block;
    position: relative;
    top: 2px;
}
.widget-store-availability .my-store .store {
    font-size: 12px;
    float: left;
    display: block;
    position: relative;
    top: 1px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    padding: 4px 0;
}
.widget-store-availability .change-store {
    display: block;
    clear: both;
}
.widget-store-availability .change-store .change-store-toggle {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.25);
    padding: 1px 5px;
    margin-left: 5px;
    border-radius: 5px;
    font-size: 12px;
}
.widget-store-availability .change-store .change-store-toggle::before {
    font-size: 16px;
    position: relative;
    top: 3px;
}
.widget-store-availability .change-store .change-store-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    padding: 20px;
    min-width: 300px;
    z-index: 100000;
}
@media (min-width: 576px) {
    .widget-store-availability .change-store .change-store-dropdown {
        min-width: 350px;
    }
}
@media (min-width: 992px) {
    .widget-store-availability .change-store .change-store-dropdown {
        min-width: 500px;
    }
}
.widget-store-availability .change-store .change-store-dropdown .change-store-instructions span {
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    font-weight: normal;
    font-size: 12px;
    text-transform: initial;
    margin: 0 0 2px;
    text-align: left;
}
.widget-store-availability .change-store .change-store-dropdown .store-listing {
    clear: both;
}
.widget-store-availability .change-store .change-store-dropdown .store-listing::after {
    clear: both;
    content: "";
    display: block;
}
.widget-store-availability .change-store .change-store-dropdown .store-listing .grid-row > div {
    padding-top: 20px;
}
.widget-store-availability .change-store .change-store-dropdown .store-listing .grid-row > div:empty {
    display: none;
    padding: 0 !important;
    margin: 0 !important;
    height: 0;
}
.widget-store-availability .change-store .change-store-dropdown .btn.primary.cv-ico-general-checkmark, .widget-store-availability .change-store .change-store-dropdown #printPanel input.primary.cv-ico-general-checkmark, #printPanel .widget-store-availability .change-store .change-store-dropdown input.primary.cv-ico-general-checkmark {
    background: #1c365f;
    border-color: #1c365f;
    color: white;
}
.widget-store-availability .change-store .change-store-dropdown .btn.primary.cv-ico-general-checkmark:hover, .widget-store-availability .change-store .change-store-dropdown #printPanel input.primary.cv-ico-general-checkmark:hover, #printPanel .widget-store-availability .change-store .change-store-dropdown input.primary.cv-ico-general-checkmark:hover, .widget-store-availability .change-store .change-store-dropdown .btn.primary.cv-ico-general-checkmark:focus, .widget-store-availability .change-store .change-store-dropdown #printPanel input.primary.cv-ico-general-checkmark:focus, #printPanel .widget-store-availability .change-store .change-store-dropdown input.primary.cv-ico-general-checkmark:focus {
    background: #284c86;
    border-color: #284c86;
}
.store-availability {
    position: relative;
}
.store-availability::after {
    clear: both;
    content: "";
    display: block;
}
.store-availability .my-store {
    float: left;
    font-size: 16px;
}
.store-availability .my-store::before {
    font-size: 30px;
    float: left;
    position: relative;
    top: -7px;
    margin-right: 10px;
    margin-bottom: -10px;
}
.store-availability .btn.small.primary.change-store, .store-availability #printPanel input.small.primary.change-store, #printPanel .store-availability input.small.primary.change-store {
    float: left;
    margin: 5px 0 0 40px;
    width: 200px;
}
.store-availability .btn.small.primary.change-store:before, .store-availability #printPanel input.small.primary.change-store:before, #printPanel .store-availability input.small.primary.change-store:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.store-availability .btn.small.primary.change-store:before, .store-availability #printPanel input.small.primary.change-store:before, #printPanel .store-availability input.small.primary.change-store:before {
    content: "";
}
@media (min-width: 992px) {
    .store-availability .btn.small.primary.change-store, .store-availability #printPanel input.small.primary.change-store, #printPanel .store-availability input.small.primary.change-store {
        margin: -1px 0 0 20px;
    }
}
.store-availability .btn.small.primary.change-store::before, .store-availability #printPanel input.small.primary.change-store::before, #printPanel .store-availability input.small.primary.change-store::before {
    float: right !important;
    margin: 0 0 0 4px;
}
.store-availability .change-store-list {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    clear: both;
    position: relative;
    top: 10px;
    padding-top: 0;
    padding-bottom: 0;
}
.store-availability .change-store-list::after {
    clear: both;
    content: "";
    display: block;
}
.store-availability .store-finder::after {
    clear: both;
    content: "";
    display: block;
}
.store-availability .store-finder span.k-widget {
    width: 100%;
    margin: 0 0 10px;
}
@media (min-width: 992px) {
    .store-availability .store-finder span.k-widget {
        width: 60%;
        margin: 0 !important;
    }
}
.store-availability .store-finder .btn.primary.cv-ico-general-search, .store-availability .store-finder #printPanel input.primary.cv-ico-general-search, #printPanel .store-availability .store-finder input.primary.cv-ico-general-search {
    width: 100%;
}
@media (min-width: 992px) {
    .store-availability .store-finder .btn.primary.cv-ico-general-search, .store-availability .store-finder #printPanel input.primary.cv-ico-general-search, #printPanel .store-availability .store-finder input.primary.cv-ico-general-search {
        width: calc((40%) - 10px);
        margin-left: 10px;
    }
}
.store-availability .k-widget.k-autocomplete {
    margin: 10px 0;
}
.store-availability .store-listing {
    padding: 0 !important;
    background: none;
    margin: 40px 0 0;
    clear: both;
    float: left;
    width: 100%;
    border-radius: 5px;
    position: relative;
    top: -15px;
}
.store-availability .store-listing::after {
    clear: both;
    content: "";
    display: block;
}
.store-availability .store-listing-item {
    clear: both;
    padding: 10px;
    font-size: 12px;
}
.store-availability .store-listing-item::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .store-availability .store-listing-item {
        float: left;
        width: 49%;
        clear: none;
        border: 1px solid #9b918c;
        margin: 0.5%;
        border-radius: 5px;
        transition: all 0.2s ease-in-out;
        background: white;
        border-radius: 5px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        background: white;
        border: none;
        color: black;
    }
    .store-availability .store-listing-item:hover {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        background: #fff;
        transform: translateY(-4px);
    }
}
@media (min-width: 1260px) {
    .store-availability .store-listing-item {
        width: 32.3333%;
    }
}
.store-availability .store-listing-item:hover, .store-availability .store-listing-item:focus {
    background: #e1eff5;
}
.store-availability .store-listing-item.current-store .store-listing-item-selection .btn.primary.small.pill.cv-ico-general-checkmark, .store-availability .store-listing-item.current-store .store-listing-item-selection #printPanel input.primary.small.pill.cv-ico-general-checkmark, #printPanel .store-availability .store-listing-item.current-store .store-listing-item-selection input.primary.small.pill.cv-ico-general-checkmark {
    width: 100%;
    background: #71B55E;
    border-color: #71B55E;
    color: white;
}
.store-availability .store-listing-item.current-store .store-listing-item-selection .btn.primary.small.pill.cv-ico-general-checkmark:hover, .store-availability .store-listing-item.current-store .store-listing-item-selection #printPanel input.primary.small.pill.cv-ico-general-checkmark:hover, #printPanel .store-availability .store-listing-item.current-store .store-listing-item-selection input.primary.small.pill.cv-ico-general-checkmark:hover, .store-availability .store-listing-item.current-store .store-listing-item-selection .btn.primary.small.pill.cv-ico-general-checkmark:focus, .store-availability .store-listing-item.current-store .store-listing-item-selection #printPanel input.primary.small.pill.cv-ico-general-checkmark:focus, #printPanel .store-availability .store-listing-item.current-store .store-listing-item-selection input.primary.small.pill.cv-ico-general-checkmark:focus {
    background: #63ab4f;
}
.store-availability .store-listing-item.current-store .store-listing-item-selection .btn.primary.small.pill.cv-ico-general-checkmark:before, .store-availability .store-listing-item.current-store .store-listing-item-selection #printPanel input.primary.small.pill.cv-ico-general-checkmark:before, #printPanel .store-availability .store-listing-item.current-store .store-listing-item-selection input.primary.small.pill.cv-ico-general-checkmark:before {
    content: "";
}
.store-availability .store-listing-item-info {
    float: left;
    padding-top: 5px;
    width: 100%;
}
@media (min-width: 992px) {
    .store-availability .store-listing-item-info {
        width: auto;
    }
}
.store-availability .store-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    min-width: 100px;
    display: inline-block;
}
.store-availability .field-name-StoreName {
    font-size: 16px;
}
.store-availability .store-address-line {
    display: block;
    clear: both;
}
.store-availability .store-listing-item-selection {
    width: 100%;
}
@media (min-width: 992px) {
    .store-availability .store-listing-item-selection {
        float: right !important;
        width: 140px;
    }
}
.store-availability .store-listing-item-selection .btn.primary.small.pill, .store-availability .store-listing-item-selection #printPanel input.primary.small.pill, #printPanel .store-availability .store-listing-item-selection input.primary.small.pill {
    border-color: #073b72;
    background: #073b72;
    border-radius: 0;
    width: 100%;
}
.store-availability .store-listing-item-selection .btn.primary.small.pill:before, .store-availability .store-listing-item-selection #printPanel input.primary.small.pill:before, #printPanel .store-availability .store-listing-item-selection input.primary.small.pill:before {
    content: "";
}
.store-availability .store-listing-item-selection .btn.primary.small.pill:hover, .store-availability .store-listing-item-selection #printPanel input.primary.small.pill:hover, #printPanel .store-availability .store-listing-item-selection input.primary.small.pill:hover, .store-availability .store-listing-item-selection .btn.primary.small.pill:focus, .store-availability .store-listing-item-selection #printPanel input.primary.small.pill:focus, #printPanel .store-availability .store-listing-item-selection input.primary.small.pill:focus {
    border-color: #073b72;
    background: #073b72;
}

.store-finder .form-text {
    height: auto;
}
.store-finder .form-text .form-text.k-input {
    font-size: 16px;
    padding: 15px 10px;
}

.widget-store-availability-click-and-collect::after {
    clear: both;
    content: "";
    display: block;
}
.widget-store-availability-click-and-collect .availability-icon {
    float: left;
    display: inline-block;
    padding: 5px 12px 0 0;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 5px 5px 8px;
    margin: 0 10px 0 0;
    background: #f9f9f9;
}
.widget-store-availability-click-and-collect .availability-caption {
    font-size: 12px;
    position: relative;
    top: 1px;
}

#cv-zone-cart-title .store-listing-item {
    min-height: 100px;
}

.widget-order-line-store-availability-click-and-collect.availability-icons {
    clear: both;
    margin: 5px 0;
    font-size: 16px;
}
.widget-order-line-store-availability-click-and-collect.availability-icons::after {
    clear: both;
    content: "";
    display: block;
}
.widget-order-line-store-availability-click-and-collect.availability-icons .availability-caption {
    padding: 10px;
}

.cart-product-title a.widget-order-line-description {
    font-size: 18px;
    color: #1e3232;
}

.product-grid.grid .product .availability-icons .btn.small.modal-window, .product-grid.grid .product .availability-icons #printPanel input.small.modal-window, #printPanel .product-grid.grid .product .availability-icons input.small.modal-window {
    width: 100%;
}

.product-grid.detailed-list .product .availability-icons .btn.small.modal-window, .product-grid.detailed-list .product .availability-icons #printPanel input.small.modal-window, #printPanel .product-grid.detailed-list .product .availability-icons input.small.modal-window,
.product-detail-right .availability-icons .btn.small.modal-window,
.product-detail-right .availability-icons #printPanel input.small.modal-window,
#printPanel .product-detail-right .availability-icons input.small.modal-window {
    margin-right: 10px;
}

.availability-icon .delivery .availability-caption:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.availability-icon .delivery .availability-caption:before {
    content: "";
}
.availability-icon .delivery .availability-caption::before {
    margin-right: 2px;
    background: white;
    border: 1px solid #9b918c;
    color: #9b918c;
    border-radius: 5px;
    padding: 3px;
    margin-right: 5px;
}
.availability-icon .pickup .availability-caption:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.availability-icon .pickup .availability-caption:before {
    content: "";
}
.availability-icon .pickup .availability-caption::before {
    margin-right: 2px;
    background: white;
    border: 1px solid #9b918c;
    color: #9b918c;
    border-radius: 5px;
    padding: 3px;
    margin-right: 5px;
}
.availability-icon .email .availability-caption:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.availability-icon .email .availability-caption:before {
    content: "";
}
.availability-icon .email .availability-caption::before {
    margin-right: 2px;
    background: white;
    border: 1px solid #9b918c;
    color: #9b918c;
    border-radius: 5px;
    padding: 3px;
    margin-right: 5px;
}

.availability-icon.backorder-delivery .availability-caption::before, .availability-icon.backorder-pickup .availability-caption::before, .availability-icon.delayed-delivery .availability-caption::before, .availability-icon.low-stock .availability-caption::before {
    background: #f0b529 !important;
    border-color: #f0b529 !important;
    color: #231f20 !important;
}
.availability-icon.low-stock .pickup .availability-caption:before {
    content: "";
}
.availability-icon.out-of-stock .availability-caption::before {
    background: #d4484c !important;
    border-color: #d4484c !important;
    color: white !important;
}
.availability-icon.in-stock .availability-caption::before {
    background: #3e8468 !important;
    border-color: #3e8468 !important;
    color: white !important;
}
.availability-icon.special-order .availability-caption::before {
    background: #3d93b0 !important;
    border-color: #3d93b0 !important;
    color: white !important;
}
.availability-icon.call-to-order .availability-caption:before {
    content: "";
}
.availability-icon.call-to-order .availability-caption::before {
    background: #3d93b0 !important;
    border-color: #3d93b0 !important;
    color: white !important;
}

.field-name-StoreName {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    text-transform: initial;
}

.grey-box .store-availability {
    padding: 10px 0 0;
}
.grey-box .store-availability .store {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
}
.grey-box .store-availability .btn.small.primary.change-store, .grey-box .store-availability #printPanel input.small.primary.change-store, #printPanel .grey-box .store-availability input.small.primary.change-store {
    padding: 10px;
    width: auto;
    float: left;
    margin: 10px 0 0 10px;
}
@media (min-width: 992px) {
    .grey-box .store-availability .btn.small.primary.change-store, .grey-box .store-availability #printPanel input.small.primary.change-store, #printPanel .grey-box .store-availability input.small.primary.change-store {
        margin: -10px 0 0 10px;
    }
}
.grey-box .store-availability .btn.primary.cv-ico-general-search, .grey-box .store-availability #printPanel input.primary.cv-ico-general-search, #printPanel .grey-box .store-availability input.primary.cv-ico-general-search {
    padding: 13px;
    height: 45px;
}

.instore-availability-list li {
    padding: 20px 0;
    border-bottom: 1px dashed #9b918c;
    font-size: 16px;
}
.instore-availability-list li::after {
    clear: both;
    content: "";
    display: block;
}
.instore-availability-list li span {
    display: block;
}

/* brought across from BPD base */
/*------------------------------------*\
    Widget - Standing Order
\*------------------------------------*/
/* START Schedule Standing Order page */
.widget-standing-orders input[type=checkbox] {
    margin-right: 10px;
}

.widget-standing-orders label {
    font-size: 12px;
    font-weight: 700;
}

.widget-standing-orders .recurrence-pattern {
    margin: 10px 0;
}

.widget-standing-orders .recurrence-pattern > .recurrence-pattern-type,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-separator,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-options {
    width: 100%;
}

@media (min-width: 576px) {
    .widget-standing-orders .recurrence-pattern > .recurrence-pattern-type,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-separator,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-options {
        width: 100%;
    }
}
@media (min-width: 576px) {
    .widget-standing-orders .recurrence-pattern > .recurrence-pattern-type.spacing-left,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-separator.spacing-left,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-options.spacing-left {
        margin-left: 0;
    }
}
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-type .form-label,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-type .widget-product-filter .product-filter .heading-alternate,
.widget-product-filter .product-filter .widget-standing-orders .recurrence-pattern > .recurrence-pattern-type .heading-alternate {
    margin-bottom: 10px;
}

.widget-standing-orders .recurrence-pattern > .recurrence-pattern-type .form-label .form-radio,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-type .widget-product-filter .product-filter .heading-alternate .form-radio,
.widget-product-filter .product-filter .widget-standing-orders .recurrence-pattern > .recurrence-pattern-type .heading-alternate .form-radio {
    margin-top: 0;
}

@media (min-width: 992px) {
    .widget-standing-orders .recurrence-pattern > .recurrence-pattern-type {
        width: 10%;
    }
}
@media (min-width: 992px) {
    .widget-standing-orders .recurrence-pattern > .recurrence-pattern-separator {
        width: 5%;
    }
}
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-options .form-label,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-options .widget-product-filter .product-filter .heading-alternate,
.widget-product-filter .product-filter .widget-standing-orders .recurrence-pattern > .recurrence-pattern-options .heading-alternate {
    margin-bottom: 5px;
}

.widget-standing-orders .recurrence-pattern > .recurrence-pattern-options .form-label .form-radio,
.widget-standing-orders .recurrence-pattern > .recurrence-pattern-options .widget-product-filter .product-filter .heading-alternate .form-radio,
.widget-product-filter .product-filter .widget-standing-orders .recurrence-pattern > .recurrence-pattern-options .heading-alternate .form-radio {
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block;
    float: none;
}

@media (min-width: 992px) {
    .widget-standing-orders .recurrence-pattern > .recurrence-pattern-options {
        width: 80%;
    }
}
@media (min-width: 992px) {
    .widget-standing-orders .recurrence-pattern .or-separator.vertical {
        height: 145px;
    }
}
.widget-standing-orders .recurrence-pattern .cv-numeric-input {
    vertical-align: middle;
    margin: 5px;
    max-width: 148px;
}

.widget-standing-orders .recurrence-pattern .k-dropdown .k-input {
    font-weight: normal;
    color: #1e3232;
}

.widget-standing-orders .weekly-recurrence {
    font-size: 12px;
    font-weight: 700;
}

.widget-standing-orders .weekly-recurrence .form-row {
    display: inline-block;
    margin-bottom: 5px;
}

.widget-standing-orders .weekly-recurrence .form-row .form-checkboxlist {
    margin: 0 10px 0 0;
}

@media (min-width: 576px) {
    .widget-standing-orders .weekly-recurrence .form-row {
        width: auto;
        float: none;
        margin-right: 25px;
        vertical-align: middle;
    }
}
.widget-standing-orders .monthly-recurrence .cv-dropdown {
    margin: 5px;
}

.widget-standing-orders .monthly-recurrence .cv-dropdown:first-of-type {
    margin-right: 0;
}

.widget-standing-orders .yearly-recurrence .yearly-recurrence-label {
    display: inline-block;
    width: 60px;
}

.widget-standing-orders .yearly-recurrence .yearly-recurrence-recur-every {
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-left: 20px;
}

.widget-standing-orders .yearly-recurrence .form-label .cv-dropdown,
.widget-standing-orders .yearly-recurrence .widget-product-filter .product-filter .heading-alternate .cv-dropdown,
.widget-product-filter .product-filter .widget-standing-orders .yearly-recurrence .heading-alternate .cv-dropdown,
.widget-standing-orders .yearly-recurrence .form-label .cv-numeric-input,
.widget-standing-orders .yearly-recurrence .widget-product-filter .product-filter .heading-alternate .cv-numeric-input,
.widget-product-filter .product-filter .widget-standing-orders .yearly-recurrence .heading-alternate .cv-numeric-input {
    margin: 5px 0 5px 5px;
}

.widget-standing-orders .yearly-recurrence .form-label .cv-dropdown:nth-of-type(3),
.widget-standing-orders .yearly-recurrence .widget-product-filter .product-filter .heading-alternate .cv-dropdown:nth-of-type(3),
.widget-product-filter .product-filter .widget-standing-orders .yearly-recurrence .heading-alternate .cv-dropdown:nth-of-type(3) {
    margin-right: 5px;
}

.widget-standing-orders .range-of-recurrence {
    margin: 10px 0;
}

.widget-standing-orders .range-of-recurrence > .range-of-recurrence-start,
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-separator,
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-options {
    width: 100%;
}

@media (min-width: 576px) {
    .widget-standing-orders .range-of-recurrence > .range-of-recurrence-start,
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-separator,
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-options {
        width: 100%;
    }
}
@media (min-width: 576px) {
    .widget-standing-orders .range-of-recurrence > .range-of-recurrence-start.spacing-left,
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-separator.spacing-left,
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-options.spacing-left {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .widget-standing-orders .range-of-recurrence > .range-of-recurrence-start {
        width: 20%;
    }
}
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-start .range-of-recurrence-label {
    width: 35px;
}

.widget-standing-orders .range-of-recurrence > .range-of-recurrence-start .form-datepicker {
    max-width: 145px;
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 15px;
}

.widget-standing-orders .range-of-recurrence > .range-of-recurrence-separator {
    margin-top: 5px;
}

@media (min-width: 992px) {
    .widget-standing-orders .range-of-recurrence > .range-of-recurrence-separator {
        margin-top: 0;
        width: 5%;
    }
}
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-options .form-label,
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-options .widget-product-filter .product-filter .heading-alternate,
.widget-product-filter .product-filter .widget-standing-orders .range-of-recurrence > .range-of-recurrence-options .heading-alternate {
    margin-bottom: 5px;
}

.widget-standing-orders .range-of-recurrence > .range-of-recurrence-options .form-label .form-radio,
.widget-standing-orders .range-of-recurrence > .range-of-recurrence-options .widget-product-filter .product-filter .heading-alternate .form-radio,
.widget-product-filter .product-filter .widget-standing-orders .range-of-recurrence > .range-of-recurrence-options .heading-alternate .form-radio {
    margin: -3px 5px 0 0;
    vertical-align: middle;
    display: inline-block;
    float: none;
}

.widget-standing-orders .range-of-recurrence > .range-of-recurrence-options .cv-numeric-input {
    vertical-align: middle;
    margin: 5px;
    width: auto;
    max-width: 148px;
}

.widget-standing-orders .range-of-recurrence > .range-of-recurrence-options .k-datepicker {
    margin: 5px;
    vertical-align: middle;
    display: inline-block;
    float: none;
    width: auto;
    max-width: 148px;
}

@media (min-width: 992px) {
    .widget-standing-orders .range-of-recurrence > .range-of-recurrence-options {
        width: 60%;
    }
}
.widget-standing-orders .range-of-recurrence-label {
    display: inline-block;
    width: 85px;
}

.widget-standing-orders .btn.cv-cancel,
.widget-standing-orders .cv-cancel.dropdown-section-list,
.widget-standing-orders #printPanel input.cv-cancel,
#printPanel .widget-standing-orders input.cv-cancel,
.widget-standing-orders .btn.cv-submit,
.widget-standing-orders .cv-submit.dropdown-section-list,
.widget-standing-orders #printPanel input.cv-submit,
#printPanel .widget-standing-orders input.cv-submit {
    height: 45px;
    margin: 0 0 10px;
    width: 100%;
}

.widget-standing-orders .btn.cv-submit,
.widget-standing-orders .cv-submit.dropdown-section-list,
.widget-standing-orders #printPanel input.cv-submit,
#printPanel .widget-standing-orders input.cv-submit {
    margin: 0;
}

@media (min-width: 576px) {
    .widget-standing-orders .btn.cv-cancel,
.widget-standing-orders .cv-cancel.dropdown-section-list,
.widget-standing-orders #printPanel input.cv-cancel,
#printPanel .widget-standing-orders input.cv-cancel,
.widget-standing-orders .btn.cv-submit,
.widget-standing-orders .cv-submit.dropdown-section-list,
.widget-standing-orders #printPanel input.cv-submit,
#printPanel .widget-standing-orders input.cv-submit {
        width: auto;
        margin: 0 10px 0 0;
    }

    .widget-standing-orders .btn.cv-cancel,
.widget-standing-orders .cv-cancel.dropdown-section-list,
.widget-standing-orders #printPanel input.cv-cancel,
#printPanel .widget-standing-orders input.cv-cancel {
        margin: 0;
    }
}
.modal-header.standing-order,
.modal-content.standing-order {
    max-width: 100%;
}

.modal-header.standing-order .grey-box,
.modal-content.standing-order .grey-box {
    background: #fff;
    border-color: #fff;
    padding: 0;
}

#cv-standing-order-recurrence-information .widget-standing-schedule-information {
    background: #f0f0f0;
    padding: 20px;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    #cv-standing-order-recurrence-information .widget-standing-schedule-information {
        width: 50%;
        text-align: right;
        float: right;
    }
}

/*------------------------------------*\
    Widget - Category Title
\*------------------------------------*/
.widget-productlist-category-title {
    display: block;
    text-align: center;
}
.widget-productlist-category-title a {
    display: block;
    font-weight: 600;
    color: black;
    min-height: 30px;
}
.widget-productlist-category-title a:hover {
    color: #1c365f;
}

/*------------------------------------*\
    Widget - Category Image
\*------------------------------------*/
.widget-productlist-category-image a {
    display: block;
    clear: both;
}
.widget-productlist-category-image a::after {
    clear: both;
    content: "";
    display: block;
}
.widget-productlist-category-image a img {
    float: left;
}

/*------------------------------------*\
    Widget - Product List Code
\*------------------------------------*/
.widget-productlist-code {
    display: block;
    color: #042242;
    padding: 12px 0;
    font-size: 12px;
}

/*------------------------------------*\
    PRODUCT COMPARE
\*------------------------------------*/
.widget-productlist-compare a {
    color: #042242;
    font-size: 12px;
    padding: 0 0 0 12px;
}
.widget-productlist-compare a:hover {
    color: #1c365f;
}
.widget-productlist-compare .form-fieldset {
    margin: 0;
}
.widget-productlist-compare .form-checkbox {
    margin: 0;
}

body.no-scroll {
    overflow: hidden;
}
body.no-scroll .product-compare-bar {
    box-shadow: none;
}
body.no-scroll .products-to-compare {
    padding-top: 40px;
}
@media (min-width: 992px) {
    body.no-scroll .products-to-compare {
        padding-top: 35px;
    }
}
body.no-scroll .list-of-products {
    height: auto;
    max-height: 200px;
}
@media (min-width: 992px) {
    body.no-scroll .list-of-products {
        max-height: none;
    }
}
body.no-scroll .product-compare-buttons {
    padding-top: 40px;
}
@media (min-width: 992px) {
    body.no-scroll .product-compare-buttons {
        padding-top: 30px;
    }
}
@media (min-width: 992px) {
    body.no-scroll .product-title {
        padding-top: 6px;
        height: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.product-compare-content > h5,
.product-compare-bar > h5 {
    display: none;
}

.product-compare-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fafafa;
    border-top: 4px solid #1c365f;
    width: 100%;
    color: #000;
    z-index: 100000;
    height: 170px;
    padding-top: 0;
    overflow: visible !important;
    display: none;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.18);
}
.product-compare-bar .container {
    position: relative;
    padding: 5px;
}
.product-compare-bar h5 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 5px;
}

.product-compare-toggle {
    background: #1c365f;
    color: white;
    position: absolute;
    right: 10px;
    top: -32px;
    font-size: 22px;
    width: auto;
    height: 28px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    padding: 8px 15px 10px;
}
.product-compare-toggle #compare-toggle:before {
    position: relative;
    top: -2px;
    margin-right: 5px;
    font-size: 18px;
    display: inline-block;
    float: left;
}

.products-to-compare {
    width: 68%;
    float: left;
    display: inline-block;
}
.products-to-compare::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .products-to-compare {
        width: 78%;
    }
}
.products-to-compare .list-of-products {
    width: 100%;
    height: 100px;
    margin-bottom: 5px;
    overflow: auto;
}
.products-to-compare .list-of-products::after {
    clear: both;
    content: "";
    display: block;
}

.product-compare-buttons {
    margin-bottom: 5px;
    width: 30%;
    float: right;
    display: inline-block;
}
.product-compare-buttons::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .product-compare-buttons {
        margin-top: 10px;
        width: 20%;
    }
}
.product-compare-buttons .btn, .product-compare-buttons #printPanel input, #printPanel .product-compare-buttons input {
    float: right;
    margin: 0 0 5px;
    width: 100%;
    font-size: 10px;
}
@media (min-width: 992px) {
    .product-compare-buttons .btn, .product-compare-buttons #printPanel input, #printPanel .product-compare-buttons input {
        max-width: 170px;
        padding: 10px;
        font-size: 12px;
    }
}
.product-compare-buttons .btn.cv-print, .product-compare-buttons #printPanel input.cv-print, #printPanel .product-compare-buttons input.cv-print {
    display: none;
}

.product-compare-item {
    float: left;
    display: inline-block;
    background: #042242;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 0 5px;
    position: relative;
    width: 98%;
    padding: 0px;
}
@media (min-width: 768px) {
    .product-compare-item {
        width: 49.5%;
        margin: 0 0.5% 5px 0;
    }
}
@media (min-width: 1260px) {
    .product-compare-item {
        width: 32%;
    }
}
.product-compare-item .form-checkbox {
    float: left;
    display: inline-block;
    margin: 5px 3px 0;
    cursor: pointer;
}
@media (min-width: 768px) {
    .product-compare-item .form-checkbox {
        margin-top: 15px;
    }
}
.product-compare-item .product-img {
    width: 45px;
    float: left;
    display: inline-block;
    margin: 0 5px 0 0;
    border-radius: 0px;
    border: 0;
    padding: 5px;
    min-height: 100%;
}
.product-compare-item .product-title {
    font-size: 12px;
    font-weight: normal;
    float: left;
    display: inline-block;
    color: black;
    padding: 10px 0 0;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 768px) {
    .product-compare-item .product-title {
        padding-top: 17px;
        width: 60%;
    }
}
@media (min-width: 992px) {
    .product-compare-item .product-title {
        width: 70%;
    }
}
@media (min-width: 1260px) {
    .product-compare-item .product-title {
        width: 72%;
    }
}
.product-compare-item .product-compare-item-remove {
    display: block;
    color: #999;
    position: absolute;
    top: 36%;
    right: 5px;
}
.product-compare-item .product-compare-item-remove:hover {
    color: #d83636;
    cursor: pointer;
}
.product-compare-item .product-compare-item-remove:before {
    content: "";
    font-family: "cv-ico-general";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#compare-full-toggle {
    background: #1c365f;
}
#compare-full-toggle:hover {
    background: #1f3d6b;
}

.compare-alert-messages .alert-box, .compare-alert-messages .grid-no-results, .compare-alert-messages .lucene-messages .lucene-message, .lucene-messages .compare-alert-messages .lucene-message {
    font-size: 12px;
    padding: 3px 8px;
    background: white;
}
.compare-alert-messages .alert-box:before, .compare-alert-messages .grid-no-results:before, .compare-alert-messages .lucene-messages .lucene-message:before, .lucene-messages .compare-alert-messages .lucene-message:before {
    font-size: 12px;
    position: relative;
    top: 2px;
}

.product-compare-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 10px;
    text-align: center;
}
.product-compare-close .cv-ico-general-cross:before {
    position: relative;
    top: 3px;
    left: 4px;
    font-size: 18px;
    color: #6D6E70;
    background: #ddd;
    width: 25px;
    height: 21px;
    display: block;
    border-radius: 100px;
    padding-top: 4px;
    text-align: center;
}
.product-compare-close .cv-ico-general-cross:hover {
    cursor: pointer;
}
.product-compare-close .cv-ico-general-cross:hover:before {
    background: #D82A2B;
    color: white;
}

.expanded-compare-area {
    overflow: scroll !important;
}
.expanded-compare-area .product-compare-close {
    display: block;
}
.expanded-compare-area .product-compare-buttons .btn.small.cv-print, .expanded-compare-area .product-compare-buttons #printPanel input.small.cv-print, #printPanel .expanded-compare-area .product-compare-buttons input.small.cv-print {
    display: inline-block;
}

.product-compare-area {
    clear: both;
    padding-top: 40px;
    padding-bottom: 100px;
}
.product-compare-area::after {
    clear: both;
    content: "";
    display: block;
}

.product-compare-table {
    border-top: 1px dashed #ddd;
    padding-top: 40px;
    background-color: white;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 0 9px 4px #ebebeb;
    max-width: 90%;
    overflow: auto;
    margin: 0 auto;
}
@media (min-width: 992px) {
    .product-compare-table {
        max-width: 100%;
    }
}
.product-compare-table .content-table {
    border: none;
    font-size: 12px;
}
.product-compare-table .content-table td {
    border: none;
    padding-top: 14px;
    padding-bottom: 14px;
    width: 28%;
}
.product-compare-table .content-table tr:hover td {
    background: #e1eff5;
}
.product-compare-table .content-table tr:nth-child(2n) td {
    background: #fafafa;
}
.product-compare-table .content-table tr:nth-child(2n):hover td {
    background: #e1eff5;
}
.product-compare-table .content-table tr:first-child td {
    background: white;
    border-bottom: 2px solid #1e3232;
}
.product-compare-table .content-table tr:first-child:hover td {
    background: #fff !important;
}
.product-compare-table .content-table .widget-productlist-image {
    position: relative;
}
.product-compare-table .content-table .widget-productlist-image .product-img {
    max-width: 200px;
    border-radius: 4px;
    box-shadow: 0 0px 14px #ddd;
}
.product-compare-table .content-table .widget-productlist-image .product-ribbons {
    width: 60px;
}
.product-compare-table .content-table .cv-numeric-input {
    float: left;
}
.product-compare-table .content-table .form-number-plus-minus {
    height: 43px;
}
@media (min-width: 576px) {
    .product-compare-table .content-table .content-table.headings-left tr td:first-child {
        width: 175px;
        font-weight: 600;
    }
}
.product-compare-table .content-table .content-table.headings-left ul {
    line-height: 200%;
}
.product-compare-table .content-table .btn.cv-add-to-cart, .product-compare-table .content-table #printPanel input.cv-add-to-cart, #printPanel .product-compare-table .content-table input.cv-add-to-cart {
    clear: both;
    display: block;
    font-size: 1.25em;
    padding: 0.75em 1.5em;
    width: 175px;
}

/*------------------------------------*\
    Widget - Product List GST
\*------------------------------------*/
.widget-productlist-gst {
    float: none;
    display: block;
    font-size: 12px;
    color: #042242;
    padding: 5px 0 0 5px;
}

/*------------------------------------*\
    Widget - Product List Image
\*------------------------------------*/
.widget-productlist-image {
    display: block;
}
.widget-productlist-image a {
    display: block;
}
.widget-productlist-image a img {
    display: block;
    width: 100%;
    padding: 8%;
}

/*------------------------------------*\
    Widget - Product Price
\*------------------------------------*/
.widget-productlist-price {
    display: block;
    font-weight: 600;
}
.widget-productlist-price span {
    display: block;
    font-weight: 600;
}

.price-right .widget-productlist-price {
    float: right;
}

.data-list-view-product .widget-productlist-price {
    padding: 0;
    font-size: 14px;
}

.product-grid .product .widget-productlist-price {
    float: none;
    padding: 5px 0;
    font-size: 30px;
}

/*------------------------------------*\
    Widget - Product List RRP
\*------------------------------------*/
.widget-productlist-rrp {
    float: none;
    margin-bottom: 5px;
    padding: 5px 0 0 5px;
}

/*------------------------------------*\
    Widget - Product List Title
\*------------------------------------*/
.widget-productlist-title {
    display: block;
}
.widget-productlist-title a {
    display: block;
    font-weight: 600;
    color: black;
    min-height: 50px;
}
.widget-productlist-title a:hover {
    color: #1c365f;
}

/*------------------------------------*\
    Widget - Product List Unit
\*------------------------------------*/
.widget-productlist-unit {
    float: left;
    display: block;
    font-size: 12px;
    color: #042242;
    padding: 29px 0 0 5px;
}

/*------------------------------------*\
    Widget - Questionnaire
\*------------------------------------*/
.capture-row {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
}
.capture-row::after {
    clear: both;
    content: "";
    display: block;
}

.capture-image::after {
    clear: both;
    content: "";
    display: block;
}
.capture-image img {
    float: left;
    border: 1px solid #41b7ea;
}
.capture-image .btn, .capture-image #printPanel input, #printPanel .capture-image input {
    clear: both;
    margin: 10px 0;
}

/*------------------------------------*\
    Widget - Recently Viewed
\*------------------------------------*/
.widget-recently-viewed-products {
    display: block;
    clear: both;
    overflow: hidden;
}
.widget-recently-viewed-products::after {
    clear: both;
    content: "";
    display: block;
}
.widget-recently-viewed-products .owl-item {
    padding: 12px;
}

/*------------------------------------*\
    Widget - Register
\*------------------------------------*/
.widget-register {
    margin: 64px 0;
}
@media (min-width: 992px) {
    .widget-register {
        max-width: 50%;
        margin: 64px auto;
    }
}
.widget-register .col-1-2 {
    width: 100%;
    padding: 0 0 12px;
}
.widget-register .box-title.ico-heading, .widget-register .widget-checkout-css-gift-card h5.ico-heading, .widget-checkout-css-gift-card .widget-register h5.ico-heading {
    font-size: 40px;
    font-weight: bold;
    color: white;
    border-radius: 10px 10px 0 0;
    padding: 12px;
}
.widget-register .box-title.ico-heading:before, .widget-register .widget-checkout-css-gift-card h5.ico-heading:before, .widget-checkout-css-gift-card .widget-register h5.ico-heading:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget-register .box-title.ico-heading:before, .widget-register .widget-checkout-css-gift-card h5.ico-heading:before, .widget-checkout-css-gift-card .widget-register h5.ico-heading:before {
    background: #fff;
    padding: 5px;
    border-radius: 100px;
    color: #1c365f;
    text-align: center;
    margin-right: 5px;
    margin-right: 10px;
}
.widget-register .box-content, .widget-register .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .widget-register .grid {
    padding: 30px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/*------------------------------------*\
    Widget - Reviews
\*------------------------------------*/
.widget-reviews .write-review {
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
}
.widget-reviews .write-review::after {
    clear: both;
    content: "";
    display: block;
}
.widget-reviews .btn.secondary.cv-ico-general-pencil + div, .widget-reviews #printPanel input.secondary.cv-ico-general-pencil + div, #printPanel .widget-reviews input.secondary.cv-ico-general-pencil + div {
    clear: both;
}

.rating {
    display: block;
    margin: 0 0 12px;
}
.rating::after {
    clear: both;
    content: "";
    display: block;
}
.rating .stars {
    list-style: none;
    margin: 0 30px 0 0;
    padding: 0;
}
.rating .stars::after {
    clear: both;
    content: "";
    display: block;
}
.rating .stars li {
    list-style: none;
    margin: 0;
    padding: 5px;
    float: left;
    display: block;
}
.rating .stars.five li .star-five,
.rating .stars.five li .star-four,
.rating .stars.five li .star-three,
.rating .stars.five li .star-two,
.rating .stars.five li .star-one {
    color: gold;
}
.rating .stars.four li .star-five {
    display: none;
}
.rating .stars.four li .star-four,
.rating .stars.four li .star-three,
.rating .stars.four li .star-two,
.rating .stars.four li .star-one {
    color: gold;
}
.rating .stars.three li .star-five,
.rating .stars.three li .star-four {
    display: none;
}
.rating .stars.three li .star-three,
.rating .stars.three li .star-two,
.rating .stars.three li .star-one {
    color: gold;
}
.rating .stars.two li .star-five,
.rating .stars.two li .star-four,
.rating .stars.two li .star-three {
    display: none;
}
.rating .stars.two li .star-two,
.rating .stars.two li .star-one {
    color: gold;
}
.rating .stars.one li .star-five,
.rating .stars.one li .star-four,
.rating .stars.one li .star-three,
.rating .stars.one li .star-two {
    display: none;
}
.rating .stars.one li .star-one {
    color: gold;
}

/*------------------------------------*\
    Widget - Role Select
\*------------------------------------*/
.widget-role-select {
    position: relative;
    float: left;
    height: 35px;
    padding-top: 7px !important;
}
.widget-role-select::after {
    clear: both;
    content: "";
    display: block;
}
.widget-role-select .role-select {
    float: left;
    display: inline-block;
    float: none;
    clear: none;
    cursor: pointer;
    padding: 2px;
}
.widget-role-select .icon::before {
    float: left;
}
.widget-role-select .icon .ico-right::before {
    position: relative;
    top: 2px;
    margin-right: 0;
    margin-left: 5px;
}
.widget-role-select .ico-only-text {
    font-size: 14px;
    float: left;
    display: inline-block;
    float: none;
    clear: none;
    position: relative;
}
.widget-role-select .role-name {
    float: left;
    display: inline-block;
    float: none;
    clear: none;
}
.widget-role-select .role-code {
    display: block;
    font-size: 12px;
    padding: 2px 8px;
    position: relative;
    background: #1c365f;
    border-radius: 3px;
    color: white;
}
.widget-role-select .role-code::before {
    top: 15%;
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: white;
    border-width: 5px;
    margin-left: -5px;
}
.widget-role-select .role-code::before {
    border-right-color: #1c365f;
    top: calc((50%) - 5px);
}
.is-scrolling .widget-role-select .role-code {
    box-shadow: none;
    background: #1c365f;
}
.is-scrolling .widget-role-select .role-code::before {
    border-right-color: #1c365f;
}
.widget-role-select .dropdown-area {
    display: none;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    position: relative;
    z-index: 1000;
    padding: 5px;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px;
}
.widget-role-select .dropdown-area::after {
    clear: both;
    content: "";
    display: block;
}
.widget-role-select .dropdown-area::before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: white;
    border-width: 5px;
    margin-left: -5px;
}
.widget-role-select .dropdown-area .dropdown-list {
    display: block;
}
.widget-role-select .dropdown-area .dropdown-list .cv-dropdown {
    margin: 0 !important;
}

/*------------------------------------*\
    Widget - Section Menu
\*------------------------------------*/
.widget-section-menu .heading {
    font-weight: 600;
    padding: 0 0 14px;
}
.widget-section-menu .heading.ico-left:before {
    margin-right: 5px;
}
.widget-section-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-section-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-section-menu.dropdown-section-menu {
    position: relative;
    float: left;
}
.widget-section-menu.dropdown-section-menu .heading {
    font-weight: initial;
    padding: 0;
}
.widget-section-menu.dropdown-section-menu .heading.ico-left:before {
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.widget-section-menu.dropdown-section-menu .heading.ico-left .ico-right:before {
    position: relative;
    top: 2px;
    margin-left: 3px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area .dropdown-list {
    position: relative;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    z-index: 1000;
    padding: 5px 0;
    border-radius: 0px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area .dropdown-list:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area .dropdown-list .ico-only-text {
    display: block;
}
.widget-section-menu.dropdown-section-menu .dropdown-area .dropdown-list:before {
    display: none;
}
.widget-section-menu.dropdown-section-menu .dropdown-area .menu-item-count {
    background: #f3b311 !important;
    color: #1e3232 !important;
    margin: 0 0 0 5px;
    width: 20px;
    display: block;
    text-align: center;
    border-radius: 10px;
    font-size: 12px;
    height: 20px;
    float: right;
    padding: 3px;
    position: relative;
    top: -2px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a {
    color: #1e3232;
    display: block;
    padding: 10px;
    border-bottom: 1px dashed #ddd;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:last-child {
    border-bottom: none;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:before {
    color: #010912;
    margin-right: 5px;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a span {
    color: #010912;
    font-weight: 400;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:hover {
    background: #1c365f;
    color: white;
    border-bottom-color: #1c365f;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:hover span {
    color: white;
}
.widget-section-menu.dropdown-section-menu .dropdown-area ul li a:hover:before {
    color: white;
}
.widget-section-menu.dropdown-section-menu:hover .dropdown-area {
    display: block;
}

/*------------------------------------*\
    Widget - Social Links
\*------------------------------------*/
/*------------------------------------*\
    Widget - Stock Availability Notify
\*------------------------------------*/
/*------------------------------------*\
    Widget - Switch Account
\*------------------------------------*/
.widget-switch-account {
    position: relative;
    float: left;
    height: 35px;
}
.widget-switch-account::after {
    clear: both;
    content: "";
    display: block;
}
#cv-zone-topbar .widget-switch-account {
    padding-top: 7px !important;
}
.widget-switch-account .switch-acc {
    float: left;
    display: inline-block;
    float: none;
    clear: none;
}
.widget-switch-account .switch-acc::after {
    clear: both;
    content: "";
    display: block;
}
.widget-switch-account .switch-acc a {
    float: left;
    display: block;
    color: white;
    font-size: 16px;
}
.widget-switch-account .switch-acc .icon {
    display: block;
    position: relative;
    top: 2px;
}
.widget-switch-account .switch-acc .ico-only-text {
    display: block;
    padding-right: 5px;
}
.widget-switch-account .ico-only-text {
    font-size: 14px;
    float: left;
    display: inline-block;
    float: none;
    clear: none;
    position: relative;
}
.widget-switch-account .acc-name {
    float: left;
    display: inline-block;
    float: none;
    clear: none;
    position: relative;
    top: -2px;
}
.widget-switch-account .acc-name a {
    color: white;
}
.widget-switch-account .acc-code {
    display: block;
    font-size: 12px;
    padding: 2px 8px;
    position: relative;
    background: #1c365f;
    border-radius: 3px;
    color: white;
    display: block;
}
.widget-switch-account .acc-code::before {
    top: 15%;
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: white;
    border-width: 5px;
    margin-left: -5px;
}
.widget-switch-account .acc-code::before {
    border-right-color: #1c365f;
    top: calc((50%) - 5px);
}
.is-scrolling .widget-switch-account .acc-code {
    box-shadow: none;
    background: #1c365f;
}
.is-scrolling .widget-switch-account .acc-code::before {
    border-right-color: #1c365f;
}
.widget-switch-account .acc-code a {
    display: block;
    color: white !important;
}
.widget-switch-account .icon::before {
    float: left;
}
.widget-switch-account .icon .ico-only-text {
    float: left;
}

/*------------------------------------*\
    Widget - User Name
\*------------------------------------*/
/*------------------------------------*\
    Widget - Value Prop
\*------------------------------------*/
.widget-value-prop {
    display: block;
    width: 100%;
    text-align: center;
    background: #fafafa;
    position: relative;
    top: 0px;
    padding: 10px 0;
}
.widget-value-prop::after {
    clear: both;
    content: "";
    display: block;
}
.widget-value-prop > div {
    max-width: 1400px;
    margin: 0 auto;
}
.widget-value-prop a {
    color: black;
    float: left;
    display: block;
    width: 97%;
    margin: 0 1.5%;
}
@media (min-width: 768px) {
    .widget-value-prop a {
        width: 30.333%;
    }
}
.widget-value-prop a:hover {
    color: #1c365f;
}

.widget-value-prop-content {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    background: transparent;
    min-height: 30px;
    box-shadow: none;
}
.widget-value-prop-content::after {
    clear: both;
    content: "";
    display: block;
}
.widget-value-prop-content:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
@media (min-width: 768px) {
    .widget-value-prop-content {
        min-height: 100px;
    }
}

.widget-value-prop-icon {
    display: none;
    font-size: 30px;
    position: relative;
    top: 14px;
}
.widget-value-prop-icon:before {
    font-family: "cv-ico-general";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
    .widget-value-prop-icon {
        display: block;
    }
}
.widget-value-prop-icon:before {
    background: #102038;
    border-radius: 50px;
    padding: 10px;
    color: white;
}

.widget-value-prop-text {
    display: block;
    font-size: 5px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
}
@media (min-width: 768px) {
    .widget-value-prop-text {
        margin-top: 40px;
    }
}

.widget-value-prop-1 .widget-value-prop-icon:before {
    content: "";
}

.widget-value-prop-2 .widget-value-prop-icon:before {
    content: "";
}

.widget-value-prop-3 .widget-value-prop-icon:before {
    content: "";
}

.content-tile {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    padding: 0;
    margin: 40px 12px;
    text-align: center;
}
.content-tile:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
.content-tile::after {
    clear: both;
    content: "";
    display: block;
}
.content-tile img {
    float: left;
    display: block;
    width: 100%;
    border-radius: 5px 5px 0 0;
}
.content-tile .info, .content-tile .grid-no-results, .content-tile .lucene-messages .lucene-message, .lucene-messages .content-tile .lucene-message {
    clear: both;
    display: block;
    padding: 12px;
    text-align: center;
}
.content-tile .info::after, .content-tile .grid-no-results::after, .content-tile .lucene-messages .lucene-message::after, .lucene-messages .content-tile .lucene-message::after {
    clear: both;
    content: "";
    display: block;
}
.content-tile .info h3, .content-tile .grid-no-results h3, .content-tile .lucene-messages .lucene-message h3, .lucene-messages .content-tile .lucene-message h3 {
    margin: 0;
    padding: 0;
    color: white;
}
.content-tile .info .link-text, .content-tile .grid-no-results .link-text, .content-tile .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile .lucene-message .link-text {
    font-size: 12px;
    padding: 5px 0;
    display: inline-block;
    margin: 0 auto;
    color: white;
}
.content-tile .info .link-text:hover, .content-tile .grid-no-results .link-text:hover, .content-tile .lucene-messages .lucene-message .link-text:hover, .lucene-messages .content-tile .lucene-message .link-text:hover {
    text-decoration: underline;
}
.content-tile.primary {
    background: #1c365f;
}
.content-tile.primary .info .link-text, .content-tile.primary .grid-no-results .link-text, .content-tile.primary .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.primary .lucene-message .link-text {
    color: white;
}
.content-tile.secondary {
    background: #f3b311;
}
.content-tile.secondary .info .link-text, .content-tile.secondary .grid-no-results .link-text, .content-tile.secondary .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.secondary .lucene-message .link-text {
    color: white;
}
.content-tile.alternate {
    background: #014985;
}
.content-tile.alternate .info .link-text, .content-tile.alternate .grid-no-results .link-text, .content-tile.alternate .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.alternate .lucene-message .link-text {
    color: white;
}
.content-tile.black {
    background: #1e3232;
}
.content-tile.black .info .link-text, .content-tile.black .grid-no-results .link-text, .content-tile.black .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.black .lucene-message .link-text {
    color: white;
}
.content-tile.default {
    background: #fafafa;
    color: #1e3232;
}
.content-tile.default .info h3, .content-tile.default .grid-no-results h3, .content-tile.default .lucene-messages .lucene-message h3, .lucene-messages .content-tile.default .lucene-message h3 {
    color: #1e3232;
}
.content-tile.default .info .link-text, .content-tile.default .grid-no-results .link-text, .content-tile.default .lucene-messages .lucene-message .link-text, .lucene-messages .content-tile.default .lucene-message .link-text {
    color: #1e3232;
}

.parallax-scrolling {
    height: 350px;
    position: relative;
    overflow: hidden;
    display: table;
    float: left;
    width: 100%;
    margin: 40px 0;
}
.parallax-scrolling .image {
    height: 400px;
    position: absolute;
    z-index: -1;
    display: block;
    background-attachment: fixed;
    overflow: hidden;
    float: left;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media (min-width: 1260px) {
    .parallax-scrolling .image {
        background-size: cover;
    }
}
.parallax-scrolling .info, .parallax-scrolling .grid-no-results, .parallax-scrolling .lucene-messages .lucene-message, .lucene-messages .parallax-scrolling .lucene-message {
    text-align: center;
    height: 100%;
    position: relative;
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.parallax-scrolling .info .text, .parallax-scrolling .grid-no-results .text, .parallax-scrolling .lucene-messages .lucene-message .text, .lucene-messages .parallax-scrolling .lucene-message .text {
    color: white;
}
.parallax-scrolling .info .text h2, .parallax-scrolling .grid-no-results .text h2, .parallax-scrolling .lucene-messages .lucene-message .text h2, .lucene-messages .parallax-scrolling .lucene-message .text h2 {
    font-size: 50px;
}
.parallax-scrolling .info .link, .parallax-scrolling .grid-no-results .link, .parallax-scrolling .lucene-messages .lucene-message .link, .lucene-messages .parallax-scrolling .lucene-message .link {
    text-align: center;
    display: block;
}
.parallax-scrolling .info .link .btn, .parallax-scrolling .grid-no-results .link .btn, .parallax-scrolling .lucene-messages .lucene-message .link .btn, .lucene-messages .parallax-scrolling .lucene-message .link .btn, .parallax-scrolling .info .link #printPanel input, #printPanel .parallax-scrolling .info .link input, .parallax-scrolling .grid-no-results .link #printPanel input, #printPanel .parallax-scrolling .grid-no-results .link input, .parallax-scrolling .lucene-messages .lucene-message .link #printPanel input, #printPanel .parallax-scrolling .lucene-messages .lucene-message .link input, .lucene-messages .parallax-scrolling .lucene-message .link #printPanel input, #printPanel .lucene-messages .parallax-scrolling .lucene-message .link input {
    margin: 12px 5px;
    padding: 14px 30px;
    font-weight: 600;
    float: none;
    display: inline-block;
}
.parallax-scrolling .info .link .btn:empty, .parallax-scrolling .grid-no-results .link .btn:empty, .parallax-scrolling .lucene-messages .lucene-message .link .btn:empty, .lucene-messages .parallax-scrolling .lucene-message .link .btn:empty, .parallax-scrolling .info .link #printPanel input:empty, #printPanel .parallax-scrolling .info .link input:empty, .parallax-scrolling .grid-no-results .link #printPanel input:empty, #printPanel .parallax-scrolling .grid-no-results .link input:empty, .parallax-scrolling .lucene-messages .lucene-message .link #printPanel input:empty, #printPanel .parallax-scrolling .lucene-messages .lucene-message .link input:empty, .lucene-messages .parallax-scrolling .lucene-message .link #printPanel input:empty, #printPanel .lucene-messages .parallax-scrolling .lucene-message .link input:empty {
    display: none;
}
#custom-layout-united-homepage-row4-column1 {
    overflow: hidden;
}

.touch .parallax-scrolling .image {
    background-attachment: initial;
}

.side-by-side-content {
    display: block;
    clear: both;
}
.side-by-side-content::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .side-by-side-content {
        height: 400px;
    }
}
.side-by-side-content .grid-row {
    background-repeat: no-repeat;
    background-position: center;
}
.side-by-side-content.primary {
    background: #1c365f;
}
.side-by-side-content.primary .content {
    color: white;
}
.side-by-side-content.secondary {
    background: #f3b311;
}
.side-by-side-content.secondary .content {
    color: white;
}
.side-by-side-content.alternate {
    background: #014985;
}
.side-by-side-content.alternate .content {
    color: white;
}
.side-by-side-content.black {
    background: #1e3232;
}
.side-by-side-content.black .content {
    color: white;
}
.side-by-side-content.default {
    background: #fafafa;
}
.side-by-side-content.default .content {
    color: #1e3232;
}
.side-by-side-content .col-1-2 {
    height: 400px;
    display: table;
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
@media (min-width: 768px) {
    .side-by-side-content .col-1-2 {
        width: 50%;
    }
}
.side-by-side-content .col-1-2 a {
    display: block;
}
.side-by-side-content .col-1-2 .content-container {
    display: block;
    width: 100%;
    padding: 20px 50px;
}
.side-by-side-content .col-1-2 .content-container .content {
    display: block;
    width: 100%;
    text-align: center;
}
@media (min-width: 992px) {
    .side-by-side-content .col-1-2 .content-container .content {
        width: 100%;
        max-width: 100%;
        max-height: 360px;
        overflow: auto;
        padding-top: 12%;
    }
}

/*------------------------------------*\
    Meet The Team (Staff)
\*------------------------------------*/
.our-staff-grid {
    padding: 0;
}
.our-staff-grid .staff-profile {
    text-align: center;
    float: left;
    display: inline-block;
    width: 30.333%;
    margin: 0 1.5%;
    padding: 30px 60px;
}
.our-staff-grid .staff-profile .stafftitle {
    text-align: center;
    float: left;
    width: 100%;
    height: 80px;
}
.our-staff-grid .staff-profile img {
    border-radius: 100%;
}
.our-staff-grid .staff-profile .btn, .our-staff-grid .staff-profile #printPanel input, #printPanel .our-staff-grid .staff-profile input {
    float: none;
    margin: 0 auto;
}
.our-staff-grid .staff-full-container {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    border-radius: 20px;
    position: relative;
    text-align: left;
    margin-top: 20px;
}
.our-staff-grid .staff-full-container::after {
    clear: both;
    content: "";
    display: block;
}
.our-staff-grid .staff-full-container .cv-ico-general-cross {
    background: white;
    position: absolute;
    top: -10px;
    right: -12px;
    color: black;
    border-radius: 100px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    width: 25px;
    height: 25px;
}
.our-staff-grid .staff-full-container .cv-ico-general-cross:before {
    position: relative;
    top: 3px;
    left: 4px;
    font-size: 18px;
    color: #042242;
}
.our-staff-grid .staff-full-container .cv-ico-general-cross:hover {
    background: #D82A2B;
    cursor: pointer;
}
.our-staff-grid .staff-full-container .cv-ico-general-cross:hover:before {
    color: white;
}
.our-staff-grid .staff-full-container .staff-full-info {
    float: left;
    width: 100%;
    text-align: center;
    padding: 14px;
}
.our-staff-grid .staff-full-container .staff-full-info strong {
    font-size: 20px;
}

/*------------------------------------*\
    About us
\*------------------------------------*/
/*------------------------------------*\
    CART
\*------------------------------------*/
.page-Orders .page-content > .container,
.page-Checkout .page-content > .container {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    margin-top: 15px;
}

#cv-zone-cart-header-sticky-wrapper {
    display: block;
    clear: both;
}
#cv-zone-cart-header-sticky-wrapper::after {
    clear: both;
    content: "";
    display: block;
}

#cv-zone-cart-header {
    display: block;
    clear: both;
}
#cv-zone-cart-header::after {
    clear: both;
    content: "";
    display: block;
}
#cv-zone-cart-header.checkout-heading-navigation.grey-box {
    padding: 30px 0 0;
    margin: 0;
    background: none;
    border: none;
}
#cv-zone-cart-header.checkout-heading-navigation.grey-box .grey-box {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    border: none;
    background: none;
}
.is-sticky #cv-zone-cart-header.checkout-heading-navigation.grey-box {
    left: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    z-index: 100000;
    position: static !important;
}
.is-sticky #cv-zone-cart-header.checkout-heading-navigation.grey-box .grid-row {
    max-width: 1400px;
    margin: 0 auto;
}
#cv-zone-cart-header #cv-zone-cart-header-left.col-1-3 {
    width: 100%;
}
@media (min-width: 992px) {
    #cv-zone-cart-header #cv-zone-cart-header-left.col-1-3 {
        width: 50%;
        padding: 0;
    }
}
#cv-zone-cart-header #cv-zone-cart-header-right.col-2-3 {
    width: 100%;
}
@media (min-width: 992px) {
    #cv-zone-cart-header #cv-zone-cart-header-right.col-2-3 {
        width: 50%;
        padding: 0;
    }
}

#cv-zone-cart-main {
    display: block;
    clear: both;
    padding: 20px 0;
}
#cv-zone-cart-main::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    #cv-zone-cart-main {
        padding: 40px 0;
    }
}

#cv-zone-cart-bottom {
    display: block;
    clear: both;
    padding: 0 !important;
}
#cv-zone-cart-bottom::after {
    clear: both;
    content: "";
    display: block;
}

#cv-zone-cart-bottom-after,
.checkout-navigation {
    display: block;
    clear: both;
    clear: both;
    display: block;
    padding: 10px;
    margin: 14px 0;
    background: #f0f0f0;
    border: none;
    margin: 26px 0;
}
#cv-zone-cart-bottom-after::after,
.checkout-navigation::after {
    clear: both;
    content: "";
    display: block;
}
#cv-zone-cart-bottom-after::after,
.checkout-navigation::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    #cv-zone-cart-bottom-after,
.checkout-navigation {
        height: 70px;
    }
}
#cv-zone-cart-bottom-after .btn.large, #cv-zone-cart-bottom-after #printPanel input.large, #printPanel #cv-zone-cart-bottom-after input.large,
.checkout-navigation .btn.large,
.checkout-navigation #printPanel input.large,
#printPanel .checkout-navigation input.large {
    padding: 10px;
    font-size: 16px;
}
#cv-zone-cart-bottom-after .widget-pay-pal-express-button button.checkout-paypal img,
.checkout-navigation .widget-pay-pal-express-button button.checkout-paypal img {
    max-height: 40px;
}
#cv-zone-cart-bottom-after .widget-checkout-continue-button,
.checkout-navigation .widget-checkout-continue-button {
    width: 100%;
}
@media (min-width: 992px) {
    #cv-zone-cart-bottom-after .widget-checkout-continue-button,
.checkout-navigation .widget-checkout-continue-button {
        width: auto;
    }
}

#cv-zone-cart-bottom-after .widget-cart-quote-button {
    width: 100%;
    margin: 0 !important;
}
@media (min-width: 768px) {
    #cv-zone-cart-bottom-after .widget-cart-quote-button {
        width: auto;
    }
}
.device-Mobile #cv-zone-cart-bottom-after .widget-cart-quote-button .btn.large.primary.cv-ico-general-paperplane.spacing-right, .device-Mobile #cv-zone-cart-bottom-after .widget-cart-quote-button #printPanel input.large.primary.cv-ico-general-paperplane.spacing-right, #printPanel .device-Mobile #cv-zone-cart-bottom-after .widget-cart-quote-button input.large.primary.cv-ico-general-paperplane.spacing-right {
    width: 100%;
    margin: 0;
}

#cv-zone-checkout-step2-container {
    display: none;
}

.cart-summary-totals {
    margin-top: 20px;
    clear: both;
    position: relative;
    top: 20px;
}
.cart-summary-totals::after {
    clear: both;
    content: "";
    display: block;
}

/*------------------------------------*\
    CHECKOUT
\*------------------------------------*/
.page-Checkout .widget-delivery-address-b2b input.form-checkbox + .form-label {
    width: 90%;
}

.payment-provider-link img {
    max-width: 90px;
    float: left;
    margin: 0;
    position: relative;
    top: -10px;
    left: -10px;
}

.summary-address-area .form-span {
    display: block;
    clear: both;
    margin-top: 2px;
}

.summary-address .form-span {
    display: block;
    clear: both;
    margin-top: 2px;
}

#link-delivery-and-billing + .form-label {
    width: 90%;
}

.btn.cv-checkout, #printPanel input.cv-checkout {
    width: 100%;
    margin: 0 0 10px;
}
@media (min-width: 576px) {
    .btn.cv-checkout, #printPanel input.cv-checkout {
        width: auto;
        margin: 0;
    }
}

/*------------------------------------*\
    Dashboard
\*------------------------------------*/
.widget-dashboard .change-pwd,
.widget-dashboard .change-details,
.widget-dashboard .change-prefs,
.widget-dashboard .change-address {
    display: none;
}

.member-results.spacing-top {
    margin-top: 20px;
}
.member-results .form-label {
    margin: 0 0 20px;
}

.table-layout .heading-row,
.table-layout .content-row {
    padding: 10px 10px 8px;
}

/*------------------------------------*\
    DEFAULT ADDRESS SELECTION
\*------------------------------------*/
#modal-delivery-addresses .form-title {
    margin-top: 0;
    padding: 0 !important;
}
#modal-delivery-addresses h6.subtitle {
    font-size: 12px;
}
@media (min-width: 992px) {
    #modal-delivery-addresses .modal-content {
        max-height: 600px;
        overflow: auto;
    }
}

.default-address-selection {
    width: 100%;
}
@media (min-width: 576px) {
    .default-address-selection {
        width: 500px;
    }
}
@media (min-width: 768px) {
    .default-address-selection {
        width: 700px;
    }
}
@media (min-width: 992px) {
    .default-address-selection {
        width: 900px;
    }
}
@media (min-width: 1260px) {
    .default-address-selection {
        width: 1200px;
    }
}
.default-address-selection .alert-box, .default-address-selection .grid-no-results, .default-address-selection .lucene-messages .lucene-message, .lucene-messages .default-address-selection .lucene-message {
    margin: 0 0 15px;
}
.default-address-selection .address-tile {
    float: left;
    display: inline-block;
    float: none;
    clear: none;
    border: 1px solid rgba(0, 0, 0, 0.18);
    padding: 15px;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    width: 100%;
    margin: 0 0 10px;
    min-height: 140px;
    border: 1px solid #9b918c;
}
.default-address-selection .address-tile::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .default-address-selection .address-tile {
        margin: 0.5%;
        width: 49%;
    }
    .default-address-selection .address-tile:nth-child(2n+1) {
        clear: left;
    }
}
@media (min-width: 992px) {
    .default-address-selection .address-tile {
        transition: all 0.2s ease-in-out;
        background: white;
        border-radius: 5px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        background: white;
        border: none;
        color: black;
        border: 1px solid #9b918c;
    }
    .default-address-selection .address-tile:hover {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        background: #fff;
        transform: translateY(-4px);
    }
}
@media (min-width: 1260px) {
    .default-address-selection .address-tile {
        width: 32.333%;
    }
    .default-address-selection .address-tile:nth-child(2n+1) {
        clear: none;
    }
    .default-address-selection .address-tile:nth-child(3n+1) {
        clear: left;
    }
}
.default-address-selection .address-tile:hover, .default-address-selection .address-tile:focus {
    background: white;
    cursor: pointer;
}
.default-address-selection .address-tile .icon {
    float: left;
    display: block;
    width: 20%;
    font-size: 24px;
}
.default-address-selection .address-tile .icon::before {
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding: 8px;
    border-radius: 10px;
    color: rgba(0, 0, 0, 0.2);
    position: relative;
    top: 10px;
}
.default-address-selection .address-tile .address {
    float: left;
    display: block;
    width: 80%;
    margin: 0 0 5px;
    clear: none;
    font-style: initial;
}
.default-address-selection .address-tile .address h3.name {
    font-size: 16px;
    display: block;
    margin: 0 !important;
    padding: 0 0 5px;
}
.default-address-selection .address-tile .address-line {
    font-size: 12px;
}
.default-address-selection .address-tile.active {
    border-color: #3e8468;
}
.default-address-selection .address-tile.active .icon::before {
    border-color: #3e8468;
    color: #3e8468;
}

/*------------------------------------*\
    FLYER CREATOR
\*------------------------------------*/
.brochure-preview-thumbnail {
    display: inline-block;
    float: left;
    width: 20%;
    max-width: 100px;
    margin: 0 10px 10px 0;
    border: 2px solid #9b918c;
    border-radius: 4px;
    padding: 2px;
    transition: all 0.2s ease-in-out;
}

.brochure-preview-thumbnail {
    *zoom: 1;
}

.brochure-preview-thumbnail:before,
.brochure-preview-thumbnail:after {
    content: "";
    display: table;
}

.brochure-preview-thumbnail:after {
    clear: both;
}

.brochure-preview-thumbnail img {
    opacity: 0.5;
}

.brochure-preview-thumbnail:hover {
    border-color: #f3b311;
    cursor: pointer;
    transform: scale(1.05);
}

.brochure-preview-thumbnail.active {
    border-color: #1c365f;
}

.brochure-preview-thumbnail.active img {
    opacity: 1;
}

.brochure-preview-thumbnail img {
    float: left;
    border-radius: 4px;
}

@media (min-width: 992px) {
    .widget-dashboard-orders-approval .cv-data-zone-2 .data-list-column {
        width: 25%;
    }
}

.upcomingdeliveries.spacing-top.spacing-bottom {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

/*------------------------------------*\
    Homepage
\*------------------------------------*/
.page-home #cv-zone-container-1 {
    background: #fff;
    margin: 0;
}
@media (min-width: 992px) {
    .page-home #cv-zone-container-1 {
        margin: 55px 0 0;
    }
}
.page-home .widget-breadcrumb {
    display: none;
}
.page-home .subtitle.cv-ico-general-rocket {
    color: #1c365f;
}
.page-home #custom-layout-maxiparts-home-page-row1 {
    background: #042242;
    text-align: center;
}
.page-home #custom-layout-maxiparts-home-page-row1 .MT-family {
    color: #fff;
    padding: 0px;
    margin: 0px;
    margin-top: 15px;
}
.page-home #custom-layout-maxiparts-home-page-row1 .Brands-slider {
    background: #042242;
    padding: 20px;
}
.page-home #custom-layout-maxiparts-home-page-row1 .Brands-slider .owl-wrapper .owl-item {
    text-align: center;
}
.page-home #custom-layout-maxiparts-home-page-row1 .Brands-slider .owl-wrapper .owl-item .owl-lazy {
    max-height: 70px;
    width: auto;
    height: auto;
    display: inline-block;
    float: none;
}
.page-home #custom-layout-maxiparts-home-page-row3 {
    background: #1c365f;
    padding-top: 20px;
    padding-bottom: 60px;
}
@media (min-width: 992px) {
    .page-home #custom-layout-maxiparts-home-page-row3 {
        padding-left: 1%;
        padding-top: 60px;
    }
}
.page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles {
    width: 50%;
    float: left;
}
@media (min-width: 768px) {
    .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles {
        width: 33.3%;
    }
}
@media (min-width: 1260px) {
    .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles {
        width: 16.5%;
    }
}
.page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile {
    border-radius: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 10px 12px;
}
@media (min-width: 768px) {
    .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile {
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 3%;
        min-height: 190px;
    }
}
.page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile:hover {
    cursor: pointer;
}
.page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a {
    width: 100%;
    height: 100%;
    display: flex !important;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a img {
    display: none;
}
@media (min-width: 768px) {
    .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a img {
        display: block;
        max-height: 90px;
    }
}
.page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .info, .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .grid-no-results, .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .lucene-messages .lucene-message, .lucene-messages .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .lucene-message {
    width: 100%;
}
.page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .info .link-text, .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .grid-no-results .link-text, .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .lucene-messages .lucene-message .link-text, .lucene-messages .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .lucene-message .link-text {
    color: #f3b311;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .info .link-text, .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .grid-no-results .link-text, .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .lucene-messages .lucene-message .link-text, .lucene-messages .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .lucene-message .link-text {
        font-size: 18px;
    }
}
.page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .info .link-text:hover, .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .grid-no-results .link-text:hover, .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .lucene-messages .lucene-message .link-text:hover, .lucene-messages .page-home #custom-layout-maxiparts-home-page-row3 .Maxi-cat-tiles .content-tile a .lucene-message .link-text:hover {
    text-decoration: none;
}
.page-home .MP-left-banner {
    margin-top: 10px;
}
.page-home #custom-layout-maxiparts-home-page-row6-column2 {
    float: right;
    padding: 0px;
}
.page-home #custom-layout-maxiparts-home-page-row6-column2 .MP-right-banner {
    margin-top: 10px;
}
.page-home .banner-hover {
    transition: all 0.2s ease-in-out;
}
.page-home .banner-hover:hover {
    transform: translateY(-4px);
}

.white-heading {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.position-statement {
    margin-top: 40px;
}
.position-statement h2 {
    margin: auto;
    width: 90%;
    text-align: center;
}
@media (min-width: 768px) {
    .position-statement h2 {
        width: 60%;
    }
}

.parallax-scrolling + .widget-banner-slider {
    position: relative;
    top: -1.75em;
}

#DisplayLoginTemplate,
#pageLoginTemplate {
    font-size: 16px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    color: #1e3232 !important;
}

.page-Login #cv-zone-container-1,
.page-THEME_BPDTHEME01_Forgot #cv-zone-container-1 {
    background: #fafafa;
}
.page-Login #cv-zone-container-1 .widget-page-title,
.page-THEME_BPDTHEME01_Forgot #cv-zone-container-1 .widget-page-title {
    text-align: center;
    padding: 40px 0 0;
}

/*------------------------------------*\
    Page Not Found (404)
\*------------------------------------*/
/*------------------------------------*\
    Product - Category
\*------------------------------------*/
.cv-productgrid-options.category {
    display: none;
}

.cv-productgrid-options .form-label {
    display: inline-block;
    margin-top: 12px;
    float: left;
    width: auto;
    clear: none;
}

.cv-productgrid-options .widget-product-list-sort .cv-dropdown.form-select {
    display: inline-block;
    float: left;
    width: 150px;
    margin-left: 5px;
    margin-bottom: 0px;
    clear: none;
}

.cv-zone-category.product {
    width: 48%;
}
@media (min-width: 992px) {
    .cv-zone-category.product {
        width: 19%;
    }
}
.cv-zone-category.product .widget-productlist-category-title {
    min-height: 50px;
}
.cv-zone-category.product .widget-productlist-category-title a {
    font-size: 12px;
}

.page-ProductCategory .cluster-lines .cv-zone-category.product {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: black;
    width: 48%;
    margin: 0 0.5% 1%;
    padding: 14px;
    float: left;
    border: 1px solid #ddd;
    text-align: center;
}
@media (min-width: 992px) {
    .page-ProductCategory .cluster-lines .cv-zone-category.product {
        width: 19%;
    }
}

[class*=category-SX15] .layout-maincontent {
    float: none;
    margin: auto;
    display: block;
}
[class*=category-SX15] .product-list-title {
    text-align: center;
}

/*------------------------------------*\
    Product - All
\*------------------------------------*/
.product-grid {
    clear: both;
}
.product-grid::after {
    clear: both;
    content: "";
    display: block;
}
.product-grid .product {
    position: relative;
}
.product-grid .product::after {
    clear: both;
    content: "";
    display: block;
}
.product-grid .product [class*=cv-zone-product-]::after {
    clear: both;
    content: "";
    display: block;
}

.grid-no-results {
    text-align: center;
}

.product-grid.grid > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.widget-campaign-slider .product-grid.grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.widget-campaign-slider .product-grid.grid.owl-carousel {
    display: block;
}
.widget-campaign-slider .product-grid.grid.owl-carousel .product {
    width: 100% !important;
}

/*------------------------------------*\
    Product - Category
\*------------------------------------*/
.product-grid.grid.category .product {
    margin: 0 0.5% 1%;
    width: 48%;
}
@media (min-width: 992px) {
    .product-grid.grid.category .product {
        width: 19%;
    }
}

/*------------------------------------*\
    Product - Grid
\*------------------------------------*/
@media (min-width: 992px) {
    .product-grid.grid {
        padding-left: 15px;
    }
}
.product-grid.grid .product {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    width: 48%;
    margin: 1%;
    padding: 2px;
    float: left;
    display: block;
    border: 1px solid #ddd;
    text-align: center;
}
.product-grid.grid .product:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
@media (min-width: 576px) {
    .product-grid.grid .product {
        width: 31%;
        margin: 0 1% 2%;
    }
}
@media (min-width: 992px) {
    .product-grid.grid .product {
        width: 23%;
        padding: 14px;
    }
}
.product-grid.grid .product .cv-zone-product-2 {
    min-height: 220px;
    padding-top: 12px;
}
@media (min-width: 576px) {
    .product-grid.grid .product .cv-zone-product-2 {
        min-height: 200px;
    }
}
.product-grid.grid .product .cv-zone-product-2 .cv-zone-product-4 {
    padding-bottom: 15px;
}
.product-grid.grid .product .cv-zone-product-2 .cv-zone-product-4 .widget-productlist-title a {
    font-size: 14px;
}
.product-grid.grid .product .scrollBackToTop {
    display: none;
}
.product-grid.grid .product .cv-zone-product-6 {
    position: relative;
    min-height: 10px;
}
.product-grid.grid .product .cv-zone-product-6 .cv-favourite {
    position: absolute;
    bottom: 0px;
}
.product-grid.grid .product .cv-zone-product-6 .cv-add-to-cart {
    position: absolute;
    bottom: 40px;
}
.product-grid.grid .product .cv-zone-product-6 .cv-readmore {
    position: absolute;
    bottom: 40px;
}
.product-grid.grid .product .product-ribbons {
    top: -5px;
    left: -5px;
}
@media (min-width: 992px) {
    .product-grid.grid .product .product-ribbons {
        top: -19px;
        left: -19px;
    }
}
.product-grid.grid .product .widget-productlist-atc-button,
.product-grid.grid .product .widget-product-list-view-product-button {
    height: 38px;
    width: 100%;
}
.product-grid.grid .product.is-master-product .master-attribute-selections,
.product-grid.grid .product.is-master-product .widget-product-attribute-list,
.product-grid.grid .product.is-master-product .btn.cv-add-to-cart,
.product-grid.grid .product.is-master-product #printPanel input.cv-add-to-cart,
#printPanel .product-grid.grid .product.is-master-product input.cv-add-to-cart,
.product-grid.grid .product.is-master-product .form-number,
.product-grid.grid .product.is-master-product .form-number-plus-minus {
    display: none !important;
}
.product-grid.grid .product.is-master-product .widget-product-list-view-product-button {
    margin-top: 38px !important;
}
.product-grid.grid .product .widget-productlist-gst,
.product-grid.grid .product .widget-productlist-rrp,
.product-grid.grid .product .widget-productlist-unit {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
}
.product-grid.grid .product .widget-productlist-gst {
    position: relative;
    top: -2px;
}
.product-grid.grid .product .widget-productlist-rrp {
    text-decoration: line-through;
    font-size: 12px;
    margin-bottom: 10px;
}
.product-grid.grid .product .widget-productlist-product-field {
    display: none;
}
.product-grid.grid .product .empty-qty-box,
.product-grid.grid .product .empty-add-to-cart {
    display: block;
}
.product-grid.grid .product .widget-productlist-notes {
    width: 100%;
}
.product-grid.grid .product .cv-numeric-input {
    float: left;
    width: 100%;
}
.product-grid.grid .product .cv-numeric-input .form-number-plus-minus {
    margin: 0px;
}

.page-ProductDisplay .product-grid.grid [class*=cv-zone-product] .cv-numeric-input {
    width: 100%;
    margin: 0 0 5px;
}
.page-ProductDisplay .product-grid.grid [class*=cv-zone-product] .btn, .page-ProductDisplay .product-grid.grid [class*=cv-zone-product] #printPanel input, #printPanel .page-ProductDisplay .product-grid.grid [class*=cv-zone-product] input {
    width: 100%;
    margin: 0 0 5px;
}
.page-ProductDisplay .product-grid.grid [class*=cv-zone-product].cv-zone-product-2 {
    min-height: 220px;
    padding-top: 12px;
}
@media (min-width: 576px) {
    .page-ProductDisplay .product-grid.grid [class*=cv-zone-product].cv-zone-product-2 {
        min-height: 200px;
    }
}

.page-ProductList .cv-productgrid-options {
    display: none;
}
@media (min-width: 992px) {
    .page-ProductList .cv-productgrid-options {
        display: block;
    }
}

/*------------------------------------*\
    Product - Detailed List
\*------------------------------------*/
@media (min-width: 992px) {
    .product-grid.detailed-list {
        padding-left: 15px;
    }
}
.product-grid.detailed-list .product {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    display: block;
    padding: 0 10px 0 0;
    margin: 0 0 20px;
    box-shadow: none;
    border: 1px solid #ddd;
}
.product-grid.detailed-list .product::after {
    clear: both;
    content: "";
    display: block;
}
.product-grid.detailed-list .product:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
.product-grid.detailed-list .product:hover .widget-product-quick-view-modal, .product-grid.detailed-list .product:focus .widget-product-quick-view-modal {
    display: block;
    top: 80px;
    left: 0;
    width: 180px;
}
.product-grid.detailed-list .product .product-ribbons {
    top: -3px;
    left: -3px;
}
.product-grid.detailed-list .product .product-ribbons img {
    width: 45px;
}
@media (min-width: 768px) {
    .product-grid.detailed-list .product .product-ribbons img {
        width: 60px;
    }
}
.product-grid.detailed-list .product .cv-zone-product-1 {
    width: 100px;
    display: block;
    float: left;
    position: relative;
    padding: 10px;
}
@media (min-width: 992px) {
    .product-grid.detailed-list .product .cv-zone-product-1 {
        width: 180px;
    }
}
.product-grid.detailed-list .product .cv-zone-product-1 .widget-productlist-image a img {
    padding: 0;
}
.product-grid.detailed-list .product .cv-zone-product-2 {
    width: calc((100%) - 100px);
    display: block;
    float: left;
    position: relative;
    padding: 10px;
}
@media (min-width: 992px) {
    .product-grid.detailed-list .product .cv-zone-product-2 {
        width: calc((100%) - 180px);
    }
}
.product-grid.detailed-list .product .cv-zone-product-3 {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    padding: 10px;
}
@media (min-width: 992px) {
    .product-grid.detailed-list .product .cv-zone-product-3 {
        text-align: right;
    }
}
.product-grid.detailed-list .product .cv-zone-product-3 .widget-productlist-atc-button,
.product-grid.detailed-list .product .cv-zone-product-3 .widget-product-list-view-product-button,
.product-grid.detailed-list .product .cv-zone-product-3 .widget-productlist-fav-button,
.product-grid.detailed-list .product .cv-zone-product-3 .cv-numeric-input {
    height: 46px;
    width: 100%;
    margin-bottom: 5px;
}
@media (min-width: 576px) {
    .product-grid.detailed-list .product .cv-zone-product-3 .widget-productlist-atc-button,
.product-grid.detailed-list .product .cv-zone-product-3 .widget-product-list-view-product-button,
.product-grid.detailed-list .product .cv-zone-product-3 .widget-productlist-fav-button,
.product-grid.detailed-list .product .cv-zone-product-3 .cv-numeric-input {
        width: auto;
        float: right;
        margin-left: 5px;
    }
}
.product-grid.detailed-list .product .cv-zone-product-4 {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}
.product-grid.detailed-list .product .cv-zone-product-4::after {
    clear: both;
    content: "";
    display: block;
}
.product-grid.detailed-list .product .cv-zone-product-4 .widget-productlist-title {
    font-size: 22px;
    padding-top: 10px;
}
@media (min-width: 992px) {
    .product-grid.detailed-list .product .cv-zone-product-4 {
        width: 55%;
        display: block;
    }
}
.product-grid.detailed-list .product .cv-zone-product-5 {
    float: left;
    display: block;
    width: 75%;
    clear: both;
}
.product-grid.detailed-list .product .cv-zone-product-5::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .product-grid.detailed-list .product .cv-zone-product-5 {
        clear: none;
        width: 45%;
        display: block;
        float: right;
    }
}
.product-grid.detailed-list .product .cv-zone-product-6 {
    float: left;
    display: block;
    width: 75%;
    clear: both;
}
.product-grid.detailed-list .product .cv-zone-product-6::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .product-grid.detailed-list .product .cv-zone-product-6 {
        clear: none;
        width: 45%;
        display: block;
        float: right;
    }
}
.product-grid.detailed-list .product .cv-numeric-input {
    width: 100%;
    margin-bottom: 5px;
}
@media (min-width: 576px) {
    .product-grid.detailed-list .product .cv-numeric-input {
        max-width: 200px;
        width: auto;
        float: right;
        margin-left: 5px;
    }
}
.product-grid.detailed-list .product .form-number-plus-minus {
    height: 45px;
}
.product-grid.detailed-list .product .form-number-plus-minus .cv-link:before {
    top: 15px;
}
.product-grid.detailed-list .product .widget-productlist-gst,
.product-grid.detailed-list .product .widget-productlist-rrp,
.product-grid.detailed-list .product .widget-productlist-unit {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 5px;
    clear: both;
}
.product-grid.detailed-list .product .widget-productlist-atc-button,
.product-grid.detailed-list .product .widget-product-list-view-product-button,
.product-grid.detailed-list .product .widget-productlist-fav-button {
    width: 100%;
    margin-bottom: 5px;
    height: 46px;
    margin-bottom: 5px;
    margin-left: 0px;
}
@media (min-width: 576px) {
    .product-grid.detailed-list .product .widget-productlist-atc-button,
.product-grid.detailed-list .product .widget-product-list-view-product-button,
.product-grid.detailed-list .product .widget-productlist-fav-button {
        min-width: 200px;
        width: auto;
        float: right;
        margin: 0 0 5px 5px;
    }
}
.product-grid.detailed-list .widget-productlist-price,
.product-grid.detailed-list .widget-productlist-rrp {
    padding: 0;
    display: block;
    width: 100%;
}
.product-grid.detailed-list .widget-productlist-price .item-price,
.product-grid.detailed-list .widget-productlist-rrp .item-price {
    display: block;
    width: 100%;
    font-size: 24px;
}

/*------------------------------------*\
    Product - Slim List
\*------------------------------------*/
.product-grid.list .product {
    display: block;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}
.product-grid.list .product::after {
    clear: both;
    content: "";
    display: block;
}
.product-grid.list .product:nth-child(2n) {
    background: #fafafa;
}
.product-grid.list .product:hover {
    background: #e1eff5;
}
.product-grid.list .product .cv-zone-product-1 {
    width: 50px;
    display: block;
    float: left;
    padding: 0;
}
.product-grid.list .product .cv-zone-product-2 {
    width: calc((75%) - 50px);
    display: block;
    float: left;
    padding: 0 0 0 10px;
}
.product-grid.list .product .cv-zone-product-3 {
    display: block;
    float: left;
    width: 25%;
    padding: 0 0 0 5px;
}
.product-grid.list .product .cv-zone-product-4 {
    display: block;
    float: left;
    width: 70%;
    padding: 0;
}
.product-grid.list .product .cv-zone-product-5 {
    display: block;
    float: left;
    width: 15%;
    padding: 0;
}
.product-grid.list .product .cv-zone-product-6 {
    display: block;
    float: left;
    width: 15%;
    padding: 0;
}
.product-grid.list .widget-product-quick-view-modal {
    display: none;
}
.product-grid.list .widget-productlist-title a {
    min-height: initial;
    padding-bottom: 5px;
}
.product-grid.list .widget-productlist-gst,
.product-grid.list .widget-productlist-unit {
    padding-top: 11px;
}
.product-grid.list .widget-productlist-code {
    padding: 0;
}
.product-grid.list .widget-productlist-compare {
    float: right;
    clear: both;
    margin: 5px 0 0;
}
.product-grid.list .widget-productlist-price,
.product-grid.list .widget-productlist-rrp {
    padding: 0;
    text-align: right;
    display: block;
    width: 100%;
}
.product-grid.list .widget-productlist-price .item-price,
.product-grid.list .widget-productlist-rrp .item-price {
    display: block;
    width: 100%;
    font-size: 24px;
}
.product-grid.list .cv-numeric-input {
    margin-bottom: 0 !important;
    max-width: 130px;
}
.product-grid.list .cv-numeric-input .form-number-plus-minus {
    right: 5px !important;
}
.product-grid.list .cv-numeric-input .k-numeric-wrap {
    height: 30px !important;
}
.product-grid.list .cv-numeric-input .k-numeric-wrap .widget-productlist-qty-input {
    height: 30px !important;
}
.product-grid.list .cv-numeric-input .form-number-plus-minus {
    height: 30px;
}
.product-grid.list .btn.cv-add-to-cart, .product-grid.list #printPanel input.cv-add-to-cart, #printPanel .product-grid.list input.cv-add-to-cart {
    float: right;
    margin-bottom: 0;
    font-size: 14px;
    padding: 8px 15px;
    height: 32px;
}
.product-grid.list .btn.cv-favourite, .product-grid.list #printPanel input.cv-favourite, #printPanel .product-grid.list input.cv-favourite {
    float: right;
    margin-bottom: 0;
    font-size: 12px;
    padding: 8px 15px;
    height: 32px;
}

/*------------------------------------------*\
    Product - Detailed List Cluster lines
\*------------------------------------------*/
.cluster-lines.product-grid.detailed-list {
    /*------------------------------------*\
    OWL Grid
    \*------------------------------------*/
    /*------------------------------------*\
    Infinite Scrolling
    \*------------------------------------*/
    /*------------------------------------*\
    Product Filter
    \*------------------------------------*/
}
.cluster-lines.product-grid.detailed-list .cv-zone-product-1 .widget-html-snippet.scrollBackToTop .scroll-to-top {
    width: 100%;
    font-size: 12px;
}
@media (min-width: 576px) {
    .cluster-lines.product-grid.detailed-list .cv-zone-product-1 .widget-html-snippet.scrollBackToTop .scroll-to-top {
        font-size: 14px;
    }
}
.cluster-lines.product-grid.detailed-list .cv-zone-product-1 .cv-zone-product-6 {
    width: 100%;
}
.cluster-lines.product-grid.detailed-list .cv-zone-product-1 .cv-zone-product-6 .cv-numeric-input {
    float: right;
}
@media (min-width: 992px) {
    .cluster-lines.product-grid.detailed-list .cv-zone-product-1 .cv-zone-product-6 {
        width: 45%;
    }
}
.cluster-lines.product-grid.detailed-list .cv-zone-product-2 .widget-productlist-title a {
    font-size: 22px;
    padding-top: 10px;
}
.cluster-lines.product-grid.detailed-list .cv-zone-product-2 .widget-productlist-price {
    text-align: left;
}
.cluster-lines.product-grid.detailed-list .cv-zone-product-3 .cv-numeric-input {
    width: 100%;
}
@media (min-width: 576px) {
    .cluster-lines.product-grid.detailed-list .cv-zone-product-3 .cv-numeric-input {
        float: right;
        width: auto;
    }
}
.cluster-lines.product-grid.detailed-list .cv-zone-product-3 .widget-productlist-atc-button {
    height: 46px;
    width: 100%;
}
@media (min-width: 576px) {
    .cluster-lines.product-grid.detailed-list .cv-zone-product-3 .widget-productlist-atc-button {
        width: auto;
    }
}
.cluster-lines.product-grid.detailed-list .product-slider .owl-item {
    padding: 10px;
}
.cluster-lines.product-grid.detailed-list .product-slider .owl-item .product {
    width: 100% !important;
    margin: 0 !important;
}
.cluster-lines.product-grid.detailed-list .product-slider .owl-item .product .widget-productlist-fav-button {
    width: 100%;
    margin: 0 0 5px;
    margin-top: 5px;
}
.cluster-lines.product-grid.detailed-list .infinite-scrolling.text-center .btn, .cluster-lines.product-grid.detailed-list .infinite-scrolling.text-center #printPanel input, #printPanel .cluster-lines.product-grid.detailed-list .infinite-scrolling.text-center input {
    float: none;
    margin: auto;
}
.cluster-lines.product-grid.detailed-list .widget-product-filter .product-filter {
    clear: both;
    display: block;
}
.cluster-lines.product-grid.detailed-list .widget-product-filter .product-filter .heading-alternate {
    padding: 0 0 5px;
}
.cluster-lines.product-grid.detailed-list .widget-product-filter .product-filter .show-filter-items {
    display: none;
}
.cluster-lines.product-grid.detailed-list .widget-product-filter .filter-container .expandable-content {
    padding: 0;
}
.cluster-lines.product-grid.detailed-list .widget-product-filter ul.filter-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cluster-lines.product-grid.detailed-list .widget-product-filter ul.filter-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cluster-lines.product-grid.detailed-list .widget-product-filter ul.filter-list li a {
    display: block;
    width: 100%;
    padding: 5px 0 5px 12px;
    font-size: 12px;
    color: black;
}
.cluster-lines.product-grid.detailed-list .widget-product-filter ul.filter-list li a:hover {
    background: #e1eff5;
}

/*------------------------------------*\
    Product - Detail
\*------------------------------------*/
.product-detail-left {
    padding: 0 0 15px;
}
.product-detail-left::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .product-detail-left {
        width: 40%;
        float: left;
        display: inline-block;
        padding: 15px;
    }
}
@media (min-width: 992px) {
    .product-detail-left {
        width: 600px;
        float: left;
        display: inline-block;
        padding: 10px 0 25px 0;
    }
}

.product-detail-right {
    padding: 0 0 15px;
}
.product-detail-right::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 768px) {
    .product-detail-right {
        width: 60%;
        float: right !important;
        display: inline-block;
        padding: 15px;
    }
}
@media (min-width: 992px) {
    .product-detail-right {
        width: calc((100%) - 600px);
        float: right !important;
        display: inline-block;
        padding: 10px 0 25px 0;
    }
}
.product-detail-right .availability-icons {
    margin: 0 0 20px;
    font-size: 16px;
}
.product-detail-right .availability-icons::after {
    clear: both;
    content: "";
    display: block;
}
.product-detail-right .widget-product-qty-input {
    float: left;
    display: block;
    clear: both;
    margin-right: 10px;
}
.device-Mobile .product-detail-right .widget-product-qty-input {
    width: 100%;
}
.device-Mobile .product-detail-right .widget-store-availability-click-and-collect .availability-icon {
    width: 100%;
    margin: 0 0 5px;
    clear: both;
}
.device-Mobile .product-detail-right .widget-store-availability {
    width: 100%;
}
.product-detail-right .product-atc {
    clear: both;
    width: 100%;
}
.product-detail-right .product-atc::after {
    clear: both;
    content: "";
    display: block;
}
@media (min-width: 992px) {
    .product-detail-right .product-atc {
        float: left;
        display: inline-block;
        width: auto;
        margin-right: 10px;
    }
}
.product-detail-right .qty-in-cart {
    clear: both;
    margin: 10px 0;
    font-size: 12px;
}
.product-detail-right .qty-in-cart::after {
    clear: both;
    content: "";
    display: block;
}
.product-detail-right .widget-product-field.info-group.widget-product-field-ProductDescription .info-heading {
    padding-top: 10px;
}
.product-detail-right .widget-product-field.info-group.widget-product-field-ProductDescription .info-group-content {
    margin-top: 10px;
}

.product-detail-bottom {
    clear: both;
    padding: 42px 0;
}
.product-detail-bottom::after {
    clear: both;
    content: "";
    display: block;
}
.product-detail-bottom .widget-product-field.widget-product-field-PackQuantity .info-heading {
    float: left;
}
.product-detail-bottom .widget-product-field.widget-product-field-PackQuantity .info-group-content {
    float: left;
    margin-left: 10px;
}
.product-detail-bottom .widget-product-field {
    padding-bottom: 10px;
}
.product-detail-bottom [class*=widget-product-field-CUS_KeyFeature]:before {
    content: "•";
    float: left;
    margin-right: 10px;
}

.product-detail-full-bottom .widget-questionnaire {
    margin: 0 auto;
    width: 100%;
    display: block;
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    padding: 25px;
    max-width: 1400px;
}
.product-detail-full-bottom .widget-questionnaire .content-box {
    margin: 0 !important;
    padding: 0 !important;
}

.page-ProductDetail #cv-zone-pagecontent-after {
    margin-top: 0;
}
.page-ProductDetail #cv-zone-pagecontent-after .parallax-scrolling-area.spacing-top {
    margin-top: 0;
}

.device-Mobile .widget-product-purchase-details {
    text-align: center;
    padding: 0 0 35px;
}

/*------------------------------------*\
    PRODUCT DETAIL
\*------------------------------------*/
h5.info-heading {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    font-size: 16px;
}

.widget-product-purchase-details {
    margin-top: 0;
}

.widget-product-purchase-details .detailed.price {
    margin-bottom: 20px;
}

.widget-product-technical-specifications h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
}

.content-table.headings-left td {
    font-size: 16px;
}

.content-table.headings-left {
    border: 1px solid #ccc;
}

.content-table.headings-left td {
    border: none;
    border-bottom: 1px solid #ccc;
}

.content-table.headings-left .cv-table-cell-0 {
    background: #f8f8f8;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    border-right: 1px solid #ccc;
    width: 200px;
}

.info-group-content ul {
    line-height: 1.82;
}

.page-ProductDetail #product_display_container > .container {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.page-THEME_BPDTHEME01_Register .page-content .widget-page-title {
    text-align: center;
    padding: 30px 0 0;
}
.page-THEME_BPDTHEME01_Register #cv-zone-container-1 {
    background: #fafafa;
}

/*------------------------------------*\
    Session Expired
\*------------------------------------*/
/*------------------------------------*\
    CV EXAMPLE - COLOUR SCHEME
\*------------------------------------*/
.example-area {
    padding: 0 0 5%;
    border-bottom: 1px dashed #c0c0c0;
}
.example-area::after {
    clear: both;
    content: "";
    display: block;
}
.example-area header {
    padding: 0 20px 20px 0;
}

.example-heading {
    margin-bottom: 15px;
    font-size: 18px;
    padding: 0 0 5px;
    color: #1e3232;
    font-weight: 600;
    margin: 0;
}

.example-desc {
    font-size: 12px;
    color: #1e3232;
    font-weight: normal;
    line-height: 130%;
    margin: 0;
    padding: 0;
}

.example-area .colour-scheme::after {
    clear: both;
    content: "";
    display: block;
}
.example-area .colour-scheme .colour-item {
    float: left;
    display: inline-block;
    width: 100px;
    height: 60px;
    margin: 0 20px 10px 0;
}
.example-area .colour-scheme .colour-item div {
    width: 100%;
    height: 40px;
    margin: 0 0 5px;
    border-radius: 3px;
}
.example-area .colour-scheme .colour-item span {
    display: block;
    font-size: 12px;
    font-weight: 500;
}
.example-area .colour-scheme .colour-1 {
    background: #042242;
}
.example-area .colour-scheme .colour-2 {
    background: #073b72;
}
.example-area .colour-scheme .colour-3 {
    background: #010912;
}
.example-area .colour-scheme .colour-4 {
    background: #1c365f;
}
.example-area .colour-scheme .colour-5 {
    background: #284c86;
}
.example-area .colour-scheme .colour-6 {
    background: #102038;
}
.example-area .colour-scheme .colour-7 {
    background: #f3b311;
}
.example-area .colour-scheme .colour-8 {
    background: #f5c342;
}
.example-area .colour-scheme .colour-9 {
    background: #c7910a;
}
.example-area .colour-scheme .colour-10 {
    background: #014985;
}
.example-area .colour-scheme .colour-11 {
    background: #0165b8;
}
.example-area .colour-scheme .colour-12 {
    background: #012d52;
}
.example-area .colour-scheme .colour-13 {
    background: #9b918c;
}
.example-area .colour-scheme .colour-14 {
    background: #b3aba7;
}
.example-area .colour-scheme .colour-15 {
    background: #837771;
}
.example-area .colour-scheme .colour-16 {
    background: #1e3232;
}

/*------------------------------------*\
    Articles
\*------------------------------------*/
/*------------------------------------*\
    Widget - Article Slider
\*------------------------------------*/
.widget-article-slider {
    clear: both;
    display: block;
    width: 100%;
    float: left;
}
.widget-article-slider::after {
    clear: both;
    content: "";
    display: block;
}
.widget-article-slider h2.subtitle {
    font-size: 20px;
}
.widget-article-slider .gallery-slide {
    padding: 10px;
}
.widget-article-slider .news-article {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.11);
    padding: 0;
    float: left;
    display: block;
    border-radius: 0;
    width: 100%;
    margin: 0 0 10px;
}
.widget-article-slider .news-article:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
@media (min-width: 992px) {
    .widget-article-slider .news-article {
        width: 31.3333%;
        margin: 1%;
    }
}
.widget-article-slider .owl-item .news-article {
    width: 100%;
    margin: 0;
}
.widget-article-slider .owl-controls {
    margin: 0;
}
@media (min-width: 1260px) {
    .widget-article-slider .owl-controls .owl-nav.owl-buttons {
        margin: 0;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev {
        left: -65px;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before {
        content: "";
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev::before {
        position: relative;
        left: -6px;
        top: 20px;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next {
        right: -65px;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:before {
        content: "";
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next::before {
        position: relative;
        right: 6px;
        top: 20px;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next {
        position: absolute;
        top: calc((50%) - 70px);
        font-size: 0;
        background: rgba(0, 0, 0, 0.45);
        border-radius: 0px;
        height: 80px;
        width: 30px;
        opacity: 0.25;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:before {
        font-family: "cv-ico-general";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        speak: none;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev.disabled,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next.disabled {
        display: none !important;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:before,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:before {
        font-size: 30px;
        color: #fff;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:hover, .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:focus,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:hover,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:focus {
        opacity: 1;
        background: #1c365f;
    }
    .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:hover:before, .widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-prev:focus:before,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:hover:before,
.widget-article-slider .owl-controls .owl-nav.owl-buttons .owl-next:focus:before {
        color: #000;
    }
}
.widget-article-slider .owl-controls .owl-dots {
    margin-top: 0;
    position: relative;
}
.widget-article-slider .owl-controls .owl-dots .owl-dot span {
    background: grey;
    width: 40px;
    height: 4px;
    border-radius: 0;
}
.widget-article-slider .owl-controls .owl-dots .owl-dot.active span {
    background: #1c365f;
}
.widget-article-slider .owl-controls .owl-dots .owl-dot:hover span {
    background: #284c86;
}
.widget-article-slider .product-slider.with-navigation {
    margin: 0 auto;
    max-width: 90%;
}
.widget-article-slider .owl-item {
    padding: 10px;
}

.news-article {
    background: none;
}
.news-article::after {
    clear: both;
    content: "";
    display: block;
}
.news-article .cv-zone-article-1,
.news-article .cv-zone-article-2,
.news-article .cv-zone-article-3 {
    clear: both;
    display: block;
}
.news-article .cv-zone-article-1::after,
.news-article .cv-zone-article-2::after,
.news-article .cv-zone-article-3::after {
    clear: both;
    content: "";
    display: block;
}
.news-article .cv-zone-article-1 {
    min-height: 180px;
}
.news-article .cv-zone-article-2 {
    min-height: 200px;
    padding: 10px;
}
.news-article .cv-zone-article-3 {
    padding: 0 10px 10px;
}

.widget-article-list-image {
    text-align: center;
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.widget-article-list-image::after {
    clear: both;
    content: "";
    display: block;
}
.widget-article-list-image .push-left {
    float: none !important;
}
.widget-article-list-image .push-left a {
    display: block;
    width: 100%;
}
.widget-article-list-image img {
    float: none;
    margin: 0 auto;
    display: block;
    max-height: 260px;
    overflow: hidden;
    width: 100% !important;
}

.widget-article-list-title {
    display: block;
    min-height: 55px;
    clear: both;
}
.widget-article-list-title h4.subtitle {
    padding: 10px;
}
.widget-article-list-title h4.subtitle a {
    font-weight: bold;
    color: #000;
    padding: 4px 0;
}
.widget-article-list-title h4.subtitle a:hover, .widget-article-list-title h4.subtitle a:focus {
    color: #1c365f;
}

.article-posted-date {
    font-size: 12px;
    color: #999;
}

.widget-article-list-summary {
    font-size: 12px;
}

.widget-article-list-all.news-article-zoned.grid {
    clear: both;
    display: block;
}
.widget-article-list-all.news-article-zoned.grid::after {
    clear: both;
    content: "";
    display: block;
}
.widget-article-list-all.news-article-zoned.grid .news-article {
    transition: all 0.2s ease-in-out;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: white;
    border: none;
    color: black;
    float: left;
    display: inline-block;
    padding: 10px;
    width: 100%;
    margin: 0 0 1%;
}
.widget-article-list-all.news-article-zoned.grid .news-article:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: #fff;
    transform: translateY(-4px);
}
@media (min-width: 576px) {
    .widget-article-list-all.news-article-zoned.grid .news-article {
        width: 48%;
        margin: 1%;
    }
}
@media (min-width: 768px) {
    .widget-article-list-all.news-article-zoned.grid .news-article {
        width: 23%;
    }
}
@media (min-width: 992px) {
    .widget-article-list-all.news-article-zoned.grid .news-article {
        width: 23%;
    }
}
@media (min-width: 1260px) {
    .widget-article-list-all.news-article-zoned.grid .news-article {
        width: 23%;
    }
}

.widget-article-text img {
    height: initial !important;
    width: initial !important;
    margin: 40px 0;
    display: block;
}

.dark-background {
    background: #f8f8f8;
    color: #000;
    padding: 40px 14px;
}
@media (min-width: 992px) {
    .dark-background {
        padding: 100px 50px;
    }
}
.dark-background .col-1-2 {
    width: 100%;
}
@media (min-width: 768px) {
    .dark-background .col-1-2:first-child {
        width: 75%;
    }
}
@media (min-width: 992px) {
    .dark-background .col-1-2:first-child {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .dark-background .col-1-2:last-child {
        width: 25%;
    }
}
@media (min-width: 992px) {
    .dark-background .col-1-2:last-child {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .dark-background #custom-layout-news-detail-layout-row1 {
        padding-right: 100px;
    }
}
@media (min-width: 992px) {
    .dark-background #custom-layout-news-detail-layout-row1 {
        padding: 0 100px 14px 0;
    }
}
@media (min-width: 1260px) {
    .dark-background #custom-layout-news-detail-layout-row1 {
        padding: 0 200px 14px 0;
    }
}
.dark-background .widget-breadcrumb {
    padding-top: 0;
    background: none;
}
.dark-background .widget-breadcrumb span,
.dark-background .widget-breadcrumb a {
    color: #fff;
}
.dark-background .widget-article-title {
    display: block;
    border-bottom: 10px solid #f3b311;
    padding-bottom: 40px;
}
.dark-background .widget-article-title::after {
    clear: both;
    content: "";
    display: block;
}
.dark-background .widget-article-title h4.subtitle,
.dark-background .widget-article-title h4.subtitle a {
    font-size: 32px;
    color: #1c365f;
    font-weight: 700;
    line-height: 95%;
}
@media (min-width: 992px) {
    .dark-background .widget-article-title h4.subtitle,
.dark-background .widget-article-title h4.subtitle a {
        font-size: 60px;
    }
}
.dark-background .widget-article-date {
    display: block;
    padding: 40px 0;
}
.dark-background .widget-article-date::after {
    clear: both;
    content: "";
    display: block;
}
.dark-background .widget-article-date .article-posted-date {
    color: #1c365f;
    font-size: 30px;
    font-weight: 700;
}
.dark-background .widget-article-image .img-large.push-left {
    float: none !important;
    display: block;
    text-align: center;
}
.dark-background .widget-article-image .img-large.push-left img {
    max-height: 600px;
}

.centre-content {
    margin: 0 auto;
    max-width: 940px;
    line-height: 220%;
    padding: 40px 14px;
}
.centre-content p {
    line-height: 200%;
    padding: 20px 0;
    margin: 0;
    font-size: 16px;
}

.page-ArticleView #cv-zone-pagecontent-before .widget-breadcrumb {
    display: none;
}
.page-ArticleView .widget-article-title h4.subtitle {
    text-align: center;
    font-size: 32px;
    margin: 50px;
}
.page-ArticleView .news-article {
    max-width: 960px;
    margin: auto;
    padding: 2%;
}
@media (min-width: 992px) {
    .page-ArticleView .news-article {
        padding: 1%;
    }
}
.page-ArticleView .news-article .widget-article-image img {
    margin-right: 20px;
}

/*------------------------------------*\
    Resources Article Styles
\*------------------------------------*/
.widget-article-list.Resources-Articles .news-article {
    width: 98%;
    margin: 1%;
}
@media (min-width: 576px) {
    .widget-article-list.Resources-Articles .news-article {
        float: left;
        width: 23%;
    }
}

.Resources-Articles > div:first-child {
    width: 100%;
}
@media (min-width: 576px) {
    .Resources-Articles > div:first-child {
        float: left;
        clear: left;
        width: 20%;
    }
}
.Resources-Articles > div:nth-child(2) {
    width: 100%;
}
@media (min-width: 576px) {
    .Resources-Articles > div:nth-child(2) {
        float: right;
        clear: none;
        width: 78%;
    }
}

.back-btn {
    min-height: 50px;
}

.content-tiles.Resources-tile {
    padding: 5px;
}
.content-tiles.Resources-tile .info h3, .content-tiles.Resources-tile .grid-no-results h3, .content-tiles.Resources-tile .lucene-messages .lucene-message h3, .lucene-messages .content-tiles.Resources-tile .lucene-message h3 {
    font-size: 18px;
}

/*------------------------------------*\
    Brochures Custom Widget
\*------------------------------------*/
.PDF-catalogue-tile {
    width: 96%;
    margin: 2%;
    margin-bottom: 80px;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
@media (min-width: 576px) {
    .PDF-catalogue-tile {
        float: left;
        width: 25%;
        margin: 4%;
        margin-bottom: 0px;
    }
}

.PDF-catalogue-tile:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-4px);
}

/*------------------------------------*\
    Suppliers/Key links
\*------------------------------------*/
.Supplier-wrapper {
    width: 96%;
    margin: 2%;
    min-height: 80px;
    margin-bottom: 80px;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
@media (min-width: 576px) {
    .Supplier-wrapper {
        float: left;
        width: 25%;
        min-height: 170px;
        margin: 4%;
        margin-bottom: 0px;
    }
}

.Supplier-wrapper:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-4px);
}

/*------------------------------------*\
    Suppliers/Key links Pages
\*------------------------------------*/
.center {
    text-align: center;
}

.static-img {
    width: 50%;
    max-width: 300px;
}
@media (min-width: 576px) {
    .static-img {
        width: 90%;
    }
}

/*------------------------------------*\
    Contact Us Page
\*------------------------------------*/
.widget-contact-details .form-label:before {
    display: none;
}
.widget-contact-details .office-map {
    margin-top: 15px;
}

/*------------------------------------*\
    FAQ Page
\*------------------------------------*/
.FAQ-section {
    padding: 10px;
    margin-top: 40px;
    font-size: 18px;
    color: #1c365f;
    margin-bottom: 10px;
}

.FAQ-title {
    font-size: 18px;
    color: #1c365f;
}

/*------------------------------------*\
    Form pages VIP Member
\*------------------------------------*/
#custom-layout-custom-form-page-layout-row2 .col-1-2 {
    padding: 0 25px 0 0;
}
#custom-layout-custom-form-page-layout-row2 #custom-layout-custom-form-page-layout-row2-column1 {
    margin-bottom: 50px;
}

/*------------------------------------*\
    Store locator
\*------------------------------------*/
.list-of-stores {
    width: 100%;
    float: none;
}
@media (min-width: 576px) {
    .list-of-stores {
        width: 48%;
        float: left;
    }
}
.list-of-stores .location-tile .store-icon {
    line-height: 2em;
}
.list-of-stores .location-tile .store-icon.location-title {
    font-weight: bold;
}
.list-of-stores .location-tile .store-icon:before {
    margin-right: 8px;
}
.list-of-stores .location-tile .cv-ico-general-pin-alt {
    line-height: 2em;
}
.list-of-stores .location-tile .cv-ico-general-pin-alt:before {
    margin-right: 4px;
}
.list-of-stores .location-tile .location-phone-line {
    line-height: 2em;
}
.list-of-stores .location-tile .location-phone-line:before {
    margin-right: 8px;
}
.list-of-stores .location-tile .col-2-3 {
    width: 100%;
}
.list-of-stores hr {
    border-top: 1px dotted #ddd;
}

.map-view {
    width: 100%;
    float: none;
}
@media (min-width: 576px) {
    .map-view {
        width: 48%;
        float: right;
    }
}

.store-location-popup {
    padding: 40px;
    text-align: center;
}
.store-location-popup .col-1-1 {
    margin-top: 10px;
}
.store-location-popup .col-1-1 .btn.cv-ico-general-phone, .store-location-popup .col-1-1 #printPanel input.cv-ico-general-phone, #printPanel .store-location-popup .col-1-1 input.cv-ico-general-phone {
    float: none;
    max-width: 250px;
    margin: auto;
}

.page-PDFCatalogueExportWizard .page-content > .container,
.page-OrdersApproval .page-content > .container,
.page-OrderImport .page-content > .container,
.page-OrdersOnHold .page-content > .container,
.page-OrderTemplates2 .page-content > .container,
.page-ReportGenerator .page-content > .container,
.page-ReportSubscription .page-content > .container,
.page-OrderSearch .page-content > .container,
.page-B2CAccount .page-content > .container {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    margin: 15px auto;
}
.page-PDFCatalogueExportWizard .page-content > .container .widget-page-title,
.page-OrdersApproval .page-content > .container .widget-page-title,
.page-OrderImport .page-content > .container .widget-page-title,
.page-OrdersOnHold .page-content > .container .widget-page-title,
.page-OrderTemplates2 .page-content > .container .widget-page-title,
.page-ReportGenerator .page-content > .container .widget-page-title,
.page-ReportSubscription .page-content > .container .widget-page-title,
.page-OrderSearch .page-content > .container .widget-page-title,
.page-B2CAccount .page-content > .container .widget-page-title {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 25px;
}

@media (min-width: 992px) {
    .page-CP_BPDTHEME01_Stock-To-Receive-Page-Template .page-content #cvpfTemplate > .container,
.page-CP_BPDTHEME01_Stock-Levels-Page-Template .page-content #cvpfTemplate > .container,
.page-CP_BPDTHEME01_Jobs-Page-Template .page-content #cvpfTemplate > .container,
.page-CP_BPDTHEME01_Store-Locator-Template .page-content #cvpfTemplate > .container {
        background: white;
        border-radius: 5px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        background: white;
        border: 1px solid #ddd;
        color: black;
        padding: 15px;
        margin: 15px auto;
    }
}

.page-CP_BPDTHEME01_Find-My-Part .page-content .container {
    background: white;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background: white;
    border: 1px solid #ddd;
    color: black;
    padding: 15px;
    margin: 15px auto;
}
.page-CP_BPDTHEME01_Find-My-Part .page-content .container::after {
    clear: both;
    content: "";
    display: block;
}
.page-CP_BPDTHEME01_Find-My-Part .page-content .container .box-content, .page-CP_BPDTHEME01_Find-My-Part .page-content .container .widget-checkout-css-gift-card .grid, .widget-checkout-css-gift-card .page-CP_BPDTHEME01_Find-My-Part .page-content .container .grid {
    border: none;
}

.widget-stock-to-receive,
.widget-stock-levels,
.widget-jobs {
    padding-bottom: 40px;
}
.widget-stock-to-receive .col-1-3 .btn, .widget-stock-to-receive .col-1-3 #printPanel input, #printPanel .widget-stock-to-receive .col-1-3 input,
.widget-stock-levels .col-1-3 .btn,
.widget-stock-levels .col-1-3 #printPanel input,
#printPanel .widget-stock-levels .col-1-3 input,
.widget-jobs .col-1-3 .btn,
.widget-jobs .col-1-3 #printPanel input,
#printPanel .widget-jobs .col-1-3 input {
    height: 45px;
}
.widget-stock-to-receive .data-list-item,
.widget-stock-levels .data-list-item,
.widget-jobs .data-list-item {
    padding: 5px;
}

/*------------------------------------*\
    Find my part
\*------------------------------------*/
.page-CP_BPDTHEME01_Find-My-Part .col-1-2 {
    padding: 5px;
}
.page-CP_BPDTHEME01_Find-My-Part .col-1-2 .widget-html-snippet .btn, .page-CP_BPDTHEME01_Find-My-Part .col-1-2 .widget-html-snippet #printPanel input, #printPanel .page-CP_BPDTHEME01_Find-My-Part .col-1-2 .widget-html-snippet input {
    margin-bottom: 10px;
}
.page-CP_BPDTHEME01_Find-My-Part .col-1-2 .product-drawing-example-mobile {
    text-align: center;
}
.page-CP_BPDTHEME01_Find-My-Part .col-1-2 .product-drawing-example-mobile img {
    max-width: auto;
    max-height: 675px;
}
.page-CP_BPDTHEME01_Find-My-Part .or-divider {
    text-align: center;
    height: 120px;
}
.page-CP_BPDTHEME01_Find-My-Part .or-divider h1 {
    font-size: 28px;
    margin-top: 50px;
}
.page-CP_BPDTHEME01_Find-My-Part .btnSearchParts {
    margin-left: 0px;
}

/*------------------------------------*\
    Microsoft IE 9
\*------------------------------------*/
/*------------------------------------*\
    Microsoft IE 10
\*------------------------------------*/
/*------------------------------------*\
    Microsoft IE 11
\*------------------------------------*/
/*------------------------------------*\
    Microsoft Edge
\*------------------------------------*/
/*------------------------------------*\
    media print
\*------------------------------------*/
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    html {
        font-size: 12px !important;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }

    a,
a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: "";
    }

    abbr[title]:after {
        content: "";
    }

    /*
    * Don't show links for images, or javascript/internal links
    */
    .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
        content: "";
    }

    pre,
blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }
    p,
h2,
h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
h3 {
        page-break-after: avoid;
    }

    code[class*=language-],
pre[class*=language-] {
        text-shadow: none;
    }

    .cv-header-topbar,
nav,
.site-search,
.widget-logo .main-logo,
.payment,
.footer-col,
.info-group.docs,
#cv-zone-footer-after,
.widget-breadcrumb,
#cv-zone-navigation,
#cv-zone-navigation-container,
.related-products,
.reviews,
#goto-review,
#goto-review-write,
.qty-in-cart,
.btn.blue.cv-ico-general-cart,
#printPanel input.blue.cv-ico-general-cart,
.btn.orange.clear.cv-ico-general-star2,
#printPanel input.orange.clear.cv-ico-general-star2,
.k-widget.k-numerictextbox.form-number,
.product-ribbons {
        display: none !important;
    }

    .large-pricing {
        margin: 0;
    }

    .grey-box.alt-style, .grey-box.alternate,
.alert-box.alt-style,
.alt-style.grid-no-results,
.lucene-messages .alt-style.lucene-message,
.alert-box.alternate,
.alternate.grid-no-results,
.lucene-messages .alternate.lucene-message {
        padding: 5px;
    }

    .widget-page-title {
        float: left;
        width: 100%;
    }
    .widget-page-title .page-title .subtitle {
        float: left;
        width: 100%;
        margin: 0;
    }

    .product-gallery {
        width: 300px;
        overflow: hidden;
        float: left;
        display: inline-block;
    }
    .product-gallery img {
        width: 280px;
    }
    .product-gallery .owl-dots {
        display: none !important;
    }

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

    #product-detail-main-image,
#warranty-content {
        display: block !important;
    }

    .col-1-1 {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .col-1-2 {
        width: 50% !important;
    }

    .col-1-3 {
        width: 33.33% !important;
    }

    .col-1-4 {
        width: 25% !important;
    }

    .col-1-5 {
        width: 20% !important;
    }

    .col-1-6 {
        width: 16.6666666667% !important;
    }

    .col-1-7 {
        width: 14.2857142857% !important;
    }

    .col-1-8 {
        width: 12.5% !important;
    }

    .col-1-9 {
        width: 11.1111111111% !important;
    }

    .col-1-10 {
        width: 10% !important;
    }

    .col-3-10 {
        width: 30% !important;
    }

    .col-1-11 {
        width: 9.0909090909% !important;
    }

    .col-1-13 {
        width: 7.6923076923% !important;
    }

    .col-1-14 {
        width: 7.1428571429% !important;
    }

    .col-1-15 {
        width: 6.6666666667% !important;
    }

    .col-1-16 {
        width: 6.25% !important;
    }

    .col-2-3 {
        width: 66.66% !important;
    }

    .col-3-4 {
        width: 75% !important;
    }

    .col-2-16 {
        width: 12.5% !important;
    }

    .col-3-16 {
        width: 18.75% !important;
    }

    .col-5-16 {
        width: 31.25% !important;
    }

    .col-6-16 {
        width: 37.5% !important;
    }

    .col-7-16 {
        width: 43.75% !important;
    }

    .col-9-16 {
        width: 56.25% !important;
    }

    .col-5-8,
.col-10-16 {
        width: 62.5% !important;
    }

    .col-11-16 {
        width: 68.75% !important;
    }

    .col-13-16 {
        width: 81.25% !important;
    }

    .col-14-16 {
        width: 87.5% !important;
    }

    .col-15-16 {
        width: 93.75% !important;
    }

    .col-1-12 {
        width: 8.3333333333% !important;
    }

    .col-2-12 {
        width: 16.6666666667% !important;
    }

    .col-5-12 {
        width: 41.6666666667% !important;
    }

    .col-7-12 {
        width: 58.3333333333% !important;
    }

    .col-10-12 {
        width: 83.3333333333% !important;
    }

    .col-11-12 {
        width: 91.6666666667% !important;
    }

    [class*=col-] {
        float: left !important;
        padding-right: 10px !important;
    }
    [class*=col-] .grid:last-of-type {
        padding-right: 0 !important;
    }

    [class*=col-].push-right {
        float: right !important;
    }

    #cv-zone-topbar,
.widget-product-search,
.widget-section-menu,
#cv-menus,
#cv-zone-footer {
        display: none !important;
    }

    #cv-zone-footer {
        border-top: none !important;
    }

    #cv-zone-footer-after .widget-logo,
#cv-zone-footer-after .widget-payment-icons {
        display: none !important;
    }

    .page-content {
        min-height: 0;
    }

    #cv-zone-footer-after small {
        text-align: left;
    }
    #cv-zone-footer-after .col-1-3.footer-after-col {
        width: 100%;
    }

    #product-gallery-slider {
        display: none;
    }

    #product-detail-main-image img {
        display: block !important;
        width: 300px !important;
    }

    .product-grid.grid .product {
        width: 200px !important;
    }

    .product-img {
        width: 180px !important;
    }

    .widget-product-list-filter, .product-list-before {
        display: none;
    }

    .sticky-wrapper.is-sticky {
        display: none !important;
    }

    .btn, #printPanel input {
        display: none !important;
    }

    .widget-orders-on-hold .spacing-bottom,
#order-track-print .spacing-bottom {
        margin-bottom: 5px;
    }
    .widget-orders-on-hold .spacing-top,
#order-track-print .spacing-top {
        margin-top: 5px;
    }
    .widget-orders-on-hold .grey-box,
#order-track-print .grey-box {
        padding: 5px;
    }
    .widget-orders-on-hold .order-track-view-standard,
#order-track-print .order-track-view-standard {
        margin: 20px 0;
    }
    .widget-orders-on-hold .content-row.summary.last-row .col-1,
.widget-orders-on-hold .content-row.summary.last-row .col-2,
.widget-orders-on-hold .content-row.summary.last-row .col-3,
.widget-orders-on-hold .content-row.summary.last-row .col-4,
.widget-orders-on-hold .content-row.summary.last-row .col-5,
.widget-orders-on-hold .content-row.summary.last-row .col-6,
.widget-orders-on-hold .content-row.summary.last-row .col-7,
.widget-orders-on-hold .content-row.summary.last-row .col-10,
.widget-orders-on-hold .content-row.summary.last-row .col-11,
#order-track-print .content-row.summary.last-row .col-1,
#order-track-print .content-row.summary.last-row .col-2,
#order-track-print .content-row.summary.last-row .col-3,
#order-track-print .content-row.summary.last-row .col-4,
#order-track-print .content-row.summary.last-row .col-5,
#order-track-print .content-row.summary.last-row .col-6,
#order-track-print .content-row.summary.last-row .col-7,
#order-track-print .content-row.summary.last-row .col-10,
#order-track-print .content-row.summary.last-row .col-11 {
        display: none !important;
    }
    .widget-orders-on-hold .content-row.summary.last-row .col-8,
#order-track-print .content-row.summary.last-row .col-8 {
        width: 77% !important;
        text-align: right !important;
    }
    .widget-orders-on-hold .content-row.summary.last-row .col-9,
#order-track-print .content-row.summary.last-row .col-9 {
        width: 23% !important;
        text-align: right !important;
    }
    .widget-orders-on-hold .data-list-view-product,
.widget-orders-on-hold .sortable.hint,
#order-track-print .data-list-view-product,
#order-track-print .sortable.hint {
        margin: 0;
    }
    .widget-orders-on-hold .data-list-view-product .widget-productlist-image,
.widget-orders-on-hold .sortable.hint .widget-productlist-image,
#order-track-print .data-list-view-product .widget-productlist-image,
#order-track-print .sortable.hint .widget-productlist-image {
        width: 50px;
        margin: 0 5px;
        padding: 4px;
    }
    .widget-orders-on-hold .data-list-item,
#order-track-print .data-list-item {
        font-size: 10px;
        padding: 0;
    }
    .widget-orders-on-hold .data-list-item .data-item-value,
#order-track-print .data-list-item .data-item-value {
        margin-bottom: 5px;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1,
.widget-orders-on-hold .data-list-item .cv-data-zone-2,
#order-track-print .data-list-item .cv-data-zone-1,
#order-track-print .data-list-item .cv-data-zone-2 {
        padding: 5px;
    }
    .widget-orders-on-hold .data-list-item .data-list-column.price-right,
#order-track-print .data-list-item .data-list-column.price-right {
        padding-right: 5px !important;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1 .data-list-column,
#order-track-print .data-list-item .cv-data-zone-1 .data-list-column {
        width: auto;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1 .data-list-column .cart-product-title a,
#order-track-print .data-list-item .cv-data-zone-1 .data-list-column .cart-product-title a {
        text-decoration: none;
        font-weight: normal;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1 .data-list-column:first-child,
#order-track-print .data-list-item .cv-data-zone-1 .data-list-column:first-child {
        width: 5%;
        float: left;
    }
    .widget-orders-on-hold .data-list-item .cv-data-zone-1 .data-list-column:last-child,
#order-track-print .data-list-item .cv-data-zone-1 .data-list-column:last-child {
        width: auto;
        float: none !important;
        display: block !important;
        word-break: break-all;
        clear: none;
    }
    .widget-orders-on-hold .data-list-view-basic.no-options .cv-data-zone-1,
.widget-orders-on-hold .data-list-view-product.no-options .cv-data-zone-1,
#order-track-print .data-list-view-basic.no-options .cv-data-zone-1,
#order-track-print .data-list-view-product.no-options .cv-data-zone-1 {
        width: 38%;
        float: left;
    }
    .widget-orders-on-hold .data-list-view-basic.no-options .cv-data-zone-2,
.widget-orders-on-hold .data-list-view-product.no-options .cv-data-zone-2,
#order-track-print .data-list-view-basic.no-options .cv-data-zone-2,
#order-track-print .data-list-view-product.no-options .cv-data-zone-2 {
        width: 62%;
        float: right;
    }

    .order-track-userinfo .col-1-4 {
        width: 48% !important;
    }
    .order-track-userinfo .col-1-4 .address {
        width: 100%;
        margin: 0;
    }
    .order-track-userinfo .col-3-4 {
        width: 50% !important;
        padding: 0;
    }
    .order-track-userinfo .col-3-4 .col-3-4 {
        width: 100% !important;
    }
    .order-track-userinfo .col-3-4 .col-3-4 .form-label {
        width: 50%;
        float: left;
    }
    .order-track-userinfo .form-title {
        margin: 0 0 10px 0;
        padding: 0;
        width: 100%;
        float: left;
    }

    .order-track-list [class*=col-] {
        display: block;
        font-size: 12px;
        padding: 5px;
    }
    .order-track-list.no-discount-or-backorders .col-1 {
        width: 5%;
    }
    .order-track-list.no-discount-or-backorders .col-2 {
        width: 10%;
    }
    .order-track-list.no-discount-or-backorders .col-3 {
        width: 35%;
    }
    .order-track-list.no-discount-or-backorders .col-4 {
        width: 7.5%;
    }
    .order-track-list.no-discount-or-backorders .col-5 {
        width: 7.5%;
    }
    .order-track-list.no-discount-or-backorders .col-6 {
        width: 7.5%;
    }
    .order-track-list.no-discount-or-backorders .col-7 {
        width: 10%;
    }
    .order-track-list.no-discount-or-backorders .col-8 {
        width: 7.5%;
    }
    .order-track-list.no-discount-or-backorders .col-9 {
        width: 10%;
    }
    .order-track-list.show-discount-or-backorders .col-1 {
        width: 5%;
    }
    .order-track-list.show-discount-or-backorders .col-2 {
        width: 10%;
    }
    .order-track-list.show-discount-or-backorders .col-3 {
        width: 30%;
    }
    .order-track-list.show-discount-or-backorders .col-4 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-5 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-6 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-7 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-8 {
        width: 10%;
    }
    .order-track-list.show-discount-or-backorders .col-9 {
        width: 7%;
    }
    .order-track-list.show-discount-or-backorders .col-10 {
        width: 10%;
    }
    .order-track-list.show-discount-and-backorders .col-1 {
        width: 5%;
    }
    .order-track-list.show-discount-and-backorders .col-2 {
        width: 10%;
    }
    .order-track-list.show-discount-and-backorders .col-3 {
        width: 25%;
    }
    .order-track-list.show-discount-and-backorders .col-4 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-5 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-6 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-7 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-8 {
        width: 10%;
    }
    .order-track-list.show-discount-and-backorders .col-9 {
        width: 6%;
    }
    .order-track-list.show-discount-and-backorders .col-10 {
        width: 10%;
    }
    .order-track-list.show-discount-and-backorders .col-11 {
        width: 10%;
    }

    .page-title + .subtitle {
        margin-bottom: 0 !important;
    }

    .product-detail-left {
        width: 25% !important;
        display: inline-block !important;
        float: left !important;
    }

    .product-detail-right {
        width: 75% !important;
        display: inline-block !important;
        float: left !important;
    }
    .product-detail-right .info-group {
        margin: 0 !important;
    }
    .product-detail-right .info-group.widget-product-field {
        font-size: 12px !important;
        line-height: normal !important;
    }
    .product-detail-right .product-atc,
.product-detail-right .btn,
.product-detail-right #printPanel input,
#printPanel .product-detail-right input,
.product-detail-right .qty-in-cart,
.product-detail-right .qty-breaks {
        display: none !important;
    }

    #product-gallery-slider {
        width: 150px !important;
        overflow: hidden !important;
    }
    #product-gallery-slider img {
        width: 150px !important;
    }
    #product-gallery-slider .owl-controls,
#product-gallery-slider .owl-nav,
#product-gallery-slider .owl-dots {
        display: none !important;
    }

    .product-video {
        display: none !important;
    }

    .contact-enquiry {
        display: none !important;
    }

    .grid.order-track {
        display: none !important;
    }

    .order-track-results {
        display: block !important;
    }

    /*------------------------------------*\
        IMAGE SIZING
    \*------------------------------------*/
    .img-small img,
.img-med img,
.img-large img {
        width: 100%;
    }

    .img-small {
        width: 15%;
    }

    .img-med {
        width: 40%;
    }

    .img-large {
        width: 100%;
    }

    .push-right.img-small {
        margin: 1.8% 0 1.8% 1.8%;
        max-width: 25%;
    }

    .push-right.img-med {
        margin: 1.8% 0 1.8% 1.8%;
        max-width: 40%;
    }

    .push-left.img-small {
        margin: 1.8% 1.8% 1.8% 0;
    }

    .push-left.img-med {
        margin: 1.8% 1.8% 1.8% 0;
    }

    .img-large {
        max-width: 100%;
        margin: 1.8% 0%;
    }

    figure figcaption {
        position: static !important;
    }

    .data-list-view-product.column-5 .cv-data-zone-2 .data-list-column {
        width: 20% !important;
    }
    .data-list-view-product .cv-button-checkbox {
        display: none;
    }

    .no-print {
        display: none !important;
    }

    #cv-zone-pagecontent-after {
        display: none !important;
    }

    /*------------------------------------*\
        PRODUCT COMPARE
    \*------------------------------------*/
    .no-scroll #cv-zone-pagecontent-after {
        display: block !important;
    }
    .no-scroll #cv-zone-topbar,
.no-scroll #cv-zone-header,
.no-scroll #cv-zone-navigation,
.no-scroll #cv-zone-feature,
.no-scroll #cv-zone-pagecontent,
.no-scroll .product-compare-content,
.no-scroll .expanded-compare-area .product-compare-close,
.no-scroll .product-compare-content .products-to-compare,
.no-scroll .product-compare-content .product-compare-buttons,
.no-scroll .product-compare-close,
.no-scroll #cv-zone-footer #cv-zone-footer-before,
.no-scroll #cv-zone-footer #cv-zone-footer-after .product-compare-table .AddToCart,
.no-scroll #cv-zone-footer #cv-zone-footer-after #product-compare-list .product-compare-content,
.no-scroll #cv-zone-footer #cv-zone-footer-after .product-compare-close,
.no-scroll .AddToCart,
.no-scroll .product-compare-toggle {
        display: none;
    }
    .no-scroll .product-compare-bar {
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: visible !important;
        border-top: 0px;
        height: auto !important;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .no-scroll .product-compare-bar .container {
        padding: 0px;
    }
    .no-scroll .product-compare-area {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0px;
        left: 0px;
        border-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .no-scroll .product-compare-table td {
        font-size: 8px !important;
    }
    .no-scroll .product-compare-table .product-img {
        width: 80px !important;
    }

    /*------------------------------------*\
        PAYMENT SUMMARY (CHECKOUT)
    \*------------------------------------*/
    .cv-cart .cart-line-qty:before {
        content: "QTY: ";
    }
    .cv-cart * {
        font-size: 95% !important;
    }
    .cv-cart .detailed-line-values {
        margin: 0;
        padding: 0;
    }

    .cart-line-expandable-area:after {
        display: none;
    }

    .cart-product-image {
        display: inline-block;
        float: left;
        width: 40px;
        margin: 0 15px 0 0;
        padding: 10px !important;
    }

    form[action*=PrintOrder] #printPanel {
        display: none;
    }

    form[action*=PrintOrder] #printPanel input {
        display: none;
    }

    .cart-product-availability {
        display: block !important;
        width: auto !important;
        clear: both !important;
    }

    .cart-line-expandable-area {
        padding: 0 !important;
        margin: 0 !important;
    }
    .cart-line-expandable-area .col-1-2 {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        padding-right: 0 !important;
    }

    .page-OnlinePaymentOK br {
        display: none;
    }
    .page-OnlinePaymentOK #cv-zone-header {
        display: none !important;
    }
    .page-OnlinePaymentOK .cv-zone-confirmation-actions {
        display: none !important;
    }
    .page-OnlinePaymentOK .widget-order-confirmation-message {
        font-size: 9px !important;
    }
    .page-OnlinePaymentOK .widget-order-confirmation-message p {
        font-size: 9px !important;
    }
    .page-OnlinePaymentOK .content-box {
        border: none;
        box-shadow: none;
    }
    .page-OnlinePaymentOK .content-box .box-title, .page-OnlinePaymentOK .content-box .widget-checkout-css-gift-card h5, .widget-checkout-css-gift-card .page-OnlinePaymentOK .content-box h5 {
        font-size: 12px;
        border-bottom: 2px solid #999;
    }
    .page-OnlinePaymentOK .confirmation-address {
        min-height: 0;
    }
    .page-OnlinePaymentOK .confirmation-address .form-label {
        width: 30%;
        display: inline-block;
        float: left;
        font-size: 9px !important;
    }
    .page-OnlinePaymentOK .confirmation-address .form-span {
        width: 70%;
        display: inline-block;
        float: right;
        font-size: 9px !important;
        word-break: break-all;
    }
    .page-OnlinePaymentOK .cv-cart-line {
        padding: 10px 0 !important;
        border: none !important;
        border-bottom: 1px solid #ddd !important;
    }
    .page-OnlinePaymentOK .cv-cart-line::after {
        clear: both;
        content: "";
        display: block;
    }
    .page-OnlinePaymentOK .cart-line-area-1,
.page-OnlinePaymentOK .cart-line-area-2 {
        display: inline-block;
        float: left;
        width: 50%;
    }
    .page-OnlinePaymentOK .cart-product-image-container .cart-product-image,
.page-OnlinePaymentOK .cart-product-image-link .cart-product-image {
        height: auto !important;
    }
    .page-OnlinePaymentOK .cart-product-image-container,
.page-OnlinePaymentOK .cart-product-image-link {
        display: inline-block;
        float: left;
        width: 80px;
        margin-right: 10px;
    }
    .page-OnlinePaymentOK .cart-line-qty {
        display: block !important;
        width: 100%;
        text-align: right;
    }
    .page-OnlinePaymentOK .cart-summary-totals {
        width: 50%;
        float: right;
    }

    /*ORDER HISTORY PRINT*/
    .widget-order-track .order-track-view .order-track-userinfo .form-title {
        margin: 0 0 10px 0;
        padding: 0;
        width: 100%;
        float: left;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-3-4 {
        padding: 0 !important;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-3-4 .col-3-4 {
        width: 100% !important;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-3-4 .col-3-4 .form-label {
        width: 50%;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-1-4 {
        width: 45% !important;
        float: right !important;
    }
    .widget-order-track .order-track-view .order-track-userinfo .col-1-4 .address {
        width: 100%;
        margin: 0;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options,
.widget-order-track .order-track-view .order-track-view-standard {
        margin: 20px 0;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item {
        font-size: 10px;
        padding: 0;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .data-item-value,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .data-item-value {
        margin-bottom: 5px;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1,
.widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-2,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-2 {
        padding: 5px;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 {
        width: 35%;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column {
        width: auto;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column.image-column,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column.image-column {
        width: 70px;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column.image-column .widget-productlist-image,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column.image-column .widget-productlist-image {
        display: inline-block;
        border: none;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column.image-column .widget-productlist-image img,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column.image-column .widget-productlist-image img {
        float: left;
        width: 50px;
        border: 1px solid #ddd;
        padding: 5px;
        margin: 0 5px;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column .cart-product-title a,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column .cart-product-title a {
        text-decoration: none;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column:first-child,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column:first-child {
        width: auto;
        float: left;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-1 .data-list-column:last-child,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-1 .data-list-column:last-child {
        width: calc(100% - 90px);
        float: left;
        display: block !important;
        word-break: break-all;
        clear: none;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .cv-data-zone-2,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .cv-data-zone-2 {
        width: 65%;
    }
    .widget-order-track .order-track-view .data-list-view-product.no-options .data-list-item .data-list-column.price-right,
.widget-order-track .order-track-view .order-track-view-standard .data-list-item .data-list-column.price-right {
        padding-right: 5px !important;
    }

    .data-list-view-product,
.sortable.hint {
        margin: 0;
    }
    .data-list-view-product .cv-data-zone-2 .data-list-column,
.sortable.hint .cv-data-zone-2 .data-list-column {
        width: 20% !important;
    }

    .approval-status-log {
        padding: 5px;
    }
    .approval-status-log .data-list-item .cv-data-zone-1,
.approval-status-log .data-list-item .cv-data-zone-2,
.approval-status-log .data-list-item .cv-data-zone-3 {
        padding: 0 5px;
    }
    .approval-status-log .data-list-item .cv-data-zone-1 {
        width: 35%;
    }
    .approval-status-log .data-list-item .cv-data-zone-2 {
        width: 65%;
    }
    .approval-status-log .data-list-item .cv-data-zone-2 .data-list-column {
        width: 20%;
    }
    .approval-status-log .data-list-item .cv-data-zone-3 .data-list-column {
        padding: 0;
        border-bottom: 1px solid #dadada;
    }
    .approval-status-log.column-2 .cv-data-zone-2 .data-list-column {
        width: 20%;
    }
    .approval-status-log.column-4 .cv-data-zone-2 .data-list-column {
        width: 25%;
    }
    .approval-status-log.column-3 .cv-data-zone-2 .data-list-column {
        width: 33.3333%;
    }

    #cv-zone-confirmation-content .col-1-2 {
        width: 100% !important;
    }
    #cv-zone-confirmation-content .col-1-2 .confirmation-address {
        min-height: none;
    }

    .widget-order-lines-static.cv-cart .cv-cart-line {
        min-height: 40px;
        height: auto !important;
        padding: 10px 0 !important;
    }
    .widget-order-lines-static.cv-cart .cv-cart-line .detailed-line-values {
        left: -80px;
        top: -10px;
    }

    .cart-line-area-2 {
        width: 50%;
        float: right;
    }
    .cart-line-area-2 .cart-line-values {
        padding: 0;
    }

    .cart-product-image-container,
.cart-product-image-link {
        display: inline;
    }
    .cart-product-image-container .cart-product-image,
.cart-product-image-link .cart-product-image {
        height: 40px;
        width: 40px;
    }

    .no-return {
        display: none;
    }
}