.card-container {
  padding: 1px;
  width: 100%;
  height: 100%;
}
.card-container .card-item {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--Gray-color-20, #D0D5DD);
  background: rgba(255, 255, 255, 0.80);
  width: 100%;
  height: 100%;
}
.card-container:hover {
  cursor: pointer;
}
.card-container:hover .card-item {
  border: 1px solid var(--Indigo-color-60, #136FB6);
}
.card-container.active {
  padding: 0px;
}
.card-container.active .card-item {
  border: 2px solid var(--Indigo-color-60, #136FB6);
}
.mdi-information-outline {
  color: #667085;
}
.mdi-information-outline:hover {
  color: var(--Indigo-color-70, #105894);
}
.perf-text {
  display: none;
}
.perf-text.active {
  display: inline-flex;
}

.medium-text-color {
  color: #101828;
}
.small-text-color {
  color: #344054;
}
.dark-color {
  color: #101828;
}
.grey-color,
.grey-color:hover {
  color: #475467;
}

.c-pointer {
  cursor: pointer;
}

.tooltip.show, hr {
  opacity: 1;
}
.tooltip-inner {
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  background: var(--Indigo-color-70, #105894);
  padding: 0.5rem 0.75rem;
  color: var(--White, #fff);
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--Indigo-color-70, #105894);
}
#performanceHelp .modal-content, #performanceHelp .modal-dialog {
  max-width: 622px;
}
#clearCart .modal-content, #clearCart .modal-dialog {
  max-width: 400px;
}
.top-line div {
  padding: 8px;
  border: 1px solid var(--Gray-fons-400, #94A3B8);
}
.alert-icon {
  width: 44px;
  height: 44px;
  color: var(--Error-700, #A9352C);
  background: #F9D2CF;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 8px solid #FBE7E5;
}
.accessibility-menu-button {
  background: transparent;
  border-width: 0px;
}
.accessibility-menu-button .mdi-accessibility {
  background-image: url("/static/img/accessibility-w.svg");
}
.cart-page .ui-selectmenu-button.ui-selectmenu-button-open {
  border: 1px solid var(--Indigo-color-40, #48A7E8) !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #E3EFFB !important;
}
@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

}