/**
 * @fileOverview All custom styles and style fixes for the website go here.
 * Use the 'fp-' prefix for all styles defined here.
 */
.fp-blocker {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 100;
}
.fp-blocker > .fp-blocker-content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.fp-blocker > .fp-blocker-content-wrapper:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.fp-blocker > .fp-blocker-content-wrapper > .fp-blocker-content {
  display: inline-block;
  vertical-align: middle;
}
.fp-blocker > .fp-blocker-content-wrapper > .fp-blocker-content > i {
  font-size: 64px;
}
.fp-blocker > .fp-blocker-content-wrapper > .fp-blocker-content > span {
  font-size: 32px;
}
/** @fileOverview Button widget styles. */
.text-right > fp-button > button {
  margin-left: 20px;
}
button.btn {
  overflow: hidden;
  text-overflow: ellipsis;
}
/** @fileOverview Data table widget styles. */
.fp-data-table-width-400 {
  min-width: 350px;
  max-width: 450px;
}
.fp-data-table-width-400 .ellipsis {
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fp-data-table-label:not(:last-child) {
  margin-right: 15px;
}
.fp-data-table-mini-col {
  width: 44px;
  min-width: 44px;
  padding-left: 13px;
  padding-right: 13px;
}
table > thead > tr > th.fp-data-table-checkbox,
table > tbody > tr > td.fp-data-table-checkbox {
  width: 44px;
  min-width: 44px;
  padding-left: 13px;
  padding-right: 13px;
}
table > thead > tr > th.fp-data-table-checkbox > .checkbox,
table > tbody > tr > td.fp-data-table-checkbox > .checkbox {
  cursor: pointer;
  margin: 0px;
  height: 18px;
}
table > thead > tr > th.fp-data-table-checkbox > .checkbox > label,
table > tbody > tr > td.fp-data-table-checkbox > .checkbox > label {
  padding: 0px;
  width: 100%;
}
table > thead > tr > th.fp-data-table-checkbox > .checkbox > label > .checker,
table > tbody > tr > td.fp-data-table-checkbox > .checkbox > label > .checker {
  margin: auto;
  width: 100%;
  text-align: center;
}
table > thead > tr > th.fp-data-table-sub-item-branch.no-border,
table > tbody > tr > td.fp-data-table-sub-item-branch.no-border {
  width: 44px;
  min-width: 44px;
  padding-left: 13px;
  padding-right: 13px;
}
table > thead > tr > th.fp-data-table-sub-item-branch.no-border > a,
table > tbody > tr > td.fp-data-table-sub-item-branch.no-border > a {
  cursor: default;
}
table > thead > tr > th.fp-data-table-sub-item-branch.no-border,
table > tbody > tr > td.fp-data-table-sub-item-branch.no-border,
table > thead > tr > th.fp-data-table-sub-item-branch.no-border:hover,
table > tbody > tr > td.fp-data-table-sub-item-branch.no-border:hover {
  background-color: white;
}
table > tbody > tr > td.fp-data-table-sub-item-border {
  border-color: #ddd;
}
table > thead > tr > th.fp-data-table-actions,
table > tbody > tr > td.fp-data-table-actions {
  width: 44px;
  min-width: 44px;
  padding-left: 13px;
  padding-right: 13px;
}
.fp-data-table-item-expanded,
.fp-data-table-item-expanded:hover {
  background-color: #64B5F6 !important;
}
.fp-data-table-item-expanded a,
.fp-data-table-item-expanded:hover a {
  color: white !important;
}
.fp-data-table-sub-item-header {
  background-color: #90CAF9 !important;
}
.fp-data-table-sub-item,
.fp-data-table-sub-item:hover {
  background-color: #BBDEFB !important;
}
.fp-data-table-info i {
  font-size: 60px;
  color: #37474F;
  padding: 20px 0;
}
.fp-data-table-info {
  padding: 20px 0;
  font-size: 30px;
  color: #37474F;
}
.no-padding.fp-pl-44 {
  padding-left: 44px !important;
}
/** @fileOverview Date picker widget styles. */
fp-date-picker > .input-group > input {
  cursor: pointer;
}
fp-date-picker > .input-group > input:enabled {
  background-color: white !important;
}
fp-date-picker > .input-group > .picker {
  min-width: 240px;
}
/**
 * @fileOverview Sometimes Limitless styles just don't work as they should.
 * So this file goes to work on those disfunctionalities.
 */
i.fp-icon-fix {
  line-height: 20px;
}
.form-control-feedback > i.fp-icon-fix {
  line-height: 36px;
}
/** @fileOverview Homemade helper classes. */
.fp-bordered {
  border-style: solid;
}
.fp-bordered-thin {
  border-style: solid;
  border-width: 1px;
}
.fp-icon-btn {
  height: 36px;
  line-height: 36px;
}
.fp-edit-widget {
  max-width: 250px;
}
.fp-tab-label {
  margin-left: 15px;
}
.fp-tabbed-panel > .panel.panel-primary.panel-bordered {
  border-color: transparent;
  margin-bottom: 0px;
}
.fp-tabbed-panel > .panel.panel-primary.panel-bordered > .panel-heading {
  display: none;
}
.fp-sidebar-header {
  z-index: 1;
}
.fp-sidebar-header > h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.fp-no-pointer-events {
  pointer-events: none;
}
.fp-td-editable-200 {
  padding: 5px;
  width: 200px;
}
.fp-min-height-92 {
  min-height: 92px;
}
.fp-slideshow-left {
  position: relative;
  transition: 0.5s cubic-bezier(0, 1, 1, 1);
  transition-property: left;
}
.fp-position-absolute {
  position: absolute !important;
}
.fp-position-fixed {
  position: fixed !important;
}
.fp-text-center {
  text-align: center !important;
}
.fp-sidebar-buttons {
  height: 60px;
}
.sidebar-xs-indicator .fp-client-sidebar {
  display: block;
}
.fp-bar-profile-pic {
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 30px;
  height: 30px;
}
.fp-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/** @fileOverview Image widget styles. */
fp-image {
  width: 100%;
  padding-bottom: 100%;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
fp-image > img {
  left: -9000px;
  right: -9000px;
  top: -9000px;
  bottom: -9000px;
  margin: auto;
  position: absolute;
}
fp-image > img.horizontal {
  width: 100%;
}
fp-image > img.vertical {
  height: 100%;
}
fp-image > div.pdf-container {
  text-align: center;
}
fp-image > div.pdf-container > img.pdf-download {
  display: block;
  margin: 0 auto;
  padding: 5% 10%;
  width: 80%;
  height: auto;
}
fp-image > .no-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
fp-image > .no-image:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
fp-image > .no-image > .no-image-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}
/** @fileOverview Image grid widget styles. */
.fp-image-grid-item {
  position: relative;
  overflow: hidden;
}
.fp-image-grid-item > .fp-image-grid-item-overlay {
  width: 100%;
  padding-bottom: 100%;
  left: 0;
  top: 0;
  position: absolute;
  cursor: pointer;
}
.fp-image-grid-item > .fp-image-grid-item-overlay > .fp-image-grid-item-popover {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  cursor: auto;
}
.fp-image-grid-item:hover > .fp-image-grid-item-overlay {
  transition: 0.5s cubic-bezier(0, 1, 1, 1);
  transition-property: background-color;
  background-color: rgba(0, 0, 0, 0.5);
}
.fp-image-grid-item:hover > .fp-image-grid-item-overlay > .fp-image-grid-item-popover {
  transition: 0.5s cubic-bezier(0, 1, 1, 1);
  transition-property: bottom;
  bottom: -1px;
}
.fp-image-grid-item:hover > .fp-image-grid-item-overlay > .fp-image-grid-item-overlay-description {
  /** Centering text */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.fp-image-grid-item:hover > .fp-image-grid-item-overlay > .fp-image-grid-item-overlay-description:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.fp-image-grid-item:hover > .fp-image-grid-item-overlay > .fp-image-grid-item-overlay-description > * {
  display: inline-block;
  vertical-align: middle;
}
.fp-image-grid-item:not(:hover) > .fp-image-grid-item-overlay {
  transition: 0.5s cubic-bezier(0, 1, 1, 1);
  transition-property: background-color;
  background-color: rgba(0, 0, 0, 0);
}
.fp-image-grid-item:not(:hover) > .fp-image-grid-item-overlay > .fp-image-grid-item-popover {
  transition: 0.5s cubic-bezier(0, 1, 1, 1);
  transition-property: bottom;
  bottom: -50px;
}
.fp-image-grid-item:not(:hover) > .fp-image-grid-item-overlay > .fp-image-grid-item-overlay-description {
  display: none;
}
.fp-image-grid-item > .fp-image-grid-item-title-wrapper {
  width: 100%;
  height: 50px;
  margin-top: -5px;
}
.fp-image-grid-item > .fp-image-grid-item-title-wrapper > .fp-image-grid-item-title {
  width: 100%;
  position: absolute;
}
.fp-image-grid-item > .fp-image-grid-item-title-wrapper > .fp-image-grid-item-title > .fp-image-grid-item-title-text {
  line-height: 50px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fp-image-grid-item > .fp-image-grid-item-description {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
}
.fp-image-grid-item > .fp-image-grid-item-description > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/** @fileOverview Input file widget styles */
fp-input-file > input[type='file'] {
  display: none;
}
fp-input-file > .input-group > .input-group-addon {
  cursor: pointer;
}
/** @fileOverview Input Mask widget styles */
fp-input-mask > input[type='file'] {
  display: none;
}
fp-input-mask > .input-group > .input-group-addon {
  cursor: pointer;
}
/** @fileOverview Input switch widget styles */
fp-input-switch > .input-group {
  margin-top: 2px;
  margin-left: -1px;
}
/** @fileOverview Input switch widget styles */
fp-input-switch > .input-group {
  margin-top: 2px;
  margin-left: -1px;
}
.close-btn-container {
  width: 23px;
  height: 19px;
  border: 1px solid #e9e9ee;
  border-radius: 50%;
  display: ruby-text;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.close-btn-container svg {
  color: red;
}
.close-btn-container .delete-icon {
  width: 7px !important;
  height: 18px;
  margin-left: 5px;
  position: absolute;
}
.close-btn-container:hover {
  background-color: lightcoral;
  border: 1px solid pink;
  transform: translateY(-3px);
}
.edit-button {
  position: relative;
  left: 85%;
  top: 50px;
  z-index: 9;
}
@media (max-width: 768px) {
  .edit-button {
    left: 75%;
  }
}
.flex-print-type-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
}
.flex-print-type-container .location-container {
  display: flex;
  align-items: flex-end;
}
.flex-print-type-container .main-headline {
  border-bottom: none;
  padding-top: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}
.flex-print-type-container .sub-title-container {
  display: flex;
  align-items: center;
  gap: 5px;
}
.flex-print-type-container .sub-title-container legend {
  width: auto !important;
}
.flex-print-type-container .sub-title-container .print-type-tooltip {
  padding: 10px 0px 0px 5px;
}
.flex-print-type-container .sub-headline {
  font-size: 14px;
  font-weight: 400;
  border-bottom: none;
  text-transform: none;
  font-family: 'Nunito Sans';
}
.flex-print-type-container .add-location-button {
  position: relative;
}
.flex-print-type-container legend {
  margin-bottom: 0;
  padding-bottom: 0;
  color: #333333;
  font-size: 12px;
  border-bottom: none;
}
.number-of-color {
  padding: 3px 0px 0px 0px;
  color: #999999;
  font-size: 14px;
}
.placement-container {
  margin: 10px 0px 0px 0px;
  position: relative;
}
.print-type-variants {
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow-x: scroll;
  touch-action: pan-x;
  padding-top: 5px;
  padding-bottom: 0;
}
.print-type-variants .selected {
  background-color: #ebf5ff;
  border: 1px solid #c1e0ff;
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
}
.print-type-variants::-webkit-scrollbar {
  display: none;
}
.print-type-variants::-webkit-scrollbar-thumb {
  display: none;
}
.print-type-variants::-webkit-scrollbar-thumb:hover {
  display: none;
}
.print-type-variants .printCard {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding: 3%;
  gap: 2px;
  border: 1px solid #e2e6f2;
  border-radius: 8px;
  margin: 6%;
}
.print-type-variants .printCard p {
  font-family: 'Nunito Sans';
  margin-left: 5px;
  margin-top: 3px;
  margin-bottom: 0px;
  color: #818398;
  text-align: start;
  font-size: 10px;
  font-weight: 500;
}
.print-type-variants .printCard .decorImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 15px;
  padding: 4px;
}
.print-type-variants .printCard .checkIcon {
  position: absolute;
  right: 0px;
  top: -8px;
  width: 20px;
  height: 20px;
  color: transparent;
}
.print-type-variants .printCard:hover.screen-print {
  background-color: #EBF5FF;
  color: #519eeb;
  border-color: #C1E0FF;
}
.print-type-variants .printCard:hover.digital-print {
  background-color: #FCEDF7;
  color: #EB79C5;
  border-color: #FDDBF2;
}
.print-type-variants .printCard:hover.embroidery {
  background-color: #F2EFFF;
  color: #8066f0;
  border-color: #CCBFFF;
}
.print-type-variants .printCard:hover.applique {
  background-color: #E8F4FF;
  color: #337ab7;
  border-color: #AED1F2;
}
.print-type-variants .printCard:hover.transfers {
  background-color: #FCF1E8;
  color: #F49B50;
  border-color: #FCDBC2;
}
.print-type-variants .printCard:hover.patches {
  background-color: #E3FFF8;
  color: #38b896;
  border-color: #C8FCEE;
}
.print-type-variants .printCard:hover.rhinestones {
  background-color: #E9E9F0;
  color: #111d86;
  border-color: #C5C5DB;
}
.print-type-variants .printCard:hover.vinyl {
  background-color: #ECEFF7;
  color: #3a44a0;
  border-color: #DCE0EB;
}
.print-type-variants .printCard:hover.foil,
.print-type-variants .printCard:hover.other {
  background-color: #FFF2F2;
  color: #EB7551;
  border-color: #FCDFDF;
}
.color-size-input {
  display: flex;
  width: 100%;
  gap: 40px;
  flex-grow: 1;
  padding-top: 15px;
  padding-bottom: 0;
}
.color-size-input .color-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.color-size-input .color-container .color-header {
  color: #8d90aa;
  font-size: 14px;
  margin-top: 5px;
  white-space: nowrap;
}
.color-size-input .color-container .color-input-container {
  display: flex;
  flex-direction: row;
  gap: 1%;
}
.color-size-input .color-container .color-input-container .disabled-button button {
  pointer-events: none;
}
.color-size-input .color-container .color-input-container .plus-color {
  margin-top: 10px;
  margin-left: 10px;
}
.color-size-input .color-container .color-input-container .minus-color {
  margin-top: 10px;
}
.color-size-input .color-container .color-input-container .input-style {
  width: 50px;
  margin: 2px;
  background-color: transparent;
  color: #151731;
  font-size: 14px;
  cursor: not-allowed;
  padding: 8px 6px;
  text-align: center;
}
.color-size-input .oversize-container {
  display: flex;
  flex-direction: row;
  gap: 8%;
  align-items: center;
  min-width: 25%;
}
.color-size-input .oversize-container .oversize-header {
  color: #8d90aa;
  font-size: 14px;
  margin-top: 5px;
}
.print-type-pills {
  display: flex;
  flex-direction: row;
  gap: 1%;
  margin-left: 10px;
  touch-action: pan-x;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow-x: scroll;
}
.print-type-pills::-webkit-scrollbar {
  display: none;
}
.print-type-pills::-webkit-scrollbar-thumb {
  display: none;
}
.print-type-pills::-webkit-scrollbar-thumb:hover {
  display: none;
}
.print-type-pills .pill-type {
  padding: 5px 17px;
  color: #474b6d;
  width: fit-content;
  max-height: 36px;
  font-size: 13px;
  font-weight: 500;
  box-shadow: 0px 2px 7px #26262614;
  border: 1px solid #fafafa;
  border-radius: 26px;
  user-select: none;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.print-type-pills .pill-type:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  cursor: pointer;
  transition-duration: 0.15s !important;
}
.print-type-pills .pill-type:hover.screen-print {
  background-color: #EBF5FF;
  color: #519eeb;
  border-color: #C1E0FF;
}
.print-type-pills .pill-type:hover.digital-print {
  background-color: #FCEDF7;
  color: #EB79C5;
  border-color: #FDDBF2;
}
.print-type-pills .pill-type:hover.embroidery {
  background-color: #F2EFFF;
  color: #8066f0;
  border-color: #CCBFFF;
}
.print-type-pills .pill-type:hover.applique {
  background-color: #E8F4FF;
  color: #337ab7;
  border-color: #AED1F2;
}
.print-type-pills .pill-type:hover.transfers {
  background-color: #FCF1E8;
  color: #F49B50;
  border-color: #FCDBC2;
}
.print-type-pills .pill-type:hover.patches {
  background-color: #E3FFF8;
  color: #38b896;
  border-color: #C8FCEE;
}
.print-type-pills .pill-type:hover.rhinestones {
  background-color: #E9E9F0;
  color: #111d86;
  border-color: #C5C5DB;
}
.print-type-pills .pill-type:hover.vinyl {
  background-color: #ECEFF7;
  color: #3a44a0;
  border-color: #DCE0EB;
}
.print-type-pills .pill-type:hover.foil,
.print-type-pills .pill-type:hover.other {
  background-color: #FFF2F2;
  color: #EB7551;
  border-color: #FCDFDF;
}
.print-type-pills .pill-type .sub-text {
  font-family: 'Nunito Sans';
  white-space: nowrap;
  margin-bottom: 0px;
  font-size: 13px;
}
.no-shadow {
  box-shadow: none !important;
}
.estimated-sizes {
  padding-top: 10px;
}
.estimated-sizes .estimated-label-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 6px;
}
.estimated-sizes .estimated-label {
  font-family: 'Nunito Sans';
  font-size: 14px;
  color: #333333;
  margin: 0 !important;
  padding: 10px;
  font-weight: 400;
}
.estimated-sizes .estimated-size-card-container {
  padding: 17px 15px 10px 10px;
  display: flex;
  gap: 10px;
  overflow-x: scroll;
  touch-action: pan-x;
}
.estimated-sizes .estimated-size-card-container::-webkit-scrollbar {
  display: none;
}
.estimated-sizes .estimated-size-card-container::-webkit-scrollbar-thumb {
  display: none;
}
.estimated-sizes .estimated-size-card-container::-webkit-scrollbar-thumb:hover {
  display: none;
}
.estimated-sizes .estimated-size-card-container .estimated-size-card .selection-card-container {
  height: 116px;
  width: 119px;
  padding: 4px 7px 7px 7px;
  gap: 0;
}
.estimated-sizes .estimated-size-card-container .estimated-size-card .selection-card-container.selected {
  margin: 0px;
}
.estimated-sizes .estimated-size-card-container .estimated-size-card .image-container,
.estimated-sizes .estimated-size-card-container .estimated-size-card .color-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 87px;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}
.estimated-sizes .estimated-size-card-container .estimated-size-card .image-container img,
.estimated-sizes .estimated-size-card-container .estimated-size-card .color-container img {
  width: auto;
  height: auto;
  object-fit: unset;
}
.estimated-sizes .estimated-size-card-container .estimated-size-card:hover .selection-card-container {
  position: relative;
  border-radius: 8px;
}
.estimated-sizes .estimated-size-card-container .estimated-size-card:hover .selection-card-container .image-container {
  background: #fbfaff 0% 0% no-repeat padding-box !important;
  border: 1px solid #f3efff !important;
}
.selection-card-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding: 8px;
  gap: 2px;
  border: 1px solid #efefef;
  border-radius: 8px;
}
.selection-card-container:hover.screen-print {
  background-color: #EBF5FF;
  color: #519eeb;
  border-color: #C1E0FF;
}
.selection-card-container:hover.digital-print {
  background-color: #FCEDF7;
  color: #EB79C5;
  border-color: #FDDBF2;
}
.selection-card-container:hover.embroidery {
  background-color: #F2EFFF;
  color: #8066f0;
  border-color: #CCBFFF;
}
.selection-card-container:hover.applique {
  background-color: #E8F4FF;
  color: #337ab7;
  border-color: #AED1F2;
}
.selection-card-container:hover.transfers {
  background-color: #FCF1E8;
  color: #F49B50;
  border-color: #FCDBC2;
}
.selection-card-container:hover.patches {
  background-color: #E3FFF8;
  color: #38b896;
  border-color: #C8FCEE;
}
.selection-card-container:hover.rhinestones {
  background-color: #E9E9F0;
  color: #111d86;
  border-color: #C5C5DB;
}
.selection-card-container:hover.vinyl {
  background-color: #ECEFF7;
  color: #3a44a0;
  border-color: #DCE0EB;
}
.selection-card-container:hover.foil,
.selection-card-container:hover.other {
  background-color: #FFF2F2;
  color: #EB7551;
  border-color: #FCDFDF;
}
.selection-card-container p {
  margin-left: 3px;
  margin-bottom: 2px;
  color: #818398;
  text-align: start;
  font-size: 10px;
  font-weight: 400;
}
.selection-card-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 8px;
}
.selection-card-container .checkIcon {
  position: absolute;
  right: 0px;
  top: -8px;
  width: 20px;
  height: 20px;
  color: transparent;
}
.selection-card-container .image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 87px;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}
.selected {
  position: relative;
}
.selected .checkIcon {
  position: absolute;
  top: -6px;
  right: -6px;
  color: transparent;
}
.art-description-uploader {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 0px 0px 10px;
}
.art-description-uploader .art-description-body {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.art-description-uploader .art-description-body .art-description {
  min-width: 450px;
  max-width: 500px;
  padding-bottom: 10px;
  flex: 3;
}
.art-description-uploader .art-description-body .upload-details {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.art-description-uploader .art-description-body .upload-details .upload-wrapper {
  display: flex;
  flex-direction: column;
  width: 172px;
  height: 117px;
  border: 1px solid #e9e9f0;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.art-description-uploader .art-description-body .upload-details .upload-wrapper .upload-text {
  font-size: 14px;
  font-weight: 700;
  font-family: Nunito Sans;
  padding-top: 10px;
  color: #8d90aa;
}
.art-description-uploader .art-description-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 825px;
}
.art-description-uploader .art-description-header .art-description-title {
  font-size: 13px;
  font-weight: 600;
  font-family: Nunito Sans;
  color: #474b6d;
}
.art-description-uploader .decorating-note-title {
  font-size: 13px;
  font-weight: 400;
  font-family: 'Nunito Sans';
  color: #333333;
  margin-bottom: 10px;
}
.note-description-print-type {
  min-width: 450px;
  max-width: 500px;
  padding-bottom: 10px;
}
.note-description-print-type .desc-editor textarea {
  margin-top: 0 !important;
  color: #151731;
  font-family: 'Nunito Sans';
  font-weight: normal;
  border: 1px solid #e9e9f0 !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.note-description-print-type .desc-editor textarea b {
  font-weight: 700 !important;
}
.note-description-print-type .desc-editor textarea a {
  color: #519eeb !important;
  text-decoration: underline !important;
}
.note-description-print-type .desc-editor textarea::-webkit-scrollbar {
  height: 0px;
  width: 0px;
  background: transparent;
}
.note-description-print-type .desc-editor textarea a,
.note-description-print-type .desc-editor textarea a:hover {
  color: #519eeb !important;
}
.pre-filled-main-container {
  border-bottom: 1px solid #e5e5e5;
}
.flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e5e5e5;
  padding: 8px 0px 0px 10px;
  flex-wrap: wrap;
}
.flex-container .main-headline {
  border-bottom: none;
  padding-top: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}
.flex-container .add-decor-button {
  position: relative;
  top: 6px;
  left: 10px;
}
.flex-container legend {
  margin-bottom: 0;
  color: #333333;
  font-size: 12px;
}
.flex-container .location-decor-container {
  display: flex;
  align-items: center;
  gap: 1px;
}
.flex-container .location-decor-container .decor-tooltip {
  margin: 0px 0px -8px 5px;
}
.decor-sub-title-container {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: -10px;
}
.decor-sub-title-container legend {
  width: auto !important;
}
.decor-tooltip {
  margin: 10px 0px -8px 5px;
}
.decor-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
}
.decor-container .header-container {
  padding: 10px 0px 0px 0px;
}
.close-decor-btn-container {
  width: 25px;
  height: 18px;
  border: 1px solid #e9e9ee;
  border-radius: 50%;
  display: ruby-text;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  left: 6px;
  top: 4px;
  position: relative;
}
.close-decor-btn-container svg {
  color: red;
}
.close-decor-btn-container .delete-icon {
  width: 6px !important;
  height: 14px;
  margin-left: 5px;
  margin-top: 1px;
  position: absolute;
}
.close-decor-btn-container:hover {
  background-color: lightcoral;
  border: 1px solid pink;
  transform: translateY(-3px);
}
.decorationMethodCard {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  padding: 3%;
  gap: 2px;
  border: 1px solid #e2e6f2;
  border-radius: 8px;
  margin: 6%;
}
.decorationMethodCard p {
  margin-left: 5px;
  margin-top: 3px;
  margin-bottom: 0px;
  color: #818398;
  text-align: start;
  font-size: 10px;
  font-weight: 600;
  font-family: 'Nunito Sans';
}
.decorationMethodCard .decorImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 15px;
  padding: 4px;
}
.decorationMethodCard .checkIcon {
  position: absolute;
  right: 0px;
  top: -8px;
  width: 20px;
  height: 20px;
  color: transparent;
}
.decorationMethodCard:hover {
  background: #f3efff 0% 0% no-repeat padding-box !important;
  border: 1px solid #e2d9ff !important;
}
.placement-section {
  display: flex;
  flex-direction: column;
  top: 20px;
  position: relative;
}
.placement-section .placement-title,
.placement-section .placement-location-title {
  font-size: 13px;
  font-weight: 400;
  font-family: 'Nunito Sans';
  color: #333333;
}
.placement-section .placement-cards {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  gap: 8px 12px;
  overflow-x: scroll;
}
.placement-section .placement-cards::-webkit-scrollbar {
  display: none;
}
.placement-section .placement-cards .placement-card {
  padding: 6px;
  width: 120px !important;
  height: fit-content;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.placement-section .placement-cards .placement-card:not(.card-selected) {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #26262614;
  border: 1px solid #efefef;
}
.placement-section .placement-cards .placement-card.card-selected,
.placement-section .placement-cards .placement-card:hover {
  background: #f3efff 0% 0% no-repeat padding-box !important;
  border: 1px solid #e2d9ff !important;
}
.placement-section .placement-cards .placement-card.card-selected .image-container,
.placement-section .placement-cards .placement-card:hover .image-container {
  background: #fbfaff 0% 0% no-repeat padding-box !important;
  border: 1px solid #f3efff !important;
}
.placement-section .placement-cards .placement-card .image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 92px;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  padding: 2px;
}
.placement-section .placement-cards .placement-card .image-container img {
  width: auto;
  height: auto;
  object-fit: unset;
}
.placement-section .placement-cards .placement-card .decor-label {
  font-size: 10px;
  font-weight: 600;
  color: #818398;
  margin-top: 5px;
  margin-left: 5px;
}
.placement-section .placement-cards .placement-card .checkIcon {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 15px;
  height: 15px;
}
.decorationMethodCardContainer {
  display: flex;
  gap: 10px;
  width: 100%;
  overflow-x: scroll;
  padding: 2px 0px 0px 0px;
}
.decorationMethodCardContainer::-webkit-scrollbar {
  display: none;
}
.decorationMethodCardContainer .selected {
  background-color: #f3efff;
  border: 1px solid #e2d9ff;
  position: relative;
}
.placement-title {
  font-size: 13px;
  font-weight: 400;
  font-family: 'Nunito Sans';
  color: #333333;
  padding: 6px 0px 0px 0px;
}
.placement-pills {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  gap: 20px;
  padding: 5px 5px 5px 0px;
  overflow-x: scroll;
}
.placement-pills::-webkit-scrollbar {
  display: none;
}
.placement-pills .image-container {
  display: flex;
  justify-content: center;
  gap: 5px;
  width: 26px;
  height: 21px;
  border-radius: 5px;
}
.placement-pills .pill {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  color: #474b6d;
  width: fit-content;
  max-height: 36px;
  font-size: 12px;
  font-weight: 400;
  user-select: none;
}
.placement-pills .pill.selected {
  color: #7f65ee;
  background-color: #f3efff;
  border: 1px solid #e2d9ff;
}
.placement-pills .show-hover:hover {
  background: #f3efff 0% 0% no-repeat padding-box !important;
  border: 1px solid #e2d9ff !important;
  color: #7f65ee;
  text-transform: capitalize;
  cursor: pointer;
  transform: translateY(-3px);
}
.placement-container-location {
  margin: 10px 0px 0px 8px !important;
  position: relative;
}
.placement-pills-location {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
  gap: 8px 12px;
  padding: 5px 5px 5px 0px;
  overflow-x: scroll;
}
.placement-pills-location::-webkit-scrollbar {
  display: none;
}
.placement-pills-location .pill {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  padding: 6px 17px;
  color: #474b6d;
  width: fit-content;
  max-height: 36px;
  font-size: 13px;
  font-weight: 400;
  box-shadow: 0px 2px 7px #26262614;
  border: 1px solid #fafafa;
  border-radius: 26px;
  user-select: none;
}
.placement-pills-location .pill.selected {
  color: #7f65ee;
  background-color: #f3efff;
  border: 1px solid #e2d9ff;
}
.placement-pills-location .show-hover:hover {
  background: #f3efff 0% 0% no-repeat padding-box !important;
  border: 1px solid #e2d9ff !important;
  color: #7f65ee;
  text-transform: capitalize;
  cursor: pointer;
  transform: translateY(-3px);
}
.color-picker {
  margin-bottom: 10px;
  margin-left: 10px;
}
.color-picker-title {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 13px;
  font-weight: 400;
  font-family: 'Nunito Sans';
  color: #333333;
  margin-top: 15px;
}
.color-picker-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}
.color-picker-wrapper .color-cards {
  display: flex;
  gap: 8px 12px;
  padding-top: 10px;
  overflow-x: scroll;
}
.color-picker-wrapper .color-cards::-webkit-scrollbar {
  display: none;
}
.color-picker-wrapper .color-cards .color-card {
  padding: 6px;
  width: 102px;
  height: fit-content;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.color-picker-wrapper .color-cards .color-card:not(.card-selected) {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #26262614;
  border: 1px solid #efefef;
}
.color-picker-wrapper .color-cards .color-card.card-selected,
.color-picker-wrapper .color-cards .color-card:hover {
  background: #f3efff 0% 0% no-repeat padding-box !important;
  border: 1px solid #e2d9ff !important;
}
.color-picker-wrapper .color-cards .color-card.card-selected .image-container,
.color-picker-wrapper .color-cards .color-card:hover .image-container {
  border: 1px solid #f3efff !important;
}
.color-picker-wrapper .color-cards .color-card .image-container {
  display: flex;
  justify-content: center;
  width: 87px;
  height: 72px;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  border-color: transparent;
}
.color-picker-wrapper .color-cards .color-card .image-container img {
  width: auto;
  height: auto;
  object-fit: unset;
}
.color-picker-wrapper .color-cards .color-card .decor-label {
  font-size: 10px;
  font-weight: 600;
  color: #818398;
  margin-top: 5px;
  margin-left: 5px;
  text-transform: capitalize;
}
.color-picker-wrapper .color-cards .color-card .color-label {
  font-size: 10px;
  font-weight: 600;
  color: #818398;
  margin-top: 5px;
  margin-left: 5px;
  text-transform: capitalize;
}
.color-picker-wrapper .color-cards .color-card .checkIcon {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 19px;
  height: 19px;
}
.color-picker-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.color-picker-container .product-color {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.color-picker-container .product-color-wrapper {
  border-radius: 50%;
  cursor: pointer;
}
.color-picker-container .product-color-wrapper.selected-color {
  padding: 2px;
  border: 1px solid #7f65ee;
  box-shadow: 0px 3px 6px #00000029;
}
.color-picker-container .product-color-wrapper.white-color {
  border: 1px solid #aeb0c6;
}
.color-picker .other-option-container {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-top: 1px;
  cursor: pointer;
}
.color-picker .other-option-container .other-option-label {
  font-family: 'Nunito Sans';
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #519eeb;
}
.product-color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.color-text {
  width: 167px;
  height: 35px;
  color: #151731;
  font-size: 14px;
  font-family: 'Nunito Sans';
}
.decorating-note {
  padding: 15px 0px 0px 10px;
}
.decorating-note .decorating-note-title {
  font-size: 13px;
  font-weight: 400;
  font-family: 'Nunito Sans';
  color: #333333;
  margin-bottom: 10px;
}
.decor-csv-container {
  width: 50%;
  padding: 0px 0px 10px 0px;
}
.decor-csv-container .upload-file-title {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Nunito Sans';
  color: #333333;
  padding: 0px 0px 10px 0px;
}
.decor-csv-container .wrap-text {
  overflow-wrap: break-word;
  white-space: normal;
}
@media (max-width: 768px) {
  /* Adjust the width as needed */
  .decor-csv-container {
    width: 100%;
  }
}
.note-description {
  min-width: 450px;
  max-width: 785px;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .note-description {
    min-width: 300px;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .note-description {
    min-width: 100%;
    max-width: 100%;
  }
}
.note-description .desc-editor textarea {
  margin-top: 0 !important;
  color: #151731;
  font-family: 'Nunito Sans';
  font-weight: normal;
  border: 1px solid #e9e9f0 !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.note-description .desc-editor textarea b {
  font-weight: 700 !important;
}
.note-description .desc-editor textarea a {
  color: #519eeb !important;
  text-decoration: underline !important;
}
.note-description .desc-editor textarea::-webkit-scrollbar {
  height: 0px;
  width: 0px;
  background: transparent;
}
.note-description .desc-editor textarea a,
.note-description .desc-editor textarea a:hover {
  color: #519eeb !important;
}
.pre-filled-values-container {
  margin-left: -10px;
  margin-bottom: 35px;
}
.no-shadow {
  box-shadow: none !important;
}
.decor-main-container {
  margin-right: 0px !important;
}
.no-index-button {
  display: flex;
  justify-content: flex-end;
}
.white-color {
  border: 1px solid #aeb0c6;
}
.csv-file {
  padding: 10px 10px 0px 10px;
}
/** @fileOverview Input text widget styles */
fp-input-text > .input-group > .form-control:not(.fp-has-add-on-btn) {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/** @fileOverview Invoice styles. */
.fp-invoice textarea {
  resize: none;
}
.fp-invoice .td-editable {
  padding: 0px 5px;
}
.fp-invoice .table {
  min-width: 700px;
}
.fp-scrollable {
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid #ddd;
}
.fp-scrollable .td-editable-120 {
  padding: 5px;
  width: 120px;
}
.fp-invoice-totals tr th:first-child {
  wdith: 100%;
}
.fp-invoice-totals tr th:last-child {
  padding: 0px 20px;
}
.fp-invoice-totals th {
  padding-bottom: 5px;
}
/** @fileOverview Jacob's birthday stuff. WE LOVE JACOB. */
.we-love-jacob-modal > .modal-dialog > .modal-content {
  background-color: transparent;
  box-shadow: none;
  color: white;
  overflow: hidden;
}
.we-love-jacob-modal > .modal-dialog > .modal-content > .we-love-jacob-text {
  left: -9000px;
  right: -9000px;
  top: -9000px;
  bottom: -9000px;
  margin: auto;
  position: absolute;
  top: -9100px;
  width: 750px;
  height: 750px;
  text-align: center;
  line-height: 750px;
  white-space: pre-wrap;
  font-size: 100px;
}
.jacob-gif-container {
  font-size: 0;
  margin: -20px;
  margin-top: 0;
  margin-bottom: 0;
}
.jacob-gif-container > .jacob-gif {
  width: 20%;
  padding-bottom: 11.2%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  background-color: black;
}
.jacob-gif-container > .jacob-gif > img {
  left: -9000px;
  right: -9000px;
  top: -9000px;
  bottom: -9000px;
  margin: auto;
  position: absolute;
}
.jacob-hbd {
  font-size: 50px;
  margin: -20px;
  margin-bottom: 0;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background-color: black;
}
.row.jacob-comments {
  margin: -20px;
  margin-top: 0;
}
/** @fileOverview All the mixins you'll ever need, baby. */
.overflow-center {
  left: -9000px;
  right: -9000px;
  top: -9000px;
  bottom: -9000px;
  margin: auto;
  position: absolute;
}
/** @fileOverview Modal dialog style tweaks; namely centering the damn thing. */
.modal {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: ' ';
    height: 100%;
  }
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.overlay {
  position: absolute;
  background: #fafafa;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.overlay-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  display: table;
}
.overlay-center {
  display: table-cell;
  vertical-align: middle;
  color: #1E88E5;
}
.overlay-content {
  color: #2d2d2d;
  display: inline-block;
  padding: 0.5em 1em;
  border: 1px solid;
}
/**
 * @fileOverview Naughty little overrides.
 * Remove if any of these cause trouble.
 */
.sidebar.sidebar-main {
  transition: width 0.5s cubic-bezier(0, 1, 1, 1);
}
.sidebar.sidebar-main > .sidebar-content > .sidebar-category > .category-content > ul.navigation > li > a {
  white-space: nowrap;
}
@media only screen and (min-device-width: 768px) {
  .heading-elements-override {
    background-color: inherit;
    position: absolute;
    top: 50%;
    right: 20px;
    height: 36px;
    margin-top: -18px;
  }
}
@media only screen and (max-device-width: 768px) {
  .heading-elements-override {
    background-color: inherit;
    left: 59%;
  }
}
/** @fileOverview Quoter Styles. */
.fp-admin-tools .form-group {
  margin-bottom: 10px;
}
.fp-admin-tools .form-group:last-child {
  margin-bottom: 20px;
}
.fp-admin-tools table {
  margin: 10px 0px;
}
.fp-admin-tools label.checkbox-inline {
  padding-left: 10px;
}
/** @fileOverview Select widget styles. */
.input-group > span.select2.select2-container {
  /** Has left add-on. */
  /** Has right add-on. */
}
.input-group > span.select2.select2-container:nth-child(3) > span.selection > span.select2-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > span.select2.select2-container:not(:last-child) > span.selection > span.select2-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-results__option label {
  color: #2396F3;
}
.select2-results__option[aria-selected=true] label {
  color: white;
}
/** @fileOverview Textarea widget styles. */
fp-textarea > textarea {
  resize: none;
}
fp-textarea.fp-max-height-92 > textarea {
  max-height: 92px;
}
/** @fileOverview Tooltip widget styles. */
.fp-tooltip-images {
  width: 500px;
  padding-top: 5px;
}
fp-tooltip + .tooltip {
  /** Just a few overrides. */
}
fp-tooltip + .tooltip.left > .tooltip-arrow {
  border-left-color: #2196F3 !important;
}
fp-tooltip + .tooltip.right > .tooltip-arrow {
  border-right-color: #2196F3 !important;
}
fp-tooltip + .tooltip.top > .tooltip-arrow {
  border-top-color: #2196F3 !important;
}
fp-tooltip + .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #2196F3 !important;
}
fp-tooltip + .tooltip > .tooltip-inner {
  max-width: none !important;
  border: 2px solid #2196F3;
  background-color: white;
  color: #2196F3 !important;
}
/** @fileOverview Homemade variables. */
/** @fileOverview Wizard widget styles. */
fp-wizard .wizard > .steps > ul > li:before,
fp-wizard .wizard > .steps > ul > li:after {
  top: 39px;
}
fp-wizard .wizard > .content,
fp-wizard .wizard > .actions {
  display: none;
}
fp-new-wizard .wizard > .steps > ul > li:before,
fp-new-wizard .wizard > .steps > ul > li:after {
  top: 39px;
}
fp-new-wizard .wizard > .content,
fp-new-wizard .wizard > .actions {
  display: none;
}
.new-wizard__footer {
  position: sticky;
  float: right;
  bottom: 0;
  margin: 0 -20px -20px 0;
  background-color: #FFFFFF;
  height: 68px;
  width: calc(100% + 40px);
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.09);
  z-index: 999;
}
.new-wizard__footer-container {
  float: left;
  padding-top: 3px;
  width: 100%;
}
.new-wizard__c1 {
  padding-left: 10px;
  width: 30%;
}
.new-wizard__c2 {
  padding-right: 3px;
  width: 70%;
}
.group-order__empty-space {
  margin-bottom: 290px;
}
.other-org-input {
  position: absolute;
  margin-top: 10px;
  /** Weird shit */
  z-index: 1;
}
.custom-org-input {
  display: flex;
}
.other-label {
  padding-left: 0px;
}
.go-organization-warning {
  margin-top: 6px;
  color: #e86868;
  font-size: 13px;
}
.other-org-input-proof {
  margin-top: unset;
  margin-left: 11vw;
}
.proof-select__container {
  height: 375px;
}
.proof-select__title {
  margin-bottom: 14px;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}
.proof-select__sub-title {
  font-size: 15px;
}
.proof-select__primary-img-container {
  margin-top: 45px;
  height: 205px;
  width: 100%;
}
.proof-select__img {
  margin: 0 17px 0 17px;
  height: 205px;
  width: 205px;
  border: 1px solid rgba(151, 151, 151, 0.4);
}
.proof-select__img:hover {
  border-width: 3px;
  border-style: solid;
  border-color: #2196F3;
}
.proof-upload {
  margin: 10px -10px 0 0;
  float: right;
}
.design-thumbnails__container {
  width: 58px;
  height: auto;
}
.design-thumbnails__thumbnail {
  margin-bottom: 15px;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(151, 151, 151, 0.4);
}
.design-img__container {
  margin-left: 15px;
  width: 428px;
}
.design-img__img {
  position: relative;
  width: 100%;
  border: 1px solid rgba(151, 151, 151, 0.4);
}
.design-img__star {
  font-size: 13px;
}
.design-primary__container {
  position: absolute;
  bottom: 15.5px;
  left: 13.5px;
  padding: 5px 10px;
  background-color: #00BCD4;
  color: white;
  min-width: 220px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 2px;
  cursor: pointer;
}
.design-primary__img {
  margin: -2px 0 0 8px;
  height: 12px;
  width: 12px;
}
.design-secondary__container {
  position: absolute;
  bottom: 15.5px;
  left: 13.5px;
  padding: 5px 10px;
  background-color: white;
  color: #00BCD4;
  min-width: 220px;
  font-size: 11.5px;
  font-weight: 700;
  border: 0.76px solid #00BCD4;
  border-radius: 1.8px;
  cursor: pointer;
}
.design-edit__container {
  position: absolute;
  top: 13px;
  right: 14.3px;
  background-color: #F6F6F6;
  color: #969696;
  height: 26.1px;
  width: 105px;
  font-size: 11px;
  font-weight: 700;
  border: 0.76px solid #BABABA;
  border-radius: 1.8px;
  cursor: pointer;
}
.design-edit__img {
  margin: -2px 0 0 8px;
  height: 9px;
  width: 9px;
}
.design-colors {
  margin: 20px 0 0 78px;
}
.design-colors__container {
  margin-right: 19px;
  height: 52px;
  width: 50px;
}
.design-colors__pill {
  margin: 0 auto;
  height: 31px;
  width: 31px;
  border-radius: 50%;
  box-shadow: 0 3px 3px 0 rgba(38, 38, 38, 0.15);
}
.design-colors__name {
  margin-top: 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-colors__pill-selected {
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #717171;
}
.color-delete__container {
  height: 36px;
}
.color-delete__img {
  height: 18px;
  width: 18px;
}
.product-images__container {
  margin-left: 73px;
  max-width: 428px;
}
.product-images__images {
  width: 100%;
  max-width: 428px;
}
.size-select__container {
  margin-right: 20px !important;
}
.add-item__container {
  padding: 0 59px 0 59px;
  width: 100%;
}
.add-item__option {
  padding: 25px 28px;
  background-color: #208ee608;
  height: 94px;
  width: 100%;
  color: #3d98e0;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #208ee666;
}
.add-item__option:hover {
  padding: 25px 27px;
  border: 2px solid #208ee6;
}
.add-item__or {
  padding: 10px;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.external-color {
  position: absolute;
  padding: 9px;
  bottom: -70px;
  left: 120px;
  background: white;
  width: 250px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  z-index: 9;
}
.external-color__header {
  float: right;
}
.external-color__title {
  margin-top: 15px;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}
.external-color__pills {
  position: relative;
  display: flex;
  margin-top: 10px;
  flex-flow: wrap;
}
.external-color__pill {
  margin: 2px;
  height: 19px;
  width: 19px;
  border-radius: 50%;
  border-radius: 1px solid #E1E1E1;
}
.external-color__tip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: -9px;
  top: 90px;
  box-sizing: border-box;
  border: 7px solid black;
  border-color: transparent transparent white white;
  transform-origin: 0 0;
  transform: rotate(45deg);
  box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.overview__title {
  margin-top: 40px;
  margin-bottom: 66px;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 36px;
}
.overview__info-container {
  padding: 10px;
  height: auto;
  width: 100%;
}
.overview__info-title {
  margin: 0 0 25px 0px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 24px;
}
.overview__info-box {
  padding: 38px 27px;
  margin-bottom: 50px;
  height: auto;
  width: 100%;
  border: 1px solid #E5E5E5;
}
.overview__info-w-50p {
  width: 50%;
}
.info__item {
  display: flex;
  margin-bottom: 22px;
}
.info__item--w-50p {
  display: flex;
  width: 50%;
}
.info__item--second {
  display: flex;
  margin-left: 30px;
}
.info__title {
  margin-top: -1px;
  margin-right: 48px;
  width: 19%;
  color: #171717;
  font-size: 16px;
  font-family: 'Roboto';
  letter-spacing: 0;
  line-height: 19px;
}
.info__value {
  width: 68%;
  color: #156FA6;
  font-size: 16px;
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.info__value--multiline {
  margin-bottom: 5px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}
.info__icon-colors {
  color: #44a3f7;
}
.dg__container {
  padding: 10px;
  margin-bottom: 30px;
  height: auto;
  width: 100%;
}
.dg__title {
  margin: 0 0 25px 0px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 24px;
}
.dg__product-box {
  padding: 30px 25px;
  margin-bottom: 40px;
  height: auto;
  width: 100%;
  border: 1px solid #E5E5E5;
}
.dg__product-title {
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}
.dg__pricing-title {
  margin-bottom: 52px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}
.dg__product {
  margin-bottom: 39px;
  flex-wrap: wrap;
}
.dg__images {
  margin-bottom: 20px;
}
.dg__thumbnails {
  width: 50px;
}
.dg__thumbnail {
  margin-bottom: 6px;
  height: 50px;
  width: 50px;
  border: 1.1px solid rgba(151, 151, 151, 0.26);
}
.dg__img-container {
  margin-left: 16px;
  width: 300px;
}
.dg__colors {
  margin-top: 15px;
}
.dg__colors-container {
  margin-right: 10px;
  height: 30px;
  width: 30px;
}
.dg__colors-pill {
  margin: 0 auto;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  box-shadow: 0 3px 3px 0 rgba(38, 38, 38, 0.15);
}
.dg__item-title {
  color: #7F7F7F;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
}
.dg__item-value {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}
.dg__colors-pill-border {
  border: 1px solid #2d2c2c;
}
.dg-info__title {
  margin-top: -1px;
  margin-right: 48px;
  width: 34%;
  color: #1E1E1E;
  font-size: 16px;
  font-family: 'Roboto';
  letter-spacing: 0;
  line-height: 19px;
}
.dg-info__value {
  width: 66%;
  color: #156FA6;
  font-size: 16px;
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.dg-info__main-title {
  color: #272727;
  font-size: 16px;
  font-family: 'Roboto';
  font-weight: 900;
}
.dg-info__description {
  min-height: 130px;
  width: 100%;
  color: #5C5C5C;
  font-size: 16px;
  font-family: 'Roboto';
}
.dg-info__display-none {
  display: none;
}
.dg-info__comment {
  font-style: italic;
  font-weight: 400;
}
.dg-info__nowrap {
  margin-right: 60px;
  white-space: nowrap;
}
.dg-info__size-options {
  margin-right: 25px;
  width: auto;
}
@media screen and (min-width: 1200px) {
  .display-space-between {
    justify-content: space-between;
  }
}
.individual_shipping_label__create_label_title {
  color: #0097FB;
  cursor: pointer;
}
.individual_shipping_label__create_label_title img {
  padding-left: 4px;
  padding-bottom: 4px;
  width: 20px;
}
.individual_shipping_label__layout_type_title {
  width: 30%;
}
.individual_shipping_label__step_2 {
  max-height: 400px;
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  overflow-y: auto;
}
.individual_shipping_label__step_2::-webkit-scrollbar {
  width: 7px;
}
.individual_shipping_label__step_2::-webkit-scrollbar-track {
  background-color: #E2E2E2;
}
.individual_shipping_label__step_2::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #B2B2B2;
}
.participant_table__participant {
  width: 50%;
  cursor: pointer;
}
.participant_table__participant__name {
  padding-left: 30px;
}
.participant_table__participant_quantity {
  width: 20%;
}
.participant_table__participant_view_label {
  width: 10%;
  cursor: pointer;
}
.participant_table__participant_view_label img {
  width: 20px;
}
.participant_table__participant_downlaod_label {
  width: 10%;
  cursor: pointer;
}
.participant_table__participant_downlaod_label img {
  width: 17px;
}
.participant_table__participant_void_label {
  width: 10%;
  cursor: pointer;
}
.participant_table__participant_void_label img {
  width: 18px;
}
.participant_table__participant_tracking_number {
  width: 20%;
  font-size: 20px;
}
.participant_table__participant_tracking_number img {
  width: 15px;
}
.participant_table tr:first-child td {
  border: none !important;
}
.participant_table__w-60 {
  width: 60% !important;
}
.filter-by {
  width: 100px;
}
.participants_heading {
  justify-content: space-between;
}
.participants_heading__scan_form_download,
.participants_heading__scan_form_download :hover {
  color: #00B341 !important;
  text-decoration: underline !important;
}
.participants_heading__scan_form_download img,
.participants_heading__scan_form_download :hover img {
  margin-right: 5px;
  width: 16px;
}
.generated_labels__see_labels_button {
  margin-left: 10px;
  color: #2196F3;
  cursor: pointer;
}
.generated_labels__see_labels_button img {
  margin-left: 5px;
  width: 14px;
}
.scan_form_modal {
  text-align: center;
}
.scan_form_modal__title {
  font-size: 22px;
  font-weight: 900;
}
.scan_form_modal__message {
  margin-top: 15px;
  color: #5F5F5F;
  font-size: 15px;
}
.scan_form_modal__confirmation_buttons {
  margin-top: 25px;
  justify-content: space-evenly;
}
.scan_form_modal__confirmation_buttons__no_button {
  height: 45px;
  width: 100px;
  background-color: #FF4848;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  border: 1px transparent;
  border-radius: 2px;
}
.scan_form_modal__confirmation_buttons__yes_button {
  height: 45px;
  width: 100px;
  background-color: #59AD5D;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  border: 1px transparent;
  border-radius: 2px;
}
.scan_form_modal__confirmation_buttons .disabled {
  opacity: 0.7;
  cursor: not-allowed !important;
}
.word-break {
  word-break: break-word;
}
.cd {
  cursor: default !important;
}
.upload-participant-text {
  margin-top: 20px;
  font-size: 15px;
  text-align: center;
}
.upload-participant-message-header,
.upload-participant-message {
  margin-top: 20px;
}
.upload-participant-message-header {
  text-align: left;
  font-size: 15px;
}
.upload-participant-message {
  text-align: left;
  font-size: 13px;
}
.upload-participant-button {
  margin-top: -12px !important;
}
.download-participant-button {
  margin-top: 8px !important;
}
.sales-tax-value {
  margin-top: 8px;
}
.total-value {
  margin-top: 8px;
}
.design-overview__container {
  padding: 10px 38px;
  width: 100%;
  height: auto;
}
.design-overview__title {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 22px;
}
.design-overview__description {
  margin: 10px auto;
  width: 435px;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 21px;
  text-align: center;
}
.design-group__container {
  margin: 25px 0 10px 0;
  width: 100%;
}
.design-group__title {
  color: #4B4B4B;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 22px;
}
.design-group__helper {
  margin-top: 10px;
  background-color: #FFF9EE;
  height: 23px;
  width: 473px;
  color: #E0B259;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
  border-radius: 2px;
}
.design-group__helper-pill {
  position: absolute;
  right: 0;
  top: -30px;
  background-color: #ECFDFF;
  height: 20.9px;
  width: 66px;
  color: #15B2C7;
  font-size: 11.88px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
  border-radius: 10.45px;
}
.design-group__designs {
  padding: 20px;
  margin-top: 14px;
  height: auto;
  width: 100%;
  border: 1px solid #F0F0F0;
}
.design-group__design-details {
  margin: 0 30px 20px 0;
}
.design-group__design-image {
  height: 200px;
  width: 200px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  border: 1px solid #D5D5D5;
}
.design-group__design-image__new {
  background-color: #F9FCFF;
  color: #518DBE;
  border: 1px solid #71B8F1;
}
.design-group__design-image-delete {
  position: absolute;
  top: -8px;
  right: -8px;
  height: 23px;
  width: 23px;
  cursor: pointer;
}
.design-group__change-group {
  position: absolute;
  padding: 3px 12px;
  top: 11px;
  left: 11px;
  background-color: #00B2C9;
  color: #FFFFFF;
  font-size: 11.88px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
  border-radius: 10.45px;
  z-index: 1;
  cursor: pointer;
}
.design-group__change-group-arrow {
  margin-left: 5.5px;
  height: 4.76px;
  width: 7.7px;
}
.design-group__change-group-arrow--open {
  transform: rotate(180deg);
}
.design-group__design-group-list {
  position: absolute;
  top: 20px;
  left: 11px;
  padding: 16px 11px 0 6px;
  height: auto;
  width: 77px;
  background-color: #FFFFFF;
  color: #535151;
  font-size: 11.88px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 15px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.design-group__design-group-number {
  margin-bottom: 8px;
  text-align: left;
  cursor: pointer;
}
.design-group__design-group-number--small {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
}
.design-group__color-pills {
  position: relative;
  margin-top: 10px;
  margin-right: 7px;
}
.design-group__color-pill {
  height: 22px;
  width: 22px;
  border: 1.1px solid #646464;
  border-radius: 50%;
}
.design-group__color-pill-delete {
  position: absolute;
  top: -8px;
  right: -8px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.design-group__color-pill--new {
  margin-top: 10px;
  margin-right: 7px;
}
.design-group__set-prices {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  justify-content: flex-end;
}
.design-group__change-btn {
  position: absolute;
  padding: 3px 10px;
  bottom: 9px;
  right: 9px;
  background-color: #E0F1FF;
  color: #2296F3;
  font-size: 11px;
  font-weight: 700;
  border: 0.76px solid #B2DCFF;
  border-radius: 1.8px;
  cursor: pointer;
}
.design-group__change-btn-img {
  margin: -2px 6px 0 0;
  height: 9px;
  width: 9px;
}
.design-group__add-item {
  margin: 0 auto;
  margin-bottom: 16px;
  height: 54px;
  width: 54px;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
}
.design-group__add-different {
  margin-top: 30px;
}
.pricing__container {
  padding: 40px 38px;
  width: 100%;
  height: auto;
}
.pricing__title {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 22px;
}
.pricing__designs-list {
  margin-top: 30px;
}
.pricing__design {
  margin-right: 20px;
}
.pricing__design-image {
  height: 105px;
  width: 105px;
  border: 0.58px solid rgba(151, 151, 151, 0.4);
}
.pricing__color-pills {
  position: relative;
  margin-top: 5px;
  margin-right: 5px;
}
.pricing__color-pill {
  height: 15px;
  width: 15px;
  border: 0.66px solid #646464;
  border-radius: 50%;
}
.pricing__types {
  margin: 35px 0 200px 0;
}
.pricing__type {
  padding: 30px 60px;
  margin-right: 15px;
  width: 383px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 22px;
  border: 0.66px solid #E6E6E6;
  cursor: pointer;
}
.pricing__type:hover {
  border: 0.66px solid #979797;
}
.pricing__back {
  margin-right: 10px;
  cursor: pointer;
}
.breakpoints__container {
  margin: 35px 0 150px 0;
  width: 100%;
  height: auto;
}
.breakpoints__breakpoint-prices {
  margin-bottom: 45px;
  min-height: 100px;
}
.breakpoints__breakpoint {
  margin-right: 50px;
}
.breakpoints__price {
  margin-bottom: 15px;
}
.breakpoints__minimum-text {
  position: absolute;
  top: 45px;
  font-size: 12px;
}
.breakpoints__minimum-indicator {
  position: absolute;
  top: -20px;
  font-size: 12px;
  font-weight: 500;
}
.breakpoints__first-indicator {
  position: absolute;
  top: 43px;
  font-size: 12px;
  font-weight: 500;
}
.breakpoints__breakpoint-text {
  position: absolute;
  top: 63px;
  font-size: 12px;
}
.breakpoints__add-breakpoint {
  margin-right: -10px;
}
.breakpoints__delete-breakpoint {
  display: flex;
  align-items: center;
}
.breakpoints__done {
  margin-right: -10px;
  margin-top: 30px;
}
.breakpoints__breakpoint-prices-height {
  min-height: 50px;
}
.breakpoints__top {
  top: 45px;
}
.breakpoints__clr {
  color: #a2a2a2;
  font-size: 10.8px;
  font-weight: 500;
  line-height: 1.4;
}
.breakpoints__minimum-indicator-clr {
  color: #7b7a7a;
}
.color-pill-border {
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px #646464;
}
.active-transaction-item-image {
  height: 40px;
  width: 33px;
}
.active-transaction-item-wrapper {
  padding: 3.5px;
  height: 46px;
  width: 46px;
  border: 1px solid #DDDDDD;
}
.active-transaction-remove-item {
  height: 18px;
  width: 18px;
}
.participant-order-item-remove-button-wrapper {
  height: 46px;
  width: 46px;
  cursor: pointer;
}
.participant-order-item-title {
  display: flex;
  align-items: center;
  height: 46px;
}
.edit-participants-pane {
  width: 28%;
}
.orders-pane {
  width: 72%;
}
.color-text {
  font-weight: bold;
}
.add-item-modal-title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.add-item-modal-search-bar-wrapper {
  margin: 25px 25px 40px 25px;
}
.add-item-modal-order-item-image-wrapper {
  height: 57px;
  width: 57px;
  border: 1px solid #E2E2E2;
}
.add-item-modal-order-item-image {
  height: 55px;
  width: 55px;
}
.add-item-modal-order-item-wrapper {
  display: flex;
  align-items: center;
  margin: 15px 25px;
  cursor: pointer;
}
.add-item-modal-order-item-info {
  margin-left: 18px;
  font-weight: 500;
}
.add-item-modal-order-item-info-bottom {
  display: flex;
  color: #7D7D7D;
  font-size: 13px;
}
.add-item-modal-order-item-hseparator {
  margin: 0 8px 0 8px;
  height: 18px;
  width: 1px;
  background-color: #DEDEDE;
}
.add-item-modal-order-item-title {
  color: #383838;
  font-size: 15px;
}
.add-item-modal-order-item-wseparator {
  margin: 0px 25px;
  height: 1px;
  background-color: #F2F2F2;
}
.ups-error-modal-title {
  color: black;
  font-size: 22.4px;
  font-weight: bolder;
  text-align: center;
}
.ups-error-message-information {
  margin: 25px 96px;
  color: #5F5F5F;
  text-align: center;
  font-size: 15.6px;
  line-height: 22.4px;
}
.custom-save-cancel-buttons-wrapper {
  display: flex;
  margin: 25px 115px;
}
.custom-yes-button {
  margin-right: 33.25px;
  height: 45px;
  width: 137px;
  background-color: #F4FFF5;
  color: #59AD5D;
  font-size: 15.7px;
  font-weight: bold;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  border: 1.2px solid #59AD5D;
}
.custom-no-button {
  height: 45px;
  width: 137px;
  background-color: #FF4848;
  color: #FFFFFF;
  font-size: 15.7px;
  font-weight: bold;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
}
.pricing-feilds {
  margin-bottom: 10px;
  color: #333333;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
}
.pricing-feilds-data {
  margin: 0 0 10px -12px;
  color: #333333;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
}
.pricing-section-hseparator {
  margin-bottom: 12px;
  height: 1px;
  background-color: #E6E6E6;
}
.authorized-amount-wrapper {
  padding: 0 15px 0 15px;
  margin: 19px 12px 0 0;
  height: 44px;
  width: fit-content;
  float: right;
  font-size: 15px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
}
.authorized-amount-normal {
  background-color: #E7FFE8;
  color: #3CA742;
}
.authorized-amount-exceeded {
  background-color: #FFF1F1;
  color: #FF4848;
}
.order-save-cancel-wrapper {
  display: flex;
  margin: 43px 12px 0 0;
  float: right;
  cursor: not-allowed;
}
.pricing-save-button {
  padding: 0 41px;
  height: 40px;
  width: fit-content;
  color: white;
  font-weight: bold;
  font-size: 14px;
}
.pricing-save-button-active {
  background-color: #38B896;
  cursor: pointer !important;
}
.pricing-save-button-inactive {
  background-color: #80d4bc;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.pricing-cancel-button {
  padding: 0 19px;
  margin-right: 18px;
  height: 40px;
  width: fit-content;
  background-color: #FFFAF9;
  color: #F67F79;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #F67F79;
  cursor: pointer !important;
}
.saved-status-text {
  margin: 9px 18px 0 0;
  color: #38B896;
  text-align: right;
  font-style: italic;
  font-size: 13px;
  float: right;
}
.shipping-address-text {
  color: #3D3D3D;
  font-weight: bold;
  font-size: 13px;
}
.search-ep-text {
  margin-top: 10px;
  width: 170px;
  color: #858585;
  text-align: center;
  font-style: italic;
  line-height: 18px;
  font-size: 13px;
}
.search-ep-section {
  margin-top: 50px;
}
.search-ep-icon {
  height: 24px;
  width: 24px;
}
.push-left-by-32 {
  margin-left: -1.8vw;
}
.loading-image-icon {
  height: 14px;
  width: 14px;
}
.hw20 {
  height: 20px;
  width: 20px;
}
.fp-invisible {
  visibility: hidden !important;
}
.no-border {
  margin-bottom: 0;
  border-bottom: none;
}
.promo-code-container {
  margin-bottom: 0;
}
.promo-code-description {
  margin-top: 10px;
  color: #727272;
  font-weight: 500;
}
.promo-code-manager-value {
  padding: 6px 6px;
  margin-top: 20px;
  width: 120px;
  height: 30px;
  background-color: #F5F5F5;
  color: #333333;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  border: 1px dashed #E3E3E3;
  border-radius: 2px;
}
.promo-code-value {
  position: relative;
  width: 25%;
}
.promo-code-value_text {
  position: absolute;
  top: 8px;
  right: 15px;
  color: #727272;
  font-weight: 500;
}
.applies-to_group-order {
  margin-top: 20px;
}
.promo-min-requirements_text {
  margin-top: 15px;
}
.promo-active-dates {
  margin-bottom: 270px;
}
.promo-code-footer {
  margin: 0 -20px -40px 0;
}
.promo-code-footer_container {
  padding-top: 12px;
  width: 98%;
  justify-content: flex-end;
}
.promo-code-footer_discard-btn .btn {
  color: #A1A1A1;
  font-size: 16px;
  border: 1px solid #C2C2C2;
}
.promo-code-footer_discard-btn .btn:hover {
  color: #868686;
}
.promo-code-footer_save-btn .btn {
  background-color: #38B896;
  color: #FFFFFF;
  font-size: 16px;
  border: 1px solid #38B896;
}
.promo-summary-container {
  padding-top: 10px;
}
.promo-summary-container_no-information {
  color: #939393;
  font-size: 15px;
  font-weight: 500;
}
.promo-summary-container_label {
  margin: 0 12px 5px 0;
  color: #767676;
  font-size: 13px;
  white-space: nowrap;
}
.promo-summary-container_value {
  color: #000000;
  font-size: 13px;
  font-weight: 500;
}
.promo-summary-container_copy-link {
  margin-left: 15px;
  color: #0097FB;
  font-size: 13px;
}
.promo-code-error {
  margin-top: 10px;
  color: #D84315;
}
div.promo-date-time > fp-date-picker:first-child {
  margin-right: 40px;
}
.time-input {
  background-color: #FFFFFF !important;
}
.promo-icon {
  width: 18px;
}
.disable-icon {
  margin-bottom: 2px;
  width: 16px;
}
.copy-icon {
  margin-right: 6px;
  width: 12px;
}
.clock-icon {
  width: 16px;
}
.mt-0 {
  margin-top: 0px !important;
}
.gift-card-tab {
  width: 35% !important;
}
.gift-card-client-section {
  width: 85%;
}
.assign-items__right-sub {
  display: flex;
  justify-content: flex-end;
  margin-left: -20px;
  margin-top: -23px;
}
.assign-items__right-width {
  width: 80%;
}
.field-update {
  border: 1px solid #48A64C;
}
.field-update-text {
  position: absolute;
  right: 1px;
  bottom: -15px;
  color: #00A93E;
  font-size: 10px;
  font-style: italic;
  z-index: 9;
}
.inventory input.form-control {
  width: 100px !important;
}
.no-wrap {
  white-space: nowrap;
}
.inventory .modal-dialog.modal- {
  width: 80%;
}
.inventory fp-button {
  float: right;
}
.inventory input.form-control {
  width: 100% !important;
}
.inventory tr {
  border: 1px solid #ddd;
}
.restock-date {
  margin: 15px 0px;
  font-weight: 500;
}
.date-picker-styles {
  margin: 15px 0px;
}
.center-align {
  display: flex;
  justify-content: center;
  align-items: center;
}
.align-item-start {
  align-items: flex-start !important;
}
.summary-table-container {
  overflow-x: scroll;
}
.summary-table-container::-webkit-scrollbar {
  display: none;
}
.cart-table {
  width: 100%;
  margin: 20px auto;
  background-color: #ffffff;
  border-collapse: collapse;
  font-family: Helvetica,Neue;
  letter-spacing: 0.2px;
}
.cart-table thead th {
  padding: 15px;
  font-size: 13px;
  font-weight: bold;
  color: #333;
  text-align: left;
  text-align: center;
}
.cart-table tbody td {
  padding: 20px 15px;
  font-size: 14px;
  color: #333;
  font-weight: 500;
  text-align: center;
}
.cart-table tbody tr:nth-child(odd) {
  background: #FCFCFF 0% 0% no-repeat padding-box;
}
.cart-table tbody tr:nth-child(odd) td {
  border-top: 1px solid #EAEAF8;
  border-bottom: 1px solid #EAEAF8;
}
.cart-table tbody tr:nth-child(odd) td:first-child {
  border-left: 1px solid #EAEAF8;
}
.cart-table tbody tr:nth-child(odd) td:last-child {
  border-right: 1px solid #EAEAF8;
}
.empty-th {
  width: 50px;
}
.quantity-head {
  width: 180px;
}
.inputs-price-per-item {
  width: 450px;
}
.price-per-item-head {
  min-width: 200px;
}
.item-total-head {
  min-width: 150px;
}
.summary-items {
  text-align: left !important;
  width: 180px;
}
.item-details {
  text-align: left !important;
}
.product-image {
  border: 1px solid #E9E9F0;
  border-radius: 9px;
  width: 101px;
  height: 101px;
  padding: 6px;
  background-color: #fff;
}
.product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-image img.image-error {
  width: 40px;
  height: 37px;
}
.product-name {
  font-size: 13px;
  color: #333;
  font-weight: 500;
  margin-bottom: 6px;
}
.item-quantity {
  font-size: 16px;
  color: #333;
}
.price-per-item-col .pricing-container {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  row-gap: 10px;
  flex-wrap: wrap;
}
.price-per-item-col .pricing-container.align-vertical-center {
  align-items: center;
  gap: 10px;
}
.price-per-item-col .price {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.price-per-item-col .discount-input {
  text-align: left;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 6px;
}
.price-per-item-col .disocunt-info {
  position: relative;
}
.price-per-item-col .discount-input-field {
  border: 1px solid #E9E9F0;
  border-radius: 4px;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 12px;
  font-weight: 500;
  color: #333;
  max-height: 28.8px;
  padding: 4.25px 15px 4.25px 6px;
  width: 47px;
}
.price-per-item-col .discount-input-field::placeholder {
  color: #AEB0C6;
}
.price-per-item-col .discount-text {
  text-align: left;
  color: #EB79C5;
  font-size: 12px;
  margin-top: 8px;
  margin-left: 3px;
  max-width: 135px;
}
.price-per-item-col .percent-symbol {
  font-size: 12px;
  font-weight: 500;
  color: #333;
  position: absolute;
  z-index: 999;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.price-per-item-col .remove-discount {
  color: #A9ACBF;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #2626260D;
  border: 1px solid #E9E9F0;
  border-radius: 100px;
  width: 16px;
  height: 16px;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.price-per-item-col .remove-discount:hover {
  color: #898EA0;
  border: 1px solid #D2D7E2;
}
.price-per-item-col .manual-price {
  display: flex;
  flex-direction: column;
}
.price-per-item-col .manual-price .price-input-field {
  border: 1px solid #E9E9F0;
  border-radius: 4px;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 101px;
  height: 40px;
  padding: 5px;
}
.price-per-item-col .manual-price .price-input-field::placeholder {
  color: #AEB0C6;
  font-size: 20px;
  font-weight: 500;
}
.price-per-item-col .no-discount-container {
  color: #EB79C5;
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
}
.item-final-price .final-price-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
}
.item-final-price .final-price-info .striked-out-price {
  text-decoration: line-through;
  color: #8D90AA;
  font-size: 14px;
  font-weight: 500;
}
.item-final-price .final-price-info .discounted-price,
.item-final-price .final-price-info .original-price {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.item-final-price .final-price-info .default-price {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}
.item-final-price .price-note {
  font-size: 12px;
  color: #37B996;
  font-weight: 500;
  margin-left: 15px;
  margin-top: 3px;
}
.item-total .total-price {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.item-total .default-total {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}
.payment-summary {
  padding: 25px 30px;
  border-top: 1px dashed #C4C4C4;
  border-bottom: 1px dashed #C4C4C4;
  margin: 20px auto;
  width: 90%;
  display: flex;
  justify-content: end;
}
.breakdown-summary {
  min-width: 350px;
  font-family: Helvetica,Neue;
  letter-spacing: 0.2px;
}
.breakdown-summary .summary-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  gap: 30px;
}
.breakdown-summary .summary-item .left-head {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  width: 220px;
  text-align: right;
}
@media screen and (min-width: 600.99px) {
  .breakdown-summary .summary-item .left-head {
    padding-right: 15px;
  }
}
.breakdown-summary .summary-item .price {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  min-width: 130px;
  text-align: right;
  padding-right: 10px;
}
.breakdown-summary .sub-total {
  margin-bottom: 8px !important;
}
.breakdown-summary .fee-discounts {
  display: flex;
  width: 100%;
  justify-content: end;
  gap: 12px;
  padding-right: 10px;
}
.breakdown-summary .fee-discounts .add-fee,
.breakdown-summary .fee-discounts .add-discounts {
  color: #519EEB;
  display: flex;
  align-items: center;
  gap: 3.5px;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
  transform: translateY(0);
}
.breakdown-summary .fee-discounts .add-fee .text,
.breakdown-summary .fee-discounts .add-discounts .text {
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}
.breakdown-summary .fee-discounts .add-fee:hover,
.breakdown-summary .fee-discounts .add-discounts:hover {
  transform: translateY(-3px);
}
.breakdown-summary .fee-discounts .subtract {
  background-color: #519EEB;
  height: 2px;
  width: 9px;
  display: inline-block;
}
.breakdown-summary .line-items .fee-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.breakdown-summary .line-items .fee-name,
.breakdown-summary .line-items .fee-value {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: end;
}
.breakdown-summary .line-items .fee-name {
  width: 220px;
}
.breakdown-summary .line-items .fee-name-input {
  width: 187px;
  text-align: right;
  padding: 5px 15px;
  color: #333333;
  font-weight: 400;
}
.breakdown-summary .line-items .fee-name-input::placeholder {
  color: #AEB0C6;
  font-size: 14px;
  font-weight: 400;
}
.breakdown-summary .remove-fees-discounts {
  width: 18px;
  height: 18px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E9E9F0;
  color: #8D90AA;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
  margin-right: 15px;
  font-size: 11px;
  transition: transform 0.3s ease-in-out;
  transform: translateY(0);
}
.breakdown-summary .remove-fees-discounts:hover {
  transform: translateY(-3px);
  background: #FFFAFA 0% 0% no-repeat padding-box;
  border: 1px solid #FFF2F2;
  color: #E86868;
}
.breakdown-summary .shipping {
  align-items: center;
}
.breakdown-summary .shipping .ship-type {
  border-radius: 6px;
  font-size: 14px;
  font-weight: 300;
  padding: 2px 6px;
  width: fit-content;
  line-height: 15px;
  margin-right: 8px;
}
.breakdown-summary .shipping .ship-type.standard {
  color: #EB79C4;
  background: #FFF8FD 0% 0% no-repeat padding-box;
  border: 0.8px solid #FDD7F2;
}
.breakdown-summary .shipping .ship-type.expedited {
  color: #4C94DE;
  background: #F8FCFF 0% 0% no-repeat padding-box;
  border: 0.8px solid #CEE6FF;
}
.breakdown-summary .shipping .ship-type.flash {
  color: #EBD300;
  background: #FFFEF7 0% 0% no-repeat padding-box;
  border: 0.8px solid #FFF389;
}
.breakdown-summary .shipping .ship-type.order,
.breakdown-summary .shipping .ship-type.mto {
  color: #D79051;
  background: #FFFBF7 0% 0% no-repeat padding-box;
  border: 0.8px solid #FFE7D1;
}
.breakdown-summary .shipping .ship-type.individually_shipped {
  color: #8066F0;
  background: #fbfaff 0% 0% no-repeat padding-box;
  border: 0.8px solid #e2d9ff;
}
.breakdown-summary .shipping .ship-type.economy {
  color: #3D9970;
  background: #F2FBF6 0% 0% no-repeat padding-box;
  border: 0.8px solid #C8E6CF;
}
.breakdown-summary .price-input-field {
  border: 1px solid #E9E9F0;
  border-radius: 4px;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  width: 101px;
  height: 35px;
  padding: 5px 10px;
}
.breakdown-summary .price-input-field::placeholder {
  color: #AEB0C6;
  font-size: 16px;
  font-weight: 500;
}
.breakdown-summary .sales-tax {
  margin-bottom: 0;
}
.order-total-summary {
  padding: 0px 30px;
  margin: 20px auto;
  width: 90%;
  display: flex;
  justify-content: end;
  min-width: 350px;
  font-family: Helvetica,Neue;
}
.order-total-summary .summary-item {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
}
.order-total-summary .summary-item .left-head {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  width: 220px;
  text-align: right;
}
@media screen and (min-width: 600.99px) {
  .order-total-summary .summary-item .left-head {
    padding-right: 15px;
  }
}
.order-total-summary .summary-item .price {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  min-width: 130px;
  text-align: right;
  padding-right: 10px;
}
.input-invalid {
  border-color: #D84315 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}
@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 90%);
  }
  100% {
    background-color: hsl(200, 20%, 97%);
  }
}
.skeleton-text {
  width: 130px;
  height: 24px;
  border-radius: 0.25rem;
}
.skeleton-text.table-skeleton-text {
  width: 70px;
}
.skeleton-text.shipping-skeleton {
  height: 35px;
}
.promo-code-container {
  display: flex;
  justify-content: end;
  padding-right: 10px;
  padding-bottom: 15px;
  position: relative;
  align-items: end;
  flex-direction: column;
}
.promo-code-container .promo-code-wrapper {
  display: flex;
  align-items: center;
  width: 300px;
  border-radius: 9px;
  background: #FCFCFD;
  padding: 10px;
  border: 1px solid #D1D5DB;
}
.promo-code-container .promo-code-wrapper.promo-applied {
  border-color: #D1D5DB;
  box-shadow: none;
}
.promo-code-container .promo-code-wrapper.promo-applied:hover {
  border-color: #D1D5DB;
  box-shadow: none;
}
.promo-code-container .promo-code-wrapper.error-border {
  border-color: red;
}
.promo-code-container .promo-code-wrapper .promo-img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  color: #37B996;
  opacity: 50%;
}
.promo-code-container .promo-code-wrapper .promo-img--active {
  opacity: 100%;
}
.promo-code-container .promo-code-wrapper .promo-code-input {
  flex-grow: 1;
  border: none;
  background: transparent;
  font-size: 14px;
  color: #333;
  outline: none;
  font-weight: bold;
  opacity: 50%;
}
.promo-code-container .promo-code-wrapper .promo-code-input::placeholder {
  color: #8C90AA;
  font-size: 14px;
  font-weight: lighter;
}
.promo-code-container .promo-code-wrapper .promo-code-input:not([disabled]) {
  opacity: 100%;
}
.promo-code-container .promo-code-wrapper .apply-promo-code {
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: flex-end;
  padding: 0px;
}
.promo-code-container .promo-code-wrapper .apply-promo-code .promo-apply {
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #37B996;
  cursor: pointer;
  opacity: 50%;
}
.promo-code-container .promo-code-wrapper .apply-promo-code .promo-apply:not([disabled]) {
  opacity: 100%;
}
.promo-code-container .promo-code-wrapper .apply-promo-code .discount-value {
  font-size: 14px;
  color: #37B996;
  opacity: 100%;
  font-weight: bold;
  align-items: center;
  display: flex;
}
.promo-code-container .promo-code-wrapper .apply-promo-code .promo-close-img {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  color: #323232;
  opacity: 100%;
  cursor: pointer;
}
.promo-code-container .confetti-gif {
  position: absolute;
  width: 250px;
  height: auto;
  z-index: 10;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.promo-code-container .error-message {
  color: red;
  font-size: 12px;
  margin: 5px 0 0 0;
}
@media screen and (max-width: 1300.99px) and (min-width: 1024.99px) {
  .item-total .total-price {
    font-size: 17px;
  }
  .item-final-price .final-price-info .discounted-price,
  .item-final-price .final-price-info .original-price {
    font-size: 17px;
  }
}
@media screen and (max-width: 1099.98px) {
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
    font-family: Helvetica,Neue;
  }
}
@media screen and (min-width: 1099.99px) {
  .desktop {
    display: block !important;
  }
  .mobile {
    display: none !important;
  }
}
.mobile-card {
  background: #FCFCFF 0% 0% no-repeat padding-box;
  border: 1px solid #EAEAF8;
  padding: 20px;
  margin-bottom: 11px;
  font-family: Helvetica,Neue;
}
.mobile-card .item-details {
  margin-bottom: 25px;
}
.mobile-card .product-name {
  font-size: 15px;
}
.mobile-card .mobile-summary-items {
  display: flex;
  margin-bottom: 16px;
  align-items: center;
  margin-left: 5px;
  row-gap: 5px;
  column-gap: 35px;
  flex-wrap: wrap;
}
.mobile-card .mobile-summary-items:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width: 500.99px) {
  .mobile-card .mobile-summary-items {
    column-gap: 15px;
  }
}
.mobile-card .mobile-headings {
  font-weight: bold;
  color: #464646;
  font-size: 11px;
  width: 170px;
}
@media screen and (max-width: 500.99px) {
  .mobile-card .mobile-headings {
    width: 100px;
  }
}
@media screen and (max-width: 350.99px) {
  .mobile-card .mobile-headings {
    width: 100%;
  }
}
.mobile-card .discount-text {
  font-weight: 500 !important;
}
.mobile-card .mobile-values,
.mobile-card .discounted-price,
.mobile-card .total-price {
  font-weight: bold !important;
  font-size: 18px !important;
}
.mobile-card .pricing-container {
  display: block;
}
.mobile-card .pricing-container .manual-price {
  margin-bottom: 10px;
}
.mobile-card .item-final-price .final-price-info {
  justify-content: left;
}
.mobile-card .item-final-price .price-note {
  margin-left: 0;
}
@media screen and (max-width: 499.98px) {
  .payment-summary {
    width: 100%;
    padding: 20px 0;
    display: block;
  }
  .payment-summary .breakdown-summary {
    min-width: 100%;
  }
  .payment-summary .breakdown-summary .summary-item {
    gap: 20px;
  }
  .payment-summary .breakdown-summary .summary-item .left-head {
    font-size: 15px;
    width: 100% !important;
  }
  .payment-summary .breakdown-summary .line-items .fee-item {
    width: 100%;
  }
  .payment-summary .breakdown-summary .line-items .fee-item .fee-name {
    width: 60%;
  }
  .payment-summary .breakdown-summary .line-items .fee-item .fee-name input {
    width: 100%;
  }
  .payment-summary .breakdown-summary .line-items .fee-item .fee-value {
    width: 35%;
  }
  .payment-summary .breakdown-summary .line-items .fee-item .fee-value input {
    width: 100%;
  }
  .payment-summary .breakdown-summary .shipping {
    width: 100%;
  }
  .payment-summary .breakdown-summary .shipping .left-head {
    width: 60% !important;
  }
  .payment-summary .breakdown-summary .shipping div {
    width: 35%;
  }
  .payment-summary .breakdown-summary .shipping div input {
    width: 100%;
  }
  .order-total-summary {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .order-total-summary .left-head {
    width: 100%;
  }
}
.tax-toggle-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: end;
  margin-top: 4px;
}
.tax-toggle-wrapper .bootstrap-switch .bootstrap-switch-handle-on,
.tax-toggle-wrapper .bootstrap-switch .bootstrap-switch-handle-off,
.tax-toggle-wrapper .bootstrap-switch .bootstrap-switch-label {
  padding: 1px 4px;
  font-size: 12px;
}
.tax-toggle-wrapper .bootstrap-switch {
  margin-right: 0;
}
.tax-toggle-wrapper .tax-exemption-label {
  margin: 0;
  color: #333333;
  font-size: 12px;
  font-family: Helvetica,Neue;
  line-height: 17px;
}
@media screen and (max-width: 370.99px) {
  .tax-toggle-wrapper .tax-exemption-label {
    font-size: 11px;
  }
}
.tax-toggle-wrapper .input-group {
  margin: 0;
}
.upload-certificate-wrapper {
  margin-top: 8px;
}
.upload-certificate-wrapper .file-wrapper .btn {
  display: none;
}
.upload-certificate-wrapper .file-wrapper .icon-with-text {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  gap: 6px;
  cursor: pointer;
}
.upload-certificate-wrapper .file-wrapper .icon-with-text .file-upload-text {
  font-size: 12px;
  color: #8D90AA;
  font-family: Helvetica,Neue;
}
.tax-certificate-name-wrapper {
  justify-content: end;
  display: flex;
  margin-top: 8px;
}
.tax-certificate-name-wrapper .tax-certificate-inner-name-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  padding: 4px 9px 4px 9px;
  border: 0.8px solid #C0C6D2;
  border-radius: 25px;
}
.tax-certificate-name-wrapper .tax-certificate-inner-name-wrapper .preview-img {
  width: 12px;
  height: 12px;
}
.tax-certificate-name-wrapper .tax-certificate-inner-name-wrapper .remove-tax-certificate {
  color: #c0c6d2;
  font-size: 14px;
  cursor: pointer;
}
.tax-certificate-name-wrapper .tax-certificate-inner-name-wrapper .file-type-name {
  display: flex;
  color: #60626D;
  font-size: 12px;
  line-height: 17px;
}
.tax-certificate-name-wrapper .tax-certificate-inner-name-wrapper .file-type-name .file-name {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
@media screen and (max-width: 845.98px) {
  .payment-summary .breakdown-summary .sales-tax .price {
    min-width: 100px !important;
  }
}
@media screen and (max-width: 365.98px) {
  .payment-summary .breakdown-summary .summary-item .left-head {
    max-width: 155px !important;
  }
  .payment-summary .breakdown-summary .tax-certificate-name-wrapper .tax-certificate-inner-name-wrapper {
    max-width: 180px !important;
  }
  .payment-summary .breakdown-summary .tax-certificate-name-wrapper .tax-certificate-inner-name-wrapper .file-type-name .file-name {
    max-width: 84px !important;
  }
  .payment-summary .breakdown-summary .sales-tax {
    flex-wrap: wrap;
  }
  .payment-summary .breakdown-summary .sales-tax .price {
    min-width: 50px !important;
  }
}
@media screen and (max-width: 455.98px) and (min-width: 365.99px) {
  .payment-summary .breakdown-summary .tax-certificate-name-wrapper .tax-certificate-inner-name-wrapper .file-type-name .file-name {
    max-width: 84px !important;
  }
}
.quoter-price {
  color: #F49B50;
  font-size: 12px;
  padding-left: 2px;
  margin-top: 5px;
}
.tiny-summary-table .inputs-price-per-item,
.tiny-summary-table .summary-items,
.tiny-summary-table .summary-items {
  width: auto;
}
/**
 * Printer Disclaimer Styles
 * Styles for the printer disclaimer message that appears in problem modals
 */
.printer-disclaimer {
  margin-bottom: 10px;
  margin-top: -10px;
  color: #ff0000;
}