.flex {
  display: flex;
}

.gap-2 {
  gap: 2px;
}

.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.row.reverse {
  flex-direction: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem;
  }

  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-sm {
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}

@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-md {
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    justify-content: center;
    text-align: center;
  }

  .end-md {
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}

@media only screen and (min-width: 75em) {
  .container {
    width: 76rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}.reactIcons.primary {
  fill: #000033 !important;
}
.reactIcons.secondary {
  fill: #708f9e !important;
}
.reactIcons.pineGreen {
  fill: rgba(40, 134, 84, 0.9) !important;
}
.reactIcons.azureBlue {
  fill: #5072a7 !important;
}
.reactIcons.green {
  fill: #00b200 !important;
}
.reactIcons.darkGreen {
  fill: rgba(51, 102, 102, 0.8) !important;
}
.reactIcons.limeGreen {
  fill: rgba(197, 234, 140, 0.2) !important;
}
.reactIcons.red {
  fill: red !important;
}
.reactIcons.black {
  fill: black !important;
}
.reactIcons.blue {
  fill: #00b8ff !important;
}
.reactIcons.lightBlue {
  fill: #cce6ff !important;
}
.reactIcons.royalBlue {
  fill: #002c80 !important;
}
.reactIcons.orange {
  fill: #ff9100 !important;
}
.reactIcons.lightOrange {
  fill: #ffe4ca !important;
}
.reactIcons.novemberOrange {
  fill: #dc7500 !important;
}
.reactIcons.yellow {
  fill: khaki !important;
}
.reactIcons.pink {
  fill: lightpink !important;
}
.reactIcons.darkPink {
  fill: #cc6699 !important;
}
.reactIcons.purple {
  fill: rgba(128, 0, 128, 0.2) !important;
}
.reactIcons.darkPurple {
  fill: #5f1564 !important;
}
.reactIcons.grey {
  fill: gray !important;
}
.reactIcons.mediumGrey {
  fill: rgba(128, 128, 128, 0.4) !important;
}
.reactIcons.lightGrey {
  fill: #efefef !important;
}
.reactIcons.silver {
  fill: gainsboro !important;
}
.reactIcons.cyan {
  fill: #a6e4ff !important;
}
.reactIcons.magenta {
  fill: #ffa6d5 !important;
}
.reactIcons.waste {
  fill: #00cc66 !important;
}
.reactIcons.batched {
  fill: #89ae51 !important;
}
.reactIcons.white {
  fill: white !important;
}
.reactIcons.gradingSilver {
  fill: silver !important;
}
.reactIcons.gradingDiamond {
  fill: #b9f2ff !important;
}
.reactIcons.gradingBronze {
  fill: #cd7f32 !important;
}
.reactIcons.gradingGold {
  fill: gold !important;
}
.reactIcons.gradingPlatinum {
  fill: #e5e4e2 !important;
}

.colour.text.primary {
  color: #000033;
}
.colour.text.secondary {
  color: #708f9e;
}
.colour.text.pineGreen {
  color: rgba(40, 134, 84, 0.9);
}
.colour.text.azureBlue {
  color: #5072a7;
}
.colour.text.green {
  color: #00b200;
}
.colour.text.darkGreen {
  color: rgba(51, 102, 102, 0.8);
}
.colour.text.limeGreen {
  color: rgba(197, 234, 140, 0.2);
}
.colour.text.red {
  color: red;
}
.colour.text.black {
  color: black;
}
.colour.text.blue {
  color: #00b8ff;
}
.colour.text.lightBlue {
  color: #cce6ff;
}
.colour.text.royalBlue {
  color: #002c80;
}
.colour.text.orange {
  color: #ff9100;
}
.colour.text.lightOrange {
  color: #ffe4ca;
}
.colour.text.novemberOrange {
  color: #dc7500;
}
.colour.text.yellow {
  color: khaki;
}
.colour.text.pink {
  color: lightpink;
}
.colour.text.darkPink {
  color: #cc6699;
}
.colour.text.purple {
  color: rgba(128, 0, 128, 0.2);
}
.colour.text.darkPurple {
  color: #5f1564;
}
.colour.text.grey {
  color: gray;
}
.colour.text.mediumGrey {
  color: rgba(128, 128, 128, 0.4);
}
.colour.text.lightGrey {
  color: #efefef;
}
.colour.text.silver {
  color: gainsboro;
}
.colour.text.cyan {
  color: #a6e4ff;
}
.colour.text.magenta {
  color: #ffa6d5;
}
.colour.text.waste {
  color: #00cc66;
}
.colour.text.batched {
  color: #89ae51;
}
.colour.text.white {
  color: white;
}
.colour.text.gradingSilver {
  color: silver;
}
.colour.text.gradingDiamond {
  color: #b9f2ff;
}
.colour.text.gradingBronze {
  color: #cd7f32;
}
.colour.text.gradingGold {
  color: gold;
}
.colour.text.gradingPlatinum {
  color: #e5e4e2;
}
.colour.background.primary {
  background-color: #000033;
}
.colour.background.secondary {
  background-color: #708f9e;
}
.colour.background.pineGreen {
  background-color: rgba(40, 134, 84, 0.9);
}
.colour.background.azureBlue {
  background-color: #5072a7;
}
.colour.background.green {
  background-color: #00b200;
}
.colour.background.darkGreen {
  background-color: rgba(51, 102, 102, 0.8);
}
.colour.background.limeGreen {
  background-color: rgba(197, 234, 140, 0.2);
}
.colour.background.red {
  background-color: red;
}
.colour.background.black {
  background-color: black;
}
.colour.background.blue {
  background-color: #00b8ff;
}
.colour.background.lightBlue {
  background-color: #cce6ff;
}
.colour.background.royalBlue {
  background-color: #002c80;
}
.colour.background.orange {
  background-color: #ff9100;
}
.colour.background.lightOrange {
  background-color: #ffe4ca;
}
.colour.background.novemberOrange {
  background-color: #dc7500;
}
.colour.background.yellow {
  background-color: khaki;
}
.colour.background.pink {
  background-color: lightpink;
}
.colour.background.darkPink {
  background-color: #cc6699;
}
.colour.background.purple {
  background-color: rgba(128, 0, 128, 0.2);
}
.colour.background.darkPurple {
  background-color: #5f1564;
}
.colour.background.grey {
  background-color: gray;
}
.colour.background.mediumGrey {
  background-color: rgba(128, 128, 128, 0.4);
}
.colour.background.lightGrey {
  background-color: #efefef;
}
.colour.background.silver {
  background-color: gainsboro;
}
.colour.background.cyan {
  background-color: #a6e4ff;
}
.colour.background.magenta {
  background-color: #ffa6d5;
}
.colour.background.waste {
  background-color: #00cc66;
}
.colour.background.batched {
  background-color: #89ae51;
}
.colour.background.gradingSilver {
  background-color: silver;
}
.colour.background.gradingDiamond {
  background-color: #b9f2ff;
}
.colour.background.gradingBronze {
  background-color: #cd7f32;
}
.colour.background.gradingGold {
  background-color: gold;
}
.colour.background.gradingPlatinum {
  background-color: #e5e4e2;
}
.colour.background-2.primary {
  background-color: rgba(0, 0, 51, 0.2);
}
.colour.background-2.secondary {
  background-color: rgba(112, 143, 158, 0.2);
}
.colour.background-2.pineGreen {
  background-color: rgba(40, 134, 84, 0.2);
}
.colour.background-2.azureBlue {
  background-color: rgba(80, 114, 167, 0.2);
}
.colour.background-2.green {
  background-color: rgba(0, 178, 0, 0.2);
}
.colour.background-2.darkGreen {
  background-color: rgba(51, 102, 102, 0.2);
}
.colour.background-2.limeGreen {
  background-color: rgba(197, 234, 140, 0.2);
}
.colour.background-2.red {
  background-color: rgba(255, 0, 0, 0.2);
}
.colour.background-2.black {
  background-color: rgba(0, 0, 0, 0.2);
}
.colour.background-2.blue {
  background-color: rgba(0, 184, 255, 0.2);
}
.colour.background-2.blue-grey {
  background-color: rgba(101, 110, 119, 0.2);
}
.colour.background-2.lightBlue {
  background-color: rgba(204, 230, 255, 0.2);
}
.colour.background-2.royalBlue {
  background-color: rgba(0, 44, 128, 0.2);
}
.colour.background-2.orange {
  background-color: rgba(255, 145, 0, 0.2);
}
.colour.background-2.lightOrange {
  background-color: rgba(255, 228, 202, 0.2);
}
.colour.background-2.novemberOrange {
  background-color: rgba(220, 117, 0, 0.2);
}
.colour.background-2.yellow {
  background-color: rgba(240, 230, 140, 0.2);
}
.colour.background-2.pink {
  background-color: rgba(255, 182, 193, 0.2);
}
.colour.background-2.darkPink {
  background-color: rgba(204, 102, 153, 0.2);
}
.colour.background-2.purple {
  background-color: rgba(128, 0, 128, 0.2);
}
.colour.background-2.darkPurple {
  background-color: rgba(95, 21, 100, 0.2);
}
.colour.background-2.grey {
  background-color: rgba(128, 128, 128, 0.2);
}
.colour.background-2.lightGrey {
  background-color: rgba(239, 239, 239, 0.2);
}
.colour.background-2.silver {
  background-color: rgba(220, 220, 220, 0.2);
}
.colour.background-2.cyan {
  background-color: rgba(166, 228, 255, 0.2);
}
.colour.background-2.magenta {
  background-color: rgba(255, 166, 213, 0.2);
}
.colour.background-2.waste {
  background-color: rgba(0, 204, 102, 0.2);
}
.colour.background-2.batched {
  background-color: rgba(137, 174, 81, 0.2);
}
.colour.background-2.gradingSilver {
  background-color: rgba(192, 192, 192, 0.2);
}
.colour.background-2.gradingDiamond {
  background-color: rgba(185, 242, 255, 0.2);
}
.colour.background-2.gradingBronze {
  background-color: rgba(205, 127, 50, 0.2);
}
.colour.background-2.gradingGold {
  background-color: rgba(255, 215, 0, 0.2);
}
.colour.background-2.gradingPlatinum {
  background-color: rgba(229, 228, 226, 0.2);
}
.colour.background-4.primary {
  background-color: rgba(0, 0, 51, 0.4);
}
.colour.background-4.secondary {
  background-color: rgba(112, 143, 158, 0.4);
}
.colour.background-4.pineGreen {
  background-color: rgba(40, 134, 84, 0.4);
}
.colour.background-4.azureBlue {
  background-color: rgba(80, 114, 167, 0.4);
}
.colour.background-4.green {
  background-color: rgba(0, 178, 0, 0.4);
}
.colour.background-4.darkGreen {
  background-color: rgba(51, 102, 102, 0.4);
}
.colour.background-4.limeGreen {
  background-color: rgba(197, 234, 140, 0.4);
}
.colour.background-4.red {
  background-color: rgba(255, 0, 0, 0.4);
}
.colour.background-4.black {
  background-color: rgba(0, 0, 0, 0.4);
}
.colour.background-4.blue {
  background-color: rgba(0, 184, 255, 0.4);
}
.colour.background-4.blue-grey {
  background-color: rgba(101, 110, 119, 0.4);
}
.colour.background-4.lightBlue {
  background-color: rgba(204, 230, 255, 0.4);
}
.colour.background-4.royalBlue {
  background-color: rgba(0, 44, 128, 0.4);
}
.colour.background-4.orange {
  background-color: rgba(255, 145, 0, 0.4);
}
.colour.background-4.lightOrange {
  background-color: rgba(255, 228, 202, 0.4);
}
.colour.background-4.novemberOrange {
  background-color: rgba(220, 117, 0, 0.4);
}
.colour.background-4.yellow {
  background-color: rgba(240, 230, 140, 0.4);
}
.colour.background-4.pink {
  background-color: rgba(255, 182, 193, 0.4);
}
.colour.background-4.darkPink {
  background-color: rgba(204, 102, 153, 0.4);
}
.colour.background-4.purple {
  background-color: rgba(128, 0, 128, 0.4);
}
.colour.background-4.darkPurple {
  background-color: rgba(95, 21, 100, 0.4);
}
.colour.background-4.grey {
  background-color: rgba(128, 128, 128, 0.4);
}
.colour.background-4.lightGrey {
  background-color: rgba(239, 239, 239, 0.4);
}
.colour.background-4.silver {
  background-color: rgba(220, 220, 220, 0.4);
}
.colour.background-4.cyan {
  background-color: rgba(166, 228, 255, 0.4);
}
.colour.background-4.magenta {
  background-color: rgba(255, 166, 213, 0.4);
}
.colour.background-4.waste {
  background-color: rgba(0, 204, 102, 0.4);
}
.colour.background-4.batched {
  background-color: rgba(137, 174, 81, 0.4);
}
.colour.background-4.gradingSilver {
  background-color: rgba(192, 192, 192, 0.4);
}
.colour.background-4.gradingDiamond {
  background-color: rgba(185, 242, 255, 0.4);
}
.colour.background-4.gradingBronze {
  background-color: rgba(205, 127, 50, 0.4);
}
.colour.background-4.gradingGold {
  background-color: rgba(255, 215, 0, 0.4);
}
.colour.background-4.gradingPlatinum {
  background-color: rgba(229, 228, 226, 0.4);
}
.colour.background-6.primary {
  background-color: rgba(0, 0, 51, 0.6);
}
.colour.background-6.secondary {
  background-color: rgba(112, 143, 158, 0.6);
}
.colour.background-6.pineGreen {
  background-color: rgba(40, 134, 84, 0.6);
}
.colour.background-6.azureBlue {
  background-color: rgba(80, 114, 167, 0.6);
}
.colour.background-6.green {
  background-color: rgba(0, 178, 0, 0.6);
}
.colour.background-6.darkGreen {
  background-color: rgba(51, 102, 102, 0.6);
}
.colour.background-6.limeGreen {
  background-color: rgba(197, 234, 140, 0.6);
}
.colour.background-6.red {
  background-color: rgba(255, 0, 0, 0.6);
}
.colour.background-6.black {
  background-color: rgba(0, 0, 0, 0.6);
}
.colour.background-6.blue {
  background-color: rgba(0, 184, 255, 0.6);
}
.colour.background-6.lightBlue {
  background-color: rgba(204, 230, 255, 0.6);
}
.colour.background-6.royalBlue {
  background-color: rgba(0, 44, 128, 0.6);
}
.colour.background-6.orange {
  background-color: rgba(255, 145, 0, 0.6);
}
.colour.background-6.lightOrange {
  background-color: rgba(255, 228, 202, 0.6);
}
.colour.background-6.novemberOrange {
  background-color: rgba(220, 117, 0, 0.6);
}
.colour.background-6.yellow {
  background-color: rgba(240, 230, 140, 0.6);
}
.colour.background-6.pink {
  background-color: rgba(255, 182, 193, 0.6);
}
.colour.background-6.darkPink {
  background-color: rgba(204, 102, 153, 0.6);
}
.colour.background-6.purple {
  background-color: rgba(128, 0, 128, 0.6);
}
.colour.background-6.darkPurple {
  background-color: rgba(95, 21, 100, 0.6);
}
.colour.background-6.grey {
  background-color: rgba(128, 128, 128, 0.6);
}
.colour.background-6.lightGrey {
  background-color: rgba(239, 239, 239, 0.6);
}
.colour.background-6.silver {
  background-color: rgba(220, 220, 220, 0.6);
}
.colour.background-6.cyan {
  background-color: rgba(166, 228, 255, 0.6);
}
.colour.background-6.magenta {
  background-color: rgba(255, 166, 213, 0.6);
}
.colour.background-6.waste {
  background-color: rgba(0, 204, 102, 0.6);
}
.colour.background-6.batched {
  background-color: rgba(137, 174, 81, 0.6);
}
.colour.background-6.gradingSilver {
  background-color: rgba(192, 192, 192, 0.6);
}
.colour.background-6.gradingDiamond {
  background-color: rgba(185, 242, 255, 0.6);
}
.colour.background-6.gradingBronze {
  background-color: rgba(205, 127, 50, 0.6);
}
.colour.background-6.gradingGold {
  background-color: rgba(255, 215, 0, 0.6);
}
.colour.background-6.gradingPlatinum {
  background-color: rgba(229, 228, 226, 0.6);
}
.colour.background-8.primary {
  background-color: rgba(0, 0, 51, 0.8);
}
.colour.background-8.secondary {
  background-color: rgba(112, 143, 158, 0.8);
}
.colour.background-8.fordBlue {
  background-color: rgba(44, 57, 104, 0.8);
}
.colour.background-8.pineGreen {
  background-color: rgba(40, 134, 84, 0.8);
}
.colour.background-8.azureBlue {
  background-color: rgba(80, 114, 167, 0.8);
}
.colour.background-8.green {
  background-color: rgba(0, 178, 0, 0.8);
}
.colour.background-8.darkGreen {
  background-color: rgba(51, 102, 102, 0.8);
}
.colour.background-8.limeGreen {
  background-color: rgba(197, 234, 140, 0.8);
}
.colour.background-8.red {
  background-color: rgba(255, 0, 0, 0.8);
}
.colour.background-8.black {
  background-color: rgba(0, 0, 0, 0.8);
}
.colour.background-8.blue {
  background-color: rgba(0, 184, 255, 0.4);
}
.colour.background-8.lightBlue {
  background-color: rgba(204, 230, 255, 0.8);
}
.colour.background-8.royalBlue {
  background-color: rgba(0, 44, 128, 0.8);
}
.colour.background-8.orange {
  background-color: rgba(255, 145, 0, 0.8);
}
.colour.background-8.lightOrange {
  background-color: rgba(255, 228, 202, 0.8);
}
.colour.background-8.novemberOrange {
  background-color: rgba(220, 117, 0, 0.8);
}
.colour.background-8.yellow {
  background-color: rgba(240, 230, 140, 0.8);
}
.colour.background-8.pink {
  background-color: rgba(255, 182, 193, 0.8);
}
.colour.background-8.darkPink {
  background-color: rgba(204, 102, 153, 0.8);
}
.colour.background-8.purple {
  background-color: rgba(128, 0, 128, 0.8);
}
.colour.background-8.darkPurple {
  background-color: rgba(95, 21, 100, 0.8);
}
.colour.background-8.grey {
  background-color: rgba(128, 128, 128, 0.8);
}
.colour.background-8.lightGrey {
  background-color: rgba(239, 239, 239, 0.8);
}
.colour.background-8.silver {
  background-color: rgba(220, 220, 220, 0.8);
}
.colour.background-8.cyan {
  background-color: rgba(166, 228, 255, 0.8);
}
.colour.background-8.magenta {
  background-color: rgba(255, 166, 213, 0.8);
}
.colour.background-8.waste {
  background-color: rgba(0, 204, 102, 0.8);
}
.colour.background-8.batched {
  background-color: rgba(137, 174, 81, 0.8);
}
.colour.background-8.gradingSilver {
  background-color: rgba(192, 192, 192, 0.8);
}
.colour.background-8.gradingDiamond {
  background-color: rgba(185, 242, 255, 0.8);
}
.colour.background-8.gradingBronze {
  background-color: rgba(205, 127, 50, 0.8);
}
.colour.background-8.gradingGold {
  background-color: rgba(255, 215, 0, 0.8);
}
.colour.background-8.gradingPlatinum {
  background-color: rgba(229, 228, 226, 0.8);
}

.flex-container {
  display: flex;
}
.flex-container.row {
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-container.row-reverse {
  flex: 0 1 auto;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.flex-container.overflow-hidden {
  overflow: hidden;
}
.flex-container.flex-auto {
  flex: auto;
}
.flex-container.flex-0 {
  flex: 0;
}
.flex-container.flex-1 {
  flex: 1 1 0px;
}
.flex-container.column {
  flex-direction: column;
}
.flex-container.column-reverse {
  flex-direction: column-reverse;
}
.flex-container.nowrap {
  flex-wrap: nowrap;
}
.flex-container.wrap {
  flex-wrap: wrap;
}
.flex-container.wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-container.column-wrap {
  flex-flow: column wrap;
}
.flex-container.start {
  justify-content: flex-start;
}
.flex-container.end {
  justify-content: flex-end;
}
.flex-container.center {
  justify-content: center;
}
.flex-container.between {
  justify-content: space-between;
}
.flex-container.around {
  justify-content: space-around;
}
.flex-container.evenly {
  justify-content: space-evenly;
}
.flex-container.stretch {
  align-items: stretch;
}
.flex-container.baseline {
  align-items: baseline;
}
.flex-container.padding-1 {
  padding: 1px;
}
.flex-container.padding-2 {
  padding: 2px;
}
.flex-container.padding-4 {
  padding: 4px;
}
.flex-container.padding-6 {
  padding: 6px;
}
.flex-container.padding-8 {
  padding: 8px;
}
.flex-container.margin-1 {
  margin: 1px;
}
.flex-container.margin-2 {
  margin: 2px;
}
.flex-container.margin-4 {
  margin: 4px;
}
.flex-container.margin-6 {
  margin: 6px;
}
.flex-container.margin-8 {
  margin: 8px;
}
.flex-container.clickable:hover {
  background-color: lightGrey;
  transition: 0.3s;
}
.flex-container .flex-item {
  display: flex;
}
.flex-container .flex-item.flex-auto {
  flex: auto;
}
.flex-container .flex-item.flex-0 {
  flex: 0;
}
.flex-container .flex-item.flex-1 {
  flex: 1 1 0%;
}
.flex-container .flex-item.order-0 {
  order: 0;
}
.flex-container .flex-item.order-1 {
  order: 1;
}
.flex-container .flex-item.order-2 {
  order: 2;
}
.flex-container .flex-item.order-3 {
  order: 3;
}
.flex-container .flex-item.order-4 {
  order: 4;
}
.flex-container .flex-item.order-5 {
  order: 5;
}
.flex-container .flex-item.flex-grow-0 {
  flex-grow: 0;
}
.flex-container .flex-item.flex-grow-1 {
  flex-grow: 1;
}
.flex-container .flex-item.flex-grow-2 {
  flex-grow: 2;
}
.flex-container .flex-item.flex-grow-3 {
  flex-grow: 3;
}
.flex-container .flex-item.flex-grow-4 {
  flex-grow: 4;
}
.flex-container .flex-item.flex-grow-5 {
  flex-grow: 5;
}
.flex-container .flex-item.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-container .flex-item.flex-shrink-1 {
  flex-shrink: 1;
}
.flex-container .flex-item.flex-shrink-2 {
  flex-shrink: 2;
}
.flex-container .flex-item.flex-shrink-3 {
  flex-shrink: 3;
}
.flex-container .flex-item.flex-shrink-4 {
  flex-shrink: 4;
}
.flex-container .flex-item.flex-shrink-5 {
  flex-shrink: 5;
}
.flex-container .flex-item.flex-basis-100 {
  flex-basis: 100%;
}
.flex-container .flex-item.flex-basis-90 {
  flex-basis: 90%;
}
.flex-container .flex-item.flex-basis-80 {
  flex-basis: 80%;
}
.flex-container .flex-item.flex-basis-75 {
  flex-basis: 75%;
}
.flex-container .flex-item.flex-basis-70 {
  flex-basis: 70%;
}
.flex-container .flex-item.flex-basis-60 {
  flex-basis: 60%;
}
.flex-container .flex-item.flex-basis-50 {
  flex-basis: 50%;
}
.flex-container .flex-item.flex-basis-40 {
  flex-basis: 40%;
}
.flex-container .flex-item.flex-basis-30 {
  flex-basis: 30%;
}
.flex-container .flex-item.flex-basis-25 {
  flex-basis: 25%;
}
.flex-container .flex-item.flex-basis-20 {
  flex-basis: 20%;
}
.flex-container .flex-item.flex-basis-10 {
  flex-basis: 10%;
}
.flex-container .flex-item.flex-basis-0 {
  flex-basis: 0;
}
.flex-container .flex-item.flex-basis-1 {
  flex-basis: 1;
}
.flex-container .flex-item.flex-basis-2 {
  flex-basis: 2;
}
.flex-container .flex-item.flex-basis-3 {
  flex-basis: 3;
}
.flex-container .flex-item.flex-basis-4 {
  flex-basis: 4;
}
.flex-container .flex-item.flex-basis-5 {
  flex-basis: 5;
}
.flex-container .flex-item.flex-basis-6 {
  flex-basis: 6;
}
.flex-container .flex-item.flex-basis-7 {
  flex-basis: 7;
}
.flex-container .flex-item.flex-basis-8 {
  flex-basis: 8;
}
.flex-container .flex-item.flex-basis-9 {
  flex-basis: 9;
}
.flex-container .flex-item.none {
  flex: none;
}
.flex-container .flex-item.grow {
  flex: flex-grow;
}
.flex-container .flex-item.shrink {
  flex: flex-shrink;
}
.flex-container .flex-item.basis {
  flex: flex-basis;
}
.flex-container .flex-item.start {
  justify-content: flex-start;
}
.flex-container .flex-item.end {
  justify-content: flex-end;
}
.flex-container .flex-item.center {
  justify-content: center;
}
.flex-container .flex-item.between {
  justify-content: space-between;
}
.flex-container .flex-item.around {
  justify-content: space-around;
}
.flex-container .flex-item.evenly {
  justify-content: space-evenly;
}
.flex-container .flex-item.nowrap {
  flex-wrap: nowrap;
}
.flex-container .flex-item.wrap {
  flex-wrap: wrap;
}
.flex-container .flex-item.wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-container .flex-item.column-wrap {
  flex-flow: column wrap;
}
.flex-container .flex-item.align-auto {
  align-self: auto;
}
.flex-container .flex-item.align-start {
  align-self: start;
}
.flex-container .flex-item.align-end {
  align-self: end;
}
.flex-container .flex-item.align-center {
  align-self: center;
}
.flex-container .flex-item.align-baseline {
  align-self: baseline;
}
.flex-container .flex-item.align-stretch {
  align-self: stretch;
}
.flex-container .flex-item.padding-2 {
  padding: 2px;
}
.flex-container .flex-item.padding-4 {
  padding: 4px;
}
.flex-container .flex-item.padding-6 {
  padding: 6px;
}
.flex-container .flex-item.padding-8 {
  padding: 8px;
}
.flex-container .flex-item.margin-2 {
  margin: 2px;
}
.flex-container .flex-item.margin-4 {
  margin: 4px;
}
.flex-container .flex-item.margin-6 {
  margin: 6px;
}
.flex-container .flex-item.margin-8 {
  margin: 8px;
}
.flex-container .flex-item.clickable:hover {
  background-color: lightGrey;
  transition: 0.3s;
}

.container.container-input {
  padding: 1px 2px 1px 2px;
}
.container.container-text-upper {
  white-space: pre-line !important;
  padding: 1px 2px 0px 2px;
}
.container.container-text-lower {
  white-space: pre-line !important;
  padding: 0px 2px 1px 2px;
}
.container.container-banner {
  border-radius: 3px;
  width: 100%;
}

.frontPage.frontPageModal {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.frontPage.frontPageModalContent {
  display: flex;
  flex-direction: column;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  width: 40%;
  min-width: 300px;
  max-height: 60%;
  text-align: center;
  padding: 20px;
}
@media screen and (max-height: 880px), (max-width: 900px) {
  .frontPage.frontPageOverflowContainer.frontPageOverflowContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
  }
}

.header {
  padding: 0px 6px 0px 0px !important;
}
.header .headerLogo {
  width: 100%;
  max-width: 120px;
  cursor: pointer;
}
.header.modeText {
  font-size: 16px;
  font-weight: bold;
  color: black;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.header.background-development {
  font-size: 12px;
  margin-right: 10px;
  background: rgba(255, 0, 0, 0.6);
}
.header.background-staging {
  font-size: 12px;
  margin-right: 10px;
  background: rgba(255, 145, 0, 0.8);
}
.header.background-live {
  font-size: 12px;
  margin-right: 10px;
  background: #000033;
}
.header.accountName-development {
  font-size: 12px;
  color: black;
  margin-right: 10px;
}
.header.accountName-staging {
  font-size: 12px;
  color: black;
  margin-right: 10px;
}
.header.accountName-live {
  font-size: 12px;
  color: white;
  margin-right: 10px;
}
@media screen and (max-width: 720px) {
  .header {
    display: none;
  }
  .header.showText {
    display: hidden;
  }
}
@media screen and (max-width: 430px) {
  .header {
    visibility: visible;
  }
  .header.showModeText {
    visibility: hidden;
  }
}

.footerContainer {
  background-color: lightgray;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .footerChild {
    justify-content: center;
    width: 100%;
  }
}

.content {
  flex: auto;
}

.subNavHolder {
  border-bottom: 3px solid #000033;
  justify-content: center;
  width: 100%;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.subNavHolder .subNav {
  display: flex;
  justify-content: center;
  margin-right: 4px;
  margin-left: 4px;
  background-color: #A9A9A9;
  color: white;
  padding: 6px 12px;
  font-size: 13px;
  border-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.subNavHolder .subNav:hover {
  background-color: #000033;
}
.subNavHolder .subNav :not(.disabled):hover {
  background-color: rgb(143.5, 143.5, 143.5);
}
.subNavHolder .subNav.disabled {
  cursor: not-allowed;
}
.subNavHolder .subNav.selected {
  background-color: #000033;
}
@media (max-width: 750px) {
  .subNavHolder .subNav.subNav {
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin: 6px 0px 0px 0px;
  }
  .subNavHolder .subNav.subNav:first-child {
    margin: 12px 0px 0px 0px;
  }
  .subNavHolder .subNav.subNav:last-child {
    margin: 6px 0px 12px 0px;
  }
}

* {
  font-family: "Poppins", sans-serif;
  color: #000033;
  box-sizing: border-box;
}

.subHeaderContent {
  background-color: #efefef;
  border-radius: 10px;
}

.lock-scroll {
  overflow: hidden;
}

.unlock-scroll {
  overflow: auto;
}

.mar-0 {
  margin: 0px !important;
}

.mar-1 {
  margin: 1px !important;
}

.mar-2 {
  margin: 2px !important;
}

.mar-3 {
  margin: 3px !important;
}

.mar-4 {
  margin: 4px !important;
}

.mar-5 {
  margin: 5px !important;
}

.mar-6 {
  margin: 6px !important;
}

.mar-7 {
  margin: 7px !important;
}

.mar-8 {
  margin: 8px !important;
}

.mar-9 {
  margin: 9px !important;
}

.mar-10 {
  margin: 10px !important;
}

.mar-11 {
  margin: 11px !important;
}

.mar-12 {
  margin: 12px !important;
}

.mar-13 {
  margin: 13px !important;
}

.mar-14 {
  margin: 14px !important;
}

.mar-15 {
  margin: 15px !important;
}

.mar-16 {
  margin: 16px !important;
}

.mar-17 {
  margin: 17px !important;
}

.mar-18 {
  margin: 18px !important;
}

.mar-19 {
  margin: 19px !important;
}

.mar-20 {
  margin: 20px !important;
}

.mar-b0 {
  margin-bottom: 0px !important;
}

.mar-b1 {
  margin-bottom: 1px !important;
}

.mar-b2 {
  margin-bottom: 2px !important;
}

.mar-b3 {
  margin-bottom: 3px !important;
}

.mar-b4 {
  margin-bottom: 4px !important;
}

.mar-b5 {
  margin-bottom: 5px !important;
}

.mar-b15 {
  margin-bottom: 15px !important;
}

.mar-b20 {
  margin-bottom: 20px !important;
}

.mar-b25 {
  margin-bottom: 25px !important;
}

.mar-b30 {
  margin-bottom: 30px !important;
}

.mar-b40 {
  margin-bottom: 40px !important;
}

.mar-l0 {
  margin-left: 0px !important;
}

.mar-l5 {
  margin-left: 5px !important;
}

.mar-l10 {
  margin-left: 10px !important;
}

.mar-l15 {
  margin-left: 15px !important;
}

.mar-l20 {
  margin-left: 20px !important;
}

.mar-r5 {
  margin-right: 5px !important;
}

.mar-r10 {
  margin-right: 10px !important;
}

.mar-r15 {
  margin-right: 15px !important;
}

.mar-r20 {
  margin-right: 20px !important;
}

.mar-r30 {
  margin-right: 30px !important;
}

.mar-t15 {
  margin-top: 15px !important;
}

.mar-t20 {
  margin-top: 20px !important;
}

.pad-0 {
  padding: 0px !important;
}

.pad-1 {
  padding: 1px !important;
}

.pad-2 {
  padding: 2px !important;
}

.pad-3 {
  padding: 3px !important;
}

.pad-4 {
  padding: 4px !important;
}

.pad-5 {
  padding: 5px !important;
}

.pad-6 {
  padding: 5px !important;
}

.pad-7 {
  padding: 5px !important;
}

.pad-8 {
  padding: 5px !important;
}

.pad-9 {
  padding: 5px !important;
}

.pad-10 {
  padding: 10px !important;
}

.pad-15 {
  padding: 15px !important;
}

.pad-20 {
  padding: 20px !important;
}

.pad-30 {
  padding: 30px !important;
}

.pad-40 {
  padding: 40px !important;
}

.pad-50 {
  padding: 50px !important;
}

.mar-t1 {
  margin-top: 1px !important;
}

.mar-t2 {
  margin-top: 2px !important;
}

.mar-t3 {
  margin-top: 3px !important;
}

.mar-t4 {
  margin-top: 4px !important;
}

.mar-t5 {
  margin-top: 5px !important;
}

.mar-t6 {
  margin-top: 6px !important;
}

.mar-t7 {
  margin-top: 7px !important;
}

.mar-t8 {
  margin-top: 8px !important;
}

.mar-t9 {
  margin-top: 9px !important;
}

.mar-t10 {
  margin-top: 10px !important;
}

.mar-r1 {
  margin-right: 1px !important;
}

.mar-r2 {
  margin-right: 2px !important;
}

.mar-r3 {
  margin-right: 3px !important;
}

.mar-r4 {
  margin-right: 4px !important;
}

.mar-r5 {
  margin-right: 5px !important;
}

.mar-r6 {
  margin-right: 6px !important;
}

.mar-r7 {
  margin-right: 7px !important;
}

.mar-r8 {
  margin-right: 8px !important;
}

.mar-r9 {
  margin-right: 9px !important;
}

.mar-r10 {
  margin-right: 10px !important;
}

.mar-b1 {
  margin-bottom: 1px !important;
}

.mar-b2 {
  margin-bottom: 2px !important;
}

.mar-b3 {
  margin-bottom: 3px !important;
}

.mar-b4 {
  margin-bottom: 4px !important;
}

.mar-b5 {
  margin-bottom: 5px !important;
}

.mar-b6 {
  margin-bottom: 6px !important;
}

.mar-b7 {
  margin-bottom: 7px !important;
}

.mar-b8 {
  margin-bottom: 8px !important;
}

.mar-b9 {
  margin-bottom: 9px !important;
}

.mar-b10 {
  margin-bottom: 10px !important;
}

.mar-b20 {
  margin-bottom: 20px !important;
}

.mar-b30 {
  margin-bottom: 30px !important;
}

.mar-b40 {
  margin-bottom: 40px !important;
}

.mar-b50 {
  margin-bottom: 50px !important;
}

.mar-l1 {
  margin-left: 1px !important;
}

.mar-l2 {
  margin-left: 2px !important;
}

.mar-l3 {
  margin-left: 3px !important;
}

.mar-l4 {
  margin-left: 4px !important;
}

.mar-l5 {
  margin-left: 5px !important;
}

.mar-l6 {
  margin-left: 6px !important;
}

.mar-l7 {
  margin-left: 7px !important;
}

.mar-l8 {
  margin-left: 8px !important;
}

.mar-l9 {
  margin-left: 9px !important;
}

.mar-l10 {
  margin-left: 10px !important;
}

.mar-l20 {
  margin-left: 20px !important;
}

.mar-l30 {
  margin-left: 30px !important;
}

.pad-t1 {
  padding-top: 1px !important;
}

.pad-t2 {
  padding-top: 2px !important;
}

.pad-t3 {
  padding-top: 3px !important;
}

.pad-t4 {
  padding-top: 4px !important;
}

.pad-t5 {
  padding-top: 5px !important;
}

.pad-t6 {
  padding-top: 6px !important;
}

.pad-t7 {
  padding-top: 7px !important;
}

.pad-t8 {
  padding-top: 8px !important;
}

.pad-t9 {
  padding-top: 9px !important;
}

.pad-t10 {
  padding-top: 10px !important;
}

.pad-t20 {
  padding-top: 20px !important;
}

.pad-t30 {
  padding-top: 30px !important;
}

.pad-t40 {
  padding-top: 40px !important;
}

.pad-t50 {
  padding-top: 50px !important;
}

.pad-t60 {
  padding-top: 60px !important;
}

.pad-t70 {
  padding-top: 70px !important;
}

.pad-t80 {
  padding-top: 80px !important;
}

.pad-t90 {
  padding-top: 90px !important;
}

.pad-t100 {
  padding-top: 100px !important;
}

.pad-r1 {
  padding-right: 1px !important;
}

.pad-r2 {
  padding-right: 2px !important;
}

.pad-r3 {
  padding-right: 3px !important;
}

.pad-r4 {
  padding-right: 4px !important;
}

.pad-r5 {
  padding-right: 5px !important;
}

.pad-r6 {
  padding-right: 6px !important;
}

.pad-r7 {
  padding-right: 7px !important;
}

.pad-r8 {
  padding-right: 8px !important;
}

.pad-r9 {
  padding-right: 9px !important;
}

.pad-r10 {
  padding-right: 10px !important;
}

.pad-r20 {
  padding-right: 20px !important;
}

.pad-r30 {
  padding-right: 30px !important;
}

.pad-r40 {
  padding-right: 40px !important;
}

.pad-r50 {
  padding-right: 50px !important;
}

.pad-r60 {
  padding-right: 60px !important;
}

.pad-r70 {
  padding-right: 70px !important;
}

.pad-r80 {
  padding-right: 80px !important;
}

.pad-r90 {
  padding-right: 90px !important;
}

.pad-r100 {
  padding-right: 100px !important;
}

.pad-b1 {
  padding-bottom: 1px !important;
}

.pad-b2 {
  padding-bottom: 2px !important;
}

.pad-b3 {
  padding-bottom: 3px !important;
}

.pad-b4 {
  padding-bottom: 4px !important;
}

.pad-b5 {
  padding-bottom: 5px !important;
}

.pad-b6 {
  padding-bottom: 6px !important;
}

.pad-b7 {
  padding-bottom: 7px !important;
}

.pad-b8 {
  padding-bottom: 8px !important;
}

.pad-b9 {
  padding-bottom: 9px !important;
}

.pad-b10 {
  padding-bottom: 10px !important;
}

.pad-b20 {
  padding-bottom: 20px !important;
}

.pad-b30 {
  padding-bottom: 30px !important;
}

.pad-b40 {
  padding-bottom: 40px !important;
}

.pad-b50 {
  padding-bottom: 50px !important;
}

.pad-b60 {
  padding-bottom: 60px !important;
}

.pad-b70 {
  padding-bottom: 70px !important;
}

.pad-b80 {
  padding-bottom: 80px !important;
}

.pad-b90 {
  padding-bottom: 90px !important;
}

.pad-b100 {
  padding-bottom: 100px !important;
}

.pad-l1 {
  padding-left: 1px !important;
}

.pad-l2 {
  padding-left: 2px !important;
}

.pad-l3 {
  padding-left: 3px !important;
}

.pad-l4 {
  padding-left: 4px !important;
}

.pad-l5 {
  padding-left: 5px !important;
}

.pad-l6 {
  padding-left: 6px !important;
}

.pad-l7 {
  padding-left: 7px !important;
}

.pad-l8 {
  padding-left: 8px !important;
}

.pad-l9 {
  padding-left: 9px !important;
}

.pad-l10 {
  padding-left: 10px !important;
}

.pad-l20 {
  padding-left: 20px !important;
}

.pad-l30 {
  padding-left: 30px !important;
}

.pad-l40 {
  padding-left: 40px !important;
}

.pad-l50 {
  padding-left: 50px !important;
}

.pad-l60 {
  padding-left: 60px !important;
}

.pad-l70 {
  padding-left: 70px !important;
}

.pad-l80 {
  padding-left: 80px !important;
}

.pad-l90 {
  padding-left: 90px !important;
}

.pad-l100 {
  padding-left: 100px !important;
}

.height-100 {
  height: 100%;
}

.height-95 {
  height: 95%;
}

.height-90 {
  height: 90%;
}

.height-85 {
  height: 85%;
}

.height-80 {
  height: 80%;
}

.height-75 {
  height: 75%;
}

.height-70 {
  height: 70%;
}

.height-65 {
  height: 65%;
}

.height-60 {
  height: 60%;
}

.height-55 {
  height: 55%;
}

.height-50 {
  height: 50%;
}

.height-45 {
  height: 45%;
}

.height-40 {
  height: 40%;
}

.height-35 {
  height: 35%;
}

.height-30 {
  height: 30%;
}

.height-25 {
  height: 25%;
}

.height-20 {
  height: 20%;
}

.height-15 {
  height: 15%;
}

.height-10 {
  height: 10%;
}

.height-5 {
  height: 5%;
}

.height-500-px {
  height: 500px;
}

.height-450-px {
  height: 450px;
}

.height-400-px {
  height: 400px;
}

.height-350-px {
  height: 350px;
}

.height-300-px {
  height: 300px;
}

.height-250-px {
  height: 250px;
}

.height-200-px {
  height: 200px;
}

.height-150-px {
  height: 150px;
}

.height-100-px {
  height: 100px;
}

.height-95-px {
  height: 95px;
}

.height-90-px {
  height: 90px;
}

.height-85-px {
  height: 85px;
}

.height-80-px {
  height: 80px;
}

.height-75-px {
  height: 75px;
}

.height-70-px {
  height: 70px;
}

.height-65-px {
  height: 65px;
}

.height-60-px {
  height: 60px;
}

.height-55-px {
  height: 55px;
}

.height-50-px {
  height: 50px;
}

.height-45-px {
  height: 45px;
}

.height-40-px {
  height: 40px;
}

.height-35-px {
  height: 35px;
}

.height-30-px {
  height: 30px;
}

.height-25-px {
  height: 25px;
}

.height-22-px {
  height: 22px;
}

.height-20-px {
  height: 20px;
}

.height-15-px {
  height: 15px;
}

.height-10-px {
  height: 10px;
}

.height-5-px {
  height: 5px;
}

.max-height-800-px {
  max-height: 800px;
}

.max-height-700-px {
  max-height: 700px;
}

.max-height-600-px {
  max-height: 600px;
}

.max-height-500-px {
  max-height: 500px;
}

.max-height-450-px {
  max-height: 450px;
}

.max-height-400-px {
  max-height: 400px;
}

.max-height-350-px {
  max-height: 350px;
}

.max-height-300-px {
  max-height: 300px;
}

.max-height-250-px {
  max-height: 250px;
}

.max-height-200-px {
  max-height: 200px;
}

.max-height-150-px {
  max-height: 150px;
}

.max-height-100-px {
  max-height: 100px;
}

.max-height-95-px {
  max-height: 95px;
}

.max-height-90-px {
  max-height: 90px;
}

.max-height-85-px {
  max-height: 85px;
}

.max-height-80-px {
  max-height: 80px;
}

.max-height-75-px {
  max-height: 75px;
}

.max-height-70-px {
  max-height: 70px;
}

.max-height-65-px {
  max-height: 65px;
}

.max-height-60-px {
  max-height: 60px;
}

.max-height-55-px {
  max-height: 55px;
}

.max-height-50-px {
  max-height: 50px;
}

.max-height-45-px {
  max-height: 45px;
}

.max-height-40-px {
  max-height: 40px;
}

.max-height-35-px {
  max-height: 35px;
}

.max-height-30-px {
  max-height: 30px;
}

.max-height-25-px {
  max-height: 25px;
}

.max-height-22-px {
  max-height: 22px;
}

.max-height-20-px {
  max-height: 20px;
}

.max-height-15-px {
  max-height: 15px;
}

.max-height-10-px {
  max-height: 10px;
}

.max-height-5-px {
  max-height: 5px;
}

.min-height-100 {
  min-height: 100%;
}

.min-height-95 {
  min-height: 95%;
}

.min-height-90 {
  min-height: 90%;
}

.min-height-85 {
  min-height: 85%;
}

.min-height-80 {
  min-height: 80%;
}

.min-height-75 {
  min-height: 75%;
}

.min-height-70 {
  min-height: 70%;
}

.min-height-65 {
  min-height: 65%;
}

.min-height-60 {
  min-height: 60%;
}

.min-height-55 {
  min-height: 55%;
}

.min-height-50 {
  min-height: 50%;
}

.min-height-45 {
  min-height: 45%;
}

.min-height-40 {
  min-height: 40%;
}

.min-height-35 {
  min-height: 35%;
}

.min-height-30 {
  min-height: 30%;
}

.min-height-25 {
  min-height: 25%;
}

.min-height-20 {
  min-height: 20%;
}

.min-height-15 {
  min-height: 15%;
}

.min-height-10 {
  min-height: 10%;
}

.min-height-5 {
  min-height: 5%;
}

.max-height-100 {
  max-height: 100%;
}

.max-height-95 {
  max-height: 95%;
}

.max-height-90 {
  max-height: 90%;
}

.max-height-85 {
  max-height: 85%;
}

.max-height-80 {
  max-height: 80%;
}

.max-height-75 {
  max-height: 75%;
}

.max-height-70 {
  max-height: 70%;
}

.max-height-65 {
  max-height: 65%;
}

.max-height-60 {
  max-height: 60%;
}

.max-height-55 {
  max-height: 55%;
}

.max-height-50 {
  max-height: 50%;
}

.max-height-45 {
  max-height: 45%;
}

.max-height-40 {
  max-height: 40%;
}

.max-height-35 {
  max-height: 35%;
}

.max-height-30 {
  max-height: 30%;
}

.max-height-25 {
  max-height: 25%;
}

.max-height-20 {
  max-height: 20%;
}

.max-height-15 {
  max-height: 15%;
}

.max-height-10 {
  max-height: 10%;
}

.max-height-5 {
  max-height: 5%;
}

.width-100 {
  width: 100%;
}

.width-95 {
  width: 95%;
}

.width-90 {
  width: 90%;
}

.width-85 {
  width: 85%;
}

.width-80 {
  width: 80%;
}

.width-75 {
  width: 75%;
}

.width-70 {
  width: 70%;
}

.width-65 {
  width: 65%;
}

.width-60 {
  width: 60%;
}

.width-55 {
  width: 55%;
}

.width-50 {
  width: 50%;
}

.width-45 {
  width: 45%;
}

.width-40 {
  width: 40%;
}

.width-35 {
  width: 35%;
}

.width-30 {
  width: 30%;
}

.width-25 {
  width: 25%;
}

.width-20 {
  width: 20%;
}

.width-15 {
  width: 15%;
}

.width-10 {
  width: 10%;
}

.width-5 {
  width: 5%;
}

.min-width-1000-px {
  min-width: 1000px;
}

.min-width-800-px {
  min-width: 800px;
}

.min-width-700-px {
  min-width: 700px;
}

.min-width-600-px {
  min-width: 600px;
}

.min-width-500-px {
  min-width: 500px;
}

.min-width-450-px {
  min-width: 450px;
}

.min-width-400-px {
  min-width: 400px;
}

.min-width-350-px {
  min-width: 350px;
}

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

.min-width-250-px {
  min-width: 250px;
}

.min-width-200-px {
  min-width: 200px;
}

.min-width-150-px {
  min-width: 150px;
}

.min-width-100-px {
  min-width: 100px;
}

.min-width-95-px {
  min-width: 95px;
}

.min-width-90-px {
  min-width: 90px;
}

.min-width-85-px {
  min-width: 85px;
}

.min-width-80-px {
  min-width: 80px;
}

.min-width-75-px {
  min-width: 75px;
}

.min-width-70-px {
  min-width: 70px;
}

.min-width-65-px {
  min-width: 65px;
}

.min-width-60-px {
  min-width: 60px;
}

.min-width-55-px {
  min-width: 55px;
}

.min-width-50-px {
  min-width: 50px;
}

.min-width-45-px {
  min-width: 45px;
}

.min-width-40-px {
  min-width: 40px;
}

.min-width-35-px {
  min-width: 35px;
}

.min-width-30-px {
  min-width: 30px;
}

.min-width-25-px {
  min-width: 25px;
}

.min-width-22-px {
  min-width: 22px;
}

.min-width-20-px {
  min-width: 20px;
}

.min-width-15-px {
  min-width: 15px;
}

.min-width-10-px {
  min-width: 10px;
}

.min-width-5-px {
  min-width: 5px;
}

.width-800-px {
  width: 800px;
}

.width-400-px {
  width: 400px;
}

.width-200-px {
  width: 200px;
}

.width-100-px {
  width: 100px;
}

.width-95-px {
  width: 95px;
}

.width-90-px {
  width: 90px;
}

.width-85-px {
  width: 85px;
}

.width-80-px {
  width: 80px;
}

.width-75-px {
  width: 75px;
}

.width-70-px {
  width: 70px;
}

.width-65-px {
  width: 65px;
}

.width-60-px {
  width: 60px;
}

.width-55-px {
  width: 55px;
}

.width-50-px {
  width: 50px;
}

.width-45-px {
  width: 45px;
}

.width-40-px {
  width: 40px;
}

.width-35-px {
  width: 35px;
}

.width-30-px {
  width: 30px;
}

.width-25-px {
  width: 25px;
}

.width-20-px {
  width: 20px;
}

.width-15-px {
  width: 15px;
}

.width-10-px {
  width: 10px;
}

.width-5-px {
  width: 5px;
}

.min-width-400 {
  min-width: 400px;
}

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

.min-width-200 {
  min-width: 200px;
}

.min-width-180 {
  min-width: 180px;
}

.min-width-175 {
  min-width: 175px;
}

.min-width-150 {
  min-width: 150px;
}

.min-width-125 {
  min-width: 125px;
}

.min-width-100 {
  min-width: 100px;
}

.min-width-95 {
  min-width: 95px;
}

.min-width-90 {
  min-width: 90px;
}

.min-width-85 {
  min-width: 85px;
}

.min-width-80 {
  min-width: 80px;
}

.min-width-75 {
  min-width: 75px;
}

.min-width-70 {
  min-width: 70px;
}

.min-width-65 {
  min-width: 65px;
}

.min-width-60 {
  min-width: 60px;
}

.min-width-55 {
  min-width: 55px;
}

.min-width-50 {
  min-width: 50px;
}

.min-width-45 {
  min-width: 45px;
}

.min-width-40 {
  min-width: 40px;
}

.min-width-35 {
  min-width: 35px;
}

.min-width-30 {
  min-width: 30px;
}

.min-width-25 {
  min-width: 25px;
}

.min-width-20 {
  min-width: 20px;
}

.min-width-15 {
  min-width: 15px;
}

.min-width-10 {
  min-width: 10px;
}

.min-width-5 {
  min-width: 5px;
}

.max-width-400 {
  max-width: 400px;
}

.max-width-300 {
  max-width: 300px;
}

.max-width-200 {
  max-width: 200px;
}

.max-width-100 {
  max-width: 100px;
}

.max-width-95 {
  max-width: 95px;
}

.max-width-90 {
  max-width: 90px;
}

.max-width-85 {
  max-width: 85px;
}

.max-width-80 {
  max-width: 80px;
}

.max-width-75 {
  max-width: 75px;
}

.max-width-70 {
  max-width: 70px;
}

.max-width-65 {
  max-width: 65px;
}

.max-width-60 {
  max-width: 60px;
}

.max-width-55 {
  max-width: 55px;
}

.max-width-50 {
  max-width: 50px;
}

.max-width-45 {
  max-width: 45px;
}

.max-width-40 {
  max-width: 40px;
}

.max-width-35 {
  max-width: 35px;
}

.max-width-30 {
  max-width: 30px;
}

.max-width-25 {
  max-width: 25px;
}

.max-width-20 {
  max-width: 20px;
}

.max-width-15 {
  max-width: 15px;
}

.max-width-10 {
  max-width: 10px;
}

.max-width-5 {
  max-width: 5px;
}

.borderTop {
  border-top: 1px solid gray;
}

.borderRight {
  border-right: 1px solid gray;
}

.borderBottom {
  border-bottom: 1px solid gray;
}

.borderLeft {
  border-left: 1px solid gray;
}

.ellipsis {
  text-overflow: ellipsis;
}

.overflowHidden {
  overflow: hidden;
}

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

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

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

.fullBorder {
  border: 1px solid gray;
  border-radius: 2px;
}

.border-bottom-1 {
  border-bottom: 1px solid #efefef;
}

.align-right {
  float: right;
}

.align-left {
  float: left;
}

.align-bottom {
  vertical-align: bottom;
}

.pos-relative {
  position: relative;
}

.pos-absolute {
  position: absolute;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-both {
  clear: both;
}

.display-inline {
  display: inline;
  float: left;
}

.display-flex {
  display: flex;
}

.flex-items-center {
  align-items: center;
}

.overflow-hidden {
  overflow: hidden;
}

.center {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.display-inline-block {
  display: inline-block;
}

.inner {
  display: table-cell;
  vertical-align: middle;
}
.inner.margin-bottom {
  margin-bottom: 40px;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.border-bottom {
  border-bottom: 1px solid #efefef;
}

.offShade {
  background-color: rgb(247, 247, 247);
  border-radius: 5px;
}

.circle {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background-color: green;
  margin: 4px 2px 0px 0px;
}
.circle.table {
  margin: 0px;
}
.circle.background-color-black {
  background-color: black;
}
.circle.background-color-cyan {
  background-color: #a6e4ff;
}
.circle.background-color-magenta {
  background-color: #ffa6d5;
}
.circle.background-color-yellow {
  background-color: khaki;
}
.circle.background-color-grey {
  background-color: gray;
}

.circleProduct {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  margin: auto;
}
.circleProduct.green {
  background-color: green;
}
.circleProduct.orange {
  background-color: orange;
}
.circleProduct.purple {
  background-color: purple;
}
.circleProduct.batched {
  background-color: #89AE51;
}
.circleProduct.royalblue {
  background-color: royalblue;
}
.circleProduct.magenta {
  background-color: magenta;
}

.pointer {
  cursor: pointer;
}

.transition-column {
  transition: 0.5s;
}
.transition-column.collapse {
  height: 100px;
}
.transition-column.expand {
  height: 200px;
}

.hidden {
  visibility: hidden;
}

.border-radius-1 {
  border-radius: 1px;
}

.border-radius-2 {
  border-radius: 2px;
}

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-6 {
  border-radius: 6px;
}

.border-radius-7 {
  border-radius: 7px;
}

.border-radius-8 {
  border-radius: 8px;
}

.border-radius-9 {
  border-radius: 9px;
}

.border-radius-10 {
  border-radius: 10px;
}

.text-white {
  color: white;
}

.text-green {
  color: #00b200;
}

a {
  text-decoration: underline;
  cursor: pointer;
}
a:hover {
  color: white;
}

h1 {
  color: #000033;
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  padding: 0;
  margin-bottom: 10px;
}

h2 {
  color: #000033;
  margin: 0;
  font-size: 20px;
  line-height: 20px;
  padding: 0;
  margin-bottom: 8px;
}

h3 {
  color: #000033;
  margin: 0;
  font-size: 18px;
  line-height: 18px;
  padding: 0;
  margin-bottom: 6px;
}

h4 {
  color: #000033;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  padding: 0;
  margin-bottom: 4px;
}

h5 {
  margin: 0px;
  padding: 0px;
}

p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.no-wrap {
  white-space: nowrap;
}

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

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

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

.text-xxsmall {
  font-size: 8px;
}

.text-xsmall {
  font-size: 10px;
}

.text-small {
  font-size: 12px;
}

.text-medium {
  font-size: 14px;
}

.text-large {
  font-size: 18px;
}

.text-xlarge {
  font-size: 20px;
}

.text-xlarge-count {
  font-size: 50px;
}

.text-4 {
  font-size: 4px;
}

.text-6 {
  font-size: 6px;
}

.text-8 {
  font-size: 8px;
}

.text-10 {
  font-size: 10px;
}

.text-11 {
  font-size: 11px;
}

.text-12 {
  font-size: 12px;
}

.text-13 {
  font-size: 13px;
}

.text-14 {
  font-size: 14px;
}

.text-15 {
  font-size: 15px;
}

.text-16 {
  font-size: 16px;
}

.text-17 {
  font-size: 17px;
}

.text-18 {
  font-size: 18px;
}

.text-19 {
  font-size: 19px;
}

.text-20 {
  font-size: 20px;
}

.text-22 {
  font-size: 22px;
}

.text-24 {
  font-size: 24px;
}

.text-26 {
  font-size: 25px;
}

.box-shadow-10 {
  box-shadow: 0px 0px 4px 2px lightGrey;
}

.font-weight-normal {
  font-weight: normal;
}

.font-weight-bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

html, body {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

body {
  display: flex;
  flex-direction: column;
  background-color: #efefef;
}

#root {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
}

.borderlessInput {
  width: 100%;
  overflow: hidden;
  border: 1px solid gray;
  border-radius: 2px;
}
.borderlessInput.Innerinput {
  padding: 0px;
  margin: 0px;
  border: none;
}
.borderlessInput.radius-1 {
  border-radius: 1px;
}
.borderlessInput:focus {
  outline: none;
}

.textInput {
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: none;
  border-bottom: 1px solid gray;
  border-radius: 2px;
}
.textInput.noBorder {
  border: none;
}
.textInput.fullBorder {
  border: 1px solid gray;
  border-radius: 2px;
}
.textInput.borderTop {
  border-top: 1px solid gray;
}
.textInput.borderRight {
  border-right: 1px solid gray;
}
.textInput.borderBottom {
  border-bottom: 1px solid gray;
}
.textInput.borderLeft {
  border-left: 1px solid gray;
}
.textInput.border-colour-grey-2 {
  border: 1px solid rgba(128, 128, 128, 0.2);
}
.textInput.border-colour-grey-4 {
  border: 1px solid rgba(128, 128, 128, 0.4);
}
.textInput.border-colour-grey-6 {
  border: 1px solid rgba(128, 128, 128, 0.6);
}
.textInput.border-colour-grey-8 {
  border: 1px solid rgba(128, 128, 128, 0.8);
}
.textInput.tableFilter {
  font-size: 11px;
}
.textInput:focus {
  outline: none;
  border: 1px solid gray;
}
.textInput.disabled.active {
  background: #efefef;
  border: none;
  border-bottom: 1px solid gray;
}
.textInput.textArea {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
}
.textInput.textArea.resize-none {
  resize: none;
}
.textInput.textArea.resize-both {
  resize: both;
}
.textInput.textArea.resize-vertical {
  resize: vertical;
}
.textInput.textArea.resize-horizontal {
  resize: horizontal;
}
.textInput.textArea.overflow-auto {
  overflow: auto;
}
.textInput.textArea.overflow-none {
  overflow: none;
}
.textInput.textArea {
  transition: border 0.3s ease;
}
.textInput.textArea:focus {
  border: 1px solid gray;
}
.textInput.select {
  width: 100%;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  transition: border 0.3s ease;
}
.textInput.select:focus {
  border: 1px solid gray;
}
.textInput.fakeSelect {
  width: 100%;
  height: 21px;
  font-size: 12px;
  transition: border 0.3s ease;
}
.textInput.fakeSelect:focus {
  outline: none;
  border: 1px solid gray;
}
.textInput.fakeSelect.tableFilter {
  width: 100%;
  height: 22px;
  font-size: 11px;
  border: 1px solid gray;
  border-radius: 2px;
}
.textInput.withButton {
  display: flex;
  width: auto;
  flex-grow: 1;
}
.textInput.withButton button {
  margin-left: -2px;
  background-color: #000033;
  border: 0px;
  color: white;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.textInput.withButton button:hover {
  background-color: #000066;
}
.textInput.textarea {
  border: 1px solid gray;
  padding: 1000px;
}
.textInput.input {
  width: 100%;
  font-size: 12px;
  border-bottom: 1px solid gray;
  border-radius: 2px;
}
.textInput.input.tableInput {
  width: 100%;
  height: 22px;
  border: 1px solid gray;
  border-radius: 2px;
  font-size: 11px;
}

.multiSelect {
  font-size: 12px;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: none;
  border-bottom: 1px solid gray;
  border-radius: 2px;
}
.multiSelect.noBorder {
  border: none;
}
.multiSelect.fullBorder {
  border: 1px solid #000033;
  border-radius: 3px;
}
.multiSelect .fakeSelect {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: white;
  white-space: nowrap;
  font-size: 12px;
  align-items: center;
}
.multiSelect .fakeSelect .content {
  overflow: hidden;
  flex: 1;
  margin: 2px 6px 0px 6px;
}
.multiSelect .fakeSelect .fakeSelectIcon {
  flex: 0;
  margin: 2px 6px 0px 6px;
  background-color: white;
  font-size: 10px;
  font-weight: 900;
  text-align: center;
}
.multiSelect .fakeSelect.fakeSelectDropDown {
  flex: 1;
  display: inline-block;
  background-color: white;
  position: absolute;
  z-index: 1;
  overflow: auto;
  padding: 4px;
  box-shadow: 0px 4px 6px #AAAAAA;
  border-radius: 2px;
}

.customSelect {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: none;
  border-radius: 4px;
  background-color: rgba(128, 128, 128, 0.2);
}
.customSelect.noBorder {
  border: none;
}
.customSelect.fullBorder {
  border: 1px solid #000033;
  border-radius: 3px;
}
.customSelect .fakeSelect {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  white-space: nowrap;
  font-size: 12px;
  align-items: center;
}
.customSelect .fakeSelect .content {
  height: 100%;
  overflow: hidden;
  flex: 1;
  text-align: center;
  background-color: #00b200;
  font-size: 12px;
  color: white;
  border: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 4px 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.customSelect .fakeSelect .fakeSelectIcon {
  padding: 0px 6px 0px 6px;
  text-align: center;
}
.customSelect .fakeSelect.fakeSelectDropDown {
  flex: 1;
  display: inline-block;
  background-color: white;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  padding: 4px;
  box-shadow: 0px 4px 6px #AAAAAA;
  border-radius: 2px;
  visibility: hidden;
}
.customSelect .fakeSelect.fakeSelectDropDown.active {
  transition: 800ms all;
  visibility: visible;
}

.button {
  text-align: center;
  background-color: #00b200;
  font-size: 12px;
  color: white;
  border: 0px;
  border-radius: 3px;
  padding: 4px 14px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  max-height: 26px;
  min-width: 85px;
  margin: 2px 2px 2px 2px;
}
.button.table {
  font-size: 11px;
  height: 100%;
  max-height: 100%;
  min-width: auto;
  border-radius: 2px;
  padding: 1px 1px;
  margin: 0px;
}
.button.table.secondary {
  background-color: #708f9e;
}
.button.table.green {
  background-color: #00b200;
}
.button.table.red {
  background-color: red;
}
.button.table.black {
  background-color: black;
}
.button.table.blue {
  background-color: #00b8ff;
}
.button.table.royalBlue {
  background-color: #002c80;
}
.button.table.orange {
  background-color: #ff9100;
}
.button.table.yellow {
  background-color: khaki;
}
.button.table.pink {
  background-color: lightpink;
}
.button.table.purple {
  background-color: rgba(128, 0, 128, 0.2);
}
.button.table.grey {
  background-color: gray;
}
.button.table.lightGrey {
  background-color: #efefef;
}
.button.table.cyan {
  background-color: #a6e4ff;
}
.button.table.magenta {
  background-color: #ffa6d5;
}
.button.table.waste {
  background-color: #00cc66;
}
.button.table.batched {
  background-color: #89ae51;
}
.button.table.text-secondary {
  color: #708f9e;
}
.button.table.text-green {
  color: #00b200;
}
.button.table.text-red {
  color: red;
}
.button.table.text-black {
  color: black;
}
.button.table.text-blue {
  color: #00b8ff;
}
.button.table.text-royalBlue {
  color: #002c80;
}
.button.table.text-orange {
  color: #ff9100;
}
.button.table.text-yellow {
  color: khaki;
}
.button.table.text-pink {
  color: lightpink;
}
.button.table.text-purple {
  color: rgba(128, 0, 128, 0.2);
}
.button.table.text-grey {
  color: gray;
}
.button.table.text-lightGrey {
  color: #efefef;
}
.button.table.text-cyan {
  color: #a6e4ff;
}
.button.table.text-magenta {
  color: #ffa6d5;
}
.button.table.text-waste {
  color: #00cc66;
}
.button.table.text-batched {
  background-color: #89ae51;
}
.button.formControl {
  font-size: 11px;
  height: 22px;
  min-width: auto;
  border-radius: 2px;
  padding: 1px 1px;
  margin: 0px;
}
.button.autoComplete {
  border-radius: 0px 2px 2px 0px;
  padding: 1px 1px;
  margin: 0px;
}
.button .iconBefore,
.button .iconAfter {
  color: white;
}
.button.outline {
  background-color: initial;
  border: 1px solid #00b200;
  color: #00b200;
}
.button.outline .iconBefore,
.button.outline .iconAfter {
  color: #00b200;
}
.button {
  transition: opacity 0.2s ease;
}
.button.primary {
  background-color: #000033;
}
.button.primary.outline {
  background-color: none;
  border: 1px solid #000033;
}
.button.primary.outline .iconBefore,
.button.primary.outline .iconAfter {
  color: #000033;
}
.button.secondary {
  background-color: #708f9e;
}
.button.secondary.outline {
  background-color: none;
  border: 1px solid #708f9e;
}
.button.secondary.outline .iconBefore,
.button.secondary.outline .iconAfter {
  color: #708f9e;
}
.button.red {
  background-color: red;
}
.button.red.outline {
  background-color: none;
  border: 1px solid red;
}
.button.red.outline .iconBefore,
.button.red.outline .iconAfter {
  color: red;
}
.button.green {
  background-color: #00b200;
}
.button.green.outline {
  background-color: none;
  border: 1px solid #00b200;
}
.button.green.outline .iconBefore,
.button.green.outline .iconAfter {
  color: #00b200;
}
.button.grey {
  background-color: gray;
}
.button.grey.outline {
  background-color: none;
  border: 1px solid gray;
}
.button.grey.outline .iconBefore,
.button.grey.outline .iconAfter {
  color: gray;
}
.button.purple {
  background-color: rgba(128, 0, 128, 0.2);
}
.button.purple.outline {
  background-color: none;
  border: 1px solid rgba(128, 0, 128, 0.2);
}
.button.purple.outline .iconBefore,
.button.purple.outline .iconAfter {
  color: rgba(128, 0, 128, 0.2);
}
.button.pink {
  background-color: lightpink;
  color: black;
}
.button.pink.outline {
  background-color: none;
  border: 1px solid lightpink;
  color: lightpink;
}
.button.pink.outline .iconBefore,
.button.pink.outline .iconAfter {
  color: lightpink;
}
.button.yellow {
  background-color: khaki;
  color: black;
}
.button.yellow.outline {
  background-color: none;
  border: 1px solid khaki;
  color: khaki;
}
.button.yellow.outline .iconBefore,
.button.yellow.outline .iconAfter {
  color: khaki;
}
.button.large {
  height: 80px;
  width: 80%;
  font-size: 20px;
}
.button.small {
  font-size: 12px;
}
.button.xs {
  font-size: 11px;
}
.button.width-80 {
  width: 80%;
}
.button.width-100 {
  width: 100%;
}
.button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.button.is-loading {
  position: relative;
}
.button.is-loading:disabled {
  opacity: 1;
}
.button .button-loading-measure {
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  pointer-events: none;
  height: auto;
  width: auto;
}
.button .button-loading-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 18px;
}
.button:hover {
  opacity: 0.8;
}

.exportButton {
  display: initial;
  cursor: pointer;
}
.exportButton:hover {
  opacity: 0.8;
}

button.link {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #000033;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s ease;
}
button.link:hover {
  color: #000099;
}
button.link.table {
  font-size: 11px;
}

.autocomplete.searchBox {
  border-radius: 2px 0px 0px 2px;
}
.autocomplete .container {
  position: absolute;
  max-height: 400px;
  background-color: white;
  font-size: 16px;
  border-radius: 2px;
  border: 1px solid gray;
  overflow: auto;
  z-index: 1;
}
.autocomplete .container .item {
  font-size: 12px;
  cursor: pointer;
  background-color: white;
  color: #000033;
  padding: 4px 4px;
}
.autocomplete .container .item:hover {
  background-color: #000033;
  color: white;
}

.checkbox {
  height: 12px;
  width: 12px;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: hidden;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
}

.loginOuter {
  height: 106.3vh;
  margin: 0px;
  padding: 0px;
}
.loginOuter .loginLeft {
  padding: 20px;
  background-color: #000033;
  color: white;
  background-image: url("../../assetts/backgrounds/blue.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 0px 10px #777777;
  z-index: 1;
}
.loginOuter .loginRight {
  transition: background-image 1s ease-in-out;
  background-color: white;
}

.paper {
  background-color: white;
  border-radius: 5px;
  padding: 10px 10px;
  box-shadow: 0 0 5px #cccccc;
}
.paper.no-shadow {
  box-shadow: none;
}
.paper.primary h1, .paper.primary h2, .paper.primary h3, .paper.primary h4, .paper.primary h5 {
  color: white;
}
.paper.primary {
  background-color: #000033;
  color: white;
}
.paper.secondary h1, .paper.secondary h2, .paper.secondary h3, .paper.secondary h4, .paper.secondary h5 {
  color: white;
}
.paper.secondary {
  background-color: #708f9e;
  color: white;
}
.paper.red h1, .paper.red h2, .paper.red h3, .paper.red h4, .paper.red h5 {
  color: white;
}
.paper.red {
  background-color: red;
  color: white;
}
.paper.red .text-small {
  color: white;
}
.paper.lightGrey {
  background-color: #efefef;
}
.paper.grey {
  background-color: gray;
}

.cardFleet {
  background-color: white;
  margin: 0px 0px 10px 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  .cardFleet.cardFleet {
    width: 25%;
  }
}
@media screen and (max-width: 1200px) {
  .cardFleet.cardFleet {
    width: 100%;
  }
}
.cardFleet .clickable:hover {
  background-color: lightgrey;
  transition: 0.3s;
}
@media screen and (min-width: 1200px) {
  .cardFleet.activeDeals.cardFleet {
    flex: 1;
    flex-grow: 1;
  }
}
.cardFleet .cardChild {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  background-color: #efefef;
  border-radius: 4px;
  padding: 4px;
  margin: 4px;
}
.cardFleet .cardChild.cardChild:first-child {
  font-size: 15px;
  max-height: 49px;
  padding: 0px;
  width: 100%;
}
.cardFleet .cardChild.cardChild:not(:first-child) {
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .cardFleet .cardChild.cardChild:not(:first-child) {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .cardFleet .cardChild.cardChild:not(:first-child) {
    flex-basis: 100%;
  }
}
.cardFleet .cardChild.activeDeals {
  min-height: 60px;
  background-color: white;
}
.cardFleet .cardChild.blue {
  background-color: rgba(0, 184, 255, 0.7);
}
.cardFleet .cardChild.green {
  background-color: rgba(0, 178, 0, 0.9);
}
.cardFleet .cardChild.red {
  background-color: rgba(255, 0, 0, 0.8);
}
.cardFleet .cardChild.purple {
  background-color: rgba(128, 0, 128, 0.8);
}
.cardFleet .cardChild.orange {
  background-color: rgba(255, 145, 0, 0.8);
}
.cardFleet .cardChild.grey {
  background-color: rgba(128, 128, 128, 0.8);
}
.cardFleet .cardChild.lightGrey {
  background-color: rgba(239, 239, 239, 0.8);
}

.cardGeneric {
  display: flex;
  flex: 1 1 0px;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: white;
  border-radius: 4px;
  margin: 4px;
  padding: 0px;
}
@media screen and (max-width: 1200px) {
  .cardGeneric.cardGeneric {
    flex: auto;
    width: 100%;
  }
}
.cardGeneric.clickable:hover {
  background-color: lightgrey;
  transition: 0.3s;
}
.cardGeneric.cardChild {
  flex-direction: column;
  flex-basis: 100%;
  background-color: transparent;
  pointer-events: none;
  text-align: center;
  width: 100%;
  margin: 6px;
}
.cardGeneric.cardChild.cardChild:first-child {
  flex-grow: 1;
}
.cardGeneric.cardChild.cardChild:not(:first-child) {
  flex-grow: 0;
  justify-content: flex-end;
  padding: 2px 0px 10px 0px;
}
.cardGeneric.pointer-events-all {
  pointer-events: all;
}
.cardGeneric.cardSubHeading.cardChild:not(:first-child) {
  justify-content: flex-start;
  padding: 0;
}
.cardGeneric .cardDataRow {
  display: flex;
  flex: 1;
}
.cardGeneric .cardDataRow .cardDataColumn {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
}
.cardGeneric.blue {
  background-color: rgba(0, 184, 255, 0.7);
}
.cardGeneric.green {
  background-color: rgba(0, 178, 0, 0.9);
}
.cardGeneric.red {
  background-color: rgba(255, 0, 0, 0.8);
}
.cardGeneric.purple {
  background-color: rgba(128, 0, 128, 0.8);
}
.cardGeneric.orange {
  background-color: rgba(255, 145, 0, 0.8);
}
.cardGeneric.grey {
  background-color: rgba(128, 128, 128, 0.8);
}
.cardGeneric.lightGrey {
  background-color: rgba(239, 239, 239, 0.8);
}

.avatar {
  width: 23px;
  height: 23px;
  border-radius: 100px;
  background-color: green;
  text-align: center;
  color: white;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.tableContainer {
  background-color: white;
}

.tableCell {
  padding: 1px;
}

.hide {
  display: none;
}

.mainTable {
  font-size: 12px;
  margin-bottom: 5px;
}
.mainTable th {
  padding-left: 1px;
  padding-right: 1px;
}
.mainTable td {
  border-bottom: 1px solid #efefef;
  background-color: rgba(239, 239, 239, 0.2);
  height: 0;
  width: 0;
}
.mainTable td.dnd-parent {
  border-bottom: 0px;
  padding-top: 6px;
  height: 0;
  width: 0;
}
.mainTable td.dnd-child {
  border-bottom: 0px;
  height: 0;
  width: 0;
}
@-moz-document url-prefix() {
  .mainTable th {
    padding-left: 1px;
    padding-right: 1px;
  }
  .mainTable td {
    background-color: rgba(239, 239, 239, 0.2);
    width: 0;
    height: inherit;
  }
}
.mainTable tr {
  transition: 0.1s;
}
.mainTable .row-hover:hover {
  background-color: #efefef;
}
.mainTable thead {
  background-color: white;
  white-space: nowrap;
  padding: 6px 8px 6px 8px;
}
.mainTable th {
  font-size: 10px;
  text-align: left;
  position: relative;
  background-color: rgba(239, 239, 239, 0.6);
  border-top: 1px solid #efefef;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: top;
}
.mainTable .sortLabel {
  display: inline;
  float: right;
}
.mainTable .sortLabel .up-arrow {
  width: 0;
  height: 0;
  margin: 4;
  border: solid 4px transparent;
  background: transparent;
  border-bottom: solid 6px grey;
  border-top-width: 0;
  cursor: pointer;
}
.mainTable .sortLabel .up-arrow.hide {
  display: none;
}
.mainTable .sortLabel .down-arrow {
  width: 0;
  height: 0;
  margin: 4;
  border: solid 4px transparent;
  background: transparent;
  border-top: solid 6px grey;
  border-bottom-width: 0;
  margin-top: 1px;
  cursor: pointer;
}
.mainTable .sortLabel .down-arrow.hide {
  display: none;
}
.mainTable .expand-rows.up-arrow {
  width: 0;
  height: 0;
  margin: 7px 0px 0px 4px;
  border: solid 4px transparent;
  background: transparent;
  border-bottom: solid 6px grey;
  border-top-width: 0;
  cursor: pointer;
}
.mainTable .expand-rows.up-arrow.hide {
  display: none;
}
.mainTable .filterIcon {
  display: inline;
  font-size: 12px;
}
.mainTable .filterIcon.active span {
  color: #00b200;
}
.mainTable.small th {
  font-size: 10px;
}
.mainTable.small td {
  font-size: 11px;
}
.mainTable.cellBorders {
  border-bottom: 1px solid #efefef;
}
.mainTable.headerBorders {
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  padding: 2px 0px 2px 0px;
}
.mainTable.searchBorders {
  padding: 1px;
}
.mainTable thead tr.filter-row td.searchBorders {
  overflow: hidden;
  vertical-align: top;
}
.mainTable thead tr.filter-row td.searchBorders .tableFilter,
.mainTable thead tr.filter-row td.searchBorders .tableInput {
  max-width: 100%;
  box-sizing: border-box;
}
.mainTable thead tr.filter-row-collapsed {
  visibility: collapse;
}
.mainTable thead tr.filter-row-collapsed td {
  padding: 0;
  border: 0;
  line-height: 0;
  overflow: hidden;
  pointer-events: none;
}
.mainTable thead tr.filter-row-collapsed td > div,
.mainTable thead tr.filter-row-collapsed td .tableFilter,
.mainTable thead tr.filter-row-collapsed td .tableInput {
  display: none;
}

.subTable {
  width: 100%;
  font-size: 12px;
  border-left: 1px solid #efefef;
  border-top: 1px solid #efefef;
}
.subTable th,
.subTable td {
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 6px 8px 6px 8px;
  height: 0;
}
.subTable thead {
  background-color: white;
}
.subTable th {
  font-size: 10px;
  text-align: left;
  position: relative;
  background-color: white;
  border-top: 1px solid #efefef;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: top;
}
.subTable .sortLabel {
  display: inline;
  float: right;
}
.subTable .filterIcon {
  display: inline;
  font-size: 12px;
}
.subTable .filterIcon.active span {
  color: #00b200;
}
.subTable.small th,
.subTable.small td {
  padding: 2px 3px;
}
.subTable.small td {
  font-size: 12px;
}

.columnFilterHolder {
  position: absolute;
  z-index: 0;
}

.filtersHolder {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.filtersHolder .clear,
.filtersHolder .expand,
.filtersHolder .filter {
  padding: 5px 8px;
  margin-right: 5px;
  background-color: #000033;
  color: white;
  border-radius: 10px;
  font-size: 12px;
  display: flex;
}
.filtersHolder .clear .clear span,
.filtersHolder .expand .clear span,
.filtersHolder .filter .clear span {
  color: white;
}
.filtersHolder .clear .clear,
.filtersHolder .expand .clear,
.filtersHolder .filter .clear {
  cursor: pointer;
  margin-left: 5px;
}

.optionsContainer {
  margin: 0px 0px 5px 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #efefef;
}
.optionsContainer .selected {
  background-color: lightGrey;
}
.optionsContainer .clear,
.optionsContainer .expand,
.optionsContainer .filter,
.optionsContainer .refresh,
.optionsContainer .export {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 4px 2px 4px 2px;
  min-width: 28px;
  height: 28px;
  border: 1px solid gray;
  border-radius: 3px;
  cursor: pointer;
}
.optionsContainer .clear[class^=icon-], .optionsContainer .clear[class*=" icon-"],
.optionsContainer .expand[class^=icon-],
.optionsContainer .expand[class*=" icon-"],
.optionsContainer .filter[class^=icon-],
.optionsContainer .filter[class*=" icon-"],
.optionsContainer .refresh[class^=icon-],
.optionsContainer .refresh[class*=" icon-"],
.optionsContainer .export[class^=icon-],
.optionsContainer .export[class*=" icon-"] {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.optionsContainer .clear.clickable:hover,
.optionsContainer .expand.clickable:hover,
.optionsContainer .filter.clickable:hover,
.optionsContainer .refresh.clickable:hover,
.optionsContainer .export.clickable:hover {
  background-color: lightGrey;
  transition: 0.3s;
}
.optionsContainer .recordSelect {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  flex-direction: row;
  flex-grow: 4;
  margin: 4px 2px 4px 2px;
  padding: 2px 0px 0px 5px;
}
@media screen and (max-width: 980px) {
  .optionsContainer .recordSelect.recordSelect {
    display: none;
  }
}
.optionsContainer .pageSelect {
  padding: 0px 10px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  text-align: center;
}
.optionsContainer .pageSelect .pageForward,
.optionsContainer .pageSelect .pageFirst,
.optionsContainer .pageSelect .pageLast,
.optionsContainer .pageSelect .pageBack {
  margin: 4px 1px 4px 1px;
  width: 28px;
  height: 28px;
  border: 1px solid gray;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.optionsContainer .pageSelect .pageForward [class^=icon-],
.optionsContainer .pageSelect .pageForward [class*=" icon-"],
.optionsContainer .pageSelect .pageFirst [class^=icon-],
.optionsContainer .pageSelect .pageFirst [class*=" icon-"],
.optionsContainer .pageSelect .pageLast [class^=icon-],
.optionsContainer .pageSelect .pageLast [class*=" icon-"],
.optionsContainer .pageSelect .pageBack [class^=icon-],
.optionsContainer .pageSelect .pageBack [class*=" icon-"] {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.optionsContainer .pageSelect .pageLast .second,
.optionsContainer .pageSelect .pageFirst .second {
  margin-left: -7px;
}
.optionsContainer .pageSelect .jumpToPage {
  margin-right: 5px;
  margin: 4px 1px 4px 1px;
  height: 28px;
  min-width: 30px;
}
.optionsContainer .pageSelect .jumpToPageInner {
  height: 28px;
  background-color: #efefef;
  border: 1px solid gray;
  border-radius: 3px;
}
.optionsContainer .pageSelect .clickable:hover {
  background-color: lightGrey;
  transition: 0.3s;
}
.optionsContainer .pageSelect .disabled {
  cursor: not-allowed;
  color: grey;
}
.optionsContainer .pageSelect .pages {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  text-align: center;
}
.optionsContainer .pageSelect .pages .page {
  display: flex;
  justify-content: center;
  min-width: 28px;
  max-width: 40px;
  height: 28px;
  margin: 4px 1px 4px 1px;
  border: 1px solid gray;
  border-radius: 3px;
  cursor: pointer;
}
.optionsContainer .pageSelect .pages .page .number {
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 4px 1px 4px 1px;
  width: 100%;
}
.optionsContainer .pageSelect .pages .page.false {
  color: grey;
}
.optionsContainer .pageSelect .pages .page.selected {
  color: green;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .optionsContainer .pageSelect.pagination {
    justify-content: flex-start;
  }
}
.optionsContainer .options {
  flex-grow: 1;
  justify-content: flex-start;
}

.panel-expand {
  transition: all 200ms ease-in-out;
  display: grid;
  grid-template-rows: 0fr;
}
.panel-expand.open {
  grid-template-rows: 1fr;
}
.panel-expand.close {
  grid-template-rows: 0fr;
}
.panel-expand.content {
  overflow: hidden;
}

.dnd.dropHandle:hover {
  cursor: grab;
}
.dnd.dropHandle.active {
  cursor: move;
}
.dnd.dropHandle.disabled {
  cursor: default;
}
.dnd.parent-without-child-cell-start {
  padding: 6px 0px 6px 0px;
  border-left: 1px solid rgba(128, 128, 128, 0.4);
  border-top: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.parent-without-child-cell-middle {
  padding: 6px 0px 6px 0px;
  border-top: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.parent-without-child-cell-end {
  padding: 6px 0px 6px 0px;
  border-right: 1px solid rgba(128, 128, 128, 0.4);
  border-top: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.parent-with-child-cell-start {
  padding: 6px 0px 6px 0px;
  border-left: 1px solid rgba(128, 128, 128, 0.4);
  border-top: 1px solid rgba(128, 128, 128, 0.4);
  border-top-left-radius: 3px;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.parent-with-child-cell-middle {
  padding: 6px 0px 6px 0px;
  border-top: 1px solid rgba(128, 128, 128, 0.4);
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.parent-with-child-cell-end {
  padding: 6px 0px 6px 0px;
  border-right: 1px solid rgba(128, 128, 128, 0.4);
  border-top: 1px solid rgba(128, 128, 128, 0.4);
  border-top-right-radius: 3px;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.child-nested-before-cell-start {
  padding: 6px 0px 0px 0px;
  border-left: 1px solid rgba(128, 128, 128, 0.4);
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.child-nested-before-cell-middle {
  padding: 6px 0px 0px 0px;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.child-nested-before-cell-end {
  padding: 6px 0px 0px 0px;
  border-right: 1px solid rgba(128, 128, 128, 0.4);
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.child-nested-after-cell-start {
  padding: 6px 0px 6px 0px;
  border-left: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom-left-radius: 3px;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.child-nested-after-cell-middle {
  padding: 6px 0px 6px 0px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.child-nested-after-cell-end {
  padding: 6px 0px 6px 0px;
  border-right: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom-right-radius: 3px;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.child-ungrouped-cell-start {
  padding: 6px 0px 6px 0px;
  border-left: 1px solid rgba(128, 128, 128, 0.4);
  border-top: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.child-ungrouped-cell-middle {
  padding: 6px 0px 6px 0px;
  border-top: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.child-ungrouped-cell-end {
  padding: 6px 0px 6px 0px;
  border-right: 1px solid rgba(128, 128, 128, 0.4);
  border-top: 1px solid rgba(128, 128, 128, 0.4);
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.dropZone {
  transition: background-color 120ms ease, border-color 120ms ease;
}
.dnd.dropZone.verticalDrag {
  width: auto;
  margin: 0;
}
.dnd.dropZone:not(.verticalDrag).isLast {
  flex: 1 1 auto;
  display: block;
}
.dnd.dropZone.active {
  transition: background-color 120ms ease, border-color 120ms ease;
  background-color: rgba(0, 178, 0, 0.1);
}

.tableContainerL {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tableContainerL .clickable:hover {
  background-color: lightgrey;
  transition: 0.3s;
}

.mainTableL {
  width: 100%;
  flex: 0;
  font-size: 12px;
  border-left: 1px solid #efefef;
  border-top: 1px solid #efefef;
}
.mainTableL th,
.mainTableL td {
  background-color: rgba(239, 239, 239, 0.2);
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 6px 8px 6px 8px;
}
.mainTableL thead {
  background-color: white;
}
.mainTableL th {
  font-size: 10px;
  text-align: left;
  position: relative;
  background-color: rgba(239, 239, 239, 0.6);
  border-top: 1px solid #efefef;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: top;
}
.mainTableL .sortLabel {
  display: inline;
  float: right;
}
.mainTableL .filterIcon {
  display: inline;
  font-size: 12px;
}
.mainTableL .filterIcon.active span {
  color: #00b200;
}
.mainTableL.small th,
.mainTableL.small td {
  padding: 2px 3px;
}
.mainTableL.small td {
  font-size: 12px;
}

.columnFilterHolderL {
  position: absolute;
  z-index: 0;
}

.filtersHolderL {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.filtersHolderL .filter {
  padding: 5px 8px;
  margin-right: 5px;
  background-color: #000033;
  color: white;
  border-radius: 10px;
  font-size: 12px;
  display: flex;
}
.filtersHolderL .filter .clear span {
  color: white;
}
.filtersHolderL .filter .clear {
  cursor: pointer;
  margin-left: 5px;
}

.tableLowerContainerL {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  flex-grow: 0;
  flex-wrap: nowrap;
  height: 5%;
  width: 100%;
}

.totalRecordsL {
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.totalRecordsL.fixed {
  margin-top: -25px;
}

.paginationL {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  justify-content: flex-start;
}
.paginationL .pageFirst,
.paginationL .pageLast,
.paginationL .pageForward,
.paginationL .pageBack {
  cursor: pointer;
}
.paginationL .pageBack {
  margin-left: 5px;
}
.paginationL .pageForward {
  margin-right: 5px;
}
.paginationL .pageLast .second,
.paginationL .pageFirst .second {
  margin-left: -7px;
}
.paginationL .disabled {
  cursor: not-allowed;
  color: grey;
}
.paginationL .pages {
  margin: 0 10px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  text-align: center;
}
.paginationL .pages .page {
  cursor: pointer;
  min-width: 20px;
  padding: 0 5px;
}
.paginationL .pages .page.selected {
  color: green;
  text-decoration: underline;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .paginationL.paginationL {
    justify-content: flex-start;
  }
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}
.lds-roller.small {
  zoom: 40%;
}
.lds-roller.white div:after {
  background: white !important;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #000033;
  margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lds-ellipsis div {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis {
  position: relative;
  overflow: hidden;
  max-width: 80px;
  min-width: 80px;
  height: 10px;
  zoom: 70%;
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.lds-dual-ring {
  display: inline-block;
  width: 50px;
  height: 60px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 15px;
  height: 15px;
  margin: 8px;
  border-radius: 50%;
  border: 5px solid #696969;
  border-color: #696969 transparent #696969 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lds-dual-ring-table {
  display: inline-block;
}

.lds-dual-ring-table:after {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 5px solid #696969;
  border-color: #696969 transparent #696969 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lds-spinner {
  color: black;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #000;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.drawer {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 400px;
  background-color: white;
  padding: 20px;
  padding-top: 55px;
  overflow-y: auto;
  z-index: 2;
  overflow: auto;
  transition: right, 0.4s ease;
}
.drawer .drawerClose {
  position: absolute;
  left: 15px;
  top: 15px;
  cursor: pointer;
  font-size: 20px;
}
.drawer.closed {
  right: -400px;
}

.chip {
  overflow: inherit;
  background-color: #000033;
  color: white;
  font-size: 12px;
  border-radius: 2px;
  text-align: center;
}
.chip .icon {
  color: white;
  cursor: pointer;
}
.chip.table {
  font-size: 11px;
}
.chip.text-wrap {
  white-space: pre-line !important;
}
.chip.secondary {
  background-color: #708f9e;
}
.chip.green {
  background-color: #00b200;
}
.chip.red {
  background-color: red;
}
.chip.black {
  background-color: black;
}
.chip.blue {
  background-color: #00b8ff;
}
.chip.royalBlue {
  background-color: #002c80;
}
.chip.orange {
  background-color: #ff9100;
}
.chip.yellow {
  background-color: khaki;
}
.chip.pink {
  background-color: lightpink;
}
.chip.purple {
  background-color: rgba(128, 0, 128, 0.2);
}
.chip.grey {
  background-color: gray;
}
.chip.lightGrey {
  background-color: #efefef;
}
.chip.cyan {
  background-color: #a6e4ff;
}
.chip.magenta {
  background-color: #ffa6d5;
}
.chip.waste {
  background-color: #00cc66;
}
.chip.batched {
  background-color: #89ae51;
}
.chip.text-secondary {
  color: #708f9e;
}
.chip.text-green {
  color: #00b200;
}
.chip.text-red {
  color: red;
}
.chip.text-black {
  color: black;
}
.chip.text-blue {
  color: #00b8ff;
}
.chip.text-royalBlue {
  color: #002c80;
}
.chip.text-orange {
  color: #ff9100;
}
.chip.text-yellow {
  color: khaki;
}
.chip.text-pink {
  color: lightpink;
}
.chip.text-purple {
  color: rgba(128, 0, 128, 0.2);
}
.chip.text-grey {
  color: gray;
}
.chip.text-lightGrey {
  color: #efefef;
}
.chip.text-cyan {
  color: #a6e4ff;
}
.chip.text-magenta {
  color: #ffa6d5;
}
.chip.text-waste {
  color: #00cc66;
}
.chip.text-batched {
  background-color: #89ae51;
}
.chip.font-10 {
  font-size: 10px;
}
.chip.border-radius-5 {
  border-radius: 5px;
}
.chip.padding-5 {
  padding: 2px 5px;
}

.productConfigurator .productListView .product {
  text-align: center;
  box-shadow: 0px 0px 2px #CCCCCC;
  padding: 20px;
}
.productConfigurator .productListView .product:hover {
  box-shadow: 0px 0px 10px #CCCCCC;
  cursor: pointer;
}
.productConfigurator .productListView .product .imagePreview {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center;
  margin-bottom: 15px;
}
.productConfigurator .productListView .product .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.productConfigurator .productListView .product .description {
  font-size: 12px;
  height: auto;
  max-height: 150px;
  overflow: auto;
  margin-bottom: 25px;
}

.productConfiguratorModalContent .conf-configure-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 16px;
  margin-bottom: 8px;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
}
.productConfiguratorModalContent .conf-configure-header h2 {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}
.productConfiguratorModalContent .conf-configure-header .conf-header-actions {
  flex: 0 0 auto;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.productConfiguratorModalContent .conf-configure-header .conf-header-actions .conf-header-back {
  margin-right: 8px;
}

.productConfiguratorModalContent .configurator-body.productConfiguratorSelected {
  margin-top: 8px !important;
}

.productConfiguratorModalContent .configurator-body.productConfiguratorSelected > .paper.configurator-table-paper {
  padding-top: 4px;
}

.productConfiguratorSelected .leftCol {
  padding: 20px;
  box-shadow: 0px 0px 5px #CCCCCC;
}
.productConfiguratorSelected .rightCol {
  width: 100%;
  padding: 20px;
  box-shadow: 0px 0px 5px #CCCCCC;
}
.productConfiguratorSelected .compatiblePart {
  border: 1px solid #EEEEEE;
  padding: 15px;
  margin: 10px;
  cursor: pointer;
}
.productConfiguratorSelected .compatiblePart:hover {
  box-shadow: 0px 0px 8px #DDDDDD;
}
.productConfiguratorSelected.configurator-body,
.productConfiguratorSelected .configurator-body {
  display: flex;
  gap: 16px;
  min-width: 0;
  width: 100%;
  align-items: stretch;
  box-sizing: border-box;
  overflow: visible;
}
.productConfiguratorSelected.configurator-body .paper.configurator-panel-paper.no-shadow,
.productConfiguratorSelected .configurator-body .paper.configurator-panel-paper.no-shadow {
  box-shadow: 0px 0px 5px #cccccc;
  overflow: hidden;
}
.productConfiguratorSelected.configurator-body .paper.configurator-panel-paper.no-shadow > .product-selection-table-scroll,
.productConfiguratorSelected .configurator-body .paper.configurator-panel-paper.no-shadow > .product-selection-table-scroll {
  isolation: isolate;
}
.productConfiguratorSelected.configurator-body > .paper.configurator-table-paper,
.productConfiguratorSelected .configurator-body > .paper.configurator-table-paper {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.productConfiguratorSelected.configurator-body .paper table.configuratorTable,
.productConfiguratorSelected .configurator-body .paper table.configuratorTable {
  width: 100%;
  min-width: 890px;
}
.productConfiguratorSelected.configurator-body .configurator-sidebar,
.productConfiguratorSelected .configurator-body .configurator-sidebar {
  flex: 0 0 230px;
  width: 230px;
  min-height: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  margin-top: -5px;
  padding: 5px 5px 5px 2px;
  box-sizing: border-box;
}
.productConfiguratorSelected.configurator-body .configurator-sidebar > .paper,
.productConfiguratorSelected .configurator-body .configurator-sidebar > .paper {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
}
.productConfiguratorSelected .configuratorTable {
  width: 100%;
  min-width: 890px;
  border-collapse: collapse;
  table-layout: fixed;
}
.productConfiguratorSelected .configuratorTable tbody tr {
  height: 1px;
}
.productConfiguratorSelected .configuratorTable thead th,
.productConfiguratorSelected .configuratorTable tbody td {
  box-sizing: border-box;
  padding: 8px 10px;
  vertical-align: top;
  text-align: left;
}
.productConfiguratorSelected .configuratorTable thead th {
  position: sticky;
  top: 0;
  z-index: 20;
  background-color: #fff;
  overflow: visible;
  font-size: 11px;
  font-weight: 600;
  color: #000033;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  border-bottom: 1px solid #bcbcbc;
  box-shadow: 0 1px 0 #bcbcbc;
}
.productConfiguratorSelected .configuratorTable tbody td {
  position: relative;
  z-index: 0;
  border-bottom: 1px solid #efefef;
  overflow: visible;
  height: auto;
  max-height: none;
}
.productConfiguratorSelected .configuratorTable td.conf-col--product {
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: break-word;
  height: auto;
  max-height: none;
}
.productConfiguratorSelected .configuratorTable .conf-product-desc {
  margin-top: 4px;
  line-height: 1.4;
  white-space: pre-wrap;
  overflow: visible;
  max-height: none;
}
.productConfiguratorSelected .configuratorTable col.conf-col--include,
.productConfiguratorSelected .configuratorTable th.conf-col--include,
.productConfiguratorSelected .configuratorTable td.conf-col--include {
  width: 2%;
}
.productConfiguratorSelected .configuratorTable col.conf-col--qty,
.productConfiguratorSelected .configuratorTable th.conf-col--qty,
.productConfiguratorSelected .configuratorTable td.conf-col--qty {
  width: 7%;
}
.productConfiguratorSelected .configuratorTable th.conf-col--qty,
.productConfiguratorSelected .configuratorTable td.conf-col--qty {
  text-align: center;
}
.productConfiguratorSelected .configuratorTable td.conf-col--qty .conf-table-input input.textInput,
.productConfiguratorSelected .configuratorTable td.conf-col--qty .conf-table-input input.textInput.input {
  text-align: center;
}
.productConfiguratorSelected .configuratorTable col.conf-col--partNo,
.productConfiguratorSelected .configuratorTable th.conf-col--partNo,
.productConfiguratorSelected .configuratorTable td.conf-col--partNo {
  width: 10%;
}
.productConfiguratorSelected .configuratorTable col.conf-col--product,
.productConfiguratorSelected .configuratorTable th.conf-col--product,
.productConfiguratorSelected .configuratorTable td.conf-col--product {
  width: 44%;
}
.productConfiguratorSelected .configuratorTable col.conf-col--supplier,
.productConfiguratorSelected .configuratorTable th.conf-col--supplier,
.productConfiguratorSelected .configuratorTable td.conf-col--supplier {
  width: 10%;
}
.productConfiguratorSelected .configuratorTable col.conf-col--listPrice,
.productConfiguratorSelected .configuratorTable th.conf-col--listPrice,
.productConfiguratorSelected .configuratorTable td.conf-col--listPrice {
  width: 8%;
}
.productConfiguratorSelected .configuratorTable col.conf-col--discount,
.productConfiguratorSelected .configuratorTable th.conf-col--discount,
.productConfiguratorSelected .configuratorTable td.conf-col--discount {
  width: 7%;
}
.productConfiguratorSelected .configuratorTable col.conf-col--cost,
.productConfiguratorSelected .configuratorTable th.conf-col--cost,
.productConfiguratorSelected .configuratorTable td.conf-col--cost {
  width: 6%;
}
.productConfiguratorSelected .configuratorTable col.conf-col--sale,
.productConfiguratorSelected .configuratorTable th.conf-col--sale,
.productConfiguratorSelected .configuratorTable td.conf-col--sale {
  width: 6%;
}
.productConfiguratorSelected .configuratorTable th.conf-col--include,
.productConfiguratorSelected .configuratorTable td.conf-col--include {
  text-align: left;
  padding-left: 10px;
  padding-right: 6px;
}
.productConfiguratorSelected .configuratorTable th.conf-col--listPrice,
.productConfiguratorSelected .configuratorTable td.conf-col--listPrice {
  text-align: right;
  white-space: nowrap;
}
.productConfiguratorSelected .configuratorTable tbody tr:not(.conf-device-row):not(.conf-section-row):not(.conf-col-anchor) td.conf-col--listPrice {
  vertical-align: middle;
}
.productConfiguratorSelected .configuratorTable tbody tr:not(.conf-device-row):not(.conf-section-row):not(.conf-col-anchor) td.conf-col--listPrice .conf-price-cell {
  justify-content: flex-end;
  width: 100%;
}
.productConfiguratorSelected .configuratorTable tr.conf-col-anchor {
  height: 0;
  line-height: 0;
  font-size: 0;
}
.productConfiguratorSelected .configuratorTable tr.conf-col-anchor td {
  height: 0;
  padding: 0 !important;
  border: none !important;
  line-height: 0;
  overflow: hidden;
  vertical-align: top;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row {
  height: auto !important;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row td {
  padding: 8px 12px 69.6px;
  vertical-align: top !important;
  height: auto;
  max-height: none;
  box-sizing: border-box;
  background-color: rgb(251.75, 251.75, 251.75);
  border-bottom: 1px solid #bcbcbc;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row .conf-device-row-product {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.productConfiguratorSelected .configuratorTable tbody tr:not(.conf-device-row):not(.conf-section-row):not(.conf-col-anchor) td {
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  vertical-align: middle;
  border-top: 1px solid #efefef;
  border-bottom: none;
}
.productConfiguratorSelected .configuratorTable tbody tr:not(.conf-device-row):not(.conf-section-row):not(.conf-col-anchor) td.conf-col--include,
.productConfiguratorSelected .configuratorTable tbody tr:not(.conf-device-row):not(.conf-section-row):not(.conf-col-anchor) td.conf-col--product,
.productConfiguratorSelected .configuratorTable tbody tr:not(.conf-device-row):not(.conf-section-row):not(.conf-col-anchor) td.conf-col--supplier,
.productConfiguratorSelected .configuratorTable tbody tr:not(.conf-device-row):not(.conf-section-row):not(.conf-col-anchor) td.conf-col--listPrice {
  padding-top: 8px;
  padding-bottom: 8px;
}
.productConfiguratorSelected .configuratorTable tr.conf-col-anchor + tr:not(.conf-device-row):not(.conf-section-row) td {
  border-top: none;
}
.productConfiguratorSelected .configuratorTable tr.conf-section-row td {
  padding: 18px 12px 6px 12px;
  font-size: 17px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
  border-top: none;
  border-bottom: none;
}
.productConfiguratorSelected .configuratorTable tbody tr.conf-conflict-row td {
  background-color: rgb(242.75, 242.75, 242.75);
}
.productConfiguratorSelected .configuratorTable tbody tr.conf-required-row td {
  background-color: rgb(250.43, 122.47, 122.47);
  color: rgb(74.97, 13.23, 13.23);
}
.productConfiguratorSelected .configuratorTable tbody tr.conf-required-row.conf-conflict-row td {
  background-color: rgb(250.43, 122.47, 122.47);
  color: rgb(74.97, 13.23, 13.23);
}
.productConfiguratorSelected .configuratorTable tbody tr.conf-required-row td.conf-col--supplier,
.productConfiguratorSelected .configuratorTable tbody tr.conf-required-row td.conf-col--listPrice {
  color: inherit;
}
.productConfiguratorSelected .configuratorTable .conf-price-cell,
.productConfiguratorSelected .configuratorTable .conf-discount {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  gap: 4px;
  white-space: nowrap;
  max-width: 100%;
}
.productConfiguratorSelected .configuratorTable td.conf-col--listPrice .conf-price-cell {
  justify-content: flex-end;
  width: 100%;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--listPrice {
  vertical-align: top;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--listPrice .conf-price-cell {
  margin-top: -4px;
  min-height: 28px;
  align-items: center;
  justify-content: flex-end;
  line-height: 28px;
  width: 100%;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--cost,
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--sale {
  line-height: 28px;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--cost .conf-table-input,
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--sale .conf-table-input {
  margin-top: -4px;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--discount {
  line-height: 28px;
  white-space: nowrap;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--discount .conf-device-discount-inline {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-top: -4px;
  vertical-align: top;
  max-width: 100%;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--discount .conf-device-discount-inline .conf-table-input {
  display: inline-block !important;
  margin-top: 0;
  flex-shrink: 0;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row td.conf-col--discount .conf-device-discount-pct {
  flex-shrink: 0;
  margin-left: 2px;
  line-height: 28px;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row .conf-table-input {
  display: block !important;
  margin: 0;
  padding: 0;
  line-height: 1;
  vertical-align: top;
}
.productConfiguratorSelected .configuratorTable tr.conf-device-row .conf-table-input .flex-item,
.productConfiguratorSelected .configuratorTable tr.conf-device-row .conf-table-input input.textInput,
.productConfiguratorSelected .configuratorTable tr.conf-device-row .conf-table-input input.textInput.input {
  display: block !important;
  margin: 0;
  padding: 0 6px;
  height: 28px !important;
  line-height: 28px;
  box-sizing: border-box;
}
.productConfiguratorSelected .configuratorTable .conf-table-input {
  display: inline-block !important;
  width: auto !important;
  max-width: 100%;
  min-width: 0;
  vertical-align: top;
}
.productConfiguratorSelected .configuratorTable .conf-table-input .flex-item,
.productConfiguratorSelected .configuratorTable .conf-table-input .flex-item.width-100,
.productConfiguratorSelected .configuratorTable .conf-table-input input.textInput,
.productConfiguratorSelected .configuratorTable .conf-table-input input.textInput.input {
  width: auto !important;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.productConfiguratorSelected .configuratorTable .conf-table-input--sm {
  width: 52px !important;
}
.productConfiguratorSelected .configuratorTable .conf-table-input--sm .flex-item,
.productConfiguratorSelected .configuratorTable .conf-table-input--sm input.textInput {
  width: 52px !important;
  max-width: 52px !important;
}
.productConfiguratorSelected .configuratorTable .conf-table-input--md {
  width: 68px !important;
}
.productConfiguratorSelected .configuratorTable .conf-table-input--md .flex-item,
.productConfiguratorSelected .configuratorTable .conf-table-input--md input.textInput {
  width: 68px !important;
  max-width: 68px !important;
}
.productConfiguratorSelected .sidebar-stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.productConfiguratorSelected .sidebar-stat .stat-label {
  font-size: 12px;
  color: gray;
}
.productConfiguratorSelected .sidebar-stat .stat-value {
  font-size: 22px;
  font-weight: 700;
}
.productConfiguratorSelected .sidebar-stat .stat-value-sm {
  font-size: 16px;
  font-weight: 600;
}
.productConfiguratorSelected .sidebar-cpc-field {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.productConfiguratorSelected .sidebar-cpc-field .cpc-label {
  font-size: 12px;
  color: gray;
  margin-bottom: 4px;
}
.productConfiguratorSelected .conf-required-notice {
  padding: 10px 12px;
  border-radius: 3px;
  background-color: rgb(255, 191.1, 105.9);
  box-sizing: border-box;
}
.productConfiguratorSelected .conf-required-notice__text {
  width: 100%;
  margin: 0;
  text-align: left;
  color: rgb(107.5475728155, 36.0339805825, 6.6524271845);
}

.product-selection-table-scroll {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-gutter: stable;
  isolation: isolate;
  -webkit-overflow-scrolling: touch;
}
.product-selection-table-scroll .selectionTable thead th,
.product-selection-table-scroll .configuratorTable thead th {
  position: sticky;
  top: 0;
  z-index: 20;
  background-color: #fff;
  overflow: visible;
  box-shadow: 0 1px 0 #bcbcbc;
}
.product-selection-table-scroll .selectionTable tbody td,
.product-selection-table-scroll .configuratorTable tbody td {
  position: relative;
  z-index: 0;
}

.selectionTable {
  width: 100%;
  min-width: 750px;
  border-collapse: collapse;
  table-layout: fixed;
}
.selectionTable thead {
  background-color: #fff;
}
.selectionTable thead tr {
  background-color: #fff;
}
.selectionTable thead th {
  position: sticky;
  top: 0;
  z-index: 20;
  background-color: #fff;
  overflow: visible;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 600;
  color: #000033;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  border-bottom: 1px solid #bcbcbc;
  box-shadow: 0 1px 0 #bcbcbc;
  text-align: left;
}
.selectionTable tbody td {
  position: relative;
  z-index: 0;
  padding: 8px 12px;
  vertical-align: top;
  border-bottom: 1px solid #efefef;
}
.selectionTable tr.sel-section-row td {
  padding: 18px 12px 6px 12px;
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
  border-bottom: 1px solid #efefef;
}
.selectionTable .sel-link {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #000033;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  text-decoration: underline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100%;
}
.selectionTable .sel-link:hover, .selectionTable .sel-link:focus-visible {
  color: rgb(0, 0, 10.2);
  text-decoration: underline;
}

.modalBackground {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
}
.modalBackground .modalContent {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
}
.modalBackground .modalDealContent {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
}

.modalTimeout {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 10, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
}
.modalTimeout .modalContent {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
}
.modalTimeout .modalDealContent {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
}

.productConfiguratorModal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
  overflow: hidden;
}
.productConfiguratorModal .productConfiguratorModalContent {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  overflow: hidden;
  max-width: 90vw;
  height: 90vh;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  min-height: 0;
  box-sizing: border-box;
}
.productConfiguratorModal .productConfiguratorModalContent > .configurator-body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

.genericModalContainer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
}
.genericModalContainer .genericModalContent {
  background-color: white;
  padding: 10px;
  border-radius: 3px;
}
.genericModalContainer .genericaModalChild.genericaModalChild:first-child {
  height: 20%;
  border-radius: 0px;
}
.genericModalContainer .genericaModalChild.genericaModalChild:not(:first-child) {
  height: 80%;
  width: 100%;
  border-radius: 0px;
}

.addQuoteModalContainer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
}
.addQuoteModalContainer .addQuoteModalContent {
  background-color: white;
  overflow: auto;
  padding: 10px;
  border-radius: 8px;
}

.calendar .clickable {
  cursor: pointer;
}
.calendar .dayContainer {
  padding: 0;
  width: 14.2857142857%;
}
@media screen and (max-width: 64em) {
  .calendar .dayContainer {
    width: 100%;
  }
}
.calendar .dayContainer .day {
  position: relative;
  height: 150px;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  transition: background-color 0.2s ease;
  padding-bottom: 24px;
}
@media screen and (max-width: 64em) {
  .calendar .dayContainer .day {
    border: 1px solid gray !important;
  }
}
.calendar .dayContainer .day.borTop {
  border-top: 2px solid gray;
}
.calendar .dayContainer .day.borLeft {
  border-left: 2px solid gray;
}
.calendar .dayContainer .day.noBottom {
  border-bottom: none;
}
.calendar .dayContainer .day.first {
  margin-left: -1px;
}
@media screen and (max-width: 64em) {
  .calendar .dayContainer .day.first {
    margin-left: 0;
  }
}
.calendar .dayContainer .day.weekend {
  background-color: rgb(191.75, 191.75, 191.75);
}
.calendar .dayContainer .day.today {
  background-color: #b3b3b3;
}
.calendar .dayContainer .day .dayInfo {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 12px;
  color: grey;
}
.calendar .dayContainer .day .eventContainer {
  height: 136px;
  overflow-y: auto;
  overflow-x: hidden;
}
.calendar .dayContainer .day .eventContainer .event {
  width: 100%;
  max-width: 100%;
  color: white;
  background-color: gray;
  padding: 0 5px;
  cursor: pointer;
  margin-bottom: 2px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  display: flex;
  position: relative;
  transition: background-color 0.3s ease;
}
.calendar .dayContainer .day .eventContainer .event .icon {
  margin: auto 0;
}
.calendar .dayContainer .day .eventContainer .event .name {
  flex-grow: 1;
  font-size: 13px;
}
.calendar .dayContainer .day .eventContainer .event.primary {
  background-color: #000033;
  color: white;
}
.calendar .dayContainer .day .eventContainer .event.secondary {
  background-color: #708f9e;
  color: white;
}
.calendar .dayContainer .day .eventContainer .event.green {
  background-color: #00b200;
  color: white !important;
}
.calendar .dayContainer .day .eventContainer .event.red {
  background-color: red;
  color: white;
}
.calendar .dayContainer .day .eventContainer .event.yellow {
  background-color: khaki;
  color: black;
}
.calendar .dayContainer .day .eventContainer .event.purple {
  background-color: rgba(128, 0, 128, 0.2);
  color: white;
}
.calendar .dayContainer .day .eventContainer .event.black {
  background-color: black;
  color: white;
}
.calendar .dayContainer .day .eventContainer .event.highlight.primary {
  background-color: #000066;
}
.calendar .dayContainer .day .eventContainer .event.highlight.secondary {
  background-color: rgb(142.3875, 166.8, 178.6125);
}
.calendar .dayContainer .day .eventContainer .event.highlight.red {
  background-color: #ff3333;
}
.calendar .dayContainer .day .eventContainer .event.highlight.yellow {
  background-color: rgb(245.8846153846, 239.8076923077, 185.1153846154);
}
.calendar .dayContainer .day .eventContainer .event.highlight.purple {
  background-color: rgba(179, 0, 179, 0.2);
}
.calendar .dayContainer .day .eventContainer .event.highlight.black {
  background-color: rgb(25.5, 25.5, 25.5);
}
.calendar .dayContainer .day .addEvent {
  position: absolute;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  text-align: center;
  transition: color 0.3s ease;
}
.calendar .dayContainer .day .addEvent .icon-plus {
  transition: font-weight 0.3s ease;
}
.calendar .dayContainer .day .addEvent:hover {
  color: #000033;
}
.calendar .dayContainer .day .addEvent:hover .icon-plus {
  font-weight: bold;
}

.alert {
  position: fixed;
  opacity: 0;
  transition: opacity 0.3s ease;
  background-color: gray;
  z-index: 3;
  bottom: 20px;
  right: 20px;
  color: white;
  font-size: 12px;
  padding: 10px 18px;
  border-radius: 8px;
}
.alert.open {
  opacity: 1;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  height: 18px;
  cursor: pointer;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #000033;
}
.switch input:checked + .slider:before {
  transform: translateX(30px);
}
.switch {
  /* The slider */
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  width: 50px;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 5px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 16px;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.switch .label {
  font-size: 14px;
  padding: 0 0 0 0;
  margin-left: 60px;
  display: inline-block;
  font-weight: normal;
}

.errored.message {
  margin-top: 1px !important;
  font-size: 11px !important;
  color: rgb(217, 30, 24) !important;
  text-align: left !important;
}
.errored.border {
  border-color: rgba(217, 30, 24, 0.8) !important;
  border-radius: 3px !important;
  border-width: 1px !important;
  transition: border-color 2s;
}
.errored.button {
  background-color: #00b200 !important;
  color: white !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  display: inline-block !important;
}
.errored.button.outline {
  border-color: rgba(217, 30, 24, 0.9) !important;
  box-shadow: 0 0 4px rgb(217, 30, 24) !important;
  border-radius: 3px !important;
  border-width: 1px !important;
  transition: border-color 2s !important;
}
.errored.button .text-red {
  color: red;
}
.errored.div {
  border: 1px solid rgba(217, 30, 24, 0.9) !important;
  box-shadow: 0 0 4px rgb(217, 30, 24) !important;
}

.note.container {
  border: 1px solid #ccc;
  border-radius: 2px;
  margin: 4px 0px 0px 0px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.consumablesHub.batchedOrders {
  min-height: 120px;
}
.consumablesHub.weekDayButton {
  border-radius: 16px;
}
.consumablesHub.tonerContainer {
  height: 28px;
}
.consumablesHub.tonerContainer-item {
  min-width: 40px;
}
.consumablesHub.groupContainer-input {
  padding: 1px 2px 1px 2px;
}
.consumablesHub.groupContainer-text-upper {
  white-space: pre-line !important;
  padding: 1px 2px 0px 2px;
}
.consumablesHub.groupContainer-text-lower {
  white-space: pre-line !important;
  padding: 0px 2px 1px 2px;
}
.consumablesHub.siteDevices-notes-textArea {
  resize: none;
}
.consumablesHub.tonerRobotNotes-text-content {
  word-break: break-word !important;
  white-space: pre-line;
}
.consumablesHub.batched-every-week {
  margin-left: 10px;
}
@media screen and (max-width: 908px) {
  .consumablesHub.batched-every-week.batched-every-week {
    margin-left: 0px;
  }
}
.consumablesHub.batched-select-dropdown {
  max-width: 150px;
}
.consumablesHub.courier-contact-options {
  flex-wrap: nowrap;
}
@media screen and (max-width: 550px) {
  .consumablesHub.courier-contact-options.courier-contact-options {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 500px) {
  .consumablesHub.courier-contact-options-width.courier-contact-options-width {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .consumablesHub.courier-contact-options-pad.courier-contact-options-pad {
    padding-top: 10px;
  }
}
.consumablesHub.manual-order-container-text {
  white-space: pre-line !important;
}
@media screen and (max-width: 240px) {
  .consumablesHub.button-align-250.button-align-250 {
    justify-content: flex-start;
  }
}
.consumablesHub.requestConsumables-search {
  flex-direction: row;
}
@media screen and (max-width: 700px) {
  .consumablesHub.requestConsumables-search.requestConsumables-search {
    flex-direction: column;
  }
}
.consumablesHub.requestConsumables-form-reverse {
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
  .consumablesHub.requestConsumables-form-reverse.requestConsumables-form-reverse {
    flex-direction: column-reverse;
  }
}
.consumablesHub.requestConsumables-form {
  width: 50%;
}
@media screen and (max-width: 500px) {
  .consumablesHub.requestConsumables-form.requestConsumables-form {
    width: 100%;
  }
}
.consumablesHub.requestConsumables-stats {
  width: 50%;
}
@media screen and (max-width: 500px) {
  .consumablesHub.requestConsumables-stats.requestConsumables-stats {
    width: 100%;
    height: 180px;
  }
}
.consumablesHub.buttonSize {
  width: auto;
}
@media screen and (max-width: 1000px) {
  .consumablesHub.buttonSize.buttonSize {
    width: 100%;
  }
}

.portalhub.pagebreak {
  -moz-column-break-before: always;
       break-before: always;
}
.portalhub.table {
  -moz-column-break-after: auto;
       break-after: auto;
  border-collapse: collapse;
}
.portalhub tr,
.portalhub th,
.portalhub td {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  border-bottom: 1px solid rgba(128, 128, 128, 0.4);
}
.portalhub tr.full-border,
.portalhub th.full-border,
.portalhub td.full-border {
  border: 1px solid rgba(128, 128, 128, 0.4);
}
.portalhub thead {
  display: table-header-group;
}
.portalhub tfoot {
  display: table-footer-group;
}

.portalHubUtils.paperOrder {
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 855px) {
  .portalHubUtils.paperOrder.paperOrder {
    flex-direction: column-reverse;
  }
}
.portalHubUtils.paperLeft {
  width: 70%;
}
@media screen and (max-width: 855px) {
  .portalHubUtils.paperLeft.paperLeft {
    width: 100%;
  }
}
.portalHubUtils.paperRight {
  width: 30%;
}
@media screen and (max-width: 855px) {
  .portalHubUtils.paperRight.paperRight {
    width: 100%;
  }
}

.sopHub.container {
  width: 100%;
}
.sopHub.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sopHub.column {
  min-width: 0;
}
.sopHub.columns {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sopHub.sopDrawer-options-innerControl {
  width: 70%;
}
@media screen and (max-width: 400px) {
  .sopHub.sopDrawer-options-innerControl.sopDrawer-options-innerControl {
    overflow: hidden;
    width: 100%;
  }
}
.sopHub.sopDrawer-options-innerButton {
  width: 30%;
}
@media screen and (max-width: 400px) {
  .sopHub.sopDrawer-options-innerButton.sopDrawer-options-innerButton {
    overflow: hidden;
    width: 100%;
  }
}
.sopHub.sopDrawer-options-left {
  width: 30%;
}
@media screen and (max-width: 400px) {
  .sopHub.sopDrawer-options-left.sopDrawer-options-left {
    overflow: hidden;
    width: 100%;
  }
}
.sopHub.sopDrawer-options-right {
  width: 70%;
}
@media screen and (max-width: 400px) {
  .sopHub.sopDrawer-options-right.sopDrawer-options-right {
    overflow: hidden;
    width: 100%;
  }
}
.sopHub.sopDrawer-options-po {
  flex: 1 1 0%;
}
@media screen and (max-width: 400px) {
  .sopHub.sopDrawer-options-po.sopDrawer-options-po {
    overflow: hidden;
    flex: auto;
    width: 100%;
  }
}
.sopHub.sopDrawer-sync-right {
  width: 20%;
}

.salesHub.submitDeal-options {
  flex: 1 1 0%;
}
@media screen and (max-width: 1300px) {
  .salesHub.submitDeal-options.submitDeal-options {
    overflow: hidden;
    flex: auto;
    width: 100%;
  }
}
.salesHub.submitDeal-modalWidth {
  width: 30%;
}
@media screen and (max-width: 1300px) {
  .salesHub.submitDeal-modalWidth.submitDeal-modalWidth {
    width: 60%;
  }
}
.salesHub.submitDeal-button {
  flex-direction: row;
}
@media screen and (max-width: 600px) {
  .salesHub.submitDeal-button.submitDeal-button {
    flex-direction: column;
    margin-left: 30px;
  }
}
.salesHub.pricingStats {
  border-radius: 5px;
}
.salesHub.pricingStats.container {
  width: 100%;
  padding-bottom: 10px;
  margin-left: 2px;
}
.salesHub.pricingStats {
  position: sticky;
  transition: 400ms bottom;
  bottom: 0px;
  opacity: 1;
  z-index: 2;
  visibility: visible;
}
.salesHub.pricingStats.arrow-up {
  position: relative;
  min-width: 100px;
  border-radius: 12px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: rgba(112, 143, 158, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10.9px);
}
.salesHub.pricingStats.arrow-up:hover {
  transition: 800ms all;
  background: rgba(112, 143, 158, 0.4);
}
.salesHub.pricingStats.stat-card.container {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .salesHub.pricingStats.stat-card.container.container {
    flex-direction: column;
  }
}
.salesHub.pricingStats.stat-card {
  position: relative;
  margin-left: 6px;
  margin-right: 8px;
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: white;
  border-radius: 4px;
  padding: 0px;
  background: rgba(112, 143, 158, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10.9px);
}
.salesHub.pricingStats.arrow-up.hidden {
  visibility: hidden;
  height: 0px;
}
.salesHub.pricingStats.pricingStats.hidden {
  position: relative;
  bottom: auto;
}
.salesHub.pricingStats.pricingStats.noPadding {
  padding-bottom: 0px;
}
.salesHub.pricingStats.pricingStats.closed {
  bottom: -100px;
}
@media screen and (max-width: 1200px) {
  .salesHub.pricingStats.pricingStats.closed.pricingStats {
    bottom: -280px;
  }
}

.refurbHub.attachments-row {
  white-space: pre-line !important;
  padding: 1px 2px 0px 2px;
}

@font-face {
  font-family: "icomoon";
  src: url("/assetts/icoMoon/icomoon.eot");
  src: url("/assetts/icoMoon/icomoon.eot?#iefix") format("embedded-opentype"), url("/assetts/icoMoon/icomoon.ttf") format("truetype"), url("/assetts/icoMoon/icomoon.woff") format("woff"), url("/assetts/icoMoon/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e600";
}

.icon-home2:before {
  content: "\e601";
}

.icon-home3:before {
  content: "\e602";
}

.icon-home4:before {
  content: "\e603";
}

.icon-home5:before {
  content: "\e604";
}

.icon-home6:before {
  content: "\e605";
}

.icon-bathtub:before {
  content: "\e606";
}

.icon-toothbrush:before {
  content: "\e607";
}

.icon-bed:before {
  content: "\e608";
}

.icon-couch:before {
  content: "\e609";
}

.icon-chair:before {
  content: "\e60a";
}

.icon-city:before {
  content: "\e60b";
}

.icon-apartment:before {
  content: "\e60c";
}

.icon-pencil:before {
  content: "\e60d";
}

.icon-pencil2:before {
  content: "\e60e";
}

.icon-pen:before {
  content: "\e60f";
}

.icon-pencil3:before {
  content: "\e610";
}

.icon-eraser:before {
  content: "\e611";
}

.icon-pencil4:before {
  content: "\e612";
}

.icon-pencil5:before {
  content: "\e613";
}

.icon-feather:before {
  content: "\e614";
}

.icon-feather2:before {
  content: "\e615";
}

.icon-feather3:before {
  content: "\e616";
}

.icon-pen2:before {
  content: "\e617";
}

.icon-pen-add:before {
  content: "\e618";
}

.icon-pen-remove:before {
  content: "\e619";
}

.icon-vector:before {
  content: "\e61a";
}

.icon-pen3:before {
  content: "\e61b";
}

.icon-blog:before {
  content: "\e61c";
}

.icon-brush:before {
  content: "\e61d";
}

.icon-brush2:before {
  content: "\e61e";
}

.icon-spray:before {
  content: "\e61f";
}

.icon-paint-roller:before {
  content: "\e620";
}

.icon-stamp:before {
  content: "\e621";
}

.icon-tape:before {
  content: "\e622";
}

.icon-desk-tape:before {
  content: "\e623";
}

.icon-texture:before {
  content: "\e624";
}

.icon-eye-dropper:before {
  content: "\e625";
}

.icon-palette:before {
  content: "\e626";
}

.icon-color-sampler:before {
  content: "\e627";
}

.icon-bucket:before {
  content: "\e628";
}

.icon-gradient:before {
  content: "\e629";
}

.icon-gradient2:before {
  content: "\e62a";
}

.icon-magic-wand:before {
  content: "\e62b";
}

.icon-magnet:before {
  content: "\e62c";
}

.icon-pencil-ruler:before {
  content: "\e62d";
}

.icon-pencil-ruler2:before {
  content: "\e62e";
}

.icon-compass:before {
  content: "\e62f";
}

.icon-aim:before {
  content: "\e630";
}

.icon-gun:before {
  content: "\e631";
}

.icon-bottle:before {
  content: "\e632";
}

.icon-drop:before {
  content: "\e633";
}

.icon-drop-crossed:before {
  content: "\e634";
}

.icon-drop2:before {
  content: "\e635";
}

.icon-snow:before {
  content: "\e636";
}

.icon-snow2:before {
  content: "\e637";
}

.icon-fire:before {
  content: "\e638";
}

.icon-lighter:before {
  content: "\e639";
}

.icon-knife:before {
  content: "\e63a";
}

.icon-dagger:before {
  content: "\e63b";
}

.icon-tissue:before {
  content: "\e63c";
}

.icon-toilet-paper:before {
  content: "\e63d";
}

.icon-poop:before {
  content: "\e63e";
}

.icon-umbrella:before {
  content: "\e63f";
}

.icon-umbrella2:before {
  content: "\e640";
}

.icon-rain:before {
  content: "\e641";
}

.icon-tornado:before {
  content: "\e642";
}

.icon-wind:before {
  content: "\e643";
}

.icon-fan:before {
  content: "\e644";
}

.icon-contrast:before {
  content: "\e645";
}

.icon-sun-small:before {
  content: "\e646";
}

.icon-sun:before {
  content: "\e647";
}

.icon-sun2:before {
  content: "\e648";
}

.icon-moon:before {
  content: "\e649";
}

.icon-cloud:before {
  content: "\e64a";
}

.icon-cloud-upload:before {
  content: "\e64b";
}

.icon-cloud-download:before {
  content: "\e64c";
}

.icon-cloud-rain:before {
  content: "\e64d";
}

.icon-cloud-hailstones:before {
  content: "\e64e";
}

.icon-cloud-snow:before {
  content: "\e64f";
}

.icon-cloud-windy:before {
  content: "\e650";
}

.icon-sun-wind:before {
  content: "\e651";
}

.icon-cloud-fog:before {
  content: "\e652";
}

.icon-cloud-sun:before {
  content: "\e653";
}

.icon-cloud-lightning:before {
  content: "\e654";
}

.icon-cloud-sync:before {
  content: "\e655";
}

.icon-cloud-lock:before {
  content: "\e656";
}

.icon-cloud-gear:before {
  content: "\e657";
}

.icon-cloud-alert:before {
  content: "\e658";
}

.icon-cloud-check:before {
  content: "\e659";
}

.icon-cloud-cross:before {
  content: "\e65a";
}

.icon-cloud-crossed:before {
  content: "\e65b";
}

.icon-cloud-database:before {
  content: "\e65c";
}

.icon-database:before {
  content: "\e65d";
}

.icon-database-add:before {
  content: "\e65e";
}

.icon-database-remove:before {
  content: "\e65f";
}

.icon-database-lock:before {
  content: "\e660";
}

.icon-database-refresh:before {
  content: "\e661";
}

.icon-database-check:before {
  content: "\e662";
}

.icon-database-history:before {
  content: "\e663";
}

.icon-database-upload:before {
  content: "\e664";
}

.icon-database-download:before {
  content: "\e665";
}

.icon-server:before {
  content: "\e666";
}

.icon-shield:before {
  content: "\e667";
}

.icon-shield-check:before {
  content: "\e668";
}

.icon-shield-alert:before {
  content: "\e669";
}

.icon-shield-cross:before {
  content: "\e66a";
}

.icon-lock:before {
  content: "\e66b";
}

.icon-rotation-lock:before {
  content: "\e66c";
}

.icon-unlock:before {
  content: "\e66d";
}

.icon-key:before {
  content: "\e66e";
}

.icon-key-hole:before {
  content: "\e66f";
}

.icon-toggle-off:before {
  content: "\e670";
}

.icon-toggle-on:before {
  content: "\e671";
}

.icon-cog:before {
  content: "\e672";
}

.icon-cog2:before {
  content: "\e673";
}

.icon-wrench:before {
  content: "\e674";
}

.icon-screwdriver:before {
  content: "\e675";
}

.icon-hammer-wrench:before {
  content: "\e676";
}

.icon-hammer:before {
  content: "\e677";
}

.icon-saw:before {
  content: "\e678";
}

.icon-axe:before {
  content: "\e679";
}

.icon-axe2:before {
  content: "\e67a";
}

.icon-shovel:before {
  content: "\e67b";
}

.icon-pickaxe:before {
  content: "\e67c";
}

.icon-factory:before {
  content: "\e67d";
}

.icon-factory2:before {
  content: "\e67e";
}

.icon-recycle:before {
  content: "\e67f";
}

.icon-trash:before {
  content: "\e680";
}

.icon-trash2:before {
  content: "\e681";
}

.icon-trash3:before {
  content: "\e682";
}

.icon-broom:before {
  content: "\e683";
}

.icon-game:before {
  content: "\e684";
}

.icon-gamepad:before {
  content: "\e685";
}

.icon-joystick:before {
  content: "\e686";
}

.icon-dice:before {
  content: "\e687";
}

.icon-spades:before {
  content: "\e688";
}

.icon-diamonds:before {
  content: "\e689";
}

.icon-clubs:before {
  content: "\e68a";
}

.icon-hearts:before {
  content: "\e68b";
}

.icon-heart:before {
  content: "\e68c";
}

.icon-star:before {
  content: "\e68d";
}

.icon-star-half:before {
  content: "\e68e";
}

.icon-star-empty:before {
  content: "\e68f";
}

.icon-flag:before {
  content: "\e690";
}

.icon-flag2:before {
  content: "\e691";
}

.icon-flag3:before {
  content: "\e692";
}

.icon-mailbox-full:before {
  content: "\e693";
}

.icon-mailbox-empty:before {
  content: "\e694";
}

.icon-at-sign:before {
  content: "\e695";
}

.icon-envelope:before {
  content: "\e696";
}

.icon-envelope-open:before {
  content: "\e697";
}

.icon-paperclip:before {
  content: "\e698";
}

.icon-paper-plane:before {
  content: "\e699";
}

.icon-reply:before {
  content: "\e69a";
}

.icon-reply-all:before {
  content: "\e69b";
}

.icon-inbox:before {
  content: "\e69c";
}

.icon-inbox2:before {
  content: "\e69d";
}

.icon-outbox:before {
  content: "\e69e";
}

.icon-box:before {
  content: "\e69f";
}

.icon-archive:before {
  content: "\e6a0";
}

.icon-archive2:before {
  content: "\e6a1";
}

.icon-drawers:before {
  content: "\e6a2";
}

.icon-drawers2:before {
  content: "\e6a3";
}

.icon-drawers3:before {
  content: "\e6a4";
}

.icon-eye:before {
  content: "\e6a5";
}

.icon-eye-crossed:before {
  content: "\e6a6";
}

.icon-eye-plus:before {
  content: "\e6a7";
}

.icon-eye-minus:before {
  content: "\e6a8";
}

.icon-binoculars:before {
  content: "\e6a9";
}

.icon-binoculars2:before {
  content: "\e6aa";
}

.icon-hdd:before {
  content: "\e6ab";
}

.icon-hdd-down:before {
  content: "\e6ac";
}

.icon-hdd-up:before {
  content: "\e6ad";
}

.icon-floppy-disk:before {
  content: "\e6ae";
}

.icon-disc:before {
  content: "\e6af";
}

.icon-tape2:before {
  content: "\e6b0";
}

.icon-printer:before {
  content: "\e6b1";
}

.icon-shredder:before {
  content: "\e6b2";
}

.icon-file-empty:before {
  content: "\e6b3";
}

.icon-file-add:before {
  content: "\e6b4";
}

.icon-file-check:before {
  content: "\e6b5";
}

.icon-file-lock:before {
  content: "\e6b6";
}

.icon-files:before {
  content: "\e6b7";
}

.icon-copy:before {
  content: "\e6b8";
}

.icon-compare:before {
  content: "\e6b9";
}

.icon-folder:before {
  content: "\e6ba";
}

.icon-folder-search:before {
  content: "\e6bb";
}

.icon-folder-plus:before {
  content: "\e6bc";
}

.icon-folder-minus:before {
  content: "\e6bd";
}

.icon-folder-download:before {
  content: "\e6be";
}

.icon-folder-upload:before {
  content: "\e6bf";
}

.icon-folder-star:before {
  content: "\e6c0";
}

.icon-folder-heart:before {
  content: "\e6c1";
}

.icon-folder-user:before {
  content: "\e6c2";
}

.icon-folder-shared:before {
  content: "\e6c3";
}

.icon-folder-music:before {
  content: "\e6c4";
}

.icon-folder-picture:before {
  content: "\e6c5";
}

.icon-folder-film:before {
  content: "\e6c6";
}

.icon-scissors:before {
  content: "\e6c7";
}

.icon-paste:before {
  content: "\e6c8";
}

.icon-clipboard-empty:before {
  content: "\e6c9";
}

.icon-clipboard-pencil:before {
  content: "\e6ca";
}

.icon-clipboard-text:before {
  content: "\e6cb";
}

.icon-clipboard-check:before {
  content: "\e6cc";
}

.icon-clipboard-down:before {
  content: "\e6cd";
}

.icon-clipboard-left:before {
  content: "\e6ce";
}

.icon-clipboard-alert:before {
  content: "\e6cf";
}

.icon-clipboard-user:before {
  content: "\e6d0";
}

.icon-register:before {
  content: "\e6d1";
}

.icon-enter:before {
  content: "\e6d2";
}

.icon-exit:before {
  content: "\e6d3";
}

.icon-papers:before {
  content: "\e6d4";
}

.icon-news:before {
  content: "\e6d5";
}

.icon-reading:before {
  content: "\e6d6";
}

.icon-typewriter:before {
  content: "\e6d7";
}

.icon-document:before {
  content: "\e6d8";
}

.icon-document2:before {
  content: "\e6d9";
}

.icon-graduation-hat:before {
  content: "\e6da";
}

.icon-license:before {
  content: "\e6db";
}

.icon-license2:before {
  content: "\e6dc";
}

.icon-medal-empty:before {
  content: "\e6dd";
}

.icon-medal-first:before {
  content: "\e6de";
}

.icon-medal-second:before {
  content: "\e6df";
}

.icon-medal-third:before {
  content: "\e6e0";
}

.icon-podium:before {
  content: "\e6e1";
}

.icon-trophy:before {
  content: "\e6e2";
}

.icon-trophy2:before {
  content: "\e6e3";
}

.icon-music-note:before {
  content: "\e6e4";
}

.icon-music-note2:before {
  content: "\e6e5";
}

.icon-music-note3:before {
  content: "\e6e6";
}

.icon-playlist:before {
  content: "\e6e7";
}

.icon-playlist-add:before {
  content: "\e6e8";
}

.icon-guitar:before {
  content: "\e6e9";
}

.icon-trumpet:before {
  content: "\e6ea";
}

.icon-album:before {
  content: "\e6eb";
}

.icon-shuffle:before {
  content: "\e6ec";
}

.icon-repeat-one:before {
  content: "\e6ed";
}

.icon-repeat:before {
  content: "\e6ee";
}

.icon-headphones:before {
  content: "\e6ef";
}

.icon-headset:before {
  content: "\e6f0";
}

.icon-loudspeaker:before {
  content: "\e6f1";
}

.icon-equalizer:before {
  content: "\e6f2";
}

.icon-theater:before {
  content: "\e6f3";
}

.icon-3d-glasses:before {
  content: "\e6f4";
}

.icon-ticket:before {
  content: "\e6f5";
}

.icon-presentation:before {
  content: "\e6f6";
}

.icon-play:before {
  content: "\e6f7";
}

.icon-film-play:before {
  content: "\e6f8";
}

.icon-clapboard-play:before {
  content: "\e6f9";
}

.icon-media:before {
  content: "\e6fa";
}

.icon-film:before {
  content: "\e6fb";
}

.icon-film2:before {
  content: "\e6fc";
}

.icon-surveillance:before {
  content: "\e6fd";
}

.icon-surveillance2:before {
  content: "\e6fe";
}

.icon-camera:before {
  content: "\e6ff";
}

.icon-camera-crossed:before {
  content: "\e700";
}

.icon-camera-play:before {
  content: "\e701";
}

.icon-time-lapse:before {
  content: "\e702";
}

.icon-record:before {
  content: "\e703";
}

.icon-camera2:before {
  content: "\e704";
}

.icon-camera-flip:before {
  content: "\e705";
}

.icon-panorama:before {
  content: "\e706";
}

.icon-time-lapse2:before {
  content: "\e707";
}

.icon-shutter:before {
  content: "\e708";
}

.icon-shutter2:before {
  content: "\e709";
}

.icon-face-detection:before {
  content: "\e70a";
}

.icon-flare:before {
  content: "\e70b";
}

.icon-convex:before {
  content: "\e70c";
}

.icon-concave:before {
  content: "\e70d";
}

.icon-picture:before {
  content: "\e70e";
}

.icon-picture2:before {
  content: "\e70f";
}

.icon-picture3:before {
  content: "\e710";
}

.icon-pictures:before {
  content: "\e711";
}

.icon-book:before {
  content: "\e712";
}

.icon-audio-book:before {
  content: "\e713";
}

.icon-book2:before {
  content: "\e714";
}

.icon-bookmark:before {
  content: "\e715";
}

.icon-bookmark2:before {
  content: "\e716";
}

.icon-label:before {
  content: "\e717";
}

.icon-library:before {
  content: "\e718";
}

.icon-library2:before {
  content: "\e719";
}

.icon-contacts:before {
  content: "\e71a";
}

.icon-profile:before {
  content: "\e71b";
}

.icon-portrait:before {
  content: "\e71c";
}

.icon-portrait2:before {
  content: "\e71d";
}

.icon-user:before {
  content: "\e71e";
}

.icon-user-plus:before {
  content: "\e71f";
}

.icon-user-minus:before {
  content: "\e720";
}

.icon-user-lock:before {
  content: "\e721";
}

.icon-users:before {
  content: "\e722";
}

.icon-users2:before {
  content: "\e723";
}

.icon-users-plus:before {
  content: "\e724";
}

.icon-users-minus:before {
  content: "\e725";
}

.icon-group-work:before {
  content: "\e726";
}

.icon-woman:before {
  content: "\e727";
}

.icon-man:before {
  content: "\e728";
}

.icon-baby:before {
  content: "\e729";
}

.icon-baby2:before {
  content: "\e72a";
}

.icon-baby3:before {
  content: "\e72b";
}

.icon-baby-bottle:before {
  content: "\e72c";
}

.icon-walk:before {
  content: "\e72d";
}

.icon-hand-waving:before {
  content: "\e72e";
}

.icon-jump:before {
  content: "\e72f";
}

.icon-run:before {
  content: "\e730";
}

.icon-woman2:before {
  content: "\e731";
}

.icon-man2:before {
  content: "\e732";
}

.icon-man-woman:before {
  content: "\e733";
}

.icon-height:before {
  content: "\e734";
}

.icon-weight:before {
  content: "\e735";
}

.icon-scale:before {
  content: "\e736";
}

.icon-button:before {
  content: "\e737";
}

.icon-bow-tie:before {
  content: "\e738";
}

.icon-tie:before {
  content: "\e739";
}

.icon-socks:before {
  content: "\e73a";
}

.icon-shoe:before {
  content: "\e73b";
}

.icon-shoes:before {
  content: "\e73c";
}

.icon-hat:before {
  content: "\e73d";
}

.icon-pants:before {
  content: "\e73e";
}

.icon-shorts:before {
  content: "\e73f";
}

.icon-flip-flops:before {
  content: "\e740";
}

.icon-shirt:before {
  content: "\e741";
}

.icon-hanger:before {
  content: "\e742";
}

.icon-laundry:before {
  content: "\e743";
}

.icon-store:before {
  content: "\e744";
}

.icon-haircut:before {
  content: "\e745";
}

.icon-store-24:before {
  content: "\e746";
}

.icon-barcode:before {
  content: "\e747";
}

.icon-barcode2:before {
  content: "\e748";
}

.icon-barcode3:before {
  content: "\e749";
}

.icon-cashier:before {
  content: "\e74a";
}

.icon-bag:before {
  content: "\e74b";
}

.icon-bag2:before {
  content: "\e74c";
}

.icon-cart:before {
  content: "\e74d";
}

.icon-cart-empty:before {
  content: "\e74e";
}

.icon-cart-full:before {
  content: "\e74f";
}

.icon-cart-plus:before {
  content: "\e750";
}

.icon-cart-plus2:before {
  content: "\e751";
}

.icon-cart-add:before {
  content: "\e752";
}

.icon-cart-remove:before {
  content: "\e753";
}

.icon-cart-exchange:before {
  content: "\e754";
}

.icon-tag:before {
  content: "\e755";
}

.icon-tags:before {
  content: "\e756";
}

.icon-receipt:before {
  content: "\e757";
}

.icon-wallet:before {
  content: "\e758";
}

.icon-credit-card:before {
  content: "\e759";
}

.icon-cash-dollar:before {
  content: "\e75a";
}

.icon-cash-euro:before {
  content: "\e75b";
}

.icon-cash-pound:before {
  content: "\e75c";
}

.icon-cash-yen:before {
  content: "\e75d";
}

.icon-bag-dollar:before {
  content: "\e75e";
}

.icon-bag-euro:before {
  content: "\e75f";
}

.icon-bag-pound:before {
  content: "\e760";
}

.icon-bag-yen:before {
  content: "\e761";
}

.icon-coin-dollar:before {
  content: "\e762";
}

.icon-coin-euro:before {
  content: "\e763";
}

.icon-coin-pound:before {
  content: "\e764";
}

.icon-coin-yen:before {
  content: "\e765";
}

.icon-calculator:before {
  content: "\e766";
}

.icon-calculator2:before {
  content: "\e767";
}

.icon-abacus:before {
  content: "\e768";
}

.icon-vault:before {
  content: "\e769";
}

.icon-telephone:before {
  content: "\e76a";
}

.icon-phone-lock:before {
  content: "\e76b";
}

.icon-phone-wave:before {
  content: "\e76c";
}

.icon-phone-pause:before {
  content: "\e76d";
}

.icon-phone-outgoing:before {
  content: "\e76e";
}

.icon-phone-incoming:before {
  content: "\e76f";
}

.icon-phone-in-out:before {
  content: "\e770";
}

.icon-phone-error:before {
  content: "\e771";
}

.icon-phone-sip:before {
  content: "\e772";
}

.icon-phone-plus:before {
  content: "\e773";
}

.icon-phone-minus:before {
  content: "\e774";
}

.icon-voicemail:before {
  content: "\e775";
}

.icon-dial:before {
  content: "\e776";
}

.icon-telephone2:before {
  content: "\e777";
}

.icon-pushpin:before {
  content: "\e778";
}

.icon-pushpin2:before {
  content: "\e779";
}

.icon-map-marker:before {
  content: "\e77a";
}

.icon-map-marker-user:before {
  content: "\e77b";
}

.icon-map-marker-down:before {
  content: "\e77c";
}

.icon-map-marker-check:before {
  content: "\e77d";
}

.icon-map-marker-crossed:before {
  content: "\e77e";
}

.icon-radar:before {
  content: "\e77f";
}

.icon-compass2:before {
  content: "\e780";
}

.icon-map:before {
  content: "\e781";
}

.icon-map2:before {
  content: "\e782";
}

.icon-location:before {
  content: "\e783";
}

.icon-road-sign:before {
  content: "\e784";
}

.icon-calendar-empty:before {
  content: "\e785";
}

.icon-calendar-check:before {
  content: "\e786";
}

.icon-calendar-cross:before {
  content: "\e787";
}

.icon-calendar-31:before {
  content: "\e788";
}

.icon-calendar-full:before {
  content: "\e789";
}

.icon-calendar-insert:before {
  content: "\e78a";
}

.icon-calendar-text:before {
  content: "\e78b";
}

.icon-calendar-user:before {
  content: "\e78c";
}

.icon-mouse:before {
  content: "\e78d";
}

.icon-mouse-left:before {
  content: "\e78e";
}

.icon-mouse-right:before {
  content: "\e78f";
}

.icon-mouse-both:before {
  content: "\e790";
}

.icon-keyboard:before {
  content: "\e791";
}

.icon-keyboard-up:before {
  content: "\e792";
}

.icon-keyboard-down:before {
  content: "\e793";
}

.icon-delete:before {
  content: "\e794";
}

.icon-spell-check:before {
  content: "\e795";
}

.icon-escape:before {
  content: "\e796";
}

.icon-enter2:before {
  content: "\e797";
}

.icon-screen:before {
  content: "\e798";
}

.icon-aspect-ratio:before {
  content: "\e799";
}

.icon-signal:before {
  content: "\e79a";
}

.icon-signal-lock:before {
  content: "\e79b";
}

.icon-signal-80:before {
  content: "\e79c";
}

.icon-signal-60:before {
  content: "\e79d";
}

.icon-signal-40:before {
  content: "\e79e";
}

.icon-signal-20:before {
  content: "\e79f";
}

.icon-signal-0:before {
  content: "\e7a0";
}

.icon-signal-blocked:before {
  content: "\e7a1";
}

.icon-sim:before {
  content: "\e7a2";
}

.icon-flash-memory:before {
  content: "\e7a3";
}

.icon-usb-drive:before {
  content: "\e7a4";
}

.icon-phone:before {
  content: "\e7a5";
}

.icon-smartphone:before {
  content: "\e7a6";
}

.icon-smartphone-notification:before {
  content: "\e7a7";
}

.icon-smartphone-vibration:before {
  content: "\e7a8";
}

.icon-smartphone-embed:before {
  content: "\e7a9";
}

.icon-smartphone-waves:before {
  content: "\e7aa";
}

.icon-tablet:before {
  content: "\e7ab";
}

.icon-tablet2:before {
  content: "\e7ac";
}

.icon-laptop:before {
  content: "\e7ad";
}

.icon-laptop-phone:before {
  content: "\e7ae";
}

.icon-desktop:before {
  content: "\e7af";
}

.icon-launch:before {
  content: "\e7b0";
}

.icon-new-tab:before {
  content: "\e7b1";
}

.icon-window:before {
  content: "\e7b2";
}

.icon-cable:before {
  content: "\e7b3";
}

.icon-cable2:before {
  content: "\e7b4";
}

.icon-tv:before {
  content: "\e7b5";
}

.icon-radio:before {
  content: "\e7b6";
}

.icon-remote-control:before {
  content: "\e7b7";
}

.icon-power-switch:before {
  content: "\e7b8";
}

.icon-power:before {
  content: "\e7b9";
}

.icon-power-crossed:before {
  content: "\e7ba";
}

.icon-flash-auto:before {
  content: "\e7bb";
}

.icon-lamp:before {
  content: "\e7bc";
}

.icon-flashlight:before {
  content: "\e7bd";
}

.icon-lampshade:before {
  content: "\e7be";
}

.icon-cord:before {
  content: "\e7bf";
}

.icon-outlet:before {
  content: "\e7c0";
}

.icon-battery-power:before {
  content: "\e7c1";
}

.icon-battery-empty:before {
  content: "\e7c2";
}

.icon-battery-alert:before {
  content: "\e7c3";
}

.icon-battery-error:before {
  content: "\e7c4";
}

.icon-battery-low1:before {
  content: "\e7c5";
}

.icon-battery-low2:before {
  content: "\e7c6";
}

.icon-battery-low3:before {
  content: "\e7c7";
}

.icon-battery-mid1:before {
  content: "\e7c8";
}

.icon-battery-mid2:before {
  content: "\e7c9";
}

.icon-battery-mid3:before {
  content: "\e7ca";
}

.icon-battery-full:before {
  content: "\e7cb";
}

.icon-battery-charging:before {
  content: "\e7cc";
}

.icon-battery-charging2:before {
  content: "\e7cd";
}

.icon-battery-charging3:before {
  content: "\e7ce";
}

.icon-battery-charging4:before {
  content: "\e7cf";
}

.icon-battery-charging5:before {
  content: "\e7d0";
}

.icon-battery-charging6:before {
  content: "\e7d1";
}

.icon-battery-charging7:before {
  content: "\e7d2";
}

.icon-chip:before {
  content: "\e7d3";
}

.icon-chip-x64:before {
  content: "\e7d4";
}

.icon-chip-x86:before {
  content: "\e7d5";
}

.icon-bubble:before {
  content: "\e7d6";
}

.icon-bubbles:before {
  content: "\e7d7";
}

.icon-bubble-dots:before {
  content: "\e7d8";
}

.icon-bubble-alert:before {
  content: "\e7d9";
}

.icon-bubble-question:before {
  content: "\e7da";
}

.icon-bubble-text:before {
  content: "\e7db";
}

.icon-bubble-pencil:before {
  content: "\e7dc";
}

.icon-bubble-picture:before {
  content: "\e7dd";
}

.icon-bubble-video:before {
  content: "\e7de";
}

.icon-bubble-user:before {
  content: "\e7df";
}

.icon-bubble-quote:before {
  content: "\e7e0";
}

.icon-bubble-heart:before {
  content: "\e7e1";
}

.icon-bubble-emoticon:before {
  content: "\e7e2";
}

.icon-bubble-attachment:before {
  content: "\e7e3";
}

.icon-phone-bubble:before {
  content: "\e7e4";
}

.icon-quote-open:before {
  content: "\e7e5";
}

.icon-quote-close:before {
  content: "\e7e6";
}

.icon-dna:before {
  content: "\e7e7";
}

.icon-heart-pulse:before {
  content: "\e7e8";
}

.icon-pulse:before {
  content: "\e7e9";
}

.icon-syringe:before {
  content: "\e7ea";
}

.icon-pills:before {
  content: "\e7eb";
}

.icon-first-aid:before {
  content: "\e7ec";
}

.icon-lifebuoy:before {
  content: "\e7ed";
}

.icon-bandage:before {
  content: "\e7ee";
}

.icon-bandages:before {
  content: "\e7ef";
}

.icon-thermometer:before {
  content: "\e7f0";
}

.icon-microscope:before {
  content: "\e7f1";
}

.icon-brain:before {
  content: "\e7f2";
}

.icon-beaker:before {
  content: "\e7f3";
}

.icon-skull:before {
  content: "\e7f4";
}

.icon-bone:before {
  content: "\e7f5";
}

.icon-construction:before {
  content: "\e7f6";
}

.icon-construction-cone:before {
  content: "\e7f7";
}

.icon-pie-chart:before {
  content: "\e7f8";
}

.icon-pie-chart2:before {
  content: "\e7f9";
}

.icon-graph:before {
  content: "\e7fa";
}

.icon-chart-growth:before {
  content: "\e7fb";
}

.icon-chart-bars:before {
  content: "\e7fc";
}

.icon-chart-settings:before {
  content: "\e7fd";
}

.icon-cake:before {
  content: "\e7fe";
}

.icon-gift:before {
  content: "\e7ff";
}

.icon-balloon:before {
  content: "\e800";
}

.icon-rank:before {
  content: "\e801";
}

.icon-rank2:before {
  content: "\e802";
}

.icon-rank3:before {
  content: "\e803";
}

.icon-crown:before {
  content: "\e804";
}

.icon-lotus:before {
  content: "\e805";
}

.icon-diamond:before {
  content: "\e806";
}

.icon-diamond2:before {
  content: "\e807";
}

.icon-diamond3:before {
  content: "\e808";
}

.icon-diamond4:before {
  content: "\e809";
}

.icon-linearicons:before {
  content: "\e80a";
}

.icon-teacup:before {
  content: "\e80b";
}

.icon-teapot:before {
  content: "\e80c";
}

.icon-glass:before {
  content: "\e80d";
}

.icon-bottle2:before {
  content: "\e80e";
}

.icon-glass-cocktail:before {
  content: "\e80f";
}

.icon-glass2:before {
  content: "\e810";
}

.icon-dinner:before {
  content: "\e811";
}

.icon-dinner2:before {
  content: "\e812";
}

.icon-chef:before {
  content: "\e813";
}

.icon-scale2:before {
  content: "\e814";
}

.icon-egg:before {
  content: "\e815";
}

.icon-egg2:before {
  content: "\e816";
}

.icon-eggs:before {
  content: "\e817";
}

.icon-platter:before {
  content: "\e818";
}

.icon-steak:before {
  content: "\e819";
}

.icon-hamburger:before {
  content: "\e81a";
}

.icon-hotdog:before {
  content: "\e81b";
}

.icon-pizza:before {
  content: "\e81c";
}

.icon-sausage:before {
  content: "\e81d";
}

.icon-chicken:before {
  content: "\e81e";
}

.icon-fish:before {
  content: "\e81f";
}

.icon-carrot:before {
  content: "\e820";
}

.icon-cheese:before {
  content: "\e821";
}

.icon-bread:before {
  content: "\e822";
}

.icon-ice-cream:before {
  content: "\e823";
}

.icon-ice-cream2:before {
  content: "\e824";
}

.icon-candy:before {
  content: "\e825";
}

.icon-lollipop:before {
  content: "\e826";
}

.icon-coffee-bean:before {
  content: "\e827";
}

.icon-coffee-cup:before {
  content: "\e828";
}

.icon-cherry:before {
  content: "\e829";
}

.icon-grapes:before {
  content: "\e82a";
}

.icon-citrus:before {
  content: "\e82b";
}

.icon-apple:before {
  content: "\e82c";
}

.icon-leaf:before {
  content: "\e82d";
}

.icon-landscape:before {
  content: "\e82e";
}

.icon-pine-tree:before {
  content: "\e82f";
}

.icon-tree:before {
  content: "\e830";
}

.icon-cactus:before {
  content: "\e831";
}

.icon-paw:before {
  content: "\e832";
}

.icon-footprint:before {
  content: "\e833";
}

.icon-speed-slow:before {
  content: "\e834";
}

.icon-speed-medium:before {
  content: "\e835";
}

.icon-speed-fast:before {
  content: "\e836";
}

.icon-rocket:before {
  content: "\e837";
}

.icon-hammer2:before {
  content: "\e838";
}

.icon-balance:before {
  content: "\e839";
}

.icon-briefcase:before {
  content: "\e83a";
}

.icon-luggage-weight:before {
  content: "\e83b";
}

.icon-dolly:before {
  content: "\e83c";
}

.icon-plane:before {
  content: "\e83d";
}

.icon-plane-crossed:before {
  content: "\e83e";
}

.icon-helicopter:before {
  content: "\e83f";
}

.icon-traffic-lights:before {
  content: "\e840";
}

.icon-siren:before {
  content: "\e841";
}

.icon-road:before {
  content: "\e842";
}

.icon-engine:before {
  content: "\e843";
}

.icon-oil-pressure:before {
  content: "\e844";
}

.icon-coolant-temperature:before {
  content: "\e845";
}

.icon-car-battery:before {
  content: "\e846";
}

.icon-gas:before {
  content: "\e847";
}

.icon-gallon:before {
  content: "\e848";
}

.icon-transmission:before {
  content: "\e849";
}

.icon-car:before {
  content: "\e84a";
}

.icon-car-wash:before {
  content: "\e84b";
}

.icon-car-wash2:before {
  content: "\e84c";
}

.icon-bus:before {
  content: "\e84d";
}

.icon-bus2:before {
  content: "\e84e";
}

.icon-car2:before {
  content: "\e84f";
}

.icon-parking:before {
  content: "\e850";
}

.icon-car-lock:before {
  content: "\e851";
}

.icon-taxi:before {
  content: "\e852";
}

.icon-car-siren:before {
  content: "\e853";
}

.icon-car-wash3:before {
  content: "\e854";
}

.icon-car-wash4:before {
  content: "\e855";
}

.icon-ambulance:before {
  content: "\e856";
}

.icon-truck:before {
  content: "\e857";
}

.icon-trailer:before {
  content: "\e858";
}

.icon-scale-truck:before {
  content: "\e859";
}

.icon-train:before {
  content: "\e85a";
}

.icon-ship:before {
  content: "\e85b";
}

.icon-ship2:before {
  content: "\e85c";
}

.icon-anchor:before {
  content: "\e85d";
}

.icon-boat:before {
  content: "\e85e";
}

.icon-bicycle:before {
  content: "\e85f";
}

.icon-bicycle2:before {
  content: "\e860";
}

.icon-dumbbell:before {
  content: "\e861";
}

.icon-bench-press:before {
  content: "\e862";
}

.icon-swim:before {
  content: "\e863";
}

.icon-football:before {
  content: "\e864";
}

.icon-baseball-bat:before {
  content: "\e865";
}

.icon-baseball:before {
  content: "\e866";
}

.icon-tennis:before {
  content: "\e867";
}

.icon-tennis2:before {
  content: "\e868";
}

.icon-ping-pong:before {
  content: "\e869";
}

.icon-hockey:before {
  content: "\e86a";
}

.icon-8ball:before {
  content: "\e86b";
}

.icon-bowling:before {
  content: "\e86c";
}

.icon-bowling-pins:before {
  content: "\e86d";
}

.icon-golf:before {
  content: "\e86e";
}

.icon-golf2:before {
  content: "\e86f";
}

.icon-archery:before {
  content: "\e870";
}

.icon-slingshot:before {
  content: "\e871";
}

.icon-soccer:before {
  content: "\e872";
}

.icon-basketball:before {
  content: "\e873";
}

.icon-cube:before {
  content: "\e874";
}

.icon-3d-rotate:before {
  content: "\e875";
}

.icon-puzzle:before {
  content: "\e876";
}

.icon-glasses:before {
  content: "\e877";
}

.icon-glasses2:before {
  content: "\e878";
}

.icon-accessibility:before {
  content: "\e879";
}

.icon-wheelchair:before {
  content: "\e87a";
}

.icon-wall:before {
  content: "\e87b";
}

.icon-fence:before {
  content: "\e87c";
}

.icon-wall2:before {
  content: "\e87d";
}

.icon-icons:before {
  content: "\e87e";
}

.icon-resize-handle:before {
  content: "\e87f";
}

.icon-icons2:before {
  content: "\e880";
}

.icon-select:before {
  content: "\e881";
}

.icon-select2:before {
  content: "\e882";
}

.icon-site-map:before {
  content: "\e883";
}

.icon-earth:before {
  content: "\e884";
}

.icon-earth-lock:before {
  content: "\e885";
}

.icon-network:before {
  content: "\e886";
}

.icon-network-lock:before {
  content: "\e887";
}

.icon-planet:before {
  content: "\e888";
}

.icon-happy:before {
  content: "\e889";
}

.icon-smile:before {
  content: "\e88a";
}

.icon-grin:before {
  content: "\e88b";
}

.icon-tongue:before {
  content: "\e88c";
}

.icon-sad:before {
  content: "\e88d";
}

.icon-wink:before {
  content: "\e88e";
}

.icon-dream:before {
  content: "\e88f";
}

.icon-shocked:before {
  content: "\e890";
}

.icon-shocked2:before {
  content: "\e891";
}

.icon-tongue2:before {
  content: "\e892";
}

.icon-neutral:before {
  content: "\e893";
}

.icon-happy-grin:before {
  content: "\e894";
}

.icon-cool:before {
  content: "\e895";
}

.icon-mad:before {
  content: "\e896";
}

.icon-grin-evil:before {
  content: "\e897";
}

.icon-evil:before {
  content: "\e898";
}

.icon-wow:before {
  content: "\e899";
}

.icon-annoyed:before {
  content: "\e89a";
}

.icon-wondering:before {
  content: "\e89b";
}

.icon-confused:before {
  content: "\e89c";
}

.icon-zipped:before {
  content: "\e89d";
}

.icon-grumpy:before {
  content: "\e89e";
}

.icon-mustache:before {
  content: "\e89f";
}

.icon-tombstone-hipster:before {
  content: "\e8a0";
}

.icon-tombstone:before {
  content: "\e8a1";
}

.icon-ghost:before {
  content: "\e8a2";
}

.icon-ghost-hipster:before {
  content: "\e8a3";
}

.icon-halloween:before {
  content: "\e8a4";
}

.icon-christmas:before {
  content: "\e8a5";
}

.icon-easter-egg:before {
  content: "\e8a6";
}

.icon-mustache2:before {
  content: "\e8a7";
}

.icon-mustache-glasses:before {
  content: "\e8a8";
}

.icon-pipe:before {
  content: "\e8a9";
}

.icon-alarm:before {
  content: "\e8aa";
}

.icon-alarm-add:before {
  content: "\e8ab";
}

.icon-alarm-snooze:before {
  content: "\e8ac";
}

.icon-alarm-ringing:before {
  content: "\e8ad";
}

.icon-bullhorn:before {
  content: "\e8ae";
}

.icon-hearing:before {
  content: "\e8af";
}

.icon-volume-high:before {
  content: "\e8b0";
}

.icon-volume-medium:before {
  content: "\e8b1";
}

.icon-volume-low:before {
  content: "\e8b2";
}

.icon-volume:before {
  content: "\e8b3";
}

.icon-mute:before {
  content: "\e8b4";
}

.icon-lan:before {
  content: "\e8b5";
}

.icon-lan2:before {
  content: "\e8b6";
}

.icon-wifi:before {
  content: "\e8b7";
}

.icon-wifi-lock:before {
  content: "\e8b8";
}

.icon-wifi-blocked:before {
  content: "\e8b9";
}

.icon-wifi-mid:before {
  content: "\e8ba";
}

.icon-wifi-low:before {
  content: "\e8bb";
}

.icon-wifi-low2:before {
  content: "\e8bc";
}

.icon-wifi-alert:before {
  content: "\e8bd";
}

.icon-wifi-alert-mid:before {
  content: "\e8be";
}

.icon-wifi-alert-low:before {
  content: "\e8bf";
}

.icon-wifi-alert-low2:before {
  content: "\e8c0";
}

.icon-stream:before {
  content: "\e8c1";
}

.icon-stream-check:before {
  content: "\e8c2";
}

.icon-stream-error:before {
  content: "\e8c3";
}

.icon-stream-alert:before {
  content: "\e8c4";
}

.icon-communication:before {
  content: "\e8c5";
}

.icon-communication-crossed:before {
  content: "\e8c6";
}

.icon-broadcast:before {
  content: "\e8c7";
}

.icon-antenna:before {
  content: "\e8c8";
}

.icon-satellite:before {
  content: "\e8c9";
}

.icon-satellite2:before {
  content: "\e8ca";
}

.icon-mic:before {
  content: "\e8cb";
}

.icon-mic-mute:before {
  content: "\e8cc";
}

.icon-mic2:before {
  content: "\e8cd";
}

.icon-spotlights:before {
  content: "\e8ce";
}

.icon-hourglass:before {
  content: "\e8cf";
}

.icon-loading:before {
  content: "\e8d0";
}

.icon-loading2:before {
  content: "\e8d1";
}

.icon-loading3:before {
  content: "\e8d2";
}

.icon-refresh:before {
  content: "\e8d3";
}

.icon-refresh2:before {
  content: "\e8d4";
}

.icon-undo:before {
  content: "\e8d5";
}

.icon-redo:before {
  content: "\e8d6";
}

.icon-jump2:before {
  content: "\e8d7";
}

.icon-undo2:before {
  content: "\e8d8";
}

.icon-redo2:before {
  content: "\e8d9";
}

.icon-sync:before {
  content: "\e8da";
}

.icon-repeat-one2:before {
  content: "\e8db";
}

.icon-sync-crossed:before {
  content: "\e8dc";
}

.icon-sync2:before {
  content: "\e8dd";
}

.icon-repeat-one3:before {
  content: "\e8de";
}

.icon-sync-crossed2:before {
  content: "\e8df";
}

.icon-return:before {
  content: "\e8e0";
}

.icon-return2:before {
  content: "\e8e1";
}

.icon-refund:before {
  content: "\e8e2";
}

.icon-history:before {
  content: "\e8e3";
}

.icon-history2:before {
  content: "\e8e4";
}

.icon-self-timer:before {
  content: "\e8e5";
}

.icon-clock:before {
  content: "\e8e6";
}

.icon-clock2:before {
  content: "\e8e7";
}

.icon-clock3:before {
  content: "\e8e8";
}

.icon-watch:before {
  content: "\e8e9";
}

.icon-alarm2:before {
  content: "\e8ea";
}

.icon-alarm-add2:before {
  content: "\e8eb";
}

.icon-alarm-remove:before {
  content: "\e8ec";
}

.icon-alarm-check:before {
  content: "\e8ed";
}

.icon-alarm-error:before {
  content: "\e8ee";
}

.icon-timer:before {
  content: "\e8ef";
}

.icon-timer-crossed:before {
  content: "\e8f0";
}

.icon-timer2:before {
  content: "\e8f1";
}

.icon-timer-crossed2:before {
  content: "\e8f2";
}

.icon-download:before {
  content: "\e8f3";
}

.icon-upload:before {
  content: "\e8f4";
}

.icon-download2:before {
  content: "\e8f5";
}

.icon-upload2:before {
  content: "\e8f6";
}

.icon-enter-up:before {
  content: "\e8f7";
}

.icon-enter-down:before {
  content: "\e8f8";
}

.icon-enter-left:before {
  content: "\e8f9";
}

.icon-enter-right:before {
  content: "\e8fa";
}

.icon-exit-up:before {
  content: "\e8fb";
}

.icon-exit-down:before {
  content: "\e8fc";
}

.icon-exit-left:before {
  content: "\e8fd";
}

.icon-exit-right:before {
  content: "\e8fe";
}

.icon-enter-up2:before {
  content: "\e8ff";
}

.icon-enter-down2:before {
  content: "\e900";
}

.icon-enter-vertical:before {
  content: "\e901";
}

.icon-enter-left2:before {
  content: "\e902";
}

.icon-enter-right2:before {
  content: "\e903";
}

.icon-enter-horizontal:before {
  content: "\e904";
}

.icon-exit-up2:before {
  content: "\e905";
}

.icon-exit-down2:before {
  content: "\e906";
}

.icon-exit-left2:before {
  content: "\e907";
}

.icon-exit-right2:before {
  content: "\e908";
}

.icon-cli:before {
  content: "\e909";
}

.icon-bug:before {
  content: "\e90a";
}

.icon-code:before {
  content: "\e90b";
}

.icon-file-code:before {
  content: "\e90c";
}

.icon-file-image:before {
  content: "\e90d";
}

.icon-file-zip:before {
  content: "\e90e";
}

.icon-file-audio:before {
  content: "\e90f";
}

.icon-file-video:before {
  content: "\e910";
}

.icon-file-preview:before {
  content: "\e911";
}

.icon-file-charts:before {
  content: "\e912";
}

.icon-file-stats:before {
  content: "\e913";
}

.icon-file-spreadsheet:before {
  content: "\e914";
}

.icon-link:before {
  content: "\e915";
}

.icon-unlink:before {
  content: "\e916";
}

.icon-link2:before {
  content: "\e917";
}

.icon-unlink2:before {
  content: "\e918";
}

.icon-thumbs-up:before {
  content: "\e919";
}

.icon-thumbs-down:before {
  content: "\e91a";
}

.icon-thumbs-up2:before {
  content: "\e91b";
}

.icon-thumbs-down2:before {
  content: "\e91c";
}

.icon-thumbs-up3:before {
  content: "\e91d";
}

.icon-thumbs-down3:before {
  content: "\e91e";
}

.icon-share:before {
  content: "\e91f";
}

.icon-share2:before {
  content: "\e920";
}

.icon-share3:before {
  content: "\e921";
}

.icon-magnifier:before {
  content: "\e922";
}

.icon-file-search:before {
  content: "\e923";
}

.icon-find-replace:before {
  content: "\e924";
}

.icon-zoom-in:before {
  content: "\e925";
}

.icon-zoom-out:before {
  content: "\e926";
}

.icon-loupe:before {
  content: "\e927";
}

.icon-loupe-zoom-in:before {
  content: "\e928";
}

.icon-loupe-zoom-out:before {
  content: "\e929";
}

.icon-cross:before {
  content: "\e92a";
}

.icon-menu:before {
  content: "\e92b";
}

.icon-list:before {
  content: "\e92c";
}

.icon-list2:before {
  content: "\e92d";
}

.icon-list3:before {
  content: "\e92e";
}

.icon-menu2:before {
  content: "\e92f";
}

.icon-list4:before {
  content: "\e930";
}

.icon-menu3:before {
  content: "\e931";
}

.icon-exclamation:before {
  content: "\e932";
}

.icon-question:before {
  content: "\e933";
}

.icon-check:before {
  content: "\e934";
}

.icon-cross2:before {
  content: "\e935";
}

.icon-plus:before {
  content: "\e936";
}

.icon-minus:before {
  content: "\e937";
}

.icon-percent:before {
  content: "\e938";
}

.icon-chevron-up:before {
  content: "\e939";
}

.icon-chevron-down:before {
  content: "\e93a";
}

.icon-chevron-left:before {
  content: "\e93b";
}

.icon-chevron-right:before {
  content: "\e93c";
}

.icon-chevrons-expand-vertical:before {
  content: "\e93d";
}

.icon-chevrons-expand-horizontal:before {
  content: "\e93e";
}

.icon-chevrons-contract-vertical:before {
  content: "\e93f";
}

.icon-chevrons-contract-horizontal:before {
  content: "\e940";
}

.icon-arrow-up:before {
  content: "\e941";
}

.icon-arrow-down:before {
  content: "\e942";
}

.icon-arrow-left:before {
  content: "\e943";
}

.icon-arrow-right:before {
  content: "\e944";
}

.icon-arrow-up-right:before {
  content: "\e945";
}

.icon-arrows-merge:before {
  content: "\e946";
}

.icon-arrows-split:before {
  content: "\e947";
}

.icon-arrow-divert:before {
  content: "\e948";
}

.icon-arrow-return:before {
  content: "\e949";
}

.icon-expand:before {
  content: "\e94a";
}

.icon-contract:before {
  content: "\e94b";
}

.icon-expand2:before {
  content: "\e94c";
}

.icon-contract2:before {
  content: "\e94d";
}

.icon-move:before {
  content: "\e94e";
}

.icon-tab:before {
  content: "\e94f";
}

.icon-arrow-wave:before {
  content: "\e950";
}

.icon-expand3:before {
  content: "\e951";
}

.icon-expand4:before {
  content: "\e952";
}

.icon-contract3:before {
  content: "\e953";
}

.icon-notification:before {
  content: "\e954";
}

.icon-warning:before {
  content: "\e955";
}

.icon-notification-circle:before {
  content: "\e956";
}

.icon-question-circle:before {
  content: "\e957";
}

.icon-menu-circle:before {
  content: "\e958";
}

.icon-checkmark-circle:before {
  content: "\e959";
}

.icon-cross-circle:before {
  content: "\e95a";
}

.icon-plus-circle:before {
  content: "\e95b";
}

.icon-circle-minus:before {
  content: "\e95c";
}

.icon-percent-circle:before {
  content: "\e95d";
}

.icon-arrow-up-circle:before {
  content: "\e95e";
}

.icon-arrow-down-circle:before {
  content: "\e95f";
}

.icon-arrow-left-circle:before {
  content: "\e960";
}

.icon-arrow-right-circle:before {
  content: "\e961";
}

.icon-chevron-up-circle:before {
  content: "\e962";
}

.icon-chevron-down-circle:before {
  content: "\e963";
}

.icon-chevron-left-circle:before {
  content: "\e964";
}

.icon-chevron-right-circle:before {
  content: "\e965";
}

.icon-backward-circle:before {
  content: "\e966";
}

.icon-first-circle:before {
  content: "\e967";
}

.icon-previous-circle:before {
  content: "\e968";
}

.icon-stop-circle:before {
  content: "\e969";
}

.icon-play-circle:before {
  content: "\e96a";
}

.icon-pause-circle:before {
  content: "\e96b";
}

.icon-next-circle:before {
  content: "\e96c";
}

.icon-last-circle:before {
  content: "\e96d";
}

.icon-forward-circle:before {
  content: "\e96e";
}

.icon-eject-circle:before {
  content: "\e96f";
}

.icon-crop:before {
  content: "\e970";
}

.icon-frame-expand:before {
  content: "\e971";
}

.icon-frame-contract:before {
  content: "\e972";
}

.icon-focus:before {
  content: "\e973";
}

.icon-transform:before {
  content: "\e974";
}

.icon-grid:before {
  content: "\e975";
}

.icon-grid-crossed:before {
  content: "\e976";
}

.icon-layers:before {
  content: "\e977";
}

.icon-layers-crossed:before {
  content: "\e978";
}

.icon-toggle:before {
  content: "\e979";
}

.icon-rulers:before {
  content: "\e97a";
}

.icon-ruler:before {
  content: "\e97b";
}

.icon-funnel:before {
  content: "\e97c";
}

.icon-flip-horizontal:before {
  content: "\e97d";
}

.icon-flip-vertical:before {
  content: "\e97e";
}

.icon-flip-horizontal2:before {
  content: "\e97f";
}

.icon-flip-vertical2:before {
  content: "\e980";
}

.icon-angle:before {
  content: "\e981";
}

.icon-angle2:before {
  content: "\e982";
}

.icon-subtract:before {
  content: "\e983";
}

.icon-combine:before {
  content: "\e984";
}

.icon-intersect:before {
  content: "\e985";
}

.icon-exclude:before {
  content: "\e986";
}

.icon-align-center-vertical:before {
  content: "\e987";
}

.icon-align-right:before {
  content: "\e988";
}

.icon-align-bottom:before {
  content: "\e989";
}

.icon-align-left:before {
  content: "\e98a";
}

.icon-align-center-horizontal:before {
  content: "\e98b";
}

.icon-align-top:before {
  content: "\e98c";
}

.icon-square:before {
  content: "\e98d";
}

.icon-plus-square:before {
  content: "\e98e";
}

.icon-minus-square:before {
  content: "\e98f";
}

.icon-percent-square:before {
  content: "\e990";
}

.icon-arrow-up-square:before {
  content: "\e991";
}

.icon-arrow-down-square:before {
  content: "\e992";
}

.icon-arrow-left-square:before {
  content: "\e993";
}

.icon-arrow-right-square:before {
  content: "\e994";
}

.icon-chevron-up-square:before {
  content: "\e995";
}

.icon-chevron-down-square:before {
  content: "\e996";
}

.icon-chevron-left-square:before {
  content: "\e997";
}

.icon-chevron-right-square:before {
  content: "\e998";
}

.icon-check-square:before {
  content: "\e999";
}

.icon-cross-square:before {
  content: "\e99a";
}

.icon-menu-square:before {
  content: "\e99b";
}

.icon-prohibited:before {
  content: "\e99c";
}

.icon-circle:before {
  content: "\e99d";
}

.icon-radio-button:before {
  content: "\e99e";
}

.icon-ligature:before {
  content: "\e99f";
}

.icon-text-format:before {
  content: "\e9a0";
}

.icon-text-format-remove:before {
  content: "\e9a1";
}

.icon-text-size:before {
  content: "\e9a2";
}

.icon-bold:before {
  content: "\e9a3";
}

.icon-italic:before {
  content: "\e9a4";
}

.icon-underline:before {
  content: "\e9a5";
}

.icon-strikethrough:before {
  content: "\e9a6";
}

.icon-highlight:before {
  content: "\e9a7";
}

.icon-text-align-left:before {
  content: "\e9a8";
}

.icon-text-align-center:before {
  content: "\e9a9";
}

.icon-text-align-right:before {
  content: "\e9aa";
}

.icon-text-align-justify:before {
  content: "\e9ab";
}

.icon-line-spacing:before {
  content: "\e9ac";
}

.icon-indent-increase:before {
  content: "\e9ad";
}

.icon-indent-decrease:before {
  content: "\e9ae";
}

.icon-text-wrap:before {
  content: "\e9af";
}

.icon-pilcrow:before {
  content: "\e9b0";
}

.icon-direction-ltr:before {
  content: "\e9b1";
}

.icon-direction-rtl:before {
  content: "\e9b2";
}

.icon-page-break:before {
  content: "\e9b3";
}

.icon-page-break2:before {
  content: "\e9b4";
}

.icon-sort-alpha-asc:before {
  content: "\e9b5";
}

.icon-sort-alpha-desc:before {
  content: "\e9b6";
}

.icon-sort-numeric-asc:before {
  content: "\e9b7";
}

.icon-sort-numeric-desc:before {
  content: "\e9b8";
}

.icon-sort-amount-asc:before {
  content: "\e9b9";
}

.icon-sort-amount-desc:before {
  content: "\e9ba";
}

.icon-sort-time-asc:before {
  content: "\e9bb";
}

.icon-sort-time-desc:before {
  content: "\e9bc";
}

.icon-sigma:before {
  content: "\e9bd";
}

.icon-pencil-line:before {
  content: "\e9be";
}

.icon-hand:before {
  content: "\e9bf";
}

.icon-pointer-up:before {
  content: "\e9c0";
}

.icon-pointer-right:before {
  content: "\e9c1";
}

.icon-pointer-down:before {
  content: "\e9c2";
}

.icon-pointer-left:before {
  content: "\e9c3";
}

.icon-finger-tap:before {
  content: "\e9c4";
}

.icon-fingers-tap:before {
  content: "\e9c5";
}

.icon-reminder:before {
  content: "\e9c6";
}

.icon-fingers-crossed:before {
  content: "\e9c7";
}

.icon-fingers-victory:before {
  content: "\e9c8";
}

.icon-gesture-zoom:before {
  content: "\e9c9";
}

.icon-gesture-pinch:before {
  content: "\e9ca";
}

.icon-fingers-scroll-horizontal:before {
  content: "\e9cb";
}

.icon-fingers-scroll-vertical:before {
  content: "\e9cc";
}

.icon-fingers-scroll-left:before {
  content: "\e9cd";
}

.icon-fingers-scroll-right:before {
  content: "\e9ce";
}

.icon-hand2:before {
  content: "\e9cf";
}

.icon-pointer-up2:before {
  content: "\e9d0";
}

.icon-pointer-right2:before {
  content: "\e9d1";
}

.icon-pointer-down2:before {
  content: "\e9d2";
}

.icon-pointer-left2:before {
  content: "\e9d3";
}

.icon-finger-tap2:before {
  content: "\e9d4";
}

.icon-fingers-tap2:before {
  content: "\e9d5";
}

.icon-reminder2:before {
  content: "\e9d6";
}

.icon-gesture-zoom2:before {
  content: "\e9d7";
}

.icon-gesture-pinch2:before {
  content: "\e9d8";
}

.icon-fingers-scroll-horizontal2:before {
  content: "\e9d9";
}

.icon-fingers-scroll-vertical2:before {
  content: "\e9da";
}

.icon-fingers-scroll-left2:before {
  content: "\e9db";
}

.icon-fingers-scroll-right2:before {
  content: "\e9dc";
}

.icon-fingers-scroll-vertical3:before {
  content: "\e9dd";
}

.icon-border-style:before {
  content: "\e9de";
}

.icon-border-all:before {
  content: "\e9df";
}

.icon-border-outer:before {
  content: "\e9e0";
}

.icon-border-inner:before {
  content: "\e9e1";
}

.icon-border-top:before {
  content: "\e9e2";
}

.icon-border-horizontal:before {
  content: "\e9e3";
}

.icon-border-bottom:before {
  content: "\e9e4";
}

.icon-border-left:before {
  content: "\e9e5";
}

.icon-border-vertical:before {
  content: "\e9e6";
}

.icon-border-right:before {
  content: "\e9e7";
}

.icon-border-none:before {
  content: "\e9e8";
}

.icon-ellipsis:before {
  content: "\e9e9";
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 500px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0px;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container[data-stacked='true'] {
    width: 100vw;
  }
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.tw-col-span-2 {
    grid-column: span 2 / span 2
}
.tw-col-span-3 {
    grid-column: span 3 / span 3
}
.tw-col-span-5 {
    grid-column: span 5 / span 5
}
.tw-col-span-8 {
    grid-column: span 8 / span 8
}
.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.tw-my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}
.tw-ml-4 {
    margin-left: 1rem
}
.tw-mr-4 {
    margin-right: 1rem
}
.tw-mr-8 {
    margin-right: 2rem
}
.tw-mt-10 {
    margin-top: 2.5rem
}
.tw-mt-48 {
    margin-top: 12rem
}
.tw-mt-6 {
    margin-top: 1.5rem
}
.tw-block {
    display: block
}
.tw-flex {
    display: flex
}
.tw-grid {
    display: grid
}
.tw-h-4 {
    height: 1rem
}
.tw-w-4 {
    width: 1rem
}
.tw-w-\[28\%\] {
    width: 28%
}
.tw-w-\[44rem\] {
    width: 44rem
}
.tw-w-full {
    width: 100%
}
.tw-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}
.tw-items-center {
    align-items: center
}
.tw-justify-center {
    justify-content: center
}
.tw-justify-between {
    justify-content: space-between
}
.tw-divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}
.tw-divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1))
}
.tw-border {
    border-width: 1px
}
.tw-border-b-2 {
    border-bottom-width: 2px
}
.tw-border-solid {
    border-style: solid
}
.tw-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}
.tw-bg-\[\#51F590\] {
    --tw-bg-opacity: 1;
    background-color: rgb(81 245 144 / var(--tw-bg-opacity, 1))
}
.tw-bg-\[\#607E8F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(96 126 143 / var(--tw-bg-opacity, 1))
}
.tw-bg-\[\#97AFBD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(151 175 189 / var(--tw-bg-opacity, 1))
}
.tw-bg-ag-default {
    --tw-bg-opacity: 1;
    background-color: rgb(4 0 50 / var(--tw-bg-opacity, 1))
}
.tw-bg-ag-green {
    --tw-bg-opacity: 1;
    background-color: rgb(0 219 84 / var(--tw-bg-opacity, 1))
}
.tw-bg-ag-lightGreen {
    --tw-bg-opacity: 1;
    background-color: rgb(44 222 84 / var(--tw-bg-opacity, 1))
}
.tw-bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}
.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.tw-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.tw-py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.tw-py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem
}
.tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.tw-pl-4 {
    padding-left: 1rem
}
.tw-text-left {
    text-align: left
}
.tw-text-center {
    text-align: center
}
.tw-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.tw-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.tw-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.tw-font-medium {
    font-weight: 500
}
.tw-font-semibold {
    font-weight: 600
}
.tw-text-ag-default {
    --tw-text-opacity: 1;
    color: rgb(4 0 50 / var(--tw-text-opacity, 1))
}
.tw-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}
.tw-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}
.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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