/* ==========================================================================
  Colors
  ========================================================================== */
/* Primary Color
  ========================================================================== */
/* Secondary Color
  ========================================================================== */
/* Monochrome
  ========================================================================== */
/* Specific colors
  ========================================================================== */
/* ==========================================================================
  Typography
  ========================================================================== */
/* Settings
  ========================================================================== */
/* Families
  ========================================================================== */
/* Weights
  ========================================================================== */
/* Heading
  ========================================================================== */
/* ==========================================================================
  Grid / Responsive
  ========================================================================== */
/* Breakpoints
  ========================================================================== */
/* Spacing
  ========================================================================== */
/* ==========================================================================
  Transitions
  ========================================================================== */
/* ==========================================================================
	Breakpoints
	========================================================================== */
/* ==========================================================================
	Sizes
	========================================================================== */
/* ==========================================================================
	Colors
	========================================================================== */
/* ==========================================================================
	Vertical Align
	========================================================================== */
/* ==========================================================================
	Text Align
	========================================================================== */
/* ==========================================================================
	Font Weight
	========================================================================== */
/* ==========================================================================
	Direction
	========================================================================== */
/* ==========================================================================
	Container
	========================================================================== */
/* ==========================================================================
	Grid
	========================================================================== */
/**
 * Returns opaque color
 * Ex.: opaque(#fff, rgba(0, 0, 0, .5)) => #808080
 */
.c-quoteTable {
  --section-top-padding: 20px;
  --topBar-padding: 17px;
  --listitem-top-padding: 30px;
  --listitem-right-padding: 17px;
  --listitem-bottom-padding: 40px;
  --listitem-equip-img-flex: 130px;
  --listitem-equip-img-right-spacing: 27px;
  --listitem-equip-info-padding: 20px;
  --listitem-equip-info-subtitle-spacing: 29px;
  --listitem-equip-info-subtitle-fontsize: 10px;
  --listitem-equip-info-subtitle-letterspacing: 0.2px;
  --listitem-equip-info-subtitle-lineheight: 14px;
  --listitem-equip-info-model-fontsize: 11px;
  --listitem-quantity-controls-bottomspacing: 13px;
  --listitem-quantity-controls-item-innerpadding: 18px;
  --listitem-quantity-controls-icon-size: 10px;
  padding: var(--section-top-padding) 0 var(--spacing-responsive) 0;
}
.c-quoteTable__table {
  border: 1px solid var(--gray-300);
}
.c-quoteTable__table--topBar {
  padding: var(--topBar-padding);
  background: var(--gray-300);
}
.c-quoteTable__table--topBar__detailsCol, .c-quoteTable__table--topBar__quantityCol {
  display: none;
}
.c-quoteTable__table--message {
  padding: var(--topBar-padding);
}
.c-quoteTable__table--itemList {
  margin-bottom: 0;
}
.c-quoteTable__table--itemList__item {
  padding: var(--listitem-top-padding) var(--listitem-right-padding) var(--listitem-bottom-padding) var(--topBar-padding);
  margin-bottom: 0;
}
.c-quoteTable__table--itemList__item:nth-child(1n+2) {
  border-top: 1px solid var(--gray-300);
}
.c-quoteTable__table--itemList__item--equipment {
  display: flex;
  align-items: stretch;
  margin-bottom: 28px;
}
.c-quoteTable__table--itemList__item--equipment__img {
  border: 1px solid var(--black);
  flex: 1;
  align-self: flex-start;
  padding: 10px;
}
.c-quoteTable__table--itemList__item--equipment__img img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 171px;
  max-height: 100%;
}
.c-quoteTable__table--itemList__item--equipment__info {
  display: none;
  flex-direction: column;
  padding-bottom: var(--listitem-equip-info-padding);
}
.c-quoteTable__table--itemList__item--equipment__info--subtitle {
  margin-bottom: var(--listitem-equip-info-subtitle-spacing);
}
.c-quoteTable__table--itemList__item--equipment__info--subtitle span {
  font-size: var(--listitem-equip-info-subtitle-fontsize);
  font-family: var(--font-secondary);
  font-weight: var(--font-extra-bold);
  letter-spacing: var(--listitem-equip-info-subtitle-letterspacing);
  line-height: var(--listitem-equip-info-subtitle-lineheight);
  text-transform: uppercase;
}
.c-quoteTable__table--itemList__item--equipment__info--model {
  margin-top: auto;
}
.c-quoteTable__table--itemList__item--equipment__info--model span {
  color: var(--secondary);
  font-size: var(--listitem-equip-info-model-fontsize);
  font-weight: var(--font-bold);
  text-transform: uppercase;
}
.c-quoteTable__table--itemList__item__infoMobile {
  display: flex;
  flex-direction: column;
  padding-bottom: var(--listitem-equip-info-padding);
}
.c-quoteTable__table--itemList__item__infoMobile--subtitle {
  margin-bottom: var(--listitem-equip-info-subtitle-spacing);
}
.c-quoteTable__table--itemList__item__infoMobile--subtitle span {
  font-size: var(--listitem-equip-info-subtitle-fontsize);
  font-family: var(--font-secondary);
  font-weight: var(--font-extra-bold);
  letter-spacing: var(--listitem-equip-info-subtitle-letterspacing);
  line-height: var(--listitem-equip-info-subtitle-lineheight);
  text-transform: uppercase;
}
.c-quoteTable__table--itemList__item__infoMobile--model {
  margin-top: auto;
}
.c-quoteTable__table--itemList__item__infoMobile--model span {
  color: var(--secondary);
  font-size: var(--listitem-equip-info-model-fontsize);
  font-weight: var(--font-bold);
  text-transform: uppercase;
}
.c-quoteTable__table--itemList__item--details {
  display: none;
  margin-bottom: 44px;
}
.c-quoteTable__table--itemList__item--details ul li {
  margin-bottom: 0;
  padding-bottom: 0.1em;
}
.c-quoteTable__table--itemList__item--details ul li:last-child {
  padding-bottom: 0;
}
.c-quoteTable__table--itemList__item--quantity {
  display: inline-block;
}
.c-quoteTable__table--itemList__item--quantity__mobileTitle span {
  font-size: 0.9375rem;
  font-weight: var(--font-bold);
  letter-spacing: -0.3px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.c-quoteTable__table--itemList__item--quantity__controls {
  display: inline-block;
  border: 1px solid var(--primary);
  margin-bottom: var(--listitem-quantity-controls-bottomspacing);
}
.c-quoteTable__table--itemList__item--quantity__controls--wrapper {
  display: flex;
}
.c-quoteTable__table--itemList__item--quantity__controls button, .c-quoteTable__table--itemList__item--quantity__controls p {
  padding: var(--listitem-quantity-controls-item-innerpadding);
  line-height: 0;
  margin-bottom: 0;
}
.c-quoteTable__table--itemList__item--quantity__controls .-remove {
  position: relative;
}
.c-quoteTable__table--itemList__item--quantity__controls .-remove:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--listitem-quantity-controls-icon-size);
  height: 1px;
  background: var(--primary);
  transform: translate(-50%, -50%);
}
.c-quoteTable__table--itemList__item--quantity__controls .-remove:disabled {
  opacity: 0.5;
  cursor: default;
  outline: none !important;
  pointer-events: none;
}
.c-quoteTable__table--itemList__item--quantity__controls .-add {
  position: relative;
}
.c-quoteTable__table--itemList__item--quantity__controls .-add:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--listitem-quantity-controls-icon-size);
  height: 1px;
  background: var(--primary);
  transform: translate(-50%, -50%);
}
.c-quoteTable__table--itemList__item--quantity__controls .-add:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: var(--listitem-quantity-controls-icon-size);
  background: var(--primary);
  transform: translate(-50%, -50%);
}
.c-quoteTable__table--itemList__item--quantity__controls .-quantity {
  position: relative;
}
.c-quoteTable__table--itemList__item--quantity__controls .-quantity:before {
  content: "";
  position: absolute;
  background: var(--primary);
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
}
.c-quoteTable__table--itemList__item--quantity__controls .-quantity:after {
  content: "";
  position: absolute;
  background: var(--primary);
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
}
.c-quoteTable__table--itemList__item--quantity__removeBtn {
  display: flex;
  justify-content: center;
}
@media (min-width: 480px) {
  .c-quoteTable {
    --listitem-equip-img-flex: 150px;
  }
}
@media (min-width: 768px) {
  .c-quoteTable__table {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media (min-width: 991px) {
  .c-quoteTable {
    --topBar-padding: 25px;
    --topBar-vertical-padding: 17px;
    --listitem-top-padding: 30px;
    --listitem-bottom-padding: 30px;
    --listitem-right-padding: 25px;
    --listitem-equip-img-flex: 181px;
    --listitem-equip-img-right-spacing: 24px;
    --listitem-equip-info-padding: 0;
    --listitem-equip-info-subtitle-spacing: 15px;
    --listitem-equip-info-subtitle-fontsize: 12px;
    --listitem-equip-info-subtitle-letterspacing: 0.3px;
    --listitem-equip-info-subtitle-lineheight: 20px;
    --listitem-equip-info-model-fontsize: 12px;
    --listitem-quantity-controls-bottomspacing: 13px;
    --listitem-quantity-controls-item-innerpadding: 20px;
    --listitem-quantity-controls-icon-size: 12px;
  }
  .c-quoteTable__table {
    max-width: initial;
    margin: initial;
  }
  .c-quoteTable__table--topBar {
    padding: var(--topBar-vertical-padding) var(--topBar-padding);
  }
  .c-quoteTable__table--topBar__detailsCol, .c-quoteTable__table--topBar__quantityCol {
    display: block;
    text-align: center;
  }
  .c-quoteTable__table--message {
    padding: var(--topBar-vertical-padding) var(--topBar-padding);
  }
  .c-quoteTable__table--itemList__item {
    padding: var(--listitem-top-padding) var(--listitem-right-padding) var(--listitem-bottom-padding) var(--listitem-right-padding);
    overflow-y: hidden;
  }
  .c-quoteTable__table--itemList__item .-detailsCol, .c-quoteTable__table--itemList__item .-quantityCol {
    display: flex;
  }
  .c-quoteTable__table--itemList__item .-detailsCol {
    position: relative;
  }
  .c-quoteTable__table--itemList__item .-detailsCol:before {
    content: "";
    position: absolute;
    top: calc(-1 * var(--listitem-top-padding));
    bottom: calc(-1 * var(--listitem-bottom-padding));
    left: calc(-1 * var(--grid-gutter-width) / 2);
    width: 1px;
    background: var(--gray-300);
  }
  .c-quoteTable__table--itemList__item .-detailsCol:after {
    content: "";
    position: absolute;
    top: calc(-1 * var(--listitem-top-padding));
    bottom: calc(-1 * var(--listitem-bottom-padding));
    right: calc(-1 * var(--grid-gutter-width) / 2);
    width: 1px;
    background: var(--gray-300);
  }
  .c-quoteTable__table--itemList__item--equipment {
    margin-bottom: initial;
  }
  .c-quoteTable__table--itemList__item--equipment__img {
    flex: 0 0 var(--listitem-equip-img-flex);
    margin-right: var(--listitem-equip-img-right-spacing);
  }
  .c-quoteTable__table--itemList__item--equipment__info {
    display: flex;
    align-self: center;
  }
  .c-quoteTable__table--itemList__item--equipment__info--model {
    margin-top: initial;
  }
  .c-quoteTable__table--itemList__item--details {
    display: block;
    margin-bottom: initial;
    margin: auto;
  }
  .c-quoteTable__table--itemList__item__infoMobile {
    display: none;
  }
  .c-quoteTable__table--itemList__item--quantity {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
  }
  .c-quoteTable__table--itemList__item--quantity__mobileTitle {
    display: none;
  }
}
@media (min-width: 1200px) {
  .c-quoteTable {
    --topBar-padding: 30px;
    --topBar-vertical-padding: 20px;
    --listitem-top-padding: 35px;
    --listitem-bottom-padding: 35px;
    --listitem-right-padding: 30px;
    --listitem-equip-img-right-spacing: 30px;
    --listitem-equip-info-subtitle-spacing: 25px;
    --listitem-equip-info-subtitle-fontsize: 16px;
    --listitem-equip-info-subtitle-letterspacing: 0.4px;
    --listitem-equip-info-subtitle-lineheight: 25px;
    --listitem-quantity-controls-bottomspacing: 16px;
    --listitem-quantity-controls-item-innerpadding: 22px;
    --listitem-quantity-controls-icon-size: 14px;
  }
  .c-quoteTable__table--itemList__item--details ul li {
    font-size: 1.125rem;
    padding-bottom: 0.3em;
  }
  .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add {
    transition: all cubic-bezier(0.43, 0.045, 0.1, 0.95) 0.3s;
  }
  .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:before, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:after, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:before, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:after {
    transition: all cubic-bezier(0.43, 0.045, 0.1, 0.95) 0.3s;
  }
  .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:hover, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:active, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:focus, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:hover, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:active, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:focus {
    background: var(--secondary);
  }
  .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:hover:before, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:active:before, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:focus:before, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:hover:before, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:active:before, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:focus:before {
    background: var(--white);
  }
  .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:hover:after, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:active:after, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-remove:focus:after, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:hover:after, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:active:after, .c-quoteTable__table--itemList__item--quantity__controls--wrapper .-add:focus:after {
    background: var(--white);
  }
  .c-quoteTable__table--itemList__item--quantity__removeBtn button {
    position: relative;
    transition: all cubic-bezier(0.43, 0.045, 0.1, 0.95) 0.3s;
  }
  .c-quoteTable__table--itemList__item--quantity__removeBtn button:hover {
    color: var(--secondary);
    text-decoration: underline;
  }
}
@media (min-width: 1450px) {
  .c-quoteTable {
    --topBar-padding: 35px;
    --topBar-vertical-padding: 23px;
    --listitem-top-padding: 40px;
    --listitem-bottom-padding: 40px;
    --listitem-right-padding: 35px;
    --listitem-equip-img-right-spacing: 40px;
    --listitem-equip-info-subtitle-spacing: 35px;
    --listitem-quantity-controls-bottomspacing: 17px;
    --listitem-quantity-controls-item-innerpadding: 24px;
    --listitem-quantity-controls-icon-size: 15px;
    --listitem-details-lateral-padding: 10px;
  }
  .c-quoteTable__table--topBar__itemCol {
    flex: 0 0 51%;
    max-width: 51%;
  }
  .c-quoteTable__table--topBar__detailsCol {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .c-quoteTable__table--topBar__quantityCol {
    flex: 0 0 19%;
    max-width: 19%;
  }
  .c-quoteTable__table--itemList__item .-equipCol {
    flex: 0 0 51%;
    max-width: 51%;
  }
  .c-quoteTable__table--itemList__item .-detailsCol {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .c-quoteTable__table--itemList__item .-detailsCol:before {
    left: 0;
  }
  .c-quoteTable__table--itemList__item .-detailsCol:after {
    right: 0;
  }
  .c-quoteTable__table--itemList__item--details {
    padding: 0 var(--listitem-details-lateral-padding);
  }
  .c-quoteTable__table--itemList__item .-quantityCol {
    flex: 0 0 19%;
    max-width: 19%;
  }
}
@media (min-width: 1650px) {
  .c-quoteTable {
    --topBar-padding: 46px;
    --topBar-vertical-padding: 27px;
    --listitem-top-padding: 45px;
    --listitem-right-padding: 46px;
    --listitem-bottom-padding: 45px;
    --listitem-equip-img-right-spacing: 57px;
    --listitem-equip-info-subtitle-fontsize: 17px;
    --listitem-equip-info-subtitle-letterspacing: 0.51px;
    --listitem-equip-info-subtitle-lineheight: 32px;
    --listitem-equip-info-model-fontsize: 13px;
    --listitem-quantity-controls-bottomspacing: 18px;
    --listitem-quantity-controls-item-innerpadding: 27px;
    --listitem-quantity-controls-icon-size: 16px;
    --listitem-details-lateral-padding: 15px;
  }
  .c-quoteTable__table--topBar__itemCol {
    flex: 0 0 52%;
    max-width: 52%;
  }
  .c-quoteTable__table--topBar__detailsCol {
    flex: 0 0 29%;
    max-width: 29%;
  }
  .c-quoteTable__table--topBar__quantityCol {
    flex: 0 0 19%;
    max-width: 19%;
  }
  .c-quoteTable__table--itemList__item .-equipCol {
    flex: 0 0 52%;
    max-width: 52%;
  }
  .c-quoteTable__table--itemList__item .-detailsCol {
    flex: 0 0 29%;
    max-width: 29%;
  }
  .c-quoteTable__table--itemList__item .-quantityCol {
    flex: 0 0 19%;
    max-width: 19%;
  }
}
@media (min-width: 1800px) {
  .c-quoteTable {
    --listitem-details-lateral-padding: 25px;
  }
}
/*# sourceMappingURL=quote_table.css.map */