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

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* ABI B2B Release */
/* colors */
/* fonts */
/* dimension */
/* ABI B2B Release kept for backward compatibility*/
/* fonts */
.active.asc[data-sort]::after, .active.asc[data-id]::after {
  content: ' ▲';
}

.active.desc[data-sort]::after, .active.desc[data-id]::after {
  content: ' ▼ ';
}

button, a.button {
  height: 30px;
  line-height: 27px;
  font-size: 14px;
  padding: 0 10px;
  cursor: pointer;
}
button:hover, a.button:hover {
  text-decoration: none;
}
button.disabled, a.button.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
}
button.default, a.button.default {
  background: #666666;
  color: #ffffff;
  border: 0 none;
}
button.text, a.button.text {
  background: none;
  color: #D2232A;
  border: 0 none;
  padding: 0;
  font-size: inherit;
  height: auto;
  line-height: normal;
}
button.text:hover, a.button.text:hover {
  text-decoration: underline;
}
button.bordered, a.button.bordered {
  background: transparent;
  color: #4d4d4d;
  border: 1px solid #666666;
  font-size: inherit;
}
button.bordered:hover, a.button.bordered:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
button.bordered:active, a.button.bordered:active {
  background-color: #666666;
  color: #ffffff;
  outline: none;
}
button.icon, a.button.icon {
  background: transparent;
  color: #4d4d4d;
  border: 0 none;
}

a.button {
  line-height: 30px;
}

/* OVERRIDE FOR BUTTON COLOR */
.button-override-primary, .btn.btn-primary, .btn.btn-default, .acctmainSection input.btn.btn-default, .acctmainSection input[type='button'], .ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails #attachButton,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails #createNewRequestButton,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage #attachButton,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage #createNewRequestButton {
  background: #F26D21;
  color: #ffffff;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 13px;
  border: 0 none;
}
.button-override-primary:hover, .btn.btn-primary:hover, .btn.btn-default:hover, .acctmainSection input.btn.btn-default:hover, .acctmainSection input[type='button']:hover, .ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails #attachButton:hover,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails #createNewRequestButton:hover,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage #attachButton:hover,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage #createNewRequestButton:hover {
  background: #d4550c;
}

.button-override-secondary, .btn.btn-primary.addMore, .btn.btn-primary.updateCartButton, .btn.btn-primary.minusFF, .btn.btn-primary.minus, .btn.btn-primary.plus, .btn.btn-primary.plusFF, .btn.btn-default.addMore, .btn.btn-default.updateCartButton, .btn.btn-default.minusFF, .btn.btn-default.minus, .btn.btn-default.plus, .btn.btn-default.plusFF, .btn.removeItemButton, .ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails #backButton,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails #cancelRequestButton,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage #backButton,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage #cancelRequestButton {
  background: #f2f2f2;
  color: #45130f;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 13px;
  border: 0 none;
}
.button-override-secondary:hover, .btn.btn-primary.addMore:hover, .btn.btn-primary.updateCartButton:hover, .btn.btn-primary.minusFF:hover, .btn.btn-primary.minus:hover, .btn.btn-primary.plus:hover, .btn.btn-primary.plusFF:hover, .btn.btn-default.addMore:hover, .btn.btn-default.updateCartButton:hover, .btn.btn-default.minusFF:hover, .btn.btn-default.minus:hover, .btn.btn-default.plus:hover, .btn.btn-default.plusFF:hover, .btn.removeItemButton:hover, .ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails #backButton:hover,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails #cancelRequestButton:hover,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage #backButton:hover,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage #cancelRequestButton:hover {
  background: #d9d9d9;
}

.btn {
  outline: none;
  border: none;
  position: relative;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 30px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.btn.btn-default {
  text-transform: uppercase;
  border: 0;
  border-radius: 4px;
  height: 37px;
}
.btn.btn-default.btn-big {
  min-height: 54px;
}
.btn.btn-default.btn-compact {
  font-size: 11px;
  height: 16px;
  line-height: normal;
  padding: 0 5px 2px 5px;
  margin: 0;
}
.btn.btn-default[disabled]:focus {
  background-color: #F26D21;
}
.btn.btn-default.disabled:focus {
  background-color: #F26D21;
}
.btn.btn-default[disabled]:focus:hover {
  background-color: #d4550c;
}
.btn.btn-default.disabled:focus:hover {
  background-color: #d4550c;
}
.btn.btn-default.green_btn {
  background-color: #8AD223;
  color: #ffffff;
  padding: 4px 15px;
  width: 100%;
}
.btn.btn-default.green_btn.dark_green_btn {
  background-color: #22b14c;
}
.btn.btn-default.green_btn.dark_green_btn:hover, .btn.btn-default.green_btn.dark_green_btn:active, .btn.btn-default.green_btn.dark_green_btn:focus, .btn.btn-default.green_btn.dark_green_btn:active:focus {
  background-color: #22b14c;
  outline: none;
}
.btn.btn-default.green_btn:hover, .btn.btn-default.green_btn:active, .btn.btn-default.green_btn:focus, .btn.btn-default.green_btn:active:focus {
  background-color: #8AD223;
  outline: none;
}
.btn.btn-default.green_btn:disabled, .btn.btn-default.green_btn:disabled:hover, .btn.btn-default.green_btn:disabled:active, .btn.btn-default.green_btn:disabled:focus, .btn.btn-default.green_btn:disabled:active:focus {
  background-color: #E6E6E6;
  color: #331D0C;
  border: 1px solid #999999;
  pointer-events: none;
  outline: none;
}
.btn.btn-primary, .btn.btn-default {
  border: 0 none;
  font-size: 14px;
}
.btn.btn-outline-danger {
  border: 1px solid #D2232A;
  color: #D2232A;
  border-radius: 4px;
  padding: 8px 15px;
  font-weight: bold;
  height: 36px;
  background: white;
}
.btn.cc_dropdown-toggle {
  padding-right: 30px;
}
.btn.cc_dropdown-toggle .caret {
  position: absolute;
  border-top: 6px dashed;
  border-top: 6px solid \9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  top: 12px;
  right: 10px;
}

.btn.btn-primary.addToCart, .btn.btn-default.addToCart {
  float: right;
  width: 48%;
}
.btn.btn-primary.addMore, .btn.btn-default.addMore {
  float: left;
  width: 48%;
}
.btn:active, .btn:hover, .btn:focus {
  outline: none;
}

button.btn.btn-default.dropdown-toggle {
  background: #f2f2f2;
  color: #45130f;
  position: relative;
  padding-right: 40px;
}
button.btn.btn-default.dropdown-toggle .caret {
  background: #F26D21;
  color: #ffffff;
  height: 30px;
  top: 0;
  right: 0;
  width: 30px;
  display: block;
  z-index: 2;
  position: absolute;
  border: 0 none;
}
button.btn.btn-default.dropdown-toggle .caret:before {
  position: absolute;
  border-top: 6px dashed;
  border-top: 6px solid \9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  top: 12px;
  right: 10px;
  content: "";
  display: block;
}
button.btn.btn-default.dropdown-toggle .caret:hover {
  background: #d4550c;
}

button.btn.btn-default.pickWish + button.btn.btn-default.dropdown-toggle {
  padding-right: 22px;
}

.qty.qty-field {
  -moz-appearance: textfield !important;
}

.form-group .input-group {
  overflow: hidden;
  *zoom: 1;
  text-align: right;
}
.form-group .input-group .input-group-btn {
  display: inline-block;
  width: auto;
  margin: 0;
}
.form-group .input-group .input-group-btn input {
  float: left;
}
.form-group .input-group > input {
  display: inline-block;
  width: 80px;
  margin: 0;
  box-shadow: 0 0 0;
  float: none;
  position: relative;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 400px) {
  .form-group .input-group > input {
    width: 70px;
  }
}

/* ABI B2B Release */
body {
  /* Default button - white rounded */
  /* OK button - orange rounded */
  /* Cancel button - grey */
  /* OK button - orange */
  /* Action button - green */
}
body input[type='button'].btn-white-rounded,
body button[type='button'].btn-white-rounded {
  width: 100px;
  background-color: #ffffff;
  color: #CCCCCC;
  border: 1px solid #CCCCCC;
  border-radius: 18px;
  margin-top: 10px;
}
body input[type='button'].btn-white-rounded:hover,
body button[type='button'].btn-white-rounded:hover {
  background-color: #F26D21;
  color: #ffffff;
}
body input[type='button'].btn-ok-rounded,
body button[type='button'].btn-ok-rounded {
  width: 100px;
  background-color: #F26D21;
  color: #ffffff;
  border-radius: 18px;
}
body input[type='button'].btn-ok-rounded:hover,
body button[type='button'].btn-ok-rounded:hover {
  background-color: #d4550c;
  color: #ffffff;
}
body input[type='button'].btn-ok-rounded:active:focus,
body button[type='button'].btn-ok-rounded:active:focus {
  color: #ffffff;
  background: #F26D21;
}
body input[type='button'].btn-ok-rounded.green-button,
body button[type='button'].btn-ok-rounded.green-button {
  width: 100px;
  background-color: #8AD223;
  color: #ffffff;
  border-radius: 18px;
}
body input[type='button'].btn-ok-rounded.green-button:hover,
body button[type='button'].btn-ok-rounded.green-button:hover {
  background-color: #008000;
  color: #ffffff;
}
body input[type='button'].btn-ok-rounded.green-button:active:focus,
body button[type='button'].btn-ok-rounded.green-button:active:focus {
  color: #ffffff;
  background: #8AD223;
}
body input[type='button'].btn-ok-rounded.green-button#add-to-cart,
body button[type='button'].btn-ok-rounded.green-button#add-to-cart {
  max-width: 190px;
  width: fit-content;
}
body input[type='button'].abi-b2b-btn-cancel,
body button[type='button'].abi-b2b-btn-cancel,
body input[type='button'].btn-cancel,
body button[type='button'].btn-cancel {
  text-transform: uppercase;
  border-radius: 3px;
  font-weight: 300;
  color: #ffffff;
  padding: 0px 20px 0px 20px;
  min-height: 40px;
  background: #ffa64d;
  border: 0px;
}
body input[type='button'].abi-b2b-btn-cancel:hover,
body button[type='button'].abi-b2b-btn-cancel:hover,
body input[type='button'].btn-cancel:hover,
body button[type='button'].btn-cancel:hover {
  color: #ffffff;
  background: #F7922A;
}
body input[type='button'].abi-b2b-btn-ok,
body button[type='button'].abi-b2b-btn-ok,
body input[type='button'].btn-ok,
body button[type='button'].btn-ok {
  text-transform: uppercase;
  border-radius: 3px;
  font-weight: 300;
  color: #ffffff;
  padding: 0px 20px 0px 20px;
  min-height: 40px;
  background: #F26D21;
  border: 0px;
}
body input[type='button'].abi-b2b-btn-ok:hover,
body button[type='button'].abi-b2b-btn-ok:hover,
body input[type='button'].btn-ok:hover,
body button[type='button'].btn-ok:hover {
  background: #d4550c;
  color: #ffffff;
}
body input[type='button'].abi-b2b-btn-ok:active,
body button[type='button'].abi-b2b-btn-ok:active,
body input[type='button'].btn-ok:active,
body button[type='button'].btn-ok:active {
  color: #ffffff;
  background: #F26D21;
}
body input[type='button'].abi-b2b-btn-ok:active:hover,
body button[type='button'].abi-b2b-btn-ok:active:hover,
body input[type='button'].btn-ok:active:hover,
body button[type='button'].btn-ok:active:hover {
  background: #d4550c;
  color: #ffffff;
}
body input[type='button'].abi-b2b-btn-action,
body button[type='button'].abi-b2b-btn-action,
body input[type='button'].btn-action,
body button[type='button'].btn-action {
  text-transform: uppercase;
  border-radius: 3px;
  font-weight: 300;
  color: #ffffff;
  padding: 10px;
  line-height: inherit;
  height: inherit;
  min-height: 40px;
  background: #8AD223;
  border: none;
  margin-right: 20px;
}
body input[type='button'].abi-b2b-btn-action:hover,
body button[type='button'].abi-b2b-btn-action:hover,
body input[type='button'].btn-action:hover,
body button[type='button'].btn-action:hover {
  background: #008000;
  color: #ffffff;
}

.btn-group {
  width: 100%;
}
.btn-group button.btn.pickWish {
  width: 100%;
  padding: 0 30px 0 10px;
}

.quantity-input-buttons .form-group {
  margin-bottom: 0;
}
.quantity-input-buttons [class$="quantity-group"] {
  margin: 0 auto;
}
.quantity-input-buttons [class$="quantity-group"] .input-group {
  padding: 0 1px;
}
@media only screen and (max-width: 578px) {
  .quantity-input-buttons [class$="quantity-group"]:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 578px) {
  .quantity-input-buttons [class$="quantity-group"]:nth-child(2) {
    margin-top: 10px;
  }
}
.quantity-input-buttons .input-group-btn.input-minus {
  position: absolute;
  float: left;
  left: 5px;
  top: 6px;
  z-index: 3;
}
.quantity-input-buttons .input-group-btn.input-plus {
  position: absolute;
  float: right;
  right: 5px;
  top: 6px;
}
.quantity-input-buttons .input-group-btn.plusLayer, .quantity-input-buttons .input-group-btn.minusLayer {
  color: #F26D21;
  line-height: inherit;
  padding: 0;
  outline: none;
  width: 20px;
  height: 20px;
  border-radius: 50px;
}
.quantity-input-buttons .input-group .plp-qty.entry {
  border-radius: 50px;
  width: 100%;
  text-transform: uppercase;
  font-weight: normal;
  outline: none;
  padding: 15px;
}
.quantity-input-buttons .input-group .plp-qty.entry:focus {
  z-index: 0;
  border-color: #F26D21;
}
.quantity-input-buttons .input-group .plp-qty.entry[readonly], .quantity-input-buttons .input-group .plp-qty.entry[readonly="readonly"], .quantity-input-buttons .input-group .plp-qty.entry:read-only {
  background-color: #ffffff;
}
.quantity-input-buttons .input-group .plp-qty.entry[readonly]:focus, .quantity-input-buttons .input-group .plp-qty.entry[readonly]:hover, .quantity-input-buttons .input-group .plp-qty.entry[readonly]:active, .quantity-input-buttons .input-group .plp-qty.entry[readonly="readonly"]:focus, .quantity-input-buttons .input-group .plp-qty.entry[readonly="readonly"]:hover, .quantity-input-buttons .input-group .plp-qty.entry[readonly="readonly"]:active, .quantity-input-buttons .input-group .plp-qty.entry:read-only:focus, .quantity-input-buttons .input-group .plp-qty.entry:read-only:hover, .quantity-input-buttons .input-group .plp-qty.entry:read-only:active {
  border: 1px solid #CCCCCC;
  cursor: default;
}
.quantity-input-buttons .quantity-input-buttons {
  margin: 0 5px;
}
.quantity-input-buttons .quantity-input-label {
  font-size: 60%;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #CCCCCC;
  pointer-events: none;
}
.quantity-input-buttons .changeBtnQty {
  padding: 0;
  width: 20px;
}
.quantity-input-buttons .changeBtnQty.btn-default {
  background: url(../img/plus.svg) no-repeat;
}
.quantity-input-buttons .changeBtnQty.decrease {
  background: url(../img/minus.svg) no-repeat;
}
.quantity-input-buttons .changeBtnQty:hover, .quantity-input-buttons .changeBtnQty:active, .quantity-input-buttons .changeBtnQty:focus {
  outline: none;
}

.my_order_btn {
  width: 140px;
  margin: 20px 10px;
}

.btn.btn-default.btn-plp-view {
  background: #fff;
  color: #ccc;
  border: 1px solid #e7e7e7;
  border-right: none;
  border-radius: 0;
}
.btn.btn-default.btn-plp-view.active {
  color: #F26D21;
}
.btn.btn-default.btn-plp-view.disabled {
  background: #e7e7e7;
}
.btn.btn-default.btn-plp-view.first-btn {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.btn.btn-default.btn-plp-view.last-btn {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: 1px solid #e7e7e7;
}

.knowledgePaginationBtn {
  padding: 5px 20px;
  background: #fff;
  border: 1px solid #ddd;
  color: #4d7dd0;
  margin: 0 -15px;
  height: auto;
  font-weight: bold;
}
.knowledgePaginationBtn.prev {
  border-right: none;
}
.knowledgePaginationBtn.next {
  border-left: none;
}
.knowledgePaginationBtn:disabled {
  background: #ccc;
  color: #aaa;
}

.fixedBtn {
  position: fixed;
  bottom: 0;
  right: 60px;
  background: #d00000;
  border-radius: 8px 8px 0 0;
  border: none;
  text-transform: uppercase;
  box-sizing: border-box;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0 12px;
  height: 46px;
  line-height: 1;
  color: #fff;
  font-size: .875em;
  z-index: 499;
}
@media only screen and (max-width: 767px) {
  .fixedBtn {
    border-radius: 23px;
    bottom: 63px;
    right: 10px;
  }
}
.fixedBtn.liveChatVisible {
  right: 150px;
}
@media only screen and (max-width: 767px) {
  .fixedBtn.liveChatVisible {
    right: 10px;
    bottom: 120px;
  }
}
.fixedBtn .button-text {
  display: inline-block;
  margin-top: 14px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .fixedBtn .button-text {
    margin-top: 12px;
  }
}
.fixedBtn .button-icon {
  position: relative;
  z-index: 1;
  line-height: 1;
  vertical-align: top;
  display: inline-block;
}
.fixedBtn .button-icon:before {
  content: '';
  background: url("../img/knowledgeIcon.png") no-repeat;
  background-position: center;
  height: 35px;
  width: 41px;
  background-size: contain;
  float: left;
  position: relative;
}

.stock-button {
  color: #fff;
  background: #F26D21;
  border: none;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  margin: 5px auto;
  font-weight: bold;
  border-radius: 0.25em;
  text-transform: uppercase;
}
@media only screen and (max-width: 578px) {
  .stock-button {
    margin-top: 5px;
    margin-bottom: -5px;
  }
}
.stock-button:hover, .stock-button:focus {
  background: #d4550c;
  cursor: pointer;
}
.stock-button.stock-button-no-transform {
  text-transform: none;
}

.btn-group.order-actions {
  min-width: 80px;
}
.btn-group.order-actions .dropdown-toggle {
  font-size: 11px;
  height: 30px;
  width: 100%;
  padding: 0 20px 0 5px !important;
  right: -17px !important;
  background: #f26d20 !important;
  color: #fff !important;
}
.btn-group.order-actions .dropdown-toggle[aria-expanded=true] {
  color: #f26d21 !important;
  background-color: #fffefe !important;
}
.btn-group.order-actions .dropdown-toggle span.caret {
  height: 30px;
  width: 20px;
}
.btn-group.order-actions .dropdown-toggle span.caret:before {
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  top: 12px;
  right: 6px;
}
.btn-group.order-actions .dropdown-menu {
  top: 28px;
  left: -63px;
  border: 1px solid #f26d21;
}
.btn-group.order-actions .dropdown-menu > li > a {
  padding: 3px 11px !important;
  text-transform: capitalize;
}
.btn-group.order-actions .dropdown-menu .reqChange {
  padding: 0 !important;
}

.bottom-extra-space {
  margin-bottom: 10px;
}

.sub-header {
  color: #D2232A;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
}
.sub-header.sub-header-alternate {
  color: #8AD223;
}
.sub-header.sub-header-alternate-sec {
  color: #F26D21;
}
.sub-header.sub-header-light {
  text-transform: initial;
  font-weight: normal;
}
.sub-header.sub-header-small {
  font-size: 12px;
}
.sub-header.sub-header-medium {
  font-size: 14px;
}
.sub-header.sub-header-subtitle {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
.sub-header.sub-header-dark {
  color: #000;
}
.sub-header.sub-header-invert {
  color: #ffffff;
}

.centered-header {
  text-align: center;
  color: #777;
  margin-bottom: 15px;
}

.secondary-label {
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.secondary-label.secondary-label-important {
  color: #F26D21;
}
.secondary-label.company-profile {
  text-transform: initial;
  color: #4d4d4d;
}

.label-description {
  font-size: 15px;
  color: #999999;
  font-style: italic;
}
.label-description.label-description-non-italic {
  font-style: normal;
}
.label-description.label-description-red-italic {
  font-size: 13px;
  color: #D2232A;
}

.simple-paragraph {
  color: #331D0C;
  font-size: 14px;
  line-height: 20px;
}

.standard-link {
  color: #999999;
  font-size: 12px;
  cursor: pointer;
}

.standard-link:hover {
  text-decoration: underline;
  color: #666666;
}

.error-text {
  color: #D2232A;
  font-size: 11px;
}

.promo-desc-text {
  color: #D2232A;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0;
}

.promo-desc-max {
  color: #777;
  font-size: 12px;
  margin: 0;
}

.abi-b2b-list-values .promo-desc-text {
  min-width: 200px;
  text-align: left;
  padding-left: 38px;
  padding-top: 10px;
}

.abi-b2b-list-values .promo-desc-max {
  text-align: left;
  padding-left: 38px;
}

.prodDetailContainer .promo-desc-text {
  font-size: 16px;
}

.disabled-link {
  pointer-events: none;
}

.breakWord {
  word-break: break-all;
}

.text-grey {
  color: #999999;
}

.hidden-text {
  color: transparent !important;
}

.notifications-header {
  font-weight: bold;
  color: #333;
}

.notifications-title {
  color: #333;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .notifications-title {
    margin-left: 10px;
  }
}

.notifications-desc {
  color: #767171;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .notifications-desc {
    margin-left: 10px;
  }
}

.notifications-updated-msg {
  font-size: 12px;
  color: #333;
  padding: 10px 0;
}

.hidden-text {
  color: transparent !important;
}

.big-margin-bottom {
  margin-bottom: 30px;
}

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

.span-new-line {
  display: inline-block;
}

form .validation-err {
  color: #D2232A;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .collapse.in {
    overflow: hidden;
  }
}
header {
  transition: all 0.5s ease;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  background: #ffffff;
  height: auto;
}
header .messagingSection-Header {
  margin-top: 60px;
}
header .messagingSection-Header .alert {
  margin-top: 20px;
  margin-bottom: 0;
}
header .messagingSection-Header-Info {
  font-size: 15px;
  font-weight: bold;
}
header .messagingSection-Header-Info .alert {
  padding: 15px 15px;
}
header .messagingSection-Header-Info .alert a {
  color: inherit;
}
header .navbar-header {
  float: none;
}
header .navbar-inverse .container {
  margin: 0 auto;
}
header .navbar-inverse .navbar-form {
  margin: 0;
  background: none;
}
header .navbar-inverse .navbar-toggle:hover, header .navbar-inverse .navbar-toggle:focus {
  background: #ffffff;
}
header .navbar-inverse .account-name {
  font-style: italic;
  color: #ffffff;
}
header .navbar-inverse .account-name#account-name-label {
  max-width: 14em;
  height: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
header .navbar-inverse .account-name#account-name-label > a {
  cursor: default;
}
header .list-inline > li {
  padding: 0;
}
header .cc_navbar_header {
  position: absolute;
}
header .cc_secnav {
  position: fixed;
  top: 0px;
}
header .navbar-collapse {
  border: none;
}
header .cc_navbar_collapse {
  display: block;
}
header .localeswitch li {
  float: left !important;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
header .doLogoutCust:hover {
  cursor: pointer;
}
header .navbar-header .mobilelinks {
  font-size: 11px;
  padding-top: 1px;
}
header .navbar-header .mobilelinks a:after {
  content: " |";
}
header .navbar-inverse.cc_navbar-inverse.top-black-nav {
  background: #331d0c;
  padding: 5px 0;
  font-size: 14px;
  min-height: 26px;
}
header .navbar-inverse.cc_navbar-inverse.top-black-nav span > a {
  color: #ffffff;
  text-decoration: none;
  font-weight: normal;
  margin: 0 5px;
}
header .navbar-inverse.cc_navbar-inverse.top-black-nav a > .fa-sort-desc {
  position: relative;
  top: -3px;
}
header .navbar-static-top {
  margin: 0;
}
header #cartHeader {
  background: #F26D21;
  padding: 8px;
  border-radius: 20px;
  font-weight: normal;
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
}
header .navbar-inverse .navbar-form {
  border: none;
}
header .searchbox {
  width: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
}
header .searchbox input#searchText {
  border-radius: 5px;
  padding-left: 25px;
  border: none;
}
header .searchbox .input-group {
  position: relative;
}
header .searchbox .input-group .icon {
  color: #000000;
  position: absolute;
  top: 7px;
  left: 8px;
  z-index: 100;
  margin: 0;
  padding: 0;
  cursor: text;
}
header .cc_my_chead {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -35px;
  margin-left: 30px;
}
header .cc_navbar_col_acct {
  padding: 15px 0;
  width: 100%;
  position: relative;
  top: 40px;
}
header .navbar-form {
  padding: 0;
}
header .navbar-default .navbar-toggle:focus {
  background: inherit;
}
header .navbar-toggle {
  top: 10px;
  left: 0;
  border: none;
  padding: 0;
  margin: 0;
  color: #F26D21;
  text-transform: uppercase;
  font-size: 17px;
}
header .cc_navbar_row {
  position: relative;
  margin: 0;
}
header .cc_navbar_collapse {
  position: relative;
  overflow: hidden;
}
header .menu-open #menu-cover {
  height: 100vh;
  width: calc(100vw - 240px);
  position: absolute;
  left: 240px;
  top: 0;
}
header .right-nav {
  float: right;
}
header .search-cart-wrapper {
  float: right;
}
header .arrow-container {
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid gray-dark3;
}
header .arrow-item {
  padding: 0 10px;
  position: relative;
  border-bottom: 1px solid gray-dark3;
}
header .mobile-submenu a {
  display: inline-block;
  width: 100%;
}
header .arrow-item:last-of-type {
  border-bottom: none;
}
header .arrow-item i {
  color: #e3d9d2;
}
header .arrow-item .fa-angle-right {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 4px;
  font-size: 30px;
}
header .orange {
  background: #f7912a;
  border: 1px solid #F26D21;
}
header .orange .arrow-item i, header .menu_container #navbar ul.nav li .orange a {
  color: #ffffff;
}
header .no-arrow-container {
  margin-top: 20px;
  padding: 0 10px;
}
header #minicart-header {
  display: none;
}
header > .header {
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: initial;
  position: relative;
}
header #logoUrl {
  display: none;
  position: absolute;
  top: 0;
  color: #ffffff;
  font-style: italic;
  text-align: center;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  width: 210px;
  height: 90px;
  background-image: url(../img/homepage_header_graphic.svg);
  background-size: contain;
  left: 0;
  margin: -5px calc(50% - 57px);
}
header #logoUrl span {
  display: none;
}
header .menu_container #navbar ul.nav {
  background: #ffffff;
  width: 240px;
  height: 100vh;
  left: -230px;
  transition: left 0.5s ease;
  position: fixed;
  box-shadow: 3px 1px 4px #dedede;
  overflow: auto;
}
header .menu_container #navbar ul.nav li.mobile-submenu {
  border: none;
  line-height: initial;
  height: initial;
}
header .menu_container #navbar.in ul.nav {
  left: 15px;
}
header ul.navbar-nav {
  z-index: 1;
  margin: 0 -15px;
  display: block;
  height: 32px;
  float: none;
  font-size: 14px;
  font-weight: normal;
  width: auto;
  overflow: hidden;
  *zoom: 1;
}
header ul.navbar-nav li {
  float: right;
  line-height: 30px;
  font-weight: normal;
  padding: 0 3px;
}
header ul.navbar-nav li a {
  color: #707070;
  font-weight: normal;
}
header ul.navbar-nav li a:hover {
  color: #3d3d3d;
  text-decoration: none;
}
header ul.navbar-nav li small {
  font-weight: bold;
}
header ul.navbar-nav li.mobile-submenu i.fa {
  display: inline-block;
}
header ul.navbar-nav li .lssec ul.navbar-nav {
  margin: 0;
}
header ul.navbar-nav li .lssec ul.navbar-nav li {
  padding: 0;
}
header ul.navbar-nav li .lssec ul.navbar-nav li a {
  padding: 0;
}
header ul.navbar-nav li.searchbox {
  position: relative;
}
header ul.navbar-nav li.searchbox i.fa {
  display: block;
}
header ul.navbar-nav li.searchbox input {
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 40px;
  line-height: 30px;
  box-shadow: 0 0 0;
}
header ul.navbar-nav li.searchbox .input-group-btn {
  position: absolute;
  right: 0;
  height: 30px;
  width: 30px;
  z-index: 10;
}
header ul.navbar-nav li.searchbox .navbar-form {
  margin: 0;
  padding: 0;
}
header ul.navbar-nav li.cc_my_chead {
  position: absolute;
  right: 0;
  top: 80px;
  height: 30px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  header ul.navbar-nav li.cc_my_chead {
    width: 130px !important;
  }
}
header ul.navbar-nav li.cc_my_chead i.fa {
  display: inline-block;
  font-size: 19px;
  position: absolute;
  top: 6px;
  left: 12px;
}
@media screen and (max-width: 767px) {
  header ul.navbar-nav li.cc_my_chead i.fa {
    position: inherit;
  }
}
header ul.navbar-nav li.cc_my_chead #cartHeader {
  background: #D2232A;
  width: 100%;
  display: block;
  padding: 0;
  color: #ffffff;
  height: 30px;
}
header ul.navbar-nav li.cc_my_chead #cartHeader > span {
  display: inline-block;
  padding: 0 10px;
  white-space: nowrap;
}
header ul.navbar-nav li.cc_my_chead #cartHeader > span.name {
  padding-left: 35px;
  height: 30px;
  line-height: 32px !important;
}
header ul.navbar-nav li.cc_my_chead #cartHeader > span.value {
  background: #F26D21;
  text-align: right;
  line-height: 32px !important;
  float: right;
}
@media screen and (max-width: 767px) {
  header ul.navbar-nav li.cc_my_chead #cartHeader > span.value {
    text-align: center;
  }
}
header ul.navbar-nav li i.fa {
  display: none;
}
header .navbar-inverse .navbar-form {
  position: relative;
  z-index: 50;
}
header .searchbox .input-group {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: #ffffff;
  border-radius: 3px;
  border: thin solid #cccccc;
  z-index: 3;
}
header .cc_search_input, header .cc_search_input:focus {
  outline: none;
  border: none;
  box-shadow: none;
  maxlength: 255;
}
header .ui-widget-content .ui-state-active {
  border: inherit;
  background: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
}
header .ui-menu-item-wrapper {
  text-decoration: none;
}
header .short-search-wrapper,
header .no-result-wrapper,
header .search-result-wrapper,
header .loading-result-wrapper,
header .recent-search-wrapper {
  margin: 10px;
  margin-top: 30px;
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
}
header .loading-result-wrapper img {
  height: 60px;
  margin: 0 auto 10px;
  display: block;
}
header .search-result-wrapper li {
  margin-bottom: 10px;
}
header .search-result-wrapper li:last-of-type {
  margin-bottom: 0;
}
header .search-result-wrapper .image {
  height: 40px;
  width: 40px;
  background-size: contain;
  display: inline-block;
}
header .search-result-wrapper a {
  position: relative;
  display: block;
  font-weight: normal;
}
header .search-result-wrapper .double-line {
  width: calc(100% - 40px);
  position: absolute;
  top: 0;
  left: 40px;
  padding-left: 10px;
}
header .search-result-wrapper .top-line {
  line-height: 20px;
  font-size: 17px;
  overflow: hidden;
  height: 20px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
header .search-result-wrapper .bottom-line {
  line-height: 20px;
  height: 20px;
  color: #b3b3b3;
  font-weight: normal;
}
header .search-result-wrapper .bottom-line div {
  display: inline-block;
  width: 50%;
  line-height: 20px;
  height: 20px;
}
header .search-result-wrapper .bottom-line img {
  max-height: 20px;
  margin-left: 5px;
  margin-bottom: -5px;
}
header .search-result-wrapper .bottom-line .price {
  text-align: right;
}
header .no-result-wrapper {
  color: #ff0000;
}
header .short-search-wrapper {
  color: red;
}
header .searchbox .focused .input-group {
  border: 1px solid #fad600;
}
header .shopping-cart {
  background-image: url(../img/shopping-cart.svg);
  background-size: contain;
  display: inline-block;
  width: 26px;
  height: 18px;
  position: relative;
  margin-bottom: -4px;
  margin-right: 10px;
}

.recent-label {
  color: #949393;
  font-size: 11px;
  margin: 5px 0 0;
}

.recent-result {
  font-size: 16px;
  margin-top: 10px;
  word-break: break-all;
}
.recent-result a {
  color: #777777;
  font-weight: normal;
}
.recent-result a:hover {
  color: #331D0C;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  header {
    padding-bottom: 10px;
  }
  header .localeswitch {
    margin-right: 11em;
  }
  header .localeswitch a {
    font-size: 11px;
  }
  header .add-container {
    position: fixed;
    bottom: 0;
    padding: 10px;
    background-color: white;
    width: 100%;
    left: 0px;
    z-index: 4;
    border-top: 1px solid #bbbbbb;
  }
  header .add-container #add-to-cart {
    width: 100%;
  }
  header ul.navbar-nav li.cc_my_chead {
    top: 15px;
    height: 30px;
    overflow: hidden;
  }
  header #logoUrl {
    left: 0;
    top: 0;
    width: 115px;
    height: 50px;
  }
  header .menu_container {
    z-index: 1500 !important;
  }
  header .navbar-default .navbar-toggle {
    position: absolute;
    margin: 0;
    border: 0 none;
    background: none;
    padding: 0 10px;
    top: -45px;
    left: 15px;
    font-size: 18px;
  }
  header .navbar-default .navbar-toggle span.icon-bar {
    background: #F26D21;
  }
  header .navbar-default .navbar-toggle:hover {
    background: none;
  }
  header .navbar-default .navbar-toggle:hover span.icon-bar {
    background: #d4550c;
  }
}
@media screen and (min-width: 768px) {
  header {
    margin-bottom: 0;
    position: static;
    border: 1px solid transparent;
    top: 0;
    border-width: 0 0 1px;
    background-color: #ffffff;
    border-color: #e7e7e7;
    right: 0;
    left: 0;
    z-index: 400;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  header {
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  header .cc_navbar_col_acct {
    z-index: 10;
  }
  header .cc_navbar_col_acct .add-container {
    position: absolute;
    right: 0;
    top: 75px;
    transition: top 0.5s ease;
  }
  header .messagingSection-Header {
    margin-top: 5px;
  }
  header .navbar-inverse.cc_navbar-inverse.top-black-nav {
    display: block;
  }
  header .cc_navbar_collapse {
    position: static;
  }
  header .menu_container #navbar ul.nav {
    position: static;
    background: transparent;
    width: inherit;
    height: inherit;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: margin 0.5s ease;
  }
  header .cc_secnav {
    position: static;
  }
  header #menu-cover {
    display: none;
  }
  header #cartHeader {
    padding: 13px;
    border-radius: 30px;
    height: 45px;
  }
  header #cartHeader .value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    display: inline-block;
  }
  header .searchbox input#searchText {
    border-radius: 3px;
    padding-left: 30px;
    height: 45px;
    font-size: 17px !important;
  }
  header .searchbox .input-group .icon {
    top: 12px;
    left: 9px;
    font-size: 16px;
  }
  header .cc_my_chead {
    position: static;
  }
  header .cc_my_chead:hover #minicart-header, header #minicart-header:hover {
    display: block;
    position: relative;
  }
  header .cc_navbar_col_acct {
    padding: 15px 0;
    width: calc(100% - 220px);
    margin-left: 220px;
    top: 0;
    position: relative;
  }
  header .searchbox {
    width: 300px;
    position: static;
  }
  header #logoUrl {
    margin: -5px 0;
    left: 0;
  }
  header > .header {
    height: initial;
  }
  header .account-dropdown {
    float: right;
  }
  header .short-search-wrapper,
  header .no-result-wrapper,
  header .search-result-wrapper,
  header .loading-result-wrapper,
  header .recent-search-wrapper {
    margin-top: 45px;
  }
  header .search_form {
    min-height: 45px;
  }
  header .search-cart-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    min-height: 45px;
  }
  header .navbar-inverse .navbar-form {
    z-index: 110;
  }

  .shrink header {
    margin-top: -28px;
    position: fixed;
  }
  .shrink header .menu_container #navbar ul.nav {
    margin-top: 0;
    margin-bottom: 0;
  }
  .shrink header .add-container {
    top: 61px;
  }

  .shrink header.sidebarHeader {
    margin-top: 0;
  }

  .recent-result {
    margin: 10px 20px 0;
    color: #777777;
  }
  .recent-result:last-of-type {
    margin-bottom: 20px;
  }

  .recent-label {
    margin: 5px 20px 0;
  }
}
@media screen and (min-width: 992px) {
  header .account-dropdown {
    float: none;
  }
  header .searchbox {
    width: 500px;
  }
  header .search-result-wrapper .bottom-line div {
    width: 33.3%;
  }
}
#addedToCart {
  color: #8AD223;
  font-weight: bold;
  text-align: center;
}

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

.navbar-inverse {
  background: transparent;
}

@media (min-width: 768px) {
  .deskLayout > .navbar-inverse {
    width: 100%;
  }
}

.footer-image {
  height: 40px;
  width: 115px;
  background-image: url(../img/homepage_header_graphic.svg);
  background-size: contain;
  margin: 30px auto;
}

footer {
  display: block;
}

.footerSecondSection {
  text-align: left;
}
@media (max-width: 768px) {
  .footerSecondSection {
    margin-top: 10px;
  }
}

.footerSecondSection li {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
}

.footerSecondSection p {
  display: inline;
  color: #9d9d9d;
  font-size: 12px;
}

.desktopFooterFirstSection {
  background-color: #ffffff;
  border-top: 1px solid #e2e2e2;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .desktopFooterFirstSection {
    padding-left: 3px;
    padding-bottom: 30px;
    text-align: center;
  }
}

.desktopFooterFirstSection img {
  margin-top: 10px;
}

.footer .sub-header-small {
  margin-top: 10px;
}

.footer li a, .footer p a {
  color: #999999;
  font-size: 12px;
}

.footer li a:hover, .footer p a:hover {
  text-decoration: underline;
  color: #666666;
}

.lastInFirstSection {
  margin-bottom: 5px;
}

.productListFooter {
  margin-top: 15px;
}

@media (min-width: 992px) {
  .footer .sub-header-small {
    margin-top: 20px;
  }

  .warning {
    float: right;
  }
}
#content.view.customer nav {
  display: block;
}

nav {
  width: 100%;
  color: #4d4d4d;
  z-index: 10;
  background: #f0f0f0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}
nav #toggle {
  display: none;
  position: absolute;
  right: -20px;
  width: 20px;
  top: 0;
  height: 20px;
  color: 20px;
  z-index: 2;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  background-color: #D2232A;
}

header .navbar-inverse {
  background: transparent;
  border: 0 none;
}
header .navbar-inverse .navbar-nav > li > a:hover,
header .navbar-inverse .navbar-nav > li > a:focus {
  color: #4d4d4d;
}

@media (max-width: 992px) {
  header .cc_col_search {
    display: none;
  }
}
.home_slider .breadcrumb {
  background: none;
  margin: 20px 0 10px;
  padding: 0;
}
.home_slider .breadcrumb a {
  color: #707070;
}
.home_slider .breadcrumb > li + li:before {
  color: #707070;
}
.home_slider .breadcrumb > li:last-child a {
  color: #F26D21;
}

.panel-body .panel-heading h5 {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}
.panel-body .panel-heading h5 i.fa {
  color: #4d4d4d;
}

header .menu_container {
  background: #ffffff;
  min-height: 0;
  margin-bottom: 0;
  border: 0 none;
  z-index: 2;
  position: relative;
  min-height: 30px;
}
@media screen and (max-width: 767px) {
  header .menu_container {
    min-height: 0;
  }
}
header .menu_container nav.navbar {
  min-height: 0;
  border: 0 none;
  background: none;
}
header .menu_container #navbar ul.nav {
  overflow: hidden;
  *zoom: 1;
}
header .menu_container #navbar ul.nav li {
  float: left;
  padding: 0 15px 0 15px;
  margin: 0;
}
header .menu_container #navbar ul.nav li:first-child {
  display: block;
}
header .menu_container #navbar ul.nav li a {
  padding: 0;
  line-height: 30px;
  font-weight: bold;
  color: #707070;
}
@media screen and (max-width: 767px) {
  header .menu_container #navbar ul.nav li {
    float: none;
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #f0f0f0;
  }
  header .menu_container #navbar ul.nav li a {
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  header .menu_container #navbar.collapse.in {
    overflow-y: auto;
    overflow-x: hidden;
    display: table;
  }
  header .menu_container #navbar ul.nav {
    overflow-y: auto;
  }
  header .menu_container li.dropdown.cc_dropdown.support {
    display: none;
  }
}

.wishlist-dropdown-block {
  position: inherit !important;
}

.table-ccx {
  border-collapse: separate;
  border: 1px solid #dddddd !important;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
.table-ccx > thead > tr > th {
  font-weight: bold;
  text-align: left;
  background: #f0f0f0;
  color: #D2232A;
  padding: 15px 8px 8px 8px;
  vertical-align: middle;
  line-height: 17px;
  border: 0 none !important;
  border-bottom: 1px solid #dddddd !important;
}
.table-ccx > thead > tr > th:first-child {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}
.table-ccx > thead > tr > th:last-child {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.table-ccx > tbody > tr:last-child > td {
  border: 0 none !important;
}
.table-ccx > tbody > tr:last-child > td:first-child {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.table-ccx > tbody > tr:last-child > td:last-child {
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.table-ccx > tbody > tr.active > td {
  background: #dddddd !important;
}
.table-ccx > tbody > tr > td {
  border: 0 none !important;
  border-bottom: 1px solid #dddddd !important;
  vertical-align: middle;
}
.table-ccx > tbody > tr > td span {
  white-space: normal !important;
  word-break: break-all !important;
}
.table-ccx > tbody > tr > td .major {
  display: inline-block;
  font-size: 20px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.table-ccx.table-order-type {
  border: 0 none !important;
  margin-bottom: 0;
}
.table-ccx.table-order-type > thead > tr > th {
  background: #f6f6f6;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 0 none;
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
}
.table-ccx.table-order-type > tbody > tr > td {
  border-bottom: 0 none !important;
  width: 10%;
  padding-left: 0;
  padding-right: 0;
  vertical-align: top;
}
.table-ccx.table-order-type > tbody > tr:last-child > td {
  border-bottom: 1px solid #dddddd !important;
}
.table-ccx.table-order-type > tbody > tr .title {
  font-weight: bold;
  color: #D2232A;
  line-height: 17px;
}
.table-ccx.table-order-type > tbody > tr .value + .title {
  margin-top: 8px;
}
.table-ccx.table-snow > thead > tr > th {
  white-space: nowrap;
}
.table-ccx.table-snow > tbody > tr > td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.table-ccx.table-logistic-order-details {
  border: 0 none !important;
  margin-bottom: 0;
}
.table-ccx.table-logistic-order-details > thead > tr > th {
  background: #f6f6f6;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 0 none;
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
}
.table-ccx.table-logistic-order-details > tbody > tr > td {
  border-bottom: 0 none !important;
  width: 10%;
  padding-left: 0;
  padding-right: 0;
  vertical-align: top;
}
.table-ccx.table-logistic-order-details > tbody > tr > td:nth-child(2) {
  width: auto;
}
.table-ccx.table-logistic-order-details > tbody > tr > td:nth-child(7) {
  width: 7%;
  text-align: right;
}
.table-ccx.table-logistic-order-details > tbody > tr > td:nth-child(8) {
  font-weight: bold;
}
.table-ccx.table-logistic-order-details > tbody > tr > td em {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  position: absolute;
  right: 0;
  white-space: nowrap;
}
.table-ccx.table-logistic-order-details > tbody > tr > td em.true {
  color: #ffffff;
  background-color: #8AD223;
  padding: 2px 6px;
  font-size: 90%;
}
.table-ccx.table-logistic-order-details > tbody > tr > td em.false {
  color: #ffffff;
  background-color: #D2232A;
  padding: 2px 6px;
  font-size: 90%;
}
.table-ccx.table-logistic-order-details > tbody > tr > td ul.details {
  padding-left: 20px;
}
.table-ccx.table-logistic-order-details > tbody > tr > td ul.details li .value {
  float: right;
}
.table-ccx.table-logistic-order-details > tbody > tr > td .toggle-details {
  color: #D2232A;
}
.table-ccx.table-logistic-order-details > tbody > tr > td .toggle-details.details-off {
  display: inline-block !important;
}
.table-ccx.table-logistic-order-details > tbody > tr > td .toggle-details.details-on {
  display: none !important;
}
.table-ccx.table-logistic-order-details > tbody > tr > td ul.details {
  display: none !important;
}
.table-ccx.table-logistic-order-details > tbody > tr > td.active-details .toggle-details.details-off {
  display: none !important;
}
.table-ccx.table-logistic-order-details > tbody > tr > td.active-details .toggle-details.details-on {
  display: inline-block !important;
}
.table-ccx.table-logistic-order-details > tbody > tr > td.active-details ul.details {
  display: block !important;
}
.table-ccx.table-logistic-order-details > tbody > tr.total > td {
  border-top: 1px solid #dddddd !important;
}
.table-ccx.table-logistic-order-details > tbody > tr.total > td:nth-child(3) {
  text-align: right;
}
.table-ccx.table-equipment > tbody > tr.accountinfo > td {
  color: #D2232A;
}
.table-ccx.table-equipment > tbody > tr > td:nth-child(1) {
  width: 15%;
  text-align: left;
}
.table-ccx.table-equipment > tbody > tr > td:nth-child(2) {
  width: 30%;
  text-align: left;
}
.table-ccx.table-equipment > tbody > tr > td:nth-child(3) {
  width: 15%;
  text-align: left;
}
.table-ccx.table-equipment > tbody > tr > td:nth-child(4) {
  width: 15%;
  text-align: left;
}
.table-ccx.table-equipment > tbody > tr > td:nth-child(5) {
  width: 15%;
  text-align: left;
  white-space: nowrap;
}
.table-ccx.table-logistic-order > thead > tr > th {
  white-space: nowrap;
}
.table-ccx.table-logistic-order > thead > tr > th:nth-child(5) {
  white-space: normal;
}
.table-ccx.table-logistic-order > thead > tr > th:nth-child(6), .table-ccx.table-logistic-order > thead > tr > th:nth-child(7) {
  text-align: center;
}
.table-ccx.table-logistic-order > tbody > tr > td {
  width: 8%;
  text-align: left;
}
.table-ccx.table-logistic-order > tbody > tr > td:nth-child(2) {
  text-align: left;
  width: 12%;
}
.table-ccx.table-logistic-order > tbody > tr > td:nth-child(3) {
  width: auto;
}
.table-ccx.table-logistic-order > tbody > tr > td:nth-child(4) {
  width: 12%;
}
.table-ccx.table-logistic-order > tbody > tr > td:nth-child(5) {
  min-width: 110px;
  text-align: left;
}
.table-ccx.table-logistic-order > tbody > tr > td:nth-child(6) {
  text-align: center;
}
.table-ccx.table-logistic-order > tbody > tr > td:nth-child(7) {
  text-align: center;
}
.table-ccx.table-logistic-order > tbody > tr > td:nth-child(8) {
  text-align: center;
  width: 5%;
}
.table-ccx.table-logistic-order > tbody > tr a.toggle-more {
  position: absolute;
  top: 25px;
  right: 10px;
}
.table-ccx.table-logistic-order > tbody > tr .order-stats,
.table-ccx.table-logistic-order > tbody > tr .order-dates {
  margin-top: 8px;
}
.table-ccx.table-logistic-order > tbody > tr .order-stats > span,
.table-ccx.table-logistic-order > tbody > tr .order-dates > span {
  width: 49%;
  display: inline-block;
}
.table-ccx.table-service > tbody > tr > td:nth-child(1) {
  width: 20%;
  text-align: left;
}
.table-ccx.table-service > tbody > tr > td:nth-child(2) {
  width: 20%;
  text-align: left;
}
.table-ccx.table-service > tbody > tr > td:nth-child(3) {
  width: 20%;
  text-align: left;
}
.table-ccx.table-service > tbody > tr > td:nth-child(4) {
  width: 15%;
  text-align: left;
}
.table-ccx.table-service > tbody > tr > td:nth-child(5) {
  width: 15%;
  text-align: left;
}
.table-ccx.table-service > tbody > tr > td:nth-child(6) {
  width: 10%;
  text-align: left;
}
.table-ccx.table-service > tbody > tr > td .dates {
  padding: 0;
  margin-top: 10px;
}

.table-order-summary {
  width: 100%;
  border: 0 none !important;
}
.table-order-summary > tbody > tr > td {
  padding-bottom: 5px;
}

.row.row-logistic-send {
  border-bottom: 1px solid #dddddd !important;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.row.row-logistic-send > div {
  padding: 0;
}
.row.row-logistic-send > div.hint {
  font-size: 14px !important;
  color: #999999;
  font-weight: normal;
  line-height: normal;
  padding-bottom: 12px;
}
.row.row-logistic-send > div:nth-child(1) {
  text-align: left;
}
.row.row-logistic-send > div:nth-child(2) {
  text-align: left;
}
.row.row-logistic-send > div button {
  float: none;
  display: block;
  width: 100%;
  margin-bottom: 6px;
}
.row.order-details {
  border-bottom: 1px solid #dddddd !important;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.row.order-details > div {
  padding: 0 0 6px 0;
}
.row.order-details > div .hint {
  font-size: 14px !important;
  color: #999999;
  font-weight: normal;
  line-height: normal;
  padding-bottom: 0;
}
.row.order-details > div .title {
  font-weight: bold;
  color: #D2232A;
}
.row.order-details > div button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media screen and (min-width: 370px) {
  .row.row-logistic-send > div button {
    display: inline-block;
    width: auto;
  }
  .row.row-logistic-send > div button:nth-child(2) {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .table-ccx > tbody > tr > td {
    font-size: 15px !important;
  }
  .table-ccx > tbody > tr > td span {
    white-space: normal !important;
    word-break: break-all !important;
  }
  .table-ccx > tbody > tr > td span.major {
    font-size: 18px;
    font-weight: bold;
  }
  .table-ccx > tbody > tr > td .major {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin-bottom: 0;
  }
  .table-ccx.table-snow > tbody > tr > td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .table-ccx.table-snow > tbody > tr > td:nth-child(1) {
    width: 3%;
  }
  .table-ccx.table-snow > tbody > tr > td:nth-child(2) {
    width: 12.5%;
  }
  .table-ccx.table-snow > tbody > tr > td:nth-child(3) {
    width: 12.5%;
  }
  .table-ccx.table-snow > tbody > tr > td:nth-child(4) {
    width: 21%;
    white-space: normal;
  }
  .table-ccx.table-snow > tbody > tr > td:nth-child(5) {
    width: 21%;
    white-space: normal;
  }
  .table-ccx.table-snow > tbody > tr > td:nth-child(6) {
    width: 12.5%;
  }
  .table-ccx.table-logistic-order > thead > tr > th {
    white-space: normal;
    text-align: left;
  }
  .table-ccx.table-logistic-order > tbody > tr > td {
    text-align: left;
  }
  .table-ccx.table-logistic-order > tbody > tr a.toggle-more {
    position: relative;
    top: auto;
    right: auto;
  }
  .table-ccx.table-logistic-order-details > tbody > tr > td {
    width: 10%;
  }
  .table-ccx.table-logistic-order-details > tbody > tr > td:nth-child(7) {
    text-align: left;
  }
  .table-ccx.table-logistic-order-details > tbody > tr > td em {
    right: auto;
    position: relative;
  }
  .table-ccx.table-logistic-order-details > tbody > tr > td .toggle-details.details-off {
    display: none !important;
  }
  .table-ccx.table-logistic-order-details > tbody > tr > td .toggle-details.details-on {
    display: none !important;
  }
  .table-ccx.table-logistic-order-details > tbody > tr.total > td:nth-child(3) {
    text-align: left;
  }

  .row.row-logistic-send > div.hint {
    line-height: 30px;
  }
  .row.row-logistic-send > div:nth-child(1) {
    text-align: left;
  }
  .row.row-logistic-send > div:nth-child(2) {
    text-align: right;
  }
  .row.row-logistic-send > div button {
    float: none;
  }
}
/* override for chatter feed */
iframe {
  min-height: 300px;
}

body.iframe-chatter {
  padding: 0 15px 15px 15px !important;
  background: #ffffff;
}

.publishercontainer .publisherattach span.pArrow {
  bottom: -13px !important;
}

a.publisherattach img {
  top: -4px;
}

.feedcontainer {
  max-width: 100% !important;
}
.feedcontainer .feeditem {
  background: #f2f2f2;
  padding: 10px !important;
}
.feedcontainer .feeditembody .feeditemaux {
  background: #ffffff !important;
}
.feedcontainer .feeditemfooter {
  font-size: 14px !important;
}
.feedcontainer a {
  color: #D2232A !important;
}

.publishercontainer .publisherFeedItemTypeChoices a.publisherattach {
  color: #D2232A !important;
}

.zen div.zen-select {
  margin: 0 !important;
}
.zen .comboMenu #sortDisplay,
.zen .comboMenu #filterDisplay {
  color: #D2232A !important;
}

.cxallfeedactions .feeditemActionMenu .zen-options,
.feedcommentactions .commentActionMenu .zen-options,
.feedmainandrightbar .feedrightbar .zen-options {
  left: -70px;
}

ul#MyCustomerFeed li.item {
  background: #f0f0f0;
  padding: 10px 10px 10px 75px;
  position: relative;
  margin-bottom: 10px;
}
ul#MyCustomerFeed li.item img {
  position: absolute;
  top: 10px;
  left: 15px;
  width: 45px;
  height: 45px;
  margin: 0;
}
ul#MyCustomerFeed li.item span {
  display: block;
}
ul#MyCustomerFeed li.item span.creator, ul#MyCustomerFeed li.item span.body {
  margin-bottom: 5px;
}
ul#MyCustomerFeed li.item span.date {
  font-size: 14px;
}

.page-statics .potentials-wrapper {
  background: #f2f2f2;
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
}
.page-statics .potentials-wrapper .potentials {
  padding: 20px;
  font-size: 14px;
}
.page-statics .potentials-wrapper .potentials h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.page-statics .potentials-wrapper .potentials .progress {
  background-color: #dadada;
  margin-bottom: 8px;
  margin-top: 2px;
  height: 15px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.page-statics .potentials-wrapper .potentials .progress .progress-bar {
  background-color: #D2232A;
}
.page-statics .potentials-wrapper .potentials .value {
  text-align: right;
}
.page-statics #assortmentList li {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0;
}
.page-statics #volumeNoData,
.page-statics #determineCanvasWidthVolume {
  padding-top: 40px;
}
.page-statics h1 span {
  position: relative;
}
.page-statics .ccx_barchart-legend {
  position: absolute;
  top: 40px;
  right: 0;
  font-size: 14px;
  font-weight: normal;
}
.page-statics .ccx_barchart-legend li {
  float: left;
  padding-right: 55px;
  position: relative;
}
.page-statics .ccx_barchart-legend li span {
  display: block;
  width: 40px;
  height: 20px;
  position: absolute;
  margin: 0;
  right: 10px;
  top: -3px;
}

@media (min-width: 768px) {
  #percentageLabelAssortment,
  #percentageLabelCooler,
  #percentageLabelActivation,
  #percentageLabelArea {
    position: absolute;
    padding: 0;
    right: 35px;
  }
}
@media (min-width: 992px) {
  .page-statics #volumeNoData,
  .page-statics #determineCanvasWidthVolume {
    padding-top: 0;
  }
  .page-statics .ccx_barchart-legend {
    top: 0;
  }
}
input, select {
  font-size: 15px;
  font-family: Helvetica, Sans-serif;
  line-height: 30px;
  padding: 0 5px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
input#searchText, select#searchText {
  font-size: 14px !important;
}

input, textarea,
input.form-control, textarea.form-control {
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

textarea {
  resize: vertical;
  min-height: 50px;
  max-height: 400px;
}

label {
  margin: 0;
  padding-top: 5px;
}

textarea:focus,
select:focus,
input:focus {
  outline: none;
}
textarea:required,
select:required,
input:required {
  outline: none;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.field-select {
  position: relative;
}
.field-select select {
  background: transparent;
  border: 1px solid #f0f0f0;
  border-radius: 0 !important;
  width: 100%;
  height: 30px;
  -webkit-appearance: none;
  position: relative;
  z-index: 2;
}
.field-select label {
  display: block;
  width: 15px;
  height: 17px;
  background: transparent;
  top: 4px;
  right: 15px;
  position: absolute;
  z-index: 1;
}

label {
  font-weight: normal;
  cursor: pointer;
}
label.custom-radio, label.custom-checkbox {
  padding-left: 20px;
  position: relative;
  background-position: 0 7px;
  background-size: 14px 14px;
  background-repeat: no-repeat;
}
label.custom-radio input[type='checkbox'],
label.custom-radio input[type='radio'], label.custom-checkbox input[type='checkbox'],
label.custom-checkbox input[type='radio'] {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
label.custom-checkbox {
  background-image: url(../svg/checkbox_default.svg);
}
label.custom-checkbox.active {
  background-image: url(../svg/checkbox_active.svg);
  background-position: 0 5px;
  background-size: 16px 16px;
}
label.custom-radio {
  background-image: url(../svg/radio_default.svg);
}
label.custom-radio.active {
  background-image: url(../svg/radio_active.svg);
}

input.custom-date {
  cursor: pointer;
}

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

#search {
  position: relative;
  background: inherit;
  margin-top: -15px;
  margin-bottom: 15px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#search input {
  height: 30px;
  line-height: 27px;
  font-size: 14px !important;
  padding: 0 10px;
}
#search input {
  border: 0 none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: transparent;
  padding-right: 0;
}
#search button {
  border: 0 none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: transparent;
}
#search button.cancel {
  display: none;
  border-left: 1px solid #dddddd;
}
#search button.search {
  padding-right: 5px;
  padding-left: 5px;
}
#search button.search span {
  display: none;
}
#search button.search i {
  position: relative;
  top: -2px;
  font-size: 20px;
}
#search.active button.cancel {
  display: inline-block;
}

@media screen and (min-width: 500px) {
  #search {
    position: absolute;
    top: 20px;
    right: 20px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.form-group .btn {
  height: 30px;
  font-size: 13px !important;
  margin: 0;
  padding: 0 10px;
}
.form-group .btn.cc_plus, .form-group .btn.cc_minus {
  width: 30px;
}
.form-group .input-group {
  display: block;
}
.form-group .input-group .input-group-btn .btn {
  padding: 0 8px;
}
.form-group .input-group .input-group-btn input[type='button'].btn:first-child {
  margin-right: 3px;
}
.form-group .input-group .input-group-btn input[type='button'].btn:last-child {
  margin-right: 0;
  margin-left: 0;
}
.form-group input[type='text'].qty.entry {
  text-align: center;
  margin: 0;
}
.form-group input[type='text'][name='qty'].entry {
  text-align: center;
  margin: 0;
}

.form-group {
  margin-bottom: 4px;
}

.form-control {
  height: 30px;
}

.minicart .my_cart .form-group,
.minicart .my_cart button {
  width: 100%;
}

/* ABI B2B Release */
/* Input */
.abi-b2b-input-label,
.input-label {
  z-index: 99;
  position: relative;
  text-align: left;
  font-size: 10px;
  font-weight: 200;
  color: #999999;
  display: block;
  padding: 3px 0 0 7px;
  width: 100%;
  pointer-events: none;
}

.abi-b2b-input,
.input-field {
  padding-top: 10px;
  padding-left: 5px;
  border-radius: 3px;
  font-weight: 200;
  color: #000000;
  width: 100%;
  height: 40px;
  margin-top: -15px;
  vertical-align: baseline;
}
.abi-b2b-input::-webkit-input-placeholder, .input-field::-webkit-input-placeholder {
  color: #999999;
}
.abi-b2b-input:-moz-placeholder, .input-field:-moz-placeholder {
  color: #999999;
}
.abi-b2b-input::-moz-placeholder, .input-field::-moz-placeholder {
  color: #999999;
}
.abi-b2b-input:-ms-input-placeholder, .input-field:-ms-input-placeholder {
  color: #999999;
}

textarea.abi-b2b-input,
textarea.input-field {
  padding-top: 15px;
  min-height: 100px;
}

.abi-b2b-label,
.label-container {
  width: 100%;
}

form label,
fieldset label {
  cursor: inherit;
}
form .error-message,
fieldset .error-message {
  color: #B11F24;
}

/* Input - contains error */
.inputError {
  border: 1px solid #D2232A !important;
}

/* Select */
span.dropdown-arrow {
  padding-right: 5px;
  pointer-events: none;
  float: right;
  left: -20px;
  top: 11px;
  transform: rotateZ(90deg);
  background: url(../img/arrow-right-yellow.svg) no-repeat;
  position: relative;
  height: 12px;
  width: 7px;
  background-size: contain;
}

select.abi-b2b-select,
select.select-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 35px 6px 10px;
  height: auto;
  box-shadow: none;
}

select :disabled {
  color: #666666;
}

/* BOOTSTRAP THEME */
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Twitter Bootstrap theme

    copyright (c) 2011 - 2014 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/
.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.Zebra_DatePicker {
  position: absolute;
  background: #FFF;
  border: 1px solid #999;
  z-index: 1200;
  padding: 5px;
  top: 0;
}

.Zebra_DatePicker * {
  margin: 0;
  padding: 0;
  color: #373737;
  background: transparent;
  border: none;
}

.Zebra_DatePicker table {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
  table-layout: auto;
}

.Zebra_DatePicker td,
.Zebra_DatePicker th {
  text-align: center;
  padding: 5px 0;
}

.Zebra_DatePicker td {
  cursor: pointer;
}

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
  margin-top: 3px;
}

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
  width: 30px;
}

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker td.dp_selected,
.Zebra_DatePicker .dp_footer .dp_hover,
.Zebra_DatePicker td.dp_hover {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.Zebra_DatePicker.dp_visible {
  visibility: visible;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.Zebra_DatePicker.dp_hidden {
  visibility: hidden;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
  width: 30px;
}

.Zebra_DatePicker .dp_header .dp_caption {
  font-weight: bold;
}

.Zebra_DatePicker .dp_header .dp_hover {
  background: #DEDEDE;
  color: #373737;
}

.Zebra_DatePicker .dp_daypicker th {
  font-weight: bold;
}

.Zebra_DatePicker td.dp_not_in_month {
  color: #DEDEDE;
  cursor: default;
}

.Zebra_DatePicker td.dp_weekend_disabled {
  color: #DEDEDE;
  cursor: default;
}

.Zebra_DatePicker td.dp_selected {
  background: #039;
  color: #FFF !important;
}

.Zebra_DatePicker td.dp_week_number {
  cursor: text;
  font-weight: bold;
}

.Zebra_DatePicker .dp_monthpicker td {
  width: 33%;
}

.Zebra_DatePicker .dp_yearpicker td {
  width: 33%;
}

.Zebra_DatePicker .dp_footer {
  margin-top: 3px;
}

.Zebra_DatePicker td.dp_current {
  color: #3A87AD;
}

.Zebra_DatePicker td.dp_disabled_current {
  color: #3A87AD;
}

.Zebra_DatePicker td.dp_disabled {
  color: #DEDEDE;
  cursor: default;
}

.Zebra_DatePicker td.dp_hover {
  background: #DEDEDE;
}

button.Zebra_DatePicker_Icon {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("../images/calendar.png") no-repeat left top;
  text-indent: -9000px;
  border: none;
  cursor: pointer;
  padding: 0;
  line-height: 0;
  vertical-align: top;
}

button.Zebra_DatePicker_Icon_Disabled {
  background-image: url("../images/calendar-disabled.png");
}

button.Zebra_DatePicker_Icon {
  margin: 0 0 0 3px;
}

button.Zebra_DatePicker_Icon_Inside_Right {
  margin: 0 3px 0 0;
}

button.Zebra_DatePicker_Icon_Inside_Left {
  margin: 0 0 0 3px;
}

/* CUSTOM THEME */
.Zebra_DatePicker_Icon_Wrapper {
  width: 100%;
}
.Zebra_DatePicker_Icon_Wrapper button.Zebra_DatePicker_Icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url(../img/calendar.png) no-repeat left top;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

.Zebra_DatePicker {
  border: 0 none;
  padding: 5px;
  max-width: 100vw;
  overflow: auto;
  background: #ffffff;
  position: absolute;
  z-index: 1200;
  -moz-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
  	/*
  	&:before {
  		content: "";
  		position: absolute;
  		top: -7px;
  		left: 30px;
  		width: 15px;
  		height: 15px;
  		background: $white;
  		border-top: 1px solid #eee;
  		border-left: 1px solid #eee;
  
  		@include rotate(45deg);
  	}
  	*/
}
.Zebra_DatePicker table {
  border-collapse: unset;
  border-spacing: 10px;
}
.Zebra_DatePicker table tbody tr:first-child th {
  color: #b3b3b3 !important;
  font-size: 11px !important;
  text-transform: uppercase;
}
.Zebra_DatePicker.dp_hidden {
  display: none;
}
.Zebra_DatePicker .dp_title {
  color: #D2232A;
  text-align: center;
  font-size: 16px;
  margin: 10px 0 4px 0;
}
.Zebra_DatePicker .dp_header {
  width: 100%;
  text-align: center;
}
.Zebra_DatePicker .dp_header td {
  text-align: center;
  cursor: pointer;
}
.Zebra_DatePicker .dp_footer {
  width: 100%;
}
.Zebra_DatePicker .dp_caption {
  color: #f69400;
  background-color: #ffffff;
  font-size: 20px !important;
}
.Zebra_DatePicker .dp_caption:hover {
  background-color: #ffffff;
  color: #f69400;
}
.Zebra_DatePicker .dp_next, .Zebra_DatePicker .dp_previous {
  position: relative;
  color: #dedede;
  background-color: #ffffff;
}
.Zebra_DatePicker .dp_next:hover, .Zebra_DatePicker .dp_previous:hover {
  background-color: #ffffff;
  color: #f69400;
}
.Zebra_DatePicker .dp_next .glyphicon, .Zebra_DatePicker .dp_previous .glyphicon {
  color: #dedede;
  background-color: #ffffff;
}
.Zebra_DatePicker .dp_next .glyphicon:hover, .Zebra_DatePicker .dp_previous .glyphicon:hover {
  background-color: #ffffff;
  color: #f69400;
}
.Zebra_DatePicker .dp_next {
  right: 0;
}
.Zebra_DatePicker .dp_previous {
  left: 0;
}
.Zebra_DatePicker .dp_clear_orange {
  width: 36% !important;
  height: 40px;
  color: #ffffff;
  background-color: #F26D21;
  border-radius: 5px;
}
.Zebra_DatePicker .dp_clear_orange:hover {
  background-color: #d4550c;
}
.Zebra_DatePicker .dp_clear {
  width: 36% !important;
  height: 40px;
  color: #ffffff;
  background-color: #F26D21;
  border-radius: 5px;
}
.Zebra_DatePicker .dp_clear:hover {
  background-color: #d4550c;
}
.Zebra_DatePicker .dp_confirm {
  width: 54% !important;
  height: 40px;
  color: #ffffff;
  background-color: #F26D21;
  border-radius: 5px;
}
.Zebra_DatePicker .dp_confirm:hover {
  background-color: #d4550c;
}
.Zebra_DatePicker .dp_yearpicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_daypicker {
  border-spacing: 8px;
  border-collapse: separate;
}
.Zebra_DatePicker .dp_yearpicker th,
.Zebra_DatePicker .dp_monthpicker th,
.Zebra_DatePicker .dp_daypicker th {
  text-align: center;
  font-size: 14px !important;
}
.Zebra_DatePicker .dp_yearpicker td,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_daypicker td {
  text-align: center;
  font-size: 16px !important;
  width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 6px 20px;
}
.Zebra_DatePicker .dp_yearpicker td:not(.dp_disabled),
.Zebra_DatePicker .dp_monthpicker td:not(.dp_disabled),
.Zebra_DatePicker .dp_daypicker td:not(.dp_disabled) {
  background: #ffffff !important;
  color: #331D0C !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
}
.Zebra_DatePicker .dp_yearpicker td.dp_current,
.Zebra_DatePicker .dp_monthpicker td.dp_current,
.Zebra_DatePicker .dp_daypicker td.dp_current {
  background: #E6E6E6 !important;
  color: #949393 !important;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
}
.Zebra_DatePicker .dp_yearpicker td.dp_selected,
.Zebra_DatePicker .dp_monthpicker td.dp_selected,
.Zebra_DatePicker .dp_daypicker td.dp_selected {
  background: #f69400 !important;
  color: #331D0C !important;
  border: 1px solid #f69400 !important;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
}
.Zebra_DatePicker .dp_yearpicker td.dp_disabled,
.Zebra_DatePicker .dp_monthpicker td.dp_disabled,
.Zebra_DatePicker .dp_daypicker td.dp_disabled {
  color: #999999;
  cursor: default;
}
.Zebra_DatePicker .dp_yearpicker td.dp_hover,
.Zebra_DatePicker .dp_monthpicker td.dp_hover,
.Zebra_DatePicker .dp_daypicker td.dp_hover {
  background: #ededed;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
}
.Zebra_DatePicker .dp_yearpicker td.dp_weekend,
.Zebra_DatePicker .dp_monthpicker td.dp_weekend,
.Zebra_DatePicker .dp_daypicker td.dp_weekend {
  color: #bbbbbb;
  cursor: default;
}
.Zebra_DatePicker .dp_yearpicker td.dp_weekend_disabled,
.Zebra_DatePicker .dp_monthpicker td.dp_weekend_disabled,
.Zebra_DatePicker .dp_daypicker td.dp_weekend_disabled {
  color: #dddddd;
  cursor: default;
}
.Zebra_DatePicker .dp_yearpicker td.dp_not_in_month,
.Zebra_DatePicker .dp_monthpicker td.dp_not_in_month,
.Zebra_DatePicker .dp_daypicker td.dp_not_in_month {
  color: #dedede;
  cursor: default;
}
.Zebra_DatePicker .dp_yearpicker td.dp_activeSelected,
.Zebra_DatePicker .dp_monthpicker td.dp_activeSelected,
.Zebra_DatePicker .dp_daypicker td.dp_activeSelected {
  background: #F26D21 !important;
  color: #ffffff !important;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
}

section.page-mytasks table.table th {
  text-align: center;
}
section.page-mytasks table.table td.state {
  width: 7.5%;
  text-align: left;
  vertical-align: top;
  min-width: 45px;
  padding-top: 12px;
}
section.page-mytasks table.table td.data {
  width: auto;
  text-align: left;
  vertical-align: top;
  padding-top: 15px;
}
section.page-mytasks table.table td.data .overdue {
  text-transform: lowercase;
  background: #D2232A;
  color: #ffffff;
  padding: 0 5px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 3px;
  font-size: 10px;
  top: -1px;
  position: relative;
}
section.page-mytasks table.table td.data .creator {
  font-size: 11px;
}
section.page-mytasks table.table td.data .headline {
  font-weight: bold;
}
section.page-mytasks table.table td.data .description {
  display: none;
}
section.page-mytasks table.table td.data .toggle-description {
  display: block;
}
section.page-mytasks table.table td.data .toggle-description-less {
  display: none;
}
section.page-mytasks table.table td.data.visible-description .description {
  display: block;
}
section.page-mytasks table.table td.data.visible-description .toggle-description {
  display: none;
}
section.page-mytasks table.table td.data.visible-description .toggle-description-less {
  display: block;
}
section.page-mytasks table.table td.data button {
  float: right;
}
section.page-mytasks table.table td.data p.description img {
  width: 100%;
  height: auto;
}
section.page-mytasks table.table td.date {
  width: 25%;
  text-align: center;
  vertical-align: top;
  padding-top: 15px;
  font-size: 11px !important;
}
section.page-mytasks table.table td.date .overdue {
  text-transform: lowercase;
  background: #D2232A;
  color: #ffffff;
  padding: 0 5px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 3px;
}
section.page-mytasks table.table td.action {
  width: 7.5%;
  text-align: right;
  vertical-align: top;
}
section.page-mytasks table.table td label.custom-checkbox {
  width: 100%;
  height: 30px;
  text-align: left;
  display: block;
  padding: 0;
  background-image: url(../svg/task_btn_deaktive.svg);
  background-position: center center;
  background-size: 36px 36px;
}
section.page-mytasks table.table td label.custom-checkbox.active {
  background-image: url(../svg/task_btn_aktive.svg);
}

@media screen and (min-width: 768px) {
  section.page-mytasks table.table td.action button.default span {
    display: none;
  }
}
div#content.dashboard {
  padding-left: 0 !important;
}
div#content.dashboard section.page-dashboard {
  color: #ffffff;
  background-color: #D2232A;
  background-image: url(../img/coke_bottle.png);
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 180px;
  background-size: 50px;
}
div#content.dashboard section.page-dashboard .input-group {
  position: absolute;
  top: 75px;
  left: 50%;
  margin-left: -150px;
  width: 300px;
}
div#content.dashboard section.page-dashboard .input-group input#outletSearchTerm {
  border: 0 none;
  height: 40px;
  width: 100%;
  padding-right: 45px;
  font-size: 24px !important;
  line-height: 25px;
  background: #45130f;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
div#content.dashboard section.page-dashboard .input-group button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 24px !important;
  line-height: 25px;
  height: 40px;
  background: transparent;
  color: #ffffff;
}
div#content.dashboard section.page-dashboard-myfeed {
  float: none;
  width: 100%;
  min-height: 200px;
}
div#content.dashboard section.page-dashboard-mytask {
  float: none;
  width: 100%;
  min-height: 200px;
}
div#content.dashboard section.page-dashboard-feed-task .dashboard-feed iframe {
  height: 400px;
}
div#content.dashboard section.page-dashboard-feed-task .dashboard-task .scroll-wrapper {
  height: 400px;
  overflow-y: auto;
}
div#content.dashboard section.page-dashboard-feed-task section.page-mytasks,
div#content.dashboard section.page-dashboard-feed-task section.page-mycustomerfeed,
div#content.dashboard section.page-dashboard-feed-task section.page-chatterfeed {
  padding: 0;
}
div#content.dashboard section.page-dashboard-feed-task section.page-mycustomerfeed {
  display: none;
}
div#content.dashboard section.page-dashboard-feed-task.show-mycustomerfeed section.page-mycustomerfeed {
  display: block;
}
div#content.dashboard section.page-dashboard-feed-task.show-mycustomerfeed section.page-chatterfeed {
  display: none;
}
div#content.dashboard section.page-dashboard-feed-task .action-toggle-chatterswitch {
  position: relative;
  cursor: pointer;
  color: #ffffff;
  background: #666666;
  width: 16px;
  height: 16px;
}
div#content.dashboard section.page-dashboard-feed-task .action-toggle-chatterswitch:before {
  font-size: 11px;
  position: relative;
  top: -2px;
  left: 2px;
}
div#content.dashboard section.page-dashboard-feed-task .action-toggle-chatterswitch ul {
  display: none;
  position: absolute;
  list-style: none;
  top: 15px;
  left: 0;
  font-family: Helvetica, Sans-serif !important;
  margin: 0;
  padding: 0;
  border-top: 2px solid #666666;
  z-index: 1;
}
div#content.dashboard section.page-dashboard-feed-task .action-toggle-chatterswitch ul li {
  white-space: nowrap;
  cursor: pointer;
  border: 2px solid #666666;
  border-top: 0;
  background: #ffffff;
  color: #666666;
  padding: 5px 5px 3px 5px;
}
div#content.dashboard section.page-dashboard-feed-task .action-toggle-chatterswitch ul li.active {
  color: #ffffff;
  background: #666666;
}
div#content.dashboard section.page-dashboard-feed-task .action-toggle-chatterswitch ul li.active:hover {
  background: #666666;
}
div#content.dashboard section.page-dashboard-feed-task .action-toggle-chatterswitch ul li:hover {
  background: #f2f2f2;
}
div#content.dashboard section.page-dashboard-feed-task .action-toggle-chatterswitch.active ul {
  display: block;
}

@media screen and (min-width: 380px) {
  div#content.dashboard section.page-dashboard .input-group {
    margin-left: -180px;
    width: 360px;
  }
}
@media screen and (min-width: 768px) {
  div#content.dashboard section.page-dashboard-myfeed {
    float: left;
    width: 49.5%;
    min-height: 300px;
  }
  div#content.dashboard section.page-dashboard-mytask {
    float: right;
    width: 49.5%;
    min-height: 300px;
  }
}
@media screen and (min-width: 1024px) {
  div#content.dashboard {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  div#content.dashboard {
    padding-left: 0 !important;
  }
}
section.page-dashboard-result h2 {
  position: relative;
  padding-bottom: 20px;
}
section.page-dashboard-result h2 span {
  display: block;
}
section.page-dashboard-result h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #e7e7e7;
}
section.page-dashboard-result ul#searchResults li a .name {
  font-weight: bold;
}
section.page-dashboard-result ul#searchResults li a .name2,
section.page-dashboard-result ul#searchResults li a .account,
section.page-dashboard-result ul#searchResults li a .address {
  display: inline-block;
  height: 22px;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 15px;
}

table tr td {
  position: relative;
}
table tr td .col-1 {
  width: 100%;
  float: none;
}
table tr td .col-2 {
  width: 100%;
  float: none;
}
table tr td .col-3 {
  width: 100%;
  float: none;
}
table tr td a.toggle-more {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(../img/closed.png);
  background-size: 22px;
}
table tr td a.toggle-more span {
  display: none;
}
table tr.data {
  display: none;
}
table tr.data td {
  background: #f6f6f6;
}
table tr.data td div.row + div.row {
  margin-top: 20px;
}
table tr.data td div + div {
  margin-top: 10px;
}
table tr.active + tr {
  display: table-row;
}
table tr.active td {
  background: #f0f0f0 !important;
}
table tr.active td a.toggle-more {
  background-image: url(../img/opened.png);
}

@media screen and (min-width: 460px) {
  table tr td .col-1 {
    width: 40%;
    float: left;
  }
  table tr td .col-2 {
    width: 20%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
  }
  table tr td .col-3 {
    width: 40%;
    float: left;
    padding-left: 8px;
  }
  table tr.data td div + div {
    margin-top: 0;
  }
}
.alert {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  padding: 6.66667px 20px;
  text-align: center;
}
.alert.alert-ccx {
  background-color: #4d4d4d;
  color: #ffffff;
}
.alert .close {
  position: absolute;
  right: 20px;
  top: 10px;
  float: none;
  font-size: 21px;
  font-weight: bold;
  line-height: normal;
  color: #ffffff;
  text-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.switchToggle input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}

.switchToggle label {
  cursor: pointer;
  text-indent: -9999px;
  width: 58px;
  max-width: 70px;
  height: 30px;
  background: #999999;
  display: block;
  border-radius: 100px;
  position: relative;
}

.switchToggle label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}

.switchToggle input:checked + label, .switchToggle input:checked + input + label {
  background: #8AD223;
}

.switchToggle input + label:before, .switchToggle input + input + label:before {
  content: 'OFF';
  position: absolute;
  font-weight: bold;
  font-size: 12px;
  top: 6px;
  left: 28px;
  width: 26px;
  height: 26px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #696969;
}

.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {
  content: 'ON';
  position: absolute;
  font-weight: bold;
  font-size: 12px;
  top: 6px;
  left: 8px;
  width: 26px;
  height: 26px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #fff;
}

.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {
  left: calc(100% - 4px);
  transform: translateX(-100%);
}

.switchToggle label:active:after {
  width: 60px;
}

.toggle-switchArea {
  margin: 10px 0 10px 0;
}

@media only screen and (max-width: 767px) {
  .switchToggle {
    margin: 10px 0 15px 0;
  }
}

.notifications-header-row > div {
  padding: 0;
}

.mobile-example {
  text-decoration: underline;
}

.cc_yousave_label:before {
  content: ' ';
  clear: right;
  display: block;
}

.cc_uom,
.cc_price {
  font-size: 14px;
  line-height: normal !important;
}

.cc_price {
  font-weight: bold;
}

p.description.cc_desc {
  margin-bottom: 15px;
}

.cc_wishlist_panel .panel-body {
  position: relative;
}
.cc_wishlist_panel .panel-body .cc_list_names {
  display: none;
}
.cc_wishlist_panel .panel-body .cc_addto_cart {
  position: absolute;
  right: 15px;
  top: 15px;
  margin: 0;
}
.cc_wishlist_panel .panel-body .cc_addto_cart button {
  margin: 0;
}
.cc_wishlist_panel .wishlist_item {
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 15px 0 15px;
}
.cc_wishlist_panel .wishlist_item .cc_name {
  margin-bottom: 10px;
  font-size: 15px;
  color: #45130f;
}
.cc_wishlist_panel .wishlist_item .cc_name a {
  color: inherit;
}
.cc_wishlist_panel .wishlist_item .gp_quantity_block {
  text-align: left;
  font-size: 13px;
  margin-bottom: 10px;
}
.cc_wishlist_panel .wishlist_item .pal_info {
  text-align: right;
  margin: 5px 0;
}
.cc_wishlist_panel .img-thumbnail {
  padding: 0;
  border: 0 none;
  max-height: 150px;
  display: block;
  margin: 0 auto;
}
.cc_wishlist_panel .cart_sort {
  overflow: hidden;
  *zoom: 1;
}
.cc_wishlist_panel .cart_sort .cart_sort_text {
  float: left;
  margin-right: 15px;
}
.cc_wishlist_panel .cart_sort .cart_sort_text.active {
  color: #F26D21;
}
.cc_wishlist_panel .cart_sort .cart_sort_text.active a {
  color: inherit;
}
.cc_wishlist_panel .cart_sort .cart_sort_text.active a.asc[data-sort]::after, .cc_wishlist_panel .cart_sort .cart_sort_text.active a.asc[data-id]::after {
  content: ' ▲';
}
.cc_wishlist_panel .cart_sort .cart_sort_text.active a.desc[data-sort]::after, .cc_wishlist_panel .cart_sort .cart_sort_text.active a.desc[data-id]::after {
  content: ' ▼ ';
}
.cc_wishlist_panel .cart_sort .cart_sort_text a.active {
  color: #F26D21;
}
.cc_wishlist_panel .cart_sort .cart_sort_text a.active.asc[data-sort]::after, .cc_wishlist_panel .cart_sort .cart_sort_text a.active.asc[data-id]::after {
  content: ' ▲';
}
.cc_wishlist_panel .cart_sort .cart_sort_text a.active.desc[data-sort]::after, .cc_wishlist_panel .cart_sort .cart_sort_text a.active.desc[data-id]::after {
  content: ' ▼ ';
}

.cc_myaccount_mywishlists_container .cc_wishlist_image .img-responsive {
  max-height: 150px;
  display: block;
  margin: 0 auto;
}

.cc_quickwishdesk {
  margin: 15px -15px 0 -15px;
}

#renameForm .form-group > label {
  padding: 0 15px;
  width: 100%;
  text-align: left;
}
#renameForm .form-group .cc_wishlist_active {
  padding-left: 20px;
}
#renameForm .form-group .cc_wishlist_active input[type='checkbox'] {
  margin-top: 10px;
}

.abi-b2b-modal {
  position: absolute;
  top: 30%;
  padding: 0px 15px;
  width: 100%;
}
.abi-b2b-modal .abi-b2b-Title {
  text-align: center;
  color: #D2232A;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 50px;
}
.abi-b2b-modal .abi-b2b-SubTitle {
  color: #999999;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 5px;
}
.abi-b2b-modal .abi-b2b-input {
  padding-top: 10px;
  border-radius: 3px;
  font-weight: 200;
  color: #000000;
  width: 100%;
  height: 40px;
  margin-top: -15px;
  vertical-align: baseline;
}
.abi-b2b-modal .btn-cancel {
  margin: 20px 0;
  min-height: 40px;
  width: 100%;
}
.abi-b2b-modal .btn-ok {
  margin: 20px 0;
  min-height: 40px;
  width: 100%;
}
.abi-b2b-modal .abi-b2b-label {
  width: 100%;
}
.abi-b2b-modal .abi-b2b-input-label, .abi-b2b-modal .input-label {
  z-index: 99;
  position: relative;
  text-align: left;
  font-size: 10px;
  font-weight: 200;
  color: #999999;
  display: block;
  padding: 3px 0 0 7px;
  width: 100%;
}

.wishlistButton, .abi_b2b_wishButton {
  border: 0;
  background: none;
}

.abi-b2b-favoriteColor {
  height: 29px;
  width: 33px;
  border: 1px solid #dedede;
  border-radius: 5px;
  top: 4px;
  font-size: 1.2rem;
  text-align: left;
  cursor: pointer;
  padding-top: 4px;
  padding-left: 5px;
  margin-left: 13px;
  margin-right: 12px;
}

.abi-b2b-favIcon-selected {
  border: 1px solid #F26D21;
}

.abi-b2b-changed {
  color: #BD252C !important;
}

.abi-b2b-hidden {
  display: none;
}

.abi_b2b_open_assignToWishList_click {
  cursor: pointer;
}

.assign-wishlist-modal {
  overflow: hidden;
}

.abi-b2b-wishitem {
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
  height: 40px;
  border-bottom: 2px solid #dedede;
}

.abi-b2b-wishitem-footer {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  height: 40px;
}

.wishitemlabel {
  color: #000000;
  padding: 10px 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#wishlist-scrolling {
  max-height: 280px;
  overflow: auto;
}

.abi_b2b_open_wishList_click {
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .abi_b2b_open_wishList_click {
    margin-top: 15px;
  }
}

.abi-b2b-wl-hd-left {
  text-align: right;
  padding-right: 0px;
}

.abi-b2b-wl-hd-center {
  text-align: center;
  padding-right: 0px;
  padding-left: 0px;
}

.abi-b2b-wl-hd-right {
  text-align: left;
  padding-left: 0px;
}

.abi-b2b-wl-hd-lbl {
  color: #B11F24;
}

.abi-b2b-wl-hd-lbl-th {
  text-align: left;
}

.abi-b2b-wl-hd-tr {
  margin-bottom: 15px;
}

.abi-b2b-wl-tr-td-first {
  padding-top: 12px;
}

.abi-b2b-wl-tr-td-sec {
  text-align: center;
}

.abi-b2b-wl-tr-td-a-left,
.abi-b2b-wl-tr-td-a-center,
.abi-b2b-wl-tr-td-a-right {
  font-size: 25px;
}

.viewModesButtons {
  margin-bottom: 20px;
}

.product-list-view > button {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  color: #CCCCCC;
  float: left;
}
.product-list-view > button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: none;
}
.product-list-view > button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: none;
}
.product-list-view > button.active {
  color: #F26D21;
  background: #f3f3f3;
}
.product-list-view > button.disableChangeView {
  pointer-events: none;
  opacity: 0.25;
}

.productsForWishList .abi-b2b-list-view {
  border-bottom: thin solid #eee;
  background: #fff;
}

.sortableOn .btn.btn-default.plus-btn-default,
.sortableOn .btn.btn-default.minus-btn-default {
  pointer-events: none;
  opacity: 0.5;
}

.sortableOn .quantity-input-buttons .plp-qty {
  pointer-events: none;
  background: #eee;
}

#confirmRedirectModal .modal-dialog {
  top: 40%;
}

.productsForWishList .abi-b2b-grid-view {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.productsForWishList .abi-b2b-grid-view .cc_product_item {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-flex: 0 0 32%;
  -ms-flex: 0 0 29%;
}
@media only screen and (max-width: 1200px) {
  .productsForWishList .abi-b2b-grid-view .cc_product_item {
    -webkit-box-flex: 0 0 48%;
    -moz-box-flex: 0 0 48%;
    -webkit-flex: 0 0 48%;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
  }
}
@media only screen and (max-width: 597px) {
  .productsForWishList .abi-b2b-grid-view .cc_product_item {
    -webkit-box-flex: 0 0 98%;
    -moz-box-flex: 0 0 98%;
    -webkit-flex: 0 0 98%;
    -ms-flex: 0 0 98%;
    flex: 0 0 98%;
  }
}
.productsForWishList .abi-b2b-custom-grid-view {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.productsForWishList .abi-b2b-custom-grid-view .cc_product_item {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-flex: 0 0 48%;
  -ms-flex: 0 0 47%;
}
@media only screen and (max-width: 597px) {
  .productsForWishList .abi-b2b-custom-grid-view .cc_product_item {
    -webkit-box-flex: 0 0 98%;
    -moz-box-flex: 0 0 98%;
    -webkit-flex: 0 0 98%;
    -ms-flex: 0 0 98%;
    flex: 0 0 98%;
  }
}

.small-cell {
  width: 10px;
}

.glyphicon-wishlist {
  font-size: 26px;
}

.wishlists-header {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #623231;
  font-weight: bold;
}
.wishlists-header.currentSorting {
  color: #F26D21;
}
.wishlists-header:hover {
  cursor: pointer;
}
.wishlists-header:after {
  content: "\e150";
  position: relative;
  margin-left: 2px;
  top: 2px;
  right: -4px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  color: #999999;
}

.myListsTable tr th {
  text-align: center;
}

.modifiedSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 35px;
  height: auto;
  box-shadow: none;
  width: 160px;
  display: inline-block;
}
.modifiedSelect + span.dropdown-arrow {
  padding-right: 5px;
  pointer-events: none;
  float: right;
  left: -20px;
  top: 11px;
  transform: rotateZ(90deg);
  background: url(../img/arrow-right-yellow.svg) no-repeat;
  position: relative;
  height: 12px;
  width: 7px;
  background-size: contain;
}

.modified-label {
  font-size: 13px;
  color: #999999;
}
.modified-label:hover {
  cursor: normal;
}

.wishListList label {
  padding: 0;
}

.wishlistsHeader {
  padding: 10px 0;
  padding-left: 15px;
  padding-right: 15px;
}

.wishListHeaderRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media (max-width: 768px) {
  .wishListHeaderRow {
    flex-direction: column;
  }
}

.wishListHeaderModified {
  margin-left: auto;
}
@media (max-width: 768px) {
  .wishListHeaderModified {
    padding-right: 15px;
  }
}

.wishListHeaderButton {
  padding-left: 15px;
  padding-right: 15px;
}

#print-wishlist {
  margin-right: 20px;
}

#cancel-order-wishlist {
  min-height: auto;
  height: 37px;
}

.item-problem.sortable-element-list {
  background-color: #e4e4e4;
}
.item-problem .grid-item-content, .item-problem a.productName > img {
  background-color: #e4e4e4;
}

.cc_breadcrumb_item {
  color: #707070;
  font-size: 14px;
}

.breadcrumb {
  background: none;
  margin-bottom: 0;
}
.breadcrumb a {
  color: #707070;
  font-size: 14px;
  font-weight: 600;
}
.breadcrumb li:before {
  color: #FFF;
}

.breadcrumb > li + li:before {
  font-family: 'Glyphicons Halflings';
  content: '\e258';
  font-size: 12px;
}

.breadcrumb > li:last-child {
  position: relative;
  color: #F26D21;
  font-weight: 600;
  top: -1px;
}

@media print {
  .container {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }

  .row {
    margin-left: -1%;
    margin-left: -1%;
  }

  [class*="col-"] {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
  }

  .label {
    border: none !important;
  }

  .visible-sm {
    display: none !important;
  }

  .hidden-sm {
    display: block !important;
  }

  .visible-xs {
    display: none !important;
  }

  .hidden-xs {
    display: block !important;
  }

  .tableCell.hidden-sm {
    display: table-cell !important;
  }

  .tableCell.hidden-xs {
    display: table-cell !important;
  }

  .print-no-left-padding {
    padding-left: 0 !important;
  }

  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    width: 100%;
  }

  .col-sm-11,
  .col-md-11,
  .col-lg-11 {
    width: 91.66667%;
  }

  .col-sm-10,
  .col-md-10,
  .col-lg-10 {
    width: 83.33333%;
  }

  .col-sm-9,
  .col-md-9,
  .col-lg-9 {
    width: 75%;
  }

  .col-sm-8,
  .col-md-8,
  .col-lg-8 {
    width: 66.66667%;
  }

  .col-sm-7,
  .col-md-7,
  .col-lg-7 {
    width: 58.33333%;
  }

  .col-sm-6,
  .col-md-6,
  .col-lg-6 {
    width: 50%;
  }

  .col-sm-5,
  .col-md-5,
  .col-lg-5 {
    width: 41.66667%;
  }

  .col-sm-4,
  .col-md-4,
  .col-lg-4 {
    width: 33.33333%;
  }

  .col-sm-3,
  .col-md-3,
  .col-lg-3 {
    width: 25%;
  }

  .col-sm-2,
  .col-md-2,
  .col-lg-2 {
    width: 16.66667%;
  }

  .col-sm-1,
  .col-md-1,
  .col-lg-1 {
    width: 8.33333%;
  }

  body {
    font-size: 12pt;
  }

  header {
    overflow: hidden;
  }
  header #logoUrl {
    content: url(../img/homepage_header_graphic.svg);
  }

  a[href]:after {
    display: none;
  }

  .cc_navbar_row {
    display: none;
  }

  .cc_main_container .cc_left_col,
  .cc_main_container .cc_right_col,
  .cc_main_row .cc_left_col,
  .cc_main_row .cc_right_col {
    display: none;
  }

  .cc_main_content_col {
    width: 100%;
  }

  .cc_wish_row .img-thumbnail {
    height: auto;
    width: 2cm;
  }

  .contentBody {
    padding: 0;
  }

  .ABI_B2B_Footer,
  .header,
  .back-section,
  .cart-image-section,
  .img_col,
  button,
  .scroll-top,
  .optanon-alert-box-wrapper,
  .menu_container {
    display: none !important;
  }

  .orderSplitTitle {
    margin: 0 !important;
  }

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

  .checkout-col {
    border: none !important;
  }

  .checkout-box {
    border: none !important;
    min-height: auto !important;
    border-bottom: 1px solid #dedede;
    margin-bottom: -15px !important;
    font-size: 12px;
  }
  .checkout-box .secondary-label {
    font-size: 12px;
  }
  .checkout-box .checkout-header {
    color: #331D0C;
    font-size: 14px;
  }
  .checkout-box.same-height {
    min-height: auto;
  }

  .cart_summary_section {
    text-align: right;
    width: 10cm !important;
    float: right;
    font-size: 14px;
    margin: 20px !important;
  }
  .cart_summary_section .label {
    text-align: left;
  }

  .split-section {
    margin: 40px 20px 20px 20px;
  }

  table {
    text-align: center;
  }
  table th, table td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
  }
  table td {
    border: 1px solid #E3D9D2;
    padding: 5px;
  }
  table th {
    padding: 5px;
    font-size: 10px !important;
    background: #D2E0E8;
  }
  table img {
    width: 1.5cm !important;
  }

  .quantity-input-buttons .pallet-place-quantity-group,
  .quantity-input-buttons .pallet-quantity-group,
  .quantity-input-buttons .layer-quantity-group,
  .quantity-input-buttons .unit-quantity-group {
    margin-bottom: 0 !important;
  }
  .quantity-input-buttons .input-group {
    background: #fff !important;
    border: none !important;
  }
  .quantity-input-buttons .input-group .qty {
    background: #fff !important;
    padding: 0 !important;
    height: auto !important;
  }
  .quantity-input-buttons .form-group input {
    width: auto !important;
    border: none !important;
  }
  .quantity-input-buttons .quantity-input-label {
    position: absolute !important;
    right: 15px !important;
    top: 0 !important;
    bottom: auto !important;
    left: auto !important;
  }

  .sub-header {
    color: #000;
    font-size: 14px;
  }

  .secondary-label {
    color: #000;
    font-size: 12px;
  }

  .label-description {
    color: #000;
    font-size: 11px;
  }

  .standard-link {
    color: #000;
  }

  .orderDetailContainer .price-element {
    display: none !important;
  }
  .orderDetailContainer .order-number-value, .orderDetailContainer .ref-number-value {
    display: block !important;
    float: none !important;
  }

  .productsForWishList .price-element {
    display: none !important;
  }

  .productsForWishList .add-to-cart-column {
    width: 35%;
  }
  .productsForWishList .add-to-cart-column.add-to-cart-title {
    padding-left: 20px !important;
    text-align: left !important;
  }
  .productsForWishList .product-name-column {
    width: 25%;
  }
  .productsForWishList .min-del-container {
    margin-right: 15px;
    float: right;
  }
  .productsForWishList .min-orderable-qty, .productsForWishList .delivery-unit-qty {
    padding: 0 10px;
  }
  .productsForWishList .abi-b2b-custom-grid-view {
    display: none !important;
  }
  .productsForWishList .abi-b2b-grid-view {
    display: none !important;
  }
  .productsForWishList .quantity-input-buttons .input-group .qty {
    color: transparent !important;
    border: 1px solid #777 !important;
    border-radius: 2px !important;
    width: 90px !important;
    margin: 2px 80px 2px 10px !important;
    text-shadow: none !important;
    text-indent: -10000px !important;
    float: left !important;
  }

  .cartItemsTable .tableRow,
  .sortable-element {
    page-break-inside: avoid;
  }

  .hidden-print {
    display: none !important;
  }

  .visible-print {
    display: block !important;
  }

  .sortOption:after {
    display: none !important;
  }
}
.cart_summary_section {
  width: 100%;
  margin-top: 20px;
}
.cart_summary_section .summary_buttons {
  margin-top: 15px;
}
.cart_summary_section .summary_buttons button {
  width: 100%;
}
.cart_summary_section .summary-cpn-price {
  color: #7ecb3a !important;
}
.cart_summary_section .summary_item {
  padding: 10px 0;
  color: #999999;
  text-transform: uppercase;
  border-bottom: 1px solid #E6E6E6;
}
.cart_summary_section .summary_item.total_item {
  padding: 12px 0;
  border-bottom: 2px solid #E6E6E6;
}
.cart_summary_section .summary_item.total_item .summary_value {
  font-size: 20px;
  font-weight: bold;
}
.cart_summary_section .summary_item .summary_value {
  color: #331D0C;
}
.cart_summary_section .summary_item .summary_key {
  color: #999999;
  line-height: 1.4;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  white-space: normal;
}

.odp_summry_label {
  color: #797878;
  font-size: 15px;
}
@media only screen and (max-width: 578px) {
  .odp_summry_label {
    font-size: 12px;
  }
}

.error_msg {
  color: #D2232A;
  top: 4px;
  left: 0;
  font-style: italic;
  font-size: 11px;
}
.error_msg.po-error {
  font-size: 14px;
}

.updateBtn-section .error_msg {
  position: static;
}

.hiddenErrorMsg {
  display: none;
}

.pallets-icon {
  margin-left: 4px;
}
.pallets-icon.pallets-warning {
  color: #D2232A;
}
.pallets-icon.pallets-success {
  font-size: 16px;
  color: #8AD223;
}

.cart_title {
  color: #D2232A;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 47px;
}

.orderSplitTitle {
  margin-top: 40px;
}

.cart_items_content {
  padding: 20px;
  background-color: #ffffff;
}
.cart_items_content .label.label-discontinued {
  font-size: 60%;
}
.cart_items_content.isCheckout {
  padding: 20px 0;
}
.cart_items_content .progressContainer {
  margin-top: 32px;
}
.cart_items_content .progressContainer.progressContainer-margin {
  margin-top: 20px;
}
.cart_items_content .progressSection {
  margin-right: 15px;
}
.cart_items_content .progressSection div {
  padding: 0;
}
.cart_items_content .progressSection .label {
  text-transform: uppercase;
  color: #999999;
  font-size: 11px;
}
.cart_items_content .progressSection progress.progressBar {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #E6E6E6;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  color: #8AD223;
}
.cart_items_content .progressSection progress.progressBar::-moz-progress-bar {
  background: #8AD223;
}
.cart_items_content .progressSection progress.progressBar.notValid {
  color: #F26D21;
}
.cart_items_content .progressSection progress.progressBar:not([value])::-moz-progress-bar {
  background: #E6E6E6;
}
.cart_items_content .progressSection progress.progressBar:not([value])::-webkit-progress-bar, .cart_items_content .progressSection progress.progressBar::-webkit-progress-bar {
  background: #E6E6E6;
}
.cart_items_content .progressSection progress.progressBar::-webkit-progress-value {
  background: #8AD223;
  border-radius: 5px;
}
.cart_items_content .progressSection progress.progressBar.notValid::-moz-progress-bar {
  background: #F26D21;
}
.cart_items_content .progressSection progress.progressBar.notValid::-webkit-progress-value {
  background: #F26D21;
}
.cart_items_content .cart_header {
  border-bottom: 2px solid #F26D21;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.cart_items_content .cart_header .updateCart {
  width: 100%;
}
@media only screen and (max-width: 578px) {
  .cart_items_content .cart_header div {
    display: block;
    text-align: left;
  }
}
.cart_items_content .cart_header .cart_info {
  border-left: 1px solid #E6E6E6;
  display: inline-block;
  padding: 0 10px;
  text-align: left;
}
.cart_items_content .cart_header .cart_info .cart_info_label {
  text-transform: uppercase;
  color: #999999;
  font-size: 11px;
}
.cart_items_content .cart_header .cart_info .cart_info_value {
  display: block;
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_header .checkOutBtn {
    margin-top: 15px;
  }
  .cart_items_content .cart_header .updateCart {
    margin-top: 15px;
  }
  .cart_items_content .cart_header .simulateBtn {
    margin-top: 15px;
  }
}
.cart_items_content .sort_by_section .sorting-btn {
  min-width: 120px;
  height: 30px;
  padding: 6px 12px;
  padding-right: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #331D0C;
  border: 1px solid #E6E6E6;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  text-align: left;
  border-radius: 4px;
  background-color: #ffffff;
}
.cart_items_content .sort_by_section .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cart_items_content .sort_by_section .btn-group label {
  font-weight: bold;
}
.cart_items_content .sort_by_section .btn-group .select_section {
  margin: 0;
  margin-bottom: 5px;
  padding-top: 0;
}
.cart_items_content .sort_by_section .sizeAction {
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  min-width: auto;
  width: 100%;
}
.cart_items_content .sort_by_section .sortOption {
  min-height: 20px;
  padding: 10px;
  font-size: 14px;
}
.cart_items_content .sort_by_section .sortOption.currentSorting {
  color: #F26D21;
}
.cart_items_content .sort_by_section .sortOption:hover {
  cursor: pointer;
  background-color: #E6E6E6;
}
.cart_items_content .cart_items_section .split-section {
  padding-right: 15px;
}
@media only screen and (max-width: 768px) {
  .cart_items_content .cart_items_section .split-section {
    padding-right: 0px;
  }
}
.cart_items_content .cart_items_section .cartItemsTable {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
@media only screen and (max-width: 768px) {
  .cart_items_content .cart_items_section .cartItemsTable {
    display: block;
  }
}
.cart_items_content .cart_items_section .cartItemsTable .gift-badge-plp::after {
  right: auto;
  top: auto;
  margin-top: -25px;
  margin-left: 25px;
}
.cart_items_content .cart_items_section .cartItemsTable .gift-badge-plp.showOnList {
  min-height: 60px;
}
.cart_items_content .cart_items_section .cartItemsTable .gift-badge-plp.showOnList.gift-badge-cart::after {
  position: relative;
  top: 25px;
  right: 0;
}
.cart_items_content .cart_items_section .cartItemsTable .gift-badge-plp.showOnList.gift-badge-cart.gift-badge-cart-no-image::after {
  right: 0;
}
.cart_items_content .cart_items_section .cartItemsTable .cart-image-section {
  position: relative;
  text-align: center;
  height: 135px;
}
.cart_items_content .cart_items_section .cartItemsTable .cart-image-section .cart-prod-image {
  margin: 0 auto;
}
.cart_items_content .cart_items_section .cartItemsTable img {
  max-width: 55px;
  height: 55px;
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable img {
    height: auto;
    max-height: 70px;
    text-align: center;
  }
}
.cart_items_content .cart_items_section .cartItemsTable .tableHead {
  height: 40px;
  display: table-row;
}
.cart_items_content .cart_items_section .cartItemsTable .tableHead .tableCell {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableHead {
    display: none;
  }
}
.cart_items_content .cart_items_section .cartItemsTable .tableRow {
  border-bottom: 1px solid #dddddd;
  display: table-row;
}
@media only screen and (max-width: 768px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableRow {
    margin: 0;
    display: table;
    width: 100%;
  }
}
.cart_items_content .cart_items_section .cartItemsTable .tableRowFixedHeight {
  height: 100px;
}
.cart_items_content .cart_items_section .cartItemsTable .item-problem {
  background: #eee;
}
.cart_items_content .cart_items_section .cartItemsTable .removeItem {
  z-index: 2;
  margin-right: 10px;
  font-size: 17px;
}
.cart_items_content .cart_items_section .cartItemsTable .removeItem:hover {
  color: #D2232A;
  cursor: pointer;
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding: 0 8px;
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableCell {
    text-align: left;
    padding: 0 5px;
  }
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell.text-left {
  text-align: left !important;
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell.text-center {
  text-align: center !important;
  padding: 0 2px;
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell.subPrice {
  text-align: right !important;
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell.discountPrice {
  text-align: right !important;
  color: #F26D21;
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableCell.subtotalRow {
    display: table-cell !important;
  }
  .cart_items_content .cart_items_section .cartItemsTable .tableCell.subtotalRow p {
    color: #331D0C;
    font-size: 17px;
  }
  .cart_items_content .cart_items_section .cartItemsTable .tableCell.subtotalRow .free-promotion-subtotal {
    color: #D2232A;
  }
  .cart_items_content .cart_items_section .cartItemsTable .tableCell.subtotalRow .subPrice {
    color: #999999;
    font-size: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableCell.blockCell {
    display: block;
  }
  .cart_items_content .cart_items_section .cartItemsTable .tableCell.blockCell:before {
    display: inline-block;
    content: attr(data-label);
    padding-right: 8px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableCell.marginBottomCell {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableCell.marginTopCell {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableCell.labelCell:after {
    display: inline-block;
    content: attr(data-label);
    padding-right: 8px;
    font-size: 12px;
  }
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell.subtotalRow {
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableCell .goToDetails {
    margin-left: -13px;
  }
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell .quantity-input-buttons {
  margin-top: 10px;
  position: relative;
  font-size: 13px !important;
}
@media only screen and (max-width: 991px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableCell .quantity-input-buttons {
    position: relative;
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart_items_content .cart_items_section .cartItemsTable .tableCell .quantity-input-buttons {
    font-size: 12px !important;
  }
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell.sortOption {
  font-weight: bold;
  position: relative;
  vertical-align: middle;
  padding-right: 16px;
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell.sortOption.currentSorting {
  color: #F26D21;
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell.sortOption:hover {
  cursor: pointer;
}
.cart_items_content .cart_items_section .cartItemsTable .tableCell.sortOption:after {
  content: "\e150";
  position: absolute;
  margin-left: 2px;
  top: 9px;
  right: 4px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-size: 10px;
  font-weight: 400;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  color: #999999;
}
.cart_items_content .cart_items_section .group-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}

.trash-container {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.delivery-section {
  margin-top: 15px;
}

.recommendation-carousel-wrapper {
  background: #f3f3f3;
  padding: 20px 25px 15px;
  border-radius: 2px;
  margin-bottom: 30px;
}

.coupon-container {
  width: 100%;
  margin: 5px 0;
}

.coupon-row {
  padding: 10px;
}

.coupon-toast {
  background-color: lightgreen;
}

.coupon-td-input {
  width: 65%;
}

.coupon-td-submit {
  width: 35%;
}

.coupon-submit-button {
  border: 1px solid #F26D21 !important;
  background: #FFFFFF !important;
  color: #F26D21 !important;
  height: 37px !important;
  margin: 20px 0 10px;
  padding: 0 10px !important;
  width: 35%;
}
@media only screen and (max-width: 610px) {
  .coupon-submit-button {
    width: 100%;
    margin: 0 0 10px;
  }
}

.coupon-clearable-input {
  background: url(../img/cross.svg) no-repeat right -25px center;
  border: 1px solid #cccccc;
  padding: 3px 10px 3px 10px;
  border-radius: 4px;
  height: 37px;
  transition: background 0.4s;
  color: #d2232a;
  width: 60%;
  margin: 20px 0 10px;
}
@media only screen and (max-width: 610px) {
  .coupon-clearable-input {
    width: -webkit-fill-available;
  }
}
.coupon-clearable-input[disabled] {
  cursor: not-allowed;
}

.coupon-clearable-input.x {
  background-position: right 5px center;
  padding-right: 30px;
}

.coupon-clearable-input.onX {
  cursor: pointer;
}

.coupon-error {
  color: #D2232A;
  font-size: 12px;
  margin-left: 10px;
}

.coupon-msg {
  color: #555555;
  font-size: 12px;
  margin-left: 10px;
}

.pocm-budget-cart .cart-pocm-budget {
  margin: 15px 0;
}
.pocm-budget-cart .cart-pocm-budget .pocm_title {
  color: #F26D21;
  margin-top: 15px;
}
.pocm-budget-cart .cart-pocm-budget .pocm_item {
  color: #999999;
  border-bottom: 1px solid #999999;
  padding: 6px 0;
}
.pocm-budget-cart .cart-pocm-budget .pocm_item .pocm_label {
  text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
  .cart_summary_section .checkOutBtn {
    margin-top: 10px;
  }
  .cart_summary_section .updateCart {
    margin-top: 10px;
  }
  .cart_summary_section .simulateBtn {
    margin-top: 10px;
  }

  .logistics-section {
    margin-top: 15px;
  }

  .cart_items_content .progressSection {
    margin-left: 15px;
  }

  .cart_items_content .cart_items_section #no-more-tables table,
  .cart_items_content .cart_items_section #no-more-tables thead,
  .cart_items_content .cart_items_section #no-more-tables tbody,
  .cart_items_content .cart_items_section #no-more-tables th,
  .cart_items_content .cart_items_section #no-more-tables td,
  .cart_items_content .cart_items_section #no-more-tables tr {
    display: block;
  }
  .cart_items_content .cart_items_section #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .cart_items_content .cart_items_section #no-more-tables tr {
    border: 1px solid #E6E6E6;
  }
  .cart_items_content .cart_items_section #no-more-tables td {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
    padding-left: 50% !important;
    white-space: normal;
    text-align: left;
    width: 100% !important;
  }
  .cart_items_content .cart_items_section #no-more-tables td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    content: attr(data-title);
  }
}
.cartWarning .alert.alert-danger {
  padding: 0px;
  text-align: left;
  margin: 0px;
  background: none;
  border: none;
}

.panel-heading-cart {
  background: #f8f8f8;
  cursor: pointer;
  transition: background 0.4 ease;
}
.panel-heading-cart:hover {
  background: #f2f2f2;
}

.panel-heading-cart {
  position: relative;
  border-bottom: thin solid #ccc;
  border-top: thin solid #ccc;
}
.panel-heading-cart h4 {
  padding: 10px;
}
.panel-heading-cart h4 .orderSplitTitle {
  margin: 0;
}
.panel-heading-cart h4 .sub-header {
  margin: 0;
}
.panel-heading-cart .dropdown-arrow-cart {
  font-size: 22px;
}

.sub-header-alternate-truck {
  white-space: nowrap;
}

.truck-logistics-info {
  font-size: 12px;
  font-weight: bold;
  padding: 10px;
}

.cart-collapse-target {
  width: 100%;
}
.cart-collapse-target .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}

#cart-loader-modal {
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  z-index: 100;
}
#cart-loader-modal .snake-loader {
  position: fixed;
}
#cart-loader-modal .snake-loader-message {
  position: fixed;
  top: 60%;
  font-weight: bold;
  text-align: center;
}

.availability-label {
  color: #D2232A;
  border: 1px solid #D2232A;
  border-radius: 0.25em;
  font-size: 75%;
  padding: .2em .6em .3em;
  display: inline-block;
  margin-bottom: 4px;
  line-height: 1;
}

.template-name {
  margin: 10px 0;
}

.word-break {
  word-wrap: break-word;
}

.same-height .empties-section {
  min-height: 175px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 25px;
}

.free-promotion-subtotal {
  color: #D2232A;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (max-width: 990px) {
  .free-promotion-subtotal {
    color: #D2232A;
  }
}

@media only screen and (min-width: 1024px) {
  .free-flag-box {
    border-top: 1px solid #dddddd;
  }
}

@media only screen and (min-width: 1024px) {
  .free-promotion-subtotal-space-left {
    padding-left: 30px;
  }
}

.free-goods-number {
  color: #333;
  font-weight: normal;
  font-size: 16px;
  text-transform: none;
}

.available-pallets-section {
  margin-top: 15px;
}

.logistics-section {
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #f4f4f4;
  padding: 15px 15px 5px 15px;
  margin: 15px 8px;
}
.logistics-section .logistics-title {
  text-transform: uppercase;
}
.logistics-section .logistics-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  .logistics-section .logistics-row {
    border: none;
  }
}
.logistics-section .logistics-row-no-border {
  border: none;
}
.logistics-section .logistics-cell {
  margin-top: 10px;
  padding: 0 5px;
  -webkit-box-flex: 0 0 25%;
  -moz-box-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
@media only screen and (max-width: 768px) {
  .logistics-section .logistics-cell {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
  }
}
.logistics-section .logistics-label {
  display: block;
  color: #999;
  margin-bottom: 5px;
}
.logistics-section .pallets-error {
  color: #D2232A;
  font-size: 12px;
}
.logistics-section .logistics-disclaimer {
  color: #777;
  font-size: 12px;
  margin-top: 15px;
}

.max-reached-message {
  font-size: 12px;
}

.cpn-price {
  color: #7ecb3a !important;
}

.cpn-entries-container {
  margin-top: 1.5em;
}
.cpn-entries-container .cpn-tile {
  width: 100%;
  background-color: #f2faeb;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  min-height: 4.5em;
}
.cpn-entries-container .cpn-tile:not(:last-child) {
  margin-bottom: 0.6em;
}
.cpn-entries-container .cpn-tile .cpn-tile-text {
  color: #7ecb3a;
}
.cpn-entries-container .cpn-tile .cpn-tile-info {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
}
.cpn-entries-container .cpn-tile .cpn-tile-remove {
  cursor: pointer;
}

button.cpn-modal-close.close {
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 36px;
  margin: 0px 5px;
  font-weight: 100;
}

.cpn-tile:not(:last-child) {
  margin-bottom: 0.6em;
}

.modal-header.cpn-modal-header {
  padding: 10px;
  text-align: center;
  border: none;
  height: 70px;
}

.cpn-modal-title.title {
  bottom: -30px;
  text-align: center;
  color: #f26d21;
  position: relative;
  display: block;
}

.cpn-modal-footer.modal-footer {
  border: none;
}

.cpn-modal-footer.modal-footer button {
  width: 100%;
}

.mctv-pb-container-td-truck {
  vertical-align: middle;
  text-align: center;
  width: 50%;
}
.mctv-pb-container-td-truck .mctv-pb-container, .mctv-pb-container-td-truck .mctv-pb-container-truck {
  width: 85%;
}
@media only screen and (min-width: 431px) {
  .mctv-pb-container-td-truck {
    left: 7%;
  }
}

.truck-split-block {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media only screen and (max-width: 1000px) and (min-width: 991px) {
  .truck-split-block {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 1000px) {
  .truck-split-block {
    flex-direction: column;
  }
}
@media only screen and (max-width: 430px) {
  .truck-split-block {
    align-items: normal;
  }
}

.truck-block {
  background-color: #eee;
  padding: 10px;
  border: 3px solid lightgrey;
}

.truck-split-block-order {
  padding: 5px;
}
@media only screen and (min-width: 1200px) {
  .truck-split-block-order {
    width: 25%;
  }
}

.truck-split-block-pal-weight {
  font-weight: 600;
  padding: 5px;
  margin-left: auto;
}
@media only screen and (max-width: 1000px) {
  .truck-split-block-pal-weight {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .truck-split-block-pal-weight {
    width: 18%;
  }
}
@media only screen and (max-width: 430px) {
  .truck-split-block-pal-weight {
    margin-left: 5px;
  }
}

.truck-split-block-pal-weight :first-child {
  margin-bottom: 5px;
}

.truck-split-block-pal-weight .fa {
  margin-bottom: 5px;
}

.truck-split-block-progress {
  padding: 5px;
}
@media only screen and (min-width: 401px) {
  .truck-split-block-progress {
    width: 280px !important;
  }
}
@media only screen and (max-width: 400px) {
  .truck-split-block-progress {
    width: 100%;
  }
}
@media only screen and (max-width: 430px) {
  .truck-split-block-progress {
    margin-left: 10px;
  }
}

.truck-split-block-discount {
  font-weight: 600;
  padding: 5px;
  flex: auto;
  text-align: center;
}

.truck-split-block-discount .label-complete {
  color: #8AD223;
}

.truck-progress-bar {
  border-radius: 10px;
  height: 25px !important;
  width: 250px !important;
}
@media only screen and (max-width: 600px) {
  .truck-progress-bar {
    width: 120% !important;
  }
}

@media only screen and (min-width: 600px) {
  .pb-hatch-truck-max {
    margin-left: 22% !important;
  }
}

.truck-progress-container {
  padding-top: 5px;
  padding-bottom: 15px;
  padding-right: 31px;
  width: 25%;
}
@media (min-width: 400px) and (max-width: 600px) {
  .truck-progress-container {
    padding-right: 36px !important;
  }
}
@media (min-width: 380px) and (max-width: 399px) {
  .truck-progress-container {
    padding-right: 34px !important;
  }
}
@media (min-width: 350px) and (max-width: 379px) {
  .truck-progress-container {
    padding-right: 31px !important;
  }
}
@media (min-width: 335px) and (max-width: 349px) {
  .truck-progress-container {
    padding-right: 28px !important;
  }
}
@media only screen and (max-width: 334px) {
  .truck-progress-container {
    padding-right: 25px !important;
  }
}

.pb-hatch-truck-line {
  background: black;
  opacity: 60%;
  top: -2px !important;
  height: 28px;
  width: 3px;
  position: relative;
}

.pb-min-hatch-label-truck {
  position: relative;
  font-weight: 600;
  font-size: 11px;
  bottom: 4px;
  white-space: nowrap;
}
.pb-min-hatch-label-truck.bottom {
  bottom: -10px;
}

.pb-full-hatch-label-truck {
  position: relative;
  font-weight: 600;
  left: -70%;
  font-size: 11px;
  bottom: 4px;
  white-space: nowrap;
}
.pb-full-hatch-label-truck.bottom {
  bottom: -10px;
}

.pb-min-max-hatch-label-truck {
  position: relative;
  font-weight: 600;
  left: -98%;
  font-size: 11px;
  bottom: 4px;
  white-space: nowrap;
}
.pb-min-max-hatch-label-truck.bottom {
  bottom: -10px;
}

.quantity-validation-pop-up.truck-block-info-pop-up-tonnes {
  width: 10em !important;
  top: auto !important;
  bottom: 30px !important;
  transform: none !important;
  margin-left: -6.5em;
}
.quantity-validation-pop-up.truck-block-info-pop-up-tonnes .arrow {
  border-right: none !important;
  border-left: none !important;
}
@media only screen and (max-width: 578px) {
  .quantity-validation-pop-up.truck-block-info-pop-up-tonnes {
    left: 22px !important;
  }
}

.info-pal-places p span {
  font-size: 12px !important;
}

.quantity-validation-pop-up.truck-block-info-pop-up-pal {
  width: 250px;
  top: auto !important;
  bottom: 23px !important;
  transform: translateX(-50%) !important;
  left: calc(100%) !important;
  z-index: 3;
}
.quantity-validation-pop-up.truck-block-info-pop-up-pal .arrow {
  border-right: none !important;
  border-left: none !important;
}
@media only screen and (max-width: 578px) {
  .quantity-validation-pop-up.truck-block-info-pop-up-pal {
    left: -10px !important;
  }
}
@media only screen and (max-width: 360px) {
  .quantity-validation-pop-up.truck-block-info-pop-up-pal {
    width: 200px;
  }
}

.truck-notification {
  color: #F26D21;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 60px;
  margin-bottom: 10px;
}

.list-truck-notif {
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (min-width: 400px) {
  .list-truck-notif {
    margin-left: 20px;
  }
}

.truck-split-progress-error {
  color: #F26D21;
  text-align: center;
  font-size: 1.1em;
}

.list-truck-notif-triangle {
  font-weight: 600;
  margin-right: 5px;
  color: #F26D21;
  display: inline;
}

.list-truck-notif-min-pal {
  font-weight: 600;
  display: inline-block;
}

.table-without-price {
  display: table !important;
  width: 100% !important;
}

.table-without-add-to-cart {
  width: 25% !important;
}

.table-without-unit {
  width: 10% !important;
}

.table-without-img-col {
  width: 11% !important;
}

.summary_coupon {
  margin-top: 15px;
}

.checkout_without_vat {
  display: inline-block;
  max-width: 68%;
}
@media only screen and (max-width: 359px) {
  .checkout_without_vat {
    max-width: 63%;
  }
}

.col-md-6.text-center {
  padding-bottom: 10px;
}

.triangle-position-color {
  color: #F26D21;
  margin-left: -5px;
}

.cart-price-error {
  background-color: #fdede4;
  text-align: center;
  color: #f26d20;
  padding: 5px 0 5px 0;
  margin-bottom: 15px;
}

.notification-truck-load-beer-cart {
  margin-top: -15px;
  font-weight: 600;
}

.effacct {
  background-color: #ffffff;
}

#chatIframe {
  height: 0px;
  min-height: 0px;
}

.liveAgentButton {
  cursor: pointer;
  background: none;
  background-color: #D2232A;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 2px 20px;
  height: 42px;
  float: right;
  margin-top: 15px;
}
.liveAgentButton:before {
  content: "\f086";
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 25px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  position: relative;
  top: 2px;
  left: -8px;
}

.account-settings-disclaimer {
  color: #888;
  text-align: center;
  margin-top: 40px;
}

#account-settings-target {
  position: relative;
  min-height: 200px;
}
#account-settings-target .progress-loader {
  position: absolute;
}

#effAcctSelForm {
  background: #ffffff;
  color: #4d4d4d;
  border: 1px solid #f3f3f3;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  line-height: normal;
}
#effAcctSelForm.default-account-selector {
  border: none;
}
#effAcctSelForm.default-account-selector .choose-default-title {
  font-size: 20px;
  margin: 15px 0;
}
#effAcctSelForm.default-account-selector #effAcctSelFS .acct-sel-container {
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 0 20px;
}
#effAcctSelForm.default-account-selector .eff-acct-container {
  margin-bottom: 20px;
}
#effAcctSelForm.default-account-selector .ot-sel-container {
  margin-top: 25px;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 0 20px 20px 20px;
}
#effAcctSelForm.default-account-selector .ot-selector-container::after {
  content: '\f107';
  font-family: 'FontAwesome';
  position: absolute;
  top: 5px;
  right: 25px;
  font-size: 22px;
  pointer-events: none;
}
#effAcctSelForm.default-account-selector #templateSelection {
  width: 100%;
  border-radius: 3px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#effAcctSelForm.default-account-selector .continue-btn-container {
  margin-top: 25px;
}
#effAcctSelForm .label {
  color: inherit;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
}
#effAcctSelForm .box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 10px;
}
#effAcctSelForm .box .box-item {
  -webkit-box-flex: 1 0 25%;
  -moz-box-flex: 1 0 25%;
  -webkit-flex: 1 0 25%;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
  margin-right: 10px;
  max-width: 31%;
}
@media only screen and (max-width: 991px) {
  #effAcctSelForm .box .box-item {
    -webkit-box-flex: 1 0 50%;
    -moz-box-flex: 1 0 50%;
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    margin-right: 10px;
    max-width: 45%;
  }
}
@media only screen and (max-width: 420px) {
  #effAcctSelForm .box .box-item {
    -webkit-box-flex: 1 0 100%;
    -moz-box-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-right: 10px;
    max-width: 92%;
  }
}
#effAcctSelForm #effAcctSelFS {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  #effAcctSelForm #effAcctSelFS .cart-items-container,
  #effAcctSelForm #effAcctSelFS .btn-continue-container {
    border: 0;
  }
  #effAcctSelForm #effAcctSelFS .btn-continue {
    margin: 20px 0;
  }
}
@media screen and (min-width: 992px) {
  #effAcctSelForm #effAcctSelFS .cart-items-container:not(:first-child),
  #effAcctSelForm #effAcctSelFS .btn-continue-container {
    border-left: 1px solid #CCCCCC;
  }
}
#effAcctSelForm #effAcctSelFS .order-sel-container,
#effAcctSelForm #effAcctSelFS .acct-sel-container {
  text-align: center;
  padding: 20px;
}
#effAcctSelForm #effAcctSelFS .acct-sel-container {
  background-color: #f3f3f3;
}
#effAcctSelForm #effAcctSelFS .acct-sel-container .open-cart-key {
  position: relative;
  text-align: left;
}
#effAcctSelForm #effAcctSelFS .acct-sel-container .open-cart-key > span {
  content: '';
  background: url(../img/shopping-cart.svg) no-repeat;
  background-size: 25px 25px;
  background-color: #F26D21;
  background-position: center;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: relative;
  top: 10px;
  display: inline-block;
  margin-right: 10px;
}
#effAcctSelForm #effAcctSelFS .order-sel-container > .row {
  margin-bottom: 20px;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .center-block {
  float: none;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-welcome {
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: initial;
  border: 0 none;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-order {
  text-align: left;
  text-transform: uppercase;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-order .order-template-select #templateSelection {
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-order .order-template-select #templateSelection .template-option-disabled {
  color: #CCCCCC;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-order .order-template-select::after {
  content: '\f107';
  font-family: 'FontAwesome';
  position: absolute;
  top: 5px;
  right: 25px;
  font-size: 22px;
  pointer-events: none;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-order > .search-term-container > .search-term {
  margin-top: 16px;
  color: #999;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-order .cart-items-container .cart-items-title,
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-order .cart-items-container .product-items-title {
  font-size: 80%;
  text-transform: uppercase;
  color: #999999;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-question {
  font-size: 20px;
}
#effAcctSelForm #effAcctSelFS .order-sel-container .eff-acct-question .account-title {
  color: #8AD223;
}
#effAcctSelForm #effAcctSelFS .switch-acct-title {
  color: #999999;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#effAcctSelForm #effAcctSelFS .eff-acct-container {
  padding: 10px 35px;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 30px;
  background-color: #ffffff;
  margin-left: 10px;
}
#effAcctSelForm #effAcctSelFS .eff-acct-container .open-cart::before {
  content: '';
  background: url(../img/shopping-cart.svg) no-repeat;
  background-size: 25px 25px;
  background-color: #F26D21;
  background-position: center;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  float: right;
  margin-right: -27px;
}
@media only screen and (max-width: 360px) {
  #effAcctSelForm #effAcctSelFS .eff-acct-container .open-cart::before {
    top: auto;
    bottom: 10px;
  }
}
#effAcctSelForm #effAcctSelFS .eff-acct-container.selected {
  border-color: #F26D21;
}
#effAcctSelForm #effAcctSelFS .eff-acct-container > div {
  margin-bottom: 10px;
}
#effAcctSelForm #effAcctSelFS .eff-acct-container > .eff-acct-address {
  margin-bottom: 0px;
}
#effAcctSelForm #effAcctSelFS .eff-acct-container > div:last-child {
  margin-bottom: 0;
}
#effAcctSelForm #effAcctSelFS .eff-acct-container > .eff-acct-name {
  text-transform: uppercase;
  font-weight: bold;
}
#effAcctSelForm #effAcctSelFS .eff-acct-container > .account-search-term-bold {
  font-weight: bold;
}

.effSelectableContainer {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-color: #eee;
}

.change-guide-section {
  margin: 20px;
  padding: 25px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.change-guide-section .change-guide-section-header {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 0;
}
.change-guide-section .change-guide-section-subheader {
  font-size: 14px;
  font-style: italic;
  color: #888;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.change-guide-section .change-guide-section-instructions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-direction: row;
  margin: 25px 0;
}
@media screen and (max-width: 991px) {
  .change-guide-section .change-guide-section-instructions {
    flex-direction: column;
  }
}
.change-guide-section .default-account-ot-img {
  max-width: 600px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0px 2px 10px #ccc;
}
@media screen and (max-width: 991px) {
  .change-guide-section .default-account-ot-img {
    max-width: 100%;
  }
}

.settings-saved {
  color: #888;
  font-style: italic;
  text-align: right;
}
.settings-saved.settings-saved-error {
  color: #D2232A;
}

#saveDefaultSettings {
  width: 100%;
}

#makeSelection, #goToSecondStep {
  padding: 14px;
  height: auto;
  background-color: #8AD223;
  color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 100%;
  text-transform: uppercase;
}

.no-left-padding {
  padding-left: 0;
}

.no-side-paddings {
  padding-left: 0;
  padding-right: 0;
}

.table tbody tr td {
  vertical-align: middle;
  text-align: center;
}

.table th {
  font-size: 12px;
}
.table th.sortOption {
  font-weight: bold;
  position: relative;
  vertical-align: middle;
  padding-right: 24px;
}
.table th.sortOption.currentSorting {
  color: #F26D21;
}
.table th.sortOption:hover {
  cursor: pointer;
}
.table th.sortOption:after {
  content: "\e150";
  position: absolute;
  margin-left: 2px;
  top: 6px;
  right: 4px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-size: 10px;
  font-weight: 400;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  color: #999999;
}
.table th.totalAmount {
  font-weight: bold;
  vertical-align: middle;
}

@media screen and (max-width: 991px) {
  .no-more-tables {
    display: block;
    float: left;
    width: 100%;
  }
  .no-more-tables table,
  .no-more-tables thead,
  .no-more-tables tbody,
  .no-more-tables th,
  .no-more-tables td,
  .no-more-tables tr {
    display: block;
  }
  .no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .no-more-tables tr {
    border: 1px solid #b3b3b3;
    margin-top: 20px;
  }
  .no-more-tables td {
    border: none;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
    padding-left: 50% !important;
    white-space: normal;
    text-align: left;
    width: 100% !important;
  }
  .no-more-tables td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    content: attr(data-title);
  }
}

.back-section {
  padding: 15px 10px;
  text-transform: uppercase;
  color: #999999;
  font-weight: normal;
}
.back-section a {
  color: #999999;
  font-weight: normal;
  padding: 10px 0 15px 15px;
}
.back-section a:hover, .back-section a:active, .back-section a:focus {
  color: #331D0C;
  cursor: pointer;
  text-decoration: none;
}
.back-section a:before {
  content: "\f104";
  font-family: FontAwesome;
  position: absolute;
  font-size: 25px;
  display: inline-block;
  color: #d1baa7;
  left: 25px;
  top: 9px;
}

.priceVal {
  font-size: 20px;
}

.listItem {
  border-bottom: 1px solid #CCCCCC;
  display: inline-block;
  width: 100%;
  padding: 5px;
}
.listItem .listRow {
  width: 100%;
  float: left;
  display: block;
}
.listItem .listRow .listCell {
  display: inline;
  width: 25%;
  padding: 0 4px;
  float: left;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.listItem .listRow .listCell .reqChange {
  position: relative;
  top: -4px;
}
@media only screen and (max-width: 991px) {
  .listItem .listRow .listCell .reqChange {
    top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .listItem .listRow .listCell .reorder {
    margin-bottom: 3px !important;
  }
}
.listItem .listRow .listCell .priceVal {
  font-size: 20px;
}
.listItem .listRow .listCell .listLabel {
  color: #999999;
  text-transform: uppercase;
  font-size: 11px;
  min-height: 12px;
}
.listItem .listRow .listCell .listVal {
  color: #331D0C;
}
.listItem .listRow .listCell .listVal.noWrap {
  overflow-wrap: normal;
  word-wrap: normal;
  -ms-word-break: normal;
  word-break: normal;
}
.listItem .listRow .listCell .listVal.overflow-left {
  direction: rtl;
}
@media only screen and (max-width: 991px) {
  .listItem .listRow .listCell .listVal {
    font-size: 13px;
  }
}
.listItem .listRow .listCell .listVal .status_icon {
  position: absolute;
  margin-top: -10px;
}
.listItem .listRow .listCell .listVal .status-val {
  padding-left: 25px;
}
.listItem .listRow .listCell .listVal .fa {
  color: #D2232A;
}

#myOrdersInfoSection .listCell {
  width: 50%;
}

.pre-line-wrap {
  white-space: pre-line;
}

.sortable-element {
  padding-top: 10px;
  position: relative;
}

.sortable-element:not(:last-child) {
  border-bottom: thin solid #eee;
}

.sortable-element.sortableOn {
  border: 1px dashed #ccc;
}
.sortable-element.sortableOn:hover {
  cursor: pointer;
}

.sortable-ghost {
  opacity: 0;
}

.sortable-chosen {
  opacity: 1;
}

.sortable-drag {
  opacity: 0;
}

.sortable-fallback {
  opacity: 0 !important;
}

#edit-order-wishlist, #reset-prod-sorting {
  margin-right: 20px;
}

.viewModesButtons #save-order-wishlist {
  margin: 0 15px;
}

.contact-us-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.contact-us-container .openRequestSection, .contact-us-container #openChatSection {
  width: 50%;
}
@media only screen and (max-width: 578px) {
  .contact-us-container {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .contact-us-container .openRequestSection, .contact-us-container #openChatSection {
    width: 100%;
  }
}

#openChatSection .chatBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 2px solid #F26D21;
  background-color: #ffffff;
  height: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#openChatSection .chatBox.disableChat {
  background-color: #f3f3f3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#openChatSection .chatBox.disableChat:hover {
  cursor: default;
}
#openChatSection .chatBox.disableChat .chatLive {
  display: none;
}
#openChatSection .chatBox .chatLive {
  display: block;
  background-color: #ffcd19;
  padding: 5px 10px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
#openChatSection .chatBox .icon_section {
  position: relative;
  min-width: 40px;
}
#openChatSection .chatBox .icon_section .chatIcon, #openChatSection .chatBox .icon_section .requestIcon {
  color: #F26D21;
  position: absolute;
  margin-top: 9px;
  margin-left: 8px;
  font-size: 27px;
}
#openChatSection .chatBox .icon_section .chatIcon {
  position: relative;
  margin: 0;
  margin-top: 6px;
}
#openChatSection .chatBox .text_section {
  text-transform: uppercase;
  color: #331D0C;
}
#openChatSection .chatBox .text_section .subtitle {
  text-transform: none;
  color: #F26D21;
}
#openChatSection .chatBox:hover {
  cursor: pointer;
}

.myDocSection .table th {
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
  text-align: right;
}

.form-control:focus,
.form-control:active {
  border: 1px solid #fad600;
}

.hide-notification-truck-load-beer {
  display: none;
}

.prodDetailContainer {
  margin: 0 15px;
}
.prodDetailContainer .prod_media .main-image-wrapper {
  margin: 0 5px;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}
.prodDetailContainer .prod_media .promotion-container {
  margin-bottom: 10px;
}
.prodDetailContainer .prod_media .thumbnail-container {
  padding: 0;
  width: 60px;
  margin-bottom: 10px;
  border: thin solid #fad600;
  height: 60px;
  text-align: center;
  border-radius: 3px;
}
.prodDetailContainer .prod_media .thumbnail-container:hover {
  cursor: pointer;
  border: thin solid #F26D21;
}
.prodDetailContainer .prod_media .thumbnail-container .thumbnail {
  display: block;
  padding: 2px;
  margin-bottom: 0px;
  line-height: 1.42857143;
  background-color: #fff;
  border: none;
  border-radius: 0px;
  height: 100%;
  margin: 0 auto;
}
.prodDetailContainer .prod_media .thumbnail-container:not(:last-child) {
  margin-right: 10px;
}
@media only screen and (min-width: 767px) {
  .prodDetailContainer .abi-tab-pane {
    display: block !important;
  }
  .prodDetailContainer .mainProdImage, .prodDetailContainer .thumbnail {
    cursor: pointer;
  }
}
@media only screen and (max-width: 767px) {
  .prodDetailContainer {
    margin: 0;
  }
  .prodDetailContainer .abi-b2b-mobile-center {
    text-align: center;
  }
  .prodDetailContainer .prodDetailContainer {
    margin: 0;
  }
  .prodDetailContainer .price {
    font-size: 28px;
  }
  .prodDetailContainer .abi_b2b_mobile_tabs {
    display: table !important;
  }
  .prodDetailContainer .prod_media {
    margin-bottom: 20px;
  }
  .prodDetailContainer .mobile-add-to-cart {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    background-color: white;
    padding: 10px;
    z-index: 3;
  }
  .prodDetailContainer .mobile-add-to-cart #add-to-cart {
    width: 100%;
  }
  .prodDetailContainer .mobile-add-to-cart .wish-btn-container {
    padding-right: 0;
    text-align: center;
  }
  .prodDetailContainer .mobile-add-to-cart .wish-btn-container i {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) {
  .prodDetailContainer .row .abi_b2b_wishButton .fa-heart-o,
  .prodDetailContainer .row .abi_b2b_wishButton .fa-heart {
    font-size: 1.5em;
  }
  .prodDetailContainer .abi-b2b-wishButton-container {
    margin-top: 70px;
  }
}
.prodDetailContainer .panel-body {
  font-size: 15px;
}
.prodDetailContainer .panel-body .cc_main_prod_image {
  min-height: 330px;
}
@media only screen and (max-width: 1199px) {
  .prodDetailContainer .panel-body .cc_main_prod_image {
    min-height: 360px;
  }
}
@media only screen and (max-width: 991px) {
  .prodDetailContainer .panel-body .cc_main_prod_image {
    min-height: 420px;
  }
}
@media only screen and (max-width: 767px) {
  .prodDetailContainer .panel-body .cc_main_prod_image {
    min-height: auto;
  }
}
.prodDetailContainer .panel-body .mainProdImage,
.prodDetailContainer .panel-body .fallback-img {
  padding: 0;
  border: 0 none;
  max-width: 100%;
  min-height: 150px;
  max-height: 350px;
}
@media only screen and (max-width: 1199px) {
  .prodDetailContainer .panel-body .mainProdImage,
  .prodDetailContainer .panel-body .fallback-img {
    max-height: 380px;
  }
}
@media only screen and (max-width: 991px) {
  .prodDetailContainer .panel-body .mainProdImage,
  .prodDetailContainer .panel-body .fallback-img {
    max-height: 420px;
  }
}
.prodDetailContainer .panel-body .wishButtons .btn-group {
  width: 100%;
}
.prodDetailContainer .panel-body .wishButtons .btn-group button.btn.pickWish {
  width: 100%;
  padding: 0 30px 0 10px;
}
.prodDetailContainer .panel-body .wishButtons .btn-group button.btn.dropdown-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
.prodDetailContainer .panel-body > .row:nth-child(3) {
  margin-bottom: 10px;
}
.prodDetailContainer .panel-body > .row:nth-child(3) div:nth-child(1),
.prodDetailContainer .panel-body > .row:nth-child(3) div:nth-child(2) {
  margin-bottom: 10px;
}
.prodDetailContainer .panel-body button.btn.addItem {
  width: 100%;
}
.prodDetailContainer .panel-body input[type='text'] {
  text-align: center;
}
.prodDetailContainer .panel-body h4 {
  color: #45130f;
  font-size: inherit;
  margin-bottom: 10px;
}
.prodDetailContainer .panel-body .cc_sku {
  font-size: inherit;
}
.prodDetailContainer .panel-body .abi_b2b_groupName2 {
  color: #F26D21;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0px !important;
  padding-left: 0px;
}
.prodDetailContainer .panel-body .noPadding {
  padding: 0;
}
.prodDetailContainer .panel-body .abi_b2b_itemValue2 {
  color: #331D0C;
  font-size: 14px;
  margin-bottom: 0px !important;
  padding-left: 0px;
  padding-right: 10px;
}
.prodDetailContainer .panel-body .productTitle {
  color: #331D0C;
  font-size: 22px;
  font-weight: 600;
}
.prodDetailContainer .panel-body .productSubtitle {
  color: #331D0C;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  min-height: 20px;
  text-transform: capitalize;
}
.prodDetailContainer .panel-body .abi_b2b_groupName {
  color: #D2232A;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0px !important;
  padding-left: 0px;
}
.prodDetailContainer .panel-body .abi_b2b_itemName {
  color: #999999;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0px !important;
  padding-left: 0px;
  margin-right: -10px;
}
.prodDetailContainer .panel-body .abi_b2b_itemValue {
  color: #331D0C;
  font-size: 14px;
  text-transform: lowercase;
  line-height: 30px;
  margin-bottom: 0px !important;
  padding-left: 5px;
}
.prodDetailContainer .panel-body .abi_b2b_itemValue.abi_b2b_itemValue_uppercase {
  text-transform: uppercase !important;
}
.prodDetailContainer .panel-body .abi_b2b_itemValue:first-letter {
  text-transform: uppercase;
}
.prodDetailContainer .panel-body .abi_b2b_itemValue.text-uppercase {
  text-transform: uppercase;
}
.prodDetailContainer .panel-body .abi_b2b_itemValueRoot {
  color: #331D0C;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 0px !important;
  padding-left: 15px;
}
.prodDetailContainer .panel-body .abi_b2b_itemRow {
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 0px !important;
}
.prodDetailContainer .panel-body .abi_b2b_itemSubRow {
  border-bottom: 1px solid #E6E6E6;
  margin-left: 4px;
  margin-bottom: 0px !important;
}
.prodDetailContainer .panel-body .abi_b2b_itemSubRow:nth-last-child(1) {
  border-bottom: 0px;
}
.prodDetailContainer .panel-body .abi_b2b_groupRow {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 0px !important;
}
.prodDetailContainer .panel-body .abi_b2b_mobile_tabs {
  width: 100%;
  table-layout: fixed;
  border-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .prodDetailContainer .panel-body .abi_b2b_mobile_tabs {
    display: table !important;
  }
}
.prodDetailContainer .panel-body .abi_b2b_mobile_tabs > li {
  width: 100%;
  float: none;
  display: table-cell;
}
.prodDetailContainer .panel-body .abi_b2b_mobile_tabs > li > a {
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 30px;
  border-bottom: 1px solid #ddd;
  margin-right: 0;
  border-radius: 0;
}
.prodDetailContainer .panel-body .abi_b2b_mobile_tabs > li.active > a:hover,
.prodDetailContainer .panel-body .abi_b2b_mobile_tabs > li.active > a {
  color: #D2232A;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.prodDetailContainer .tabSection ul.nav.nav-tabs li.active {
  color: #45130f;
}
.prodDetailContainer .tabSection ul.nav.nav-tabs li.active a {
  color: inherit;
}
.prodDetailContainer .tabSection .groupName {
  color: #45130f;
  margin-top: 20px;
  font-weight: bold;
}

.abi-b2b-last-ordered {
  margin-top: 40px;
  margin-left: 20px;
}

.abi_b2b_dot {
  margin-top: 7px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 5px;
}

.abi_b2b_container {
  margin-bottom: 0px !important;
  border-bottom: 0px !important;
}

.abi_b2b_wishButton {
  border: 0;
  background: none;
}

.abi_b2b_wishButton:hover i.fa {
  transform: scale(1.1);
}

.addItem.cc_add_item {
  border-radius: 18px;
}

.abi_b2b_wishButton .fa-heart-o,
.abi_b2b_wishButton .fa-heart {
  font-size: 2em;
}

.abi-b2b-wishButton-label {
  color: #666666;
  letter-spacing: 0.5px;
  margin-left: 7px;
  font-size: 1.1em;
}

.abi_b2b_wishButton .fa-heart {
  color: #BD252C;
}

.abi_b2b_wishButton .fa-heart-o {
  color: #CCCCCC;
}

.abi_b2b_open_assignToWishList_click.abi-b2b-hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.abi_b2b_open_assignToWishList_click.abi-b2b-hvr-grow:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.wishFinder {
  margin: 20px 0;
}
.wishFinder div.cc_input_group {
  text-align: center;
}

.min-qty-pdp, .max-qty-pdp {
  color: #797979;
  font-weight: bold;
  font-size: 15px;
  padding: 0;
  text-transform: lowercase;
}

.delivery-unit-pdp {
  color: #797979;
  font-weight: bold;
  font-size: 15px;
  padding: 0;
  text-transform: lowercase;
}
@media screen and (min-width: 992px) {
  .delivery-unit-pdp {
    text-align: right;
  }
}

.ProductDetails .home_slider {
  padding-top: 10px;
  background: #ffffff;
}
.ProductDetails nav,
.ProductDetails .contentBody {
  background: #ffffff;
}
.ProductDetails .abi-b2b-center-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .ProductDetails .add-container {
    position: initial;
  }
  .ProductDetails .add-container #add-to-cart {
    width: 84%;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 5;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .ProductDetails .abi-b2b-wishButton-container {
    position: fixed;
    bottom: 0;
    left: 0px;
    padding: 10px;
    background-color: white;
    width: 100%;
    height: auto;
    border-top: 1px solid #bbbbbb;
    text-align: left;
    z-index: 4;
  }
  .ProductDetails .abi-b2b-wishButton-container i {
    font-size: 30px;
  }
}

#altImageModal {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: white;
  z-index: 10000;
}
#altImageModal .button-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 100vh;
}
#altImageModal .image-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 100vh;
}
#altImageModal .image-container .main-modal-img {
  max-height: 500px;
  max-width: 100%;
}
#altImageModal .close-button {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  font-size: 40px;
  color: grey;
  font-weight: bold;
  z-index: 100;
}
#altImageModal .close-button .close-button-icon {
  line-height: unset;
}
#altImageModal .navigate {
  height: 100vh;
  display: block;
  padding-top: 50vh;
}
#altImageModal .navigate .glyphicon {
  transform: translateY(-50%);
  font-size: 30px;
}
#altImageModal .active-thumb {
  border: solid 1px orange;
}
#altImageModal .thumbnail {
  margin: 10px auto;
  max-height: 120px;
  max-width: 150px;
}

.cc_product_list_panel .panel-body {
  padding: 0;
}
.cc_product_list_panel .cc_product_item {
  padding: 15px;
  border-bottom: 1px solid #f0f0f0;
}
.cc_product_list_panel .cc_product_item .img-thumbnail {
  padding: 0;
  border: 0 none;
  max-height: 150px;
  display: block;
  margin: 0 auto;
}
.cc_product_list_panel .cc_product_item .wishButtons .btn-group {
  width: 100%;
}
.cc_product_list_panel .cc_product_item .wishButtons .btn-group button.btn.pickWish {
  width: 100%;
  padding: 0 30px 0 10px;
}
.cc_product_list_panel .cc_product_item .wishButtons .btn-group button.btn.dropdown-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
.cc_product_list_panel .cc_product_item > .row:nth-child(3) div:nth-child(1),
.cc_product_list_panel .cc_product_item > .row:nth-child(3) div:nth-child(2) {
  margin-bottom: 10px;
}
.cc_product_list_panel .cc_product_item button.btn.addItem {
  width: 100%;
}
.cc_product_list_panel .cc_product_item input[type='number'] {
  text-align: center;
}

.cc_search_message {
  word-break: break-all;
}

.abi-b2b-grid-item .abi-b2b-product-image {
  margin: 0 auto;
}
.abi-b2b-grid-item .abi-b2b-product-image img.abi-b2b-productlist-img {
  width: auto;
  max-width: 100%;
  height: 150px;
  margin: 0 auto;
}

.cc_product_catalog_panel {
  background: inherit;
}
.cc_product_catalog_panel .panel-body {
  padding: 0;
}

.cc_paginator_products_inc .no-col-gap div.col-md-2 {
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .cc_paginator_products_inc .panel-body {
    padding: 15px 0;
  }
}
.cc_paginator_products_inc .panel-body .product-list-view > button {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  color: #CCCCCC;
  float: left;
  height: 35px;
  line-height: inherit;
}
.cc_paginator_products_inc .panel-body .product-list-view > button .glyphicon {
  left: 1px;
}
.cc_paginator_products_inc .panel-body .product-list-view > button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: none;
}
.cc_paginator_products_inc .panel-body .product-list-view > button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: none;
}
.cc_paginator_products_inc .panel-body .product-list-view > button.active {
  color: #F26D21;
  background: #f3f3f3;
}

.cc_product_catalog_panel .cc_cat_name {
  font-size: 20px;
  color: #dc752d;
  text-transform: uppercase;
}

.cc_category_name {
  font-size: 20px;
  color: #dc752d;
  text-transform: uppercase;
}

.cc_items_per_page,
.sorting_options {
  margin: 0;
  padding-top: 0;
}

.cc_paginator_products_inc .cc_paginator_legend, .cc_current_page {
  margin: 0;
  margin-bottom: 5px;
  padding-top: 0;
}

.resortActionSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 35px;
  height: auto;
  box-shadow: none;
  width: 160px;
  display: inline-block;
  cursor: pointer;
}
.resortActionSelect + span.dropdown-arrow {
  padding-right: 5px;
  pointer-events: none;
  float: right;
  right: 30px;
  left: auto;
  top: auto;
  bottom: 11px;
  transform: rotateZ(90deg);
  background: url(../img/arrow-right-yellow.svg) no-repeat;
  position: absolute;
  height: 12px;
  width: 7px;
  background-size: contain;
}
.resortActionSelect + .big-dropdown-arrow {
  pointer-events: none;
}

.cc_page_controls .cc_layout_control {
  padding: 0;
}

.product-list-count {
  padding: 0 15px;
}

.cc_controls_panel .cc_sort_controls,
.cc_controls_panel .form-group {
  text-align: right;
}

.cc_paginator_form select.sizeAction,
.cc_paginator_form select.resortActionSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 35px;
  height: auto;
  box-shadow: none;
  width: 160px;
  cursor: pointer;
}
.cc_paginator_form select.sizeAction + span.dropdown-arrow,
.cc_paginator_form select.resortActionSelect + span.dropdown-arrow {
  padding-right: 5px;
  pointer-events: none;
  float: right;
  right: 30px;
  left: auto;
  top: auto;
  bottom: 11px;
  transform: rotateZ(90deg);
  background: url(../img/arrow-right-yellow.svg) no-repeat;
  position: absolute;
  height: 12px;
  width: 7px;
  background-size: contain;
}
.cc_paginator_form select.sizeAction + .big-dropdown-arrow,
.cc_paginator_form select.resortActionSelect + .big-dropdown-arrow {
  pointer-events: none;
}
.cc_paginator_form .pagination-arrow {
  background: url(../img/arrow-right-orange.svg) no-repeat;
  display: inline-block;
  position: relative;
  height: 12px;
  width: 7px;
  background-size: contain;
}
.cc_paginator_form .pagination-arrow.arrow-left {
  transform: rotateZ(180deg);
}
.cc_paginator_form .cc_current_page {
  margin-top: 8px;
}
.cc_paginator_form .cc_current_page a {
  font-weight: normal;
  padding: 0 5px;
}
.cc_paginator_form .cc_current_page :first-child {
  margin-left: 10px;
  margin-right: 5px;
}
.cc_paginator_form span.curr-page {
  font-weight: bold;
  color: #F26D21;
}

button.addItem.cc_add_item {
  width: auto;
  background-color: transparent;
  color: #666666;
  border: 1px solid #CCCCCC;
  border-radius: 18px;
}

div.cc_sku {
  color: #999999;
}

div.row.abi-b2b-grid-view {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #f0f0f0;
}

div.productInfo {
  padding-top: 15px;
}

p.sub_brand_name, div.sub_brand_name {
  color: #331D0C;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
}

a.productName {
  font-size: 14px;
  color: #331D0C;
  line-height: 15px;
}

.abi-b2b-list-view {
  clear: both;
}

.abi-b2b-list-view .cc_product_item .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.abi-b2b-first-col {
  padding-left: 50px;
}

.abi-b2b-first-col .abi_b2b_wishButton {
  top: calc(50% - 12px);
  left: 20px;
}

.abi_b2b_wishButton .fa-heart-o,
.abi_b2b_wishButton .fa-heart {
  font-size: 25px;
}

.abi_b2b_wishButton .fa-heart {
  color: #BD252C;
}

.abi_b2b_wishButton .fa-heart-o {
  color: #CCCCCC;
}

.abi_b2b_open_assignToWishList_click.abi-b2b-hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.abi_b2b_open_assignToWishList_click.abi-b2b-hvr-grow:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}

.cc_body.abi-b2b-product-list-no-image {
  margin-left: 10px;
  margin-right: 10px;
}

.abi-b2b-panel {
  margin-bottom: 0px;
}

.add-to-cart-wrapper {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 3;
}

.col-noborder {
  margin: 0;
  padding: 0;
}

.wish-button-container {
  text-align: center;
  z-index: 1;
}

.abi-b2b-list-view .abi_b2b_wishButton .fa-heart-o,
.abi-b2b-list-view .abi_b2b_wishButton .fa-heart {
  font-size: 22px;
}

.abi_b2b_wishButton {
  padding: 0px;
}

.abi-b2b-list-label {
  font-weight: 600;
  font-size: 14px;
  color: #331D0C;
}

.abi-b2b-list-values-greyed {
  color: #999999;
  font-size: 14px;
  font-weight: 500;
}

.abi-b2b-list-values {
  color: #331D0C;
  font-size: 14px;
  font-weight: 500;
}

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

.abi-b2b-align-right {
  text-align: right;
}

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

.abi-b2b-price-width {
  width: 12.499%;
}

.abi-b2b-center-img {
  vertical-align: middle;
}

.abi-b2b-productlist-img {
  max-width: 15px;
  max-height: 15px;
  margin-bottom: 5px;
}

.abi-b2b-group-div {
  margin: 0;
  padding: 0;
}

.abi-b2b-productlist-div {
  margin: 0 !important;
  padding: 3px 7px 3px 3px !important;
}

.abi-b2b-vertical-align-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.abi-b2b-productlist-row {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 5px;
  padding: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.abi-b2b-productlist-row .product-img-container img.abi-b2b-productlist-img {
  width: 50px;
  max-width: 60px;
  max-height: 80px;
}

.abi-product-list-img {
  padding: 0;
  margin: 0;
}

.quantity-input-buttons {
  position: relative;
}
.quantity-input-buttons .pallet-place-quantity-group,
.quantity-input-buttons .pallet-quantity-group,
.quantity-input-buttons .layer-quantity-group,
.quantity-input-buttons .unit-quantity-group,
.quantity-input-buttons .cellar-beer-quantity-group {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .quantity-input-buttons .pallet-place-quantity-group,
  .quantity-input-buttons .pallet-quantity-group,
  .quantity-input-buttons .layer-quantity-group,
  .quantity-input-buttons .unit-quantity-group,
  .quantity-input-buttons .cellar-beer-quantity-group {
    width: 90%;
  }
}
.quantity-input-buttons .pallet-place-quantity-group .input-group,
.quantity-input-buttons .pallet-quantity-group .input-group,
.quantity-input-buttons .layer-quantity-group .input-group,
.quantity-input-buttons .unit-quantity-group .input-group,
.quantity-input-buttons .cellar-beer-quantity-group .input-group {
  border: 1px solid #cccccc;
  border-radius: 50px;
  background: #fff;
}
.quantity-input-buttons .pallet-place-quantity-group .input-group.input-disabled,
.quantity-input-buttons .pallet-quantity-group .input-group.input-disabled,
.quantity-input-buttons .layer-quantity-group .input-group.input-disabled,
.quantity-input-buttons .unit-quantity-group .input-group.input-disabled,
.quantity-input-buttons .cellar-beer-quantity-group .input-group.input-disabled {
  background: #eee;
}
.quantity-input-buttons .pallet-place-quantity-group .input-group.promotion-item-qty,
.quantity-input-buttons .pallet-quantity-group .input-group.promotion-item-qty,
.quantity-input-buttons .layer-quantity-group .input-group.promotion-item-qty,
.quantity-input-buttons .unit-quantity-group .input-group.promotion-item-qty,
.quantity-input-buttons .cellar-beer-quantity-group .input-group.promotion-item-qty {
  border: 1px solid #D2232A;
  pointer-events: none;
}
.quantity-input-buttons .pallet-place-quantity-group .input-group.promotion-item-qty .plp-qty,
.quantity-input-buttons .pallet-quantity-group .input-group.promotion-item-qty .plp-qty,
.quantity-input-buttons .layer-quantity-group .input-group.promotion-item-qty .plp-qty,
.quantity-input-buttons .unit-quantity-group .input-group.promotion-item-qty .plp-qty,
.quantity-input-buttons .cellar-beer-quantity-group .input-group.promotion-item-qty .plp-qty {
  background: #fff;
}
.quantity-input-buttons button.btn.btn-primary.btn-sm.addItem.cc_add_item {
  border-radius: 50px;
  width: 100%;
  text-transform: uppercase;
  font-weight: normal;
  outline: none;
}
.quantity-input-buttons .input-group-btn.input-minus {
  position: absolute;
  float: left;
  left: 0;
  top: 0;
  z-index: 3;
}
.quantity-input-buttons .input-group-btn.input-plus {
  position: absolute;
  float: right;
  right: 0;
  top: 0;
}
.quantity-input-buttons .btn.btn-default.plus-btn-default, .quantity-input-buttons .btn.btn-default.minus-btn-default {
  color: #F26D21;
  line-height: inherit;
  padding: 0;
  outline: none;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-position: center;
}
.quantity-input-buttons .btn.btn-default.plus-btn-default[disabled], .quantity-input-buttons .btn.btn-default.minus-btn-default[disabled] {
  opacity: 0.3;
}
.quantity-input-buttons .btn.btn-default.minus-btn-default {
  background: url(../img/minus.svg) no-repeat;
  background-position: center;
}
.quantity-input-buttons .btn.btn-default.plus-btn-default {
  background: url(../img/plus.svg) no-repeat;
  background-position: center;
}
.quantity-input-buttons input.qty.form-control.input-sm.cc_entry.plp-qty {
  width: calc(100% - 50px);
  min-width: 30px;
  border: none;
  padding: 0px 0 10px;
  margin: 0 25px;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}
.quantity-input-buttons input.qty.form-control.input-sm.cc_entry.plp-qty :focus {
  z-index: 0;
  border-color: #F26D21;
}
.quantity-input-buttons input.qty.form-control.input-sm.cc_entry.plp-qty[readonly]:focus, .quantity-input-buttons input.qty.form-control.input-sm.cc_entry.plp-qty[readonly="readonly"]:focus, .quantity-input-buttons input.qty.form-control.input-sm.cc_entry.plp-qty :read-only:focus {
  border-color: #CCCCCC;
}
.quantity-input-buttons input.qty.form-control.input-sm.cc_entry.plp-qty[disabled] {
  background: #eee;
}
.quantity-input-buttons .quantity-input-label {
  font-size: 60%;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  z-index: 3;
  color: #999999;
  pointer-events: none;
}

.abi-b2b-grid-quantity-block-horizontal .pallet-place-quantity-group,
.abi-b2b-grid-quantity-block-horizontal .pallet-quantity-group,
.abi-b2b-grid-quantity-block-horizontal .layer-quantity-group,
.abi-b2b-grid-quantity-block-horizontal .unit-quantity-group {
  margin: 0 4px;
  width: 30%;
  display: inline-block;
}
.abi-b2b-grid-quantity-block-horizontal .pallet-place-quantity-group:first-child,
.abi-b2b-grid-quantity-block-horizontal .pallet-quantity-group:first-child,
.abi-b2b-grid-quantity-block-horizontal .layer-quantity-group:first-child,
.abi-b2b-grid-quantity-block-horizontal .unit-quantity-group:first-child {
  margin-left: 0;
}
.abi-b2b-grid-quantity-block-horizontal .pallet-place-quantity-group:last-child,
.abi-b2b-grid-quantity-block-horizontal .pallet-quantity-group:last-child,
.abi-b2b-grid-quantity-block-horizontal .layer-quantity-group:last-child,
.abi-b2b-grid-quantity-block-horizontal .unit-quantity-group:last-child {
  margin-right: 0;
}
.abi-b2b-grid-quantity-block-horizontal .quantity-input-buttons {
  min-height: auto !important;
  margin-bottom: 10px;
}

.abi-b2b-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.quantity-input-buttons {
  text-align: center;
}

.categories_side_container a {
  font-weight: normal;
}

.top-level-category {
  margin-top: 20px;
}
.top-level-category a {
  color: #D2232A;
  text-transform: uppercase;
}
.top-level-category i {
  color: #D2232A;
  cursor: pointer;
}

.middle-level-category {
  padding-left: 15px;
}
.middle-level-category a {
  color: black;
  text-transform: capitalize;
}
.middle-level-category i {
  color: black;
  cursor: pointer;
}

.bottom-level-category {
  padding-left: 30px;
}
.bottom-level-category a {
  color: black;
  text-transform: capitalize;
}
.bottom-level-category i {
  color: black;
  cursor: pointer;
}

.sub-bottom-level-category {
  padding-left: 45px;
}
.sub-bottom-level-category a {
  color: black;
  text-transform: capitalize;
}
.sub-bottom-level-category i {
  color: black;
  cursor: pointer;
}

.extra-sub-bottom-level-category {
  padding-left: 60px;
}
.extra-sub-bottom-level-category a {
  color: black;
  text-transform: capitalize;
}
.extra-sub-bottom-level-category i {
  color: black;
  cursor: pointer;
}

.active-category a {
  color: #F26D21;
}
.active-category i {
  color: #F26D21;
}

.category-scroll {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
  padding-bottom: 5px;
}

.centeredItems {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.productListHeader .cc_product_list_header {
  position: static;
}

@media only screen and (max-width: 767px) {
  .cc_paginator_products_inc {
    position: absolute;
    top: -32px;
    width: 100%;
    border-top: 1px solid #CCCCCC !important;
  }
  .cc_paginator_products_inc .sortingDiv {
    width: 100%;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
  }
  .cc_paginator_products_inc .sorting_options {
    font-size: 80%;
    width: 100%;
    text-transform: uppercase;
  }
  .cc_paginator_products_inc .sorting_options .sort-by-label {
    color: #999999;
    position: absolute;
    top: 15px;
    line-height: 1.4;
    margin-left: 10px;
    pointer-events: none;
  }
  .cc_paginator_products_inc .sorting_options > .resortActionSelect {
    border: 0;
    padding: 15px;
    padding-right: auto;
    width: 100%;
    text-align-last: right;
    font-size: inherit;
    text-transform: uppercase;
    border-radius: 0;
  }
  .cc_paginator_products_inc .btn-product-filters {
    width: 100%;
    background-color: #ffffff;
    padding: 15px;
    height: auto;
    text-transform: uppercase;
    font-size: 80%;
    color: #999999;
    border-bottom: 1px solid #CCCCCC;
  }
  .cc_paginator_products_inc .btn-product-filters:active {
    box-shadow: none;
  }
  .cc_paginator_products_inc .btn-product-filters.filters-on {
    border-bottom: 1px solid #f9f9fb;
    background-color: #f9f9fb;
  }
  .cc_paginator_products_inc .btn-product-filters.filters-on:after {
    content: "\00D7";
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
    position: absolute;
    padding-left: 5px;
    padding-right: 4px;
    right: 15px;
    border: 1px solid;
  }

  .cc_product_list_header .cc_search_title {
    margin-top: 20px;
  }

  .cc_main_content_col {
    position: relative;
  }

  .row.no-col-gap {
    margin-left: 0;
    margin-right: 0;
  }
  .row.no-col-gap > [class*="col-xs-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .row > .desktop_body {
    margin: 0;
  }

  .pagination-top {
    margin: 0 -15px;
  }
  .pagination-top .panel-body {
    padding: 0;
  }
  .pagination-top .confirm-filters-row {
    position: fixed;
    bottom: 0;
    padding: 10px 0;
    background-color: #ffffff;
    border-top: 1px solid #CCCCCC;
    z-index: 4;
    width: 100%;
  }
  .pagination-top .confirm-filters-row > [class*="col-xs-"] {
    padding: 0 5px;
  }
  .pagination-top .confirm-filters-row > [class*="col-xs-"]:first-child {
    padding-left: 10px;
  }
  .pagination-top .confirm-filters-row > [class*="col-xs-"]:last-child {
    padding-right: 10px;
  }
  .pagination-top .confirm-filters-row .btn {
    width: 100%;
  }

  .prodListSec {
    margin: 0 15px;
    position: relative;
    top: 30px;
  }
}
.plp-panel, .abi-b2b-list-view-header {
  background: #fff;
  border-bottom: 1px solid #eee;
}

.plp-panel {
  position: relative;
  margin: 0 15px;
  padding: 10px 10px 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.plp-panel.promo-row {
  min-height: 120px;
  padding-top: 20px;
}
.plp-panel .abi-b2b-productlist-row {
  width: 100%;
}

.productListContent {
  margin-bottom: 15px;
}

.productListContent.cc_grid_container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.productListContent.cc_grid_container .cc_product_container {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-box-flex: 0 0 32%;
  -moz-box-flex: 0 0 32%;
  -webkit-flex: 0 0 32%;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  background-color: #fff;
  margin-bottom: 10px;
  text-align: center;
  margin: 10px 0 0 10px;
}
@media only screen and (max-width: 1200px) {
  .productListContent.cc_grid_container .cc_product_container {
    -webkit-box-flex: 0 0 48%;
    -moz-box-flex: 0 0 48%;
    -webkit-flex: 0 0 48%;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
  }
}
@media only screen and (max-width: 597px) {
  .productListContent.cc_grid_container .cc_product_container {
    -webkit-box-flex: 0 0 98%;
    -moz-box-flex: 0 0 98%;
    -webkit-flex: 0 0 98%;
    -ms-flex: 0 0 98%;
    flex: 0 0 98%;
  }
}
.productListContent.cc_grid_container .cc_product_container .sortable-element,
.productListContent.cc_grid_container .cc_product_container .grid-item-content {
  padding: 0;
  width: 100%;
  height: 100%;
}
.productListContent.cc_grid_container .cc_product_container .sortable-element .abi-b2b-product-image,
.productListContent.cc_grid_container .cc_product_container .grid-item-content .abi-b2b-product-image {
  padding: 6px;
}
.productListContent.cc_grid_container .cc_product_container .sortable-element .abi-b2b-grid-item-footer,
.productListContent.cc_grid_container .cc_product_container .grid-item-content .abi-b2b-grid-item-footer {
  padding: 0 15px;
}
.productListContent.cc_grid_container .cc_product_container .sortable-element .min-del-container,
.productListContent.cc_grid_container .cc_product_container .grid-item-content .min-del-container {
  padding: 0 15px;
}
.productListContent.cc_grid_container .cc_product_container .productInfo {
  padding: 15px 15px 0 15px;
}

.abi-b2b-list-view-wishlist {
  background: #fff;
}

.outer-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding: 0;
}

.inner-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.abi-b2b-list-view .promotion-container .promo-desc-text,
.abi-b2b-list-view .promotion-container .promo-desc-max, .abi-b2b-plp-row .promotion-container .promo-desc-text,
.abi-b2b-plp-row .promotion-container .promo-desc-max {
  padding-left: 46px;
}

.productListContent.customGrid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.productListContent.customGrid .cc_product_container {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-box-flex: 0 49%;
  -moz-box-flex: 0 49%;
  -webkit-flex: 0 49%;
  -ms-flex: 0 49%;
  flex: 0 49%;
}
.productListContent.customGrid .cc_product_container .abi-b2b-grid-item {
  height: 100%;
  width: 100%;
}

.no-available-promotions {
  padding: 15px;
  font-weight: bold;
}

.abi-b2b-plp-heading {
  padding: 0.7em;
}
.abi-b2b-plp-heading .sortOption {
  font-weight: bold;
  position: relative;
  vertical-align: middle;
  padding-right: 24px;
}
.abi-b2b-plp-heading .sortOption.currentSorting {
  color: #F26D21;
}
.abi-b2b-plp-heading .sortOption:hover {
  cursor: pointer;
}
.abi-b2b-plp-heading .sortOption:after {
  content: "\e150";
  position: absolute;
  margin-left: 0.3em;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-size: 1em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #999999;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 90%;
}
.abi-b2b-plp-heading .sortOption span.header-column-label {
  display: inline-block;
  width: 95%;
}

.abi-b2b-plp-heading,
.abi-b2b-plp-row {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

.quantity-validation-display {
  display: block !important;
}

/* general pop-up styles */
.quantity-validation-pop-up {
  position: absolute;
  font-size: 12px;
  background: #444;
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: 6px;
  width: 160px;
  z-index: 1;
  display: none;
}
.quantity-validation-pop-up .pop-up-close {
  position: absolute;
  right: 5px;
  top: 3px;
  cursor: pointer;
}
.quantity-validation-pop-up .promo-quantity-pop-up-target {
  padding-right: 10px;
}
.quantity-validation-pop-up.promoQtyPopup {
  color: #fff;
  background: #F26D21;
  padding-top: 0;
  padding-bottom: 0;
}
.quantity-validation-pop-up .arrow {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* pop up on top */
.quantity-validation-pop-up {
  left: 50%;
  right: auto;
  top: auto;
  bottom: calc(100% + 15px);
  transform: translateX(-50%);
  z-index: 999;
  /* arrow on the bottom */
}
.quantity-validation-pop-up .arrow {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #444;
}
.quantity-validation-pop-up.promoQtyPopup .arrow {
  border-top: 8px solid #F26D21;
}

/* pop up on left */
.abi-b2b-list-view .quantity-validation-pop-up, .cartItem .quantity-validation-pop-up {
  right: calc(100% + 15px);
  left: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  /* arrow on the right */
}
.abi-b2b-list-view .quantity-validation-pop-up .arrow, .cartItem .quantity-validation-pop-up .arrow {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #444;
}
.abi-b2b-list-view .quantity-validation-pop-up.promoQtyPopup .arrow, .cartItem .quantity-validation-pop-up.promoQtyPopup .arrow {
  border-left: 8px solid #F26D21;
}

/* pop up on right */
.info-icon {
  position: relative;
  font-size: 16px;
}
.info-icon.inform-icon {
  background-image: url(../img/info_icon.svg);
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-bottom: -2px;
  margin-left: auto;
}
.info-icon.warning-icon {
  color: #D2232A;
  font-size: 14px;
}
@media only screen and (max-width: 760px) {
  .info-icon {
    /* pop up on left */
  }
  .info-icon .quantity-validation-pop-up {
    font-family: 'Arial', sans-serif;
    right: calc(100% + 15px);
    left: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    /* arrow on the right */
  }
  .info-icon .quantity-validation-pop-up .arrow {
    left: 100%;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid #444;
  }
}

.quantity-input-buttons .validation-error .input-group {
  border: 1px solid #D2232A;
}
.quantity-input-buttons .validation-error-next-truck .input-minus, .quantity-input-buttons .validation-error-next-truck .input-plus {
  display: none;
}
.quantity-input-buttons .validation-error-next-truck .input-group, .quantity-input-buttons .validation-error-next-truck .qty-field {
  background: #eee;
}
.quantity-input-buttons .validation-error-next-truck .qty-field {
  pointer-events: none;
}

.table-header-break-word {
  word-break: break-word;
}

.product-list-image-column-container {
  align-self: stretch;
}

.product-list-image-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
}
.product-list-image-column.abi-b2b-productlist-div {
  padding: 0 !important;
}
.product-list-image-column .product-img-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
}
.product-list-image-column .productName {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.longer-delivery-section {
  color: #F26D21;
  font-size: 14px;
}

.list-view-container {
  overflow: hidden;
}

.flex-container {
  display: flex;
}

.remove-filters-container {
  margin-left: 10px;
}

.filters-container {
  margin-left: 30px;
}

.categories_side_container_lc {
  font-weight: normal;
}

div .promotion-border {
  border: solid 2px #D2232A;
  overflow: hidden;
}
div .no-border {
  border: solid 2px transparent;
}
div .grid-item-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding: 10px;
  height: 100%;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  background-color: #ffffff;
}
div .grid-item-content .img-thumbnail {
  max-height: 150px;
}
div .grid-item-content .unitsPerPackInfo-slim {
  padding: 0;
  font-size: 14px;
  line-height: 15px;
}
div .grid-item-content .unitsPerPackInfo {
  padding: 0;
  font-size: 14px;
  color: #331D0C;
  line-height: 15px;
}
div .grid-item-content .gift-badge::after {
  background: url(../img/gift-with-purchase.svg) no-repeat;
  background-size: 60px 60px;
  display: block;
  height: 86px;
  width: 86px;
  content: 'image';
  position: absolute;
  top: 25%;
  right: 10%;
  text-indent: -9999em;
}
div .grid-item-content.grid-item-content-slim {
  padding-bottom: 0;
}
div .grid-item-content.grid-item-content-slim .productNameContainer {
  padding: 0;
  min-height: 60px;
}
div .grid-item-content.grid-item-content-slim .gift-badge::after {
  bottom: 0;
  right: 0;
  top: auto;
}
div .abi-b2b-grid-item.cc_product_item,
div .abi-b2b-grid-quantity-block div.cc_input_group {
  text-align: center;
}
div .abi-b2b-product-image {
  min-height: 162px;
}
div .label-promotion {
  position: relative;
  background-color: #D2232A;
  border: 1px solid #D2232A;
  display: inline-block;
  margin-bottom: 1px;
}
div .label-rejected {
  text-transform: uppercase;
}
div .label-new {
  background-color: #fad600;
  border: 1px solid #fad600;
  display: inline-block;
  margin-bottom: 1px;
}
div .label-discontinued {
  background-color: #F26D21;
}
div .label-cart {
  display: inline-block;
  margin-bottom: 4px;
}
div .soon-to-be-flag {
  background-color: #F26D21;
  border: none;
  display: inline-block;
  max-width: 90px;
  white-space: normal;
  font-size: 10px;
}
div .gift-badge-plp::after {
  background: url(../img/gift-with-purchase.svg) no-repeat;
  background-size: 30px 30px;
  display: block;
  height: 30px;
  width: 30px;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  text-indent: -9999em;
}
div .gift-badge-plp.showOnList::after {
  right: -18px;
  top: -76%;
}
div .product-label-group {
  position: absolute;
  text-align: right;
  right: 20px;
  bottom: 5px;
  z-index: 3;
}
div .product-label-group div {
  margin-bottom: 0.25em;
}

.prodDetailContainer .gift-badge::after {
  top: 0;
  right: 0;
}

.abi-b2b-grid-item-button .abi_b2b_wishButton {
  position: absolute;
  top: 5%;
  right: 10%;
  font-size: 25px;
}

.row.grid-item-bottom-line {
  min-height: 1.5em;
}

.abi-b2b-substitution-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  vertical-align: middle;
  background-color: #ffffff;
}

.abi-b2b-substitution-loading-img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.min-del-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-top: auto;
  text-transform: lowercase;
  color: #999999;
}

.deal-change-warning {
  text-align: center;
  width: 100%;
  background: #eee;
  color: #D2232A;
  margin: 10px 0;
  height: 30px;
  margin-top: auto;
  padding: 7px;
}

.min-orderable-qty {
  text-align: left;
}

.max-orderable-qty {
  text-align: center;
}

.delivery-unit-qty {
  text-align: right;
}
.delivery-unit-qty:only-child {
  width: 100%;
}

.productNameContainer {
  padding: 0 15px;
}

.productInfo-slim {
  text-align: left;
}
.productInfo-slim .cc_sku_label, .productInfo-slim .cc_sku_value, .productInfo-slim .min-del-container {
  font-size: 13px;
}

.productInfo.productInfo-slim {
  padding-top: 5px;
}

.productInfo.productInfo-slim .sub_brand_name {
  min-height: 40px;
}

.productsForWishList .gift-badge-plp.showOnList::after {
  right: 0px;
}

.product_detail_container .label-new, .grid-item-content .label-new {
  display: inline-block;
}
.product_detail_container .product-label-group div, .grid-item-content .product-label-group div {
  margin-bottom: 0.25em;
}

.product-top-container {
  width: 100%;
  position: relative;
}

.cart-upload-modal {
  display: none;
}

.cart-upload-modal .box__uploading, .cart-upload-modal .box__success, .cart-upload-modal .box__error, .cart-upload-modal .box__issues, .abi-b2b-file-upload .box__uploading, .abi-b2b-file-upload .box__success, .abi-b2b-file-upload .box__error, .abi-b2b-file-upload .box__issues {
  text-align: center;
  width: 100%;
  font-size: 17px;
}
.cart-upload-modal .box__uploading, .abi-b2b-file-upload .box__uploading {
  font-size: 20px;
}
.cart-upload-modal .box__uploading .spinner, .abi-b2b-file-upload .box__uploading .spinner {
  background: url(../img/color_spinner_up.svg);
  background-repeat: no-repeat;
  height: 35px;
  width: 35px;
  margin: 10px auto 0;
  background-size: contain;
}
.cart-upload-modal .box__success, .abi-b2b-file-upload .box__success {
  padding: 10px;
  border-radius: 30px;
  background: #cbfdcb;
  border: 1px solid #87fd87;
  color: #008000;
}
.cart-upload-modal .box__error, .abi-b2b-file-upload .box__error {
  padding: 10px;
  border-radius: 30px;
  background: #ffcece;
  border: 1px solid #fd8787;
  color: #ff0000;
}
.cart-upload-modal .box__issues, .abi-b2b-file-upload .box__issues {
  padding: 10px;
  border-radius: 30px;
  background: #ffd966;
  border: 1px solid #ffc20b;
  color: #7f6000;
}
.cart-upload-modal .showDataTable, .abi-b2b-file-upload .showDataTable {
  text-decoration: underline;
}
.cart-upload-modal .dataTable, .abi-b2b-file-upload .dataTable {
  margin-top: 20px;
  overflow: auto;
  max-height: 200px;
  position: relative;
}
.cart-upload-modal .dataTable td, .abi-b2b-file-upload .dataTable td {
  padding: 3px;
}
.cart-upload-modal .dataTable tbody, .abi-b2b-file-upload .dataTable tbody {
  border: 1px solid #F26D21;
}
.cart-upload-modal .box__messages, .abi-b2b-file-upload .box__messages {
  text-align: left;
  margin-left: 40px;
  padding-top: 5px;
}
.cart-upload-modal .box__messages a, .abi-b2b-file-upload .box__messages a {
  cursor: pointer;
}
.cart-upload-modal .box__messages li, .abi-b2b-file-upload .box__messages li {
  list-style-type: disc;
}
.cart-upload-modal .box__messageHeader, .abi-b2b-file-upload .box__messageHeader {
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
}
.cart-upload-modal .tableHeader, .abi-b2b-file-upload .tableHeader {
  color: #ffffff;
  background: #F26D21;
}
.cart-upload-modal .tableHeader td, .abi-b2b-file-upload .tableHeader td {
  border: none;
}
.cart-upload-modal .tableBody, .abi-b2b-file-upload .tableBody {
  color: #F26D21;
  background: #f3f3f3;
}
.cart-upload-modal .tableBody td, .abi-b2b-file-upload .tableBody td {
  border: none;
  border-bottom: 1px solid #F26D21;
}
.cart-upload-modal .tableTitle, .abi-b2b-file-upload .tableTitle {
  text-align: center;
  font-size: 18px;
  padding-bottom: 10px;
  color: #F26D21;
}
.cart-upload-modal .center-section, .abi-b2b-file-upload .center-section {
  padding: 20px;
  background: #f3f3f3;
  clear: both;
  overflow: auto;
}
.cart-upload-modal .browser_error, .abi-b2b-file-upload .browser_error {
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  background: #ffcece;
  border: 1px solid #fd8787;
  color: #ff0000;
}
.cart-upload-modal .box__file, .abi-b2b-file-upload .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.cart-upload-modal .box__input, .abi-b2b-file-upload .box__input {
  cursor: pointer;
}
.cart-upload-modal .box__input label, .abi-b2b-file-upload .box__input label {
  font-size: 20px;
  text-align: center;
  width: calc(100% - 20px);
  padding: 50px;
}
.cart-upload-modal .box__input label .underline, .abi-b2b-file-upload .box__input label .underline {
  color: #f69400;
  font-weight: normal;
  text-decoration: underline;
}
.cart-upload-modal .box, .cart-upload-modal .ticket_box, .abi-b2b-file-upload .box, .abi-b2b-file-upload .ticket_box {
  color: #f69400;
}
.cart-upload-modal .box.is-dragover label, .cart-upload-modal .ticket_box.is-dragover label, .abi-b2b-file-upload .box.is-dragover label, .abi-b2b-file-upload .ticket_box.is-dragover label {
  background-color: #E6E6E6;
}
.cart-upload-modal .box label, .cart-upload-modal .ticket_box label, .abi-b2b-file-upload .box label, .abi-b2b-file-upload .ticket_box label {
  border-radius: 10px;
  margin: 10px;
  border: 4px dashed #f69400;
}
.cart-upload-modal .box__feedback, .abi-b2b-file-upload .box__feedback {
  padding: 30px 0;
  padding-bottom: 5px;
}
.cart-upload-modal .box__button, .abi-b2b-file-upload .box__button {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: inherit;
  margin: 0 auto;
  background: #F26D21;
  padding: 10px;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  height: inherit;
  border: none;
}
.cart-upload-modal .box__retry, .abi-b2b-file-upload .box__retry {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: inherit;
  margin: 0 auto;
  background: #F26D21;
  padding: 10px;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  height: inherit;
  border: none;
  margin-top: 20px;
}
.cart-upload-modal .number_error, .cart-upload-modal .format_error, .abi-b2b-file-upload .number_error, .abi-b2b-file-upload .format_error {
  color: #ff0000;
  background: #ffcece;
  border-radius: 5px;
  margin-top: 5px;
}
.cart-upload-modal .modal-background, .abi-b2b-file-upload .modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.5);
}
.cart-upload-modal .cart-modal, .abi-b2b-file-upload .cart-modal {
  background: #ffffff;
  margin: calc(50vh - 200px) auto;
  width: 550px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.cart-upload-modal .top-section, .abi-b2b-file-upload .top-section {
  padding: 20px;
}
.cart-upload-modal .top-section .close-cart-upload, .abi-b2b-file-upload .top-section .close-cart-upload {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  font-size: 30px;
  background: none;
  color: #999999;
}
.cart-upload-modal .bottom-section, .abi-b2b-file-upload .bottom-section {
  padding: 20px;
  background: #f3f3f3;
  clear: both;
  overflow: auto;
}
.cart-upload-modal .bottom-section h3, .cart-upload-modal .bottom-section h4, .abi-b2b-file-upload .bottom-section h3, .abi-b2b-file-upload .bottom-section h4 {
  color: #F26D21;
}
.cart-upload-modal .bottom-row, .abi-b2b-file-upload .bottom-row {
  margin-top: 10px;
  clear: both;
}
.cart-upload-modal .bottom-row span, .abi-b2b-file-upload .bottom-row span {
  max-width: 235px;
  display: inline-block;
  position: relative;
  float: left;
}
.cart-upload-modal .bottom-row a, .abi-b2b-file-upload .bottom-row a {
  background: #F26D21;
  padding: 10px;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  max-width: 275px;
  float: right;
}
.cart-upload-modal .bottom-row a img, .abi-b2b-file-upload .bottom-row a img {
  margin-right: 10px;
}
.cart-upload-modal .wrapping .cols, .abi-b2b-file-upload .wrapping .cols {
  width: 24%;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  padding-right: 10px;
}

@media screen and (min-width: 992px) {
  .cart-upload-modal {
    display: block;
  }
}
.home_slider {
  display: block;
}

#emptyCartModal .modal-dialog .modal-content .modal-body, #confirmation-modal .modal-dialog .modal-content .modal-body {
  white-space: normal;
  word-break: normal;
  color: #D2232A;
  text-align: center;
}
#emptyCartModal .modal-dialog .modal-content .modal-footer, #confirmation-modal .modal-dialog .modal-content .modal-footer {
  border-top: 0;
  padding: 10px 15px 20px 15px;
}
#emptyCartModal .modal-dialog .modal-content .modal-footer .btn, #confirmation-modal .modal-dialog .modal-content .modal-footer .btn {
  min-width: 130px;
}

.modal-backdrop {
  z-index: 500;
}

.modal-open {
  overflow-y: auto;
}

.modal-alignment {
  top: calc(50% - 120px);
}

#excelDownloadModal {
  margin-top: 30vh;
}
#excelDownloadModal .title {
  margin: 15px;
}

.checkout_nav .steps div {
  padding: 10px 15px;
  border-right: 2px solid #f0f0f0;
  background: #ffffff;
}
.checkout_nav .steps div.active {
  background: #F26D21;
  color: #ffffff;
  font-weight: bold;
}
.checkout_nav .steps div:last-of-type {
  border-right: 0 none;
}
.checkout_nav .steps div span {
  font-weight: normal;
  display: block;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkoutInfo-section {
  margin-bottom: 40px;
}

.orderContainer fieldset {
  margin: 20px 0;
}
.orderContainer fieldset legend {
  background-color: #D2232A;
  color: #ffffff;
  line-height: 30px;
  padding: 0 10px;
  margin: 0 0 10px 0;
  width: auto;
}
.orderContainer fieldset ul.order_review strong {
  font-weight: bold;
}

.cc_shipping_summary_body .Zebra_DatePicker_Icon_Wrapper {
  width: auto;
}
.cc_shipping_summary_body .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon {
  top: 7px !important;
  right: 4px !important;
  left: auto;
  width: 17px;
  height: 17px;
}

.checkout-row-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

.row.checkout-row-container:before {
  display: none;
}

.checkoutContent {
  color: #331D0C;
}
.checkoutContent .container-fluid {
  background: #fff;
  padding: 15px 30px;
}

.checkout-col {
  border: 1px solid #E3D9D2;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 15px;
  margin-top: 20px;
  -webkit-box-flex: 0 0 31%;
  -moz-box-flex: 0 0 31%;
  -webkit-flex: 0 0 31%;
  -ms-flex: 0 0 31%;
  flex: 0 0 31%;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .checkout-col {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.checkout-col.not-visible {
  visibility: hidden;
}
.checkout-col.d-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.checkout-col-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.checkout-col-flex .line-section {
  width: 100%;
}
.checkout-col-flex .checkout-col-footer {
  margin-top: auto;
  align-self: end;
  padding: 7px 0 0 0;
  height: fit-content;
  width: 100%;
}
.checkout-col-flex .checkout-col-footer button {
  margin: 5px 0 5px 0;
}

.btn.btn-default.green_btn.place-order-btn {
  bottom: 0;
  margin-bottom: 20px;
  position: absolute;
  width: calc(100% - 40px);
}

.checkout-delivery-date {
  font-size: 22px;
}
.checkout-delivery-date.checkout-delivery-date-small {
  font-size: 18px;
}

.delivery-dates-disclaimer {
  margin-top: auto;
}

.reference-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.reference-section .checkout-col {
  -webkit-box-flex: 0 0 32%;
  -moz-box-flex: 0 0 32%;
  -webkit-flex: 0 0 32%;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .reference-section .checkout-col {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.reference-section .checkout-col:last-child {
  -webkit-box-flex: 0 0 62%;
  -moz-box-flex: 0 0 62%;
  -webkit-flex: 0 0 62%;
  -ms-flex: 0 0 62%;
  flex: 0 0 62%;
}
@media only screen and (max-width: 991px) {
  .reference-section .checkout-col:last-child {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.reference-section .po-input, .reference-section .shipnotes {
  margin-top: auto;
}
.reference-section .remainingChars, .reference-section .checkout_characters_counter {
  font-size: 12px;
  color: #999999;
}
.reference-section .specialInstruction {
  margin-top: 15px;
}
.reference-section .componentDescription {
  font-size: 12px;
  margin-top: 10px;
}

.liveAgentNewRequest {
  margin-top: 15px;
}

.live-agent {
  margin-left: 1rem;
}

.delivery-dates-disclaimer + .sub-header {
  margin-top: 25px;
}

.line-section-cb {
  border: none;
  padding: 10px 0;
}

.line-section {
  padding: 10px 0;
  border-bottom: 2px solid #E6E6E6;
}
.line-section::after {
  content: "";
  display: table;
  clear: both;
}
.line-section.line-section-last {
  border: none;
  margin-bottom: 10px;
}
.line-section.line-section-last-without-margin {
  border: none;
}
.line-section .line-section-left {
  width: 54%;
  float: left;
}
.line-section .line-section-left .line-section-left-sub {
  margin-top: 10%;
}
.line-section .line-section-right {
  width: 46%;
  float: left;
  text-align: right;
}
.line-section .line-section-right.line-section-ml {
  display: table-cell;
  height: 100%;
}
.line-section .line-section-right.line-section-ml .ls-sub-vertical-middle {
  height: 50%;
  top: 25%;
  position: relative;
}
.line-section .line-section-right.line-section-ml .ls-sub-vertical-middle > [data-toggle=tooltip] {
  margin-top: 13px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.line-section .line-section-single {
  width: 100%;
}

.delivery-date-disclaimer {
  font-size: 14px;
  font-style: italic;
  color: #666;
}

.checkout-section {
  margin-bottom: 15px;
}

.datepicker-label {
  font-size: 14px;
  margin-top: 0;
}

@media only screen and (max-width: 991px) {
  .checkout-col, .checkout-box {
    background-color: #fff;
  }
}
.checkout-col .input-text, .checkout-box .input-text {
  min-height: 46px;
  border-radius: 5px;
}
.checkout-col .input-text:focus, .checkout-col .input-text:active, .checkout-box .input-text:focus, .checkout-box .input-text:active {
  border-color: #F26D21;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 149, 102, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 149, 102, 0.3);
}
.checkout-col .checkout-price-total, .checkout-box .checkout-price-total {
  font-weight: bold;
  font-size: 22px;
}
.checkout-col .total-section, .checkout-box .total-section {
  min-height: 170px;
}
.checkout-col .button-wrapper, .checkout-box .button-wrapper {
  display: inline-block;
  margin: 1rem auto;
}
.checkout-col .Zebra_DatePicker_Icon_Wrapper, .checkout-box .Zebra_DatePicker_Icon_Wrapper {
  padding: 0 !important;
  width: auto !important;
}
.checkout-col .change-date-btn, .checkout-box .change-date-btn {
  padding: 4px 15px !important;
  margin-top: 10px;
  min-height: 42px;
}
.checkout-col .checkout-select, .checkout-box .checkout-select {
  min-height: 46px;
}
.checkout-col .Zebra_DatePicker_Icon, .checkout-box .Zebra_DatePicker_Icon {
  visibility: hidden;
}

.delivery-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.delivery-section .checkout-col {
  -webkit-box-flex: 0 0 32%;
  -moz-box-flex: 0 0 32%;
  -webkit-flex: 0 0 32%;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .delivery-section .checkout-col {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.delivery-section .checkout-col:last-child {
  -webkit-box-flex: 0 0 62%;
  -moz-box-flex: 0 0 62%;
  -webkit-flex: 0 0 62%;
  -ms-flex: 0 0 62%;
  flex: 0 0 62%;
}
@media only screen and (max-width: 991px) {
  .delivery-section .checkout-col:last-child {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.delivery-section .delivery-choice {
  margin-top: auto;
}

.main-header {
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
}

.back-to-section {
  color: #999999;
  padding: 10px 0 15px 0;
}
.back-to-section:hover, .back-to-section:focus, .back-to-section:active {
  color: #331D0C;
  cursor: pointer;
  text-decoration: none;
}
.back-to-section .back-to-btn {
  color: inherit;
  position: relative;
  top: -6px;
  font-size: 12px;
  text-transform: uppercase;
}
.back-to-section .glyphicon {
  color: inherit;
  font-size: 24px;
}

.orderConfirmation {
  background-color: #ffffff;
  padding: 20px;
}
.orderConfirmation .box-section {
  padding: 20px;
  border-radius: 5px;
  background-color: #f3f3f3;
}
@media only screen and (max-width: 991px) {
  .orderConfirmation .box-section {
    margin-bottom: 20px;
  }
}
.orderConfirmation .box-section .substitution-product {
  background-color: #ffffff;
  height: 300px;
}
.orderConfirmation .confirmation-email {
  color: #F26D21;
}
.orderConfirmation .details-btn {
  white-space: normal;
  height: 100%;
}
.orderConfirmation .substitution-preference {
  margin-top: 45px;
}
.orderConfirmation .paragraph {
  margin: 10px 0;
}
.orderConfirmation .total-price {
  font-size: 18px;
}

.calendar-info-container {
  margin-top: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
@media only screen and (max-width: 410px) {
  .calendar-info-container {
    display: flex;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .calendar-info-container {
    display: flex;
  }
}

.calendar-left-side-container {
  display: inline-block;
}

.delivery-date-section {
  margin-left: 15px;
}

@media only screen and (max-width: 576px) {
  .line-section .line-section-left {
    padding-right: 20px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .checkout-row-container .checkout-col {
    max-width: 32%;
  }

  .reference-section .checkout-col:last-child {
    -webkit-box-flex: 0 0 55%;
    -moz-box-flex: 0 0 55%;
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
  }
}
@media all and (max-width: 991px) and (-ms-high-contrast: none), (max-width: 991px) and (-ms-high-contrast: active) {
  .checkout-row-container .checkout-col {
    max-width: 100%;
  }

  .reference-section .checkout-col, .reference-section .checkout-col:last-child {
    max-width: 100%;
    -webkit-box-flex: 0 0 95%;
    -moz-box-flex: 0 0 95%;
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
  }
}
.order-steps-container {
  margin-bottom: 15px;
}

.nav-pills li {
  width: calc(100% / 3 - 5px);
}
@media only screen and (max-width: 767px) {
  .nav-pills li {
    width: calc(400px / 3 - 5px);
  }
}
@media only screen and (max-width: 500px) {
  .nav-pills li {
    width: calc(300px / 3 - 5px);
  }
}

@media only screen and (max-width: 767px) {
  .nav-pills {
    width: 400px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 500px) {
  .nav-pills {
    width: 300px;
    margin: 0 auto;
  }
}
.order-step {
  background: #aaa;
  color: #FFF;
  height: 26px;
  width: 26px;
  border-radius: 100%;
  font-size: 31px;
  font-weight: 300;
  margin: 0 auto;
  font-size: 24px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.active .order-step {
  background: #DB580B;
}

.past-step .order-step {
  background: #FF9500;
}

.order-step.processBack:hover,
.order-list-heading .processBack:hover {
  cursor: pointer;
}

.order-list-heading {
  color: #aaa;
  margin-top: 5px;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .order-list-heading {
    font-size: 12px;
  }
}

.active .order-list-heading {
  color: #DB580B;
}

.past-step .order-list-heading {
  color: #FF9500;
}

.order-step-line:before {
  position: absolute;
  display: inline-block;
  content: "";
  border-top: 3px solid #aaa;
  width: 221px;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
}

.active .order-step-line:before {
  border-top: 3px solid #FF9500;
}

.past-step .order-step-line:before {
  border-top: 3px solid #FF9500;
}

@media only screen and (max-width: 1199px) {
  .order-step-line:before {
    width: 177px;
  }
}
@media only screen and (max-width: 991px) {
  .order-step-line:before {
    width: 211px;
  }
}
@media only screen and (max-width: 767px) {
  .order-step-line:before {
    width: 105px;
  }
}
@media only screen and (max-width: 500px) {
  .order-step-line:before {
    width: 71px;
  }

  .line-section .line-section-right.line-section-ml {
    display: block;
    height: 100%;
  }
}
.line-section:last-of-type {
  border-bottom: 0;
}

.notification-truck-load-beer-checkout {
  margin-top: -5px !important;
}

#collapseFeatureFilter .cc_filter_search_row {
  margin-bottom: 10px;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  margin: 0 0 15px 0;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .cc_heading {
  background: #f0f0f0;
  color: #4d4d4d;
  border-top: 1px solid #ccc;
  padding: 0 15px;
  line-height: 30px;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .cc_heading h5 {
  line-height: 30px;
  margin: 0;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .cc_heading h5 > span {
  line-height: inherit;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body {
  padding: 0;
  border: 0 none;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body button {
  width: 100%;
  margin: 25px 0 0 0;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec {
  text-indent: -1000px;
  position: relative;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec .lowerDisp,
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec .upperDisp,
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec .cc_lower_price_flt,
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec .cc_upper_price_flt {
  text-indent: 0;
  position: absolute;
  top: 35px;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec .lowerDisp,
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec .cc_lower_price_flt {
  left: 0;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec .upperDisp,
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec .cc_upper_price_flt {
  right: 0;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_value {
  margin: 10px 0;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_value:last-child {
  margin-bottom: 0;
}
#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_value .cc_check_filter_label {
  color: #adadad;
  display: inline;
  font-weight: normal;
}

.noUi-target {
  width: 100%;
  border: 0 none;
  background: #f0f0f0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: 0 0 0 transparent;
  padding: 0 10px;
}
.noUi-target .noUi-base .noUi-origin {
  background: #D2232A;
}
.noUi-target .noUi-base .noUi-origin .noUi-handle {
  margin-left: -10px;
}
.noUi-target .noUi-base .noUi-origin + .noUi-origin {
  background: #f0f0f0;
}

/* ABI B2B Release */
.filter_collapse {
  border-bottom: 2px solid #CCCCCC;
  min-width: 10px;
  padding-top: 15px;
}

.filter_scrolling {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;
  white-space: nowrap;
  padding-bottom: 5px;
}

.cc_panel_filter_inner:first-child > .filterGroup {
  border-top: 0px !important;
}

.filterGroup {
  line-height: 30px;
  margin-top: 5px !important;
  border-top: 1px solid #E6E6E6;
}

.filterItem {
  color: #331D0C;
  font-size: 14px;
  margin-bottom: 0px !important;
  padding-left: 0px;
  padding-right: 0px;
  text-transform: capitalize;
}

.filterItemDetail {
  color: #CCCCCC;
  font-size: 11px;
  margin-bottom: 0px !important;
  padding-left: 0px;
  padding-right: 0px;
}

#filter-accordion .icon-toggle {
  border: 0;
  padding: 3px;
}
#filter-accordion .icon-toggle:before {
  content: "\f068";
  font-family: FontAwesome;
  color: #CCCCCC;
}
#filter-accordion .icon-toggle.collapsed:before {
  content: "\f067";
  font-family: FontAwesome;
  color: #D2232A;
}

@media only screen and (max-width: 767px) {
  .filterContainer {
    position: fixed;
    z-index: 4;
    width: 100vw;
    height: calc(100vh - 234px);
    overflow-y: auto;
    top: 174px;
    padding: 0 15px;
    background-color: #f9f9fb;
    left: 0px;
  }
  .filterContainer #filter-accordion .icon-toggle {
    border: 0;
    padding: 5px;
  }
  .filterContainer #filter-accordion .icon-toggle:before {
    content: "\f068";
    font-family: FontAwesome;
    color: #CCCCCC;
  }
  .filterContainer #filter-accordion .icon-toggle.collapsed:before {
    content: "\f067";
    font-family: FontAwesome;
    color: #D2232A;
  }
  .filterContainer .panel-body {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hideOnLowerRes {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .hideOnHigherRes {
    display: none !important;
  }
}
.filters-panel {
  padding-bottom: 20px;
  padding-top: 10px;
  border-bottom: 1px solid #E6E6E6;
}
.filters-panel a:hover, .filters-panel a:active, .filters-panel a:focus {
  text-decoration: none;
  cursor: default;
}

.checkbox-filters {
  padding: 10px 0;
  margin: 0;
}

.big-dropdown-arrow {
  color: #F26D21;
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.big-dropdown-si-arrow {
  color: #F26D21;
  font-size: 18px;
  position: relative;
  top: 3.6rem;
  right: 28px;
  margin-left: 96%;
  transform: translateY(-50%);
}

.billing-detail {
  background-color: #ffffff;
  padding: 30px;
}
@media only screen and (max-width: 991px) {
  .billing-detail {
    background-color: #f0f0f0;
  }
}
.billing-detail .products-list {
  width: 100%;
  margin-bottom: 15px;
}
.billing-detail .products-list td, .billing-detail .products-list th {
  padding: 15px 0;
  font-size: 12px !important;
  text-align: right;
}
.billing-detail .products-list td.text-left, .billing-detail .products-list th.text-left {
  text-align: left !important;
}
.billing-detail .products-list td:last-child {
  text-align: right;
}
.billing-detail .products-list .products-row {
  border-top: 1px solid #E3D9D2;
}
.billing-detail .billing-section {
  margin-top: 20px;
}
.billing-detail .billing-section-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.billing-detail .billing-section-flex .checkout-col {
  background: #fff;
  -webkit-box-flex: 0 0 47%;
  -moz-box-flex: 0 0 47%;
  -webkit-flex: 0 0 47%;
  -ms-flex: 0 0 47%;
  flex: 0 0 47%;
}
@media only screen and (max-width: 991px) {
  .billing-detail .billing-section-flex .checkout-col {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.billing-detail .billing-section-flex .checkout-col:last-child {
  -webkit-box-flex: 0 0 47%;
  -moz-box-flex: 0 0 47%;
  -webkit-flex: 0 0 47%;
  -ms-flex: 0 0 47%;
  flex: 0 0 47%;
}
@media only screen and (max-width: 991px) {
  .billing-detail .billing-section-flex .checkout-col:last-child {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 992px) {
  .billing-detail .billing-section-margin {
    margin-bottom: 110px;
  }
}
.billing-detail .checkout-box.same-height {
  min-height: 465px;
}
.billing-detail .billing-main-header {
  color: #331D0C;
  font-size: 28px;
}
.billing-detail .secondary-label.label-important {
  color: #f69400;
}
.billing-detail .secondary-label.pricing_label {
  font-weight: bold;
  text-transform: none;
  color: #331D0C;
  font-size: 16px;
}
.billing-detail .secondary-label.label-main {
  font-weight: bold;
  text-transform: none;
  font-size: 16px;
  color: #D2232A;
}
.billing-detail .billing_value.value-important {
  font-weight: bold;
  color: #f69400;
}
.billing-detail .billing-domiciliation {
  text-transform: uppercase !important;
}
.billing-detail .products-list th {
  font-weight: bold;
}

.billing-notification .due_overdue_section {
  border: 1px solid #F26D21;
  margin-bottom: 30px;
  padding-top: 15px;
}
.billing-notification .due_overdue_section .title {
  color: #F26D21;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 5px 0 5px;
}
.billing-notification .due_overdue_section .overdue_section, .billing-notification .due_overdue_section .due_section {
  margin: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E6E6E6;
}
.billing-notification .due_overdue_section .overdue_section .title, .billing-notification .due_overdue_section .due_section .title {
  color: #F26D21;
  font-weight: bold;
}
.billing-notification .due_overdue_section .overdue_section span > span, .billing-notification .due_overdue_section .due_section span > span {
  color: #F26D21;
  font-weight: bold;
}
.billing-notification .due_overdue_section .due_section {
  border-bottom: 0;
}
.billing-notification .due_overdue_section .due_section .title {
  color: #999999;
}
.billing-notification .due_overdue_section .payment_to_be_confirmed_section {
  margin: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E6E6E6;
}
.billing-notification .due_overdue_section .payment_to_be_confirmed_section .title {
  color: #999999;
}
.billing-notification .due_overdue_section .payment_to_be_confirmed_section span > span {
  color: #F26D21;
  font-weight: bold;
}

.acctmainSection {
  /* ABI B2B Release */
}
.acctmainSection .panel .panel-heading {
  background-color: transparent;
  padding: 0;
}
.acctmainSection .panel h2.panel-title {
  font-weight: bold;
  font-size: 19px;
}
.acctmainSection .panel h2.pane-heading {
  font-weight: bold;
  margin: 10px 0 20px 0;
}
.acctmainSection .panel h2.panel-title, .acctmainSection .panel h2.pane-heading, .acctmainSection .panel h4.pane-sub-heading {
  margin-bottom: 15px;
}
.acctmainSection .panel h2 {
  font-size: 18px;
  font-weight: normal;
  padding: 0;
  background-color: transparent;
}
.acctmainSection .panel h2.panel-title {
  color: #D2232A;
}
.acctmainSection .panel #account-profile h2.pane-heading {
  color: #F26D21;
}
.acctmainSection .panel .info-heading {
  text-transform: uppercase;
  color: #999999;
}
.acctmainSection .panel .edit-note {
  color: #999999;
}
.acctmainSection .nav.nav-tabs {
  margin-bottom: 15px;
}
.acctmainSection .nav.nav-tabs li {
  margin-right: 15px;
}
.acctmainSection .nav.nav-tabs li:active {
  color: #F26D21;
}
.acctmainSection .nav.nav-tabs li a {
  padding: 10px 0;
  color: #F26D21;
  text-transform: uppercase;
  border: none;
}
.acctmainSection .nav.nav-tabs li a:hover {
  background-color: transparent;
  border: none;
}
.acctmainSection #edit-contact-modal .phoneStructureError, .acctmainSection #edit-contact-modal .phoneRequiredErrorMsg {
  padding: 0 30px;
}
.acctmainSection .delivery-section .btn-edit-contact, .acctmainSection .billing-section .btn-edit-contact {
  position: relative;
  top: 15px;
  z-index: 1;
  max-width: 100%;
}
.acctmainSection .delivery-section .section-title, .acctmainSection .billing-section .section-title {
  padding: 10px 0;
  color: #F26D21;
  text-transform: uppercase;
  border: none;
  font-weight: bold;
  position: relative;
  top: 15px;
  margin-left: -15px;
}
.acctmainSection .delivery-section .section-subtitle, .acctmainSection .billing-section .section-subtitle {
  color: #aa7e1a;
  text-transform: uppercase;
  margin: 28px 0 10px -15px;
  font-weight: bold;
}
.acctmainSection .delivery-section .delivery-contact-section, .acctmainSection .delivery-section .delivery-address-section, .acctmainSection .delivery-section .billing-contact-section, .acctmainSection .billing-section .delivery-contact-section, .acctmainSection .billing-section .delivery-address-section, .acctmainSection .billing-section .billing-contact-section {
  padding: 0;
}
.acctmainSection .delivery-section .billing-contact-section .sameAsDelivery, .acctmainSection .billing-section .billing-contact-section .sameAsDelivery {
  background-color: #8AD223;
}
.acctmainSection .delivery-section .billing-contact-section .sameAsDelivery:hover, .acctmainSection .delivery-section .billing-contact-section .sameAsDelivery:active, .acctmainSection .delivery-section .billing-contact-section .sameAsDelivery:focus, .acctmainSection .billing-section .billing-contact-section .sameAsDelivery:hover, .acctmainSection .billing-section .billing-contact-section .sameAsDelivery:active, .acctmainSection .billing-section .billing-contact-section .sameAsDelivery:focus {
  background-color: #72a727;
}
.acctmainSection .delivery-section .delivery-address-section .btn-new-contact-info, .acctmainSection .billing-section .delivery-address-section .btn-new-contact-info {
  background-color: #8AD223;
}
.acctmainSection .delivery-section .delivery-address-section .btn-new-contact-info:hover, .acctmainSection .delivery-section .delivery-address-section .btn-new-contact-info:active, .acctmainSection .delivery-section .delivery-address-section .btn-new-contact-info:focus, .acctmainSection .billing-section .delivery-address-section .btn-new-contact-info:hover, .acctmainSection .billing-section .delivery-address-section .btn-new-contact-info:active, .acctmainSection .billing-section .delivery-address-section .btn-new-contact-info:focus {
  background-color: #72a727;
}
.acctmainSection .delivery-section .delivery-address-section .btn-delete-contact-info, .acctmainSection .billing-section .delivery-address-section .btn-delete-contact-info {
  background-color: #999999;
}
.acctmainSection .delivery-section .delivery-address-section .btn-delete-contact-info:hover, .acctmainSection .delivery-section .delivery-address-section .btn-delete-contact-info:active, .acctmainSection .delivery-section .delivery-address-section .btn-delete-contact-info:focus, .acctmainSection .billing-section .delivery-address-section .btn-delete-contact-info:hover, .acctmainSection .billing-section .delivery-address-section .btn-delete-contact-info:active, .acctmainSection .billing-section .delivery-address-section .btn-delete-contact-info:focus {
  background-color: #6b6b6b;
}
.acctmainSection .delivery-section .delivery-address-section .collapsible-elements, .acctmainSection .billing-section .delivery-address-section .collapsible-elements {
  padding: 0;
}
.acctmainSection .delivery-section .delivery-address-section .collapsible-elements.collapse-card .collapse-card-arrow, .acctmainSection .billing-section .delivery-address-section .collapsible-elements.collapse-card .collapse-card-arrow {
  position: absolute;
  font-size: 12px;
  top: 22px;
  left: -1px;
  line-height: 15px;
  z-index: 2;
}
.acctmainSection .delivery-section .delivery-address-section .collapsible-elements.collapse-card .collapse-card-arrow:hover, .acctmainSection .billing-section .delivery-address-section .collapsible-elements.collapse-card .collapse-card-arrow:hover {
  cursor: pointer;
}
.acctmainSection .delivery-section .delivery-address-section .collapsible-elements.collapse-card .collapse-card-arrow.opened, .acctmainSection .billing-section .delivery-address-section .collapsible-elements.collapse-card .collapse-card-arrow.opened {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.acctmainSection .delivery-section .delivery-address-section .collapsible-elements .btn, .acctmainSection .billing-section .delivery-address-section .collapsible-elements .btn {
  margin: 10px 0 10px 10px;
}
.acctmainSection .delivery-section .delivery-address-section .collapsible-elements .secondary-label.company-profile, .acctmainSection .delivery-section .delivery-address-section .collapsible-elements span, .acctmainSection .billing-section .delivery-address-section .collapsible-elements .secondary-label.company-profile, .acctmainSection .billing-section .delivery-address-section .collapsible-elements span {
  line-height: 60px;
}
.acctmainSection .delivery-section .delivery-address-section .collapsible-elements .other-phone-section, .acctmainSection .billing-section .delivery-address-section .collapsible-elements .other-phone-section {
  border-top: 2px solid #E6E6E6;
  padding-right: 0;
}
.acctmainSection .delivery-section .delivery-address-section .collapsible-elements .main-phone-sub-card, .acctmainSection .billing-section .delivery-address-section .collapsible-elements .main-phone-sub-card {
  padding-left: 15px;
  margin-left: -15px;
}
.acctmainSection .delivery-section .bill-line, .acctmainSection .delivery-section .delivery-line, .acctmainSection .billing-section .bill-line, .acctmainSection .billing-section .delivery-line {
  display: inline-block;
  width: 100%;
  margin: 17px 0;
}
.acctmainSection .cc_myaccount_information span:first-child, .acctmainSection .cc_myaccount_user_information span:first-child {
  display: inline-block;
  width: 25%;
}
.acctmainSection .cc_myaccount_information .address_selection_display, .acctmainSection .cc_myaccount_user_information .address_selection_display {
  padding-left: 25%;
  white-space: nowrap;
}
.acctmainSection .cc_myaccount_changePassword input.btn.btn-default {
  float: right;
}
.acctmainSection input.btn.btn-default {
  border: 0 none;
  font-size: 14px;
}
.acctmainSection .main_content_large_solo_container,
.acctmainSection .main_content_large_right_container {
  background: #ffffff;
  padding: 15px;
}
.acctmainSection label {
  height: 30px;
  line-height: 1.3em;
  padding: 0 3px;
}
.acctmainSection input[type='button'] {
  border: 0 none;
  font-size: 14px !important;
  height: 30px;
}
.acctmainSection .Zebra_DatePicker_Icon_Wrapper {
  width: auto;
}
.acctmainSection .Zebra_DatePicker_Icon_Wrapper input {
  min-height: 32px;
  width: 105px !important;
  border-radius: 4px;
  padding: 0 5px !important;
}
.acctmainSection .Zebra_DatePicker_Icon_Wrapper button.Zebra_DatePicker_Icon {
  top: 6px;
  right: 2px;
  width: 16px;
  height: 16px;
  left: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  border: none;
}
.acctmainSection .Zebra_DatePicker_Icon_Wrapper button.Zebra_DatePicker_Icon:after {
  content: "\f073";
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #F26D21;
  position: relative;
  top: -4px;
  left: -5px;
}
.acctmainSection .orderPaginationSec + div {
  background: none;
}
.acctmainSection .reorder {
  margin-bottom: 10px;
}
.acctmainSection a:hover {
  color: #45130f;
}
.acctmainSection #resetForm .form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}
.acctmainSection .disclaimer {
  color: #999999;
  text-align: center;
  font-style: italic;
  margin-bottom: 20px;
}
.acctmainSection .custom-pagination span, .acctmainSection .custom-pagination a {
  font-weight: normal;
  padding: 0 8px;
  color: #999999;
}
.acctmainSection .custom-pagination .paginationElement {
  border-left: 1px solid #999999;
}
.acctmainSection .custom-pagination span {
  font-weight: bold;
  color: #331D0C;
  border-left: 0;
}
.acctmainSection .custom-pagination .nextAction, .acctmainSection .custom-pagination .previousAction {
  border-left: 0;
}
.acctmainSection .orderPaginationSec .cc_current_page span:first-child, .acctmainSection .orderPaginationSec .cc_current_page a:first-child {
  border-left: 0;
}
.acctmainSection #myOrdersInfoSection .body-header-1row-tabs {
  border-bottom: 2px solid #E3D9D2;
  margin-bottom: 10px;
  padding-left: 0;
}
@media only screen and (max-width: 991px) {
  .acctmainSection #myOrdersInfoSection .body-header-1row-tabs {
    background-color: #f3f3f3;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .acctmainSection #myOrdersInfoSection .orders_info {
    text-align: center;
  }
}
.acctmainSection #myOrdersInfoSection .orders-table {
  overflow: visible;
}
.acctmainSection #myOrdersInfoSection .orders-table p {
  margin: 2px 0;
}
.acctmainSection #myOrdersInfoSection .listItem {
  padding: 2px 0;
}
.acctmainSection #myOrdersInfoSection .my_orders_icon {
  height: 25px;
  max-width: 25px;
}
.acctmainSection #myOrdersInfoSection .order_info {
  border-left: 1px solid #E6E6E6;
  display: inline-block;
  padding: 0 8px;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .acctmainSection #myOrdersInfoSection .order_info {
    display: block;
    text-align: center;
  }
}
.acctmainSection #myOrdersInfoSection .order_info .order_info_label {
  text-transform: uppercase;
  color: #999999;
  font-size: 11px;
}
.acctmainSection #myOrdersInfoSection .order_info .order_info_value {
  display: block;
  color: #331D0C;
  font-size: 16px;
}
.acctmainSection #myOrdersInfoSection .noOrders {
  position: relative;
  top: 20px;
}
.acctmainSection #myOrdersInfoSection .table .without_border {
  border: 0;
  min-width: 90px;
  width: 90px;
  padding: 5px 1px;
}
.acctmainSection #myOrdersInfoSection .table .reqChange {
  position: relative;
  top: -4px;
  padding: 0 6px;
}
.acctmainSection #myOrdersInfoSection .table .no-right-padding {
  padding-right: 0 !important;
}
.acctmainSection #myOrdersInfoSection .table th {
  font-size: 12px;
  text-transform: uppercase;
  padding-right: 18px;
  text-align: right;
}
.acctmainSection #myOrdersInfoSection .table th.sortOption:after {
  top: 8px;
  right: 4px;
}
.acctmainSection #myOrdersInfoSection .table td {
  vertical-align: middle;
  padding-right: 18px;
  font-size: 12px !important;
  text-align: right;
}
.acctmainSection #myOrdersInfoSection .table td.status {
  padding-left: 15px;
}
.acctmainSection #myOrdersInfoSection .table .status_icon {
  position: absolute;
  left: -8px;
  max-width: 24px;
  padding-top: 3px;
}
.acctmainSection #myOrdersInfoSection .standardPadding {
  padding: 0 10px;
}
@media only screen and (max-width: 991px) {
  .acctmainSection #myOrdersInfoSection .orders-btn-reorder {
    margin-right: 5%;
  }
  .acctmainSection #myOrdersInfoSection .orders-btn-support {
    margin-left: 5%;
  }
}
.acctmainSection #myOrdersInfoSection input[type="button"] {
  display: block;
  font-size: 8px !important;
  border-radius: 5px;
  height: 22px;
  text-transform: uppercase;
  width: 72px;
  word-wrap: break-word;
  white-space: normal;
  line-height: 9px;
  padding: 0px 12px;
}
@media only screen and (max-width: 991px) {
  .acctmainSection #myOrdersInfoSection input[type="button"] {
    vertical-align: top;
    padding: 4px;
    font-size: 10px !important;
    min-height: 32px;
    height: auto;
    width: 90%;
    line-height: 10px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .acctmainSection #myBillingInfoSection .priceVal {
    font-size: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .acctmainSection #myBillingInfoSection .no-left-padding {
    padding-left: 15px;
  }
}
.acctmainSection #myBillingInfoSection .table th, .acctmainSection #myBillingInfoSection .table td {
  text-align: right;
  padding-right: 18px;
}
.acctmainSection #myBillingInfoSection .table th {
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
}
.acctmainSection #myBillingInfoSection .table td {
  font-size: 12px !important;
}
.acctmainSection #myBillingInfoSection .table td .fa {
  color: #D2232A;
  position: absolute;
  left: 4px;
  top: 10px;
}
.acctmainSection #myBillingInfoSection .orders-table {
  padding: 15px 0;
}
.acctmainSection #myBillingInfoSection .body-header-1row-tabs {
  border-bottom: 2px solid #E3D9D2;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .acctmainSection #myBillingInfoSection .body-header-1row-tabs {
    background-color: #f3f3f3;
    padding-top: 15px;
  }
}
.acctmainSection #myBillingInfoSection .linkToBillingLineItem {
  text-decoration: underline;
}
.acctmainSection #myBillingInfoSection .linkToBillingLineItem:hover, .acctmainSection #myBillingInfoSection .linkToBillingLineItem:active, .acctmainSection #myBillingInfoSection .linkToBillingLineItem:focus {
  cursor: pointer;
}
.acctmainSection #myBillingInfoSection .bill_info {
  display: inline-block;
  padding: 0;
  text-align: left;
}
.acctmainSection #myBillingInfoSection .bill_info.bill_balance_info {
  border-right: 1px solid #E6E6E6;
  padding-right: 25px;
}
.acctmainSection #myBillingInfoSection .bill_info .bill_balance_label, .acctmainSection #myBillingInfoSection .bill_info .bill_payment_label {
  text-transform: uppercase;
  color: #999999;
  font-size: 11px;
}
.acctmainSection #myBillingInfoSection .bill_info .bill_balance_label, .acctmainSection #myBillingInfoSection .bill_info .bill_balance_value, .acctmainSection #myBillingInfoSection .bill_info .bill_payment_value {
  text-align: right;
}
.acctmainSection #myBillingInfoSection .bill_info .bill_balance_value, .acctmainSection #myBillingInfoSection .bill_info .bill_payment_value {
  display: block;
  color: #331D0C;
  font-size: 16px;
}
.acctmainSection #myBillingInfoSection .bill_info .bill_payment_value {
  color: #F26D21;
}
.acctmainSection table#cartTable input[type='button'] {
  margin-bottom: 0;
}
.acctmainSection .linkToCase td {
  cursor: pointer;
  font-weight: bold;
  color: #45130f;
}
.acctmainSection .linkToCase td:hover {
  text-decoration: underline;
}
.acctmainSection .abi-b2b-table thead {
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
}
.acctmainSection .abi-b2b-table thead th {
  font-weight: bold;
}
.acctmainSection .abi-b2b-table td {
  border-bottom: 1px solid #CCCCCC !important;
  border-top: 0px !important;
  font-weight: normal !important;
}
.acctmainSection tr.abi-b2b-table-row:hover {
  color: #000000;
}
.acctmainSection .nav.nav-tabs {
  border-bottom-width: 2px;
}
.acctmainSection .nav.nav-tabs > li {
  margin-bottom: -2px;
}
.acctmainSection .nav.nav-tabs > li.active {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #F26D21;
}
.acctmainSection .nav.nav-tabs > li.active a {
  border: none;
}
@media only screen and (max-width: 991px) {
  .acctmainSection .cc_myaccount_profile .nav-tabs li a {
    background-color: #f3f3f3;
  }
}
@media only screen and (max-width: 991px) {
  .acctmainSection #account-members .listVal, .acctmainSection .contact-data-modal .listVal {
    font-size: 15px;
  }
}
.acctmainSection #account-members span.dropdown-arrow, .acctmainSection .contact-data-modal span.dropdown-arrow {
  top: 50px;
  left: 145px;
  transform-origin: left top;
  float: left;
}
.acctmainSection #account-members #filterEcomStatus, .acctmainSection #account-members #filterOtherStatus, .acctmainSection .contact-data-modal #filterEcomStatus, .acctmainSection .contact-data-modal #filterOtherStatus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 35px;
  height: auto;
  box-shadow: none;
  width: 160px;
  display: inline-block;
  position: relative;
  top: 35px;
  left: -10px;
}
.acctmainSection #account-members .headings-row, .acctmainSection .contact-data-modal .headings-row {
  font-weight: bold;
}
.acctmainSection #account-members .ecom_members_title, .acctmainSection #account-members .other_members_title, .acctmainSection .contact-data-modal .ecom_members_title, .acctmainSection .contact-data-modal .other_members_title {
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
  color: #aa7e1a;
}
.acctmainSection #account-members .other_members_title, .acctmainSection .contact-data-modal .other_members_title {
  color: #b3b3b3;
}
.acctmainSection #account-members .member-row, .acctmainSection .contact-data-modal .member-row {
  text-transform: capitalize;
}
.acctmainSection #account-members .member-row .checkbox, .acctmainSection .contact-data-modal .member-row .checkbox {
  pointer-events: none;
}
.acctmainSection #account-members .member-row:last-of-type, .acctmainSection .contact-data-modal .member-row:last-of-type {
  margin-bottom: 35px;
}
.acctmainSection #account-members .member-row .dropdown-backdrop, .acctmainSection .contact-data-modal .member-row .dropdown-backdrop {
  display: none;
}
@media screen and (max-width: 1199px) {
  .acctmainSection #account-members .ecom-members-heading > div.ecom_members_title, .acctmainSection .contact-data-modal .ecom-members-heading > div.ecom_members_title {
    margin: 15px 0 10px;
    text-align: center;
  }
  .acctmainSection #account-members .invite-member-btn-container, .acctmainSection .contact-data-modal .invite-member-btn-container {
    width: 100%;
    margin: 15px 0;
  }
  .acctmainSection #account-members .invite-member-btn-container > button, .acctmainSection .contact-data-modal .invite-member-btn-container > button {
    width: 100%;
  }
  .acctmainSection #account-members .row.member-row .listCell, .acctmainSection .contact-data-modal .row.member-row .listCell {
    width: 45%;
  }
}
.acctmainSection #account-members .dropdown-toggle .big-dropdown-arrow.role-dropdown-arrow, .acctmainSection .contact-data-modal .dropdown-toggle .big-dropdown-arrow.role-dropdown-arrow {
  right: 0;
}
.acctmainSection #account-members button.btn.dropdown-toggle, .acctmainSection .contact-data-modal button.btn.dropdown-toggle {
  background-color: transparent;
  color: inherit;
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
  height: auto;
  padding-left: 0px;
  padding-right: 20px;
  box-shadow: none;
  position: relative;
}
@media screen and (max-width: 991px) {
  .acctmainSection #account-members button.btn.dropdown-toggle, .acctmainSection .contact-data-modal button.btn.dropdown-toggle {
    top: -5px;
  }
}
.acctmainSection #account-members button.btn.dropdown-toggle:focus, .acctmainSection .contact-data-modal button.btn.dropdown-toggle:focus {
  box-shadow: none;
  background-color: transparent;
}
.acctmainSection #account-members .dropdown-menu, .acctmainSection .contact-data-modal .dropdown-menu {
  left: -210px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.175);
  border: none;
  margin-top: 8px;
  z-index: 1;
}
.acctmainSection #account-members .dropdown-menu:before, .acctmainSection .contact-data-modal .dropdown-menu:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  top: -7px;
  right: 10px;
  z-index: -1;
  background: white;
  transform: rotate(45deg);
  box-shadow: -1px -1px 15px rgba(0, 0, 0, 0.175);
}
.acctmainSection #account-members .dropdown-menu:after, .acctmainSection .contact-data-modal .dropdown-menu:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 20px;
  top: 0px;
  right: 0px;
  border-radius: 4px;
  background: white;
  z-index: -1;
}
.acctmainSection #account-members .phoneStructureError, .acctmainSection .contact-data-modal .phoneStructureError {
  margin-top: -10px;
  padding: 5px 20px;
}
.acctmainSection #account-members .phoneRequiredErrorMsg, .acctmainSection .contact-data-modal .phoneRequiredErrorMsg {
  padding-left: 28px;
  position: relative;
  top: -15px;
}
@media screen and (max-width: 768px) {
  .acctmainSection #account-members .dropdown-menu, .acctmainSection .contact-data-modal .dropdown-menu {
    left: 0px;
  }
  .acctmainSection #account-members .dropdown-menu:before, .acctmainSection .contact-data-modal .dropdown-menu:before {
    right: 0px;
    left: 55px;
  }
  .acctmainSection #account-members .dropdown-menu:after, .acctmainSection .contact-data-modal .dropdown-menu:after {
    right: 0px;
    left: 40px;
  }
}
.acctmainSection #account-members .role-selection hr, .acctmainSection .contact-data-modal .role-selection hr {
  margin: 5px 10px;
}
.acctmainSection #account-members .role-title.current-role, .acctmainSection .contact-data-modal .role-title.current-role {
  color: #F26D21;
}
.acctmainSection #account-members .role-desc-short, .acctmainSection .contact-data-modal .role-desc-short {
  color: #aaa;
}
.acctmainSection #account-members .selection, .acctmainSection .contact-data-modal .selection {
  display: inline-block;
}
.acctmainSection #account-members .btn-edit, .acctmainSection #account-members .btn-revoke, .acctmainSection #account-members .btn-invite-ecom-member, .acctmainSection #account-members .btn-deactivate-member, .acctmainSection .contact-data-modal .btn-edit, .acctmainSection .contact-data-modal .btn-revoke, .acctmainSection .contact-data-modal .btn-invite-ecom-member, .acctmainSection .contact-data-modal .btn-deactivate-member {
  background: none;
  border: none;
  padding: 0;
  color: #F26D21;
  font-size: inherit;
  line-height: inherit;
  height: auto;
}
.acctmainSection #account-members .btn-revoke, .acctmainSection #account-members .btn-invite-ecom-member, .acctmainSection #account-members .btn-deactivate-member, .acctmainSection .contact-data-modal .btn-revoke, .acctmainSection .contact-data-modal .btn-invite-ecom-member, .acctmainSection .contact-data-modal .btn-deactivate-member {
  margin-left: 15px;
}
@media screen and (max-width: 991px) {
  .acctmainSection #account-members .btn-revoke, .acctmainSection #account-members .btn-invite-ecom-member, .acctmainSection #account-members .btn-deactivate-member, .acctmainSection .contact-data-modal .btn-revoke, .acctmainSection .contact-data-modal .btn-invite-ecom-member, .acctmainSection .contact-data-modal .btn-deactivate-member {
    margin-left: 0;
  }
}
.acctmainSection .modal .form-group > .row > div[class^="col-md-"] {
  margin-bottom: 20px;
}
.acctmainSection .edit-revoke-btn-group > a {
  font-weight: normal;
  color: #F26D21;
}
.acctmainSection .edit-revoke-btn-group > a:hover {
  text-decoration: none;
}
.acctmainSection #edit-member-modal .contact-main-section, .acctmainSection #invite-member-modal .contact-main-section, .acctmainSection #edit-contact-modal .contact-main-section, .acctmainSection #contact-info-modal .contact-main-section {
  padding: 0 15px;
}
.acctmainSection #edit-member-modal .contact-main-section .input-error, .acctmainSection #invite-member-modal .contact-main-section .input-error, .acctmainSection #edit-contact-modal .contact-main-section .input-error, .acctmainSection #contact-info-modal .contact-main-section .input-error {
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  background: #ffcece;
  border: 1px solid #fd8787;
  color: #ff0000;
  width: 100%;
}
.acctmainSection #edit-member-modal .dropdown-toggle .select-dropdown-arrow, .acctmainSection #invite-member-modal .dropdown-toggle .select-dropdown-arrow, .acctmainSection #edit-contact-modal .dropdown-toggle .select-dropdown-arrow, .acctmainSection #contact-info-modal .dropdown-toggle .select-dropdown-arrow {
  content: "\e252";
  font-family: 'Glyphicons Halflings';
  height: 16px;
  width: 8px;
  position: relative;
  display: inline-block;
  margin-left: 15px;
  top: 6px;
}
.acctmainSection #edit-member-modal button.btn.dropdown-toggle, .acctmainSection #invite-member-modal button.btn.dropdown-toggle, .acctmainSection #edit-contact-modal button.btn.dropdown-toggle, .acctmainSection #contact-info-modal button.btn.dropdown-toggle {
  height: 40px;
  border: 1px solid #ccc;
  padding: 0 6px;
  position: relative;
  top: -5px;
}
.acctmainSection #edit-member-modal button.btn.btn-default.dropdown-toggle .caret:before, .acctmainSection #invite-member-modal button.btn.btn-default.dropdown-toggle .caret:before, .acctmainSection #edit-contact-modal button.btn.btn-default.dropdown-toggle .caret:before, .acctmainSection #contact-info-modal button.btn.btn-default.dropdown-toggle .caret:before {
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  color: #000;
  top: 18px;
  left: 17px;
}
.acctmainSection #edit-member-modal button.btn.btn-default.dropdown-toggle .caret, .acctmainSection #invite-member-modal button.btn.btn-default.dropdown-toggle .caret, .acctmainSection #edit-contact-modal button.btn.btn-default.dropdown-toggle .caret, .acctmainSection #contact-info-modal button.btn.btn-default.dropdown-toggle .caret {
  background: #ffffff;
  color: #ffffff;
}
.acctmainSection #edit-member-modal button.btn.btn-default.dropdown-toggle .caret:hover, .acctmainSection #invite-member-modal button.btn.btn-default.dropdown-toggle .caret:hover, .acctmainSection #edit-contact-modal button.btn.btn-default.dropdown-toggle .caret:hover, .acctmainSection #contact-info-modal button.btn.btn-default.dropdown-toggle .caret:hover {
  background: #ffffff;
}
.acctmainSection #edit-member-modal .dropdown-menu, .acctmainSection #invite-member-modal .dropdown-menu, .acctmainSection #edit-contact-modal .dropdown-menu, .acctmainSection #contact-info-modal .dropdown-menu {
  left: 0;
  box-shadow: none;
  border-radius: 0;
  border: none;
  margin-top: 0;
  z-index: 100;
}
.acctmainSection #edit-member-modal .dropdown-menu ul, .acctmainSection #invite-member-modal .dropdown-menu ul, .acctmainSection #edit-contact-modal .dropdown-menu ul, .acctmainSection #contact-info-modal .dropdown-menu ul {
  border: 1px solid #91afe4;
}
.acctmainSection #edit-member-modal .bootstrap-select .dropdown-menu li a span.check-mark:before, .acctmainSection #invite-member-modal .bootstrap-select .dropdown-menu li a span.check-mark:before, .acctmainSection #edit-contact-modal .bootstrap-select .dropdown-menu li a span.check-mark:before, .acctmainSection #contact-info-modal .bootstrap-select .dropdown-menu li a span.check-mark:before {
  content: "\e013";
  border: 1px solid #cccccc;
  padding: 2px;
  left: 10px;
  top: 4px;
  color: transparent;
}
.acctmainSection #edit-member-modal .bootstrap-select .dropdown-menu li a.selected span.check-mark:before, .acctmainSection #invite-member-modal .bootstrap-select .dropdown-menu li a.selected span.check-mark:before, .acctmainSection #edit-contact-modal .bootstrap-select .dropdown-menu li a.selected span.check-mark:before, .acctmainSection #contact-info-modal .bootstrap-select .dropdown-menu li a.selected span.check-mark:before {
  color: #000;
}
.acctmainSection #edit-member-modal .bootstrap-select .dropdown-menu li a span.check-mark,
.acctmainSection #edit-member-modal .dropdown-menu > li > a:before, .acctmainSection #invite-member-modal .bootstrap-select .dropdown-menu li a span.check-mark,
.acctmainSection #invite-member-modal .dropdown-menu > li > a:before, .acctmainSection #edit-contact-modal .bootstrap-select .dropdown-menu li a span.check-mark,
.acctmainSection #edit-contact-modal .dropdown-menu > li > a:before, .acctmainSection #contact-info-modal .bootstrap-select .dropdown-menu li a span.check-mark,
.acctmainSection #contact-info-modal .dropdown-menu > li > a:before {
  border-radius: 2px;
  left: 10px;
}
.acctmainSection #edit-member-modal .dropdown-menu > li > a, .acctmainSection #invite-member-modal .dropdown-menu > li > a, .acctmainSection #edit-contact-modal .dropdown-menu > li > a, .acctmainSection #contact-info-modal .dropdown-menu > li > a {
  padding: 3px 40px;
  outline: none;
}
.acctmainSection #edit-member-modal .dropdown-menu, .acctmainSection #invite-member-modal .dropdown-menu, .acctmainSection #edit-contact-modal .dropdown-menu, .acctmainSection #contact-info-modal .dropdown-menu {
  top: 35px;
  padding-top: 0;
}
.acctmainSection #edit-member-modal .bs3.bootstrap-select .dropdown-toggle .filter-option, .acctmainSection #invite-member-modal .bs3.bootstrap-select .dropdown-toggle .filter-option, .acctmainSection #edit-contact-modal .bs3.bootstrap-select .dropdown-toggle .filter-option, .acctmainSection #contact-info-modal .bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-top: 17px;
}
.acctmainSection #edit-member-modal button.btn.dropdown-toggle:focus, .acctmainSection #invite-member-modal button.btn.dropdown-toggle:focus, .acctmainSection #edit-contact-modal button.btn.dropdown-toggle:focus, .acctmainSection #contact-info-modal button.btn.dropdown-toggle:focus {
  outline: none !important;
}
.acctmainSection #edit-member-modal .bootstrap-select .dropdown-menu li a span.check-mark, .acctmainSection #invite-member-modal .bootstrap-select .dropdown-menu li a span.check-mark, .acctmainSection #edit-contact-modal .bootstrap-select .dropdown-menu li a span.check-mark, .acctmainSection #contact-info-modal .bootstrap-select .dropdown-menu li a span.check-mark {
  display: inline;
  color: #fff;
  position: absolute;
  top: 6px;
}
.acctmainSection .form-group input, .acctmainSection .form-group select, .acctmainSection .form-group .multiselect {
  padding-top: 10px;
  padding-left: 5px;
  border-radius: 3px;
  font-weight: 200;
  color: #000000;
  width: 100%;
  height: 40px;
  margin-top: -15px;
  vertical-align: baseline;
  border-color: #ccc;
}
.acctmainSection .form-group .multiselect {
  width: 100% !important;
  padding: 0;
}
.acctmainSection .form-group .multiselect .dropdown-backdrop {
  display: none;
}
.acctmainSection .role-info {
  padding: 0px 15px;
}
.acctmainSection .format_error {
  padding: 0px 15px;
  color: #ff0000;
  background: #ffcece;
  border-radius: 5px;
  margin-top: -10px;
  margin-bottom: -20px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-width: 1px;
}
.acctmainSection .modal button.btn.btn-cancel {
  border-radius: 2px;
  padding: 0px 20px;
  font-weight: normal;
  margin-bottom: 0;
}
.acctmainSection .modal span.input-error {
  padding: 0 15px;
  margin-top: 10px;
  display: inline-block;
  color: #BD252C;
}
.acctmainSection .modal .input-field:disabled {
  color: #666666;
}
@media screen and (min-width: 992px) {
  .acctmainSection .desktop-pull-right {
    float: right;
  }
}

#myProfileSave {
  margin-top: 25px;
}

.billingInfoDetailContainer h2 {
  padding: 10px 15px;
  color: #ffffff;
  background-color: #D2232A;
  border: 0 none;
  font-size: 15px;
  margin: 0 -15px;
}
.billingInfoDetailContainer .margin_form {
  background: #ffffff;
  padding: 0 15px 15px 15px;
}

.Zebra_DatePicker_Icon_Wrapper {
  width: auto !important;
}

.ABI_DTT_cc_CreateNewCaseView_Desktop_Container {
  background: #ffffff;
  padding: 0 15px 15px 15px;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .title {
  color: #D2232A;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 17px;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container > h2 {
  padding: 10px 15px;
  color: #ffffff;
  background-color: #D2232A;
  border: 0 none;
  font-size: 15px;
  margin: 0 -15px;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage {
  padding-top: 15px;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails span.label,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .caseDetails span.input,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage span.label,
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .createCasePage span.input {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  display: inline-block;
  float: left;
  text-align: left;
  padding: 0;
  line-height: 1.3em;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .moreInfoSection, .ABI_DTT_cc_CreateNewCaseView_Desktop_Container .replySection {
  margin-top: 15px;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .moreInfoSection p, .ABI_DTT_cc_CreateNewCaseView_Desktop_Container .replySection p {
  font-weight: bold;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .moreInfoSection textarea, .ABI_DTT_cc_CreateNewCaseView_Desktop_Container .replySection textarea {
  width: 100%;
  min-height: 90px;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .submitRequestSection {
  margin-bottom: 25px;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .back-section {
  margin-bottom: 20px;
}
.ABI_DTT_cc_CreateNewCaseView_Desktop_Container .back-section a:before {
  left: 14px;
  top: 10px;
}

fieldset {
  margin-bottom: 20px;
}
fieldset#productReferences, fieldset#claimedCosts {
  display: none;
}
fieldset legend {
  color: #45130f;
  font-weight: bold;
}
fieldset legend > h2 {
  padding: 10px 15px;
  color: #ffffff;
  background-color: #D2232A;
  border: 0 none;
  font-size: 15px;
}
fieldset > span.combo {
  display: block;
  overflow: hidden;
  *zoom: 1;
  position: relative;
  padding: 0;
}
fieldset > span.combo input.createCaseButtons {
  position: absolute;
  right: 1px;
  top: 1px;
}
fieldset > span.combo span.label {
  width: 33.333333%;
  padding: 0;
}
@media screen and (max-width: 460px) {
  fieldset > span.combo span.label {
    float: none;
    width: 100%;
  }
}
fieldset > span.combo span.input {
  width: 66.666666%;
}
@media screen and (max-width: 460px) {
  fieldset > span.combo span.input {
    float: none;
    width: 100%;
  }
}
fieldset > span.combo span.input input, fieldset > span.combo span.input textarea {
  width: 100%;
}
fieldset > span.combo span.input select {
  height: 30px;
}

.orderDetailContainer .order_summary_body .cc_myaccount_general strong, b {
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .orderDetailContainer .panel {
    background-color: #f0f0f0;
  }
}
.orderDetailContainer .cart_summary_section {
  padding-right: 10px;
}
.orderDetailContainer .orderSplitTitle {
  padding-left: 15px;
}
@media only screen and (max-width: 991px) {
  .orderDetailContainer .orderSplitTitle {
    margin-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .orderDetailContainer .cart_items_content {
    background-color: #f0f0f0;
  }
  .orderDetailContainer .cart_items_content .quantity_button_horizontal .cc_input_group {
    border-radius: 35px;
    background-color: #ffffff;
  }
}

ul.order_review li {
  margin: 0;
  padding: 0;
  width: 33%;
  float: left;
  list-style: none;
}

.listOfBillingInfos tr th, .fixdata {
  white-space: nowrap;
}

/* ABI B2B Release */
.body-header-1row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-shrink: 0;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 1px #331D0C solid;
  padding-bottom: 15px;
}

.body-header-2row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-shrink: 0;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 1px #CCCCCC solid;
  padding-bottom: 10px;
  padding-top: 10px;
}

.acctmainSection .desktop_body .nav-tabs {
  color: #F26D21;
  border: 0;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 20px;
  padding-bottom: 1px;
}
.acctmainSection .desktop_body .nav-tabs .active {
  color: #F26D21;
  border: 0;
  border-bottom: 2px solid;
  background: transparent;
}
.acctmainSection .desktop_body .nav-tabs a {
  color: #F26D21;
  border: 0;
}
.acctmainSection .desktop_body .nav-tabs .active > a,
.acctmainSection .desktop_body .nav-tabs .active > a:focus,
.acctmainSection .desktop_body .nav-tabs .active > a:hover,
.acctmainSection .desktop_body .nav-tabs a:focus,
.acctmainSection .desktop_body .nav-tabs a:hover {
  color: #F26D21;
  border: 0;
  background: transparent;
}

.body-header-1row-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-shrink: 0;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .body-header-1row-tabs {
    text-align: center;
    display: block;
  }
}

.customerInformation label {
  padding: 1px 15px 0 15px;
  height: auto;
}

fieldset input[type='button'] {
  width: 100%;
}
fieldset .btn-container {
  padding: 0 15px 10px 15px;
}

.profile-loading {
  position: absolute;
  width: 100%;
  min-height: 250px;
  height: 100%;
  opacity: 0.3;
  vertical-align: middle;
  background-color: #ffffff;
  z-index: 10;
}

.centered-img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.createcase .home_slider,
.casedetails .home_slider {
  padding-top: 10px;
  background: #ffffff;
}
.createcase nav,
.createcase .contentBody,
.casedetails nav,
.casedetails .contentBody {
  background: #ffffff;
}

.isRejected:after {
  color: #D2232A;
  text-transform: uppercase;
  content: attr(data-text);
  position: absolute;
  margin-top: 20px;
  margin-left: -75px;
}

body input[type='button'].abi-b2b-btn-ok.newRequestButtonAfterClick {
  color: #ffffff;
  background: #E3D9D2;
}

@media only screen and (max-width: 991px) {
  .emptyCases {
    text-align: center;
    display: inline-block;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .myDocSection .body-header-1row-tabs {
    background-color: #f3f3f3;
    padding-top: 15px;
  }
}
.myDocSection .listOfCases td {
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .myDocSection .listOfCases {
    display: inline-block;
  }
}
.myDocSection .myDocumentationControls {
  margin: 10px -10px 20px 0;
}
@media only screen and (max-width: 991px) {
  .myDocSection .myDocumentationControls {
    width: 100%;
    margin: 5px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .myDocSection .myDocumentationControls span.dropdown-arrow {
    left: -12px;
    top: -21px;
  }
  .myDocSection .myDocumentationControls select {
    display: block;
  }
}
.myDocSection #createNewRequest1 {
  margin-right: -15px;
  float: right;
}
@media only screen and (max-width: 991px) {
  .myDocSection #createNewRequest1 {
    float: none;
    margin: 20px;
  }
}

.customerInformation input {
  box-shadow: 0 0 0 1px #CCCCCC;
  border: none;
  margin: 1px;
}
.customerInformation .input-label {
  top: 16px;
}
.customerInformation .btn-container {
  margin-top: 20px;
}

.case-input {
  border-radius: 4px !important;
  width: 100%;
  max-width: 350px;
  height: 40px;
}
@media only screen and (max-width: 578px) {
  .case-input {
    max-width: auto;
    width: auto;
  }
}

.case-filter-btn {
  margin: 15px 8px;
  min-height: 40px;
}

.btn-filters {
  margin: 10px;
  min-height: 40px;
}

.dropdown-arrow.status-arrow {
  right: 8px !important;
  left: auto;
  top: 5px;
}
@media only screen and (max-width: 991px) {
  .dropdown-arrow.status-arrow {
    left: auto !important;
    top: 5px !important;
  }
}

@media only screen and (max-width: 578px) {
  .label-with-margin {
    margin-top: 10px;
  }
}

.filters-section {
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.btn-download-all {
  margin: 15px 0;
}

.my-orders-input {
  width: 100%;
  border-radius: 4px !important;
  height: 40px;
  margin: 10px 0 15px 0;
}

.searchOrderForm {
  padding: 10px 0 15px 0;
  border-bottom: 2px solid #E3D9D2;
}

.form-label {
  font-size: 13px;
  color: #aaa;
  line-height: 2em !important;
}

.my-orders-arrow.dropdown-arrow {
  top: -22px;
  left: -14px;
}

.notifications-section {
  padding: 10px 0;
  border-top: 2px solid #E6E6E6;
}

.notifications-header-row {
  padding: 6px 0;
  text-align: center;
}

.btn-notifications {
  margin: 5px 0 10px 10px;
}

.notification-unsubscribed {
  color: #F26D21;
  font-weight: bold;
  padding-bottom: 20px;
}

.view-form-field {
  width: 80px;
  display: inline-block;
}

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

.view-label {
  padding-right: 10px;
}

.my-documents-header {
  border-bottom: 2px solid #E3D9D2;
  margin-bottom: 10px;
}

.my-account-search .fa-search {
  position: absolute;
  top: 20px;
  left: 20px;
}
@media screen and (max-width: 768px) {
  .my-account-search .fa-search {
    top: 10px;
  }
}
.my-account-search .searchInput {
  padding-left: 28px;
}

.order-details-info-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.order-details-info-section .checkout-col {
  background: #fff;
  -webkit-flex: 0 0 32%;
  -ms-flex: 0 0 29%;
}
@media only screen and (max-width: 991px) {
  .order-details-info-section .checkout-col {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

#orders-table .order-list-row-hover:hover .hover-indicator {
  cursor: pointer;
  background: #f4f4f4;
}
#orders-table .without_border {
  background: #fff;
}
#orders-table .order-number {
  text-decoration: underline;
  font-weight: normal;
}
#orders-table .hover-underline:hover {
  text-decoration: underline;
}

.left-side-info {
  display: block;
  margin-top: 5px;
}

table .b2b-table-actions {
  min-width: 50px;
}

.promotion_badge::after {
  background-size: 60px 60px;
  display: block;
  height: 86px;
  width: 86px;
  content: 'image';
  position: absolute;
  top: 0;
  left: 15px;
  text-indent: -9999em;
  background: url("../img/promo-badge.png") no-repeat;
}

.promotion-box-LeftNav .panel-body, .promotion-box-RightNav .panel-body {
  margin: 0;
  padding: 0;
}

.corner-flag {
  position: absolute;
  z-index: 1;
  width: 200px;
  background: #D2232A;
  top: 10px;
  left: -65px;
  font-size: 18px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.corner-flag.corner-flag-font-m {
  font-size: 17px;
}
.corner-flag.corner-flag-font-s {
  font-size: 16px;
}
.corner-flag.corner-flag-font-xs {
  font-size: 15px;
}
.corner-flag.small-flag {
  font-size: 13px;
  width: 110px;
  line-height: 15px;
  min-height: 26px;
  top: 8px;
  left: -33px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.corner-flag.small-flag.corner-flag-font-m {
  font-size: 12px;
}
.corner-flag.small-flag.corner-flag-font-s {
  font-size: 10px;
}
.corner-flag.small-flag.corner-flag-font-xs {
  font-size: 9px;
}

#overlay {
  display: none !important;
}

.hide-overflow {
  overflow: hidden;
}

#auto-login-loader {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5000;
  margin: 0;
  padding: 0;
}
#auto-login-loader img {
  height: 160px;
  display: block;
  margin: 40vh auto;
}

.panel.panel-default.cc_panel .order_summary_body .orderinfo .cc_myaccount_general {
  border: 1px solid #ABADB0;
}
.panel.panel-default.cc_panel .order_summary_body .generalinfo, .panel.panel-default.cc_panel .order_summary_body .shippinginfo .cc_myaccount_general {
  border: 1px solid #ABADB0;
}

#rateOrderContainer {
  text-align: center;
  max-width: 62%;
  min-width: 62%;
  background: #ffffff !important;
}
#rateOrderContainer .sub-title {
  color: #777;
}
#rateOrderContainer .validation-error {
  color: #D2232A;
  font-size: 12px;
}
#rateOrderContainer .order-thanks {
  background: #f3f3f3;
  padding: 60px 0;
}
#rateOrderContainer .survey-disclaimer {
  color: #666;
  font-size: 12px;
  margin-bottom: 10px;
}
#rateOrderContainer .order-rating textarea {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 100%;
  margin-bottom: 5px;
  padding: 15px;
}
#rateOrderContainer .order-rating #submitOrderFeedback {
  width: 100%;
}
#rateOrderContainer .order-rating .box__uploading .spinner {
  content: url(../img/color_spinner_up.svg);
  color: #D2232A;
  display: inline-block;
  height: 35px;
  width: 35px;
}
#rateOrderContainer .order-rating .btn {
  margin: 10px 0 0px 0;
}
#rateOrderContainer .order-rating.coverContainer:before {
  content: "";
  background-color: white;
  opacity: .3;
  width: 100%;
  left: 0;
  min-height: 300px;
  display: inline-block;
  position: absolute;
  z-index: 3;
}

#csat-form, #csat-remark-target {
  background: #f3f3f3;
  flex: 1 1 auto;
}

.ratingOrderRequest {
  margin-top: 15px;
}
.ratingOrderRequest .request-rating {
  direction: rtl;
  font-size: 40px;
  unicode-bidi: bidi-override;
  padding: 10px 30px;
  display: inline-block;
}
.ratingOrderRequest .request-rating input {
  opacity: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  width: 45px;
  height: 35px;
  margin-top: 2px;
}
.ratingOrderRequest .request-rating span {
  margin-left: -15px;
}
.ratingOrderRequest .request-rating span.star {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  position: relative;
  z-index: 1;
  width: 45px;
  height: 35px;
}
.ratingOrderRequest .request-rating span.star:before {
  color: #CCCCCC;
  content: "\f005";
}

.boxes-row {
  margin-top: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.boxes-row .checkout-col {
  -webkit-box-flex: 0 0 32%;
  -moz-box-flex: 0 0 32%;
  -webkit-flex: 0 0 32%;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
}
@media only screen and (max-width: 991px) {
  .boxes-row .checkout-col {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.boxes-row .checkout-col:last-child {
  -webkit-box-flex: 0 0 62%;
  -moz-box-flex: 0 0 62%;
  -webkit-flex: 0 0 62%;
  -ms-flex: 0 0 62%;
  flex: 0 0 62%;
}
@media only screen and (max-width: 991px) {
  .boxes-row .checkout-col:last-child {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .boxes-row {
    margin: 15px 0;
    flex-flow: row wrap;
    max-width: 100%;
  }
  .boxes-row .checkout-col:last-child {
    -webkit-box-flex: 0 0 55%;
    -moz-box-flex: 0 0 55%;
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
  }
}
@media all and (max-width: 991px) and (-ms-high-contrast: none), (max-width: 991px) and (-ms-high-contrast: active) {
  .boxes-row .checkout-col, .boxes-row .checkout-col:last-child {
    max-width: 100%;
    -webkit-box-flex: 0 0 95%;
    -moz-box-flex: 0 0 95%;
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
  }
}
#rateOrderContainer {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.survey-question {
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0;
}

.survey-answer-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0px 30px 0 90px;
  margin: 15px 0;
}

.survey-answer-group {
  flex: 0 0 54%;
  padding: 7px 0;
  word-break: keep-all;
  max-width: 45%;
  width: fit-content;
  display: flex;
  text-align: left;
  align-items: center;
}
.survey-answer-group > label {
  max-width: 90%;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  padding-top: 0 !important;
  line-height: 1em;
}
.survey-answer-group > input {
  opacity: 0;
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
  z-index: 5;
  transform: translateX(15px);
}
.survey-answer-group span.radio-icon {
  width: 15px;
  height: 18px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  position: relative;
  z-index: 1;
  margin-right: 8px;
  display: inline-block;
  font-size: 16px;
  line-height: 1em;
  z-index: 2;
}
.survey-answer-group span.radio-icon:before {
  color: #4d4d4d;
  content: "\f10c";
}
.survey-answer-group input[checked=true] ~ span.radio-icon:before {
  color: #f26d21;
  content: "\f192";
}
.survey-answer-group input[checked=true] ~ label {
  color: #e66820;
}

@media screen and (max-width: 767px) {
  .survey-answer-grid {
    flex-flow: column;
    align-items: center;
    padding: 0;
  }

  .survey-answer-group {
    padding: 10px 0;
    width: 80%;
    word-wrap: break-word;
    max-width: 100%;
  }

  .survey-answer-group > label {
    max-width: 90%;
    font-size: 18px;
  }

  .survey-question {
    font-size: 18px;
  }

  #rateOrderContainer {
    max-width: 100%;
  }
}
#csat-remarks-container .sub-header {
  margin-bottom: 5px;
}

.csat-remark-banner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.csat-remark-banner .csat-remark-banner-label {
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 500;
  margin: 0 !important;
}
.csat-remark-banner span.chat-icon-active, .csat-remark-banner span.chat-icon-inactive {
  margin: 0 3px;
}
.csat-remark-banner span.chat-icon-active img, .csat-remark-banner span.chat-icon-inactive img {
  width: 40px;
  top: 10px;
  position: relative;
}

.search-input-status {
  width: -webkit-fill-available;
}

.search-input-block {
  width: -webkit-fill-available;
}
@media screen and (min-width: 768px) {
  .search-input-block {
    max-width: 110px !important;
  }
}

#minicart-header .minicart-wrapper {
  position: absolute;
  width: 500px;
  height: 320px;
  background: white;
  right: 0;
  z-index: 1000;
  border-radius: 3px;
  box-shadow: 0px 0px 20px #a1a1a1;
}
#minicart-header .minicart-wrapper ul {
  overflow: auto;
  height: calc(100% - 110px);
  width: 100%;
}
#minicart-header .minicart-wrapper li {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 10px;
  padding: 5px 0;
}
#minicart-header .minicart-wrapper li:last-of-type {
  border: none;
}
#minicart-header .minicart-wrapper a {
  font-weight: normal;
}
#minicart-header .minicart-wrapper a:focus {
  color: black;
  outline: none;
}
#minicart-header .minicart-validations {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  background: #f3f3f3;
  padding: 5px 10px;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
  color: #888;
}
#minicart-header .minicart-item {
  position: absolute;
  top: 5px;
  width: calc(100% - 65px);
  left: 65px;
}
#minicart-header .minicart-item:hover .bottom-line .minicart-right {
  color: #3d3d3d;
}
#minicart-header .minicart-item span {
  height: 20px;
  line-height: 20px;
}
#minicart-header .minicart-item .top-line {
  font-size: 17px;
}
#minicart-header .minicart-item .top-line .minicart-right {
  font-weight: bold;
  max-width: 30%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#minicart-header .minicart-item .bottom-line {
  color: #b3b3b3;
}
#minicart-header .minicart-item .bottom-line .minicart-right {
  color: black;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#minicart-header .minicart-item .bottom-line img {
  max-height: 15px;
  position: relative;
  top: 2px;
  margin-left: 3px;
}
#minicart-header .minicart-item .bottom-line .sku {
  width: 24%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#minicart-header .minicart-item .bottom-line .items {
  width: 14%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#minicart-header .minicart-item .bottom-line .price {
  width: 19%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#minicart-header .minicart-item .bottom-line .price-right {
  width: 39%;
  display: inline-block;
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#minicart-header .minicart-item .name {
  max-width: 70%;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#minicart-header .minicart-image {
  height: 40px;
  width: 40px;
  background-size: contain;
  display: inline-block;
}
#minicart-header .minicart-right {
  float: right;
}
#minicart-header .minicart-top {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px;
  height: 40px;
}
#minicart-header .minicart-bottom {
  border-top: 1px solid grey;
  padding: 10px;
  height: auto;
  background: #fff;
  position: relative;
}
#minicart-header .minicart-bottom button {
  text-transform: uppercase;
  background: #f26d21;
  color: white;
  padding: 10px;
  line-height: inherit;
  height: inherit;
  border-radius: 3px;
  border: none;
  margin-right: 20px;
}
#minicart-header .minicart-bottom button:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  #minicart-header .minicart-bottom .subtotal {
    text-align: right;
    padding-right: 15px;
  }
}
#minicart-header .minicart-bottom .subtotal .title {
  font-size: 13px;
  line-height: 15px;
  color: #b6b6b6;
}
#minicart-header .minicart-bottom .subtotal .value {
  font-size: 17px;
  line-height: 23px;
  color: #45130f;
}
#minicart-header .minicart-bottom .disclaimer {
  color: #45130f;
  font-size: 12px;
}
#minicart-header .minicart-bottom .disclaimer.no-padding {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #minicart-header .minicart-bottom .disclaimer.no-padding {
    padding: 5px 15px;
    text-align: right;
  }
}
#minicart-header .dot-separator {
  color: #b3b3b3;
  position: relative;
  top: -4px;
  font-size: 20px;
  line-height: 0px;
}
#minicart-header .minicart-loading {
  position: absolute;
  top: 40%;
  left: 45%;
  display: block;
  height: 60px;
}
#minicart-header div.minicart-binicon {
  float: left;
  margin-right: 5px;
  transform: translateY(85%);
}
#minicart-header div.minicart-binicon:hover {
  cursor: pointer;
}
#minicart-header .invisible {
  visibility: hidden !important;
}

.mctv-pb-container progress {
  width: 100%;
  height: 1.8em;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 5px;
  border: 0.01em solid #e6e6e6;
  background: white;
  color: #8AD223;
}
.mctv-pb-container progress.nonvalid {
  color: #d2232a;
}

.mctv-pb-container-truck progress {
  width: 100%;
  height: 15px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: white;
  color: #8AD223;
}
.mctv-pb-container-truck progress.nonvalid {
  color: #d2232a;
}

.mctv-sec-vol progress[value]::-webkit-progress-value {
  background: #8AD223;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.mctv-sec-vol progress[value]::-webkit-progress-value.full-truck {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mctv-sec-vol progress[value]::-moz-progress-bar {
  background: #8AD223;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.mctv-sec-vol progress[value]::-moz-progress-bar.full-truck {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mctv-sec-vol progress[value].nonvalid::-webkit-progress-value {
  background: #d2232a;
}

.mctv-sec-vol progress[value].nonvalid::-moz-progress-bar {
  background: #d2232a;
}

.mctv-sec-vol progress[value].full-truck::-webkit-progress-value {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mctv-sec-vol progress[value].full-truck::-moz-progress-bar {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mctv-sec-vol progress[value]::-webkit-progress-bar {
  background: white;
  border-radius: 5px;
  border: 0.01em solid #e6e6e6;
}

.mctv-sec-vol progress:not([value])::-moz-progress-bar {
  background: white;
  border-radius: 5px;
  border: 0.01em solid #e6e6e6;
}

.mctv-sec-vol-truck progress[value]::-webkit-progress-value {
  background: #8AD223;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.mctv-sec-vol-truck progress[value]::-webkit-progress-value.full-truck {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mctv-sec-vol-truck progress[value]::-moz-progress-bar {
  background: #8AD223;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.mctv-sec-vol-truck progress[value]::-moz-progress-bar.full-truck {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mctv-sec-vol-truck progress[value].nonvalid::-webkit-progress-value {
  background: #d2232a;
}

.mctv-sec-vol-truck progress[value].nonvalid::-moz-progress-bar {
  background: #d2232a;
}

.mctv-sec-vol-truck progress[value].full-truck::-webkit-progress-value {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mctv-sec-vol-truck progress[value].full-truck::-moz-progress-bar {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mctv-sec-vol-truck progress[value]::-webkit-progress-bar {
  background: white;
  border-radius: 5px;
}

.mctv-sec-vol-truck progress:not([value])::-moz-progress-bar {
  background: white;
  border-radius: 5px;
}

.mctv-container {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.mctv-container table td:first-child {
  width: 12%;
}

.mctv-container-error {
  min-height: 60px;
  text-align: center;
  padding: 10px 35px;
}
.mctv-container-error p {
  color: #f26d21;
  font-style: italic;
  font-size: 14px;
}

.mctv-container, .mctv-container-error {
  width: 100%;
}

.mctv-pb-label, .mctv-pb-container, .mctv-pb-container-truck {
  float: left;
}

.mctv-current:first-child {
  margin-bottom: 26px;
}

.mctv-current-mini:first-child {
  margin-bottom: 10px;
}

.mctv-pb-label-td {
  vertical-align: top;
}

.mctv-pb-container-td {
  vertical-align: middle;
  text-align: center;
  width: 50%;
  left: 7%;
  padding-bottom: 0.6em;
}
.mctv-pb-container-td .mctv-pb-container, .mctv-pb-container-td .mctv-pb-container-truck {
  width: 85%;
}

.mctv-current-group-td {
  left: 10px;
  width: 33%;
  font-weight: 600;
}

.pb-hatch {
  position: absolute;
  height: 35px;
}

.pb-hatch-line {
  background: black;
  opacity: 60%;
  top: -2px !important;
  height: 30px;
  width: 3px;
  position: relative;
}

.pb-min-hatch-label {
  position: relative;
  font-weight: 600;
  font-size: 11px;
  bottom: 4px;
  white-space: nowrap;
}
.pb-min-hatch-label.bottom {
  bottom: -10px;
}

.pb-hatch-label {
  position: relative;
  font-weight: 600;
  left: -30%;
  font-size: 11px;
  bottom: 4px;
  white-space: nowrap;
}
.pb-hatch-label.bottom {
  bottom: -10px;
}

.pb-full-hatch-label {
  position: relative;
  font-weight: 600;
  left: -90%;
  font-size: 11px;
  bottom: 4px;
  white-space: nowrap;
}
.pb-full-hatch-label.bottom {
  bottom: -10px;
}

.pb-min-max-hatch-label {
  position: relative;
  font-weight: 600;
  left: -103%;
  font-size: 11px;
  bottom: 4px;
  white-space: nowrap;
}
.pb-min-max-hatch-label.bottom {
  bottom: -10px;
}

td.mctv-pb-label-td {
  vertical-align: top;
}

.mctv-max-wei {
  padding-top: 17px;
  text-align: center;
}

.mctv-current .fa-times {
  color: #d2232a;
}

.mctv-current .fa-check {
  color: #8AD223;
}

.mctv-current-mini .fa-times {
  color: #d2232a;
}

.mctv-current-mini .fa-check {
  color: #8AD223;
}

.mctv-pb-label {
  line-height: 15px;
  font-size: 11px;
  color: #d2232a;
  text-transform: uppercase;
  max-width: 100%;
  overflow-x: hidden;
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
}

span.mctv-complete-label {
  text-transform: uppercase;
  margin-left: 1.3em;
  font-size: 15px;
  color: #8AD223;
  font-weight: 600;
}

#mc-truck-counter-placeholder {
  position: relative;
  top: -4px;
  float: left;
  margin-right: 15px;
}
#mc-truck-counter-placeholder i {
  font-size: 22px;
}

.error-msg-dv {
  text-align: center;
  justify-content: center;
  height: 35px;
  width: 100%;
  padding-top: 6px;
  border-bottom: 1px solid #e6e6e6;
}

.error-msg {
  color: white;
  background: #d2232a;
  font-weight: bold;
  height: 30px;
  width: 27%;
  padding: 7px;
  text-align: center;
}

.notification-truck-load-beer-minicart {
  position: relative;
  left: 10px;
  font-weight: 600;
  margin-top: 5px;
}

/* ABI B2B Release */
body {
  /* Checkbox */
}
body input.checkbox[type='checkbox'] {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  width: 13px;
  height: 13px;
  margin: 0;
  margin-right: 10px;
  margin-left: 5px;
  display: block;
  float: left;
  position: relative;
  cursor: pointer;
}
body input.checkbox[type='checkbox']:after {
  content: "";
  vertical-align: middle;
  text-align: center;
  position: absolute;
  cursor: pointer;
  height: 18px;
  width: 18px;
  left: -5px;
  top: -1px;
  font-size: 15px;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  background-color: #ffffff;
}
body input.checkbox[type='checkbox']:hover:after, body input.checkbox[type='checkbox']:checked:hover:after {
  border: 1px solid #000000;
}
body input.checkbox[type='checkbox']:checked:after {
  content: '\f00c';
  font-family: 'FontAwesome';
  color: #000000;
}
body input.checkbox[type='checkbox'][disabled]:after {
  background-color: #ddd;
  border: none;
  cursor: not-allowed;
}

.duplicity-wrapper_modal {
  color: #D2232A;
  margin: 10px;
  margin-top: 30px;
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
}

body .grid-item-content button[type='button'].substgrid-btn {
  width: 100%;
  font-weight: normal;
  outline: none;
  text-transform: uppercase;
}

.top-off-btn {
  text-transform: uppercase;
}

img.prodList.img-thumbnail {
  border: 0;
}

img.prodList.img-size-controller {
  max-height: 60px;
  max-width: 50px;
}

img.prodList.img-thumbnail-slim-list {
  border: 0;
  max-height: 60px;
  max-width: 50px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img.prodList.img-thumbnail-slim-list {
    margin-left: 1px;
  }
}

/* Search */
.abi-b2b-search-content input#searchText_modal {
  padding-left: 30px;
  font-size: 15px !important;
  border: 0;
}

.abi-b2b-search-content .input-group .icon {
  left: 9px;
  font-size: 16px;
  display: inline-block;
  position: absolute;
  z-index: 100;
  padding-left: 0;
  padding-top: 5px;
}

.abi-b2b-search-content .search_form {
  min-height: 45px;
}

.abi-b2b-search-content > .search-cart-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}

.searchbox_modal .input-group {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border: 1px solid #CCCCCC;
  background: #ffffff;
  border-radius: 3px;
}

.no-result-wrapper_modal,
.search-result-wrapper_modal,
.loading-result-wrapper_modal,
.recent-search-wrapper_modal {
  margin: 10px;
  margin-top: 30px;
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
  max-height: 200px;
}

.search-result-wrapper_modal {
  max-height: 300px;
  overflow-x: auto;
}

.loading-result-wrapper_modal img {
  height: 30px;
  margin: 0 auto 10px;
  display: block;
}

.search-result-wrapper_modal li {
  margin-bottom: 10px;
}

.search-result-wrapper_modal li:last-of-type {
  margin-bottom: 0;
}

.search-result-wrapper_modal .image {
  height: 40px;
  width: 40px;
  background-size: contain;
  display: inline-block;
}

.search-result-wrapper_modal a {
  position: relative;
  display: block;
}

.search-result-wrapper_modal .double-line {
  width: calc(100% - 40px);
  position: absolute;
  top: 0;
  left: 40px;
  padding-left: 10px;
}

.search-result-wrapper_modal .top-line {
  line-height: 20px;
  font-size: 17px;
  overflow: hidden;
  height: 20px;
  width: 100%;
}

.search-result-wrapper_modal .bottom-line {
  line-height: 20px;
  height: 20px;
  color: #CCCCCC;
  font-weight: normal;
}

.search-result-wrapper_modal .bottom-line div {
  display: inline-block;
  width: 50%;
  line-height: 20px;
  height: 20px;
}

.search-result-wrapper_modal .bottom-line img {
  max-height: 20px;
  margin-left: 5px;
  margin-bottom: -5px;
}

.search-result-wrapper_modal .bottom-line .price {
  text-align: right;
}

.no-result-wrapper_modal {
  color: #D2232A;
}

.searchbox .focused .input-group {
  border: 1px solid #fad600;
}

.cc_search_input,
.cc_search_input:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

button.addItem.cc_add_item {
  width: auto;
  background-color: transparent;
  color: #666666;
  border: 1px solid #CCCCCC;
  border-radius: 18px;
}

div.cc_sku {
  color: #999999;
}

div.productInfo {
  padding-top: 15px;
}

a.productName {
  font-size: 14px;
  color: #331D0C;
  line-height: 15px;
}

.abi-b2b-list-view .cc_product_item .row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.abi-b2b-first-col {
  padding-left: 50px;
}

.abi-b2b-first-col .abi_b2b_wishButton {
  top: calc(50% - 12px);
  left: 20px;
}

.abi_b2b_wishButton {
  border: 0;
  background: none;
}

.abi_b2b_wishButton:hover i.fa {
  transform: scale(1.1);
}

.abi_b2b_wishButton .fa-heart-o,
.abi_b2b_wishButton .fa-heart {
  font-size: 25px;
}

.abi_b2b_wishButton .fa-heart {
  color: #BD252C;
}

.abi_b2b_wishButton .fa-heart-o {
  color: #CCCCCC;
}

.abi_b2b_open_assignToWishList_click.abi-b2b-hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.abi_b2b_open_assignToWishList_click.abi-b2b-hvr-grow:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}

.cc_body.abi-b2b-product-list-no-image {
  margin-left: 10px;
  margin-right: 10px;
}

.abi-b2b-panel {
  margin-bottom: 0px;
}

.substgrid {
  border: 1px solid #E3D9D2;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  min-height: 490px;
}
.substgrid .center-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 350px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.substgrid .centered-btn {
  width: 100%;
}

.carousel-wrapper {
  margin: 0 15px;
}
.carousel-wrapper .desc b {
  color: #d2232a;
}
.carousel-wrapper .sub-header {
  text-transform: none;
}

.carousel-control {
  width: 30px;
}
.carousel-control.right {
  right: -30px;
}
.carousel-control.left {
  left: -30px;
}
.carousel-control .arrow {
  background: url(../img/arrow-right-yellow.svg);
  background-repeat: no-repeat;
  height: 30px;
  width: 20px;
  margin-left: -10px;
  margin-top: -15px;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 5;
  background-size: contain;
}
.carousel-control .left-arrow {
  transform: rotateY(180deg);
}

.carousel-inner {
  margin-bottom: 30px;
  margin-top: 10px;
}

.carousel-top-section {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .carousel-top-section {
    padding: 0 15px;
  }
}

.pocm-budget-bar {
  margin-top: 15px;
}

.carousel-indicators {
  z-index: 8;
}
.carousel-indicators li {
  border: 1px solid #c5bfb9;
}
.carousel-indicators .active {
  width: 10px;
  height: 10px;
  margin: 1px;
  background-color: #f4bd00;
}

.carousel-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
}
.carousel-item:last-of-type {
  padding-right: 0;
}

.product-carousel .abi-b2b-grid-item {
  min-width: 230px;
  padding: 0;
  margin-right: 10px;
}
.product-carousel .abi-b2b-grid-item-content {
  padding: 5px;
}

.products_bottom_promotion {
  background-color: #f0f0f0;
  padding-top: 20px;
}
.products_bottom_promotion .carousel-wrapper {
  margin: 0;
}

.picture-module {
  max-width: 500px;
  margin: 0 10px;
  background: white;
}

.picture-module-link {
  display: block;
}

.picture-module-link:hover {
  text-decoration: none;
}

.banner-module {
  min-width: 300px;
}

.banner-module-image {
  max-height: 300px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0 10px;
}
.banner-module-image.banner-module-image-products {
  max-height: 200px;
}

.picture-module-image {
  max-height: 200px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .picture-module-image {
    max-width: unset;
  }
}

.picture-module-text {
  width: 100%;
  background: #a9a9a9;
  color: white;
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brand-avatar-image {
  height: 85px;
  width: 85px;
  border-radius: 50px;
  background-size: contain;
  background-color: white;
  background-position: center;
}

.carousel-loading {
  margin: 50px auto;
  display: block;
}

@media only screen and (max-width: 767px) {
  .carousel-indicators, .carousel-control {
    display: none;
  }

  .carousel-inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .carousel-inner > .item {
    display: block;
  }
  .carousel-inner > .item:last-of-type {
    margin-right: 0;
  }

  .product-carousel .carousel-item {
    min-width: 270px;
    height: 100%;
  }

  .products_bottom_promotion {
    margin-top: 20px;
  }
  .products_bottom_promotion .carousel-wrapper {
    margin: 0 15px;
  }
}
@media screen and (min-width: 768px) {
  .carousel-indicators {
    bottom: -20px;
  }

  .banner-carousel .carousel-indicators {
    bottom: 0;
  }

  .product-carousel .abi-b2b-grid-item {
    margin-right: 15px;
  }
  .product-carousel .abi-b2b-grid-item:last-of-type {
    margin-right: 0;
  }
}
.pocm-progress {
  color: #777;
  font-size: 80%;
}
.pocm-progress .progress {
  margin: 0;
  height: 7px;
  border: 0.5px #999 solid;
  box-shadow: none;
  background-color: white;
}
.pocm-progress .progress .progress-bar {
  background-color: #999;
}

.carouselTop {
  position: relative;
  min-height: 1px;
  word-break: break-all;
  overflow: hidden;
}
.carouselTop ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.carouselTop ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.carouselTop i {
  font-style: italic;
}

@media screen and (max-width: 767px) {
  .product-carousel[data-carousel-location=Cart] .analyticsSingleProduct {
    width: 80%;
    margin-right: 0px !important;
  }
  .product-carousel[data-carousel-location=Cart] .carousel-item, .product-carousel[data-carousel-location=Cart] .item {
    width: 100%;
  }
  .product-carousel[data-carousel-location=Cart] .grid-item-content.no-border {
    padding: 5px;
    width: 100% !important;
    height: 100% !important;
  }
  .product-carousel[data-carousel-location=Cart] .carousel-inner {
    margin-bottom: 0;
    padding-bottom: 25px !important;
  }
}
.cc_user_login {
  border-radius: 5px;
  background: white;
  padding: 15px 15px 0;
}

#login_main_content .cc_user_login .panel-heading {
  background: none;
}

.login-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
  margin-top: 35px;
}
.login-footer .forgotPass {
  text-decoration: underline;
}

.cc_user_login .panel-title {
  color: #d2232a;
  font-size: 20px;
  text-transform: uppercase;
}

.cc_user_login .login-button {
  border-radius: 3px;
  text-transform: uppercase;
  padding: 4px 30px;
  height: inherit;
  margin-top: 5px;
  margin-left: 0px;
  min-width: 160px;
}

.sign-up-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin: 0 10px 15px 10px;
  padding: 10px 0;
}
.sign-up-section .sign-up-text {
  color: #888;
  font-style: italic;
  margin-right: 15px;
  font-size: 14px;
}
.sign-up-section #sign-up-button {
  background: #aaa;
}
.sign-up-section #sign-up-button:hover {
  background: #888;
}

.cc_user_login .loginInput {
  box-shadow: none;
  border-radius: 3px;
  padding: 5px 10px;
  height: inherit;
  font-size: 17px !important;
}

.cc_user_login .form-group {
  margin-bottom: 15px;
}

.cc_forgot_password_panel {
  border-radius: 5px;
  background: white;
  padding: 15px 15px 0;
}

.cc_main_container .cc_forgot_password_panel .panel-heading {
  background: none;
}

.cc_forgot_password_panel .panel-title {
  color: #d2232a;
  font-size: 20px;
  text-transform: uppercase;
}

.cc_forgot_password_panel .cc_submit {
  width: 100%;
  border-radius: 3px;
  text-transform: uppercase;
  padding: 4px 30px;
  height: inherit;
}

.cc_forgot_password_panel .form-group .col-sm-5 .form-control {
  box-shadow: none;
  border-radius: 3px;
  padding: 5px 10px;
  height: inherit;
  font-size: 17px !important;
}

.cc_forgot_password_panel .form-group {
  margin-bottom: 15px;
}

.cc_forgot_password_panel .form-group .col-sm-offset-2 {
  margin-left: 0;
}

.cc_forgot_password_panel .form-group .col-sm-10 {
  width: 100%;
}

@media screen and (min-width: 767px) {
  .cc_signup_button {
    width: inherit;
  }

  .cc_user_login .login-button {
    width: inherit;
    float: right;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 5px;
  }

  .cc_forgot_password_panel .cc_submit {
    width: initial;
    float: right;
    margin-bottom: 0;
  }

  .cc_forgot_password_panel .cc_forgot_password {
    padding: 10px 0;
  }

  .cc_forgot_password_panel .form-group:nth-child(4) {
    float: right;
  }

  .cc_forgot_password_panel .form-group:nth-child(5) {
    float: left;
    margin-top: 10px;
  }

  .cc_forgot_password_panel .form-group .col-sm-5 {
    width: 70%;
  }

  .cc_forgot_password_panel .form-group .col-sm-5 .form-control {
    width: 100%;
  }

  .cc_forgot_password_panel .form-group .cc_email {
    padding: 10px 15px;
    width: 30%;
  }
}
input[type=checkbox].big-checkbox {
  height: 20px;
  width: 20px;
  float: right;
  box-shadow: none;
  border: none;
  margin: 0;
}

#sign-up-modal .modal-content {
  background-clip: border-box;
  border: none;
}
#sign-up-modal .form-control.sign-up-input {
  height: 42px;
  margin: 10px 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
#sign-up-modal .checkbox-group {
  padding: 10px;
}
#sign-up-modal #signUpForm .form-group {
  position: relative;
}
#sign-up-modal input:valid ~ .floating-label {
  opacity: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #sign-up-modal input:focus ~ .floating-label {
    opacity: 0;
  }
}
#sign-up-modal .checkbox-bottom-label {
  font-size: 10px;
  margin: 0;
  opacity: 0.6;
}
#sign-up-modal .floating-label {
  position: absolute;
  pointer-events: none;
  opacity: 0.6;
  left: 12px;
  top: 10px;
}
#sign-up-modal .floating-label .top-label {
  font-size: 12px;
  margin: 0;
}
#sign-up-modal .floating-label .bottom-label {
  font-size: 10px;
  margin: 0;
}

@media screen and (min-width: 992px) {
  .cc_forgot_password_panel {
    margin: 0 25%;
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #breadcrumb_desktop_container .breadcrumb {
    display: none;
  }
}

.breadcrumbDiv {
  margin-top: 20px;
}

.breadcrumbDiv a {
  color: #707070;
  font-weight: normal;
}

.breadcrumbDiv i {
  color: #ffa64d;
  font-weight: normal;
  font-size: 13px;
}

.cc_breadrumb_container {
  margin-top: 10px;
}

.cc_breadrumb_container:empty {
  display: none;
}

.home_slider .breadcrumb a {
  font-weight: normal;
}

.breadcrumb > li + li:before {
  font-family: 'Glyphicons Halflings';
  content: '\e258';
  font-size: 12px;
}

.recommendationBody {
  border: 1px solid #F26D21;
  padding: 15px 15px 8px 15px;
  position: relative;
  background: #ffffff;
  margin-bottom: 10px;
}
.recommendationBody .recomReason {
  color: #F26D21;
  font-weight: 600;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  padding: 8px 0;
}
@media only screen and (max-width: 768px) {
  .recommendationBody .recomReason {
    text-align: center;
  }
}
.recommendationBody .closeRecommendationBody {
  color: #F26D21;
  font-size: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.recommendationBody .closeRecommendationBody:after {
  content: "X";
  cursor: pointer;
}
.recommendationBody .recomTitle {
  color: #F26D21;
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 10px;
  text-align: center;
}
.recommendationBody .recomDesc {
  font-size: 15px;
  padding-bottom: 15px;
  margin-bottom: 5px;
  text-align: center;
}
.recommendationBody .recommProduct {
  font-weight: 300;
  font-size: 12px;
  padding: 8px 0;
}
.recommendationBody .recommProduct .recommProductName {
  color: #797979;
  font-weight: 600;
}
.recommendationBody .recommProduct .recommendations-action {
  color: #F26D21;
  cursor: pointer;
  text-decoration: underline;
}

.recom-row {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px 0;
  border-top: 1px solid #eee;
}

.modalHeader {
  padding-top: 15px;
}
.modalHeader .close {
  float: none;
}
.modalHeader .title-box {
  text-align: center;
  flex-grow: 2;
}
.modalHeader .title {
  color: #D2232A;
  font-size: 16px;
  font-weight: 600;
}
.modalHeader .recommendations-helptext {
  color: #888;
  font-size: 13px;
}
.modalHeader .glyphicon-trash {
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .modalHeader .removeLink, .modalHeader .removeLinkOOS {
    margin-left: auto;
    margin-right: 10px;
  }
}
.modalHeader .btn.btn-default {
  height: 40px;
}
.modalHeader .recommendations-header-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.modalHeader .recommendations-header-row.flex-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

@media only screen and (max-width: 768px) {
  .recommendation-carousel-wrapper {
    padding: 0;
    padding-top: 25px;
    padding-left: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .recommendation-carousel-wrapper #recommendation-carousel .carousel-wrapper {
    margin: 0;
  }
}
.recommendation-carousel-wrapper #recommendation-carousel .recommendation-moq {
  height: 418px;
  overflow-y: auto;
}
.recommendation-carousel-wrapper #recommendation-carousel .list-inline {
  margin-left: 0;
}
.recommendation-carousel-wrapper #recommendation-carousel .list-inline li {
  padding-left: 0;
  padding-right: 0;
}
.recommendation-carousel-wrapper #recommendation-carousel .grid-item-content {
  cursor: pointer;
  border: 1px solid transparent;
  width: 90%;
  height: 410px;
  scroll-snap-align: start;
}
.recommendation-carousel-wrapper #recommendation-carousel .grid-item-content:hover {
  border: 1px solid #bbbbbb;
}
@media only screen and (max-width: 768px) {
  .recommendation-carousel-wrapper #recommendation-carousel .grid-item-content {
    height: auto;
  }
}
.recommendation-carousel-wrapper #recommendation-carousel table, .recommendation-carousel-wrapper #recommendation-carousel th, .recommendation-carousel-wrapper #recommendation-carousel td {
  border-collapse: collapse;
}
.recommendation-carousel-wrapper #recommendation-carousel tbody {
  display: block;
  height: 418px;
  overflow-y: auto;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-entry {
  border-top: 4px solid #f0f0f0;
  height: 100.5px;
  display: inline-flex;
  width: 99%;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-entry:last-child {
  border-bottom: 4px solid #f0f0f0;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-entry:hover {
  outline: 1px solid #bbbbbb;
}
.recommendation-carousel-wrapper #recommendation-carousel .delivery-unit-qty {
  text-align: right;
}
.recommendation-carousel-wrapper #recommendation-carousel .delivery-unit-qty:only-child {
  width: 85%;
}
.recommendation-carousel-wrapper #recommendation-carousel table.modal-product-list {
  width: 100%;
  background-color: #ffffff;
}
.recommendation-carousel-wrapper #recommendation-carousel table.modal-product-list .cc_price {
  text-align: center;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-name h4 a {
  font-weight: 600;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-name {
  vertical-align: top;
  padding-top: 8px;
  width: 40%;
  position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .recommendation-carousel-wrapper #recommendation-carousel .table-product-name {
    margin-top: 10px;
  }
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-name .productName {
  font-size: 16px;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-image {
  padding: 13px;
  min-width: 15%;
  padding-right: 7%;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-action-panel-on-list-view {
  padding-left: 10%;
  width: 30%;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-action-panel-on-list-view .quantity-input-buttons .pallet-place-quantity-group,
.recommendation-carousel-wrapper #recommendation-carousel .table-action-panel-on-list-view .quantity-input-buttons .pallet-quantity-group,
.recommendation-carousel-wrapper #recommendation-carousel .table-action-panel-on-list-view .quantity-input-buttons .layer-quantity-group,
.recommendation-carousel-wrapper #recommendation-carousel .table-action-panel-on-list-view .quantity-input-buttons .unit-quantity-group,
.recommendation-carousel-wrapper #recommendation-carousel .table-action-panel-on-list-view .quantity-input-buttons .cellar-beer-quantity-group {
  margin-bottom: 0;
  margin-top: 3px;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-action-panel-on-list-view .quantity-input-buttons input.qty.form-control.input-sm.cc_entry.plp-qty {
  height: 27px;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-price {
  min-width: 4em;
  padding-left: 5%;
  padding-right: 5%;
  position: inherit;
  padding-top: 4%;
  width: 20%;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-price .cc_price {
  font-size: 16px;
}
.recommendation-carousel-wrapper #recommendation-carousel table, .recommendation-carousel-wrapper #recommendation-carousel th, .recommendation-carousel-wrapper #recommendation-carousel td {
  border-collapse: collapse;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-sku {
  font-size: 15px !important;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-bottom-row {
  width: 90%;
  margin-top: 5%;
  position: absolute;
  bottom: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .recommendation-carousel-wrapper #recommendation-carousel .table-bottom-row {
    top: 46px;
  }
}
.recommendation-carousel-wrapper #recommendation-carousel .table-bottom-row tbody {
  display: block;
  height: auto;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-bottom-row .table-product-measurement {
  text-align: right;
  padding-left: 100px;
}
.recommendation-carousel-wrapper #recommendation-carousel .table-product-image .product-img-container {
  width: 80px;
  height: 80px;
}
.recommendation-carousel-wrapper #recommendation-carousel td.table-product-image .product-img-container img {
  width: 75px;
  height: 75px;
}
.recommendation-carousel-wrapper #recommendation-carousel .sub_brand_name_value {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.recommendation-carousel-wrapper #recommendation-carousel .two-action-in-column {
  padding-top: 10%;
}
.recommendation-carousel-wrapper #recommendation-carousel .one-action-in-column {
  padding-top: 17%;
}

.recommendations-nodata, .recommendations-oos-nodata {
  position: absolute;
  width: 100%;
  height: 50%;
  vertical-align: bottom;
  text-align: center;
  padding-left: 10px;
  padding-right: 35px;
  bottom: 0;
}

.recommendations-loading, .recommendations-oos-loading {
  position: absolute;
  width: 80%;
  height: 70%;
  opacity: 0.5;
  vertical-align: middle;
  z-index: 1;
  margin: -15px auto;
  top: 50px;
  right: 0;
  left: 0;
}

.recommendations-loading-img {
  max-height: 100%;
  max-width: 90%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#recommendations, #recommendations-oos {
  background: #f0f0f0;
  padding: 10px;
  min-height: 150px;
}
#recommendations .grid-item-content, #recommendations-oos .grid-item-content {
  cursor: pointer;
  border: 1px solid transparent;
  width: 240px;
  height: 293px;
}
#recommendations .grid-item-content:hover, #recommendations-oos .grid-item-content:hover {
  border: 1px solid #bbbbbb;
}
#recommendations .carousel-inner, #recommendations-oos .carousel-inner {
  margin-bottom: 10px;
}
#recommendations .table-product-entry, #recommendations-oos .table-product-entry {
  border-top: 4px solid #f0f0f0;
}
#recommendations .table-product-entry:hover, #recommendations-oos .table-product-entry:hover {
  outline: 1px solid #bbbbbb;
}
#recommendations .delivery-unit-qty, #recommendations-oos .delivery-unit-qty {
  text-align: right;
}
#recommendations .delivery-unit-qty:only-child, #recommendations-oos .delivery-unit-qty:only-child {
  width: 85%;
}

.recommendations-loading-text {
  position: absolute;
  top: 62%;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: bold;
  max-width: 80%;
  margin: 0 auto;
}

#replacement-modal .modal-content, #replacement-modal-oos .modal-content {
  top: 10%;
  padding: 0;
}
#replacement-modal .modal-layout-options button, #replacement-modal-oos .modal-layout-options button {
  line-height: 1em !important;
  padding: 5px !important;
  height: fit-content !important;
  width: fit-content !important;
  font-size: 15px;
}
#replacement-modal .modal-layout-options li, #replacement-modal-oos .modal-layout-options li {
  padding: 0 !important;
}
#replacement-modal .modal-layout-options li:last-child > button, #replacement-modal-oos .modal-layout-options li:last-child > button {
  margin-left: -5px;
}
#replacement-modal table.modal-product-list, #replacement-modal-oos table.modal-product-list {
  width: 100%;
  background-color: #ffffff;
}
#replacement-modal table.modal-product-list .cc_price, #replacement-modal-oos table.modal-product-list .cc_price {
  text-align: center;
}
#replacement-modal .table-product-name h4 a, #replacement-modal-oos .table-product-name h4 a {
  font-weight: 600;
}
#replacement-modal .table-product-name, #replacement-modal-oos .table-product-name {
  vertical-align: top;
  padding-top: 8px;
}
#replacement-modal .table-product-name .productName, #replacement-modal-oos .table-product-name .productName {
  font-size: 16px;
}
#replacement-modal .table-product-image, #replacement-modal-oos .table-product-image {
  padding: 13px;
  min-width: 15%;
}
#replacement-modal .table-product-price, #replacement-modal-oos .table-product-price {
  min-width: 4em;
}
#replacement-modal .table-product-price .cc_price, #replacement-modal-oos .table-product-price .cc_price {
  font-size: 16px;
}
#replacement-modal table, #replacement-modal th, #replacement-modal td, #replacement-modal-oos table, #replacement-modal-oos th, #replacement-modal-oos td {
  border-collapse: collapse;
}
#replacement-modal .table-product-sku, #replacement-modal-oos .table-product-sku {
  font-size: 15px !important;
}
#replacement-modal .table-bottom-row, #replacement-modal-oos .table-bottom-row {
  width: 90%;
  margin-top: 6%;
}
#replacement-modal .table-bottom-row .table-product-measurement, #replacement-modal-oos .table-bottom-row .table-product-measurement {
  text-align: right;
}
#replacement-modal .table-product-image .product-img-container, #replacement-modal-oos .table-product-image .product-img-container {
  width: 100%;
  height: 100%;
}
#replacement-modal td.table-product-image .product-img-container img, #replacement-modal-oos td.table-product-image .product-img-container img {
  width: 65px;
  height: 65px;
}
#replacement-modal .modal-product-grid, #replacement-modal-oos .modal-product-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-around;
}
#replacement-modal .modal-label-group, #replacement-modal-oos .modal-label-group {
  margin: .2em 0;
  display: block;
}
#replacement-modal .recommendations-footer .removeLinkOOS, #replacement-modal .recommendations-footer .removeLink, #replacement-modal-oos .recommendations-footer .removeLinkOOS, #replacement-modal-oos .recommendations-footer .removeLink {
  width: fit-content;
  float: right;
}
#replacement-modal .recommendations-footer .removeLinkOOS button, #replacement-modal .recommendations-footer .removeLink button, #replacement-modal-oos .recommendations-footer .removeLinkOOS button, #replacement-modal-oos .recommendations-footer .removeLink button {
  height: auto;
  font-size: 11px;
}

@media screen and (min-width: 981px) {
  #recommendations, #recommendations-oos {
    padding: 0 7px 4px 7px;
    max-height: 615px;
    overflow-y: auto;
    width: 100%;
  }
  #recommendations .carousel-wrapper, #recommendations-oos .carousel-wrapper {
    display: none;
  }

  #replacement-modal-oos > .modal-content, #replacement-modal > .modal-content {
    width: 815px;
    margin-left: calc(50% - 400px);
  }
}
@media screen and (max-width: 981px) {
  #recommendations > *:not(.carousel-wrapper), #recommendations-oos > *:not(.carousel-wrapper) {
    display: none;
  }

  .modal-layout-options {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .accountBody {
    background-color: #f3f3f3;
  }
}

.backForMobile a {
  text-transform: uppercase;
  color: #999999;
  font-weight: normal;
  position: relative;
  top: -20px;
  padding-left: 15px;
}
.backForMobile a:hover {
  cursor: pointer;
}
.backForMobile a:before {
  content: "\f104";
  font-family: FontAwesome;
  position: absolute;
  font-size: 25px;
  display: inline-block;
  color: #d1baa7;
  left: 0px;
  top: -5px;
}

@media only screen and (max-width: 991px) {
  .acctmainSection {
    margin-top: 25px;
    padding: 15px;
  }
}

.MyAccount .contentBody {
  background: #ffffff;
  padding: 0px;
}
.MyAccount .cc_breadrumb_container {
  margin-top: 0px;
}
.MyAccount .accountBody {
  padding: 20px 0;
}

#MyAccount_nav .navTitle {
  text-transform: uppercase;
  color: #D2232A;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  #MyAccount_nav li:last-of-type a {
    border-bottom: 1px solid #e7e7e7;
  }
}
#MyAccount_nav li a {
  color: #331D0C;
  font-weight: normal;
  display: block;
  margin: 7px 0;
}
@media only screen and (max-width: 991px) {
  #MyAccount_nav li a {
    background-color: #ffffff;
    padding: 12px;
    border: 1px solid #e7e7e7;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 0;
    color: #747474;
    font-size: 13px;
  }
  #MyAccount_nav li a:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 25px;
    font-size: 25px;
    display: inline-block;
    margin-top: -6px;
    color: #dedede;
  }
}
#MyAccount_nav li a.active {
  color: #F26D21;
}
#MyAccount_nav ul li ul {
  margin-left: 20px;
}

.account-name-top-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.account-switch-header {
  display: inline-block;
  position: relative;
}
.account-switch-header .glyphicon-chevron-down {
  font-size: 11px;
  top: 2px;
}

.account-switch-header-action {
  cursor: pointer;
}

.account-switch-loader {
  margin: 25px 0;
}

.switch-account-icon {
  color: #fff;
  margin-right: 5px;
}

.account-switch-container {
  cursor: default;
  position: absolute;
  top: 21px;
  left: 0;
  z-index: 100;
  min-width: 300px;
  width: 100%;
  background: #f5f5f5;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0px 0px 20px #a1a1a1;
}
@media only screen and (max-width: 767px) {
  .account-switch-container {
    direction: ltr;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 26px;
    overflow: auto;
  }
}
.account-switch-container .switch-header {
  padding: 10px 0 0 0;
  margin: 0;
}
.account-switch-container .switch-account-disclaimer {
  font-size: 11px;
  color: #777;
  border-bottom: 2px solid #CCC;
  padding: 5px 10px;
  margin: 0;
}
.account-switch-container .accounts-list-container {
  position: relative;
  direction: rtl;
}
.account-switch-container .accounts-list {
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .account-switch-container .accounts-list {
    max-height: none;
  }
}
.account-switch-container .account-item {
  border: 1px solid #aaa;
  border-radius: 3px;
  direction: ltr;
  margin: 10px;
  color: #4d4d4d;
  background: #fff;
}
.account-switch-container .account-item:hover {
  background: #F26D21;
  border-color: #F26D21;
}
.account-switch-container .account-item .account-name-switch {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding-top: 5px;
}
.account-switch-container .account-item .sap-number {
  font-size: 11px;
  margin: 0;
  padding: 5px;
}
.account-switch-container .account-item .account-flow {
  font-size: 11px;
  margin: 0;
  padding: 5px;
}
.account-switch-container .account-item:hover .account-name-switch, .account-switch-container .account-item:hover .sap-number {
  color: #fff;
  cursor: pointer;
}
.account-switch-container .account-item:hover .account-flow {
  color: #fff;
  cursor: pointer;
}
.account-switch-container .account-item .order-type-list-container-mobile {
  display: none;
}
.account-switch-container .account-item .order-type-list-container {
  display: none;
  color: #331D0C;
  position: absolute;
  min-width: 250px;
  background: #fff;
  border: 1px solid #aaa;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  z-index: 200;
}
.account-switch-container .account-item .order-type-list-container .switch-header {
  border: none;
  padding: 10px;
}
.account-switch-container .account-item .order-type-list-container .order-type-arrow {
  position: absolute;
  top: 6px;
  left: -6px;
  font-size: 22px;
  color: #aaa;
}
.account-switch-container .account-item .order-type-item {
  color: #331D0C;
  text-align: left;
  background: #e6e6e6;
  padding: 10px;
  font-size: 14px;
  border-top: 1px solid #a9a9a9;
}
.account-switch-container .account-item .order-type-item:hover {
  background: #F26D21;
  color: #fff;
  cursor: pointer;
}
.account-switch-container .account-item .order-type-current-item {
  color: #F26D21;
  text-align: left;
  background: #e6e6e6;
  padding: 10px;
  font-size: 14px;
  border-top: 1px solid #F26D21 !important;
}
.account-switch-container .account-item .order-type-current-item:hover {
  background: #F26D21;
  color: #fff;
  cursor: pointer;
}
.account-switch-container .account-item .order-type-current-item + .order-type-item {
  border-top: 1px solid #F26D21;
}
.account-switch-container .account-current-item {
  border: 1px solid #F26D21;
  border-radius: 3px;
  direction: ltr;
  margin: 10px;
  color: #F26D21;
  background: #fff;
}
.account-switch-container .account-current-item:hover {
  background: #F26D21;
  color: #4d4d4d;
}
.account-switch-container .account-current-item .account-name-switch {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding-top: 5px;
}
.account-switch-container .account-current-item .sap-number {
  font-size: 11px;
  margin: 0;
  padding: 5px;
  color: #4d4d4d;
}
.account-switch-container .account-current-item:hover .account-name-switch, .account-switch-container .account-current-item:hover .sap-number {
  color: #fff;
  cursor: pointer;
}
.account-switch-container .order-templates-list .account-item {
  margin: 0;
  border: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.account-switch-container .order-templates-list .account-item .order-type-item:first-child {
  border-top: none;
}

.tanks-container {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 3px;
  margin: 20px 0;
}
.tanks-container .tanks-header-wrapper {
  position: relative;
  padding: 15px;
}
.tanks-container .tanks-header-wrapper:hover {
  cursor: pointer;
}
.tanks-container .tanks-header {
  font-size: 15px;
  text-transform: uppercase;
  color: #F26D21;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  text-align: right;
  padding-right: 35px;
}
.tanks-container .tank-header-item {
  color: #888;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.tanks-container .big-dropdown-arrow {
  font-size: 16px;
  margin-left: 15px;
}
.tanks-container .tanks-single-header, .tanks-container .tanks-single-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 15px;
  padding: 0;
}
.tanks-container .progress-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
}
.tanks-container .progress-section .progress-wrapper {
  width: 100%;
  margin: 0 5px;
}
.tanks-container .progress-section .progress-label {
  text-transform: uppercase;
  font-size: 11px;
  color: #999;
  font-weight: bold;
  min-width: 36px;
}
.tanks-container .progress-section progress.progressBar {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #E6E6E6;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  color: #8AD223;
}
.tanks-container .progress-section progress.progressBar::-moz-progress-bar {
  background: #8AD223;
}
.tanks-container .progress-section progress.progressBar.notValid {
  color: #F26D21;
}
.tanks-container .progress-section progress.progressBar:not([value])::-moz-progress-bar {
  background: #E6E6E6;
}
.tanks-container .progress-section progress.progressBar:not([value])::-webkit-progress-bar, .tanks-container .progress-section progress.progressBar::-webkit-progress-bar {
  background: #E6E6E6;
}
.tanks-container .progress-section progress.progressBar::-webkit-progress-value {
  background: #8AD223;
  border-radius: 5px;
}
.tanks-container .progress-section progress.progressBar.notValid::-moz-progress-bar {
  background: #F26D21;
}
.tanks-container .progress-section progress.progressBar.notValid::-webkit-progress-value {
  background: #F26D21;
}
.tanks-container .tanks-single-header {
  border-bottom: 2px solid #ccc;
}
.tanks-container .col-header-tank-name {
  -webkit-box-flex: 0 0 40%;
  -moz-box-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
}
.tanks-container .col-header-tank-capacity {
  -webkit-box-flex: 0 0 20%;
  -moz-box-flex: 0 0 20%;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}
.tanks-container .col-header-tank-validation {
  -webkit-box-flex: 0 0 40%;
  -moz-box-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  text-align: right;
}
.tanks-container .tanks-wrapper {
  padding: 15px;
}
.tanks-container .tanks-single-item {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-bottom: 2px solid #e6e6e6;
}
.tanks-container .tank-name {
  font-size: 14px;
  font-weight: bold;
}
.tanks-container .tank-sku {
  font-size: 15px;
  text-transform: uppercase;
}
.tanks-container .tanks-disclaimer {
  font-style: italic;
  color: #aaa;
  margin: 8px 15px 0 15px;
  font-size: 14px;
  text-align: right;
}

.localeModalTable .cc_tr_locale:hover {
  cursor: pointer;
}

.CCPage.support {
  background-color: #ffffff;
}
.CCPage.support .accountBody {
  background-color: #ffffff;
}

/* Navigation */
#mySupport_nav li {
  border: none;
  margin: 0;
  padding: 0;
}
#mySupport_nav li a {
  color: #331D0C;
  font-weight: normal;
  display: block;
  margin: 7px 0;
}
#mySupport_nav li a.active {
  color: #F26D21;
}
#mySupport_nav li a.leftMarginMenu {
  margin-left: 20px;
}
@media only screen and (max-width: 991px) {
  #mySupport_nav li a.leftMarginMenu {
    margin: 0;
    margin-bottom: -1px;
    padding-left: 32px;
  }
}
#mySupport_nav li a.newRequestBadge:after {
  content: "" attr(data-badge) "";
  background-color: #D2232A;
  width: 25px;
  height: 25px;
  color: #ffffff;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  position: relative;
  left: 5px;
  padding: 3px 7px;
}
#mySupport_nav li a.newRequestBadge:after:focus, #mySupport_nav li a.newRequestBadge:after:active, #mySupport_nav li a.newRequestBadge:after:hover {
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  #mySupport_nav li a {
    background-color: #ffffff;
    padding: 12px;
    border: 1px solid #e7e7e7;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: -1px;
    color: #747474;
    font-size: 13px;
  }
  #mySupport_nav li a:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 25px;
    font-size: 25px;
    display: inline-block;
    margin-top: -6px;
    color: #dedede;
  }
}

.mySupport_content {
  /* LANDING PAGE ---------------------*/
  /* Quick solution section */
  /* Chat section */
  /* Browse support topics */
  /* SALES REPRESENTATIVE PAGE ---------------------*/
  /* MY REQUEST PAGE ---------------------*/
  /* CREATE REQUEST PAGE ---------------------*/
  /* TECHNICAL SERVICE---------------------*/
  /* DATEPICKERS ---------------------*/
  /* MY MEMBERS BENEFIT PAGE ---------------------*/
}
.mySupport_content .orderPaginationSec .cc_current_page span:first-child, .mySupport_content .orderPaginationSec .cc_current_page a:first-child {
  border-left: 0;
}
.mySupport_content .orderPaginationSec .cc_current_page a:first-child {
  border-left: 0;
}
.mySupport_content .orderPaginationSec .custom-pagination span, .mySupport_content .orderPaginationSec .custom-pagination a {
  font-weight: normal;
  padding: 0 8px;
  border-left: 1px solid #999999;
  color: #999999;
}
.mySupport_content .orderPaginationSec .custom-pagination span {
  font-weight: bold;
  color: #331D0C;
}
.mySupport_content:before {
  content: url(../img/color_spinner_up.svg);
  color: #D2232A;
  display: inline-block;
  height: 35px;
  width: 35px;
  margin: 10px 0 0 40%;
}
.mySupport_content.hide_upload:before {
  display: none;
}
.mySupport_content .quickSolutionsSection {
  background: -webkit-linear-gradient(to right, #ffab00, #d32929);
  background: -moz-linear-gradient(to right, #ffab00, #d32929);
  background: -o-linear-gradient(to right, #ffab00, #d32929);
  background: linear-gradient(to right, #ffab00, #d32929);
  padding: 15px 25px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.mySupport_content .quickSolutionsSection .main-title {
  text-align: center;
  margin: 10px 0 20px 0;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 1.5px;
}
.mySupport_content .quickSolutionsSection .boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mySupport_content .quickSolutionsSection .boxes .box {
  -webkit-box-flex: 1 0 50%;
  -moz-box-flex: 1 0 50%;
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-align: center;
  padding: 25px 25px 35px 25px;
  max-width: 45%;
  margin: 20px 2%;
  display: inline-block;
}
@media only screen and (max-width: 600px) {
  .mySupport_content .quickSolutionsSection .boxes .box {
    max-width: 100%;
  }
}
.mySupport_content .quickSolutionsSection .boxes .box:hover, .mySupport_content .quickSolutionsSection .boxes .box:active, .mySupport_content .quickSolutionsSection .boxes .box:focus {
  cursor: pointer;
}
.mySupport_content .quickSolutionsSection .boxes .box .solution_icon:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  background-color: #ffffff;
  -moz-box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2);
  position: absolute;
  margin-top: -52px;
  margin-left: -25px;
}
.mySupport_content .quickSolutionsSection .boxes .box .solution_icon.payments_icon:after, .mySupport_content .quickSolutionsSection .boxes .box .solution_icon.order_icon:after, .mySupport_content .quickSolutionsSection .boxes .box .solution_icon.services_icon:after, .mySupport_content .quickSolutionsSection .boxes .box .solution_icon.account-icon:after {
  background-size: 30px 31px;
  display: inline-block;
  width: 30px;
  position: absolute;
  margin-top: -41px;
  margin-left: -12px;
  height: 35px;
  content: "";
  background-repeat: no-repeat;
}
.mySupport_content .quickSolutionsSection .boxes .box .solution_icon.order_icon:after {
  background-image: url("../img/support_orders.png");
}
.mySupport_content .quickSolutionsSection .boxes .box .solution_icon.payments_icon:after {
  background-image: url("../img/support_payments.png");
  margin-top: -40px;
}
.mySupport_content .quickSolutionsSection .boxes .box .solution_icon.services_icon:after {
  background-image: url("../img/support_technical.png");
}
.mySupport_content .quickSolutionsSection .boxes .box .solution_icon.account-icon:after {
  background-image: url("../img/support_account.png");
}
.mySupport_content .quickSolutionsSection .boxes .box .sub-title {
  max-width: 70%;
  margin: 0 auto;
}
.mySupport_content .chatSection {
  background-color: #f3f3f3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 20px;
  padding: 25px 45px 35px 45px;
}
@media only screen and (max-width: 578px) {
  .mySupport_content .chatSection .openRequestSection {
    margin-bottom: 20px;
  }
}
.mySupport_content .chatSection .openRequestSection p {
  text-align: center;
  margin-left: -45px;
}
.mySupport_content .chatSection .section-title {
  color: #F26D21;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1.5px;
}
.mySupport_content .chatSection .icon {
  font-size: 20px;
  position: absolute;
  margin-top: 17px;
  margin-left: 15px;
}
.mySupport_content .chatSection .separator {
  text-align: center;
  margin: 18px;
  text-transform: uppercase;
}
.mySupport_content .chatSection .chatBox {
  border: 2px solid #F26D21;
  background-color: #ffffff;
  padding: 40px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.mySupport_content .chatSection .chatBox.disableChat {
  background-color: #f3f3f3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.mySupport_content .chatSection .chatBox.disableChat:hover {
  cursor: normal;
}
.mySupport_content .chatSection .chatBox .icon_section {
  position: relative;
  min-width: 40px;
}
.mySupport_content .chatSection .chatBox .icon_section .chatIcon, .mySupport_content .chatSection .chatBox .icon_section .requestIcon {
  color: #F26D21;
  position: absolute;
  margin-top: 9px;
  margin-left: 8px;
  font-size: 27px;
}
@media only screen and (max-width: 1200px) {
  .mySupport_content .chatSection .chatBox .icon_section .chatIcon, .mySupport_content .chatSection .chatBox .icon_section .requestIcon {
    margin-left: -5px;
  }
}
.mySupport_content .chatSection .chatBox .icon_section .chatIcon:before, .mySupport_content .chatSection .chatBox .icon_section .requestIcon:before {
  content: "";
  background-repeat: no-repeat;
  width: 26px;
  height: 30px;
  background-size: 27px;
  display: inline-block;
}
.mySupport_content .chatSection .chatBox .icon_section .requestIcon:before {
  background-image: url("../img/support_open_new_request.png");
}
.mySupport_content .chatSection .chatBox .icon_section .chatIcon:before {
  background-image: url("../img/chatWithUs.png");
}
.mySupport_content .chatSection .chatBox .text_section {
  text-transform: uppercase;
  color: #331D0C;
}
.mySupport_content .chatSection .chatBox .text_section .subtitle {
  text-transform: none;
  color: #F26D21;
}
.mySupport_content .chatSection .chatBox .text_section_margin {
  margin-left: 70px;
}
.mySupport_content .chatSection .chatBox:hover {
  cursor: pointer;
}
.mySupport_content .browseTopicSection {
  margin-top: 20px;
}
.mySupport_content .browseTopicSection .title {
  margin-top: 20px;
  text-align: center;
}
.mySupport_content .browseTopicSection .topicSection {
  margin-top: 20px;
  background-color: #ffffff;
  border: 1px solid #D2232A;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  width: 100%;
}
.mySupport_content .browseTopicSection .topicSection .topicMenu {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #f3f3f3;
  padding: 10px;
}
.mySupport_content .browseTopicSection .topicSection .topicMenu .topicIcon {
  width: 22px;
  height: auto;
  max-height: 30px;
}
.mySupport_content .browseTopicSection .topicSection .topicMenu .topicName {
  margin-left: 10px;
  word-wrap: break-word;
  word-break: break-word;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .mySupport_content .browseTopicSection .topicSection .topicMenu .topicName {
    margin-left: 0;
    padding-top: 10px;
  }
}
.mySupport_content .browseTopicSection .topicSection .topicMenu .menuItem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 14px;
  padding-right: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #CCCCCC;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 767px) {
  .mySupport_content .browseTopicSection .topicSection .topicMenu .menuItem {
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    font-size: 11px;
    text-align: center;
    padding-left: 0;
    padding-bottom: 0;
  }
}
.mySupport_content .browseTopicSection .topicSection .topicMenu .menuItem:hover, .mySupport_content .browseTopicSection .topicSection .topicMenu .menuItem:focus, .mySupport_content .browseTopicSection .topicSection .topicMenu .menuItem:active {
  color: #D2232A;
  cursor: pointer;
  text-decoration: none;
}
.mySupport_content .browseTopicSection .topicSection .topicMenu .menuItem:after {
  visibility: hidden;
  content: ">";
  color: #D2232A;
  font-weight: bold;
  font-size: 22px;
  font-family: monospace;
}
.mySupport_content .browseTopicSection .topicSection .topicMenu .menuItem.active {
  color: #D2232A;
}
.mySupport_content .browseTopicSection .topicSection .topicMenu .menuItem.active:after {
  visibility: visible;
}
.mySupport_content .browseTopicSection .topicSection .topicContent .topicTitle {
  text-transform: uppercase;
  color: #D2232A;
  font-weight: bold;
  padding: 11px;
  border-bottom: 1px solid #999999;
  margin-top: 10px;
}
.mySupport_content .browseTopicSection .topicSection .topicContent .topicTitle:hover {
  cursor: pointer;
  text-decoration: underline;
}
.mySupport_content .browseTopicSection .topicSection .topicContent .question {
  color: #D2232A;
  float: left;
  width: 100%;
  font-weight: normal;
  padding: 8px;
  border-bottom: 1px solid #e7e7e7;
}
.mySupport_content .browseTopicSection .topicSection .topicContent .answer {
  margin-top: 36px;
  padding-left: 8px;
}
.mySupport_content .salesRepSection .needHelpSection {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #e7e7e7;
  padding: 25px;
  margin-bottom: 25px;
}
.mySupport_content .salesRepSection .needHelpSection .title {
  font-size: 31px;
}
.mySupport_content .salesRepSection .title {
  margin-bottom: 10px;
}
.mySupport_content .salesRepSection .representativeSection .repSection {
  padding: 20px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin: 0px;
}
.mySupport_content .salesRepSection .representativeSection .repSection .repName {
  font-size: 40px;
  color: #D2232A;
  margin-bottom: 30px;
}
.mySupport_content .salesRepSection .representativeSection .repSection .repPractice {
  padding: 3px 10px;
  font-weight: bold;
  background: -webkit-linear-gradient(to right, #ffab00, #d32929);
  background: -moz-linear-gradient(to right, #ffab00, #d32929);
  background: -o-linear-gradient(to right, #ffab00, #d32929);
  background: linear-gradient(to right, #ffab00, #d32929);
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.mySupport_content .salesRepSection .representativeSection .repSection .additionalInfo {
  border-top: 1px solid #e7e7e7;
  margin: 15px 0 0 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}
.mySupport_content .salesRepSection .representativeSection .repSection .additionalInfo .infoTitle {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold;
}
.mySupport_content .salesRepSection .representativeSection .repContact {
  margin: 10px -8px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  -ms-justify-content: left;
  justify-content: left;
  -ms-flex-pack: left;
}
.mySupport_content .salesRepSection .representativeSection .repContact .contactBox {
  -webkit-box-flex: 1 0 50%;
  -moz-box-flex: 1 0 50%;
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 5px 5px 5px 10%;
  max-width: 48%;
  margin: 0 1%;
  display: inline-block;
  border: 2px solid #F26D21;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.mySupport_content .salesRepSection .representativeSection .repContact .contactBox.emailBox:before, .mySupport_content .salesRepSection .representativeSection .repContact .contactBox.phoneBox:before {
  content: '';
  background-size: 35px;
  width: 35px;
  display: inline-block;
  position: absolute;
  height: 35px;
  margin-left: -55px;
  margin-top: 20px;
  background-repeat: no-repeat;
}
.mySupport_content .salesRepSection .representativeSection .repContact .contactBox.emailBox:before {
  background-image: url("../img/support_email.png");
}
.mySupport_content .salesRepSection .representativeSection .repContact .contactBox.phoneBox:before {
  background-image: url("../img/support_phone.png");
}
.mySupport_content .salesRepSection .representativeSection .repContact .contactBox .infoTitle {
  color: #331D0C;
  font-size: 14px;
  margin-bottom: 5px;
}
.mySupport_content .salesRepSection .representativeSection .repContact .contactBox .phone, .mySupport_content .salesRepSection .representativeSection .repContact .contactBox a {
  color: #F26D21;
  font-weight: bold;
}
.mySupport_content .salesRepSection .representativeSection .repContact .contactBox .phoneInfo {
  font-size: 11px;
}
@media only screen and (max-width: 670px) {
  .mySupport_content .salesRepSection .representativeSection .repContact .contactBox {
    max-width: 97%;
    -webkit-box-flex: 1 0 90%;
    -moz-box-flex: 1 0 90%;
    -webkit-flex: 1 0 90%;
    -ms-flex: 1 0 90%;
    flex: 1 0 90%;
    margin-top: 25px;
    padding: 5px 5px 5px 20%;
  }
}
.mySupport_content .salesRepSection .responsibilitiesSection {
  margin-top: 35px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: -webkit-linear-gradient(to right, #F26D21, #d00000);
  background: -moz-linear-gradient(to right, #F26D21, #d00000);
  background: -o-linear-gradient(to right, #F26D21, #d00000);
  background: linear-gradient(to right, #f26d21, #d00000);
  padding: 15px 25px;
}
.mySupport_content .salesRepSection .responsibilitiesSection .title {
  color: #ffffff;
  font-size: 31px;
  text-transform: none;
  width: 70%;
  padding: 20px;
}
@media only screen and (max-width: 600px) {
  .mySupport_content .salesRepSection .responsibilitiesSection .title {
    width: 100%;
    font-size: 27px;
  }
}
.mySupport_content .salesRepSection .responsibilitiesSection .boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mySupport_content .salesRepSection .responsibilitiesSection .boxes .box {
  -webkit-box-flex: 1 0 33%;
  -moz-box-flex: 1 0 33%;
  -webkit-flex: 1 0 33%;
  -ms-flex: 1 0 33%;
  flex: 1 0 33%;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-align: center;
  padding: 25px 25px 35px 25px;
  max-width: 29%;
  margin: 20px 2%;
  display: inline-block;
}
@media only screen and (max-width: 600px) {
  .mySupport_content .salesRepSection .responsibilitiesSection .boxes .box {
    max-width: 100%;
    -webkit-box-flex: 1 0 100%;
    -moz-box-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
}
.mySupport_content .salesRepSection .responsibilitiesSection .boxes .box .title {
  color: #D2232A;
  width: 100%;
  margin-top: 20px;
  padding: 0;
}
.mySupport_content .salesRepSection .responsibilitiesSection .boxes .box .resp_icon:before {
  content: "";
  display: inline-block;
  width: 55px;
  height: 55px;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  background-color: #ffffff;
  -moz-box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2);
  position: absolute;
  margin-top: -52px;
  margin-left: -25px;
}
.mySupport_content .salesRepSection .responsibilitiesSection .boxes .box .resp_icon:after {
  content: '';
  background-size: 25px;
  display: inline-block;
  width: 25px;
  position: absolute;
  height: 25px;
  margin-left: -10px;
  margin-top: -37px;
  background-repeat: no-repeat;
}
.mySupport_content .salesRepSection .responsibilitiesSection .boxes .box .resp_icon.brand-mix:after {
  background-image: url("../img/support_brand_mix.png");
}
.mySupport_content .salesRepSection .responsibilitiesSection .boxes .box .resp_icon.brand-visibility:after {
  background-image: url("../img/support_brand_visibility.png");
}
.mySupport_content .salesRepSection .responsibilitiesSection .boxes .box .resp_icon.brand-trends:after {
  background-image: url("../img/support_brand_trends.png");
}
.mySupport_content .salesRepSection .responsibilitiesSection .respInfo {
  color: #ffffff;
  padding: 0 20px 20px 20px;
  font-size: 16px;
}
.mySupport_content .myRequestSection .filters-section {
  border: 0;
  margin: 0 -15px;
  padding-bottom: 0;
}
.mySupport_content .myRequestSection .cases-table .newMsg:before {
  content: url("../img/NEW_msg.png");
  position: relative;
  margin-left: -3px;
  top: 8px;
}
.mySupport_content .myRequestSection .listOfCases {
  margin: 20px 0;
}
.mySupport_content .myRequestSection .listOfCases th {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}
.mySupport_content .myRequestSection .listOfCases th.sortOption:after {
  top: 3px;
}
.mySupport_content .myRequestSection .listOfCases th.sortOption:hover {
  cursor: pointer;
}
.mySupport_content .myRequestSection .listOfCases td {
  text-align: left;
  font-size: 13px !important;
  padding: 13px 5px;
}
.mySupport_content .myRequestSection .listOfCases td.newMsg:before {
  content: url("../img/NEW_msg.png");
  position: absolute;
  margin-top: -22px;
}
.mySupport_content .myRequestSection .listOfCases td:first-of-type {
  min-width: 110px;
}
@media only screen and (max-width: 991px) {
  .mySupport_content .myRequestSection .listOfCases {
    display: inline-block;
  }
}
.mySupport_content .myRequestSection #resetSearch {
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .mySupport_content .myRequestSection #resetSearch {
    top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .mySupport_content .myRequestSection #applySearch {
    top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .mySupport_content .myRequestSection .cases-table {
    margin-top: 30px;
  }
}
.mySupport_content .myRequestSection #abi-b2b-createNewRequest {
  margin-right: 0px;
  float: right;
}
@media only screen and (max-width: 767px) {
  .mySupport_content .myRequestSection #abi-b2b-createNewRequest {
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .mySupport_content .myRequestSection .case-input {
    max-width: 100%;
    width: 100%;
  }
}
.mySupport_content .myRequestSection .case-input-status {
  position: relative;
  font-weight: normal;
  text-align: left;
  padding-left: 10px;
}
.mySupport_content .myRequestSection .replyRequest:hover, .mySupport_content .myRequestSection .replyRequest:active, .mySupport_content .myRequestSection .replyRequest:focus {
  cursor: pointer;
}
.mySupport_content .myRequestSection #replyRequest {
  background-color: #D2232A;
}
.mySupport_content .myRequestSection #replyRequest:hover, .mySupport_content .myRequestSection #replyRequest:active, .mySupport_content .myRequestSection #replyRequest:focus {
  background-color: #BD252C;
}
@media only screen and (max-width: 991px) {
  .mySupport_content .myRequestSection #replyRequest {
    max-width: 150px;
    float: left !important;
  }
}
.mySupport_content .myRequestSection #rateRequest {
  background-color: #D2232A;
  color: #ffffff;
}
.mySupport_content .myRequestSection #rateRequest:hover, .mySupport_content .myRequestSection #rateRequest:active, .mySupport_content .myRequestSection #rateRequest:focus {
  background-color: #86171b;
}
@media only screen and (max-width: 991px) {
  .mySupport_content .myRequestSection #rateRequest {
    max-width: 150px;
    float: left !important;
  }
}
.mySupport_content .myRequestSection .action_sm_btn {
  padding: 0 10px;
  min-height: 30px;
  height: 30px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .mySupport_content .label-with-margin {
    float: left !important;
  }
}
.mySupport_content #mySupportNumberSelect, .mySupport_content #myDocumentationNumberSelect1 {
  height: 40px !important;
}
.mySupport_content #mySupportForm {
  margin-bottom: 15px;
}
.mySupport_content .createCasePage #createNewRequestForm {
  margin-top: 20px;
}
.mySupport_content .createCasePage .createCaseError {
  display: none;
  margin-top: 20px;
  color: #D2232A;
  font-weight: bold;
}
.mySupport_content .technicalServices .technicalHeader {
  font-weight: bold;
  font-size: 18px;
}
.mySupport_content .technicalServices .chatSection {
  background: none;
  padding: 0;
}
.mySupport_content .technicalServices .chatSection .phoneBox:before {
  content: '';
  background-size: 35px;
  background-image: url("../img/support_phone.png");
  width: 35px;
  display: inline-block;
  position: absolute;
  height: 35px;
  margin-left: 5px;
  margin-top: 25px;
  background-repeat: no-repeat;
}
.mySupport_content .technicalServices .chatSection .phoneNumber {
  color: #F26D21;
  font-weight: bold;
}
.mySupport_content .technicalServices .chatSection .techincalPhone {
  font-weight: bold;
}
.mySupport_content .technicalServices .chatSection .technicalSchedule {
  color: #666666;
  text-transform: none;
}
.mySupport_content .technicalServices .chatSection .chatBox:hover {
  cursor: default;
}
.mySupport_content .Zebra_DatePicker_Icon_Wrapper {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .mySupport_content .Zebra_DatePicker_Icon_Wrapper {
    width: 100% !important;
  }
}
.mySupport_content .Zebra_DatePicker_Icon_Wrapper input {
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 40px;
}
.mySupport_content .Zebra_DatePicker_Icon_Wrapper button.Zebra_DatePicker_Icon {
  top: 6px;
  right: 2px;
  width: 16px;
  height: 16px;
  left: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  border: none;
}
.mySupport_content .Zebra_DatePicker_Icon_Wrapper button.Zebra_DatePicker_Icon:after {
  content: "\f073";
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #F26D21;
  position: relative;
  top: -8px;
  left: 0;
}
.mySupport_content .memberBenefits {
  background-color: #E6E6E6;
  margin: 0 -25px;
}
@media only screen and (max-width: 1199px) {
  .mySupport_content .memberBenefits {
    margin: 0;
  }
}
.mySupport_content .memberBenefits .benefitHeader {
  text-align: center;
  background-image: linear-gradient(to right, #f26d21, #d52529);
  padding: 20px 20px 60px 20px;
}
.mySupport_content .memberBenefits .benefitHeader .title {
  color: #ffffff;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: bold;
}
.mySupport_content .memberBenefits .benefitHeader .sub-title {
  color: #ffffffd4;
  font-size: 15px;
  width: 52%;
  margin: 15px auto;
}
.mySupport_content .memberBenefits .technicalServices {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  width: 90%;
  margin: -40px auto 0 auto;
}
.mySupport_content .memberBenefits .technicalServices .technicalService {
  -webkit-box-flex: 1 0 200px;
  -moz-box-flex: 1 0 200px;
  -webkit-flex: 1 0 200px;
  -ms-flex: 1 0 200px;
  flex: 1 0 200px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ffffff 30%);
  margin: 10px;
}
.mySupport_content .memberBenefits .technicalServices .technicalService .technicalHeader {
  color: #ffffff;
  text-transform: uppercase;
  background-image: linear-gradient(to right, #d02329 -18%, #3d1d0e);
  padding: 15px;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mySupport_content .memberBenefits .technicalServices .technicalService .technicalHeader img {
  height: 40px;
  margin-bottom: 5px;
}
.mySupport_content .memberBenefits .technicalServices .technicalService .technicalHeader p {
  width: 60%;
  margin: 0 auto;
}
.mySupport_content .memberBenefits .technicalServices .technicalService .technicalHeader.expertHeader {
  background-image: linear-gradient(to right, #fbb70a -10%, #f27020);
}
.mySupport_content .memberBenefits .technicalServices .technicalService .technicalHeader.classHeader {
  background-image: linear-gradient(to right, #e61301, #a40519);
}
.mySupport_content .memberBenefits .technicalServices .technicalDesc {
  background-color: #ffffff;
  padding: 10px 20px 20px 20px;
  color: #666666;
  text-align: center;
  font-size: 13px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mySupport_content .memberBenefits .planForBusiness {
  background-image: linear-gradient(to right, #c82228, #391d0d);
  padding: 20px;
  margin: 30px;
}
.mySupport_content .memberBenefits .planForBusiness .planHeader {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 22px;
  text-align: center;
  padding: 5px 20px 15px 5px;
  letter-spacing: 1.5px;
  font-weight: bold;
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 21%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ffffff 30%);
  margin: 5px;
}
@media only screen and (max-width: 1199px) {
  .mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab {
    -webkit-box-flex: 1 0 auto;
    -moz-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 48%;
  }
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab.smallerTab {
  width: 15%;
}
@media only screen and (max-width: 1199px) {
  .mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab.smallerTab {
    width: 48%;
  }
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab .tabHeader {
  color: #ffffff;
  padding: 10px;
  background-image: linear-gradient(to right, #c9c9c8, #99918b);
  margin: 0;
  min-height: 118px;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media only screen and (max-width: 596px) {
  .mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab .tabHeader {
    min-height: 0;
  }
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab .tabHeader .title {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  word-wrap: break-word;
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab .tabHeader .sub-title {
  font-size: 12px;
  color: #ffffffe0;
  word-wrap: break-word;
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab.explorerTab .tabHeader {
  background-image: linear-gradient(to right, #fab20b, #ee6322);
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab.basicTab .tabHeader {
  background-image: linear-gradient(to right, #ee6322, #d52529);
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab.plusTab .tabHeader {
  background-image: linear-gradient(to right, #d62729, #8f0816);
}
.mySupport_content .memberBenefits .planForBusiness .businessTabs .businessTab .desc {
  margin: -10px;
  padding: 25px;
  font-size: 13px;
  text-align: center;
  word-wrap: break-word;
}
.mySupport_content .memberBenefits .planForBusiness .requestSection {
  margin: 20px auto 0 auto;
  text-align: center;
}

.mySupport_content, #rating-desktop-target, #knowledge-article-target {
  /* MODALS ---------------------*/
}
.mySupport_content .title, #rating-desktop-target .title, #knowledge-article-target .title {
  color: #D2232A;
  font-weight: bold;
  text-transform: uppercase;
  margin: 15px 0 5px 0;
  letter-spacing: 1.5px;
  font-size: 17px;
}
.mySupport_content .modal .modal-content, #rating-desktop-target .modal .modal-content, #knowledge-article-target .modal .modal-content {
  text-align: center;
  padding: 5px 20px 20px 20px;
}
.mySupport_content .modal .modal-content textarea, #rating-desktop-target .modal .modal-content textarea, #knowledge-article-target .modal .modal-content textarea {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 100%;
  margin: 20px 0;
  padding: 15px;
}
.mySupport_content .modal .modal-content #submitFeedback, #rating-desktop-target .modal .modal-content #submitFeedback, #knowledge-article-target .modal .modal-content #submitFeedback {
  width: 100%;
}
.mySupport_content .modal .modal-content .box__uploading .spinner, #rating-desktop-target .modal .modal-content .box__uploading .spinner, #knowledge-article-target .modal .modal-content .box__uploading .spinner {
  content: url(../img/color_spinner_up.svg);
  color: #D2232A;
  display: inline-block;
  height: 35px;
  width: 35px;
}
.mySupport_content .modal .modal-content .btn, #rating-desktop-target .modal .modal-content .btn, #knowledge-article-target .modal .modal-content .btn {
  margin: 10px 0 0px 0;
}
.mySupport_content #rateRequestModal .modal-content, #rating-desktop-target #rateRequestModal .modal-content, #knowledge-article-target #rateRequestModal .modal-content {
  text-align: center;
  padding: 5px 20px 20px 20px;
}
.mySupport_content #rateRequestModal .modal-content textarea, #rating-desktop-target #rateRequestModal .modal-content textarea, #knowledge-article-target #rateRequestModal .modal-content textarea {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 100%;
  margin: 20px 0;
  padding: 15px;
}
.mySupport_content #rateRequestModal .modal-content #submitFeedback, #rating-desktop-target #rateRequestModal .modal-content #submitFeedback, #knowledge-article-target #rateRequestModal .modal-content #submitFeedback {
  width: 100%;
}
.mySupport_content #rateRequestModal .modal-content .box__uploading .spinner, #rating-desktop-target #rateRequestModal .modal-content .box__uploading .spinner, #knowledge-article-target #rateRequestModal .modal-content .box__uploading .spinner {
  content: url(../img/color_spinner_up.svg);
  color: #D2232A;
  display: inline-block;
  height: 35px;
  width: 35px;
}
.mySupport_content #rateRequestModal .modal-content .btn, #rating-desktop-target #rateRequestModal .modal-content .btn, #knowledge-article-target #rateRequestModal .modal-content .btn {
  margin: 10px 0 0px 0;
}
.mySupport_content #rateRequestModal .modal-content.coverModal:before, #rating-desktop-target #rateRequestModal .modal-content.coverModal:before, #knowledge-article-target #rateRequestModal .modal-content.coverModal:before {
  content: "";
  background-color: white;
  opacity: .3;
  width: 100%;
  left: 0;
  min-height: 300px;
  display: inline-block;
  position: absolute;
  z-index: 3;
}

.ratingRequest {
  background-color: #f3f3f3;
  margin-top: 15px;
}
.ratingRequest .request-rating {
  direction: rtl;
  font-size: 40px;
  unicode-bidi: bidi-override;
  padding: 10px 30px;
  display: inline-block;
}
.ratingRequest .request-rating input {
  opacity: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  width: 45px;
  height: 35px;
  margin-top: 2px;
}
.ratingRequest .request-rating input:hover + span.star.one:before, .ratingRequest .request-rating input:checked + span.star.one:before, .ratingRequest .request-rating input:hover + span.star.two:before, .ratingRequest .request-rating input:hover + span.star.two ~ span.star:before, .ratingRequest .request-rating input:checked + span.star.two:before, .ratingRequest .request-rating input:checked + span.star.two ~ span.star:before {
  color: #D2232A;
  content: "\f005";
}
.ratingRequest .request-rating input:hover + span.star.three:before, .ratingRequest .request-rating input:hover + span.star.three ~ span.star:before, .ratingRequest .request-rating input:checked + span.star.three:before, .ratingRequest .request-rating input:checked + span.star.three ~ span.star:before {
  color: #ffa64d;
  content: "\f005";
}
.ratingRequest .request-rating input:hover + span.star.four:before, .ratingRequest .request-rating input:hover + span.star.four ~ span.star:before, .ratingRequest .request-rating input:checked + span.star.four:before, .ratingRequest .request-rating input:checked + span.star.four ~ span.star:before, .ratingRequest .request-rating input:hover + span.star.five:before, .ratingRequest .request-rating input:hover + span.star.five ~ span.star:before, .ratingRequest .request-rating input:checked + span.star.five:before, .ratingRequest .request-rating input:checked + span.star.five ~ span.star:before {
  color: #8AD223;
  content: "\f005";
}
.ratingRequest .request-rating span {
  margin-left: -15px;
}
.ratingRequest .request-rating span.star {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  position: relative;
  z-index: 1;
  width: 45px;
  height: 35px;
}
.ratingRequest .request-rating span.star:before {
  color: #CCCCCC;
  content: "\f005";
}

.ratingStarsContainer {
  white-space: nowrap;
}

.smallRatingStar {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  position: relative;
  z-index: 1;
  font-size: 12px;
}
.smallRatingStar:before {
  content: "\f005";
}

.starColor1, .starColor2 {
  color: #D2232A;
}

.starColor3 {
  color: #ffa64d;
}

.starColor4, .starColor5 {
  color: #8AD223;
}

.chatSection #knowledge-search-target .searchbox {
  width: 100%;
}
.chatSection #knowledge-search-target .searchbox input#knowledge-search {
  width: 100%;
  border: 2px solid #F26D21;
  color: #331D0C;
  text-align: center;
  background-color: #ffffff;
  font-size: 18px;
  padding: 15px;
  padding-left: 25px;
}
.chatSection #knowledge-search-target .searchbox .input-group {
  box-shadow: none;
  padding: 0 15px;
  background: none;
}
.chatSection #knowledge-search-target .searchbox .input-group .icon {
  left: 23px;
}
.chatSection #knowledge-search-target .searchbox .search-wrapper {
  margin-top: 40px;
  background: #fff;
  border: 2px solid #F26D21;
}

#knowledge-search-target .searchbox {
  width: 90%;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  #knowledge-search-target .searchbox {
    padding-left: 25px;
  }
}
#knowledge-search-target .searchbox .input-group {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 0 0 1px #ccc;
}
#knowledge-search-target .searchbox .suggested-label {
  margin-bottom: 10px;
  color: #949393;
  font-size: 11px;
  margin: 5px 10px 0;
}
#knowledge-search-target .searchbox .search-article {
  padding: 10px 0 10px 10px;
}
#knowledge-search-target .searchbox .search-article a:hover {
  cursor: pointer;
  color: #F26D21;
}
#knowledge-search-target .searchbox .search-wrapper {
  margin-top: 44px;
  padding: 15px;
  border-top: 1px solid #ddd;
}
#knowledge-search-target .searchbox .search-wrapper img {
  display: block;
  margin: 0 auto;
}
#knowledge-search-target .searchbox input#knowledge-search {
  border-radius: 5px;
  padding-left: 25px;
  border: none;
  height: 44px;
}
#knowledge-search-target .searchbox .input-group .icon {
  color: #000000;
  position: absolute;
  top: 13px;
  left: 8px;
  z-index: 5;
  margin: 0;
  padding: 0;
  cursor: text;
}

.knowledge-header .knowledge-header-section {
  background: -webkit-linear-gradient(to left, #ffab00, #d32929);
  background: -moz-linear-gradient(to left, #ffab00, #d32929);
  background: -o-linear-gradient(to left, #ffab00, #d32929);
  background: linear-gradient(to left, #ffab00, #d32929);
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .knowledge-header .knowledge-header-section {
    min-height: 160px;
  }
}
.knowledge-header .knowledge-header-section .sub-header {
  padding: 0 0 0 15px;
}
.knowledge-header .back-section {
  color: #fff;
  font-size: 12px;
  padding: 0 0 0 15px;
  margin: 5px 0 15px 0;
}
.knowledge-header .back-section a {
  padding: 0 0 0 15px;
  color: #fff;
  font-size: 12px;
}
.knowledge-header .back-section a:before {
  color: #fff;
  font-size: 18px;
  left: 28px;
  top: 2px;
}
.knowledge-header .knowledge-breadcrumb {
  background: none;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .knowledge-header .knowledge-breadcrumb {
    margin-top: 140px;
  }
}
.knowledge-header .knowledge-breadcrumb .cc_breadcrumb_item {
  color: #fff;
  font-size: 14px;
}
.knowledge-header .knowledge-breadcrumb .breadcrumb {
  background: none;
  margin-bottom: 0;
}
.knowledge-header .knowledge-breadcrumb .breadcrumb a {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}
.knowledge-header .knowledge-breadcrumb .breadcrumb li:before {
  color: #fff;
}

#rateArticleThanksModal {
  top: 40%;
}

.knowledge-container {
  background: #fff;
}
.knowledge-container mark {
  background: #ff0;
}
.knowledge-container .article-list-container {
  max-height: 120px;
  overflow: hidden;
}
@media only screen and (max-width: 578px) {
  .knowledge-container .openRequestKnowledge {
    margin-bottom: 20px;
  }
}
.knowledge-container .openRequestKnowledge p {
  text-align: center;
  margin-left: -45px;
}
.knowledge-container .knowledge-pagination-section {
  margin-top: 25px;
}
.knowledge-container .knowledge-article-body {
  font-style: italic;
}
.knowledge-container .article-title {
  color: #D2232A;
}
.knowledge-container .article-title:hover {
  cursor: pointer;
}
.knowledge-container .openRequestSection {
  margin-bottom: 20px;
}
.knowledge-container .chatSection {
  background: #fff;
  margin-top: 0;
}
.knowledge-container .rate-article-section {
  background: #f3f3f3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 15px 0 25px 0;
  margin: 26px 0 0 0;
}
.knowledge-container .answerButton {
  background: none;
  border: none;
}
.knowledge-container .answerButton .fa {
  font-size: 28px;
  color: #54698d;
}
.knowledge-container .answerButton .fa:hover {
  color: #4d7dd0;
}
.knowledge-container .answerButton .fa.already-rated {
  color: #bbbbbb;
  font-size: 22px;
  padding-top: 4px;
}
.knowledge-container .answerButton .fa.positive-rate {
  color: #F26D21;
  font-size: 28px;
  padding-top: 0;
}
.knowledge-container .answerButton .fa.negative-rate {
  color: #D2232A;
  font-size: 28px;
  padding-top: 0;
}
.knowledge-container .knowledge-recent-section {
  margin: 15px;
}
.knowledge-container .knowledge-recent-section .sub-header {
  margin: 15px 0 5px 0;
}
.knowledge-container .knowledge-article-section {
  padding: 30px;
}
.knowledge-container .knowledge-article-section .knowledge-article {
  white-space: pre-wrap;
  margin-top: 25px;
}
.knowledge-container .knowledge-article-section .knowledge-article img, .knowledge-container .knowledge-article-section .knowledge-article iframe {
  max-width: 100%;
}
.knowledge-container .knowledge-article-search-section {
  padding: 30px;
}
.knowledge-container .knowledge-article-search-section .article-title-search {
  color: #4d7dd0;
}
.knowledge-container .knowledge-article-search-section .article-title-search:hover {
  cursor: pointer;
}
.knowledge-container .knowledge-article-search-section .number-results {
  margin-bottom: 15px;
}
.knowledge-container .knowledge-article-search-section .sub-header-dark {
  margin-top: 25px;
}
.knowledge-container .knowledge-article-search-section .sub-header-medium {
  margin: 15px 0 0 0;
}
.knowledge-container .knowledge-related-articles-section {
  background: #f3f3f3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 15px;
  margin: 15px 0 0 0;
}
.knowledge-container .knowledge-related-articles-section .related-article {
  padding: 10px 0;
  color: #331D0C;
}
.knowledge-container .knowledge-related-articles-section .related-article:hover {
  color: #F26D21;
  cursor: pointer;
}
.knowledge-container .knowledge-quick-solutions-section {
  background: #f3f3f3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 15px 15px 0 15px;
  margin: 15px 0 15px 0;
}
@media only screen and (max-width: 991px) {
  .knowledge-container .knowledge-quick-solutions-section {
    padding-bottom: 15px;
  }
}
.knowledge-container .knowledge-quick-solutions-section .sub-header-small {
  margin: 0;
}
.knowledge-container .knowledge-quick-solutions-section .quick-solution {
  padding: 10px 0;
  border-top: 1px solid #eee;
}
@media only screen and (max-width: 991px) {
  .knowledge-container .knowledge-quick-solutions-section .quick-solution {
    padding: 20px 0;
  }
}
.knowledge-container .knowledge-quick-solutions-section .quick-solution:hover {
  cursor: pointer;
}
.knowledge-container .knowledge-quick-solutions-section .solution_icon {
  display: block;
  width: 55px;
  height: 55px;
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .knowledge-container .knowledge-quick-solutions-section .solution_icon {
    position: relative;
    left: -8px;
  }
}
.knowledge-container .knowledge-quick-solutions-section .solution_icon:before {
  content: "";
  position: absolute;
  width: 55px;
  height: 55px;
  min-width: 55px;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  background-color: #ffffff;
  -moz-box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.knowledge-container .knowledge-quick-solutions-section .solution_icon.payments_icon:after, .knowledge-container .knowledge-quick-solutions-section .solution_icon.order_icon:after, .knowledge-container .knowledge-quick-solutions-section .solution_icon.services_icon:after, .knowledge-container .knowledge-quick-solutions-section .solution_icon.account-icon:after {
  background-size: 30px 31px;
  width: 30px;
  position: absolute;
  margin-top: 12px;
  margin-left: 13px;
  height: 35px;
  content: "";
  background-repeat: no-repeat;
}
.knowledge-container .knowledge-quick-solutions-section .solution_icon.order_icon:after {
  background-image: url("../img/support_orders.png");
}
.knowledge-container .knowledge-quick-solutions-section .solution_icon.payments_icon:after {
  background-image: url("../img/support_payments.png");
}
.knowledge-container .knowledge-quick-solutions-section .solution_icon.services_icon:after {
  background-image: url("../img/support_technical.png");
}
.knowledge-container .knowledge-quick-solutions-section .solution_icon.account-icon:after {
  background-image: url("../img/support_account.png");
}

/* -- CHATBOT -- */
#chatBotTarget {
  margin-top: 30px;
  margin-left: 10px;
  margin-right: -10px;
}
#chatBotTarget .kore-chat-window {
  position: static;
  z-index: 0;
  width: auto;
  max-width: 100%;
  height: 500px;
}
@media only screen and (max-width: 767px) {
  #chatBotTarget .kore-chat-window {
    height: 500px !important;
  }
}
#chatBotTarget .kore-chat-window .kore-chat-body {
  top: 0;
  height: 394px;
}
#chatBotTarget .kore-chat-window .kore-chat-body ul.chat-container {
  padding: 0px;
  padding-right: 25px;
}
#chatBotTarget .kore-chat-window .kore-chat-header, #chatBotTarget .kore-chat-window .sdkFooterIcon, #chatBotTarget .kore-chat-window .sdkFooterIcon {
  display: none;
}
#chatBotTarget .kore-chat-window .kore-chat-footer .chatInputBox {
  min-height: 60px;
  padding-top: 15px;
}
#chatBotTarget .kore-chat-window .kore-chat-footer .chatSendMsg {
  position: relative;
  text-align: right;
}

.myRequestSection .filter-button-section {
  margin: 0 10px 20px 0;
}
.myRequestSection #xmySupportForm label {
  position: relative;
}
.myRequestSection #xmySupportForm .dropdown-arrow {
  position: absolute;
  right: 20px;
  bottom: 12px;
  left: auto;
  top: auto;
}

@media only screen and (min-width: 768px) {
  .mySupportControls div:first-child {
    margin-bottom: 20px;
  }
  .mySupportControls #filterText {
    margin-top: 17px;
  }
  .mySupportControls #mySupportNumberSelect {
    width: 90px;
  }
  .mySupportControls label {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .mySupportControls > div {
    margin: 10px 0;
  }
  .mySupportControls #xmySupportForm label {
    width: 100%;
  }
}

#contactCustomerServiceCenter .text_section {
  margin-left: 70px;
}

.progress-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress-loader-static {
  position: static;
  transform: none;
  margin: 50px 0 40px 0;
}

.progress-loader span {
  height: 10px;
  width: 10px;
  display: inline-block;
  border-radius: 50%;
  animation: wave 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.progress-loader span:nth-child(1) {
  animation-delay: -500ms;
  background-color: #D2232A;
}

.progress-loader span:nth-child(2) {
  animation-delay: -375ms;
  background-color: #F26D21;
}

.progress-loader span:nth-child(3) {
  animation-delay: -250ms;
  background-color: #F7922A;
}

.progress-loader span:nth-child(4) {
  animation-delay: -125ms;
  background-color: #8AD223;
}

@keyframes wave {
  0%, 40%, 100% {
    transform: translate(0, 0);
  }
  80% {
    transform: translate(0, -22px);
  }
}
.changePasswordContainer {
  color: #666666;
}

.changePasswordContainer div {
  margin-top: 15px;
  margin-bottom: 15px;
}

.changePasswordContainer div.submit-container {
  text-align: right;
  padding-right: 70px;
  margin-top: 40px;
}

.changePasswordContainer .glyphicon-remove-circle {
  color: grey;
}

.changePasswordContainer .glyphicon-ok-circle {
  color: green;
}

.changePasswordContainer .input-field {
  margin: 0;
  padding: 5px;
  width: 90%;
}

.changePasswordContainer .message_container {
  color: red;
}

.changePasswordContainer li {
  margin-left: 45px;
}

.pwd-rst-error-msg {
  width: 91%;
  height: auto;
  margin-left: 0 !important;
}

.request-empties-section {
  padding: 20px 10px;
  margin: 35px 0 10px;
  border: 1px solid #E3D9D2;
  border-radius: 5px;
}
.request-empties-section .request-empties-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.request-empties-section .request-empties-heading > div[class^='col'] {
  padding: 0;
}
.request-empties-section .request-empties-heading .label-description {
  word-break: break-word;
}
.request-empties-section .request-empties-heading .switchToggle {
  float: right;
}
.request-empties-section .request-empties-heading .switchToggle input + label:before, .request-empties-section .request-empties-heading .switchToggle input + input + label:before {
  transform: translateY(9%);
}
.request-empties-section #request-empties-inputs-coll {
  margin: 10px 0;
}
.request-empties-section #request-empties-inputs-coll p.label-description {
  text-align: center;
}
.request-empties-section #request-empties-inputs-coll .error_msg {
  font-size: 15px;
}
.request-empties-section .request-empties-inputs {
  width: 80%;
  margin: 5px 10% 20px;
  overflow: hidden;
}
.request-empties-section .request-empties-inputs .quantity-input-top {
  margin: 0 0 7px 0;
}
.request-empties-section .request-empties-inputs .input-group {
  border: 1px solid #cccccc;
  border-radius: 50px;
}
@media (min-width: 992px) {
  .request-empties-section div.child-inner-borders > *:not(:last-child) {
    border-right: 1px solid #cccccc;
  }
}
@media (max-width: 992px) {
  .request-empties-section div.child-inner-borders > *:not(:last-child) {
    margin-bottom: 21px;
  }
}

/* Bootstrap popover overridden */
.popover {
  position: absolute;
  font-size: 12px;
  background: #444;
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: 6px;
  width: 100%;
  max-width: 140px;
  z-index: 300;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.popover-content {
  padding: 0;
}

.popover > .arrow:after {
  border-width: 8px;
}

.popover > .arrow {
  border-width: 8px;
}

.popover.right > .arrow {
  border-right-color: transparent;
}

.popover.left > .arrow {
  border-left-color: transparent;
}

.popover.top > .arrow {
  border-top-color: transparent;
}

.popover.bottom > .arrow {
  border-bottom-color: transparent;
}

.popover.right > .arrow, .popover.left > .arrow {
  margin-top: -8px;
}

.popover.top > .arrow, .popover.bottom > .arrow {
  margin-left: -8px;
}

.popover.top > .arrow:after {
  border-top-color: #444;
  bottom: 3px;
  margin-left: -8px;
}

.popover.bottom > .arrow:after {
  border-bottom-color: #444;
  top: 3px;
  margin-left: -8px;
}

.popover.left > .arrow:after {
  border-left-color: #444;
  bottom: -8px;
  right: 3px;
}

.popover.right > .arrow:after {
  border-right-color: #444;
  bottom: -8px;
  left: 3px;
}

.tooltip-inner {
  word-wrap: break-word;
  max-width: 16em;
  white-space: pre-line;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

html {
  height: 100%;
  min-width: 320px;
}

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

*, div, a {
  background-repeat: no-repeat;
  background-position: center center;
}

body {
  background-size: cover;
  background-attachment: fixed;
  background: #f0f0f0;
  padding-right: 0px !important;
  color: #4d4d4d;
  position: relative;
}
@media only screen and (min-width: 768px) {
  body {
    padding-top: 142px;
  }
  body.withAlert {
    padding-top: 196px;
  }
}

body.MyAccount {
  background-color: #fff;
}

body, td, .tooltip {
  font-size: 15px !important;
  font-family: Helvetica, Sans-serif !important;
}

*:focus {
  outline: none;
}

p {
  margin: 5px 0;
  line-height: normal !important;
}

a {
  color: #45130f;
  font-weight: bold;
}
a:hover {
  color: inherit;
  text-decoration: underline;
}

h1 {
  color: #D2232A;
  font-size: 32px;
  font-weight: bold;
  padding: 0 0 20px 0;
  margin: 0;
  display: block;
}
h1 span {
  display: block;
  color: #4d4d4d;
  font-size: 15px;
}

h2 {
  color: #4d4d4d;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding: 0;
  display: block;
}
h2 span {
  display: block;
  color: #4d4d4d;
  font-size: 15px;
  font-weight: normal;
}

h3 {
  color: #4d4d4d;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 10px 0;
  display: block;
}
h3 span {
  display: block;
  color: #4d4d4d;
  font-size: 15px;
}
h3.red {
  color: #D2232A;
  margin-bottom: 5px;
}

h4 {
  color: #4d4d4d;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 6.66667px 0;
  display: block;
}
h4 span {
  display: block;
  color: #4d4d4d;
  font-size: 15px;
}

h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  font-size: 15px;
}

.panel-title {
  font-size: 15px;
}

div.tooltip {
  white-space: nowrap;
}

.row > .cart-template,
.row > .desktop_body {
  margin: 0 15px;
}

div#content.customer {
  padding-top: 80px;
}
div#content .spinner {
  background-image: url(../img/spinner_64x64.gif);
  background-size: 32px;
  background-position: center 40%;
  background-repeat: no-repeat;
}
div#content section {
  padding: 20px;
  margin-bottom: 10px;
  background: #ffffff;
  position: relative;
}
div#content section > h1 + button,
div#content section > h1 + a.button {
  position: absolute;
  display: block;
  top: 20px;
  right: 20px;
}
div#content section h2.with-profile-image {
  position: relative;
  min-height: 45px;
  padding-left: 60px;
  padding-top: 5px;
}
div#content section h2.with-profile-image img {
  position: absolute;
  left: 0;
  top: 0;
}
div#content section.small {
  padding-top: 11px;
  padding-bottom: 10px;
}
div#content section.small h2 {
  margin: 0;
}
div#content section .row.row-with-line .ccxTextContainer + .ccxTextContainer {
  position: relative;
}
div#content section .row.row.row-with-line + .row-with-margin {
  margin-top: 10px;
}
div#content section .row.row-with-margin + .row.row-with-line, div#content section .row.row-with-line + .row.row-with-line {
  padding-top: 10px;
  margin-top: 0;
  position: relative;
}
div#content section .row.row-with-margin + .row.row-with-line:before, div#content section .row.row-with-line + .row.row-with-line:before {
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  border-top: 1px solid #f0f0f0;
}
div#content section .ccxTextContainer {
  position: relative;
  margin-bottom: 10px;
}
div#content section .ccxTextContainer .descriptionText {
  color: #D2232A;
}
div#content section .ccxTextContainer .labelText {
  color: #4a4a4a;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div#content section .ccxTextContainer .labelText + .descriptionText {
  margin-top: 10px;
}
div#content section .ccxTextContainer button.icon.action-edit {
  position: absolute;
  right: 10px;
  top: -5px;
}
div#content section.page-contactdata .ccxTextContainer {
  margin-bottom: 20px;
}
div#content section.page-mytasks table {
  margin-bottom: 0;
}
div#content section > section {
  background: #f2f2f2;
  margin-top: 20px;
  margin-bottom: 0;
}
div#content section > section > h1 {
  font-size: 18px;
}
div#content section > section.page-chatterfeed .input-group {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
div#content section > section.page-chatterfeed .input-group:last-child {
  margin-bottom: 0;
}
div#content section > section.page-chatterfeed .input-group textarea {
  width: 100%;
  min-height: 40px;
  max-height: 400px;
  resize: vertical;
}
div#content section > section.page-chatterfeed .input-group textarea + button {
  position: absolute;
  bottom: -30px;
  right: 0;
  z-index: 1;
  cursor: pointer;
}

img.profile-image {
  width: 45px;
  height: 45px;
  border: 3px solid #f2f2f2;
  margin-bottom: 15px;
  border-radius: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
}

span.status {
  text-transform: lowercase;
  background: #f2f2f2;
  color: #999999;
  padding: 0 5px;
  display: block;
  margin-right: 5px;
  border-radius: 3px;
  text-align: center;
  font-size: 11px;
}
span.status.status_unkown {
  background: #f2f2f2;
  color: #999999;
}
span.status.status_error {
  background: #D2232A;
  color: #ffffff;
}
span.status.status_okay {
  background: #8AD223;
  color: #ffffff;
}
span.status.status_warning {
  background: #fad600;
  color: #999999;
}

.view {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.badge {
  position: relative;
  top: -1px;
}

@media screen and (max-width: 460px) {
  div#content section .ccxTextContainer.ccxTextContainerEmpty {
    display: none;
  }

  .col-xxs-12 {
    width: 100%;
  }

  .col-xxs-11 {
    width: 91.66666667%;
  }

  .col-xxs-10 {
    width: 83.33333333%;
  }

  .col-xxs-9 {
    width: 75%;
  }

  .col-xxs-8 {
    width: 66.66666667%;
  }

  .col-xxs-7 {
    width: 58.33333333%;
  }

  .col-xxs-6 {
    width: 50%;
  }

  .col-xxs-5 {
    width: 41.66666667%;
  }

  .col-xxs-4 {
    width: 33.33333333%;
  }

  .col-xxs-3 {
    width: 25%;
  }

  .col-xxs-2 {
    width: 16.66666667%;
  }

  .col-xxs-1 {
    width: 8.33333333%;
  }
}
section.page-dashboard-feed-task > div.row,
section.page-chatterfeed > div.row {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.panel-default {
  border: 0 none;
}
.panel-default > .panel-heading {
  color: #ffffff;
  background-color: #B11F24;
  border: 0 none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.panel-default > .panel-collapse {
  border: 1px solid #eee;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel-default .panel-footer {
  background: #ffffff;
  border: 0 none;
  padding-top: 0;
}
.panel-default .panel-footer .form-group {
  overflow: hidden;
  *zoom: 1;
}

.cc_featured_products,
.cc_body {
  border: 0 none;
}
.cc_featured_products .cc_description,
.cc_body .cc_description {
  font-size: 13px;
  line-height: 15px;
}
.cc_featured_products .cc_product_name_link,
.cc_body .cc_product_name_link {
  line-height: normal;
}
.cc_featured_products .cc_item_heading,
.cc_body .cc_item_heading {
  font-size: 14px;
}
.cc_featured_products .cc_items,
.cc_body .cc_items {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cc_featured_products .cc_summary .cc_row_total,
.cc_body .cc_summary .cc_row_total {
  font-size: 14px;
}
.cc_featured_products .cc_summary hr,
.cc_body .cc_summary hr {
  margin-bottom: 10px;
}

.cc_panel {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.cc_panel > .cc_body {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.cc_form_quickorderrow {
  margin: 0 0 5px 0;
}

.cc_sku {
  font-size: 14px;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
hr:last-child {
  display: none;
}

h5 {
  font-size: 15px;
}

.no-scroll {
  overflow: hidden;
}

.contentBody {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: auto;
}

.cc_quickwishdesk {
  margin-top: 15px;
}

.input-group {
  width: 100%;
}

.icon-toggle {
  color: #ffffff;
}

a.cc_goto_section {
  display: block;
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media screen and (min-width: 768px) {
  div#content section.page-dashboard-feed-task > div.row, div#content section.page-chatterfeed > div.row {
    overflow: visible;
    -webkit-overflow-scrolling: auto;
  }
  div#content section .row.row-with-line .ccxTextContainer + .ccxTextContainer {
    padding-top: 0;
    margin-top: 0;
  }
  div#content section .row.row-with-line .ccxTextContainer + .ccxTextContainer:before {
    content: none;
    display: none;
  }
  div#content section .ccxTextContainer + .ccxTextContainer {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  div#content {
    padding-left: 80px;
    padding-right: 20px;
  }
  div#content.customer {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .view {
    width: 1200px;
  }

  div#content {
    padding-left: 180px;
    padding-right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  div#content.customer {
    padding-top: 0;
  }
}
/*
 *	Firefox and fieldsets
 *	Firefox has some awkward fieldset styling involving width that interferes with the responsive table.
 *	This cannot be overriden without a Firefox-specific hack that we don't provide in Bootstrap:
 */
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
/* Hiding raw JS response that appears due to ajax injection that includes a remoteAction script - functionality is unaffected */
#org\.ajax4jsf\.oncomplete {
  display: none;
}

.panel {
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.carousel-control.left, .carousel-control.right {
  background: none;
}

.minicart .my_cart > hr {
  display: none;
}
.minicart .my_cart hr {
  border-color: #ffffff;
}
.minicart .my_cart .form-group,
.minicart .my_cart button {
  margin: 0;
}

.pocm_budget {
  font-size: 13px;
}
.pocm_budget .panel-body > .panel-body {
  padding: 0;
}
.pocm_budget .pocm_rightside {
  float: right;
}

.panel-default > .panel-collapse {
  border: 0 none;
}

.resortAction.active {
  color: #F26D21;
}

.pal_info {
  min-height: auto;
}

.active.asc[data-sort]::after, .active.asc[data-id]::after {
  content: ' \025B2';
}

.active.desc[data-sort]::after, .active.desc[data-id]::after {
  content: ' \025BC ';
}

#collapseFeatureFilter .cc_filters .cc_panel_filter_inner .panel-body .cc_spec {
  text-indent: 0;
}

.cc_main_body {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

@media (min-width: 768px) {
  .deskLayout {
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin: 0;
  }
}

.container-fluid.navbar-inverse.cc_navbar-inverse.fixed-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.container-fluid.navbar-inverse.cc_navbar-inverse.fixed-nav .scroll-top {
  display: none;
}

.scroll-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 99;
  display: none;
}

.removePadding {
  padding: 0 !important;
}

.relative-wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .relative-wrapper {
    display: inline-block;
  }
}

/*# sourceMappingURL=styles.css.map */