.cmsMain {
    display: block;
    padding-top: 20px;
}

.cmsHeader.menu-home .cmsHeader__menu {
    display: none;
    position: relative;
    z-index: 1;
}

* {
    font-family: roboto,sans-serif;
}

[styles-root] {
    margin: 0;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 767px){
  .caption {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
  }

  h3, .h3 {
      font-size: 1.25rem;
      line-height: 1.3125rem;
      font-weight: 400;
  }

  h4, .h4 {
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 400;
  }

  h5, .h5 {
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 600;
  }

  .text {
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
  .caption {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
  }

  .text {
      font-size: .875rem;
      line-height: 1.375rem;
      font-weight: 400;
  }

  h3, .h3 {
      font-size: 1.25rem;
      line-height: 1.3125rem;
      font-weight: 400;
  }

  h4, .h4 {
    font-size: 1.25rem;
    line-height: 1.3125rem;
    font-weight: 400;
  }

  [styles-root] .below-cart-buttons {
    margin-top: 15px;
  }

  [styles-root] .tax {
    font-size: 11px;
  }
}

@media screen and (min-width: 1024px){
  h3, .h3 {
      font-size: 1.563rem;
      font-weight: 300;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px){
  .text {
      font-size: 1rem;
      line-height: 1.5625rem;
      font-weight: 400;
  }

  .caption {
    font-size: .8125rem;
    line-height: 1.375rem;
    font-weight: 400;
  }

  h4, .h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 400;
  }

  [styles-root] .tax {
    font-size: 14px;
  }
}

@media screen and (min-width: 1441px){
  .caption {
    font-size: .8125rem;
    line-height: 1.375rem;
    font-weight: 400;
  }

  h3, .h3 {
      font-size: 1.875rem;
  }

  h4, .h4 {
    font-size: 1.563rem;
    line-height: 1.8125rem;
    font-weight: 300;
  }
}



.vld-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: none;
    justify-content: center;
    overflow: hidden;
    z-index: 9999;
}

[styles-root] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

[styles-root] .cart-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #333;
    margin: 0;
}

[styles-root] a, [styles-root] abbr, [styles-root] acronym, [styles-root] address, [styles-root] applet, [styles-root] article, [styles-root] aside, [styles-root] audio, [styles-root] b, [styles-root] big, [styles-root] blockquote, [styles-root] body, [styles-root] canvas,
[styles-root] caption, [styles-root] center, [styles-root] cite, [styles-root] code, [styles-root] dd, [styles-root] del, [styles-root] details, [styles-root] dfn, [styles-root] div, [styles-root] dl, [styles-root] dt, [styles-root] em, [styles-root] embed,
[styles-root] fieldset, [styles-root] figcaption, [styles-root] figure, [styles-root] footer, [styles-root] form, [styles-root] h1, [styles-root] h2, [styles-root] h3, [styles-root] h4, [styles-root] h5, [styles-root] h6, [styles-root] header, [styles-root] hgroup,
[styles-root] html, [styles-root] i, [styles-root] iframe, [styles-root] img, [styles-root] ins, [styles-root] kbd, [styles-root] label, [styles-root] legend, [styles-root] li, [styles-root] mark, [styles-root] menu, [styles-root] nav, [styles-root] object, [styles-root] ol,
[styles-root] output, [styles-root] p, [styles-root] pre, [styles-root] q, [styles-root] ruby, [styles-root] s, [styles-root] samp, [styles-root] section, [styles-root] small, [styles-root] span, [styles-root] strike, [styles-root] strong, [styles-root] sub, [styles-root] summary,
[styles-root] sup, [styles-root] table, [styles-root] tbody, [styles-root] td, [styles-root] tfoot, [styles-root] th, [styles-root] thead, [styles-root] time, [styles-root] tr, [styles-root] tt, [styles-root] u, [styles-root] ul, [styles-root] var, [styles-root] video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: roboto,sans-serif;
    line-height: normal;
    vertical-align: unset;
}

[styles-root] article, [styles-root] aside, [styles-root] details, [styles-root] figcaption, [styles-root] figure, [styles-root] footer, [styles-root] header, [styles-root] hgroup, [styles-root] menu, [styles-root] nav, [styles-root] section {
    display: block;
}

[styles-root] .cart-container .cart-title {
    padding: 30px 0 10px;
}

[styles-root] .cart-container .columns-container {
    display: flex;
    justify-content: space-between;
}

[styles-root] .bottom-wrapper {
    height: auto;
    width: auto;
}

[styles-root] .below-cart-controls {
    margin-bottom: 5px;
    display: inline-flex;
    flex-direction: column;
}

[styles-root] .checkout-container {
    width: 100%;
    margin-right: 0;
    background-color: #f4f4f4;
    box-sizing: border-box;
    clear: right;
    margin-top: 5px;
    padding: 15px;
}

[styles-root] .cart-container .columns-container .left-column {
    flex: 8;
    display: flex;
    flex-direction: column;
    padding-right: 20px;
}

[styles-root] .cart-container .columns-container .left-column .items-container {
    border-bottom: 2px solid #e4e4e4;
}

[styles-root] .cart-container .columns-container .left-column .items-container .cart-items_container {
    display: flex;
    flex-direction: column;
}

[styles-root] .cart-container .columns-container .left-column .empty-cart-container .empty-cart-title {
    color: #777777;
    margin-bottom: 1.1rem;
}

[styles-root] .cart-container .columns-container .left-column .empty-cart-container .empty-cart-text {
    margin-bottom: 2rem;
}

[styles-root] .info-icon {
    fill: #777777;
    height: 20px;
    vertical-align: middle;
    margin-top: -7px;
}

[styles-root] .cart-container .columns-container .left-column .empty-cart-container .empty-cart-title .empty-cart-info-text {
    vertical-align: bottom;
}

[styles-root] .direct-add {
    border-bottom: 2px solid #e4e4e4;
    margin: 21px 0;
    padding-bottom: 10px;
}

[styles-root] .accordion-container {
    -ms-flex-align: start;
    align-items: flex-start;
    background: #D9DFE4;
    clear: right;
    cursor: pointer;
    margin-top: 5px;
    padding: 10px 15px 10px 10px;
}

[styles-root] .direct-add .direct-add-toggle {
    background: #EAEDEF;
    color: #000;
    cursor: pointer;
    margin-top: 0;
}

[styles-root] .direct-add .direct-add-toggle.open {
    background: #777777;
    color: #fff;
}

[styles-root] .toggle-button {
    float: left;
}

[styles-root] .accordion-content {
    margin-left: 15px;
}

[styles-root] .accordion-title {
    transform: translateY(-10%);
    margin-top: .5em;
}

[styles-root] button {
    background-color: transparent;
    outline: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

[styles-root] .toggle-button-container {
    background-color: #777777;
    border: none;
    color: #fff;
    display: block;
    font-size: 1.5em;
    height: 30px;
    padding: 0;
    width: 30px;
}

[styles-root] .direct-add .direct-add-toggle .toggle-button-container {
    background: 0 0;
}

[styles-root] .toggle-button-container .icon_small {
    fill: #fff;
    display: inherit;
    height: 30px;
    width: 30px;
}

[styles-root] .toggle-button-container .icon_large {
    fill: #fff;
    display: none;
    height: 35px;
    width: 35px;
}

[styles-root] .direct-add .direct-add-toggle .toggle-button-container svg {
    fill: #777777;
}

[styles-root] .direct-add .direct-add-toggle.open .toggle-button-container svg {
    fill: #fff;
}

[styles-root] .tabs-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 3px solid #777777;
}

[styles-root] .tabs-header .tabs-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    margin-right: 20px;
    border: blue;
    font-size: 20px;
    color: #333;
    width: 100%;
    cursor: pointer;
}

[styles-root] .tabs-header .tabs-title.active {
    color: #777777;
    margin-bottom: -3px;
}

[styles-root] .tabs-header .tabs-title input[type=radio] {
    display: none;
}

[styles-root] .tabs-header .tabs-title .selector-outer {
    background: #bcbcbc;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    margin-right: 5px;
}

[styles-root] .tabs-header .tabs-title.active .selector-outer {
    background: #777777;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    margin-right: 5px;
}

[styles-root] .tabs-header .tabs-title .selector-outer .selector-inner {
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    margin: auto;
}

[styles-root] .tabs-header .tabs-title.active .selector-outer .selector-inner {
    background: #777777;
    width: 20px;
    height: 20px;
    border: 6px solid #fff;
    border-radius: 50%;
    display: flex;
    margin: auto;
}

[styles-root] .tabs-tab {
    padding: 20px 0;
}

[styles-root] .direct-add .add-single-product {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,auto);
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
}

[styles-root] .direct-add .add-single-product .form-field {
    grid-column: 1/2;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}

[styles-root] .direct-add .add-single-product .direct-loader {
    grid-column: 2/3;
    grid-row: 1/2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    display: flex;
    position: relative;
    width: 50px;
    height: 50px;
    margin: auto auto 0 0;
}

[styles-root] .direct-add .add-single-product .direct-add-button {
    grid-column: 3/4;
    grid-row: 1/2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    display: flex;
    align-items: flex-end;
}

[styles-root] .moving-placeholder-input {
    position: relative;
    padding-top: 14px;
}

[styles-root] .blocking-span {
    display: flex;
    flex-direction: row;
}

[styles-root] .input-field {
    background-color: #fff;
    border: 1px solid #616161;
    color: #000;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
}

[styles-root] .direct-add .add-single-product .form-field input:required {
    box-shadow: none;
}

[styles-root] a:focus, [styles-root] button:focus, [styles-root] input:focus {
    outline: none;
    position: relative;
}

[styles-root] .floating-label {
    color: grey;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 33px;
    transition: .2s ease all;
    font-size: 13px;
}

[styles-root] input:focus~.floating-label, [styles-root] input:not(:focus):valid~.floating-label, [styles-root] textarea:focus~.floating-label, [styles-root] textarea:not(:focus):valid~.floating-label {
    font-size: 12px;
    left: 0;
    top: 0;
    width: 200%;
}

[styles-root] .product-list {
    margin-top: 20px;
}

[styles-root] .blocking-span {
    display: flex;
    flex-direction: row;
}

[styles-root] textarea.input-field {
    height: 92px;
    padding: 10px;
    resize: none;
    box-sizing: border-box;
    outline: none;
}

[styles-root] .conrad-button {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: roboto,sans-serif;
    padding: 0;
    z-index: 1;
}

[styles-root] .icon {
    min-width: 40px;
}

[styles-root] .small {
    height: 40px;
}

[styles-root] .large {
    height: 50px;
}

[styles-root] .padding {
    padding: 10px;
}

[styles-root] .blue {
    background-color: #777777;
    color: #fff;
}

[styles-root] .gray {
    background-color: #D9DFE4;
    color: #000;
}

[styles-root] .gray:disabled {
    color: #b4c0cb;
    fill: #b4c0cb;
    background-color: #EAEDEF;
}

[styles-root] .gray:hover:not([disabled]) {
    background-color: #b4c0cb;
}

[styles-root] .transparent {
    background-color: transparent;
    color: #333;
    border: 2px solid #a6a6a6;
}

[styles-root] .center {
    justify-content: center;
}

[styles-root] .add-list-to-cart {
    margin-top: 30px;
}

[styles-root] .conrad-button:disabled {
    color: #fff;
    background-color: #e4e4e4;
    cursor: initial;
}

[styles-root] .yellow, [styles-root] .yellow:disabled {
    background-color: #ff0;
    color: #000;
}

[styles-root] .yellow:hover:not([disabled]) {
    background-color: #E0E000;
}

[styles-root] .yellow:disabled {
    color: #b4c0cb;
    background-color: #FFFF70;
    cursor: initial;
}

[styles-root] .yellow:disabled svg {
    fill: #bcbcbc;
}

[styles-root] .direct-add-by-excel {
    display: flex;
}

[styles-root] .direct-add-by-excel .file-input-group {
    display: flex;
    flex-direction: column;
    height: 50px;
    width: 100%;
    max-width: 336px;
    margin-right: 20px;
}

[styles-root] .direct-add-by-excel .file-input-group .file-input {
    display: flex;
    background-color: #f4f4f4;
    border: 1px solid #616161;
    color: #000;
    height: 100%;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
}

[styles-root] .direct-add-by-excel .file-input-group .file-input .file {
    opacity: 0;
    width: .1px;
    height: .1px;
    position: absolute;
}

[styles-root] .direct-add-by-excel .file-input-group .file-input label {
    line-height: 50px;
    width: 100%;
    transition: .2s ease all;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
}

[styles-root] .direct-add-by-excel .inline-icon {
    margin-right: auto;
}

[styles-root] .direct-add-by-excel .icon {
    fill: transparent;
    height: 20px;
    margin-top: 14px;
    margin-right: 14px;
}

[styles-root] .direct-add-by-excel .file-download svg {
    fill: #fff;
    display: flex;
    margin: auto;
}

[styles-root] .direct-add-by-excel button {
    margin-right: 10px;
    height: 50px;
}

[styles-root] .direct-add-by-excel .file-upload {
    max-width: 218px;
    min-width: 128px;
}

[styles-root] .direct-add-by-excel .file-download {
    display: flex;
    max-width: 276px;
    min-width: 248px;
    margin-left: auto;
}

[styles-root] .cart-actions-mobile {
    display: flex;
    flex-direction: column;
}

[styles-root] .sum-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    background-color: #f4f4f4;
    box-sizing: border-box;
    clear: right;
    padding: 15px;
}

[styles-root] .action-code-container, [styles-root] .change-shipping-container {
    margin-bottom: 3px;
    margin-top: 15px;
    overflow: hidden;
}

[styles-root] .action-code-container .action-code-content, [styles-root] .change-shipping-container .change-shipping-content {
    width: 100%;
}

[styles-root] .action-code-container .action-code-toggle-button, [styles-root] .change-shipping-container .change-shipping-toggle-button {
    margin-top: -5px;
}

[styles-root] .action-code-container .action-code-content .action-code-form_redeemed {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(2,1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    width: 100%;
}

[styles-root] .toggle-button-container-cart-actions .toggle-icon, [styles-root] .toggle-button-container-change-shipping .toggle-icon {
    fill: #777777;
    display: inherit;
    height: 30px;
    width: 30px;
}

[styles-root] .action-code-icon {
    height: 15px;
    margin-left: 0;
    float: left;
    vertical-align: baseline;
    width: 15px;
}

[styles-root] .action-code-container .action-code-content .action-code-form_redeemed .action-code-icon {
    grid-column: 1/2;
    grid-row: 1/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    fill: #777777;
    margin: auto auto auto 0;
    width: 25px;
    height: 25px;
}

[styles-root] .action-code-container .action-code-content .action-code-form_redeemed .action-code-header {
    grid-column: 2/11;
    grid-row: 1/2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    height: 1rem;
}

[styles-root] .action-code-container .action-code-content .action-code-form_redeemed .action-code-description {
    grid-column: 2/11;
    grid-row: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    display: block;
    height: 1rem;
}

[styles-root] .action-code-container .action-code-content .action-code-form_redeemed .action-code-delete-button {
    grid-column: 11/13;
    grid-row: 1/3;
    -ms-grid-column: 11;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    cursor: pointer;
    border-radius: 4px;
    background: 0 0;
    margin: auto 0 auto auto;
    fill: #a6a6a6;
    transition: fill 500ms ease-in-out,background 500ms ease-in-out;
    width: 2.5rem;
}

[styles-root] .action-code-container .action-code-content .action-code-form_redeemed .action-code-delete-button:hover {
    fill: #666;
    background: #e4e4e4;
}

[styles-root] .lineItem {
    display: inline-flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

[styles-root] .netPrice {
    white-space: nowrap;
}

[styles-root] .shippingContainer {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}

[styles-root] .totalPrice {
    border-top: 2px solid #e4e4e4;
    padding-top: 1.6rem;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}

[styles-root] .taxes-statement {
    margin-top: -8px;
    color: #666;
}

[styles-root] .netPriceValue {
    text-align: right;
}

[styles-root] .shippingValue {
    text-align: right;
}

[styles-root] .total-title-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.vld-overlay.is-active {
    display: flex;
}

.vld-overlay.is-full-page {
    z-index: 9999;
    position: fixed;
}

.vld-overlay .vld-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    opacity: .5;
}

.vld-overlay .vld-icon, .vld-parent {
    position: relative;
}

[styles-root] .action-code-container .action-code-content .content-header, [styles-root] .change-shipping-container .change-shipping-content .content-header {
    display: flex;
}

[styles-root] .action-code-container .action-code-content .action-code-form, [styles-root] .action-code-container .action-code-content .action-code-form .real-action-code-form {
    margin-bottom: 15px;
    margin-top: 5px;
    display: flex;
}

[styles-root] .action-code-container .action-code-content .action-code-form .action-code-input {
    flex: 1;
}

[styles-root] .action-code-container .action-code-content .action-code-form .action-code-button {
    min-width: initial;
    max-width: 140px;
    margin-top: 14px;
    margin-left: 5px;
}

[styles-root] .action-code-container .action-code-content .action-code-form .action-code-button:disabled {
    background-color: #BDD2FF;
}

[styles-root] .action-code-container .action-code-content .action-code-form .action-code-input input:required {
    box-shadow: none;
}

[styles-root] .action-code-unknown-error {
    color: #e86c60;
    margin-top: .5rem;
    margin-left: 8px;
    margin-bottom: 10px;
}

[styles-root] .below-cart-buttons {
    margin-bottom: 20px;
}

[styles-root] .below-cart-buttons button {
    margin-bottom: 15px;
    margin-right: 10px;
}

[styles-root] .cart-container .columns-container .left-column .notice-container {
    color: #777777;
    margin-bottom: 0;
    display: flex;
    padding: 10px 0 20px;
}

[styles-root] .ccp-user-form-field-wrapper {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5625;
    color: #333;
    font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
    vertical-align: baseline;
}

[styles-root] .label-wrapper {
    display: block;
}

[styles-root] .ccp-user-form-field-wrapper .label-wrapper {
    height: 1.5625em;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5625;
    white-space: nowrap;
    overflow: hidden;
}

[styles-root] .ccp-user-form-field-wrapper.type-default .label-wrapper {
    color: #666;
}

[styles-root] .ccp-user-form-field-wrapper .input-wrapper {
    position: relative;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5625;
}

[styles-root] .ccp-user-form-field-wrapper .description-wrapper {
    height: 1.5625em;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5625;
    white-space: nowrap;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

[styles-root] .ccp-user-form-field-wrapper .description-wrapper.error {
    color: #e86c60;
}

[styles-root] select {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5625;
    font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
    vertical-align: baseline;
    color: #333;
}

[styles-root] .ccp-user-form-field-wrapper .input-wrapper .input {
    width: 100%;
    border: 1px solid #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5625;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[styles-root] .ccp-user-form-field-wrapper.height-50 .input-wrapper .input {
    height: 50px;
    padding: 0 17px;
}

[styles-root] .ccp-user-form-field-wrapper .input-wrapper .input.dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

[styles-root] .ccp-user-form-field-wrapper .input-wrapper .input.dropdown {
    cursor: pointer;
}

[styles-root] .ccp-user-form-field-wrapper.type-default .input-wrapper .input {
    border-color: #cecece;
    background: #e2e2e2;
    color: #333;
}

[styles-root] .ccp-user-form-field-wrapper.type-default .input-wrapper .input.error {
    border-color: #e86c60;
}

[styles-root] .ccp-user-form-field-wrapper .input-wrapper .hook {
    position: absolute;
    pointer-events: none;
    display: none;
}

[styles-root] .ccp-user-form-field-wrapper.height-50 .input-wrapper .hook {
    -webkit-transform: scale(.625);
    transform: scale(.625);
    top: 8px;
    right: 16px;
}

[styles-root] .ccp-user-form-field-wrapper.height-50 .input-wrapper .hook.with-flyout {
    right: 48px;
}

[styles-root] .ccp-user-form-field-wrapper .input-wrapper .arrow {
    position: absolute;
    pointer-events: none;
}

[styles-root] .ccp-user-form-field-wrapper.height-50 .input-wrapper .arrow {
    -webkit-transform: scale(.725);
    transform: scale(.725);
    top: 8px;
    right: 16px;
}

.pull-right {
    float: right;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
  button.small span {
      font-size: .875rem;
      font-weight: 400;
  }

  button.large span {
    font-size: 1rem;
    font-weight: 400;
  }

  [styles-root] .netPrice{
    font-size: 11px;
  }

  [styles-root] .shippingContainer {
    font-size: 10px;
  }

  [styles-root] .tax {
    font-size: 11px;
  }

  [styles-root] .totalPrice {
      font-size: 11px;
  }

  [styles-root] .cart-container .columns-container {
    display: unset;
  }

  [styles-root] .tabs-header .tabs-title {
    font-size: 15px;
}
}


[styles-root] .margin-left span {
    margin-left: 10px;
}

[styles-root] .checkout-container .proceed-to-checkout-container {
    align-items: center;
    display: block;
    margin-top: 5px;
}

[styles-root] .checkout-container .proceed-to-checkout-container>button, [styles-root] .checkout-container .proceed-to-checkout-container div {
    flex: 1;
}

[styles-root] .checkout-container .proceed-to-checkout-container .right-chevron {
    height: 23px;
    width: 23px;
}

[styles-root] .cartItemList {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}

[styles-root] .cart-item-list-header {
    align-items: center;
    background-color: #777777;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}

[styles-root] .left-side {
    min-width: 164px;
    padding: 13px;
    display: flex;
}

[styles-root] .right-side {
    padding: 13px;
}

[styles-root] .cart-icon {
    fill: #fff;
    height: 18px;
    margin-right: 5px;
}

[styles-root] .cart-item {
    margin-top: 10px;
    border: 2px solid #e4e4e4;
    padding: 5px;
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4,25%);
    grid-template-rows: repeat(7,auto);
    gap: 1px;
    -ms-grid-columns: 25% 25% 25% 25%;
    -ms-grid-rows: auto auto auto auto auto auto;
}

[styles-root] .cart-item .product-image {
    grid-column: 1/2;
    grid-row: 1/2;
    max-width: 5em;
    margin-right: 10px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
}

[styles-root] .cart-item .product-description {
    grid-column: 2/5;
    grid-row: 1/2;
    padding-right: 5px;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    display: flex;
    flex-direction: column;
}

[styles-root] .cart-item .product-availability {
    grid-column: 1/4;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    height: 40px;
}

[styles-root] .cart-item .product-quantity {
    grid-column: 1/3;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    background: #f4f4f4;
    padding-top: 10px;
    padding-left: 10px;
}

[styles-root] .cart-item .cart-item-price-container {
    grid-column: 3/5;
    grid-row: 3/4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    text-align: right;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    background: #f4f4f4;
    padding-top: 10px;
    padding-right: 10px;
    height: 101%;
    margin-left: -1%;
}

[styles-root] .cart-item .wishlist-delete-container {
    grid-column: 1/5;
    grid-row: 4/5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    display: flex;
    margin-bottom: 5px;
    padding: 10px;
    background: #f4f4f4;
    height: 101%;
    margin-top: -1%;
}

[styles-root] .cart-item .product-warranty {
    grid-column: 1/5;
    grid-row: 5/6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    color: #777777;
}

[styles-root] .cart-item .notes-accesory-container {
    grid-column: 1/5;
    grid-row: 7/8;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    display: flex;
    flex-direction: column;
}

[styles-root] .product-image-container {
    max-width: 5em;
}

[styles-root] .product-image-im {
    height: 5em;
    width: 5em;
}

[styles-root] .product-image-notice {
    color: #a6a6a6;
    align-self: flex-end;
    width: 100%;
    text-align: center;
}

[styles-root] .cart-item .product-description_title {
    padding-bottom: 5px;
    word-wrap: anywhere;
}

[styles-root] .cart-item .product-description a {
    color: initial;
    display: block;
}

[styles-root] .cart-item .product-description_number {
    color: #616161;
    margin-bottom: 5px;
    margin-top: auto;
}

[styles-root] .availability {
    margin-top: 5px;
}

[styles-root] .availability__green {
    color: #72c472;
}

[styles-root] .availability__yellow {
    color: #ff7200;
}

[styles-root] .availability__red {
    color: #d10019;
}

[styles-root] .cart-item .product-availability p {
    font-size: .75em;
}

[styles-root] .product-quantity-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 1;
}

[styles-root] .top-quantity-section {
    align-items: center;
    display: flex;
    flex-direction: row;
}

[styles-root] .product-quantity-container .prices-section {
    color: #666;
    font-size: .85em;
    margin: 5px 0;
}

[styles-root] .quantity-inputs-border {
    border: 1px solid #bcbcbc;
}

[styles-root] .quantity-label {
    margin-left: 5px;
}

[styles-root] .quantity-inputs {
    align-items: center;
    display: flex;
}

[styles-root] .quantity-input-box {
    padding: 0;
    margin: 0 10px;
    text-align: center;
    height: 40px;
    box-sizing: border-box;
    width: 80px;
}

[styles-root] .quantity-inputs>* {
    height: 48px;
    margin: 0;
    border: 0;
}

[styles-root] input[type=number] {
    -moz-appearance: textfield;
}

[styles-root] .quantity-inputs .quantity-input-box {
    order: 2;
}

[styles-root] .quantity-inputs button {
    width: 40%;
    min-width: 30px;
}

[styles-root] .quantity-inputs .increase {
    order: 3;
}

[styles-root] .quantity-inputs .decrease {
    order: 1;
}

[styles-root] .quantity-inputs button.padding {
    padding: 10px;
}

[styles-root] .quantity-inputs .increase .arrow-icon-up {
    display: none;
}

[styles-root] .quantity-inputs .decrease .arrow-icon-down {
    display: none;
}

[styles-root] .minus-icon, [styles-root] .plus-icon {
    width: 18px;
    fill: #bcbcbc;
}

[styles-root] .gray svg {
    fill: #616161;
}

[styles-root] .gray:hover:not([disabled]) svg {
    fill: #000;
}

[styles-root] .cart-item .cart-item-price-container .item-price {
    font-weight: 700;
}

[styles-root] .cart-item .wishlist-delete-container>button {
    flex: 1;
}

[styles-root] .cart-item .wishlist-delete-container>button:only-child {
    margin: 0;
}

[styles-root] .icon.fill-dark-grey {
    fill: #616161;
}

[styles-root] .cart-item .notes-accesory-container .notes-accesory-buttons {
    flex: 1;
    display: flex;
}

[styles-root] .cart-item .notes-accesory-container .notes-accesory-buttons div {
    width: 100%;
}

[styles-root] .cart-item .notes-accesory-container .notes-accesory-buttons div button {
    width: 100%;
}

[styles-root] .icon-plus {
    width: 18px;
    height: 18px;
}

/* Chrome, Safari, Edge, Opera */
.quantity-inputs input::-webkit-outer-spin-button,
.quantity-inputs input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

[styles-root] .cart-actions {
    margin-bottom: 10px;
    border-bottom: 2px solid #e4e4e4;
}

[styles-root] .cart-container .columns-container .right-column .payment-information {
    align-self: flex-start;
}

[styles-root] .cart-container .columns-container .left-column .notice-container .info-icon {
    fill: #777777;
    width: 15px;
    height: auto;
    margin-top: 0;
}

[styles-root] .cart-container .columns-container .left-column .notice-container .marketplace-notice {
    margin-left: 15px;
    padding-top: 10px;
}

[styles-root] .cart-container .columns-container .left-column .notice-container .marketplace-notice span {
    font-size: 1.25rem;
}

[styles-root] .articles-not-available-container {
    box-shadow: 0 5px 15px 0 #D9DFE4;
    margin-bottom: 20px;
}

[styles-root] .articles-not-available-container .articles-not-available-header-row {
    background-color: #FFE7E7;
    color: #891706;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

[styles-root] .articles-not-available-container .articles-not-available-header-row h2 {
    font-size: 1.2em;
    font-weight: bold;
}

[styles-root] .articles-not-available-container .articles-not-available-header-row .close-icon-container {
    cursor: pointer;
    height: 15px;
}

[styles-root] .articles-not-available-container .articles-not-available-header-row .close-icon-container .close-icon {
    fill: #891706;
    width: 15px;
}

@media screen and (min-width: 0px) and (max-width: 767px){
  [styles-root] .below-cart-buttons {
      margin: 10px 15px -10px;
  }

  [styles-root] .below-cart-buttons button {
    width: 100%;
    margin-bottom: 2px;
  }

  [styles-root] .checkout-container .proceed-to-checkout-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 5px;
  }

  [styles-root] .checkout-container .proceed-to-checkout-container>button, [styles-root] .checkout-container .proceed-to-checkout-container div {
    flex: 1 0 35%;
    margin: 0 5px;
  }

  [styles-root] .checkout-container .proceed-to-checkout-container .checkout-button {
      order: 2;
  }

  [styles-root] .checkout-container .proceed-to-checkout-container .guest-checkout-button {
    order: 3;
  }

  [styles-root] .left-side {
    margin: 0 auto;
    text-align: center;
  }

  [styles-root] .right-side {
    padding-top: 0;
    text-align: center;
    width: 100%;
  }

  [styles-root] .product-image-notice {
    text-align: left;
  }

  [styles-root] .cart-container .columns-container .left-column .notice-container {
    padding: 0 0 10px;
  }

  [styles-root] .cart-container .columns-container .left-column .notice-container .info-icon {
    width: 10px;
  }

  [styles-root] .cart-container .columns-container .left-column .notice-container .marketplace-notice span {
    font-size: 1rem;
  }
}

[styles-root] .checkout-container .proceed-to-checkout-container .checkout-button,
[styles-root] .checkout-container .proceed-to-checkout-container .guest-checkout-button,
[styles-root] .checkout-container .proceed-to-checkout-container .remove-actioncode-button,
[styles-root] .checkout-container .proceed-to-checkout-container .remove-sold-out-items-button,
[styles-root] .checkout-container .proceed-to-checkout-container .one-click-button,
[styles-root] .checkout-container .proceed-to-checkout-container .log-in-button,
[styles-root] .checkout-container .proceed-to-checkout-container .social-buttons-container {
    width: 100%;
}

[styles-root] .checkout-container .proceed-to-checkout-container .paypal-checkout-button,
[styles-root] .checkout-container .proceed-to-checkout-container .guest-checkout-button,
[styles-root] .checkout-container .proceed-to-checkout-container .one-click-button,
[styles-root] .checkout-container .proceed-to-checkout-container .remove-actioncode-button,
[styles-root] .checkout-container .proceed-to-checkout-container .remove-sold-out-items-button {
    margin-top: 10px;
}

@media screen and (min-width: 0px) and (max-width: 767px){
  [styles-root] .checkout-container .proceed-to-checkout-container .paypal-checkout-button,
  [styles-root] .checkout-container .proceed-to-checkout-container .guest-checkout-button,
  [styles-root] .checkout-container .proceed-to-checkout-container .one-click-button,
  [styles-root] .checkout-container .proceed-to-checkout-container .remove-actioncode-button,
  [styles-root] .checkout-container .proceed-to-checkout-container .remove-sold-out-items-button {
      margin-top: 0;
  }
}



@media screen and (max-width: 767px){
  button.small span {
      font-size: .875rem;
      font-weight: 400;
  }

  button.medium span {
    font-size: .875rem;
    font-weight: 400;
  }

  button.large span {
    font-size: .875rem;
    font-weight: 600;
  }
}

[styles-root] .margin-right span {
    margin-right: 10px;
}

[styles-root] .checkout-container .proceed-to-checkout-container .guest-checkout-button-text {
    margin-left: 15px;
    margin-right: 15px;
}

[styles-root] .direct-add-by-excel .file-download span {
    color: #fff;
}

@media screen and (min-width: 0px) and (max-width: 767px){
  [styles-root] .cart-container .cart-title {
      padding: 0 0 15px;
  }

  [styles-root] .cart-container .columns-container {
      display: unset;
  }

  [styles-root] .checkout-container {
    float: right;
    padding: 0 10px;
    margin-top: 15px;
    position: -webkit-sticky;
    position: sticky;
    bottom: 5px;
    z-index: 1;
  }

  [styles-root] .cart-container .columns-container .left-column {
    flex: unset;
    padding-right: unset;
  }

  [styles-root] .cart-container .columns-container .right-column {
    flex: unset;
  }

  [styles-root] .cart-container .columns-container .left-column .items-container .cart-items_container {
    display: unset;
  }

  [styles-root] .direct-add .direct-add-toggle .subTitle{
      display: none;
  }

  [styles-root] .tabs-header {
      flex-direction: column;
  }

  [styles-root] .tabs-header .tabs-title {
    font-size: 15px;
  }

  [styles-root] .tabs-tab {
    padding: 10px 0;
  }

  [styles-root] .direct-add .add-single-product {
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,auto);
    -ms-display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
    row-gap: 10px;
  }

  [styles-root] .direct-add .add-single-product .form-field {
    grid-column: 1/5;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }

  [styles-root] .direct-add .add-single-product .direct-loader {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 8px;
    right: 0;
  }

  [styles-root] .direct-add .add-single-product .direct-add-button {
    grid-column: 1/5;
    grid-row: 4/5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
  }

  [styles-root] .direct-add-by-excel .file-download {
      min-width: 224px;
      margin-left: 10px;
  }

  [styles-root] .direct-add-by-excel .file-download span {
    font-size: .75rem;
  }
}

[styles-root] .tabs-tab-byExcel {
    padding: 20px 0 40px;
}

[styles-root] .direct-add-by-excel button:last-child {
    margin-right: 0;
}

@media (min-width: 768px){
  [styles-root] .totalPrice {
      padding-top: 14px;
  }

  [styles-root] .cart-container .cart-title {
    min-height: 80px;
  }

  [styles-root] .cartItemList {
    margin-bottom: 25px;
  }

  [styles-root] .cart-container .columns-container .right-column .payment-information {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  .cmsMain {
    padding-top: 40px;
  }

  [styles-root] .product-quantity-container {
    min-width: 100%;
  }

  [styles-root] .cart-container .columns-container .left-column .notice-container {
    margin-bottom: 0;
  }

  [styles-root] .cart-container .columns-container .left-column .notice-container .info-icon {
    width: 10px;
  }

  [styles-root] .cart-container .columns-container .left-column .notice-container .marketplace-notice span {
      font-size: 1rem;
  }

  [styles-root] .ccp-user-form-field-wrapper .input-wrapper .hook {
    display: block;
  }
}

@media (min-width: 1025px){
  [styles-root] .cart-container .columns-container .right-column {
      flex: 4;
  }

  [styles-root] .lineItem {
    margin-bottom: 8px;
  }

  [styles-root] .cartItemList {
    margin-bottom: 50px;
  }

  [styles-root] .large {
    height: 60px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px){
  button.small span {
    font-size: 1rem;
    font-weight: 400;
  }

  button.large span {
      font-size: 1.25rem;
      font-weight: 400;
  }

  [styles-root] .tabs-header .tabs-title {
    font-size: 15px;
  }

  [styles-root] .shippingContainer {
    font-size: 14px;
  }

  [styles-root] .totalPrice {
    font-size: 16px;
  }
}

@media screen and (min-width: 1441px){
  button.small span {
    font-size: 1rem;
    font-weight: 400;
  }

  button.large span {
    font-size: 1.25rem;
    font-weight: 400;
  }

  [styles-root] .cart-item {
    grid-template-columns: repeat(8,1fr);
    grid-template-rows: repeat(5,auto);
    -moz-column-gap: 5px;
    column-gap: 5px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto auto;
    border: none;
    border-bottom: 2px solid #e4e4e4;
    margin-top: 15px;
  }

  [styles-root] .cart-item .product-image {
    max-width: 5em;
    height: 120px;
    grid-column: 1/2;
    grid-row: 1/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
  }

  [styles-root] .cart-item .product-availability {
    height: 50px;
    grid-column: 2/6;
    grid-row: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }

  [styles-root] .cart-item .product-quantity {
      grid-column: 6/7;
      grid-row: 1/2;
      -ms-grid-column: 6;
      -ms-grid-column-span: 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      margin-top: 0;
      padding: 0;
      background: 0 0;
  }

  [styles-root] .cart-item .cart-item-price-container {
      grid-column: 7/9;
      grid-row: 2/3;
      -ms-grid-column: 7;
      -ms-grid-column-span: 2;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      margin-top: 0;
      padding: 0;
      background: 0 0;
      height: 100%;
      margin-left: 0;
  }

  [styles-root] .cart-item .wishlist-delete-container {
    grid-column: 6/9;
    grid-row: 5/6;
    -ms-grid-column: 6;
    -ms-grid-column-span: 3;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    align-items: center;
    padding: 0;
    background: 0 0;
    width: 100%;
    margin-top: 0;
  }

  [styles-root] .cart-item .notes-accesory-container {
      grid-column: 2/6;
      grid-row: 5/6;
      -ms-grid-column: 2;
      -ms-grid-column-span: 4;
      -ms-grid-row: 5;
      -ms-grid-row-span: 1;
      margin-top: 3px;
      height: 40px;
      margin-right: 10px;
  }

  [styles-root] .cart-item .product-availability p {
    font-size: 1em;
  }

  [styles-root] .product-quantity-container .prices-section {
    font-size: 1em;
  }

  [styles-root] .quantity-inputs {
    flex-direction: column;
    flex-wrap: wrap;
    width: 80px;
    height: 40px;
  }

  [styles-root] .quantity-inputs .quantity-input-box {
    flex: 0 0 100%;
    width: 60%;
    order: 0;
  }

  [styles-root] .quantity-inputs .increase {
    height: 20px;
    order: 0;
  }

  [styles-root] .quantity-inputs .decrease {
      height: 20px;
      order: 0;
  }

  [styles-root] .quantity-inputs .increase .arrow-icon-up {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px;
    border-color: transparent transparent #bcbcbc transparent;
  }

  [styles-root] .quantity-inputs .decrease .arrow-icon-down {
      width: 0;
      height: 0;
      display: block;
      border-style: solid;
      border-width: 7px 5px 0;
      border-color: #bcbcbc transparent transparent transparent;
  }

  [styles-root] .quantity-inputs .increase svg {
    display: none;
  }

  [styles-root] .quantity-inputs .decrease svg {
      display: none;
  }
}