﻿

/*========================
    Fonts
==========================*/

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Poppins/Poppins-Light.eot?#iefix") format('embedded-opentype'), url("../fonts/Poppins/Poppins-Light.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Poppins/Poppins-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/Poppins/Poppins-Italic.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Poppins/Poppins-Semibold.ttf") format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Poppins/Poppins-Bold.ttf") format('truetype');
}


@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Poppins/Poppins-Light.eot?#iefix") format('embedded-opentype'), url("../fonts/Poppins/Poppins-Light.ttf") format('truetype');
}


/*========================
    Site Styles
==========================*/
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    line-height: 1.15;
}

@media print,
screen and (max-width: 48em) {
    html {
        font-size: 94%;
    }
}

html,
body,
.site-content {
    height: 100%;
}

.site-message {
    background: #f7f7f7;
    color: #555;
    font-size: 0.81rem;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    box-shadow: 0px 3px 6px #00000029;
}

.site-message .container {
    padding: 0;
    max-width: 75rem;
    margin: 0 auto;
}

.site-message .order-approvals-msg {
    margin-right: 10px;
}

.site-message .currency-msg,
.site-message .order-approvals-msg {
    display: inline-block;
    padding: 2px 0;
    margin-left: .5rem;
}

.site-message .coop-funds-balance-msg {
    display: inline-block;
    padding: 2px 0;
    margin-left: .5rem;
}


.is-reveal-open body {
    overflow: hidden;
}

body {
    position: relative;
    overflow: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.5;
    color: #111;
    width: 100%;
}

.grid-container{
    max-width: 75rem;
}

@media print,
screen and (max-width: 64em) {
    .grid-container{
        max-width: 95vw;
    }
}

/* Styling issue between viewport 640px and 679px */
@media print, screen and (min-width: 640px) and (max-width: 679px) {
    .grid-container .grid-x > .medium-12 {
        width: 75%;
    }
}

.site-content {
    display: flex;
    flex-direction: column;
}

head {
    display: none;
}

main {
    flex: 1 0 auto;
    position: relative;
    padding-bottom: 2rem;
}

footer {
    flex-shrink: 0;
}

.page-actions {
    margin-top: 2.5rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px;
}

.page-actions .excel-button img{
    max-height: 25px;
}
.page-actions .excel-button span{
    font-size: 13px;
    margin-right: 5px;
}

.page-actions .excel-button::before{
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    display: inline-block;
    content: '\f1c3';
}

.page-proof .page-actions .button.expanded-sm.middle.middle{
    margin-right: 5px;
    padding: 16px;
}

.page-content.order-edit .page-actions button,
.page-content.order-edit .page-actions a{
    width: 45%;
}

.dllsort-section {
    float: right;
    width: 257px;
    margin-right: 85px;
}

.page-actions {
    direction: rtl;
}

.standardHeader {
    display: block;
}

.homepageHeader {
    display: none;
}

body.page-homepage > div > header.standardHeader {
    display: none;
}

body.page-homepage > div > header.homepageHeader {
    display: block;
    position: relative;
}

body {
    background-color: #f9f9f9;
    color: #555555;
}

body.page-homepage{
    background-color: #fff;
}

.confirmation-sections .medium-12.card-divider .card-title{
    font-size: 1.125rem;
}
.confirmation-sections .tracking-accordion{
    padding-top: 0;
}
.order-history .confirmation-sections .accordion-title{
    color: #00a3e0;
}

.page-heading.legal{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*========================
    Typography Styles
==========================*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
a,
a:hover,
a:focus,
a:active,
blockquote,
dd,
dl,
dt,
form,
ul,
li,
ol,
p,
pre,
td,
th {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-decoration: none;
    list-style-type: none;
}

a {
    color: #00a3e0;
}

    a:hover,
    a:focus {
        color: #0083b3;
        text-decoration: none;
    }

b {
    font-weight: 700;
}

strong {
    font-weight: 600;
}

hr {
    max-width: 100%;
    margin: 1.25rem auto;
    border-bottom-color: #d6dbdb;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: visible;
    height: 0;
}

address {
    font-style: normal;
    margin-bottom: 8px;
}
.footer-grid .tagline,
.footer-grid .policies,
.footer-grid .copyright{
    margin-bottom: 5px;
}

blockquote {
    border-left-color: #d6dbdb;
}

blockquote,
blockquote p {
    color: #808e99;
}

kbd {
    background-color: #e9ebed;
}

.code-inline,
code {
    border-color: #d6dbdb;
    background-color: #e9ebed;
}

.code-block,
.code-inline {
    border-color: #d6dbdb;
    background-color: #e9ebed;
}

dl dt {
    font-weight: 400;
    margin-bottom: 0;
}

dl dd {
    margin-bottom: 0.5rem;
}

figcaption {
    line-height: 1.5;
}

ul{
    line-height: 1.5rem;
}




/*========================
    Home Page Styles
==========================*/

/* Home Banner */
#home-content-container {
    position: relative;
    max-width: 100%;
    height: 550px;
    background-image: url('/image/homebanner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

.home-content-distinct {
    background-color: rgb(45 45 45 / 1%);
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
}

@media print,
screen and (min-width: 44em) {
    .home-content-distinct {
        padding: 1px;
    }
}

/* Navigation */
.page-homepage .top-nav-distinct {
    border-bottom: none;
}

.page-homepage .quick-nav-grid {
    max-width: unset;
}

.page-homepage .quick-nav-grid>.grow-auto.col-left {
    text-align: left;
    float: none;
}

.page-homepage .quick-nav-grid .col-right {
    max-width: unset;
}

main {
    flex: 1 auto;
}

@media print,
screen and (min-width: 55em) {
    .page-homepage .ql-icon {
        display: inline-block;
    }
}

@media print,
screen and (min-width: 756px) {
    .page-homepage .ql-icon {
        display: none;
    }
}

.page-homepage .cart-button {
    font-size: 1.25rem;
    padding: 1em;
}

@media print,
screen and (min-width: 756px) {
    .page-homepage #quick-nav,
    .page-homepage #account-user h2 {
        display: none;
    }
}

@media print,
screen and (min-width: 64em) {
    .page-homepage #account-user h2 {
        display: block;
    }
}

@media print,
screen and (min-width: 756px) {
    .page-homepage #quick-nav {
        display: block;
    }
}

.bottom-nav-container{
    max-height: 60px;
}

.bottom-nav-container .cell #quicklinks-drop{
    padding: 0 10px;
}

/*========================================
    Home Content Welcome 
==========================================*/

.home-content-welcome {
    background-color: #007ac0;
    position: absolute;
    right: 13%;
    bottom: -68px;
    background-color: #007ac0;
    max-width: 650px;
    border-radius: 3px;
    box-shadow: 8px 2px 10px 6px rgb(0 0 0 / 50%);
}

@media print,
screen and (max-width: 860px) {
    .home-content-welcome{
         right: 50px;
    }
}

@media print,
screen and (max-width: 1320px) {
    .home-content-welcome{
         right: 20px;
    }
}


@media print,
screen and (min-width: 2002px) {
    .home-content-welcome{
         right: 17%;
    }
}

@media print,
screen and (min-width: 2400px) {
    .home-content-welcome{
         right: 22%;
    }
}

@media print,
screen and (max-width: 48em) {
    .home-content-welcome{
         right: 0;
    }
}


/* Typography */

.home-heading {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 2rem 3rem 1rem;
    background-color: transparent;
    font: 300 1.25rem / 1.5 "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    letter-spacing: 0.0625rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.home-heading div {
    display: block;
}

@media print,
screen and (min-width: 35em) {
    .home-heading {
        font-size: 3vw;
    }
}

@media print,
screen and (min-width: 44em) {
    .home-heading {
        font-size: 1.3rem;
        padding: 2rem 3rem 1rem;
    }
    .home-heading div {
        display: unset;
    }
}

.home-get-started {
    padding: 1rem;
    font-size: 1.125rem;
    color: #fff;
    transition: color 0.15s ease-out;
}

.home-get-started:hover {
    color: #208bac;
    transition: color 0.15s ease;
}

@media print,
screen and (min-width: 25em) {
    .home-get-started {
        font-size: 3vw;
    }
}

@media print,
screen and (min-width: 55em) {
    .home-get-started {
        font-size: 1.125rem;
    }
}

.home-desc {
    font: 300 2rem / 1 "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    letter-spacing: 0.0625rem;
    color: #fff;
}

/* Client Logo */

.page-homepage .col-center {
    position: unset;
    top: auto;
    width: auto;
    margin: 1rem 0 2rem;
}

/* Hero Image */

.parent {
  width: 100px;
}

.container {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

.container img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}



/*========================
    Helper Styles
==========================*/

.text-success {
    color: #2db94d;
}

.text-alert {
    color: #c8102e;
}

.text-warning {
    color: #ffc933;
}

.text-info {
    color: #00a3e0;
}

.text-muted {
    color: #768692;
}

.text-small {
    font-size: 75%;
}

/*========================
    Utilities
==========================*/

.base-font-size {
    font-size: 1rem;
}

.padding-0 {
    padding: 0;
}

.border {
    border: 0.5px solid #e4e4e4;
}

@media print, screen and (max-width: 39.99875em) {
    .expanded-sm {
        display: block;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }
}

/*========================
    Select2 Styles
==========================*/

.select2-selection .select2-selection--single {
    height: 2.4375rem !important;
    padding: .5rem 0;
}

.select2-container .select2-selection--single {
    height: 2.4375rem !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0.4rem 0.5rem;
    font-size: 1rem;
    color: #0a0a0a;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding: 0.4rem 0.5rem;
}

.select2-container .select2-selection--multiple {
    min-height: 2rem;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0.5rem;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0.3125rem;
}

.select2-dropdown {
    border-color: #e4e4e4;
    border-radius: 0;
}

.select2-results__option {
    padding: 0.375rem;
}

.select2-search--dropdown {
    padding: 0.25rem;
}

.select2-search--dropdown .select2-search__field {
    padding: 0.25rem;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-color: #e4e4e4;
    border-radius: 0;
    outline: none;
    transition: border-color ease-in-out 0.25s;
    -webkit-transition: border-color ease-in-out 0.25s;
    -moz-transition: border-color ease-in-out 0.25s;
    -o-transition: border-color ease-in-out 0.25s;
}

.select2-container--default .select2-selection--single:focus {
    border-color: #00a3e0;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0a0a0a;
    line-height: 1.5;
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
}

.select2-container--default .selection {
    outline: none;
}

.select2-container--default .selection:focus {
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #b9c1c6;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e9ebed;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-top-color: #00a3e0;
    border-right-color: #00a3e0;
    border-left-color: #00a3e0;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border-color: #d6dbdb;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0.2rem 0.5rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 0.3125rem;
    margin-right: 0.625rem;
    padding: 0.0625rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e9ebed;
    border-color: #d6dbdb;
    border-radius: 0;
    margin-right: 0.3125rem;
    margin-top: 0.3125rem;
    padding: 0.3125rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #b9c1c6;
    margin-right: 0.125rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #0a0a0a;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 0.3125rem;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 0.125rem;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #00a3e0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #e9ebed;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #d6dbdb;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e9ebed;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00a3e0;
}

.select2-container--default .select2-results__group {
    padding: 0.375rem;
}

#AddressModal .select2-container--dokShopSearchable .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #555555;
    font-size: 0.87rem;
    outline: 0;
    border-bottom: 1px solid #555555;
}

.select2-dropdown {
  background-color: #f2f2f2;
}

/* DokShop Searchable Rules */
.select2-container--dokShopSearchable {
    display: block;
    width: 100%;
}

.select2-container--dokShopSearchable .select2-selection {
    box-shadow: none;
    background-color: rgb(255, 255, 255);
    border: none;
    border-bottom: 1px solid rgb(112, 112, 112);
    border-radius: 0;
    color: rgb(85, 85, 85);
    font-size: 0.87rem;
    outline: 0px;
}

.select2-container--dokShopSearchable .select2-selection.form-control {
    border-radius: 4px;
}

.select2-container--dokShopSearchable .select2-search--dropdown .select2-search__field {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
color: #555555;
font-size: 0.87rem;
}

.select2 .select2-container .select2-container--dokShopSearchable {
    width: 100%;
}

.select2-container--dokShopSearchable.select2-container--open {
    /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
    /**
     * Handle border radii of the container when the dropdown is showing.
     */
}

.select2-container--dokShopSearchable.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent #999 transparent;
    border-width: 0 4px 4px 4px;
}

.select2-container--dokShopSearchable.select2-container--open.select2-container--below .select2-selection {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-color: transparent;
}

.select2-container--dokShopSearchable.select2-container--open.select2-container--above .select2-selection {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-color: transparent;
}

.select2-container--dokShopSearchable .select2-selection__clear {
    color: #999;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--dokShopSearchable .select2-selection__clear:hover {
    color: #333;
}

.select2-container--dokShopSearchable.select2-container--disabled .select2-selection {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container--dokShopSearchable.select2-container--disabled .select2-selection,
.select2-container--dokShopSearchable.select2-container--disabled .select2-search__field {
    cursor: not-allowed;
}

.select2-container--dokShopSearchable.select2-container--disabled .select2-selection,
.select2-container--dokShopSearchable.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #eeeeee;
}

.select2-container--dokShopSearchable.select2-container--disabled .select2-selection__clear,
.select2-container--dokShopSearchable.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
    display: none;
}

.select2-container--dokShopSearchable .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-color: #66afe9;
    overflow-x: hidden;
    margin-top: -1px;
}

.select2-container--dokShopSearchable .select2-dropdown--above {
    -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
    margin-top: 1px;
}

.select2-container--dokShopSearchable .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--dokShopSearchable .select2-selection--single {
    height: 34px;
    line-height: 1.42857143;
    padding: 7px 0 6px 6px;
    /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */
}

.select2-container--dokShopSearchable .select2-selection--single .select2-selection__arrow {
    position: absolute;
    bottom: 0;
    right: 12px;
    top: 0;
    width: 4px;
}

.select2-container--dokShopSearchable .select2-selection--single .select2-selection__arrow b {
    border-color: #999 transparent transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    height: 0;
    left: 0;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--dokShopSearchable .select2-selection--single .select2-selection__rendered {
    color: #000;
    padding: 0;
}

.select2-container--dokShopSearchable .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--dokShopSearchable .select2-selection--multiple .select2-selection__rendered {
    margin: 0 0 -0.45rem 0;
    padding: 0;
}

.select2-container--dokShopSearchable .select2-selection--multiple .select2-selection__choice {
    float: left;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    margin: 0.25rem;
    border-radius: 0;
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #758592;
    color: #fff;
}

.select2-container--dokShopSearchable .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    padding: 0 .5rem 0 0;
}

.select2-container--dokShopSearchable .select2-selection--multiple .select2-search--inline {
    float: left;
    margin: 0;
    padding: 0;
}

.select2-container--dokShopSearchable .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 1rem;
    margin: 0.25rem;
}

.select2-container--dokShopSearchable .select2-selection--multiple {
    min-height: 34px;
    line-height: 1.42857143;
    padding: .25rem;
    height: auto;
    /**
     * Make Multi Select2's choices match dokShopSearchable 3's default button styles.
     */
    /**
     * Minus 2px borders.
     */
    /**
     * Clear the selection.
     */
}

.select2-container--dokShopSearchable .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--dokShopSearchable .select2-results__option[aria-selected=true] {
    background: #758592;
    color: #fff;
}

.select2-container--dokShopSearchable .select2-results__option:not([aria-disabled=true]):hover {
    background: #758592;
    color: #fff;
}

/* END DokShop Searchable Rules */
/* Products Page Button */
.card-actions .button {
    background-color: #00a3e0;
    color: #fff;
}

.card-actions .button:hover,
.card-actions .button:active,
.card-actions .button:focus {
    background-color: #148bc6;
}

/* Edit/Add Button */
.card-toolbar .button-group.clear .button {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.025rem;
    padding-bottom: 0.625rem;
    margin-right: 1rem;
}

/*========================
    Label Styles
==========================*/

.label {
    background: #00a3e0;
    color: #fff;
}

.label.primary {
    background: #00a3e0;
    color: #fff;
}

.label.secondary {
    background: #768692;
    color: #fff;
}

.label.success {
    background: #2db94d;
    color: #fff;
}

.label.warning {
    background: #ffc933;
    color: #0a0a0a;
}

.label.alert {
    background: #c8102e;
    color: #fff;
}

/*========================
    Badge Styles
==========================*/

.badge {
    background: #00a3e0;
    color: #fff;
}

.badge.primary {
    background: #00a3e0;
    color: #fff;
}

.badge.secondary {
    background: #768692;
    color: #fff;
}

.badge.success {
    background: #2db94d;
    color: #fff;
}

.badge.warning {
    background: #ffc933;
    color: #0a0a0a;
}

.badge.alert {
    background: #c8102e;
    color: #fff;
}

/*========================
    Progress Bar Styles
==========================*/

.progress {
    background-color: #c6cdd2;
}

.progress-meter {
    background-color: #00a3e0;
}

.progress.primary .progress-meter {
    background-color: #00a3e0;
}

.progress.secondary .progress-meter {
    background-color: #768692;
}

.progress.success .progress-meter {
    background-color: #2db94d;
}

.progress.warning .progress-meter {
    background-color: #ffc933;
}

.progress.alert .progress-meter {
    background-color: #c8102e;
}

.progress-meter-text {
    color: #fff;
}

.progress[aria-valuenow="0"] > .progress-meter > .progress-meter-text {
    display: none;
    /* Hide progress text when progress bar is empty */
}

.input-group > div > .progress {
    margin-top: -0.25rem;
}

.progress.primary .progress-meter {
    background-color: #00a3e0;
    height: 1rem;
    margin: .5rem 0;
}

/*========================
    Header Style 
==========================*/

.menu .account-tab.active>a {
    background: #F7F8F8;
    color: #555555;
}

.sign-in img {
    display: block;
    max-width: 320px;
    width: Calc(100% - 2rem);
    height: auto;
}

header img {
    display: block;
    width: 150px;
    height: auto;
}

header > .grid-container {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

/* rule to better align the header elements on right */
header .cell.small-6.medium-3.nav-icon{
    padding-right: 0;
}

/* Quick Nav */
.quicklinks a,
.quicklinks a:focus,
.quicklinks a:visited {
    padding: 0 .85rem;
    font: 400 1.1rem / 4 "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-decoration: none;
    letter-spacing: 0.025rem;
    color: #808080;
    transition: color 0.1s ease-out;
}

.quicklinks a:hover {
    color: #0088D8;
    transition: color 0.1s ease;
}


/*#quick-nav-container {
    display: block;
    flex-shrink: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #f9f9f9;
}

.quick-nav-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    box-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 89rem;
    margin: 0 auto;
}

.quick-nav-grid>.grow-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
}

@media print,
screen and (min-width: 40em) {
    .quick-nav-grid>.grow-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
    }
}

.quick-nav-grid>.grow-auto.col-left {
    flex-grow: 2;
    text-align: right;
    float: right;
}

.quick-nav-grid .col-right {
    text-align: right;
    float: right;*/
    /*max-width: 60px;*/
/*}

.quicklinksToggle {
    display: inline-block;
    background-color: #f9f9f9;
    color: #111;
    cursor: pointer;
    padding: 1rem;
    width: 50px;
    border: none;
    text-align: center;
    outline: none;
    font-size: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.quicklinksToggle::before {
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    content: "\f107";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

#quick-nav {
    display: none;
    overflow: hidden;
}
#quicklinks-menu{
    margin-left: 10px;
}

#quick-nav.show,
#quicklinks-menu.show {
    display: inline-grid;
    background-color: white;
    z-index: 9999;
    width: 11rem;
    margin-left: -0.2rem;
}
.quicklinks {
    margin: 0;
    list-style: none;
}

.quicklinks li {
    display: inline-block;
}*/

/* Top Nav */

#top-nav,
#top-nav-container {
    background-color: transparent;
    flex-shrink: 0;
}

#top-nav-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

.page-login #top-nav-container,
.page-forgot-password #top-nav-container{
    display: none;
}

.top-nav-grid.top-nav-distinct {
    background-color: transparent;
    padding: 0;
}

@media print,
screen and (max-width: 48em) {
     .top-nav-grid.top-nav-distinct {
        max-height: 100px;
    }
}
.page-login .top-nav-grid.top-nav-distinct{
    max-height: none;
}

.top-nav-distinct {
    border-bottom: none;
}

.top-nav-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    box-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-nav-grid>.grow-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
}

@media print,
screen and (max-width: 40em) {
    .top-nav-grid>.grow-auto {
        text-align: center;
    }
}

@media print,
screen and (min-width: 40em) {
    .top-nav-grid>.grow-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
    }
}

.top-nav-grid .col-right {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1 0px;
    -ms-flex: 2 1 0px;
    flex: 2 1 0px;
}

/* Account Nav */
.account-menu {
    display: none;
}

.account-nav-container {
    width: auto;
    float: right;
}

.account-nav-container div {
    position: relative;
    align-items: center;
    height: auto;
}

#account-user h2 {
    display: none;
    margin: auto;
    float: left;
    cursor: pointer;
    transition: color 0.1s ease-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font: 300 0.85rem / 5.25 "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    letter-spacing: 0.025rem;
    text-align: center;
}

.account-menu-content {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    min-width: 210px;
    margin: 0;
    padding: 1.25rem;
    background: #f9f9f9;
    font-size: 0.85rem;
    text-align: left;
    letter-spacing: 0.025rem;
    color: #555;
    text-decoration: none;
    transition: 0.15s ease-out;
    transform: translate(-50%, 70px);
}

@media print,
screen and (min-width: 55em) {
    .account-menu-content {
        left: 50%;
    }
}

.account-menu-content a,
.account-menu-content a:focus,
.account-menu-content a:active,
.account-menu-content a:hover {
    outline: 0;
    border: none;
    text-decoration: none;
}

.account-menu-content a,
.account-menu-content a:active,
.account-menu-content a:focus {
    color: #555;
    transition: color 0.1s ease-out;
}

.account-menu-content a:hover {
    color: #0088D8;
    color: var(--primary-brand-color);
    transition: color 0.1s ease;
}

.account-menu-content li {
    padding: 0.5rem 0.75rem;
}

.account-menu.show {
    display: block;
}

.account-icon {
    width: auto;
    float: right;
    font-size: 1.25rem;
    line-height: 3.35;
    padding-left: 18px;
    transition: color 0.1s ease-out;
}

.account-icon::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f007";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Cart Styles */
.top-cart-controls {
    width: auto;
    float: right;
}
.cart-button::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f07a";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.cart-button {
    font-size: 1.25rem;
    padding: 1em;
    color: #111 !important;
}

.page-content.cart-view .shopping-cart-view:after{
    position: unset;
}

.customize-bundles-view .available-groups {
    width: 65%;
}
.customize-bundles-view .selected-items {
    width: 30%;
}
.customize-bundles-view .text-alert.field-validation-valid{
    margin-bottom: 1rem;
}


@media print,
screen and (max-width: 69.5em) {
    .customize-bundles-view .available-groups {
        width: 98%;
    }
    .customize-bundles-view .selected-items {
        width: 100%;
    }
}

@media (max-width: 1033px) and (min-width: 680px) {
    .customize-bundles-view .grid-x > .large-9 {
        width: 98%;
    }
}
.customize-bundles-view .profile {
    grid: 0 repeat(5, auto) / 100%;
}
.customize-bundles-view .profile__info{
    padding: 10px 0px;
    min-height: unset !important;
}

.customize-bundles-view .profile__image {
    max-width: 80%; 
    max-height: 200px;
    padding: 1rem;
}
.customize-bundles-view .profile__info h3 {
    font-size: .87rem;
    font-weight: 600;
}

.customize-bundles-view .profile__stats table,
.customize-bundles-view  .profile__stats table th,
.customize-bundles-view  .profile__stats table td{
    padding: 5px;
}
.results-header__option_cb{
    display: flex;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 .5rem 0;
}
.customize-bundles-view .profile .table-expand td {
    font-size: .70rem;
/*    color: #000;*/
}

.customize-bundles-view .profile__info .profile__info__extra {
    font-size: .75rem;
    opacity: .8;
}
.customize-bundles-view table thead {
     font-size: .63rem;
}

.customize-bundles-viewb table tbody{
    font-size: .63rem;
}

.customize-bundles-view #expandButton{
    font-size: .63rem;
}

.customize-bundles-view .accordion-item .profile .card-actions .add-to-cart .button{
    background-color: #00A3E0;
    border: 1px solid #00A3E0;
    color: #fff;
}
.customize-bundles-view .accordion-item .profile .card-actions .add-to-cart .button:hover{
    background-color: #3FBEED;
    border: 1px solid #3FBEED;
    color: #fff;
}

.customize-bundles-view .cart-card .card-title{
    font-size: .95rem;
    font-weight: 600;
/*    color: #000;*/
}
.customize-bundle-input .image-container img {
    width: 75%;
    height: 75%;
    object-fit: scale-down;
    margin: 0 auto;
}
.customize-bundle-input .close-button-alert{
    float: right;
}

.customize-bundles-view .accordion-content{
    padding: 0;
    background-color: transparent;
}

.customize-bundles-view .cart-card .accordion-form .accordion-item .accordion-title{
    background-color: #e5e5e5;
}

.customize-bundle-input {
    border: 1px solid #c2c2c2;
}

.customize-bundles-view .kit-profile__stats input{
    padding-left: 1rem;
}
.customize-bundles-view .profile__image img {
    object-fit: initial;
}

.customize-bundle-total-section .table-row-item{
    display: flex;
    justify-content: space-between;
    padding: 5px;
}
.customize-bundle-total-section .table-row-item h6{
    margin-top: 3px;
    font-size: 1.1rem;
}
.customize-bundle-row{
   width: 100%;
}

.customize-bundle-total-section .table-row-item h6{
    margin-top: 3px;
    font-size: 1.1rem;
}
.customize-bundle-row{
   width: 100%;
}

.edit-cart-button .fa-light.fa-pen-to-square{
    font-size: 37px;
    color: #878787;
}

.customize-bundles-view .results-section .cb-accordian-container .accordion-item.is-active .accordion-content-inner{
    display: grid;
}

.customize-bundles-view .accordion-content-inner.results--grid .profile {
    display: flex;
    margin: .5rem;
}
.customize-bundle-total-section h5,
.customize-bundle-total-section h6{
    margin-bottom: 0;
}

.customize-bundles-view .card-divider {
    padding: .5rem;
}

.customize-bundles-view + .grid-container.row .hr-divider hr{
    margin-top: 0;
}

.customize-bundles-view .accordion-content .customize-bundle-input .kit-button{
    background: #00A3E0;
    color: white;
    max-width: 100%;
    margin-right: 1rem;
}
.customize-bundles-view .input-container .kit-profile__cta_inner_left{
    width: 50%;
}
.customize-bundles-view .input-container .kit-profile__cta_inner_right {
    display: flex;
    justify-content: right; 
    width: 60%;
}


.customize-bundles-view + .grid-container.row .hr-divider hr{
    margin-top: 0;
}

@media print,
screen and (max-width: 69.5em) {
    .customize-bundles-view .accordion-content-inner.results--grid .profile {
        flex-direction: column;
    }

    .customize-bundles-view .accordion-content .customize-bundle-input .kit-button{
        max-width: 100%;
        margin-right: 0;
    }
    .customize-bundles-view .input-container .kit-profile__cta{
        display: block;
    }
    .customize-bundles-view .input-container .kit-profile__cta_inner_left{
        width: 100%;
    }
    .customize-bundles-view .input-container .kit-profile__cta_inner_right {
        width: 100%;
    }

    .customize-bundle-total-section {
        margin-bottom: 1rem;
    }
    .customize-bundle-total-section h5{
        margin-top: 3px;
    }
}

.selected-items .card-title,
.available-groups .card-title{
    margin-left: 0;
}
.available-groups .upper-heading,
.selected-items .upper-heading{
    color: #5F5F5F;
}
.customize-bundles-view .accordion{
    background-color: #f9f9f9;
}
.customize-bundles-view .accordion-item > a{
    font-size: 1.125rem;
    font-weight: 700;
}
.customize-bundles-view .button[title="Errors"]{
    font-size: .85rem;
    padding: 5px;
    text-transform: none;
}
.customize-bundles-view .fa-solid.fa-triangle-exclamation{
    color: #c8102e;
    font-size: 1.125rem;
    margin-right: .5rem;
}
.customize-bundles-view .item-actions a[title="Personalize"],
.customize-bundles-view .item-actions button{
    font-size: 1rem;
}

.customize-bundles-view .card-section{
    padding: 0;
}
.customize-bundles-view .cart-items-list > li:first-child{
    padding-top: 0;
    padding-bottom: 0;
}
.customize-bundle-total-section {
    padding: 5px;
    background: #DFDFDF;
}

.option__button_cb.option--list_cb.selected i,
.option__button_cb.option--grid_cb.selected i {
    color: #768692;
    opacity: 1;
    font-size: 1.4rem;
}
.option__button_cb.option--list_cb i,
.option__button_cb.option--grid_cb i {
    color: #C6C9CB;
    opacity: 1;
    font-size: 1.4rem;
}

/** Kit profile section  */
.profile-container {
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(239, 239, 239);
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}

.customize-bundles-view .profile-container .item-actions{
    padding: 10px;
}
.profile-container:last-child{
    border-bottom: none;
}

.profile-container.results--list .kit-profile{
    display: inline-flex;
    width: 100%;
    padding-right: 20px;
}

@media print,
screen and (max-width: 64em) {
    .profile-container.results--grid .kit-profile{
        width: 33%;
    }

    .profile-container.results--grid .kit-profile__cta{
        width: 33%;
    }
    
}


.kit-profile {
    position: relative;
    overflow: hidden;
    display: grid;
    grid: 200px repeat(5, auto)/100%;
    background: #FCFCFC 0% 0% no-repeat padding-box;
    padding: 15px;
}
.kit-profile__image{
    max-height: 100px;
    margin: 0 auto;
    width: 40%;
}

@media print,
screen and (max-width: 64em) {
    .kit-profile__image{
        max-height: 150px;
        margin: 0 auto;
        width: auto;
    }
}

.kit-profile-container1{
    flex: 1;
}

.kit-profile__info h3 {
    text-align: left;
    font-size: 1.2rem;
    letter-spacing: 0px;
    color: #0A0A0A;
    opacity: 1;
    max-width: 200px;
    font-weight: 600;
    margin-bottom: 0;
}
@media print,
screen and (max-width: 64em) {
    .kit-profile__info h3 {
        font-size: .87rem;
        margin-bottom: 1rem;
    }
    .profile-container {
        margin: .5rem;
    }
    .kit-profile{
        background-color: #fff;
    }
}

.kit-profile__info__extra.length{
    margin-bottom: 0;
}
.kit-profile__info p {
    text-align: left;
    font-size: .925rem;
    letter-spacing: 0px;
    color: #768692;
    opacity: 1;
}
.kit-profile__stats select{
    height: 33px;
    background-color: #fff;
    opacity: 1;
    border-bottom: none;
    margin-left: 10px;
    margin-bottom: 0;
}

.kit-profile__stats .item-quantity{
    display: inline-flex;
}

.kit-profile__info__additionalInfo{
    overflow: hidden;
    position: relative;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.customize-bundles-view .kit-profile__cta .button,
.customize-bundles-view .cart-items-list .kit-profile__cta a.button{
    font-size: 14px;
    letter-spacing: 0.22px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background-color: #00A3E0;
    text-align: center;
    border-radius: 0;
    margin-bottom: 5px;
}

.customize-bundles-view .detail-popup.accordion-title:hover,
.customize-bundles-view .accordion-title:focus,
.customize-bundles-view .accordion-item.is-active a {
    background-color: #98ebff;
    color: #555;
}

.customize-bundles-view .cart-items-list .button.alert,
.customize-bundles-view .cart-items-list .button.alert.disabled,
.customize-bundles-view .cart-items-list .button.alert[disabled],
.customize-bundles-view .cart-items-list  .button.alert.disabled:hover, 
.button.alert[disabled]:hover, .button.alert.disabled:focus, 
.button.alert[disabled]:focus {
    background-color: rgb(200, 16, 46);
    color: rgb(255, 255, 255);
    border-color: rgb(200, 16, 46);
}


.customize-bundles-view .kit-profile__cta i:before{
    margin-left: .5rem;
}

/*=======================================================
  page-dynamic-fields-master-form CSS
========================================================*/

.page-dynamic-fields-master-form  .personalize-product-grid .cell.medium-10{
    width: 100%;
}
.page-dynamic-fields-master-form  .personalize-product-grid .cell.medium-10 .card.personalize-card{
    width: 100%;
    flex-direction: row;
    background: transparent;
    margin-bottom: 0;
    padding-bottom: 0;
}
.page-dynamic-fields-master-form .personalize-product-grid .cell.medium-10 .personalize-card .card-section {
    width: 75%;
}
.page-dynamic-fields-master-form .personalize-product-grid .cell.medium-10 .card.personalize-card .card-image{
    width: 25%;
    margin: 0;
}
.page-dynamic-fields-master-form .personalize-product-grid .cell.medium-10 .card.personalize-card .card-image .thumbnail-container{
    text-align: left;
}
.page-dynamic-fields-master-form .personalize-product-grid .cell.medium-10 .card.personalize-card .item-details{
    text-align: left;
}
.page-dynamic-fields-master-form .personalize-product-grid .cell.medium-10 .card.personalize-card .item-details .item-name{
    font-size: 24px;
    font-weight: 800;
    color: #000;
    text-align: left;
}

.page-dynamic-fields-master-form .personalize-card .item-id {
    color: #000;
}

.page-dynamic-fields-master-form .page-content .page-header h1{
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
}
.page-dynamic-fields-master-form .page-content .page-header{
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
}
.page-dynamic-fields-master-form .page-content .page-header .container{
    padding-left: 0;
}
@media print, screen and (max-width: 48em) {
    .page-dynamic-fields-master-form .personalize-product-grid .cell.medium-10 .card.personalize-card{
        flex-direction: column;
    }
}

.page-dynamic-fields-master-form .personalize-fields-message {
    margin-top: 1rem;
}



.page-dynamic-fields-master-form input.warning,
.page-dynamic-fields-master-form select.warning{
    background-color: #fff8e6;
    color: #000;
}




/* Responsive Nav Styles */

@media print,
screen and (min-width: 55em) {
    #top-nav-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    #quick-nav,
    #account-user h2 {
        display: block;
    }
    .ql-icon {
        display: none;
    }
}
/*========================
    Products Page Styles
==========================*/

@media print,
screen and (max-width: 64em) {
    .page-title-item {
        margin: 0 auto;
    }
    .page-heading .page-title {
        display: block;
    }
}

@media print,
screen and (min-width: 64em) {
    .page-heading {
        margin: 0;
    }
    .page-heading .page-title {
        text-align: left;
    }
}

#ItemNum{
    padding-left: .5rem;
}

/*========================
    Product Card
==========================*/

.product-card {
    background: linear-gradient(transparent 40%, rgb(242 243 244 / 70%) 70%, transparent);
}


/*========================
    Fields Page Styles
==========================*/

/*.personalize-form-group select,
.personalize-form-group div {
    flex: none !important;
}*/
/*========================
    Category Tile Styles
==========================*/






/* override foundation to better align the header elements on right */
/*header li.menubar.is-dropdown-submenu-parent.opens-right a{
    padding-right: 1rem !important;
}*/
.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
}

.sign-in {
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(0, 181, 232, 1) 74%, rgba(0, 181, 232, 1) 100%);
}

.eegee {
    background-color: #34B4AC;
    padding: 1rem;
    opacity: 85%;
}

.dial {
    background-color: #346FB7;
    padding: 1rem;
    opacity: 85%;
}

.prisma-logo {
    padding-right: 10px;
}

.dockshop-logo {
    padding-top: 7px;
    border-left: 1px solid #555555;
    padding-left: 10px;
}

.input-group-button{
    display: contents;
}

.input-group-button.product-search .button{
    border: none;
}
.mobile-menu .menu.vertical.nested.submenu {
    position: inherit;
}
#quickViewCart .dynamic-hr {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 3rem;
    width: 95%;
    margin: 3rem auto;
}

#quickViewCart .last-element {
    border-bottom: none;
}
.quick-cart-overlay {
    width: 750px;
    position: absolute;
    top: 100px;
    z-index: 1090;
}
#quickViewCart .no-items {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 3rem;
    width: 95%;
    margin: 0 auto 3rem auto;
}
.shopping-cart.expanded {
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: right;
    overflow: scroll;
}
.quick-cart-is-open.expanded body{
    overflow: hidden;
}
.shopping-cart.expanded .shopping-cart-total{
    display: flex;
    justify-content: space-between;
}
.shopping-cart.expanded .button.expand-cart {
    display: none;
}
.shopping-cart.expanded .button.checkout-cart {
    width: 12%;
}
.shopping-cart.expanded .cart-popup-close-button {
    width: 12%;
}
/* Product Header */
.product-header,
.product-header-mobile {
    background: #F9F9F9;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    position: relative;
}

.product-header .input-group {
    background: #fff;
    border: 1px solid #E4E4E4;
    margin: 0;
}

.product-header input::placeholder {
    text-align: left;
    font-size: 1rem;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.21;
}

.product-header input[type="text"],
.product-header [type='text']:focus {
    border-bottom: none;
    padding-left: 15px;
}

.product-header input {
    border-bottom: none;
}

.product-search button {
    background: transparent;
    color: #0a0a0a;
}

header.product-header ul i,
.product-header-mobile ul i,
.search-icon i {
    color: #000;
    font-size: 1.25rem;
}

@media print, screen and (max-width: 64em) {
    header.product-header ul i,
    .product-header-mobile ul i,
    .search-icon i {
        font-size: 1.3rem;
    }
}

header.product-header .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #000 transparent transparent;
}

header.product-header .dropdown.menu.medium-horizontal > li.menubar.is-dropdown-submenu-parent > a::after {
    display: none;
}

.nav-icon,
.mobile-nav-icon {
    display: flex;
    justify-content: end;
}

/*.nav-icon > ul,
.mobile-nav-icon > ul{
    min-width: 40px;
}
*/

.cart-icon li {
    list-style: none;
    padding-top: 7px;
}

.is-dropdown-submenu {
    border: none;
    z-index: 2;
}

.off-canvas {
    background-color: #fff;
    width: 260px;
    padding: 0;
}

.off-canvas.position-right {
    right: 0;
}

.menu a {
    text-align: left;
    font-size: 1rem;
    letter-spacing: 0px;
    color: #0A0A0A;
    min-width: 30px;
}

header .menu a:hover {
    background: #F7F8F8;
    color: #555555;
}

.product-filters-tab a:hover{
    background: #F7F8F8;
    color: #555555;
}

.search-icon {
    padding-top: 7px;
    list-style: none;
    min-width: 30px;
}

.search-container .input-group{
    margin: 0;
}

/*========================
    Menu Styles
==========================*/

.menu .is-active > a {
    background: #0083b3;
    color: #fff;
}

.menu .active > a {
    background: #0083b3;
    color: #fff;
}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: '';
}

.menu-icon:hover::after {
    background: #cacaca;
    -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: '';
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.submenu-toggle::after {
    border-color: #00a3e0 transparent transparent;
}

.order-history .accordion-title {
    background-color: #E4E4E4 !important;
    color: #555555;
    font-size: 1.125rem;
    border-bottom: 1px solid #e6e6e6;
}

.order-history .accordion-content{
    padding: 8px;
}
.order-history .accordion-content .accordion-item{
    margin: 0;
}

.drilldown .is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #00a3e0;
}

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #00a3e0;
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
    border-color: transparent #00a3e0 transparent transparent;
}

.drilldown .js-drilldown-back > a::before {
    border-color: transparent #00a3e0 transparent transparent;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f107";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    transition: transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out;
    -webkit-transition: transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    width: auto;
    height: auto;
    border: none;
    top: auto;
    margin-top: 0;
}

.dropdown.menu > li.is-active > a {
    background: transparent;
    color: #0083b3;
}

.dropdown.menu.vertical > li.opens-left > a::after {
    border-color: transparent #00a3e0 transparent transparent;
}

.dropdown.menu.vertical > li.opens-right > a::after {
    border-color: transparent transparent transparent #00a3e0;
}

@media print, screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        font-family: 'Font Awesome 6 Pro';
        font-weight: 900;
        content: "\f107";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        transition: transform 0.25s ease-in-out;
        -moz-transition: transform 0.25s ease-in-out;
        -webkit-transition: transform 0.25s ease-in-out;
        -o-transition: transform 0.25s ease-in-out;
        width: auto;
        height: auto;
        border: none;
        top: 11px;
        margin-top: 0;
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        border-color: transparent #00a3e0 transparent transparent;
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        border-color: transparent transparent transparent #00a3e0;
    }
}

@media print, screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
        font-family: 'Font Awesome 6 Pro';
        font-weight: 900;
        content: "\f107";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        transition: transform 0.25s ease-in-out;
        -moz-transition: transform 0.25s ease-in-out;
        -webkit-transition: transform 0.25s ease-in-out;
        -o-transition: transform 0.25s ease-in-out;
        width: auto;
        height: auto;
        border: none;
        top: auto;
        margin-top: 0;
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        border-color: transparent #00a3e0 transparent transparent;
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        border-color: transparent transparent transparent #00a3e0;
    }
}

.is-dropdown-submenu {
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    background-color: #f2f2f2;
}

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
        border-color: transparent #00a3e0 transparent transparent;
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
        border-color: transparent transparent transparent #00a3e0;
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active > a::after {
        border-color: transparent transparent transparent #fff;
    }



/* Close Button */

.close-button,
.close-button:focus,
.close-button > button {
    color: #8a8a8a;
    outline: none;
}

.mobile-menu-offcanvas .close-button-text {
    background-color: #00A3E0;
    margin: 0;
    padding: 10px;
}

.mobile-menu-offcanvas .close-button-text li {
    list-style: none;
}

.mobile-menu-offcanvas .close-button-text span {
    color: #fff;
}

.menu-text {
    font-size: 1rem;
    letter-spacing: 2.06px;
    text-transform: uppercase;
    padding: 7px;
}

.mobile-menu-offcanvas .mobile-menu a {
    color: #555555;
    text-transform: capitalize;
    font-size: .87rem;
    padding: 15px;
    background-color: #fff;
}



.mobile-menu-offcanvas.off-canvas.is-transition-overlap.is-open {
    box-shadow: none;
    width: 350px;
}

.js-off-canvas-overlay.is-overlay-fixed.is-visible.is-closable {
    background: #000;
    opacity: 0.67;
}

.product-header-mobile button{
    min-width: 30px;
}

/*========================
    Search Styles
==========================*/
#searchForm {
    order: 1;
}

.fa-search:before {
    content: "\f002";
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-image: url(" ### Inline SVG of Choice ### ");
}

[type="search"] {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.5;
    outline-offset: -2px;
    outline: none;
    width: 100%;
    margin: 0 0 1rem;
    padding: 1rem 1rem 1rem 0.5rem;
    background-color: #fff;
    border: none;
    font: 400 1.1rem "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.input-group-button button {
    font-size: 1.1rem;
}

#searchForm {
    background-color: #fff;
}


/*========================
    Grid Styles
==========================*/

.grid-container {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

.grid-container > .proof-disclaimer-grid > div > p {
    border-bottom: none;
}

.page-products .quick-view-cart .grid-container .grid-margin-x > .large-4 {
    min-height: unset;
}

.page-saved-data-sets .accordion.card-accordion .accordion-title {
    font-size: 1.5rem;
    font-weight: 500;
}
.page-saved-data-sets .saved-date-set-line-item .card.accordion-card .input-group select,
.page-saved-data-sets .saved-date-set-line-item .card.accordion-card .input-group input{
    margin-bottom: 1rem;
}

@media print, screen and (max-width: 36em) {
    #cookieConsent .grid-margin-x > .small-3 {
        width: 100%;
    }

    #cookieConsent .grid-margin-x > .small-9 {
        width: 100%;
    }
}

.section-title {
    margin: 0;
    text-align: center;
    font: 300 1.25rem / 1.5 "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.new-content,
.top-content,
.featured-content {
    margin: 1rem 2rem;
}

/*============================
    Customize Bundle Style 
==============================*/

/* Customize Bundle Page Css */

.customize-profile-image {
    background-color: #E4E4E4;
}

.customize-leftpanel {
    height: 100%;
}

.hide-show {
    cursor: pointer;
    border: 1px solid #00a6e1 !important;
    padding: 5px;
    color: #00a6e1;
    font-size: .87rem;
    float: right;
    min-width: 10.3rem;
    margin-bottom: 5px;
}
.kit-profile__cta .save{
    cursor: pointer;
    border: 1px solid rgb(0, 166, 225);
    padding: 5px;
    color: rgb(0, 166, 225);
    font-size: 0.87rem;
    margin-right: 5px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
@media print, screen and (max-width: 48em) {
    .hide-show {
        width: 50%;
    }
    .kit-profile__cta .save{
        width: 50%;
        text-align: center;
    }
}

.hide-show:hover,
.kit-profile__cta .save:hover{
    background-color: #dfdfdf;
}

.customize-bundles-view .available-groups .upper-container .remove-from-cart:hover{
    background-color: #dfdfdf;
    border-color: #FA4616;
}
.customize-bundles-view .desktop-view{
    display: block;
}

@media print, screen and (max-width: 69.5em) {
    .customize-bundles-view .desktop-view{
        display: none;
    }
}
.customize-bundles-view .mobile-view{
    display: none;
}
@media print, screen and (max-width: 69.5em) {
    .customize-bundles-view .mobile-view{
        display: block;
    }
}
.mobile-view .profile-container{
    margin: 10px;
}
.input-container .kit-profile__cta{
      display: inline-flex;
}
.customize-bundles-view .mobile-view .results--grid{
    display: grid !important;  
}
.padded-width{
    width: 97% !important;
}
.full-width{
    width: 100% !important;
}
.grid {
    display: grid !important;
}
.grid-image-adjust{
    max-height: none !important;
    width: auto !important;
}
.grid-container-adjust{
    min-height: 160px;
}
.customize-bundles-view .show{
    display: block !important;
}

.customize-bundles-view .form-group.cell{
     margin-bottom: 1rem;
}
.customize-bundles-view .input-container input,
.customize-bundles-view .form-group > .input-group {
    margin-top: 0px;
    margin-bottom: 0px;
}
.page-content.customize-bundles-view .product-container .card-divider img{
    max-width: 600px !important;
    min-width: 200px !important;
}

.customize-bundles-view .kit-item-qty{
    margin-left: 5px;
}

@media print,
screen and (max-width: 48em) {
    .customize-bundles-view .card-divider {
        display: grid;
    }
    .page-content.customize-bundles-view .product-container .card-divider img{
        max-width: 400px !important;
    }
}


.image-container,
.input-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.input-container {
    background-color: #fff;
    padding: 20px;
}


.input-container label {
    color: #555555;
    opacity: 1;
}

.input-container input::placeholder {
    color: #000;
    font-size: .87rem;
}

.kit-callout h5{
    font-weight: 600;
}
/* Accordian css */

li.cb-accordian.accordion-item.is-active a,
.cb-accordian a {
    color: #555555;
    background-color: #98ebff;
    font-size: 18px;
}

li.cb-accordian.accordion-item {
    margin-bottom: 10px;
}

.cb-accordian-content,
.cb-accordian-container {
    background-color: transparent;
    padding: 0;
}

.cb-accordian .profile {
    margin-bottom: 10px;
    background-color: #fff;
}

.cb-profile .button {
    margin-top: 0;
}

li.cb-accordian.accordion-item.is-active .cb-profile .add-to-cart a {
    background-color: #00A3E0;
    color: #fff;
    font-size: .87rem;
    width: 100%;
}

.cb-profile .qty-input .product-qty {
    color: #a1abb0;
}

.profile-page .medium-4.small-6.cell button{
    width: auto;
}
.profile-page .medium-4.small-6.cell a{
    color: #fff;
    width: auto;
}

#data-table .button-group {
    white-space: nowrap;
    margin-bottom: 0px;
}

.data-table-wrap{
    white-space: normal;
    min-width: 260px;
}

.accordion-item.is-active #data-table a{
  background: transparent;
  color: #00a3e0;
}

.results-section.results--grid .profile__cta {
    min-height: 121px;
}

.results-section.results--list .cb-accordian .profile__cta {
    padding-top: 0;
}

.results-section.results--list .cb-accordian .profile {
    min-height: 250px;
}

#resultsBody img{
    max-width: 100px;
}

.empty-set-message{
    width:100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}


.cb-price {
    text-align: right;
}

.cb-profile .profile__image img {
    display: block;
    margin: auto;
    width: auto;
}

.item-details__text,
.item-details__text1 {
    max-height: 50px;
    overflow: hidden;
    max-width: 230px;
}

.item-details__text.show-more,
.item-details__text1.show-more {
    max-height: none;
}

.item-details p {
    font-size: .93rem;
    letter-spacing: 0px;
    color: #768692;
    opacity: 1;
    margin: 0;
}

.item-details h6 {
    font: normal normal normal 16px Poppins;
}

.item-details button {
    color: #009DD5;
    font-size: .87rem;
    cursor: pointer;
    text-transform: capitalize;
}

select.product-qty.cb-qty-dropdown {
    width: 80px;
    box-shadow: none;
}

.qty-input-cb {
    display: flex;
}

.cb-qty-dropdown,
.Quantity {
    display: flex;
    align-items: baseline;
    margin-right: 5px;
}

.cb-qty-dropdown span,
.Quantity span {
    margin-right: 10px;
    text-align: right;
}

.qty-input-cb select {
    color: #a1abb0;
}

.style-cb select {
    width: 230px;
}

.note-text.note-text-cb {
    display: inline-block;
}

.continue-shopping {
    text-align: center;
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    text-transform: uppercase;
    border: 2px solid #00A3E0;
    background: #fff;
    width: 292px;
    padding: 10px;
    cursor: pointer;
}

.continue-shopping a {
    color: #00A3E0;
}

.view-cart {
    background: #00A3E0;
    text-align: center;
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    width: 292px;
    padding: 10px;
    border: 2px solid #00A3E0;.results-section.results--list .profile__cta 
    cursor: pointer;
}

.view-cart a {
    color: #fff;
}

.cb-button {
    text-align: end;
    margin-bottom: 20px;
}
.modal-btn-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    width: 97%;
    margin: 1rem auto .5rem;
}

.results--list .note-text {
    width: 100%;
    margin-left: unset;
}

/* button */
.product-container {
    position: relative;
}

.remove-profile {
    position: absolute;
    top: 15px;
    right: -55px;
    background: #FA4616 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 0px 0px;
    transform: rotate(90deg);
}

.remove-button {
    font: normal normal normal 10px/16px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 10px;
    cursor: pointer;
}


/* Remove from cart */

.upper-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e5e5e5;
    padding: 10px;
    margin-bottom: 10px;
}

.upper-heading {
    font: normal normal normal 17px/47px Poppins;
    letter-spacing: 0px;
    color: #878787;
    text-transform: capitalize;
    margin: 0;
}
.button.remove-from-cart,
.remove-from-cart{
    font: normal normal normal 10px/16px Poppins;
    letter-spacing: 0px;
    color: #FA4616;
    text-transform: uppercase;
    background-color: #F9F9F9;
    border: 1px solid #FA4616;
    border-radius: 3px;
    opacity: 1;
    padding: 10px;
    margin-bottom: 0;
}
.button.remove-from-cart i,
.remove-from-cart i {
    padding-left: 5px;
    font-size: 13px;
}


/* Product personalize popup */

.personalize-heading {
    font: normal normal normal 17px/47px Poppins;
    letter-spacing: 0px;
    color: #555555;
    text-transform: capitalize;
    margin: 0;
}

.product-popup-heading {
    font: normal normal normal 17px/47px Poppins;
    letter-spacing: 0px;
    color: #0A0A0A;
    text-transform: uppercase;
}

.left-image-container {
    background: #F7F8F8;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 10px;
}

.left-image-container h6 {
    font: normal normal normal 16px/26px Poppins;
    letter-spacing: 0px;
    color: #0A0A0A;
    margin: 0;
}

.left-image-container p {
    text-align: center;
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #768692;
}

.right-input-container {
    margin-top: 10px;
}

.item-description label {
    font: normal normal normal 15px/25px Poppins;
    letter-spacing: 0px;
    color: #555555;
    opacity: 100%;
}

.item-description-text {
    font: normal normal normal 12px/20px Poppins;
    letter-spacing: 0px;
    color: #0A0A0A;
    opacity: 0.4;
}

.generate-proof {
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.button-back {
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #00A3E0;
    text-transform: uppercase;
    opacity: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #00A3E0;
}

.personalize-close {
    padding-top: 8px;
}

/*========================
    Form Style 
==========================*/

.form {
    position: relative;
    z-index: 1;
    max-width: 450px;
    margin: 60px auto;
    padding: 40px;
    background-color: #EDFBFF;
}

.form-registration {
    margin: 60px;
    padding: 40px;
    background-color: #EDFBFF;
}

.form-registration input::placeholder {
    color: #555555;
}

label {
    color: #555555;
}

.form.dial-form,
.form-registration.dial-form {
    background-color: #EDFBFF;
}

.form.dial-form button {
    background-color: #00338A;
}

.required:after {
    content: " *";
    color: red;
}

button {
    text-transform: uppercase;
}

input[type="text"],
input[type="number"],
input[type="password"],
[type='text']:focus,
[type='number']:focus,
[type='password']:focus {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    border-bottom: 1px solid #555555;
}

.is-invalid-input:not(:focus) {
    background: none;
}

#itemPanel .accordion > li:nth-child(2),
#itemPanel .accordion > li:nth-child(3) {
    display: none;
}

.reveal-body .accordion-title{
    display: none;
}

.reveal-body .page-heading {
    display: none;
}
.reveal-body .cell.large-3 {
    display: none;
}


#productionInfoPanel .accordion > li:nth-child(1),
#productionInfoPanel .accordion > li:nth-child(3) {
    display: none;
}

#pricingPanel .accordion > li:nth-child(1),
#pricingPanel .accordion > li:nth-child(2) {
    display: none;
}

/*========================
    Accordion Styles
==========================*/

.accordion {
    background: #fff;
}
.checkout-sections .accordion {
    width: 100%;
}
.checkout-sections :last-child:not(.is-active) > .accordion-title {
    border: 1px solid #d6dbdb;
}
.checkout-sections .accordion-content{
    padding-top: .5rem;
}
.checkout-sections .note-text{
 margin-bottom: 1rem;
}

.accordion-title {
    border: none;
    border: 1px solid #d6dbdb;
    color: inherit;
    font-size: 1rem;
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #d6dbdb;
}

.accordion-title:hover {
    background-color: rgba(0, 163, 224, .05);
}

.accordion-title:focus {
    background-color: #fff;
}

.accordion-item.is-active > a {
    color: #00a3e0;
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #d6dbdb;
}
/*============================
    Order History Styles
==============================*/
.order-trackingnumber-list p {
  margin-left: 1rem;
}
.order-trackingnumber-title {
    color: #555;
}

/*========================
    Login and Registration Styles
==========================*/


/* Header */

.page-login #top-nav,
.page-forgot-password #top-nav {
    margin-top: 3rem;
}


.page-login .col-center,
.page-forgot-password .col-center {
    position: unset;
    top: 0;
}

.page-login .top-nav-distinct,
.page-forgot-password .top-nav-distinct {
    border-bottom: none;
}

.page-login .top-nav-grid.top-nav-distinct,
.page-forgot-password .top-nav-grid.top-nav-distinct {
    padding: 0;
}


/* Grid Layout */


@media print, screen and (max-width: 30em) {
    .page-login .grid-container,
    .page-forgot-password .grid-container {
        width: 90%;
    }
}

.page-login .cell > .button,
.page-forgot-password .cell > .button {
    text-align: center;
}

.page-login ul.no-bullet,
.page-forgot-password ul.no-bullet {
    text-align: center;
}

.page-login .button,
.page-forgot-password .button {
    margin: 0 0 2rem 0;
    width: 100%;
}


/*========================
    Login Style 
==========================*/

.login a {
    color: #1779ba;
}

    .login a:hover {
        color: #fff;
    }

    .login {
    color: #1779ba;
}

    .login:hover {
        color: #fff;
    }

.login {
    margin-top: 20px;
}

.button.primary {
    margin-top: 20px;
}

.login-eegee {
    background-color: transparent;
    border: 1px solid #EE3E3A;
    margin-top: 20px;
}

.eegee-button {
    background-color: #EE3E3A;
    margin-top: 20px;
}

.login-eegee:hover {
    background-color: transparent;
    border: 1px solid #EE3E3A;
}

.login-eegee a {
    color: #EE3E3A;
}

    .login-eegee a:hover {
        color: #EE3E3A;
    }

.login-dial {
    background-color: transparent;
    border: 1px solid #00338A;
    margin-top: 20px;
}

.login-dial:hover {
    background-color: transparent;
    border: 1px solid #00338A;
}

.login-dial a {
    color: #00338A;
}

.login-dial a:hover {
    color: #00338A;
}

.dial-button {
    background-color: #00338A;
    margin-top: 20px;
}

.page-login .footer-grid > .large-auto,
.page-forgot-password .footer-grid > .large-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    text-align: center;
}

.page-login footer .footer-inner,
.page-forgot-password footer .footer-inner {
    margin-top: 3rem;
}

.page-login .top-logo-link,
.page-forgot-password .top-logo-link,
.page-register .top-logo-link {
    display: flex;
    justify-content: center;
}

.page-login,
.page-forgot-password,
.page-register{
    background-color: transparent;
    background-image: url(/image/bg-s.png);
    background-size: cover;
}
/* Espire mockup does not have anelement for the brand-logo so ai am hiding it.
    it may need to be rendered so i am not removing it.
*/
#top-nav-container{
    display: none;
}

.login-container label {
    text-align: left;
}

.login-container .top-text{
    display: none;
}

/* Typography */

.page-login .page-heading,
.page-forgot-password .page-heading {
    margin: 1.85rem 0 3rem;
}

.page-login .login-heading h1,
.page-forgot-password .login-heading h1 {
    margin: 0;
}

.page-login .login-heading h1,
.page-login .login-heading h2,
.page-forgot-password .login-heading h1,
.page-forgot-password .login-heading h2 {
    font: 300 1.125rem / 1.45 "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 0;
}

.page-login .login-heading h2,
.page-forgot-password .login-heading h2 {
    font-size: 1.25rem;
}

.page-login p,
.page-forgot-password p {
    text-align: center;
}

.password-reset fieldset p{
    text-align: left;
}
.form.password-reset .cell.small-12{
   position: relative; 
}
.change-password label,
.password-reset label{
    margin-top: 1rem;
}

[type=color], [type=date], 
[type=datetime-local], 
[type=datetime], 
[type=email], 
[type=month], 
[type=number], 
[type=password], 
[type=search], 
[type=tel], 
[type=text], 
[type=time], 
[type=url], 
[type=week], 
textarea {
    background: none;
    border: none;
    padding: 8px;
    box-shadow: none;
    border-bottom: 1px solid #555555;
}

.page-login .login-container .form-group.cell{
    margin-top: 1rem
}

.page-login .login-container .login-text {
    margin-bottom: 0
}

.page-login .login-container .form-group .input-group {
    margin-top: 0;
}

.login-container input{
    width: inherit;
    margin-bottom: 1rem;
}
.login-container .password-link{
    margin-top: 1rem;
    text-align: left;
}
.password-reset input::placeholder,
.login-container input::placeholder {
    color: transparent;
}
.password-reset input::placeholder,
.login-container ::-webkit-input-placeholder {
    /* WebKit browsers */
        color: transparent;
}
.password-reset input::placeholder,
.login-container :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
        color: transparent;
}
.password-reset input::placeholder,
.login-container ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
        color: transparent;
}
.password-reset input::placeholder,
.login-container :-ms-input-placeholder {
        color: transparent;
    /* Internet Explorer 10+ */
}

.change-password input::placeholder {
    color: transparent;
}
.change-password ::-webkit-input-placeholder {
    /* WebKit browsers */
        color: transparent;
}
.change-password :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
        color: transparent;
}
.change-password ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
        color: transparent;
}
.change-password :-ms-input-placeholder {
        color: transparent;
    /* Internet Explorer 10+ */
}

/* Hide footer on login and register pages */
.page-login footer ,
.page-forgot-password footer,
.page-register footer{
    display: none;
}

/*========================
    Cart Style 
==========================*/
.order-edit .grid-container .card,
.order-edit .grid-container .card-section,
.order-edit .grid-container .card-divider
{
    background: #FBFCFC 0% 0% no-repeat padding-box;
}

/*====================
    Profile
======================*/
/* Profile page css */
.profile-page .edit-info{
    margin-bottom: 1rem;
}

.profile-left .edit-info{
    padding-right: 2rem;
    margin-top: 2rem;
}
.profile-right .card-section{
    background-color: #f9f9f9;
}
.profile-left .edit-info{
    margin-top: 2rem;
}
.profile-right .edit-info{
    margin-top: 2rem;
}

.switch {
    position: relative;
    display: inline-block;
    width: fit-content;
    height: 38px;
    margin-left: 10px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    margin: 0;
}

.profile-page .slider {
    height: 25px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #00A3E0;
}

input:focus + .slider {
    box-shadow: 0 0 1px #00A3E0;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.profile-page {
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    margin-bottom: 10px;
    padding: 20px;
}
a.search-order-button{
    padding: 12px 30px;
}

    .profile-page h3 {
        letter-spacing: .2px;
        color: #929292;
        text-transform: capitalize;
        font-size: 1.1rem;
        font-family: 'poppins';
    }

    .profile-page h2 {
        color: #555555;
        text-transform: capitalize;
        font-size: 1.68rem;
        font-family: 'poppins';
        margin-bottom: 30px;
    }

.edit-info label {
    letter-spacing: 0px;
    color: #555555;
    opacity: 0.5;
    font-size: 1rem;
}

.profile-page h4 {
    letter-spacing: 0px;
    color: #555555;
    opacity: 0.5;
    font-size: 1rem;
    font-family: 'poppins';
}

.profile-page p {
    letter-spacing: 0px;
    color: #555555;
    opacity: 1;
    font-size: .93rem;
    font-family: 'poppins';
}

.equal-height-columns {
    margin-bottom: 30px;
}

.equal-height-columns .flex-container{
    justify-content:inherit;
}

.edit-profile a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.edit-profile {
    background: #00A3E0;
    padding: 20px 30px;
    float: right;
}

    .edit-profile:hover,
    .save-button:hover,
    .search-order-button:hover {
        background: #008cc1;
        color: #fff;
    }

.toggle-mobile {
    text-align: right;
}

.edit-info input::placeholder {
    color: #555555;
    opacity: 1;
    font-size: 15px;
}

.edit-info input[type="text"] {
    border-bottom: 1px solid #707070;
}

.save-button {
    background: #00A3E0;
    padding: 15px 30px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'poppins';
    cursor: pointer;
}

.search-order-button {
    background: #00A3E0;
    padding: 15px 30px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'poppins';
    cursor: pointer;
    margin-top: 1rem;
}

@media (max-width: 640px) {
    .toggle-mobile {
        text-align: left;
    }

    .submitted {
        margin-left: 70px;
    }

    .order .order-head {
        display: block;
    }
}

@media (min-width: 840px) {
    .order-bundle h4 {
        margin-left: 15px;
        margin-top: 7px;
    }
}

.account-tab img {
    padding: 5px;
}

.menu .account-tab.active > a {
    background: #F7F8F8;
    color: #555555;
}

.account-tab .is-accordion-submenu a {
    font-size: 12px;
}

.profile-info select{
    border: none;
    border-bottom: 1px solid #707070;
    box-shadow: none;
    background-color: transparent;
    padding-left: 6px;
}
.profile-info input[type="text"] {
    border: none;
    border-bottom: 1px solid #707070;
    box-shadow: none;
    background-color: transparent;
}
.profile-info input[type="text"]::placeholder {
    color: #000; /* Change the color */
}

.alert-box.info {
    display: flex;
    align-items: flex-start;
    background: #DBF7FF;
    padding: 1rem;
    border: none;
}

.alert-box-profile.callout {
    font-size: 16px;
    color: #087B08;
}

.alert-box-profile.success {
    background: #0EE60E36;
    border: 1px solid #0EE60E00;
    font-size: 16px;
    color: #087B08;
    padding: 1rem;
}

.alert-box-profile i.fa-check {
    border: 2px solid #087B08;
    border-radius: 50%;
    padding: 0.3em 0.325em;
    margin-right: 0.5rem;
}

.alert-box-profile .close-button-alert {
    color: #087B08;
    font-size: 14px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin-left: 10px;
    float: right;
}

.alert-box-profile span {
    /*margin-left: 0.5rem;*/
    flex-grow: 1;
}

.alert-box-profile .close-button-alert i.fa-times {
    border: 1px solid #087B08;
    border-radius: 3px;
    padding: 5px;
}

.shipping h3 {
    border-bottom: 1px solid #929292;
    padding-bottom: 20px;
}
/* Order page css */

.dataTables_wrapper .dataTables_filter {
    display: none;
}
.dataTables_wrapper .button{
    background-color: #fff;
}

.dataTables_info{
    margin: 1rem 0;
}
.profile-page .small-12.medium-12.cell .dataTables_length{
    margin-left: 0;
}

.dataTables_length label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dataTables_length p:first-child {
    margin-right: auto;
    color: #555555;
    font-size: 14px;
}

#data-table_length {
    width: 100%;
}

.data-table-sort-container{
    margin-bottom: 1rem;
}
.p-filter {
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.p-filter .dataTables_length {
    margin-left: 0px;
    margin-right: 1rem;
}
@media print, screen and (max-width: 40em) {
    .p-filter {
        padding-right: .625rem;
        padding-left: .625rem;
    }
}
.dataTables_length p:last-child {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: #555555;
    font-size: 15px;
}

.dataTables_length select {
    justify-content: space-between;
    display: flex;
    margin: 10px;
    align-items: center;
}
.accordion.card-accordion blockquote {
    border-left: none;
}

.callout.primary .close-button{
    z-index: 1;
}

#data-table_wrapper table.dataTable.display tbody tr.odd > .sorting_1,
#data-table_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
#data-table_wrapper tbody tr:nth-child(even) {
    background-color: #fff;
}

#data-table_wrapper table.dataTable.stripe tbody tr.odd,
#data-table_wrapper table.dataTable.display tbody tr.odd,
#data-table_wrapper table.dataTable.display tbody tr.even > .sorting_1 {
    background-color: #fff;
}

#data-table_wrapper table.dataTable.display tbody td {
    border: 1px solid #DDE1E6;
    font-size: 13px;
    text-transform: capitalize;
    color: #555555;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting,
table.dataTable thead th,
table.dataTable thead td {
    background-color: #f7f8f8;
    border: 1px solid #DDE1E6;
    color: #555555;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 400;
    font-family: 'poppins';
    border-bottom: none;
}

#data-table_wrapper table.dataTable.no-footer {
    border: none;
    margin-bottom: 20px;
}

#data-table_wrapper table.dataTable.hover tbody tr:hover,
#data-table_wrapper table.dataTable.display tbody tr:hover,
#data-table_wrapper table.dataTable.display tbody tr.odd > .sorting_1:hover,
#data-table_wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1:hover,
#data-table_wrapper table.dataTable.display tbody tr > .sorting_1,
#data-table_wrapper table.dataTable.display tbody tr.even > .sorting_1:hover {
    background-color: #f6f6f6;
}

div#data-table_wrapper {
    overflow-x: auto;
}

#data-table_info {
    color: #555555;
    font-size: 12px;
}

#data-table_previous,
#data-table_next,
#data-table_paginate .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#data-table_paginate .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #1B3747;
    text-transform: uppercase;
    padding: 0.1875rem 0.625rem;
    font-size: 14px;
    border: 1px solid #00A3E0;
    background-color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #1B3747 !important;
    text-transform: uppercase;
    padding: 0.1875rem 0.625rem !important;
    font-size: 14px;
    border: 1px solid #00A3E0 !important;
    background-color: #fff;
    margin: 0 !important;
    border-radius: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #eee !important;
    color: #000 !important;
    border-radius: 0 !important;
}

#data-table td {
    color: #555555;
    font-size: 13px;
    padding: 10px 18px;
    text-transform: capitalize;
    border: 1px solid #DDE1E6;
}

@media print {
    /*To remove horizontal scrollbar in print mode*/
    #data-table th, #data-table td {
        text-wrap: wrap;
        word-break: break-all;
    }
    #data-table
    {
        table-layout:fixed;
        overflow:hidden !important;
    }
    #dataTables_wrapper
    {
        overflow-x:hidden;
    }
    .accordion-content
    {
        overflow:hidden !important;
    }
}

#data-table td i {
    font-size: 20px;
    font-weight: 800;
}

.report-view #data-table a{
    color: #00A3E0;
}
.report-view .profile-info .input-group{
    color: #00A3E0;
}
.report-view .page-actions button,
.report-view .page-actions a{
    width: 30%;
}
.report-view .page-actions .button.hollow{
    padding: 5px;
}

.report-view .profile-page .input-group,
.report-view .profile-page .input-group input{
   margin-bottom: 0;
}
.report-view .profile-page .help-text{
   margin-bottom: 1rem;
}
.report-view .profile-info{
   margin-bottom: 1rem;
}

.help-text.date-format {
    color: #00A3E0;
    font-size: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #1B3747 !important;
    text-transform: uppercase;
    padding: 0.1875rem 0.625rem;
    font-size: 14px;
    border: 1px solid #00A3E0 !important;
    background: #00A3E0 !important;
    margin: 0;
    border-radius: 0;
}

td.accordion-item {
    cursor: pointer;
}

.dummy-order td {
    text-align: center;
}
/* Testing */

th,
td {
    white-space: nowrap;
}

.report-view th,
.report-view td {
    white-space: normal;
    color: #555555;
    font-size: 13px;
    padding: 10px 18px;
    text-transform: capitalize;
    border: 1px solid #DDE1E6;
}

.report-view .dataTables_length{
    float: right;
}
.report-view .dataTables_allUsers {
    float: left;
    display: inline-flex;
}

.order-price {
    text-align: right;
    width: 95%;
}

.order-qty {
    float: left;
    width: 73%;
}

.order-acc {
    width: 68%;
}

.order-acc a
.order-content,
.accordion-content {
    width: 100%;
}
.checkout-sections .accordion-content {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}
.checkout-sections .accordion {
    background: transparent;
}

.dataTables_length {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.dataTables_length label {
    margin-right: 10px;
}

.dataTables_length {
    text-align: right;
}

.dataTables_length select {
    display: inline-block;
    vertical-align: middle;
}

.dataTables_length select,
.dataTables_length select option {
    font-size: inherit;
}
.dataTables_length select {
    margin-left: 5px;
}

.dataTables_length label {
    position: relative;
}

#data-table a {
    color: #929292;
    text-transform: uppercase;
    font-size: 13px;
    white-space: nowrap;
}

#data-table .accordion-item.is-active a,
#data-table .accordion-title:focus {
    background-color: #F7F8F8;
}

.dataTables_results_table-wrapper .grid-x.grid-padding-x{
    margin-bottom: 1rem;
}

#dataTables_results_filter .edit-info{
    margin-top: 1rem;
}

.checkbox-image img {
    width: 50px;
    margin-left: 22px;
}

.order-acc h6,
.order-acc p {
    font: normal normal normal 12px/15px Poppins;
    letter-spacing: 0px;
    color: #929292;
    opacity: 0.75;
}

.order-acc hr {
    border: none;
    border-top: 1px dotted #eee;
}

.checkbox-checkout input[type="checkbox"]:checked ~ .grid-container {
    background-color: blue;
}

div#data-table_paginate {
    margin-bottom: 20px;
}

.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.custom-checkbox label::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 3px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.custom-checkbox input[type="checkbox"]:checked + label::before {
    background-color: #555;
    border-color: #555;
}

.custom-checkbox label::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
}

.custom-checkbox input[type="checkbox"]:checked + label::after {
    display: block;
}

.order-acc li {
    position: relative;
}

#myCheckbox2,
#myCheckbox {
    position: absolute;
    z-index: 9;
    top: 30px;
    left: 15px;
}

#data-table .order-acc .accordion-item.is-active a,
#data-table .order-acc .accordion-title:focus,
#data-table .order-acc .accordion-title {
    background: #FFFBEF;
    border: 1px solid #E4E4E4;
}
/* Report css */

.alert-box.info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #DBF7FF;
    padding: 1rem;
    border: none;
}

.alert-box i.fa-exclamation {
    border: 2px solid #58747D;
    border-radius: 50%;
    padding: 10px;
    margin-right: 0.5rem;
    height: 28px;
    line-height: 0;
    color: #58747D;
}

.alert-box.info p {
    margin-right: auto;
    margin-bottom: 0;
}

.alert-box .close-button-alert i.fa-times {
    border: 1px solid #087B08;
    border-radius: 3px;
    padding: 7px;
}

.alert-box .close-button-alert {
    color: #087B08;
    font-size: 14px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin-left: 10px;
}

.alert-box span {
    margin-left: 0.5rem;
    flex-grow: 1;
}

p.date-format {
    color: #00A3E0;
    font-size: 10px;
}

[type='date'] {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #707070;
    margin: 0;
}

.order-head img {
    width: 20px;
}

.order-head {
    display: flex;
    justify-content: space-between;
}

.order hr {
    margin: 0;
}

.excel h4 a {
    color: #00B546;    .shopping-cart-mobile .
    font-size: 15px;
}

.toggleButton {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 34px;
}

.toggleButton input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:checked + .slider:before {
    transform: translateX(26px);
}

.profile-page .toggleButton .slider {
    height: 25px;
    margin-top: 4px;
}
.profile-page input:checked + .slider:before {
    transform: translateX(26px);
}
.profile-page .medium-6.cell {
    min-height: 69px;
}
#data-table .toggle-th.sorting_asc .toggleButton{
    margin-left: 6px;
}
#data-table .toggle-th.sorting_asc .slider{
    margin-top: 5px;
}

th.toggle-th.sorting_asc {
    width: 50px !important;
}

table.dataTable thead .toggle-th.sorting_asc {
    background-image: none;
}

table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fff !important;
}
/* Password css */

.password-container {
    display: flex;
    align-items: center;
    position: relative;
}

.password-container input {
    padding-right: 30px;
}

.toggle-password {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.credit-card-container{
    position: relative;
}
.credit-card-container .toggle-password {
    cursor: pointer;
    position: absolute;
    right: 5px;
    bottom:33px;
    transform: translateY(-50%);
}

.toggle-password::before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: .80rem;
}
.toggle-password.view::before{
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    content: "\f06e";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}



.password-container {
    display: block;
    margin-bottom: 10px;
}
/* Account Settings css */

#data-table_wrapper{
    overflow: auto;
}

#data-table .edit-table {
    color: #FA4616;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #FA4616;
    cursor: pointer;
    padding: 5px;
}
#data-table{
    overflow: scroll;
}

#data-table .copy-table,
#data-table .record-table {
    color: #00A3E0;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #00A3E0;
    vertical-align: bottom;
}
#data-table .copy-table a,
#data-table .record-table a {
    color: #00A3E0;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    padding: 5px;
}

#data-table .edit-table i,
#data-table .copy-table i,
#data-table .record-table i,
#data-table .delete-table i {
    font-size: 12px;
    font-weight: 400;
}

#data-table .edit-table.button,
#data-table .copy-table.button,
#data-table .record-table.button,
#data-table .delete-table.button{
    vertical-align: middle;
    margin: 0;
    float: none;
}
#data-table .edit-table,
#data-table .copy-table,
#data-table .record-table,
#data-table .delete-table
{
    white-space: nowrap;
}

#data-table .edit-table:hover,
#data-table .edit-table:active,
#data-table .copy-table:hover,
#data-table .copy-table:active,
#data-table .record-table:hover,
#data-table .record-table:active,
#data-table .delete-table:hover,
#data-table .delete-table:active
{
    background: #dfdfdf;
}
#data-table .button:hover,
#data-table .button:focus,
#data-table .button:active {
    background-color: #dfdfdf;
}

.cc-email-view #data-table td {
    white-space: nowrap;
}

.menu .active > a {
    background: #F7F8F8;
    color: #555555;
    margin-top: 5px;
}

.search-order-button a {
    color: #fff;
}

.equal-height-columns-ccc {
    display: flex;
}

.equal-height-columns-ccc .flex-container {
    display: flex;
    flex-direction: column;
}

.equal-height-columns-ccc .flex-container > .flex-grow {
    flex-grow: 1;
}

.flex-container .button {
    margin: 0;
    float: right;
}

#data-tableModalLarge1 .reveal-body.add-record {
    height: auto;
    padding: 30px;
}

.ccc-title h2 {
    color: #555555;
    font-size: 20px;
    margin: 0;
    padding: 10px;
    font-family: 'poppins';
}

.alert-box i.fa-check {
    border: 2px solid #087B08;
    border-radius: 50%;
    padding: 0.3em 0.325em;
    margin-right: 0.5rem;
}

.alert-box .close-button-alert {
    float: right;
    color: #087B08;
    font-size: 14px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin-left: 10px;
}

.edit-info-department select {
    border: none;
    border-bottom: 1px solid #707070;
    box-shadow: none;
    background-color: transparent;
    padding-left: 0;
}

.no-result.info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFC72C36;
    padding: 1rem;
    border: 1px solid #0EE60E00;
}

.no-result i.fa-exclamation {
    border: 2px solid #AE8000;
    border-radius: 50%;
    padding: 10px;
    margin-right: 0.5rem;
    height: 28px;
    line-height: 0;
    color: #AE8000;
}

.no-result.info p {
    margin-right: auto;
    margin-bottom: 0;
}

.no-result .close-button-alert {
    float: right;
    color: #AE8000;
    font-size: 14px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 3px;
}

.no-result span {
    margin-left: 0.5rem;
    flex-grow: 1;
}

.no-result .close-button-alert i.fa-times {
    border: 1px solid #AE8000;
    border-radius: 3px;
    padding: 7px;
}

.no-result p {
    color: #AE8000;
    font-size: 16px;
}

.no-result {
    margin-top: 20px;
}

/*========================
    Store Profile Styles
==========================*/

.data-profile-card {
    background: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: fixed;
    top: 150px;
    min-width: 300px;
    max-width:35%;
    transition: right ease-in-out 0.25s;
    -moz-transition: right ease-in-out 0.25s;
    -webkit-transition: right ease-in-out 0.25s;
    -o-transition: right ease-in-out 0.25s;
}

.data-profile-card .data-profile-card-button {
    margin: 0;
    padding: 0.85em 0.67em;
    width: 30px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.data-profile-card .data-profile-card-button:after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    content: "\f105";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-top: 5px;
    transition: transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out;
    -webkit-transition: transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
}

.data-profile-card.is-active .data-profile-card-button:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.data-profile-card .card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    opacity: 1;
    margin-bottom: 0;
}

.data-profile-heading h1 {
    font-size: 1rem;
    font-weight: 700;
}

.data-profile-metadata-menu li {
    padding: 3px 5px;
}

    .data-profile-metadata-menu li:nth-child(2n+1) {
        background-color: #e3e3e3;
    }

.data-profile-metadata-item {
    display: flex;
    flex-direction: row;
}

.data-profile-metadata-name {
    padding-right: 8px;
}



/* Feature-products css */

.profile-page .card {
    padding: 10px;
    background: #FCFCFC;
    border: none;
}

.profile-page .profile-name {
    color: #0A0A0A;
    font-size: 18px;
    font-family: 'poppins';
    margin-top: 10px;
}

.profile-page .about {
    color: #768692;
    font-size: 14px;
    font-family: 'poppins';
}

.button-container-card {
    display: flex;
}

.btn-edit {
    letter-spacing: 0.22px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #00A3E0;
    padding: 10px;
    width: 50%;
    cursor: pointer;
    margin-right: 2px;
}

.btn-delete {
    letter-spacing: 0.22px;
    color: #FA4616;
    text-transform: uppercase;
    font-size: 14px;
    background: #fff;
    padding: 10px;
    width: 50%;
    border: 2px solid #FA4616;
    cursor: pointer;
    margin-left: 2px;
}
#dataTables_wrapper{
    overflow-x: auto;
}

#data-table .delete-table{
    color: #FA4616;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #FA4616;
    vertical-align: middle;
}
#data-table .delete-table a {
    color: rgb(250, 70, 22);
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    padding: 5px;
}
#data-table .delete-table i{
    margin-right: 2px;
}

.user-management-view .profile-page label{
    opacity: 100%;
}

/* Contact Us Page Css */

.contact-section-phone::before{
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900);
  content: "\f095";
  color: red;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  margin-right: 8px;
} 
.contact-section-cell::before{
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900);
  content: "\f095";
  color: red;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  margin-right: 8px;
} 
.contact-section-email::before{
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900);
  content: "\f0e0";
  color: red;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  margin-right: 8px;
} 

.contact-section,
.contact-section2 {
    background: #f7f8f8;
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}


.contact-section .contact-img,
.contact-section2 .contact-img {
    width: 130px;
    margin: auto;
    display: block;
}

    
.contact-section:nth-child(odd)::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80px;
    width: 100%;
    height: 100%;
    background-image: url(../images/contact3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    opacity: 0.1;
    filter: grayscale(100%);
}
.contact-section:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80px;
    width: 100%;
    height: 100%;
    background-image: url(../images/contact2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    opacity: 0.1;
    filter: grayscale(100%);
}
    

.contact-section:nth-child(odd) .contact-img {
    content: url('../images/contact3.svg');
    width: 130px;
    margin: auto;
    display: block;
}
.contact-section:nth-child(even) .contact-img {
    content: url('../images/contact2.svg');
    width: 130px;
    margin: auto;
    display: block;
}

.contact-section a,
.contact-section2 a {
    color: #555555;
    margin-left: 10px;
    position: relative;
}

.contact-section a:hover,
.contact-section2 a:hover {
    color: #00a6e1;
}

.contact-section h3,
.contact-section2 h3 {
    color: #000;
    font-size: 19px;
    margin-bottom: 20px;
}

/*====================
    Product
======================*/

.page-heading.no-top-margin{
    margin-top: 0;
}



.reveal-body.product-share{
    height: auto;
}
.product-share .input-group {
    margin-left: 3rem;
}
#productShareURL {
    min-width: 300px;
}

.page-heading .page-title-item {
    color: #768692;
    text-align: left;
    font: normal normal normal 17px/28px Poppins;
    letter-spacing: 0px;
}

#mailing_wrapper .optiontd {
    white-space: normal;
    width:30%;
}

#mailing_wrapper .descriptiontd {
    white-space: normal;
    width: 50%;
}

#mailing_wrapper .pricetd {
    white-space: normal;
    width: 20%;
}

/*=========================
    Product Category grid
===========================*/
.caterogy-grid .category-card-wrapper {
    min-height: 350px;
}


/* Left Panel */
nav {
    margin-top: 1rem;
}

.breadcrumbs li {
    text-transform: capitalize;
}

.breadcrumbs .current {
    color: #768692;
    text-align: left;
    font: normal normal normal 17px/28px Poppins;
    letter-spacing: 0px;
}

.breadcrumbs a {
    color: #0A0A0A;
    text-align: left;
    font: normal normal normal 14px/28px Poppins;
    letter-spacing: 0px;
}

.product-filters {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    opacity: 1;
    padding: 10px;
    height: 100%;
}

.product-filters a {
    color: #555555;
    text-align: left;
    font-size: .95rem;
    letter-spacing: 0px;
    text-transform: capitalize;
    opacity: 1;
    font-weight: 400;
}

.product-filters a i{
    padding: 5px;
    font-size: 18px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
}

.product-filters .menu .button,
.product-filters .menu a{
    padding: 0.7rem 1.4rem;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border-color: #555555 transparent transparent;
}

.product-category i {
    padding-right: 10px;
}

.product-category {
    font-size: 16px;
    letter-spacing: 0px;
    color: #555555;
    text-transform: uppercase;
}

.product-category {
    margin-bottom: 0;
}

.category-card-wrapper {
    width: 100%;
    padding: 1.5rem;
}

@media print, screen and (max-width: 76em) {
    .category-card-wrapper {
        padding: 2rem;
    }
}

@media print, screen and (max-width: 48em) {
    .category-card-wrapper {
        padding: 0;
    }
}

.category-card-wrapper .category-card {
    justify-content: center;
}

.category-card-wrapper:hover {
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 20%);
}

.category-card-wrapper:hover .category-card .category-name {
    z-index: 0;
}

.category-card {
    background: none !important;
}
.category-card-wrapper:hover {
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 20%);
}

.category-card .card-image:after {
    content: "";
    border: 1px solid #111;
    margin: 2rem auto;
    display: block;
}

.category-card .card-section {
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: none !important;
}

.category-card .category-name {
    color: #111;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.0625rem;
    text-align: center;
    text-transform: uppercase;
}

@media print, screen and (max-width: 64em) {
    .category-card .category-name {
        font-size: .95rem;
    }

    .category-card .card-section {
        flex-direction: unset;
    }
}


.category-card .category-description {
    display: block;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.category-card.thumbnail-card {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.category-card.thumbnail-card .category-thumbnail {
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    text-align: center;
}

.category-thumbnail img {
    width: 100%;
    max-height: 180px;
}

.category-card .card-section {
    padding: 0;
}

.category-card .category-description {
    display: none;
}

.category-card .card-section {
    flex-direction: column;
}

.category-card-wrapper:hover .card-image {
    z-index: 2;
    text-align: center;
    background: none !important;
}

/* Category Tree */
.sidebar-card .card-divider {
    display: none;
}

/*========================
    Login and Registration Styles
==========================*/

.page-login .login-heading h1,
.page-login .login-heading h2,
.page-forgot-password .login-heading h1,
.page-forgot-password .login-heading h2 {
    font: 300 1.125rem / 1.45 "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}


/*========================
    Product Carousel Styles
==========================*/

.carousel-wrapper {
    width: 25rem;
    height: 18rem;
    float: left;
    margin: 20px;
    color: black;
    background-color: rgb(249, 249, 249);
}
.carousel-wrapper {
    margin: 0 auto;
    display: flex;
    flex-direction: inherit;
    justify-content: center;
    width: 100%;
    padding-bottom: 20px;
}
.carousel-wrapper {
    height: 18rem;
}

.carousel-wrapper .card {
    flex-direction: column-reverse;
}

.carousel-wrapper .card-title,
.carousel-wrapper .card-divider {
    margin-left: 0;
    margin: 0 auto;
    padding-top: 1rem;
    text-align: center;
}

.carousel-wrapper .button.tiny {
    margin-top: 1px;
}

.carousel__photo {
    height: auto;
    min-height: 300px;
}

.flex-container{
    justify-content: center;
}

.mobile-product {
    background-color: #E4E4E4;
}
/* PROFILE CARDS */

.results-header {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr max-content;
}

.profile__stats table,
.profile__stats table th,
.profile__stats table td {
    border-top: 1px solid #70707024;
    padding: 10px;
}

.results-header__option {
    display: flex;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    margin: 1rem 0;
}

.option__button.option--grid {
    cursor: pointer;
}

.results-header .option--grid {
    grid: repeat(2, 1fr) min-content/repeat(2, 1fr);
}

.option__button.option--list {
    cursor: pointer;
}

.results-header .option--grid span:last-child {
    grid-column: span 2;
}

.results-header .option--list {
    grid: repeat(3, 1fr) min-content/100%;
}

.results-section {
    display: grid;
    grid-gap: 10px;
}

.page-products .results-section {
    margin-top: 0;
}

.results--grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.results--list {
    grid-template-columns: 100%;
}

.profile {
    position: relative;
    overflow: hidden;
    display: grid;
    grid: 200px repeat(5, auto)/100%;
    background: #FCFCFC 0% 0% no-repeat padding-box;
    padding: 15px;
}
.profile__image{
    margin: 0 auto;
    padding: 1rem 1rem 0 1rem;
}

.profile__info {
    padding: 20px 0;
}

.results--grid .profile__info {
    min-height: 150px;
}

.results--list .profile__stats {
    max-height: 50px;
}

.profile__info h3 {
    text-align: left;
    font-size: 1.2rem;
    letter-spacing: 0px;
    color: #0A0A0A;
    opacity: 1;
}

.profile__info .expanded h3 {
    max-width: none;
}

.profile__info p {
    text-align: left;
    font-size: .925rem;
    letter-spacing: 0px;
    font-weight: 500;
    color: #000000;
    opacity: .8;
    margin-bottom: .2rem; 
}

.profile__info__additionalInfo{
    overflow: hidden;
    position: relative;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.text-bold{
    font-weight: 700;
}


/* table style */

table thead {
    border: none;
    background: none;
    font-size: 12px;
    color: #0A0A0A;
    text-transform: uppercase;
}

table tbody {
    border: none;
    background: none;
    font-size: 14px;
    color: #9DA5AB;
    text-transform: uppercase;
}

tbody tr:nth-child(even) {
    border: none;
    background: none;
}

#expandButton {
    color: #009DD5;
    font-size: 12px;
    cursor: pointer;
}


/*FILTERS*/

.profile__cta .button {
    font-size: 14px;
    letter-spacing: 0.22px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background-color: #00A3E0;
    text-align: center;
    border-radius: 0;
}

.results--list .profile__cta .button {
    margin-bottom: 0;
}

.sort label {
    color: #929292;
    font-size: 16px;
    display: inline-block;
    padding-right: 15px;
}

.sort {
    text-align: right;
    margin-top: 1rem;
}

.sort select {
    border: 1px solid #E4E4E4;
    color: #929292;
    font-size: 16px;
    width: 207px;
}

.results--grid .profile__cta .button {
    width: 100%;
    border-radius: 0;
}

.results--list .profile__cta {
    text-align: right;
}
button.button.cart-popup-close-button {
    background-color: transparent;
}

button.button.cart-popup-close-button:hover,
.remove-item:hover {
    color: #c53a14c7;
    border: 1px solid #c53a14c7; 
}

.edit-item:hover {
    background-color: #008cc1;
}

.option__button.option--list.selected i,
.option__button.option--grid.selected i {
    color: #768692;
    opacity: 1;
    font-size: 1.4rem;
}

.breadcrumbs li:last-child a {
    color: #768692;
    text-align: left;
    font: normal normal normal 17px/28px Poppins;
    letter-spacing: 0px;
} 

.option__button.option--list i,
.option__button.option--grid i {
    color: #C6C9CB;
    opacity: 1;
    font-size: 1.4rem;
}

.filter-section {
    margin: 2em 0;
}

.filters__title {
    font-size: 18px;
    margin: 25px 0;
}

.expand-cart-container img {
    width: 140px;
}

.mobile-sort {
    display: none;
}

.filters__item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 10px;
}

.filters__item .checkbox {
    position: relative;
    margin: 0;
}

.filters__item .checkbox .tooltip {
    display: inline-block;
    margin-left: 10px;
    width: auto;
    vertical-align: middle;
}

.filters__item .checkbox .tooltip span {
    border: none;
}

.filters__item .checkbox .tooltip:after {
    min-width: 100px;
    margin-left: -50px;
}

.filters:not(:first-of-type) {
    margin-top: 25px;
}
/* qty button */

.qty-input .product-qty,
.qty-input .qty-count {
    background: transparent;
    color: inherit;
    font-size: inherit;
    border: none;
    display: inline-block;
    min-width: 0;
}

.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
    outline: none;
}

.Qty {
    display: inline;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E4E4;
    opacity: 1;
    padding: 5px;
}

.qty-input span {
    font-size: 16px;
    color: #0A0A0A;
}

.qty-input .product-qty {
    width: 40px;
    min-width: 0;
    display: inline-block;
    text-align: center;
    color: #0A0A0A;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.qty-input .product-qty::-webkit-outer-spin-button,
.qty-input .product-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.qty-input .qty-count {
    padding: 0;
    cursor: pointer;
    width: 2.5rem;
    text-indent: -100px;
    overflow: hidden;
    position: relative;
}

.qty-input .qty-count:before,
.qty-input .qty-count:after {
    content: "";
    height: 2px;
    width: 10px;
    position: absolute;
    display: block;
    background: #0A0A0A;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.qty-input .qty-count--add:after {
    transform: rotate(90deg);
}

.qty-input .qty-count:disabled {
    color: #ccc;
    background: #f2f2f2;
    cursor: not-allowed;
    border-color: transparent;
}
/* View Details Btn */

.view-details-button-grid {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #009DD5;
    opacity: 1;
    z-index: 1;
    cursor: pointer;
    text-transform: capitalize;
}

.results--list .view-details-button-grid {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #009DD5;
    opacity: 1;
    z-index: 1;
    cursor: pointer;
    text-transform: capitalize;
}

.reveal.large {
    padding: 0;
}

.detail-popup {
    padding: 2rem;
    margin-bottom: 15px;
    border-bottom: 1px solid #00000033;
}

.accordion-title.detail-title {
    border: 1px solid #00A3E0;
    font-size: 16px;
    padding: 10px;
}

:last-child:not(.is-active) > .accordion-title.detail-title {
    border-bottom: 1px solid #00A3E0;
}

.detail-popup.accordion-title:hover,
.accordion-title:focus,
.accordion-item.is-active a {
    background-color: #f2f2f2;
    color: #555;
}

.tab-content {
    background: #FFFFFF;
    border: 1px solid #C5C5C5;
}

.detail-popup .tabs {
    border: none;
}

.detail-popup .tabs-title a {
    font-size: 16px;
    color: #0A0A0A;
    border: 1px solid #555555;
    margin-right: 5px;
    padding: 10px;
}

.detail-popup li.tabs-title.is-active a {
    background: #00A3E0;
    border: 1px solid #00A3E0;
    color: #fff;
    margin-right: 5px;
    padding: 10px;
}

.detail-popup h5 {
    font-size: 15px;
    color: #555555;
    opacity: 0.5;
}

.detail-popup p {
    font-size: 14px;
    color: #555555;
    background-color: #fcfcfc;
    padding: 5px;
}

.reveal-footer.detail-close {
    padding: 1rem;
}

.tabs-title a h2{
    color: rgb(85, 85, 85);
    text-transform: capitalize;
    font-size: 27px;
    font-family: poppins;
    margin-bottom: 30px;
}
/* Share Icon */
.share-icon {
    color: #00A3E0;
    position: absolute;
    right: 55px;
    top: 13px;
    z-index: 1;
    font-size: 20px;
    cursor: pointer;
    margin-right: 5px;
}
/* star icon */
.fav {
    display: block;
    overflow: hidden;
    text-indent: 9999px;
    white-space: nowrap;
    cursor: pointer;
    width: 25px;
    position: absolute;
    font-size: 2em;
    right: 25px;
    top: 10px;
    z-index: 1;
}
.fav.favorite-button.button-remove-favorite:before {
    content: "★";
    color: #00A3E0;
    text-indent: -9999px;
    display: inline-block;
    transition: color 0.25s ease-out;
}

.fav.favorite-button.button-add-favorite:before {
    content: "☆";
    color: #00A3E0;
    text-indent: -9999px;
    display: inline-block;
    transition: color 0.25s ease-out;
}

.fav:hover:before,
.fav:focus:before {
    content: "★";
    color: #00A3E0;
}

.fav.off:before {
    content: "★";
    color: #00A3E0;
}

.profile .product-status {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.profile .product-mode.test {
    color: rgb(200, 16, 46);
}


/* Pagination */
.profile-page nav[aria-label=Pagination]{
     float: right;
    text-align: right;
    padding-top: 0.25em;
    margin-right: 1rem;
}

.pagination li {
    background: #FFFFFF;
    border: 1px solid #00A3E0;
    margin-right: -5px;
}


.pagination a {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0px;
    color: #1B3747;
    text-transform: uppercase;
}

.pagination .current {
    background: #00A3E0;
    color: #fff;
}

.pagination .disabled {
    color: transparent;
    text-transform: uppercase;
    background: transparent;
    color: transparent;
    border: none;

}

.pagination .disabled a {
    color: transparent;
}
/* Note text */

.note-text {
    display: block;
    padding: 5px;
    opacity: 1;
    background: #DBF7FF;
    margin-top: 10px;
}

.note-text .note {
    font-size: 11px;
    color: #58747D;
    margin-top: -1px;
    margin-bottom: 0;
    text-align: left;
    overflow: auto;
}

.note-text i {
    margin-right: 5px;
    float: left;
}
/* Select the add-to-cart button when it is being hovered over */

.add-to-cart:hover + .note-text {
    display: block;
    /* Show the note-text element when hovering over add-to-cart */
}
/* Preview Button */

button.preview-button {
    text-align: right;
    font-size: 12px;
    letter-spacing: 0px;
    color: #009DD5;
    opacity: 1;
    cursor: pointer;
    text-transform: capitalize;
}

.add-to-cart .button {
    /* margin-top: 0; */
    width: 100%;
}

.results--list button.preview-button {
    font-size: 12px;
    letter-spacing: 0px;
    color: #009DD5;
    opacity: 1;
    cursor: pointer;
}

.reveal-footer {
    padding: 10px;
    float: right;
}

.reveal-title {
    padding-bottom: 0.5rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.reveal-title p {
    font-size: 17px;
    letter-spacing: 0px;
    color: #555555;
    text-transform: capitalize;
    margin: 0;
    font-weight: 500;
}

.reveal .page-heading h1 {
    font-size: 17px;
    letter-spacing: 0px;
    color: #555555;
    text-transform: capitalize;
    margin: 0;
    font-weight: 500;
}

/*  The Espire Devlabs does not show the h2 element so suppress it here */
.page-products .reveal-title>h2{
    display: none;
}
.button.close {
    margin: 0;
    padding: 12px;
    background-color: #00A3E0;
    font-size: 14px;
    line-height: 1;
    border-radius: 0;
}

.reveal-footer.button {
    margin: 0;
}

button.original-size {
    background: #00A3E0;
    color: #fff;
    padding: 12px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #00A3E0;
    margin-right: 8px;
}

.reveal.small {
    padding: 0;
}

.reveal-heading {
    background: #e4e4e4;
    padding: 20px 15px;
}
/* width and height of scrollbar track */

.reveal-body::-webkit-scrollbar {
    width: 5px;
}
/* scrollbar track */

.reveal-body::-webkit-scrollbar-track {
    background: #fff;
}
/* scrollbar thumb */

::-webkit-scrollbar-thumb {
    background-color: #8e8e8e;
}
/* Shopping cart */

.badge {
    background-color: #ff0000;
    border-radius: 48px;
    color: #fcfcfc;
    display: none;
    font-size: 10px;
    line-height: 1;
    padding: 3px 7px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    bottom: 12px;
    right: 5px;
}

.shopping-cart-items li {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    padding: 5px;
    background: #FBFCFC 0% 0% no-repeat padding-box;
}
.shopping-cart-items{
    margin-left: 0;
}

.shopping-cart-items li img {
    margin-right: 1rem;
}

    .shopping-cart-items li .item-price {
        text-align: center;
        flex-grow: 1;
        display: flex;
        align-self: flex-start;
        justify-content: center;
        padding-top: 12px;
    }
.shopping-cart-items img {
   position: relative !important;
}

.shopping-cart-items .profile__info {
    padding: 0;
    flex-grow: 3;
    max-width: 300px; 
}

.edit-item {
    background: #00A3E0 0% 0% no-repeat padding-box;
    border: 1px solid #00A3E0;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 1.2;
}

.edit-item a {
    color: #fff;
}

.remove-item {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FA4616;
    color: #FA4616;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
    padding: 5px;
    line-height: 1.2;
}

.shopping-cart {
    background: #fff;
    z-index: 1090;
    box-shadow: 0px 0px 32px #0000003B;
}

.shopping-cart .note-cart-text.show-kit-message {
    display: block;
}

.shopping-cart-total .total {
    float: right;
}

.shopping-cart-total {
    padding: 20px;
    background: #DFDFDF;
}

.shopping-cart .shopping-cart-items {
    padding: 20px;
    margin: 0;
}


.shopping-cart-view .shopping-cart-total hr {
    display: none;
}

    
.shopping-cart-view .shopping-cart-items .item-quantity {
    color: #ABB0BE;
}

.shopping-cart-total .total-table.Table-row-item.text-right h4{
    font: normal normal normal 21px/34px Poppins;
    color: #0A0A0A;
}
.shopping-cart-total .total-table.Table-row-item.text-right h5{
    font: normal normal normal 21px/34px Poppins;
    color: #0A0A0A;
}
.shopping-cart-total .Table-row-item,
.shopping-cart-total .Table-row-item.text-right
{
    display: none;
}
.shopping-cart-total .total-table
{
    display: flex !important;
}

.shopping-cart-view .shopping-cart-total {
    padding: 0;
    background: #DFDFDF;
}
.shopping-cart-total {
    padding: 20px;
    background: #F7F8F8;
}

span.total-text,
.total {
    font: normal normal normal 21px/34px Poppins;
    color: #0A0A0A;
}


.shopping-cart .shopping-cart-items img {
    float: left;
    width: 130px;
}

.shopping-cart .shopping-cart-items .item-name {
    display: block;
    padding-top: 10px;
    font-size: 16px;
}

.shopping-cart .shopping-cart-items .item-price {
    color: #0A0A0A;
    font: normal normal normal 21px/34px Poppins;
}

.cart-qty {
    text-align: left;
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #0A0A0A;
}

.shopping-cart .shopping-cart-items .item-quantity {
    color: #ABB0BE;
}

.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}


/*========================
    Tab Styles
==========================*/

.tabs {
    border: none;
    background: #fff;
    border-bottom: 0.5px solid #eee;
}

.tabs.primary {
    background: #00a3e0;
}

.tabs.primary > li > a {
    color: #fff;
}

.tabs.primary > li > a:hover,
.tabs.primary > li > a:focus {
    background: #0083b3;
}

.tabs-title > a {
    color: #111;
    font-size: 1rem;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.tabs-title > a:hover {
    background: transparent;
    color: #111;
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
    background: transparent;
    color: #00a3e0;
    position: relative;
    outline: none;
}

.tabs-title.is-active > a:after {
    background: #00a3e0;
    content: '';
    height: 2px;
    bottom: -1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.tabs-content {
    border-color: transparent;
    background: #fff;
}

.tabs.vertical {
    border: none;
    border-left: 1px solid #d6dbdb;
}

.tabs.vertical .tabs-title.is-active > a:after {
    background: #00a3e0;
    content: '';
    left: -1px;
    top: 0;
    height: 100%;
    position: absolute;
    width: 2px;
}

.tabs-content.vertical {
    border-color: #d6dbdb;
}


/*========================
    Card Styles
==========================*/

.card {
    border: none;
    color: #555;
    background: transparent;
}

.card-image {
    margin: 0 auto;
}

.preview-reveal-image img {
    background-color: #fff;
    display: block;
}

.card-divider {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.025rem;
    background: none;
    padding: 0;
    border: none;
}

.card.toolbar-card .card-divider {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    padding: 0.5rem 0;
}

.card.toolbar-card .card-toolbar .button-group {
    margin-bottom: 0;
}

.card.toolbar-card .card-toolbar .button {
    padding: 0;
    text-transform: none;
    letter-spacing: normal;
}

.card-title {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.025rem;
    padding-bottom: 0.625rem;
    margin-left: 1rem;
    margin-top: 1rem;
}

.card-section {
    font-size: 0.875rem;
}

.card-section-title {
}

.card-toolbar {
}

.card-toolbar .button {
    padding: 0 0.5rem;
    margin-bottom: 0;
}

.card fieldset + fieldset {
    margin-bottom: 1rem;
}
/*========================
    Pagination Styles
==========================*/

.pagination a,
.pagination button {
    color: inherit;
    transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
}

.pagination a:hover,
.pagination button:hover {
    background: #e3e6e8;
}

.pagination .current {
    background: #00a3e0;
    color: #fff;
    padding: 0;
}

.pagination .current a {
    color: #fff;
}

.pagination .current a:hover {
    background: #00a3e0;
    color: #fff;
}

.pagination .disabled {
    color: #c6cdd2;
}


/*========================
    Dropdown Styles
==========================*/

.dropdown-pane {
    border: 1px solid #d6dbdb;
    background-color: #fff;
}


/*========================
    Tab Card Styles
==========================*/

.tabs-card {
    border: 0.25px solid #eee !important;
}


/*========================
    Media Object Styles
==========================*/

.media-object-section.middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.media-object-section.bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}


/*========================
    Off-Canvas Styles
==========================*/

.off-canvas {
    background: #fff;
    border-left: 1px solid #f5f5f5;
}

.position-right.is-transition-push {
    box-shadow: none;
}

.off-canvas-content.has-transition-push {
    overflow: hidden;
}

.off-canvas .off-canvas-container {
    padding: 1.125rem;
}

.off-canvas-title {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #eee;
}



/*========================
    Cart Popout Styles
==========================*/

#popouts {
    position: fixed;
    width: 350px;
    top: 0px;
    right: 0px;
}

#popouts > div[data-container="cart"] {
    position: absolute;
    background-color: #fff;
    border-right: solid 1px #f2f2f2;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

#popouts > div[data-container="cart"].closed {
    width: 50px;
    right: 0px;
}

#popouts > div[data-container="cart"].closed > div[data-content="open"] {
    display: none;
}

#popouts > div[data-container="cart"].closed > div[data-content="closed"] {
    display: block;
}

#popouts > div[data-container="cart"].open {
    width: 100%;
}

#popouts > div[data-container="cart"].open > div[data-content="open"] {
    display: block;
}

#popouts > div[data-container="cart"].open > div[data-content="closed"] {
    display: none;
}

#cart .fa.fa-shopping-cart {
    font-size: 1.25rem;
}

/*========================
    Button Styles
==========================*/
[type="button"],
[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

[data-whatinput="mouse"] button {
    outline: 0;
}

.button {
    display: inline-block;
    background-color: #00A3E0;
    border: 1px solid #00A3E0;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}
.button.checkout-cart{
    padding: 15px;
}
.cart-footer .button,
.page-actions .button
{
    width: 25%;
}

.page-actions a,
.page-actions .button.hollow,
.page-actions .secondary-action-button,
.cart-footer .continue-shopping-button{
    margin-right: 5px;
}

.button:hover,
.button:focus,
.button:active {
    color: #fff;
    outline: none;
    background: rgb(63, 190, 237);
    border: 1px solid rgb(63, 190, 237);
}

.button.disabled,
.button[disabled],
.button.disabled:hover,
.button[disabled]:hover,
.button.disabled:focus,
.button[disabled]:focus {
    background-color: #00a3e0;
    color: #fff;
}

.results--grid .preview-button.product-preview-button.disabled,
.results--grid .view-details-button-grid.product-details-button.disabled{
    color: #c5c5c5;
} 

.button.secondary-action-button {
    background-color: #758592;
    color: #fff;
}

.button.secondary-action-button:hover,
.button.secondary-action-button:focus,
.button.secondary-action-button:active {
    background-color: #596a73;
    color: #fff;
}

.button.secondary-action-button.disabled,
.button[disabled].secondary-action-button,
.button.secondary-action-button.disabled:hover,
.button[disabled].secondary-action-button:hover,
.button.secondary-action-button.disabled:focus,
.button[disabled].secondary-action-button:focus {
    background-color: #758592;
    color: #fff;
}

.button.primary,
.button.primary.disabled,
.button.primary[disabled],
.button.primary.disabled:hover,
.button.primary[disabled]:hover,
.button.primary.disabled:focus,
.button.primary[disabled]:focus {
    background-color: #00a3e0;
    color: #fff;
}

.button.primary:hover,
.button.primary:focus {
    background-color: #148bc6;
    color: #fff;
}

.button.secondary,
.button.secondary.disabled,
.button.secondary[disabled],
.button.secondary.disabled:hover,
.button.secondary[disabled]:hover,
.button.secondary.disabled:focus,
.button.secondary[disabled]:focus {
    background-color: #bbb;
    color: #fff;
    border-color: transparent;
}

.button.secondary:hover,
.button.secondary:focus {
    background-color: #aaa;
    color: #fff;
}

.button.success,
.button.success.disabled,
.button.success[disabled],
.button.success.disabled:hover,
.button.success[disabled]:hover,
.button.success.disabled:focus,
.button.success[disabled]:focus {
    background-color: #2db94d;
    color: #fff;
}

.button.success:hover,
.button.success:focus {
    background-color: #23903c;
    color: #fff;
}

.button.warning,
.button.warning.disabled,
.button.warning[disabled],
.button.warning.disabled:hover,
.button.warning[disabled]:hover,
.button.warning.disabled:focus,
.button.warning[disabled]:focus {
    background-color: #ffc933;
    color: #0a0a0a;
}

.button.warning:hover,
.button.warning:focus {
    background-color: #e6a800;
    color: #0a0a0a;
}

.button.alert,
.button.alert.disabled,
.button.alert[disabled],
.button.alert.disabled:hover,
.button.alert[disabled]:hover,
.button.alert.disabled:focus,
.button.alert[disabled]:focus {
    background-color: #c8102e;
    color: #fff;
    border-color: #c8102e;
}

.button.alert:hover,
.button.alert:focus {
    background-color: #a50d27;
    color: #fff;
}

.button.hollow,
.button.hollow.disabled,
.button.hollow[disabled],
.button.hollow.disabled:hover,
.button.hollow[disabled]:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled]:focus {
    text-align: center;
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    text-transform: uppercase;
    border: 2px solid #00A3E0;
    background: #fff;
    padding: 0;
    cursor: pointer;
    line-height: 3;
}

.button.hollow:hover,
.button.hollow:focus {
    background: rgba(0,0,0,0.1);
    border-color: #00A3E0;
}

.button.hollow.primary,
.button.hollow.primary.disabled,
.button.hollow.primary[disabled],
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled]:hover,
.button.hollow.primary.disabled:focus,
.button.hollow.primary[disabled]:focus {
    background-color: #758592;
    color: #fff;
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
    background-color: #596a73;
    color: #fff;
}

.button.hollow.secondary,
.button.hollow.secondary.disabled,
.button.hollow.secondary[disabled],
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled]:hover,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary[disabled]:focus {
    background-color: #00a3e0;
    color: #fff;
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
    background-color: #148bc6;
    color: #fff;
}

.button.hollow.success,
.button.hollow.success.disabled,
.button.hollow.success[disabled],
.button.hollow.success.disabled:hover,
.button.hollow.success[disabled]:hover,
.button.hollow.success.disabled:focus,
.button.hollow.success[disabled]:focus {
    background-color: #23903c;
    color: #fff;
}

.button.hollow.success:hover,
.button.hollow.success:focus {
    background-color: #126e28;
}

.button.hollow.warning,
.button.hollow.warning.disabled,
.button.hollow.warning[disabled],
.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled]:hover,
.button.hollow.warning.disabled:focus,
.button.hollow.warning[disabled]:focus {
    background-color: #ffc933;
    color: #0a0a0a;
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
    background-color: #ebad04;
}

.button.hollow.alert,
.button.hollow.alert.disabled,
.button.hollow.alert[disabled],
.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled]:hover,
.button.hollow.alert.disabled:focus,
.button.hollow.alert[disabled]:focus {
    background-color: #c8102e;
    color: #fff;
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
    background-color: #9c051e;
}


.button.clear,
.button.clear:hover,
.button.clear:focus,
.button.clear.disabled,
.button.clear.disabled:hover,
.button.clear.disabled:focus,
.button.clear[disabled],
.button.clear[disabled]:hover,
.button.clear[disabled]:focus {
    border-color: transparent;
    background-color: transparent;
}

.button.clear,
.button.clear.disabled,
.button.clear[disabled],
.button.clear.disabled:hover,
.button.clear[disabled]:hover,
.button.clear.disabled:focus,
.button.clear[disabled]:focus {
    color: #758592;
}

.button.clear:hover,
.button.clear:focus {
    color: #00a3e0;
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary[disabled],
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled]:hover,
.button.clear.primary.disabled:focus,
.button.clear.primary[disabled]:focus {
    color: #758592;
}

.button.clear.primary:hover,
.button.clear.primary:focus {
    color: #00a3e0;
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary[disabled],
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled]:hover,
.button.clear.secondary.disabled:focus,
.button.clear.secondary[disabled]:focus {
    background: transparent;
    color: #00a3e0;
}

.button.clear.secondary:hover,
.button.clear.secondary:focus {
    background: transparent;
    color: #148bc6;
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success[disabled],
.button.clear.success.disabled:hover,
.button.clear.success[disabled]:hover,
.button.clear.success.disabled:focus,
.button.clear.success[disabled]:focus {
    color: #2db94d;
}

.button.clear.success:hover,
.button.clear.success:focus {
    color: #23903c;
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning[disabled],
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled]:hover,
.button.clear.warning.disabled:focus,
.button.clear.warning[disabled]:focus {
    color: #ffc933;
}

.button.clear.warning:hover,
.button.clear.warning:focus {
    color: #e6a800;
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert[disabled],
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled]:hover,
.button.clear.alert.disabled:focus,
.button.clear.alert[disabled]:focus {
    color: #c8102e;
}

.button.clear.alert:hover,
.button.clear.alert:focus {
    color: #a50d27;
}

.button.dropdown.hollow::after,
.button.dropdown.clear::after {
    border-top-color: #768692;
}

.button.dropdown.hollow.primary::after,
.button.dropdown.clear.primary::after {
    border-top-color: #768692;
}

.button.dropdown.hollow.secondary::after,
.button.dropdown.clear.secondary::after {
    border-top-color: #00a3e0;
}

.button.dropdown.hollow.success::after,
.button.dropdown.clear.success::after {
    border-top-color: #2db94d;
}

.button.dropdown.hollow.warning::after,
.button.dropdown.clear.warning::after {
    border-top-color: #ffc933;
}

.button.dropdown.hollow.alert::after,
.button.dropdown.clear.alert::after {
    border-top-color: #c8102e;
}

.button-group .button {
    font-size: 1rem;
}

.button-group.small .button {
    padding: 1em;
}

.button.small {
    font-size: 0.65rem;
    font-weight: 400;
}

.button-group.primary .button,
.button-group.primary .button.disabled,
.button-group.primary .button[disabled],
.button-group.primary .button.disabled:hover,
.button-group.primary .button[disabled]:hover,
.button-group.primary .button.disabled:focus,
.button-group.primary .button[disabled]:focus {
    background-color: #758592;
    color: #fff;
}

.button-group.primary .button:hover,
.button-group.primary .button:focus {
    background-color: #00a3e0;
}

.button-group.secondary .button,
.button-group.secondary .button.disabled,
.button-group.secondary .button[disabled],
.button-group.secondary .button.disabled:hover,
.button-group.secondary .button[disabled]:hover,
.button-group.secondary .button.disabled:focus,
.button-group.secondary .button[disabled]:focus {
    background-color: #00a3e0;
    color: #fff;
}

.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
    background-color: #148bc6;
    color: #fff;
}

.button-group.success .button,
.button-group.success .button.disabled,
.button-group.success .button[disabled],
.button-group.success .button.disabled:hover,
.button-group.success .button[disabled]:hover,
.button-group.success .button.disabled:focus,
.button-group.success .button[disabled]:focus {
    background-color: #2db94d;
    color: #fff;
}

.button-group.success .button:hover,
.button-group.success .button:focus {
    background-color: #23903c;
}

.button-group.warning .button,
.button-group.warning .button.disabled,
.button-group.warning .button[disabled],
.button-group.warning .button.disabled:hover,
.button-group.warning .button[disabled]:hover,
.button-group.warning .button.disabled:focus,
.button-group.warning .button[disabled]:focus {
    background-color: #ffc933;
    color: #0a0a0a;
}

.button-group.warning .button:hover,
.button-group.warning .button:focus {
    background-color: #e6a800;
}

.button-group.alert .button,
.button-group.alert .button.disabled,
.button-group.alert .button[disabled],
.button-group.alert .button.disabled:hover,
.button-group.alert .button[disabled]:hover,
.button-group.alert .button.disabled:focus,
.button-group.alert .button[disabled]:focus {
    background-color: #c8102e;
    color: #fff;
}

.button-group.alert .button:hover,
.button-group.alert .button:focus {
    background-color: #a50d27;
}

.button-group.hollow .button,
.button-group.hollow .button:hover,
.button-group.hollow .button:focus,
.button-group.hollow .button.disabled,
.button-group.hollow .button[disabled],
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button[disabled]:hover,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button[disabled]:focus {
    background-color: #758592;
    color: #fff;
}

.button-group.hollow .button:hover,
.button-group.hollow .button:focus {
    background-color: #596a73;
    color: #fff;
}

.button-group.hollow.primary .button,
.button-group.hollow.primary .button.disabled,
.button-group.hollow.primary .button[disabled],
.button-group.hollow.primary .button.disabled:hover,
.button-group.hollow.primary .button[disabled]:hover,
.button-group.hollow.primary .button.disabled:focus,
.button-group.hollow.primary .button[disabled]:focus,
.button-group.hollow .button.primary,
.button-group.hollow .button.primary.disabled,
.button-group.hollow .button.primary[disabled],
.button-group.hollow .button.primary.disabled:hover,
.button-group.hollow .button.primary[disabled]:hover,
.button-group.hollow .button.primary.disabled:focus,
.button-group.hollow .button.primary[disabled]:focus {
    background-color: #758592;
    color: #fff;
}

.button-group.hollow.primary .button:hover,
.button-group.hollow.primary .button:focus,
.button-group.hollow .button.primary:hover,
.button-group.hollow .button.primary:focus {
    background-color: #596a73;
    color: #fff;
}

.button-group.hollow.secondary .button,
.button-group.hollow.secondary .button.disabled,
.button-group.hollow.secondary .button[disabled],
.button-group.hollow.secondary .button.disabled:hover,
.button-group.hollow.secondary .button[disabled]:hover,
.button-group.hollow.secondary .button.disabled:focus,
.button-group.hollow.secondary .button[disabled]:focus,
.button-group.hollow .button.secondary,
.button-group.hollow .button.secondary.disabled,
.button-group.hollow .button.secondary[disabled],
.button-group.hollow .button.secondary.disabled:hover,
.button-group.hollow .button.secondary[disabled]:hover,
.button-group.hollow .button.secondary.disabled:focus,
.button-group.hollow .button.secondary[disabled]:focus {
    background-color: #00a3e0;
    color: #fff;
}

.button-group.hollow.secondary .button:hover,
.button-group.hollow.secondary .button:focus,
.button-group.hollow .button.secondary:hover,
.button-group.hollow .button.secondary:focus {
    background-color: #148bc6;
    color: #fff;
}

.button-group.hollow.success .button,
.button-group.hollow.success .button.disabled,
.button-group.hollow.success .button[disabled],
.button-group.hollow.success .button.disabled:hover,
.button-group.hollow.success .button[disabled]:hover,
.button-group.hollow.success .button.disabled:focus,
.button-group.hollow.success .button[disabled]:focus,
.button-group.hollow .button.success,
.button-group.hollow .button.success.disabled,
.button-group.hollow .button.success[disabled],
.button-group.hollow .button.success.disabled:hover,
.button-group.hollow .button.success[disabled]:hover,
.button-group.hollow .button.success.disabled:focus,
.button-group.hollow .button.success[disabled]:focus {
    background-color: #2db94d;
    color: #fff;
}

.button-group.hollow.success .button:hover,
.button-group.hollow.success .button:focus,
.button-group.hollow .button.success:hover,
.button-group.hollow .button.success:focus {
    background-color: #23903c;
}

.button-group.hollow.warning .button,
.button-group.hollow.warning .button.disabled,
.button-group.hollow.warning .button[disabled],
.button-group.hollow.warning .button.disabled:hover,
.button-group.hollow.warning .button[disabled]:hover,
.button-group.hollow.warning .button.disabled:focus,
.button-group.hollow.warning .button[disabled]:focus,
.button-group.hollow .button.warning,
.button-group.hollow .button.warning.disabled,
.button-group.hollow .button.warning[disabled],
.button-group.hollow .button.warning.disabled:hover,
.button-group.hollow .button.warning[disabled]:hover,
.button-group.hollow .button.warning.disabled:focus,
.button-group.hollow .button.warning[disabled]:focus {
    background-color: #ffc933;
    color: #0a0a0a;
}

.button-group.hollow.warning .button:hover,
.button-group.hollow.warning .button:focus,
.button-group.hollow .button.warning:hover,
.button-group.hollow .button.warning:focus {
    background-color: #e6a800;
}

.button-group.hollow.alert .button,
.button-group.hollow.alert .button.disabled,
.button-group.hollow.alert .button[disabled],
.button-group.hollow.alert .button.disabled:hover,
.button-group.hollow.alert .button[disabled]:hover,
.button-group.hollow.alert .button.disabled:focus,
.button-group.hollow.alert .button[disabled]:focus,
.button-group.hollow .button.alert,
.button-group.hollow .button.alert.disabled,
.button-group.hollow .button.alert[disabled],
.button-group.hollow .button.alert.disabled:hover,
.button-group.hollow .button.alert[disabled]:hover,
.button-group.hollow .button.alert.disabled:focus,
.button-group.hollow .button.alert[disabled]:focus {
    background-color: #c8102e;
    color: #fff;
}

.button-group.hollow.alert .button:hover,
.button-group.hollow.alert .button:focus,
.button-group.hollow .button.alert:hover,
.button-group.hollow .button.alert:focus {
    background-color: #a50d27;
}

.button-group.clear .button,
.button-group.clear .button:hover,
.button-group.clear .button:focus,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:hover,
.button-group.clear .button.disabled:focus,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:hover,
.button-group.clear .button[disabled]:focus {
    border-color: transparent;
    background-color: transparent;
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button[disabled],
.button-group.clear .button.disabled:hover,
.button-group.clear .button[disabled]:hover,
.button-group.clear .button.disabled:focus,
.button-group.clear .button[disabled]:focus {
    color: #768692;
}

.button-group.clear .button:hover,
.button-group.clear .button:focus {
    color: #00a3e0;
}

.button-group.clear.primary .button,
.button-group.clear.primary .button.disabled,
.button-group.clear.primary .button[disabled],
.button-group.clear.primary .button.disabled:hover,
.button-group.clear.primary .button[disabled]:hover,
.button-group.clear.primary .button.disabled:focus,
.button-group.clear.primary .button[disabled]:focus,
.button-group.clear .button.primary,
.button-group.clear .button.primary.disabled,
.button-group.clear .button.primary[disabled],
.button-group.clear .button.primary.disabled:hover,
.button-group.clear .button.primary[disabled]:hover,
.button-group.clear .button.primary.disabled:focus,
.button-group.clear .button.primary[disabled]:focus {
    color: #758592;
}

.button-group.clear.primary .button:hover,
.button-group.clear.primary .button:focus,
.button-group.clear .button.primary:hover,
.button-group.clear .button.primary:focus {
    color: #00a3e0;
}

.button-group.clear.secondary .button,
.button-group.clear.secondary .button.disabled,
.button-group.clear.secondary .button[disabled],
.button-group.clear.secondary .button.disabled:hover,
.button-group.clear.secondary .button[disabled]:hover,
.button-group.clear.secondary .button.disabled:focus,
.button-group.clear.secondary .button[disabled]:focus,
.button-group.clear .button.secondary,
.button-group.clear .button.secondary.disabled,
.button-group.clear .button.secondary[disabled],
.button-group.clear .button.secondary.disabled:hover,
.button-group.clear .button.secondary[disabled]:hover,
.button-group.clear .button.secondary.disabled:focus,
.button-group.clear .button.secondary[disabled]:focus {
    color: #fff;
}

.button-group.clear.secondary .button:hover,
.button-group.clear.secondary .button:focus,
.button-group.clear .button.secondary:hover,
.button-group.clear .button.secondary:focus {
    color: #fff;
}

.button-group.clear.success .button,
.button-group.clear.success .button.disabled,
.button-group.clear.success .button[disabled],
.button-group.clear.success .button.disabled:hover,
.button-group.clear.success .button[disabled]:hover,
.button-group.clear.success .button.disabled:focus,
.button-group.clear.success .button[disabled]:focus,
.button-group.clear .button.success,
.button-group.clear .button.success.disabled,
.button-group.clear .button.success[disabled],
.button-group.clear .button.success.disabled:hover,
.button-group.clear .button.success[disabled]:hover,
.button-group.clear .button.success.disabled:focus,
.button-group.clear .button.success[disabled]:focus {
    color: #2db94d;
}

.button-group.clear.success .button:hover,
.button-group.clear.success .button:focus,
.button-group.clear .button.success:hover,
.button-group.clear .button.success:focus {
    color: #23903c;
}

.button-group.clear.warning .button,
.button-group.clear.warning .button.disabled,
.button-group.clear.warning .button[disabled],
.button-group.clear.warning .button.disabled:hover,
.button-group.clear.warning .button[disabled]:hover,
.button-group.clear.warning .button.disabled:focus,
.button-group.clear.warning .button[disabled]:focus,
.button-group.clear .button.warning,
.button-group.clear .button.warning.disabled,
.button-group.clear .button.warning[disabled],
.button-group.clear .button.warning.disabled:hover,
.button-group.clear .button.warning[disabled]:hover,
.button-group.clear .button.warning.disabled:focus,
.button-group.clear .button.warning[disabled]:focus {
    color: #ffc933;
}

.button-group.clear.warning .button:hover,
.button-group.clear.warning .button:focus,
.button-group.clear .button.warning:hover,
.button-group.clear .button.warning:focus {
    color: #e6a800;
}

.button-group.clear.alert .button,
.button-group.clear.alert .button.disabled,
.button-group.clear.alert .button[disabled],
.button-group.clear.alert .button.disabled:hover,
.button-group.clear.alert .button[disabled]:hover,
.button-group.clear.alert .button.disabled:focus,
.button-group.clear.alert .button[disabled]:focus,
.button-group.clear .button.alert,
.button-group.clear .button.alert.disabled,
.button-group.clear .button.alert[disabled],
.button-group.clear .button.alert.disabled:hover,
.button-group.clear .button.alert[disabled]:hover,
.button-group.clear .button.alert.disabled:focus,
.button-group.clear .button.alert[disabled]:focus {
    color: #c8102e;
}

.button-group.clear.alert .button:hover,
.button-group.clear.alert .button:focus,
.button-group.clear .button.alert:hover,
.button-group.clear .button.alert:focus {
    color: #a50d27;
}

.button.no-padding,
.button.padding-0 {
    padding: 0;
}

.button.link-button {
    text-transform: none;
    letter-spacing: normal;
}
.button.login {
    background-color: transparent;
    border: 1px solid #1779ba;
}
#ConsolidateShipmentButton{
    margin: 1.5rem 0;
}

/* Get Started Button */
.button.get-button .get-started-button,
.button.get-button .get-started-button:hover,
.button.get-button .get-started-button:focus {
    margin-top: 1rem;
    margin-bottom: 0;
    font-weight: 500;
    color: #fff;
    background-color: transparent;
}



.get-started-button .button.get-button:hover{
    background-color: rgba(0,0,0,0.3);
} 

@media print,
screen and (max-width: 64em) {
    .button.get-button {
        width: 50%;
    }
}

@media print,
screen and (min-width: 64em) {
    .button.get-button {
        width: 250px;
        border: 2px solid white;
        border-radius: 5px;
        padding: .50rem 1.85rem; 
        margin-bottom: 35px;
    }
}

@media print,
screen and (min-width: 90em) {
    .button.get-button {
        max-width: 88rem;
    }
}

.checkout-card .card-section .grid-margin-x > .cell {
    justify-content: space-around;
}
.checkout-card .card-section .grid-margin-x > .cell a{
    width: 45%;
}
.checkout-card .card-section .grid-margin-x > .cell button {
    width: 45%;
}
#DiscountCode{
    padding: 0 10px 0 0;
}

@media print,
screen and (max-width: 48em) {
    .checkout-card .card-section .grid-margin-x > .cell a{
        width: 100%;
    }
    .checkout-card .card-section .grid-margin-x > .cell button {
        width: 100%;
    }
    .page-actions a, 
    .page-actions .button.hollow, 
    .page-actions .secondary-action-button, 
    .cart-footer .continue-shopping-button{
        margin-right: 0;
    }
}

/* Get Started Button */
.button.get-button .get-started-button,
.button.get-button .get-started-button:hover,
.button.get-button .get-started-button:focus {
    margin-top: 1rem;
    margin-bottom: 0;
    font-weight: 500;
    color: #fff;
}

.button.get-button {
    width: 250px;
    border: 2px solid white;
    border-radius: 5px;
    padding: .50rem 1.85rem;
    margin-bottom: 35px;
}

@media print, screen and (max-width: 64em) {
    .button.get-button {
        width: 50%;
    }
}

@media print, screen and (min-width: 90em) {
    .button.get-button {
        max-width: 88rem;
    }
}

.btnn.btn-next
.btnn.btn-next.disabled,
.btnn.btn-next[disabled],
.btnn.btn-nextdisabled:hover,
.btnn.btn-next[disabled]:hover,
.btnn.btn-next.disabled:focus,
.btnn.btn-next[disabled]:focus{
    background-color: #00a3e0;
    color: #fff;
    opacity: .25;
    cursor: not-allowed;
}

/* Close Button */

.close-button > button {
    margin: 0px 0.5rem;
    vertical-align: middle;
    font-size: 1.25rem;
}

    .close-button:hover,
    .close-button > button:hover {
        color: #00a3e0;
    }

.close-button.small,
.close-button.small > button {
    top: 0.35em;
    right: 1.125rem;
    font-size: 1.75em;
}

    .close-button.small .fas.fa-times {
        font-size: 1.125rem;
    }
/* Products Page Button */
.card-actions .button {
    background-color: #00a3e0;
    color: #fff;
    margin-bottom: 0.5rem;
}

.card-actions .button:hover,
.card-actions .button:active,
.card-actions .button:focus {
    background-color: #148bc6;
}


/* Edit/Add Button */
.card-toolbar .button-group.clear .button {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.025rem;
    padding-bottom: 0.625rem;
    margin-right: 0;
}

.card-toolbar .button-group.clear .button i{
    padding-right: 3px;
}

.button:hover {
    background: #008cc1;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.cart-items .profile__info {
    padding: 0;
    flex-grow: 3;
   /* max-width: 550px; */ 
}


.shopping-cart.expanded .cart-items .profile__info {
    padding: 0;
    flex-grow: 3;
/*    max-width: 550px;*/
}
/* Cart Popup */

p.cart-content-popup {
    text-align: center;
    font-size: 16px;
    color: #009A00;
}

.cart-popup-button {
    width: 100%;
    text-align: center;
    cursor: pointer;
}

    .cart-popup-button button a {
        text-transform: uppercase;
        color: #fff;
        font: normal normal normal 14px/23px Poppins;
        padding-left: 10px;
    }

.cart-header h6 {
    display: inline-block;
    margin: 0;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
    text-align: left;
    font: normal normal normal 21px/34px Poppins;
    letter-spacing: 0px;
    color: #0A0A0A;
}

.item-heading {
    width: 56%;
}

.price-heading {
    width: 34%;
}

.cart-popup-button img {
    padding-left: 10px;
}

.check-cart {
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 1rem;
}

.cart-close {
    color: #FA4616;
}

.cart-popup-footer a {
    text-transform: uppercase;
    background: #00A3E0;
    border: 1px solid #00000000;
    font-size: 14px;
    padding-left: 5px;
    width: 33%;
}

ul.cart-icon {
    position: relative;
    margin-bottom: 0;
    line-height: initial;
    min-width: 40px;
}

.cart-popup-footer i {
    padding-right: 5px;
}

.cart-popup-close-button {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FA4616;
    font-size: 14px;
    color: #FA4616;
    text-transform: uppercase;
    border-radius: 0;
    width: 32%;
}

.cart-popup-close-button:hover {
    background-color: transparent;
    color: #FA4616;
}

.cart-popup-footer {
    padding: 0 20px;
    margin-top: 10px;
    text-align: end;
}
.cart-popup-footer .button.checkout-cart {
    padding: 10px;
}

.help-text {
    color: inherit;
    margin-top: 0.5rem;
}

/*.page-dynamic-fields .field-instructions .help-text {
    margin-top: 1.5rem;
}*/


/*========================
    Form Styles
==========================*/

fieldset legend {
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

label,
.label {
    color: #555;
    font-size: 0.95rem;
    font-weight: 400;
}

label.required:after {
    color: #c8102e;
    content: ' *';
    display: inline;
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
    border-color: #00a3e0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #f2f2f2;
}

::-webkit-input-placeholder {
    color: #b9c1c6;
}

::-moz-placeholder {
    color: #b9c1c6;
}

:-ms-input-placeholder {
    color: #b9c1c6;
}

::-ms-input-placeholder {
    color: #b9c1c6;
}

::placeholder {
    color: #b9c1c6;
}

select {
    background-color: transparent;
    border-color: #000;
    border: none;
    border-bottom: 1px solid #555555;
    -webkit-transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
}

select:focus {
    border-color: #00a3e0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
}

select:disabled {
    background-color: #f2f2f2;
}

.tiered-product-selection select + select {
    margin-top: 0.875rem;
}

.input-group {
    margin: 0;
    width: auto;
    border-radius: 0;
    font-size: 0.925rem;
}

.input-group > hr {
    display: none;
}

.input-group-button > .button,
.input-group-button > button {
    padding-left: 1em;
    padding-right: 1em;
}

.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
    font-size: 0.825rem;
}

.input-group > :first-child,
.input-group > :last-child,
.input-group > :last-child.input-group-button > * {
    border-radius: inherit;
}

.input-group > :first-child:not(:only-child),
.input-group > :first-child:not(:only-child).input-group-button > * {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > :last-child:not(:only-child),
.input-group > :last-child:not(:only-child).input-group-button > * {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-label {
    border: 1px solid #e4e4e4;
    background: #eef0f2;
    color: #0a0a0a;
}

.input-group > input,
.input-group > select,
.input-group > textarea,
.input-group > div {
    margin: 0;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0;
}

.input-group > input:not(:only-child):first-child,
.input-group > select:not(:only-child):first-child,
.input-group > textarea:not(:only-child):first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > input:not(:only-child):not(:first-child),
.input-group > select:not(:only-child):not(:first-child),
.input-group > textarea:not(:only-child):not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > input:not(:only-child):not(:first-child):not(:last-child),
.input-group > select:not(:only-child):not(:first-child):not(:last-child),
.input-group > textarea:not(:only-child):not(:first-child):not(:last-child) {
    border-radius: 0;
}


.form-group > .thumbnail-container {
    margin-top: 1rem;
}

.form-group > .input-group {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.form-group [type=file] {
    width: auto;
}

.form-group.error > label,
.form-group.error > .help-text {
    color: #c8102e;
}

.form-group.error > input,
.form-group.error > select,
.form-group.error > textarea,
.form-group.error > .input-group > input,
.form-group.error > .input-group > select,
.form-group.error > .input-group > textarea {
    background-color: #fde7eb;
    border: 1px solid #f9b8c3;
}

.form-group.success > label,
.form-group.success > .help-text {
    color: #23903c;
}

.form-group.success > input,
.form-group.success > select,
.form-group.success > textarea,
.form-group.success > .input-group > input,
.form-group.success > .input-group > select,
.form-group.success > .input-group > textarea {
    background-color: #eafaee;
    border: 1px solid #c1f0cd;
}

input.error,
select.error,
textarea.error {
    background-color: #fde7eb;
    border: 1px solid #f9b8c3;
}

input.success,
select.success,
textarea.success {
    background-color: #eafaee;
    border: 1px solid #c1f0cd;
}

.static-field-group {
    margin-bottom: 1rem;
}

/* Shopping Cart Mobile */
.shopping-cart-mobile img {
    width: 120px;
}

.shopping-cart-mobile h3 {
    font: normal normal normal 14px/23px Poppins;
    letter-spacing: 0px;
    color: #0A0A0A;
}

.shopping-cart-mobile p {
    font-size: 13px;
    padding: 20px;
}

.note-cart-text i {
    margin-right: 10px;
    font-size: 20px;
}

.shopping-cart-mobile .cart-qty {
    font-size: 14px;
}

.cart-mobile-popup {
    width: 100%;
    max-width: 90%;
    min-height: 90%;
    margin: 0 auto;
}

.shopping-cart-mobile .cart-header h6 {
    font: normal normal normal 17px/28px Poppins;
}

.shopping-cart-mobile .cart-header {
    padding-bottom: 20px;
}

.shopping-cart-mobile .price-heading {
    text-align: right;
}

.shopping-cart-mobile li {
    position: relative;
    padding-right: 20px;
}

.shopping-cart-mobile .item-heading {
    width: 64%;
}

.shopping-cart-mobile .button-container {
    display: flex;
    padding-right: 20px;
}

.shopping-cart-mobile .edit-item {
    margin-bottom: 0;
    margin-right: 5px;
}

.shopping-cart-mobile .expand-cart {
    display: none;
}

.shopping-cart-mobile .checkout-cart,
.shopping-cart-mobile .cart-popup-close-button {
    width: 49%;
    margin-top: 0;
}

.shopping-cart-mobile .total-text,
.shopping-cart-mobile .total {
    font-size: 17px;
}
#quickViewCart {
    display: none;
}

/* Equal height left panel and right panel */

.equal-height-columns {
    display: flex;
    flex-wrap: wrap;
}

.equal-height-columns > .cell {
    display: flex;
    flex-direction: column;
}

.equal-height-columns > .cell .cell > * {
    flex-grow: 1;
}

.equal-height-columns > .cell .cell {
    display: flex;
}
.equal-height-columns .accordion-content .cell {
    display: block;
}


.equal-height-columns > .cell .profile-page .cell {
    display: block;
}

/* Cards in Features Product */
@media (min-width: 640px) and (max-width: 768px) {
    .profile-page .card .btn-delete {
        font-size: 12px;
        padding: 4px;
    }
}
.profile-page .card .btn-edit:hover {
    background-color: #007ac0;
}
.profile-page .card .btn-delete:hover {
    background: rgba(0, 0, 0, 0.1);
}
/* Equal height - Cards in Featured section of Products */
.profile-page .card {
    height: calc(100% - 1rem);
}
.profile-page .card .button-container-card {
    margin-top: auto;
}
/* Center align card image */
.profile-page .cover-photo {
    align-self: center;
}

.search-dropdown {
    display: none;
    background: #fff;
}

.show-search-dropdown .search-dropdown {
    display: block;
}

.search-container {
    /* Center items vertically */
    background-color: #fff;
    padding: 10px;
}

.search-container input[type=text] {
    flex-grow: 1;
    /* Make the input field take up all available space */
    border: none;
    margin: 0;
}

.search-container button {
    border: none;
    margin-left: 10px;
    cursor: pointer;
}

.expand-close {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FA4616;
    font-size: 14px;
    color: #FA4616;
    text-transform: uppercase;
        padding: 10px;
    cursor: pointer;
    margin: 25px 0px 15px;
}

.expand-close:hover {
    color: #c53a14c7;
    border: 1px solid #c53a14c7;
    background-color: #fff;
}

.expand-cart-footer {
    width: 100%;
    display: flex;
    justify-content: end;
}

.expand-cart-footer .button {
    width: 12%;
}

.expand-cart-footer .expand-close {
    margin-left: 5px;
}

hr {
    max-width: 100%;
}

.results--grid .price {
    float: right;
    padding-top: 8px;
}

.results--grid .profile-container1 {
    flex: 1;
}

.qty-input .price {
    font-size: 21px;
}

.results--grid .note-text {
    padding: 5px;
    position: absolute;
    background: #DBF7FF;
    bottom: 10px;
    width: 90%;
}

.shopping-cart-view{
    width: 100%;
}
.shopping-cart-total .total {
    float: right;
}
      
.shopping-cart .shopping-cart-items {
    padding: 20px;
    margin: 0;
}
    
span.total-text,
.total {
    font: normal normal normal 21px/34px Poppins;
    color: #0A0A0A;
}
    
.shopping-cart-view .shopping-cart-items img {
    float: left;
    width: 130px;
}
    
.shopping-cart-view .shopping-cart-items .item-name {
    display: block;
    padding-top: 10px;
    font-size: 16px;
}
    
.shopping-cart-view .shopping-cart-items .item-price {
    color: #0A0A0A;
    font: normal normal normal 21px/34px Poppins;
}
    
.cart-qty {
    text-align: left;
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #0A0A0A;
}

.button-container {
    display: grid;
    width: 180px;
}
    
.shopping-cart-view:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}

.cart-footer {
    margin-top: 2.5rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    width: 100%;
    margin-bottom: 15px;
}
.cart-footer .expand-close{
    margin: 0px 0px 16px;
    padding: 12px 40px;
}

.cart-footer a{
    margin-left: 5px;
}
.cart-footer a i{
    margin-right: 5px;
}

/*========================
    Checkout Style 
==========================*/

.checkout-sections .shipping-destination-accordion .accordion-item .accordion-title{
    background: rgb(243, 243, 243);
    color: rgb(85, 85, 85);
    font-size: 18px;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.checkout-sections .accordion-title{
    margin-top: 10px;
}

.checkout-sections .shipping-accordian.accordion-title i{
    margin-right: 0.5rem;
}

.checkout-sections .shipping-section-heading button{
    float: right;
}
.checkout-sections .card-title{
    font-weight: 700;
    font-size: 1.125rem;
}

.checkout-sections .shipping-section-heading{
    display: flex;
    justify-content: space-between;
    padding: 0px 1rem 0.5rem 1rem;
}
@media print, screen and (max-width: 48em) {
    .checkout-sections .shipping-section-heading{
        display: block;
    }
}
.checkout-sections .shipping-section-address{
    font-weight: 500;
}
.checkout-sections .shipping-address-section{
    background: 0% 0% no-repeat padding-box padding-box rgb(251, 252, 252);
    padding-top: 1rem;
}
.checkout-sections .Table-row-item button::after{
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    content: "\f48b";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-left: 0.5rem
}

.checkout-sections .accordion-content{
     padding-top: 0;
}
#ChangeItemAddressModal .reveal-body,
#AddressModal .reveal-body{
    padding: 1rem;
}
#ChangeItemAddressModal .reveal-body{
    height: 200px;
}

#checkout-progress {
    width: 90%;
    margin: 0px auto;
    font-size: 2.5em;
    font-weight: 900;
    position: relative;
    margin-bottom: 50px;
}

#checkout-progress:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;
    height: 2px;
    width: 99%;
    background-color: #7070704D;
    -webkit-transform: translateY(-50%) perspective(1000px);
    transform: translateY(-50%) perspective(1000px);
}

#checkout-progress:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    height: 2px;
    width: 98%;
    background-color: transparent;
    -webkit-transform: scaleX(0) translateY(-50%) perspective(1000px);
    transform: scaleX(0) translateY(-50%) perspective(1000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}


#checkout-progress.step-2:after {
    -webkit-transform: scaleX(0.333) translateY(-50%) perspective(1000px);
    transform: scaleX(0.333) translateY(-50%) perspective(1000px);
    background-color: #00A3E0;
}

#checkout-progress.step-3:after {
    -webkit-transform: scaleX(0.666) translateY(-50%) perspective(1000px);
    transform: scaleX(0.666) translateY(-50%) perspective(1000px);
    background-color: #00A3E0;
}

#checkout-progress.step-4:after {
    -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
    transform: scaleX(1) translateY(-50%) perspective(1000px);
    background-color: #00A3E0;
}

#checkout-progress.step-5:after {
    -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
    transform: scaleX(1) translateY(-50%) perspective(1000px);
}

#checkout-progress.step-6:after {
    -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
    transform: scaleX(1) translateY(-50%) perspective(1000px);
}

#checkout-progress .progress-bar {
    width: 100%;
    display: flex;
    height: 100px;
    justify-content: space-between;
    align-items: center;
}

#checkout-progress .progress-bar .step {
    z-index: 1;
    position: relative;
}

#checkout-progress .progress-bar .step .step-label {
    position: absolute;
    top: calc(100% + 25px);
    left: 50%;
    -webkit-transform: translateX(-50%) perspective(1000px);
    transform: translateX(-50%) perspective(1000px);
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    color: #9DA5AB;
    transition: 0.3s ease;
}

#checkout-progress .progress-bar .step span {
    color: #ccc;
    transition: 0.3s ease;
    display: block;
    -webkit-transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
}

#checkout-progress .progress-bar .step .fa-check {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}

#checkout-progress .progress-bar .step.active span,
#checkout-progress .progress-bar .step.active .step-label {
    color: #00A3E0;
}

#checkout-progress .progress-bar .step.valid .fa-check {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}

#checkout-progress .progress-bar .step.valid span {
    color: #00A3E0;
    -webkit-transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}

#checkout-progress .progress-bar .step.valid .step-label {
    font-size: 14px;
    letter-spacing: 0px;
    color: #0A0A0A;
}

.border-step {
    border: 2px solid transparent;
    width: 33px;
    height: 33px;
    border-radius: 50%;
}

#checkout-progress .progress-bar .step:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 49%;
    top: 49%;
    -webkit-transform: translate(-50%, -50%) perspective(1000px);
    transform: translate(-50%, -50%) perspective(1000px);
    width: 25px;
    height: 25px;
    background-color: #f3f3f3;
    border-radius: 50%;
    transition: 0.3s ease;
    background: #F3F3F3 0% 0% no-repeat padding-box;
    border: 2px solid #9DA5AB;
}

#checkout-progress .progress-bar .step.valid:after {
    background-color: #00A3E0;
    border: none;
}

.edit-button{
    font-size: 16px;
    letter-spacing: 0px;
    color: rgb(146, 146, 146);
    margin: 0px;
    font-family: Poppins;
    border: 1px solid rgb(146, 146, 146);
    padding: 5px 8px;
}

.button-container-checkout {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px;
}

.button-container-checkout .btnn.btn-prev {
    display: inline-block;
    background-color: #fff;
    border: 2px solid #00A3E0;
    color: #00A3E0;
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    width: 25%;
    margin-right: 10px;
}

.button-container-checkout .btnn.btn-next {
    display: inline-block;
    background-color: #00A3E0;
    border: 2px solid #00A3E0;
    color: #fff;
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    width: 25%;
}

.button-container-checkout .btnn.btn-action {
    display: inline-block;
    background-color: #00A3E0;
    border: 2px solid #00A3E0;
    color: #fff;
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    width: 25%;
}

.button-container-checkout .btnn.btn-next:hover {
    background: #3fbeed;
    border: 2px solid #3fbeed;
}

.button-container-checkout .btnn.btn-prev:hover {
    color: #7fceee;
    border: 2px solid #7fceee;
}

.checkout-sections section {
    width: 100%;
}

.checkout-sections .checkout-row {
    background-color: #fff;
    padding: 20px;
    display: table-cell;
}

.active .border-step {
    border: 2px solid #00A3E0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.credit-card-icon {
    display: inline-block;
    width: 1.3em;
    height: 0.9em;
    overflow: hidden;
    text-indent: -1000px;
    font-size: 2em;
    line-height: 1em;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-clip: border-box;
    border-radius: 0.1em;
    box-shadow: 0.02em 0.02em 0.1em 0em rgba(0,0,0,0.5);
}

.credit-card-expirationDate-seperator {
    padding: 0 2px;
    font-size: 1.5em;
}

.credit-card-expirationDate-group {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 35%;
}

.checkout-credit-card-expirationDate-group {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.checkout-credit-card-toggle {
    align-content: flex-end;
}

@media print, screen and (max-width: 64em) {
    .approval-credit-card-icon {
        bottom: 15px !important;
    }
}

@media print, screen and (max-width: 60em) {
    .approval-credit-card-icon {
        bottom: 31px !important;
    }

    .toggle-password {
        top:53% !important;
    }
}

@media print, screen and (max-width: 40em) {
    .checkout-credit-card-icon {
        bottom: 10px !important;
    }

    .approval-credit-card-icon {
        bottom: 10px !important;
    }

    .credit-card-icon {
        font-size: 2em;
    }
}

.checkout-credit-card-icon {
    position: absolute;
    right: 30px;
    bottom: 10px;
}

.approval-credit-card-icon {
    position: absolute;
    right: 30px;
    bottom: 10px;
}

.paymentinformation-payment-method {
    width: max-content;
}

/*========================
    Thumbnail Styles
==========================*/

.product-thumbnail {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    max-height: 100%;
}

.product-thumbnail img {
    width: 100%;
}

.no-thumbnail {
    text-align: center;
}

.no-image-icon::after {
    font-size: 6.25rem;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    content: "\f03e";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.cart-card .no-thumbnail,
.cart-accordion .no-thumbnail {
    background-color: #f2f2f2;
    padding: 1rem;
}

.cart-card .no-image-icon::after {
    font-size: 2rem;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    content: "\f03e";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.item-thumbnail.small {
    width: 100px;
    min-height: 100px;
}

.item-thumbnail.small .no-image-icon::after {
    font-size: 3rem;
}

.thumbnail-caption {
    margin-top: 1rem;
}



/*========================
    Modal Styles
==========================*/

#productModal {
    background: #f2f2f2;
}

.reveal {
    border-radius: 0;
    background-color: #f2f2f2;
    padding: 0;
}
.modal-body .reveal-footer {
    display: flex;
}
.reveal-footer .button{
    background: #00A3E0;
    color: white;
    text-align: center;
    padding: 7px 27px;
    text-decoration: none;
    border-radius: 0;
    font-size: 16px;
    margin: 25px 0 0 5px;
    width: auto;
}

.reveal:focus {
    outline: none;
}

.reveal .button.alert {
    background-color: #c8102e;
    color: #fff;
}


.reveal-title::after {
    content: '';
    background: transparent;
    width: 130px;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.reveal-title > h2 {
    margin-bottom: 0;
    padding-top: 0.75rem;
    font-size: 0.925rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.0725rem;
    color: #111;
    line-height: 1;
}

.reveal-body > div > div > h1 {
    text-align: center;
}

.reveal-body {
    padding-top: 0;
    padding-bottom: 2rem;
    padding: 1rem;
}

.reveal-body .input-group-button {
    margin: 0 1rem 0 1rem;
}

.reveal-footer {
    text-align: center;
}

.reveal-footer > .button {
    margin-bottom: 0;
}

.reveal-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

.reveal-body .page-heading {
    margin: 0;
}

.reveal-body .page-heading .grid-container {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}


/* Section1 css */

.Table {
    display: flex;
    flex-flow: column nowrap;
    box-pack: justify;
    justify-content: space-between;
    font-size: 1rem;
    margin: 0.5rem;
    line-height: 1.5;
}

.Table-header {
    display: none;
}

.Table-row {
    width: 100%;
}

.Table-row-item {
    display: box;
    flex-grow: 1;
    flex-basis: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    padding: 0.5em;
    word-break: break-word;
    margin: auto;
    font-weight: 400;
}

.Table-row .Table-row-item:nth-of-type(1) {
    flex-grow: 0.08;
}

.Table-row-item:before {
    content: attr(data-header);
    width: 30%;
    font-weight: 700;
}

.Table-header {
    text-align: left;
    font-size: 18px;
    letter-spacing: 0px;
    color: #0A0A0A;
    text-transform: uppercase;
}

.row-collection .Table-row {
    background: #FBFCFC 0% 0% no-repeat padding-box;
    margin-bottom: 10px;
    padding: 20px;
}

.Table-row-item h6 {
    font-size: 18px;
    letter-spacing: 0px;
    color: #929292;
    margin: 0;Table-row-item
    font-family: 'Poppins';
}

.Table-row-item h5 {
    font-size: 16px;
    letter-spacing: 0px;
    color: #929292;
    margin: 0;
    font-family: 'Poppins';
}

.Table-row-item p {
    font-size: 14px;
    letter-spacing: 0px;
    color: #9DA5AB;
    opacity: 0.75;
    margin: 0;
    font-family: 'Poppins';
}

.Table-row-item img {
    width: 150px;
}

.checkbox-checkout input[type="checkbox"] {
    background: #007BFF;
    border: 1px solid #007BFF;
    border-radius: 3px;
    font-size: 14px;
    transform: scale(1.3);
}

.Table-row.checked {
    background-color: #FFFDF8;
}

.back {
    display: inline-block;
    background-color: #fff;
    border: 2px solid #00A3E0;
    color: #00A3E0;
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    width: 25%;
    margin-right: 10px;
}
/* Address css */

.address {
    margin: 0;
    padding: 0;
}

.shipping-address {
    background: #FBFCFC;
    padding: 20px;
    margin-bottom: 30px;
}

.shipping-address h2 {
    font-family: 'Poppins';
    color: #555555;
}

.shipping-address button {
    margin: 0;
    border-radius: 0;
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Poppins';
    margin-left: 5px;
}

.shipping-address .shipping-address-button {
    margin-left: 10px;
    border: 1px solid #00A3E0;
    background-color: #fff;
    font-size: 10px;
    letter-spacing: 0px;
    color: #00A3E0;
    text-transform: uppercase;
}

.shipping-address .note-text {
    width: 100%;
}

.shipping-address button.button.update-selected {
    background: #00A3E0;
    border: 1px solid #00A3E0;
    font-size: 10px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.shipping-address button.button i {
    font-size: 12px;
    margin-right: 5px;
}

.shipping-address select {
    color: #555555;
    opacity: 0.3;
    font-size: 12px;
}
/* Section1 mobile css */

.section1-mobile hr {
    color: #eff0f0;
}

.section1-mobile .qty-input {
    display: flex;
    justify-content: space-between;
}

.profile__cta .select-item a {
    width: 100%;
    background-color: #e4e4e4;
    color: #a2a2a2;
    text-transform: uppercase;
    border: none;
}

.profile__cta .select-item a i{
    margin-right: 5px;
}

.profile__cta .select-item input {
    background-color: #e4e4e4;
    color: #a2a2a2;
    text-transform: uppercase;
    border: none;
    margin: 2px 5px 0 0;
}

.qty-input .qty-checkout {
    color: #a2a2a2;
}

.section1-mobile .profile {
    margin-bottom: 10px;
}
/* Mobile shipping address dropdown popup */

.shipping-address {
    position: relative;
}

.popup {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    z-index: 1;
}

.option {
    padding: 10px;
}

.popup hr {
    margin: 0;
    padding: 0;
}

.option input[type="radio"] {
    margin-top: 5px;
    margin-right: 0;
}

.popup input[type="radio"] {
    border: 2px solid #8C486F;
    background: #8C486F;
    accent-color: #8C486F;
}

.popup input[type="radio"]:checked {
    border: 2px solid #8C486F;
    background: #8C486F;
    accent-color: #8C486F;
}

.option label {
    color: #929292;
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}

.shipping-address input[type="text"] {
    border: 1px solid #e8e8e8;
    background: #F7F8F8;
    padding-left: 10px;
}

.popup-opened {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
/* Select address popup */

.addresses input::placeholder {
    color: #555555;
    font-size: 15px;
}

.addresses select,
.addresses input[type="text"] {
    border: none;
    border-bottom: 1px solid #707070;
    box-shadow: none;
}

.address-heading {
    padding: 0;
    margin: 0;
    color: #555555;
    font-size: 20px;
}
/* Section 2 accordian css */

.shipping-accordian,
.accordion-item.is-active .shipping-accordian {
    background: #E4E4E4;
    color: #555555;
    font-size: 18px;
    border-bottom: 1px solid #e6e6e6;
}

.nested-accordian,
.accordion-item.is-active .nested-accordian {
    background: #f3f3f3;
    color: #555555;
    font-size: 18px;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
}

.accordian-shipping-title {
    color: #C8102E;
}

.update-selected-method {
    margin: 0;
    background: #00A3E0;
    border: 1px solid #00A3E0;
    border-radius: 0;
    font-size: 14px;
    width: 100%;
}

.shipping-fulfillment select {
    border: none;
    border-bottom: 1px solid #707070;
    color: #555555;
    font-size: 15px;
    box-shadow: none;
    background-color: transparent;
}

.shipping-fulfillment h4 {
    color: #0A0A0A;
    font-size: 18px;
    padding-top: 6px;
    min-width: 166px;
}
/* suppress Fufillment title  */
.shipping-fulfillment > .shipping-method-section > div > div.card-divider > div{
    display: none;
}
.shipping-method-section{
    width: 100%;
}

#section2 ul.accordion,
.shipping-accordian-content.accordion-content {
    background: none;
    position: relative;
}
.shipping-accordian-content a i{
        margin-right: 5px;
}

.shipping-fulfillment {
    background: #FBFCFC;
    padding: 20px;
    margin-bottom: 15px;
    padding-top: 0;
}

.row-collection-accordian {
    background: none;
}

.shipping-accordian-content .Table-row .Table-row-item:nth-of-type(1) {
    flex-grow: 0.3;
}

.shipping-accordian-content {
    border-bottom: 1px solid #e6e6e6;
}


.shipping-method{
    margin: 0 3rem;
}

.shipping-account{
    margin: 0 3rem;
}

@media print, screen and (max-width: 48em) {
     .shipping-account-container .shipping-account,
    .shipping-method-container .shipping-method{
        margin: 0;
    }
     .nested-accordian, 
     .accordion-item.is-active .nested-accordian{
         font-size: 1rem;
         line-height: 1.2;
         padding-right: 2rem;
     }
}
.shipping-account h4{
    font-weight: 400;
    margin-top: 3px;
    margin-right: 10px;
    color: rgb(10, 10, 10);
    font-size: 18px;
}

.shipping-account .input-group{
    width: 100%;
}
.note-text-container{
    padding-left: 1rem;
    padding-right: 1rem;
}
/* Section2 Mobile */

.shipping-method-mobile {
    text-transform: uppercase;
    font-size: 16px;
    color: #718792;
    font-family: 'Poppins';
}

.section2-accordian-mobile .accordian-shipping-title {
    font-size: 16px;
    margin-bottom: 10px;
}

.section2-accordian-mobile .nested-accordian,
.section2-accordian-mobile .accordion-item.is-active .nested-accordian {
    font-size: 12px;
}

.section2-accordian-mobile .shipping-fulfillment {
    background: none;
    padding: 0;
}

.section2-accordian-mobile .note-text {
    margin-top: 10px;
}

.mobile-image-accordian img {
    width: 80px;
    margin-right: 10px;
}

.mobile-accordian,
.accordion-item.is-active .mobile-accordian {
    background: #fff;
    color: #555555;
    font-size: 18px;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 10px;
    box-shadow: 0px 3px 3px #00000029;
    padding: 8px;
}

.mobile-image-accordian {
    display: flex;
    align-items: center;
    width: 250px;
}

.mobile-image-accordian span {
    color: #929292;
    font-size: 14px;
}

.shipping-accordian-content-mobile {
    padding: 10px;
}

.shipping-accordian-content-mobile p.price-right {
    float: right;
}

.shipping-accordian-content-mobile h6 {
    color: #929292;
    opacity: 0.75;
    font-size: 12px;
}

.shipping-accordian-content-mobile p {
    color: #929292;
    opacity: 0.75;
    font-size: 12px;
    float: left;
    margin: 0;
}
/* Section3 css */

.section3-accordian {
    background: none;
    border: none;
}

.section3-accordian .accordion-content {
    background: #F7F8F8;
    border: none;
}

.section3-accordian .accordion-content:last-child {
    border: none;
}

.order-info input::placeholder {
    color: #555555;
    font-size: 15px;
}

.order-info select,
.order-info input[type="text"] {
    border: none;
    border-bottom: 1px solid #707070;
    box-shadow: none;
    background-color: transparent;
    padding-left: 0;
}

input::placeholder {
  opacity: 50%;
}

.checkout-table .Table-row .Table-row-item:nth-of-type(1) {
    flex-grow: 0.7;
}

.checkout-table .Table-row-item {
    font: normal normal normal 14px/53px Poppins;
    letter-spacing: 0px;
    color: #0A0A0A;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.checkout-table .Table-row-item img {
    width: 80px;
}

.checkout-table .Table-row-item h6,
.checkout-table .Table-row-item p,
.checkout-table .Table-row-item h5 {
    font-size: 12px;
}

.checkout-table.Table {
    margin: 0;
    padding: 0;
}

.checkout-table .row-collection-accordian {
    overflow: auto;
    height: 313px;
}

.checkout-table .row-collection-accordian::-webkit-scrollbar {
    width: 5px;
}

.checkout-table .row-collection-accordian::-webkit-scrollbar-track {
    background-color: #F7F8F8;
}

.checkout-table .row-collection-accordian::-webkit-scrollbar-thumb {
    background-color: #8E8E8E;
    border-radius: 82px;
}

.checkout-table .row-collection-accordian::-webkit-scrollbar-thumb:hover {
    background-color: #222;
}

.coupon-note.note-text .note {
    font-size: 14px;
}

.checkout-total td {
    font-size: 15px;
    letter-spacing: 0px;
    color: #555555;
    font-family: 'poppins';
    white-space: normal;
}

.checkout-total tfoot {
    background: none;
    border: none;
    border-top: 1px solid #D9DFE3;
}

.checkout-total tfoot td {
    color: #555555;
    font-size: 20px;
    font-weight: 400;
}

.coupon-accordion{
    min-height: 267.72px;
}

#couponCodeTableBody .button {
    background-color: white;
    padding: 0 12px;
    border: none;
    color: #0c3d5d;
}

#couponCodeTableBody .button:hover {
    background-color: gainsboro;
}

/* Section4 css */

.alert-box.success {
    display: flex;
    align-items: flex-start;
    background: #0EE60E36;
    border: 1px solid #0EE60E00;
    font-size: 16px;
    color: #087B08;
    padding: 1rem;
}

.alert-box.info {
    display: flex;
    align-items: flex-start;
    background: #DBF7FF;
    padding: 1rem;
    border: none;
}

.alert-box.info li {
    font-size: 16px;
    color: #58747D;
}

.alert-box i.fa-check {
    border: 2px solid #087B08;
    border-radius: 50%;
    padding: 0.3em 0.325em;
    margin-right: 0.5rem;
}

.alert-box i.fa-info {
    border: 3px solid #58747D;
    border-radius: 50%;
    padding: 8px;
    margin-right: 0.5rem;
    height: 25px;
    line-height: 0;
}

.alert-box .close-button-alert {
    color: #087B08;
    font-size: 14px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin-left: 10px;
}

.alert-box .close-button-alert i.fa-times {
    border: 1px solid #087B08;
    border-radius: 3px;
    padding: 7px;
    position: absolute;
    right: 6px;
    top: 10px;
}

.alert-box span {
    margin-left: 0.5rem;
    flex-grow: 1;
}

.alert-box.callout {
    font-size: 16px;
    color: #087B08;
}

.alert-box.callout.alert {
    color: #000;
}

.alert-box.callout.alert .close-button-alert i.fa-times {
    border: 1px solid #000;
}
.alert-box.callout.alert .close-button-alert {
    color: #000;
}
.alert-box.callout.alert .close-button-alert i.fa-times {
    border: none;
}


.btn-print {
    display: inline-block;
    background-color: #00A3E0;
    border: 2px solid #00A3E0;
    color: #fff;
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    width: 25%;
    margin-left: 10px;
}

.btn-print:hover {
    background: #3fbeed;
    border: 2px solid #3fbeed;
}

.btn-print a {
    color: #fff;
}

.button-container-checkout-confirm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 2rem 0 1rem 0;
}

.button-container-checkout-confirm a.hollow.back-button {
    margin-right: 5px;
    padding: 0 2rem;
}

    .button-container-checkout-confirm .primary {
        margin-top: 0;
        padding: 16px 20px;
    }

@media screen and (max-width: 48em) {
    .button-container-checkout-confirm a.hollow.back-button {
        margin-right: 0;
    }
}

.order-submitted {
    background: rgb(255, 255, 255);
    padding: 20px;
    border: 1px solid rgb(255, 255, 255);
    margin-bottom: 10px;
}

.order-submitted h4 {
    color: #555555;
    font-size: 17px;
    font-family: 'poppins';
}

    .order-submitted h3 {
        letter-spacing: .2px;
        color: #929292;
        text-transform: capitalize;
        font-size: 1.1rem;
        font-family: 'poppins';
    }

.order-submitted p {
    color: #000000;
    opacity: 0.8;
    font-size: 15px;
}

.order-confirmation-table .Table-row .Table-row-item:nth-of-type(1) {
    flex-grow: 1;
}

.order-confirmation-table .row-collection-accordian img {
    width: 68px;
    float: left;
    margin-right: 20px;
}

.order-confirmation-table .Table-header {
    background: #e4e4e4;
    padding: 7px 20px;
}

.order-confirmation-table .row-collection-accordian {
    background: #F7F8F8;
    padding: 20px 0;
}

.order-confirmation-table {
    margin: 0;
    margin-top: 20px;
}

.total-table.Table-row-item,
.order-total-table.Table-row-item {
    display: flex;
    justify-content: space-between;
}

.total-table.Table-row-item h4 {
    margin-right: 10px;
}

.total-table.Table-row-item h5 {
    margin-left: 10px;
}

.total-table.Table-row-item h4 {
    color: #555555;
    font-size: 18px;
    font-family: 'Poppins';
    width: 60%;
}

.order-total-table h4,
.order-total-table h5 {
    color: #C8102E;
    font-size: 25px;
    font-family: 'Poppins';
}

.row-collection-accordian hr {
    border: 1px solid #E4E4E4;
    margin: 10px;
}

.important-note-checkout h4 {
    color: #555555;
    font-size: 18px;
    margin-bottom: 10px;
}

.important-note-checkout {
    margin-top: 30px;
    margin-bottom: 50px;
}

.important-note-checkout ul li {
    color: #0A0A0A;
    font-size: 14px;
    margin-bottom: 10px;
}

.important-note-checkout h5 {
    color: #0a0a0a;
    font-size: 18px;
    margin-bottom: 10px;
}

.important-note-checkout p {
    color: #C8102E;
    font-size: 18px;
    margin-bottom: 10px;
}

.important-note-checkout .flex-child-shrink {
    margin-bottom: 10px;
}

.important-note-checkout .flex-child-shrink a {
    font-size: 18px;
    color: #768692;
    letter-spacing: 0.54px;
}

.important-note-checkout .flex-child-shrink a:hover {
    color: #00A3E0;
}

.important-note-checkout ul li{
    list-style-type: disc;
}

.order-confirm-mobile {
    background: #F7F8F8;
    padding: 20px;
    margin-top: 10px;
    width: 100%;
}

.mobile-total p {
    color: #555555;
    font-size: 13px;
    margin-bottom: 0.52rem;
}

.mobile-total h3 {
    color: #C8102E;
    font-size: 20px;
    border-top: 1px solid #D9DFE3;
}

.mobile-total h4 {
    font-size: 15px;
    color: #555555;
}

.mobile-total {
    background: #F7F8F8;
    padding: 20px;
    margin-top: 10px;
}

/*========================
    Footer Style 
==========================*/
@media print,
screen and (max-width: 48em) {
    .footer-inner .copyright{
        margin-bottom: 1rem;
    }
}


footer p,
footer a{
    font-size: .85rem;
    font-weight: 400;
}

.footer {
    background: #fff url('/image/footer-sep.png');
    padding: 20px;
    text-transform: uppercase;
    width: 100%;
    padding-top: 40px;
    background-repeat: no-repeat;
    opacity: 91%;
    background-size: contain;
}

.footer-eegees {
    background: #e5f2f6;
    border-top: 8px solid #52BFB8;
    padding: 20px;
    text-transform: uppercase;
    padding-top: 40px;
    opacity: 85%;
}

.footer-dial {
    background: #e5f2f6;
    border-top: 8px solid #5284C1;
    padding: 20px;
    text-transform: uppercase;
    padding-top: 40px;
    opacity: 85%;
}

.footer-right {
    text-align: right;
}

.footer-right a {
    padding-left: 7px;
    color: #555555;
}

.footer-right span {
    font-weight: 400;
}

.footer-right div {
    padding-bottom: 8px;
}

.footer-right a:hover {
    color: #1779ba;
}

.cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.footer-gradient {
    background-image: linear-gradient( to right, #1ba6df, #c2d72f, #fab518, #f16b35, #da1f32);
}

footer .footer-inner {
    border-top: 0.25px solid #eee;
    padding: 2rem 0.75rem;
}
.footer-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.footer-grid > .large-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    width: auto;
}

@media print, screen and (max-width: 992px) {
    .footer-grid > .large-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%;
        text-align: center;
    }
}

footer .footer-inner {
    border-top: 0.25px solid #eee;
    padding: 2rem 0.75rem;
}

footer a {
    color: #00a3e0;
    word-break: break-all;
}

    footer a:hover {
        color: #148bc6;
    }

footer .tagline {
    font-size: 1.125rem;
}

@media print, screen and (max-width: 32em) {
    footer .tagline {
        font-size: 1rem;
    }
}

.align-right {
    text-align: right;
}

@media print, screen and (min-width: 40em) {
    .align-right-medium {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media print, screen and (min-width: 64em) {
    .footer-right {
        margin-top: 0;
    }

    .align-right-large {
        text-align: right;
    }
}






/* Floating logo css */

.topnav {
    position: absolute;
    padding: 20px;
    top: 20%;
    right: 0;
    z-index: 9;
}

.topnav li {
    list-style: none;
}

.topnav img {
    width: 100px;
    padding: 10px;
}


#productModal .grid-container {
    margin-top: 1rem;
}

#productModal #expandButton {
    display: none;
}

#productModal .table-expand th {
    text-align: left;
    font-size: 15px;
    color: #555555;
    opacity: 0.5;
}

#productModal .table-expand td span {
    font-size: 14px;
    color: #555555;
    padding: 5px;
}

#productModal .table-expand td {
    background-color: #fcfcfc;
}

#productModal .button {
    margin: 0;
}
#feature-selection-modal{
    padding: 1rem;
}

a.add-button{
    margin: 0;
    float: right;
    padding: 9px 30px;
}


.profile .table-expand td{
    white-space: normal;
    font-weight: 600;
    color: #000000;
    opacity: .5;
    font-size:.75rem;
}

.profile-page .tabs .tabs-title a{
    padding: 0;
}

.profile-page .cover-photo{
    min-height: 223.73px;
}

.profile-page .input-group input{
    margin-bottom: 1rem;
}

.profile-page .page-actions .button{
    width: 32%;
}
/*
.profile-page nav[aria-label="Pagination"] {
   margin-top: 0;
}
*/
.dataTables_length label{
    text-wrap: nowrap;
    white-space: nowrap;
}
.registration-approval-groups-view .dataTables_length label,
.history-group-view .dataTables_length label,
.coop-funds-view .dataTables_length label{
    margin-left: 12px;
}

.justify-right{
    float: right;
}

/*========================
    Callout/Alert Styles
==========================*/
.page-content .callout,
.profile-page .callout {
    margin: 0 0 1rem 0;
}

.callout {
    border: none;
    background-color: #eee;
    padding: 1.25rem;
    color: #0a0a0a;
    margin: 0;
}

.callout-body {
    font-size: 0.85rem;
    line-height: 1.6;
}

.callout a {
    font-size: 0.875rem;
}

.callout.large {
    padding: 2rem;
}

.callout.primary {
    background-color: #e6f8ff;
    border-color: #b3ebff;
}

.callout.secondary {
    background-color: #f1f2f4;
    border-color: #d5d9dd;
}

.callout.success {
    background-color: #eafaee;
    border-color: #c1f0cd;
}

.callout.warning {
    background-color: #fff8e6;
    border-color: #ffe9b3;
}

.callout.alert {
    background-color: #fde7eb;
    border-color: #f9b8c3;
}

.callout.global {
    background-color: rgba(118, 134, 146, 0.8);
    border-color: rgba(118, 134, 146, 0.8);
    color: #fff;
}

.callout.global .callout-title {
    margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
    position: relative;
    text-transform: uppercase;
}

.callout.global .callout-title:after {
    content: '';
    width: 25%;
    height: 1px;
    background-color: #e4e4e4;
    position: absolute;
    left: 0;
    bottom: 0;
}

.callout.global a {
    color: #ffc72c;
}

.callout.global .button {
    background-color: #0d0f22;
    color: #fff;
}

#cookieConsent {
    border-left: none;
    border-right: none;
    position: fixed;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    width: 100%;
    z-index: 10;
}

/*========================
    Product Styles
==========================*/
@media print, screen and (min-width: 87em) {
   .is-reveal-open .grid-margin-x .products-grid {
        width: calc(33.33333% - 1.875rem);
    }

   .is-reveal-open .grid-margin-x .cart-grid {
        width: calc(33.33333% - 1.875rem);
    }
}

/*========================
    Product Reveal Styles
==========================*/

/* Cart level reveal css */

.cart-view-reveal .reveal-body .flex-container .button {
    margin: 0px;
    float: none;
}
.cart-view-reveal .reveal-heading h2{
    font-size: 1.2rem;
}
.cart-view-reveal .reveal-body .accordion-title {
    display: block;
}
.cart-view-reveal .accordion-content .profile{
    grid: 0 repeat(5, auto) / 100%;
}
.cart-view-reveal .accordion-content .card-section{
    background: #fff;
}
.cart-view-reveal .reveal-body .profile__info h3 {
    font-size: .925rem;
}
.cart-view-reveal .reveal-title>h2 {
    display: block !important;
}

.cart-view-reveal .cart-item {
    margin-bottom: 2rem;
}

.cart-view-reveal .profile__info {
    min-height: 168px;
}
/*========================
    Cart Styles
==========================*/

.cart-items-heading {
    display: none;
    border-bottom: none;
    padding-bottom: 1rem;
}

.cart-items-list > li {
    border-bottom: 0.5px solid #e7e7e7;
    padding: 0.9375rem 0;
}

.cart-items-list > li:last-child {
    border-bottom: none;
    padding: 0.9375rem 0;
}

.cart-items-list .button-group {
    margin-bottom: 0;
}

.cart-item-details-list > li {
    margin-bottom: 0.5rem;
}

.cart-item-details-list > li:last-child {
    margin-bottom: 0;
}

.cart-card .media-object img {
    max-width: 100%;
}

.cart-card .item-thumbnail {
    width: 100px;
    height: 100px;
}

.cart-card .no-thumbnail {
    width: 100px;
    height: 100px;
}

@media print, screen and (max-width: 39.99875em) {
    .cart-items-list .cart-item {
        text-align: center;
    }

    .cart-card .item-thumbnail {
        margin: 0 auto 1rem auto;
    }

    .cart-card .item-details {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }

    .cart-items-list .item-actions {
        margin-top: 1rem;
    }
}

@media print, screen and (min-width: 40em) {
    .cart-items-heading {
        display: block;
    }

    .cart-card .item-thumbnail,
    .cart-card .item-details {
        display: inline-block;
    }

    .cart-card .item-details {
        margin-left: 1rem;
        vertical-align: top;
    }
}

/*========================
    Register Styles
==========================*/
.form-registration fieldset .button{
    width: auto;
    padding: 10px;
    margin-top: 10px;
}
.form-registration fieldset .button.login{
    width: auto;
    padding: 10px;
    margin-top: 10px;
    color: #1779ba;
}
.form-registration fieldset .button.login:hover {
    color: #fff;
}

.form-registration .grid-x.grid-padding-x .medium-12.cell{
    margin-bottom: 1rem;
}



/*========================
    Page Heading Styles
==========================*/




/*========================
    Universal Page Styles
==========================*/

.filter-actions {
    text-align: center;
}

/*========================
    Image Library Styles
==========================*/

.image-library-tags {
    padding: 1rem;
}

.image-library-tags > .label {
    margin: 0.15rem;
}

/*New Featured Products On Home Page*/

/* Featured Products */

.listed-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 3rem auto;
    text-align: center;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 90rem;
}
.listed-product-container {
    display: flex;
    justify-content: center;
    max-width: 75rem;
    margin: 6rem auto;
}

@media print, screen and (max-width: 64em) {
    .listed-product-container {
        display: block;
    }
}


@media print, screen and (min-width: 48em) {
    .listed-container {
        display: flex;
        flex-direction: column;
        align-items: initial;
    }
}



.featured-content, .top-content, .new-content {
    margin: 1rem 2rem;
    background-color: rgb(249, 249, 249);
    float: left;
}

.section-title {
    margin: 2rem 0;
    font: 300 1.25rem / 1.5 "Poppins", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-align: center;
    color: #111;
}

.feature-product-thumbnail {
    height: 12.5rem;
    width: 12.5rem;
}

.feature-product-button-left {
    margin-top: 10% !important;
    width: 20%;
    cursor: pointer;
    margin: 0 auto;
}

.feature-product-button-right {
    margin-top: 10% !important;
    width: 20%;
    margin: 0 auto;
    cursor: pointer;
}

.feature-product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 0px;
    align-items: center;
}

.feature-product-grid-image-name {
    display: grid;
    grid-template-columns: 12.5rem;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-content: center;
    height: 2rem;
    margin-top: 50%;
}

.feature-product-content-center {
    margin: auto;
}

.feature-product-grid-image-name{
    margin-top: 0;
}

/* Feature Products On My Account Page*/

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}


/* Modal Content */

.feature-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place front is invalid - may break your css so removed */
    padding-top: 100px;
    /* Location of the box - don't know what this does?  If it is to move your modal down by 100px, then just change top below to 100px and remove this*/
    left: 0;
    right: 0;
    height: 20%;
    /* Full width (left and right 0) */
    overflow: auto;
    /* Enable scroll if needed */
    z-index: 9999;
    /* Sit on top - higher than any other z-index in your site*/
}

.feature-modal-content {
    height: 10rem;
    overflow-y: scroll !important;
}

.feature-add-button {
    margin-top: 3%;
}

.featureProduct {
    text-align: center;
}

.file-drop-zone {
    min-height: 150px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.order-edit .file-drop-zone {
    margin: 1rem auto;
}

.quick-view-cart .grid-container {
    margin-top: 0;
}

.eddmGetQuote {
    border-color: rgb(242, 242, 242);
    background-color: rgb(242, 242, 242);
    padding: 1.5625rem;
    color: black;
    margin: 75px 10px 10px 40px;
}

.eddmStandard {
    border-color: rgb(242, 242, 242);
    background-color: rgb(242, 242, 242);
    padding: 1.5625rem;
    color: black;
    margin: 75px 5px 10px;
}

.eddmSideCard {
    height: 55%;
    width: 90%;
}

#eddmSideCard2 {
    display: none;
    margin-top: 1rem;
    width: 100%;
    align-content: center;
    font-size: 1.2rem;
    position: inherit;
    bottom: 50%;
}

#eddmSideCard2 .darkTable{
    border: 1px solid #DDE1E6;
}
#eddmSideCard2 .darkTable thead{
    background: #f7f8f8;
}
#eddmSideCard2 .darkTable th{
    padding: 10px 0 0 10px;
    background: #f7f8f8;
}

#eddmSideCard2 .darkTable tbody {
    border: none;
    background: #fff;
    color: #9DA5AB;
    text-transform: uppercase;
}

.eddmPPD {
    margin-top: 10px;
}

.eddmBtn {
    width: 95px;
    float: left;
}

.modal-open::before{
    background-color: rgba(0,0,0,0.7);
    position:absolute;
    top: 0;
    left:0;
    bottom:0;
    width: 100%;
    content: "";
}

#eddmMapv2 {
    display: none;
    position: fixed;
    padding-top: 30px;
    inset: 15% 0px 14%;
    top: 2rem;
    width: 100%;
    overflow: hidden;
    max-height: 1050px;
    height: max-content;

}

#eddmMap {
    height: 35vw;
}

@media print, screen and (max-width: 48em){
    #eddmMap {
        height: 100vw;
    }
}

.eddmMapModal .button-group.close-button{
    position: initial;
    margin-left: 1rem;
    margin-top: 1rem;
}
.eddmMapBody .button-group.close-button{
    position: absolute;
    top: 0;
    right: 1rem;
    margin-top: 1rem;
}

#eddmMapv2::before{
    background-color: rgba(0,0,0,0.5);
    content: "";
    width: 100%;
}
#eddmHelpModal .help-modal-content{
    padding: 1rem;
}

#iFrameEddmMap{
    width:100%;
    height: 100%;
    overflow:hidden;
}

.eddmMapBody {
    max-height: 950px;
    height: 100%;
    overflow: auto;
}

.cart-card .card-section,
.accordion-card .card-section {
    background-color: #fff;
}

#eddmHelpModal {
    display: none;
    position: fixed;
    padding-top: 100px;
    inset: 15% 0px 14%;
    z-index: 9999;
    width: 100%;
    overflow: auto;
    max-height: 1050px;
    font-size: 1.1rem;
}

.eddmContainer{
    display: inline-grid;
}

.eddmContainer > .help-text + #eddmCreateBtn{
    width: 25%;
}

#eddmCreateBtn {
    position: inherit;
    margin-top: 1rem;
    padding: 12px 1rem;
}
@media print, screen and (max-width: 48em){
    .eddmContainer > .help-text + #eddmCreateBtn{
        width: 100%;
    }
}

.eddmContainer > .help-text{
    white-space: normal;
}

.success{
    border: none;
}
.notify-me-input {
    width: 50%;
}

.bundled-product-grid-x {
    align-content:flex-end;
    width:100%;
}

@media print, screen and (max-width: 30em){
    .footer-inner .support {
        display: grid;
    }
}
tbody {
    background: transparent;
}

.hidden{
    display: none;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

#message-box {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgb(219, 247, 255);
  padding: 20px;
  z-index: 1000;
  text-align: center;
}
#confirm-button{
    margin: 1rem 0 0 0;
}

.apply-btn {
    background-color: white;
    border: 2px solid rgb(214, 219, 219);
    margin-left: 6px;
    padding: 10px;
    font-weight: 400;
    color: #000000;
}

.apply-btn:hover {
    background-color: gainsboro;
}

#discountCodeResponse-nextLine em,
#discountCodeResponse em {
    color: red;
}

.coupon-code-em {
    font-size: .80rem;
}

@media print, screen and (min-width: 48em) {
    .page-content .grid-container .card-section .cell .back-button,
    .page-content .grid-container .tabs-content .cell .back-button {
        float: left;
        margin-right: 1rem;
    }
}
@media print, screen and (max-width: 48em) {
    .page-content .grid-container .card-section .cell button[name="FulfillmentMethod"],
    .page-content .grid-container .tabs-content .cell .back-button {
        width: 100%;
    }
    .accordion .cell .back-button, 
    .cell button[name="FulfillmentMethod"] {
        width: 100%;
    }
}

.third-party-vendor-name{
    display:none;
}
.page-dynamic-fields .personalize-form-group .form-group .input-group .fieldset input[type="checkbox"]{
    margin: 0;
}
.page-dynamic-fields #imageLibraryFiles .image-library-card {
    border: 1px solid #CDCDCD;
    padding: 10px;
}

.page-dynamic-fields #imageLibraryFiles .image-library-card .card-divider .card-actions {
    margin: 0 auto;
}

.page-dynamic-fields #imageLibraryFiles .image-library-card .image-library-tags .label {
    font-size: 0.56rem;
}

.page-dynamic-fields [type="search"] {
    height: 38px;
}

.page-dynamic-fields label{
    font-size: 1rem;
}

.page-dynamic-fields .personalize-form-group .form-group .input-group input::placeholder{
    font-weight: 400;
    font-size: .95rem;
}

.page-dynamic-fields .personalize-form-group .form-group .input-group{
    margin-bottom: 0;
}

.page-dynamic-fields .personalize-form-group .input-group input{
    margin-bottom: 0;
}

.page-dynamic-fields .personalize-form-group .form-group > .input-group {
    margin-top: 0;
    margin-bottom: 0;
}
.page-dynamic-fields .personalize-form-group div {
    height: auto;
}

.page-dynamic-fields .personalize-form-group .loader,
.page-dynamic-fields .personalize-form-group .loader {
    height: 60px;
}

.personalize-form-group .help-text{
    display: inline-block;
    max-width: 60vw;
}

.personalize-form-group .button,[type=checkbox],[type=file],[type=radio] {
    margin: 0;
}

.data-set table.striped.hover.stack{
    margin-top: 2rem;
}

.data-set table thead th{
   background: #f2f2f2;
}

.data-set table.striped.hover.stack tr{
    background-color: #e6f8ff;
    margin-top: 7rem;
    border-bottom: 1px solid #c5c5c5;
} 

.data-set table .button-group.small{
      margin: .5rem 0;
}

.data-set table.striped.hover.stack .button-group.small{
    float: right;
}
@media print,
screen and (max-width: 64em) {
    .data-set table.striped.hover.stack .button-group.small{
        float: none;
    }
    .data-set table.striped.hover.stack{
        margin-top: 0;
    }
}
.data-set .flex-container .button {
    float: none;
}

.data-set-instructions ol li,
.personalize-fields-grid ol li{
    list-style-type: decimal;
}

.data-set-instructions ul li,
.personalize-fields-grid ul li{
    list-style-type: disc;
}

.page-saved-data-sets .personalize-fields-grid .form-group input{
    margin-bottom: 1.5rem;
}

.has-tip {
    margin-left: 2px;
    width: 18px;
    height: 22px;
    background: gainsboro;
    padding: 0px 5px;
    display: inline;
    border-bottom: none;
}

.word-break {
    word-wrap: break-word; /* All browsers since IE 5.5+ */
    overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */
    width: 100%;
}
/*========================
    Site Updating Styles
==========================*/

.updating-container {
    margin: 0 auto;
    max-width: 500px;
}


/*========================
    Closed Site Styles
==========================*/

.closed-container {
    margin: 0 auto;
    max-width: 500px;
}


/*========================
    Data-Toggle Styles
==========================*/

.collapse {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}  


/*========================
    Switch Styles
==========================*/

.switch {
    color: #fff;
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0;
}

.switch-paddle {
    background: #c6cdd2;
    min-width: 4.1rem;
}

    .switch-paddle::after {
        background: #fff;
    }

input:checked ~ .switch-paddle {
    background: rgb(33, 150, 243);
}

.switch-active {
    color: #fff;
}

.switch.small .switch-paddle {
    position: relative;
    cursor: pointer;
    inset: 0px;
    transition: all 0.4s ease 0s;
    border-radius: 34px;
    margin-top: 1rem;
}
.switch.small .switch-paddle::after {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    transition: all 0.4s ease 0s;
    border-radius: 50%;
}
.dataTables_allUsers label{
    margin-top: 1rem;
}



/*========================
    Loader Styles
==========================*/

.loader {
    border: 6px solid #c6cdd2;
    border-top: 6px solid #00a3e0;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
}

.page-loader .loader-container {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.page-loader .loader {
    margin: 0 auto;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
}

.loader-text {
    margin-top: 0.75rem;
}

.page-loader {
    display: none;
    background-color: rgba(255, 255, 255, .95);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@keyframes spin-center {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
    }
}


/*===========================
    Product Details Styles
=============================*/

.reveal#productDetails .reveal-body {
    padding-top: 0;
}

.reveal .page-heading {
    margin-top: 0;
}


/*========================
    Personalize Styles
==========================*/

.personalize-product-grid,
.personalize-fields-grid {
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.personalize-card {
    background: linear-gradient(to right, #fff, #f2f2f2, #fff);
    border: none !important;
    margin-bottom: 2.5rem;
    padding: 1.5rem 1.25rem;
    text-align: center;
}

.personalize-card .card-section {
    padding-bottom: 0;
}

.personalize-card .card-image .product-thumbnail {
    max-width: 200px;
    max-height: 200px;
}

.personalize-card .item-id {
    color: #00a3e0;
    font-weight: 500;
}

.personalize-fields-message {
    border-bottom: 1px solid #e4e4e4;
    margin-top: 0;
    margin-bottom: 3rem;
    padding-bottom: 1.5rem;
    text-align: center;
}

.personalize-form-group + .field-instructions {
    margin-top: -1.25rem;
    margin-bottom: 1rem;
    margin-left: 0.25rem;
}

.personalize-form-group {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
    /*align-items: center;*/
    margin-bottom: 0.25rem;
}

.personalize-form-group .form-group {
    flex: 1 1 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-bottom: 1rem;
}

.personalize-form-group .form-group.no-progress {
    margin-bottom: 2rem;
}

.personalize-form-group .image-upload-name,
.personalize-form-group .statement-builder-display {
    margin-bottom: 1rem;
}

.personalize-form-group .input-group .prompt {
    min-height: 2.4375rem;
    vertical-align: middle;
    margin: 0 0 1rem;
    line-height: 2.4375rem;
}

.personalize-form-group .progress {
    margin-bottom: 0.25rem;
}

/*.page-dynamic-fields .personalize-form-group {
        flex-flow: column;
}*/

@media print, screen and (min-width: 62em) {
    .personalize-form-group .form-group:not(:only-child) {
        flex: 0 1 auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
    }
}

.personalize-form-group select,
.personalize-form-group div {
    flex: none !important;
}

@media print, screen and (max-width: 48em) {
    .personalize-form-group select,
    .personalize-form-group div {
        flex: auto !important;
    }
}

#addFormGroup .input-group input{
    margin-bottom: 0;
}
/*========================
    Crop Tool Styles
==========================*/

.crop-tools > .button-group {
    display: inline-flex;
}

.crop-area {
    max-width: 100%;
    width: 100%;
    max-height: 45%;
}

.crop-preview {
    width: 300px;
    height: 300px;
    overflow: hidden;
}

    .crop-preview img {
        max-width: 100%;
    }

.zoom-in-icon:before {
    content: "\f00e";
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.zoom-out-icon:before {
    content: "\f010";
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.rotate-right-icon:before {
    content: "\f01e";
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.rotate-left-icon:before {
    content: "\f0e2";
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.reset-crop-icon:before {
    content: "\f021";
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.undo-crop-icon:before {
    content: "\f048";
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.redo-crop-icon:before {
    content: "\f051";
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.crop-icon:before {
    content: "\f125";
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/*========================
    Proof Styles
==========================*/

.page-proof .card-image {
    display: none;
}

.page-proof .page hr {
    display: none;
}

.proof-disclaimer-grid {
    justify-content: center;
}

.proof-object {
    width: 100%;
    min-height: 600px;
}

.proof-cell {
    text-align: center;
}

.proof-image {
    margin-bottom: 1rem;
}

.page-proof .cart-footer .button,
.page-proof  .page-actions .button {
    width: auto;
    min-width: 240px;
}
@media (max-width: 48em) {
    .page-proof .cart-footer .button,
    .page-proof  .page-actions .button {
        width: 100%;
    }
}

/*========================
    Data Set Classes
==========================*/
.dataset-rmi-select {}
.dataset-rmi-select > option:disabled {
    display:none;
}
.dataset-item-metadata-button {}
.dataset-value-usedefault-button {}
.dataset-value-undovalue-button {}
.dataset-value-metadata-button {}


/*========================
    Icon Styles
==========================*/

.cart-button::before {
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    content: "\f07a";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.language-button::before {
    font-family: 'Font Awesome 6 pro';
    font-weight: 900;
    content: "\f57d";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.language-button.dropdown::after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 1rem;
    content: "\f107";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    border: none;
    margin-left: .5em;
}
/*==========================
    Select Language Styles
============================*/

#language-container #languageDisplay {
    color: #00a3e0;
    font-weight: 600;
}

#language-container .update-language-button {
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 0;
}
/*========================
    Report Filter Card 
    Styles
==========================*/

.report-filter-card {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

/*========================
    Status Text Styles
==========================*/

.status-text-unknown {
    color: inherit;
}

.status-text-saved {
    color: #c8102e;
}

.status-text-pending-approval {
    color: #ffc72c;
}

.status-text-submitted {
    color: #00a3e0;
}

.status-text-shipped {
    color: #2db94d;
}

.status-text-invoiced {
    color: #f7931e;
}

.status-text-in-production {
    color: #addfff;
}
/*========================
    Dashboard Styles
==========================*/

.page-title.dashboard-title {
    align-items: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    justify-content: space-between;
    -webkit-box-pack: end;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}

.dashboard-heading-actions input {
    margin: 0;
}

.off-canvas#filters {
    background-color: #f2f2f2;
}

.chart-card {
    min-width: 100%;
}

.report-group-card .report-group-item {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.report-group-card .report-filter-button,
.report-group-card .apply-filter-button {
    padding: 0;
    text-transform: none;
}

.number-card.toolbar-card .card-divider {
    border-bottom: none;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.number-card.toolbar-card .card-toolbar {
    position: absolute;
    right: 0;
    bottom: 0;
}

.number-card .card-section {
    padding-top: 0;
    position: relative;
}

.number-card .number-display {
    font-size: 2rem;
}

.table-card table tbody,
.table-card table tbody tr {
    background-color: #f2f2f2;
}

/*========================
    Print Styles
==========================*/

@media print {
    header {
        /*display:none;*/
    }

    .top-bar-controls,
    .top-bar-responsive {
        display: none;
    }

    .top-bar-brand {
        width: calc(25% - 1.875rem) !important;
    }

    .page-heading {
        margin: 0.5rem 0 0.5rem;
        width: calc(75% - 1.875rem) !important;
        position: absolute;
        left: 25%;
        top: -65px;
    }

    .page-heading .page-title {
        font-size: 2rem;
        font-weight: 500;
        padding-bottom: 0;
    }

    footer {
        display: none;
    }

    a {
        text-decoration: none;
    }

    a[href]:after {
        content: none !important;
    }

    .button {
        display: none !important;
    }

    .print-full-width {
        width: calc(100% - 1.875rem) !important;
    }

    .no-print {
        display: none;
    }

    .order-details-list li {
        width: 25%;
        float: left;
    }

    .accordion-title::before {
        display: none;
    }

    .grid-margin-x > .print-1 {
        width: calc(8.33333% - 1.875rem) !important;
    }

    .grid-margin-x > .print-2 {
        width: calc(16.66667% - 1.875rem) !important;
    }

    .grid-margin-x > .print-3 {
        width: calc(25% - 1.875rem) !important;
    }

    .grid-margin-x > .print-4 {
        width: calc(33.33333% - 1.875rem) !important;
    }

    .grid-margin-x > .print-5 {
        width: calc(41.66667% - 1.875rem) !important;
    }

    .grid-margin-x > .print-6 {
        width: calc(50% - 1.875rem) !important;
    }

    .grid-margin-x > .print-7 {
        width: calc(58.33333% - 1.875rem) !important;
    }

    .grid-margin-x > .print-8 {
        width: calc(66.66667% - 1.875rem) !important;
    }

    .grid-margin-x > .print-9 {
        width: calc(75% - 1.875rem) !important;
    }

    .grid-margin-x > .print-10 {
        width: calc(83.33333% - 1.875rem) !important;
    }

    .grid-margin-x > .print-11 {
        width: calc(91.66667% - 1.875rem) !important;
    }

    .grid-margin-x > .print-12 {
        width: calc(100% - 1.875rem) !important;
    }
}


/*========================================
    Media Queries - Responsive design
==========================================*/

@media (min-width:65em) {
    footer p,
    footer a {
        font-size: 1rem;
    }

}

@media (max-width: 640px) {

    .toggle-mobile {
        text-align: left;
    }
    .submitted {
        margin-left: 70px;
    }
    .order .order-head {
        display: block;
    }
    .shipping-address button.button.update-selected {
        margin-bottom: 5px;
        margin-left: 0;
    }

    .shopping-cart {
        position: absolute;
        width: 100%;
        max-width: 90%;
        margin: 0 auto;
        top: 2rem;
        left: 1.5rem;
    }
    .shopping-cart:after {
        border-bottom-color: transparent;
    }

    .shopping-cart .cart-header{
        display: none;
    }
            
    .shopping-cart-items li {
        display: block;
    }

    .shopping-cart-items  .profile__info h3,
    .shopping-cart .profile__info h3{
        max-width: none;
    }
    .shopping-cart-items .button-container {
        float: right;
    }

    .shopping-cart-view .cart-header{
        display: none;
    }
    .shopping-cart-items li .item-price {
        font-size: 1.1rem !important;
        margin-bottom: 1rem;
    }
    .item-price  span.show-for-small-only{
        margin-right: 5px;
    }


    .quick-cart-is-open .quick-cart-overlay {
        content:" ";
        position: fixed;
        width: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9;
        background-color: rgba(10, 10, 10, 0.45);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .quick-cart-is-open body{
        overflow: hidden;
    }
    .shipping-address .shipping-address-button {
        margin-left: 0;
        margin-bottom: 5px;
    }
    .button.expand-cart{
        display: none;
    }

    .shipping-address select {
        margin-bottom: 5px;
    }

    .shipping-address .note-text {
        margin: 0;
    }
    .button-container-order .btnn.btn-prev,
    .button-container-checkout .btnn.btn-prev {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .button-container-order .btnn.btn-next,
    .button-container-checkout .btnn.btn-next {
        width: 100%;
    }

    .back {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .alert-box.callout {
        font-size: 14px;
    }

    .alert-box.info li {
        font-size: 14px;
    }

    .order-submitted p,
    .order-submitted h4 {
        font-size: 12px;
    }

    .btnn.btn-print {
        width: 100%;
        margin-bottom: 5px;
    }

    footer {
        text-align: center;
    }

    .footer-right {
        text-align: center;
        border-top: 1px solid #555555;
        padding-top: 20px;
    }

    .form-registration {
        margin: 20px;
    }

    .form-registration button {
        width: 100%;
    }

    .product-header .input-group {
        border: none;
    }

    .nav-icon button.show-for-small-only {
        min-width: 40px;
        margin-bottom: .5rem;
        margin-top: 8px;
    }
    .nav-icon button.show-for-small-only i{
        font-size: 1.25rem;
    }
    .mobile-menu-offcanvas .close-button {
        margin-top: 0;
    }

    .order-submitted {
        background: #F7F8F8;
        padding: 20px;
    }
  
    .order-submitted h4 {
        color: #555555;
        font-size: 17px;
        font-family: 'poppins';
    }

    .order-submitted p {
        color: #555555;
        opacity: 0.5;
        font-size: 15px;
    }
  
    .order-confirmation-table .Table-row .Table-row-item:nth-of-type(1) {
        flex-grow: 1;
    }
  
    .order-confirmation-table .row-collection-accordian img {
        width: 68px;
        float: left;
        margin-right: 20px;
    }
  
    .order-confirmation-table .Table-header {
        background: #e4e4e4;
        padding: 7px 20px;
    }
  
    .order-confirmation-table .row-collection-accordian {
        background: #F7F8F8;
        padding: 20px;
    }
  
    .order-confirmation-table {
        margin: 0;
        margin-top: 20px;
    }

    .total-table.Table-row-item, 
    .order-total-table.Table-row-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 1rem;
    }
  
    .total-table.Table-row-item h4 {
        margin-right: 10px;
    }
  
    .total-table.Table-row-item h5 {
        margin-left: 10px;
    }
  
    .total-table.Table-row-item h4 {
        color: #555555;
        font-size: 18px;
        font-family: 'Poppins';
    }
  
    .order-total-table h4,
    .order-total-table h5 {
        color: #C8102E;
        font-size: 25px;
        font-family: 'Poppins';
    }
  
    .row-collection-accordian hr {
        border: 1px solid #E4E4E4;
        margin: 10px;
    }
  
    .important-note-checkout h4 {
        color: #555555;
        font-size: 18px;
        margin-bottom: 10px;
    }
  
    .important-note-checkout {
        margin-top: 30px;
        margin-bottom: 50px;
    }
  
    .important-note-checkout ul li {
        color: #0A0A0A;
        font-size: 14px;
        margin-bottom: 10px;
    }
  
    .important-note-checkout h5 {
        color: #0a0a0a;
        font-size: 18px;
        margin-bottom: 10px;
    }
  
    .important-note-checkout p {
        color: #C8102E;
        font-size: 18px;
        margin-bottom: 10px;
    }
  
    .important-note-checkout .flex-child-shrink {
        margin-bottom: 10px;
    }
  
    .important-note-checkout .flex-child-shrink a {
        font-size: 18px;
        color: #768692;
        letter-spacing: 0.54px;
    }
  
    .important-note-checkout .flex-child-shrink a:hover {
        color: #00A3E0;
    }
  
    .order-confirm-mobile {
        background: #F7F8F8;
        padding: 20px;
        margin-top: 10px;
    }
  
    .mobile-total p {
        color: #555555;
        font-size: 13px;
        margin-bottom: 0.52rem;
    }
  
    .mobile-total h3 {
        color: #C8102E;
        font-size: 20px;
        border-top: 1px solid #D9DFE3;
    }
  
    .mobile-total h4 {
        font-size: 15px;
        color: #555555;
    }
  
    .mobile-total {
        background: #F7F8F8;
        padding: 20px;
        margin-top: 10px;
        width: 95%;
    }

}

/* Sub-Total - Mobile Devices */
@media (max-width: 500px) {
    .shopping-cart-total .total-table.Table-row-item h5 {
        flex: 1 0 auto;
    }

    .shopping-cart-total .total-table.Table-row-item h4 {
        margin-bottom: 0;
    }
}

   @media (max-width: 1024px){
       .shipping-fulfillment h4 {
            min-width: 185px;
        }
   }

    @media (max-width: 1033px) and (min-width: 680px) {
        .grid-x > .large-9 {
            width: 75%;
        }
    }


    @media (max-width: 768px) {
        .Table-row {
            display: block;
            margin-bottom: 20px;
            border: none;
        }

        .personalize-fields-grid .button {
            width: 50%;
        }

        .help-text {
            max-width: 90vw;
        }

        .Table-row-item {
            display: block;
            width: 100%;
            text-align: center;
            padding: 10px 0;
        }

        .page-actions .button.hollow.back-button.expanded-sm {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .Table-row-item h5 {
            margin: 0;
        }

/*        .Table-row-item:nth-child(2) {
            display: none;
        }

        .Table-row-item:nth-child(5) {
            display: none;
        }*/

        .shipping-destination-mobile {
            display: block;
            text-transform: uppercase;
            font-size: 16px;
            font-family: 'poppins';
        }

        .shipping-address h2 {
            font-size: 17px;
        }

        #checkout-progress .progress-bar .step .step-label {
            top: calc(100% + 15px);
        }

        #checkout-progress {
            display: none;
        }

        .shipping-address .note-text {
            margin: 5px;
        }

        .section1-desktop {
            display: none;
        }

        h4.price-text-mobile {
            float: right;
            padding-top: 8px;
        }

        .Qty {
            padding: 0;
        }

        .qty-input span {
            font-size: 12px;
        }

        .remove-cart-mobile {
            display: none;
        }

        .accept-proof {
            width: 100%;
            margin: 0;
        }

        .upper-container {
            margin-top: 10px;
        }

        .remove-from-cart a i {
            padding-left: 0;
        }

        .remove-profile {
            position: absolute;
            top: 15px;
            right: 15px;
            background: #FA4616 0% 0% no-repeat padding-box;
            border: none;
            border-radius: none;
            transform: none;
        }

        button.continue-shopping {
            width: 100%;
            margin-bottom: 10px;
        }

        button.view-cart {
            width: 100%;
        }

        .cb-price {
            display: none;
        }

        .cb-profile p.profile__info__extra {
            margin: 0;
        }

        .item-details__text,
        .item-details__text1 {
            max-width: 100%;
        }

        .item-details {
            margin-bottom: 20px;
        }

        .qty-input-cb {
            display: block;
        }

        .reveal-title p {
            font-size: 14px;
        }

        .cb-qty-dropdown span,
        .Quantity span {
            margin-right: 10px;
            text-align: left;
            width: 100px;
        }

        .style-cb select {
            width: 100%;
        }

        .note-text.note-text-cb {
            text-align: center;
            display: block;
            margin-top: 0;
        }

        .cb-mobile-qty-input {
            position: relative;
        }

        .qty-input.cb-mobile-qty-input {
            text-align: left;
        }

        .personalize-footer {
            float: none;
            text-align: center;
        }

        .results-header__option {
            display: none;
        }

        .results--grid .add-to-cart {
            margin-bottom: 15px;
        }

        .profile__cta .qty-input {
            text-align: left;
        }

        .note-cart-text {
            padding: 10px !important;
            text-align: left;
            font: normal normal normal 14px/18px Noto Sans;
            letter-spacing: 0px;
            display: inline-flex;
            color: #EC4B4B;
            background: #FA461612;
            margin: 20px;
            margin-top: 0;
        }

        .shopping-cart-items .cart-items:hover {
            background: #FA461612 0% 0% no-repeat padding-box;
            border: 1px solid #FA4616;
            padding: 0px;
            margin-right: 20px;
            margin-bottom: 6px;
        }

        .shopping-cart-items .cart-items {
            border: 1px solid #fff;
            padding: 0;
            margin-right: 20px;
            margin-bottom: 6px;
        }

        .shopping-cart-mobile p.profile__info__extra.length {
            padding: 0;
        }

        .mobile-popup-text {
            display: none;
        }

        .view-details-button {
            display: none;
        }

        .reveal {
            /*position: fixed;*/
            margin: 0 auto;
            max-width: 100%;
            height: 78%;
            min-height: 80%;
        }

        #productShareModal {
            height: fit-content;
            min-height: auto;
        }

        #modalFullSize {
            height: auto;
            max-width: 100%;
            min-height: fit-content;
        }

        .cart-popup-button button {
            margin: 2px;
        }

        .reveal-body img {
            overflow-x: scroll;
        }

        .accordion-content {
            overflow: auto;
        }

        .results--list table {
            display: none;
        }

        .add-to-cart a.button {
            width: 100%;
        }

        .results--list .qty-input {
            text-align: center;
        }

        .product-filters {
            background: none;
            border: none;
            opacity: 1;
            padding: 0;
        }

        section.results-section.results--grid {
            margin-top: 10px;
        }

        .profile {
            background-color: #FFFFFF;
            border: 1px solid #E4E4E4;
        }

        .mobile-sort {
            display: block;
            background-color: #E4E4E4;
            margin-top: 10px;
            text-align: left;
            padding: 10px;
        }

        .mobile-sort select {
            margin: 0;
            background-color: transparent;
            border: none;
            color: #555555;
            font-size: 16px;
            border-bottom: 1px solid #707070;
            height: auto;
            float: right;
        }

        .mobile-sort label {
            color: #0a0a0a;
            opacity: 1;
        }

        .desktop-sort {
            display: none;
        }

        .results--list .qty-input {
            text-align: center;
        }

        .pagination {
            display: none;
        }

        .profile {
            grid: none;
        }

        .shopping-cart .button-container {
            display: flex;
            padding-right: 20px;
        }
        .shopping-cart .edit-item {
            margin-bottom: 0;
            margin-right: 5px;
        }
        .cart-footer a{
            width:100%;
            padding: 10px;
            text-align: center;
            margin-left: 0;
            margin-right: 0 !important;
        }
        .cart-footer {
            width: 100%;
            margin: 0 auto;
        }
        .cart-footer .expand-close{
            margin: 0px 0 16px;

        }

        .cart-footer .button, .page-actions .button {
            width: 100%;
        }


    }

    @media (min-width: 500px) {
        .Table-row-item {
            padding: 0.5em;
        }

        .checkout-sections .Table-row .Table-row-item:nth-of-type(1) {
            flex-grow: 1;
        }

        .Table-row-item:before {
            content: none;
        }

        .Table-row {
            display: box;
            display: flex;
            flex-flow: row nowrap;
        }

        .Table-header {
            font-weight: 700;
        }

        input.variation + label {
            margin: 70px 20px 20px;
        }

        .results-section.results--grid .profile__image {
            grid-column: span 3;
        }

        .results-section.results--grid .profile__info {
            grid-column: span 3;
        }
    }

    @media (min-width: 768px) {
        .order-bundle h4 {
            margin-left: 15px;
            margin-top: 7px;
        }
        .shipping-destination-mobile {
            display: none;
        }
        .cart-icon li {
            padding-top: 10px;
        }

        .shipping-address h2 {
            font-size: 12px;
        }

        .shipping-address .note-text {
            margin: 0;
        }

        .section1-mobile {
            display: none;
        }

        .thank-you {
            text-align: right;
        }

        .reveal-body.product-popup-body {
            height: 450px;
        }

        section.customized-section-list.results-section.results--list .profile__cta {
            grid-row: 2/3;
            grid-column: 6/6;
        }

        .results-section.results--list .profile {
            grid-template-columns: 245px;
            grid-template-rows: auto auto;
            width: 100%;
            padding-right: 20px;
            min-height: 340px;
        }

        .results--grid .add-to-cart {
            margin-bottom: 15px;
        }

        .note-cart-text {
            display: none;
        }
        .results--grid .profile__stats {
            max-height: none;
            min-height: 107px;
        }
        .cart-items:hover {
            background: #f7fdff 0% 0% no-repeat padding-box;
            border: 1px solid #baecff;
            padding: 5px;
        }

        .price-text-mobile {
            display: none;
        }

        .results--list .qty-input {
            text-align: right;
        }

        .results-section.results--list .profile__image {
            grid-column: 1/2;
            grid-row: 1/6;
            margin-right: 20px;
        }

        .results-section.results--list .profile__info {
            grid-column: 2/6;
            grid-row: 1;
            padding: 0 20px 15px 0;
            max-width: 300px;
        }

        .results-section.results--list .profile__stats {
            min-width: 100px;
            padding: 15px 15px 0 0;
            grid-row: 2/6;
        }

        .results-section.results--list .table-expand {
            max-width: 450px;
        }


        .results-section.results--list .profile__stats:nth-child(3) {
            grid-column: 2/4;
        }

        .results-section.results--list .profile__stats:nth-child(5) {
            grid-column: 4/5;
        }

        .results-section.results--list .profile__cta {
            grid-row: 6/3;
            align-self: end;
            grid-column: 6/4;
            min-width: 240px;
        }

        .results--grid .profile {
            display: flex;
            flex-direction: column;
        }

        .reveal-body {
            overflow-x: hidden;
            direction: ltr;
            overflow-y: scroll;
            height: 600px;
            padding: 10px 10px;
        }

        .results-section.results--list .cb-profile.profile {
            grid-template-columns: 180px;
            grid-template-rows: auto;
            width: auto;
            padding-right: 20px;
            min-height: auto;
        }

    
    }

    @media (min-width: 500px) and (max-width: 992px) {
        .filter-section {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }

            .filter-section h6 {
                grid-column: span 2;
            }

        .filters:nth-child(2) {
            margin-right: 25px;
        }

        .filters:nth-child(3) {
            border-top: none;
            margin-top: 0;
            padding-left: 25px;
        }
    }

    @media (min-width: 640px) and (max-width: 850px) {
        .nav-icon li {
            padding-top: 15px;
        }

        .cart-icon li {
            padding-top: 25px;
        }

        #cart .badge {
            position: relative;
            right: 0;
            bottom: 40px;
            left: 15px;
        }
    }
    @media print
    {    
        .no-print, .no-print *
        {
            display: none !important;
        }
    }
    @media print {
       .confirmation-sections .grid-container{
            width: 100%;
        }
    }

    
/*=====================================
    Fix for Product grid on Ipad views
========================================*/

@media print,
screen and (max-width: 48em) {
    .card-actions .button { padding: 16px !important; }
}

/* =====================================
    info button tooltip css
 ===================================== */

.help-tooltip {
    margin-left: 0px;
    margin-top: 17px;
}


/* =====================================
    Product request page specific css
 ===================================== */

@media print, screen and (max-width: 40em) {
    .btn-desktop-view-file {
        display: none;
    }

    .btn-mobile-view-file {
        display: block;
    }

    .search-order-button.expanded-sm.revision-request{
        margin-top : 10px;
    }

    input.product-request-input {
        width: auto;
    }

    .page-actions.product-request-actions {
        display: block;
        width: 100%;
    }

    .product-request-actions button {
        width: 100%;
        margin-bottom: 5px;
    }

    .product-request-actions a {
        width: 100%;
        display: block;
    }

    .search-order-button.product-request-btn-back {
        margin-bottom : 5px;
    }
}

@media screen and (min-width: 40em) {
    .btn-desktop-view-file {
        display: block;
    }

    .btn-mobile-view-file {
        display: none;
    }

    a.search-order-button.product-request-btn-back,
    a.search-order-button.product-request-btn-back:active,
    a.search-order-button.product-request-btn-back:hover,
    a.search-order-button.product-request-btn-back:focus {
        margin-right: 5px;
    }
}

.switch.small .switch-paddle.product-request-switch{
    margin-top : 0.4rem;
}

.edit-info label.product-request-switch-label {
    margin-top: 0.5rem;
}

.search-order-button.product-request.btn-pricebreak{
    float: left;
    padding: 10px;
}

.search-order-button.product-request.btn-exchange-file {
    margin-bottom: 16px;
}

.product-request.table-footer {
    background: none;
}

.fa.fa-download.btn-product-download {
    color: #00A3E0;
}

.page-actions.product-request-actions {
    display: block;
    direction: ltr;
}

.search-order-button.product-request-btn-back,
.search-order-button.product-request-btn-back:hover,
.search-order-button.product-request-btn-back:active,
.search-order-button.product-request-btn-back:focus {
    margin-right: 0px;
    border: 2px solid rgb(0, 163, 224);
    background: rgb(255, 255, 255);
    color: var(--primary-brand-color);
    padding: 10px 30px;
}

.product-request.listProductGroups {
    list-style-type: none;
}

.search-order-button.cancel-button,
.search-order-button.cancel-button:hover,
.search-order-button.cancel-button:focus,
.search-order-button.cancel-button:active {
    background-color: #FA4616;
}


/*========================
  Global Callout Element
==========================*/

.callout.large.global.all {
    padding-left: 1.25rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 0.25rem !important;
}

.callout.large.global {
    padding: 1.25rem !important;
}

.callout.large.global.all .callout-text-center p{
  text-align: center;
}

.callout.large.global .callout-text p{
  margin:auto;
}

.search-order-button:disabled {
    opacity: 0.25; /* Set opacity to 0.25 when disabled */
    cursor: not-allowed; /* Change cursor to indicate it's disabled */
}
#delegate-access {
    margin-left: 0;
    margin-right: 0;
}
#delegate-access > .medium-12 {
    width: 100%;
    margin: 0;
}

/*========================
  Ship to Edit Page SetUp
==========================*/

.help-text-label-setup {
    font-size: 0.85rem;
    padding-bottom: 10px;
}

/*=====================================================================================*/
/* Accuzip mailing addresses file mapping modal */

.datacolumn-mapping-list {
    width: auto;
}


/*=====================================================================================*/
/*  Accuzip Purchase Mailing List style changes  */

#accuzipBuyListMap {
    display: none;
    position: fixed;
    padding-top: 30px;
    inset: 15% 0px 14%;
    top: 2rem;
    width: 100%;
    overflow: hidden;
    max-height: 1050px;
    height: max-content;
}

    #accuzipBuyListMap::before {
        background-color: rgba(0,0,0,0.5);
        content: "";
        width: 100%;
    }

#accuzipBuyListMapBody {
    height: 35vw;
}

@media print, screen and (max-width: 48em) {
    #accuzipBuyListMapBody {
        height: 100vw;
    }
}

#iFrameAccuzipBuyListMap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Default styling for desktop */
.product-radio-group .product-radio-item {
    display: inline-block;
}

/* Media query for mobile devices */
@media only screen and (max-width: 48em) {
    .product-radio-group .product-radio-item.inline {
        display: flex;
        align-items: center;
    }

    .product-radio-group .product-radio-item.block {
        display: block;
    }
}


.product-divUserUploadedAssetFields {
    display: flex;
    flex-wrap: wrap;
}

/* Sorting CSS for viewport 768px */
@media print, screen and (min-width: 640px) and (max-width: 768px) {
    .page-heading.no-top-margin .sort.desktop-sort {
        display: block;
    }

    .page-heading.no-top-margin .sort {
        text-align: left;
        margin-top: 0;
    }

    .mobile-sort {
        display: none;
    }
}

.outlined-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 0;
}

.outlined-box label {
    display: block;
    margin-bottom: 5px;
    padding-left: 1%;
}
.datasets-page-actions{
    text-align:left;
}