/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./app/scss/app.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.w-100 {
  width: 100%;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  min-height: 0;
  min-width: 0;
  width: 100%;
}

.grid-container.full {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  padding-left: 0;
}

@media screen and (min-width: 1920px) {
  .grid-container--fill-height {
    height: 100%;
  }
  .grid-container--fill-height .grid-x {
    height: 100%;
  }
}
@media screen and (min-width: 0) {
  .screen0-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen0-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen0-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen0-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen0-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen0-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen0-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen0-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen0-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen0-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen0-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen0-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 460px) {
  .small-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .small-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .small-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .small-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .small-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .small-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .small-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .small-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .small-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .small-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .small-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .small-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 768px) {
  .medium-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .medium-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .medium-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .medium-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .medium-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .medium-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .medium-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .medium-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .medium-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 1440px) {
  .large-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .large-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .large-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .large-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .large-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .large-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .large-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .large-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .large-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .large-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .large-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .large-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 460px) {
  .screen460-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen460-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen460-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen460-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen460-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen460-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen460-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen460-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen460-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen460-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen460-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen460-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 768px) {
  .screen768-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen768-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen768-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen768-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen768-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen768-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen768-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen768-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen768-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen768-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen768-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen768-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 1024px) {
  .screen1000-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen1000-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen1000-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen1000-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen1000-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen1000-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen1000-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen1000-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen1000-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen1000-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen1000-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen1000-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 1200px) {
  .screen1200-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen1200-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen1200-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen1200-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen1200-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen1200-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen1200-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen1200-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen1200-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen1200-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen1200-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen1200-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 1366px) {
  .screen1366-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen1366-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen1366-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen1366-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen1366-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen1366-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen1366-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen1366-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen1366-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen1366-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen1366-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen1366-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 1440px) {
  .screen1400-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen1400-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen1400-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen1400-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen1400-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen1400-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen1400-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen1400-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen1400-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen1400-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen1400-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen1400-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 1600px) {
  .screen1600-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen1600-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen1600-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen1600-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen1600-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen1600-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen1600-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen1600-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen1600-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen1600-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen1600-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen1600-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 1920px) {
  .screen1920-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen1920-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen1920-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen1920-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen1920-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen1920-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen1920-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen1920-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen1920-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen1920-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen1920-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen1920-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
@media screen and (min-width: 2560px) {
  .screen2560-up-1 > .cell {
    width: calc(100% - 1.25rem);
  }
  .screen2560-up-2 > .cell {
    width: calc(50% - 1.25rem);
  }
  .screen2560-up-3 > .cell {
    width: calc(33.3333333333% - 1.25rem);
  }
  .screen2560-up-4 > .cell {
    width: calc(25% - 1.25rem);
  }
  .screen2560-up-5 > .cell {
    width: calc(20% - 1.25rem);
  }
  .screen2560-up-6 > .cell {
    width: calc(16.6666666667% - 1.25rem);
  }
  .screen2560-up-7 > .cell {
    width: calc(14.2857142857% - 1.25rem);
  }
  .screen2560-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
  }
  .screen2560-up-9 > .cell {
    width: calc(11.1111111111% - 1.25rem);
  }
  .screen2560-up-10 > .cell {
    width: calc(10% - 1.25rem);
  }
  .screen2560-up-11 > .cell {
    width: calc(9.0909090909% - 1.25rem);
  }
  .screen2560-up-12 > .cell {
    width: calc(8.3333333333% - 1.25rem);
  }
}
.grid-x > .screen0-1 {
  width: 8.3333333333%;
}

.grid-x > .screen0-2 {
  width: 16.6666666667%;
}

.grid-x > .screen0-3 {
  width: 25%;
}

.grid-x > .screen0-4 {
  width: 33.3333333333%;
}

.grid-x > .screen0-5 {
  width: 41.6666666667%;
}

.grid-x > .screen0-6 {
  width: 50%;
}

.grid-x > .screen0-7 {
  width: 58.3333333333%;
}

.grid-x > .screen0-8 {
  width: 66.6666666667%;
}

.grid-x > .screen0-9 {
  width: 75%;
}

.grid-x > .screen0-10 {
  width: 83.3333333333%;
}

.grid-x > .screen0-11 {
  width: 91.6666666667%;
}

.grid-x > .screen0-12 {
  width: 100%;
}

@media screen and (min-width: 0) {
  .grid-x > .screen0-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen0-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen0-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen0-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen0-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen0-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen0-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen0-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen0-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen0-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen0-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen0-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen0-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen0-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 460px) {
  .grid-x > .small-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .small-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .small-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .small-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .small-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .small-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .small-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .small-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .small-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .small-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .small-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .small-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .small-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .small-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .grid-x > .medium-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .medium-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .medium-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .medium-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .medium-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .medium-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .medium-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .medium-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .medium-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .medium-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .medium-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .medium-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .medium-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .medium-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .grid-x > .large-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .large-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .large-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .large-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .large-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .large-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .large-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .large-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .large-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .large-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .large-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .large-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .large-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .large-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 460px) {
  .grid-x > .screen460-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen460-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen460-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen460-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen460-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen460-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen460-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen460-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen460-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen460-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen460-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen460-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen460-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen460-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .grid-x > .screen768-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen768-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen768-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen768-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen768-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen768-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen768-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen768-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen768-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen768-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen768-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen768-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen768-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen768-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .grid-x > .screen1000-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1000-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1000-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1000-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1000-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1000-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1000-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1000-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1000-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1000-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1000-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1000-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1000-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1000-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .grid-x > .screen1200-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1200-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1200-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1200-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1200-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1200-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1200-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1200-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1200-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1200-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1200-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1200-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1200-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1200-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1366px) {
  .grid-x > .screen1366-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1366-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1366-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1366-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1366-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1366-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1366-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1366-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1366-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1366-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1366-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1366-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1366-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1366-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .grid-x > .screen1400-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1400-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1400-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1400-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1400-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1400-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1400-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1400-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1400-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1400-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1400-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1400-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1400-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1400-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .grid-x > .screen1600-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1600-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1600-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1600-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1600-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1600-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1600-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1600-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1600-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1600-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1600-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1600-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1600-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1600-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .grid-x > .screen1920-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1920-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1920-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1920-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1920-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1920-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1920-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1920-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1920-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1920-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1920-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1920-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1920-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1920-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 2560px) {
  .grid-x > .screen2560-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen2560-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen2560-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen2560-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen2560-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen2560-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen2560-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen2560-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen2560-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen2560-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen2560-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen2560-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen2560-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen2560-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 0) {
  .grid-x > .screen0-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen0-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen0-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen0-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen0-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen0-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen0-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen0-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen0-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen0-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen0-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen0-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen0-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen0-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 460px) {
  .grid-x > .small-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .small-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .small-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .small-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .small-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .small-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .small-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .small-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .small-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .small-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .small-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .small-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .small-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .small-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .grid-x > .medium-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .medium-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .medium-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .medium-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .medium-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .medium-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .medium-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .medium-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .medium-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .medium-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .medium-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .medium-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .medium-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .medium-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .grid-x > .large-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .large-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .large-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .large-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .large-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .large-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .large-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .large-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .large-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .large-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .large-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .large-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .large-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .large-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 460px) {
  .grid-x > .screen460-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen460-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen460-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen460-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen460-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen460-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen460-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen460-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen460-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen460-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen460-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen460-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen460-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen460-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .grid-x > .screen768-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen768-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen768-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen768-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen768-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen768-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen768-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen768-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen768-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen768-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen768-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen768-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen768-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen768-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .grid-x > .screen1000-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1000-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1000-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1000-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1000-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1000-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1000-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1000-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1000-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1000-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1000-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1000-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1000-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1000-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .grid-x > .screen1200-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1200-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1200-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1200-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1200-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1200-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1200-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1200-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1200-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1200-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1200-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1200-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1200-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1200-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1366px) {
  .grid-x > .screen1366-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1366-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1366-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1366-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1366-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1366-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1366-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1366-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1366-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1366-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1366-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1366-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1366-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1366-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .grid-x > .screen1400-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1400-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1400-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1400-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1400-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1400-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1400-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1400-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1400-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1400-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1400-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1400-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1400-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1400-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .grid-x > .screen1600-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1600-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1600-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1600-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1600-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1600-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1600-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1600-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1600-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1600-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1600-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1600-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1600-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1600-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .grid-x > .screen1920-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen1920-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen1920-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen1920-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen1920-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen1920-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen1920-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen1920-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen1920-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen1920-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen1920-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen1920-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen1920-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen1920-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 2560px) {
  .grid-x > .screen2560-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .screen2560-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .screen2560-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .grid-x > .screen2560-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .grid-x > .screen2560-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-x > .screen2560-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-x > .screen2560-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .grid-x > .screen2560-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-x > .screen2560-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .grid-x > .screen2560-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .grid-x > .screen2560-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .grid-x > .screen2560-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .grid-x > .screen2560-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .grid-x > .screen2560-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 0) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen0-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen0-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 460px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.small-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.small-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.small-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.small-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.small-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.small-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.small-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.small-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.small-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.small-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.small-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.small-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 768px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.medium-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.medium-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 1440px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.large-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.large-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.large-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.large-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.large-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.large-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.large-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.large-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.large-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.large-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.large-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.large-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 460px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen460-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen460-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 768px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen768-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen768-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 1024px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen1000-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1000-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 1200px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen1200-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1200-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 1366px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen1366-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1366-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 1440px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen1400-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1400-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 1600px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen1600-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1600-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 1920px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen1920-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen1920-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 2560px) {
  .grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .grid-margin-x > .cell {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .grid-margin-x > .cell.screen2560-1 {
    width: calc(8.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-2 {
    width: calc(16.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-3 {
    width: calc(25% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-4 {
    width: calc(33.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-5 {
    width: calc(41.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-6 {
    width: calc(50% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-7 {
    width: calc(58.33333% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-8 {
    width: calc(66.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-9 {
    width: calc(75% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-10 {
    width: calc(83.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-11 {
    width: calc(91.6666666667% - 1.25rem);
  }
  .grid-margin-x > .cell.screen2560-12 {
    width: calc(100% - 1.25rem);
  }
}
@media screen and (min-width: 0) {
  .w-screen0-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 460px) {
  .w-small-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 768px) {
  .w-medium-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 1440px) {
  .w-large-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 460px) {
  .w-screen460-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 768px) {
  .w-screen768-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 1024px) {
  .w-screen1000-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 1200px) {
  .w-screen1200-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 1366px) {
  .w-screen1366-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 1440px) {
  .w-screen1400-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 1600px) {
  .w-screen1600-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 1920px) {
  .w-screen1920-930 {
    width: 930px !important;
  }
}
@media screen and (min-width: 2560px) {
  .w-screen2560-930 {
    width: 930px !important;
  }
}
.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

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

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tabs {
  border-width: 0 !important;
  border-bottom-width: 2px !important;
}
.tabs .tabs-title:not(:first-child) {
  margin-left: rem-calc(10px);
}
.tabs .tabs-title:not(:last-child) {
  margin-right: rem-calc(10px);
}
.tabs .tabs-title > a {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .tabs .tabs-title > a {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .tabs .tabs-title > a {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.tabs .tabs-title > a {
  position: relative;
  text-decoration: none;
  -webkit-text-stroke: 1px transparent;
  transition: -webkit-text-stroke-color 200ms ease-in-out, color 200ms ease-in-out;
}
.tabs .tabs-title > a:hover, .tabs .tabs-title > a:focus, .tabs .tabs-title > a[aria-selected=true] {
  color: #494e50;
  -webkit-text-stroke-color: #494e50;
}
.tabs .tabs-title > a:hover::after, .tabs .tabs-title > a:focus::after, .tabs .tabs-title > a[aria-selected=true]::after {
  opacity: 1;
}
.tabs .tabs-title > a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  transform: translateY(2px);
  background-color: #494e50;
  content: "";
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.tabs-content {
  border: 0 none !important;
}

@media screen and (max-width: 480px) {
  .tabs .tabs-title > a > span {
    overflow: hidden;
    white-space: pre-line;
    width: 66px;
    display: inherit;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}

.flex {
  flex: 1;
}

.w-100 {
  display: block;
  width: 100%;
  max-width: inherit;
}

.h-100 {
  height: 100%;
}

.stickied-top {
  position: fixed;
  z-index: 1;
}

.hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  visibility: collapse;
}

.fade-out {
  opacity: 0;
  transition: ease-out 0.3s opacity;
}

.justify-end {
  justify-content: end;
}

#optanon .optanon-status-editable form {
  overflow-wrap: normal;
}

@media screen and (-webkit-device-pixel-ratio: 1.25) and (min-width: 48em) and (max-width: 89.99em) {
  #optanon,
  .optanon-status-editable {
    zoom: 0.75;
  }
  .loader-screen {
    height: 100% !important;
  }
}
.grid-container.u-padding-top-l {
  padding-top: 20px !important;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

label.flex-container.align-justify.u-position-relative .tooltip {
  margin-right: 5px;
}

.poc-dashboard-header {
  width: 100%;
}

@media (min-width: 768px) {
  .allowance-screen-width {
    max-width: 585px;
  }
  .choice-confirmation-screen-width {
    max-width: 585px;
  }
}
@media (min-width: 1024px) {
  .allowance-screen-width {
    max-width: 610px;
  }
  .choice-confirmation-screen-width {
    max-width: 610px;
  }
}
@media (min-width: 1440px) {
  .allowance-screen-width {
    max-width: 610px;
  }
  .choice-confirmation-screen-width {
    max-width: 610px;
  }
}
table {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  table {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  table {
    font-size: 1rem;
    line-height: 24px;
  }
}
table {
  table-layout: auto;
  border-spacing: 0;
  width: 100%;
}
table.table-spaced {
  border-spacing: 5px;
}
table.table-spaced thead th:first-child {
  border-top-left-radius: 0;
}
table.table-spaced thead th:last-child {
  border-top-right-radius: 0;
}
table tr:nth-last-child(2) td .dropdown-menu__options,
table tr:last-child td .dropdown-menu__options {
  bottom: 50px;
  margin-top: 0;
  margin-bottom: 10px;
}
table tr:nth-child(2) td .dropdown-menu__options,
table tr:first-child td .dropdown-menu__options {
  bottom: auto;
  margin-top: 10px;
  margin-bottom: 0;
}
table td .dropdown-menu__options {
  left: auto;
  right: 0;
}
table td,
table th {
  padding: 10px 5px;
}
table td:first-child,
table th:first-child {
  padding-left: 10px;
}
table td:last-child,
table th:last-child {
  padding-right: 10px;
}
table thead th {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  table thead th {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  table thead th {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
table thead th {
  background-color: #1b252c;
  color: #fcfcfc;
  text-align: left;
  font-weight: 700;
}
table thead th .icon-text__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  table thead th .icon-text__text {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  table thead th .icon-text__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
table thead th .icon-text__text {
  font-weight: 700;
}
table thead th .icon-text__icon {
  z-index: auto;
}
table thead th.u-text-right .icon-text {
  justify-content: flex-end;
}
table thead tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
table thead tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
table tbody {
  color: #494e50;
}
table tbody tr {
  position: relative;
}
table tbody td {
  vertical-align: top;
}
table tbody tr:nth-child(odd) {
  background-color: #f6f6f6;
}
table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
table tfoot td {
  color: #00539e;
  background-color: #ebf1f7;
  font-weight: 700;
}
table tfoot tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}
table tfoot tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}
table tfoot .tooltip__button {
  border-color: #00539e;
}
table tfoot .tooltip__button__icon {
  fill: #00539e;
}
table table {
  padding-bottom: 0;
}
table table tbody tr:nth-child(odd) td,
table table tbody tr:nth-child(even) td {
  background-color: transparent;
}
table table tr:hover {
  transform: none;
}
table .icon-text {
  white-space: normal;
}
table .button--icon {
  background-color: #00539e;
  border-color: #00539e;
}
table input[type=text]:not(:-moz-read-only):not(:disabled):not(.input--invalid) {
  border: 1px solid #1d1d1d;
  box-shadow: none;
}
table input[type=text]:not(:read-only):not(:disabled):not(.input--invalid) {
  border: 1px solid #1d1d1d;
  box-shadow: none;
}
table .button--editable-unit-toggle {
  padding-top: 10px;
}

.responsive-table__inner .stickied-top {
  top: 60px;
  width: calc(100% - get-spacing(l));
  max-width: calc(2560px - get-spacing(l));
}
.responsive-table__inner .stickied-top td,
.responsive-table__inner .stickied-top thead th {
  padding: 5px;
}
.responsive-table__inner .stickied-top td:first-child,
.responsive-table__inner .stickied-top thead th:first-child {
  padding-left: 10px;
}
.responsive-table__inner .stickied-top td:last-child,
.responsive-table__inner .stickied-top thead th:last-child {
  padding-right: 10px;
}

.table-border-collapse {
  border-collapse: collapse;
}

.invalid-row {
  border: 1px solid #de000d;
}

.plain-table tbody tr:nth-child(odd),
.plain-table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.plain-table thead th {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .plain-table thead th {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .plain-table thead th {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
.plain-table thead th {
  background-color: #ffffff;
  color: #1b252c;
  padding-top: 0px;
  padding-bottom: 0px;
}
.plain-table td {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .plain-table td {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .plain-table td {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
.plain-table td {
  font-size: 1rem !important;
}

table tbody .table__row--disabled {
  color: #6f6f6f;
}
table tbody .table__row--disabled .button:not(.button--add-remove) {
  color: #5c6062;
  cursor: not-allowed;
}
table tbody .table__row--disabled .button:not(.button--add-remove):hover, table tbody .table__row--disabled .button:not(.button--add-remove):active, table tbody .table__row--disabled .button:not(.button--add-remove):focus {
  color: #5c6062;
  border-color: #efeeee;
  text-decoration: none;
  outline: none;
}
table tbody .table__row--disabled .button:not(.button--add-remove):after {
  display: none;
}
table tbody .table__row--disabled .button:not(.button--add-remove) {
  background-color: #efeeee;
  border-color: #efeeee;
}
table tbody .table__row--disabled .button--icon {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
  cursor: not-allowed;
}
table tbody .table__row--disabled .button--icon .button__icon {
  fill: #6f6f6f;
}
table tbody .table__row--disabled .button--icon:hover, table tbody .table__row--disabled .button--icon:active, table tbody .table__row--disabled .button--icon:focus {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
table tbody.rounded-corners tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}
table tbody.rounded-corners tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}
table tr:last-child .react-select__menu {
  position: relative;
}

thead.no-rounded-corners tr:last-child td:first-child,
thead.no-rounded-corners tr:last-child th:first-child,
tfoot.no-rounded-corners tr:last-child td:first-child,
tfoot.no-rounded-corners tr:last-child th:first-child {
  border-radius: 0;
}
thead.no-rounded-corners tr:last-child td:last-child,
thead.no-rounded-corners tr:last-child th:last-child,
tfoot.no-rounded-corners tr:last-child td:last-child,
tfoot.no-rounded-corners tr:last-child th:last-child {
  border-radius: 0;
}

@media (min-width: 460px) {
  table .form-field .form-field__input-area {
    max-width: 160px;
  }
  table .form-field .form-field__max-width-none {
    max-width: none !important;
  }
  table .form-field--m .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline),
  table .form-field--m .react-select .react-select__menu,
  table .form-field--m .contact-number-field {
    max-width: 140px;
  }
  table .form-field--s .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline),
  table .form-field--s .react-select .react-select__menu,
  table .form-field--s .contact-number-field {
    max-width: 85px;
  }
  table .form-field--with-icon-outside .form-field__input-area {
    padding-right: 20px;
  }
  table .form-field--with-icon-outside .form-field__icon {
    right: 0;
  }
  table .form-field--with-icon-outside:not(.form-field--with-icon-outside--before) .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
    max-width: 185px;
  }
  table .form-field--with-icon-outside.form-field--with-icon-outside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
    padding-left: 15px;
    max-width: 160px;
  }
  table .form-field--with-icon-outside.form-field--with-icon-outside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) .form-field__icon {
    left: -5px;
  }
  table .form-field--with-icon-outside.form-field--m:not(.form-field--with-icon-outside--before) .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
    max-width: 165px;
  }
  table .form-field--with-icon-outside.form-field--m.form-field--with-icon-outside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
    max-width: 140px;
  }
  table .form-field--with-icon-outside.form-field--s:not(.form-field--with-icon-outside--before) .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
    max-width: 110px;
  }
  table .form-field--with-icon-outside.form-field--s.form-field--with-icon-outside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
    max-width: 85px;
  }
}
@media (min-width: 768px) {
  .responsive-table__inner .stickied-top {
    top: 0;
    width: calc(100% - 120pxget-spacing(l));
  }
}
@media (min-width: 1200px) {
  table td,
  table th {
    padding: 15px 10px;
  }
  table td:first-child,
  table th:first-child {
    padding-left: 20px;
  }
  table td:last-child,
  table th:last-child {
    padding-right: 20px;
  }
  table thead th {
    height: 70px;
  }
  .responsive-table__inner .stickied-top td,
  .responsive-table__inner .stickied-top thead th {
    padding: 5px 10px;
  }
  .responsive-table__inner .stickied-top td:first-child,
  .responsive-table__inner .stickied-top thead th:first-child {
    padding-left: 20px;
  }
  .responsive-table__inner .stickied-top td:last-child,
  .responsive-table__inner .stickied-top thead th:last-child {
    padding-right: 20px;
  }
}
.table--remove-odd-even tbody tr:nth-child(odd),
.table--remove-odd-even tbody tr:nth-child(even) {
  background-color: transparent;
}

.cell-border-right {
  border-right: 1px solid #efeeee;
}

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

.table-row-has-anchor-wrapper {
  position: relative;
  overflow: visible;
}
.table-row-has-anchor-wrapper:hover {
  cursor: pointer;
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  z-index: 1;
}
.table-row-has-anchor-wrapper:hover .cta-icon {
  border-color: #00539e;
  color: #ffffff;
}
.table-row-has-anchor-wrapper:not(table__row--disabled):hover .button--secondary {
  color: #00539e;
  border-color: transparent;
  overflow: visible;
}
.table-row-has-anchor-wrapper:not(table__row--disabled):hover .button--secondary:after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  border: 2px solid transparent;
  border-radius: inherit;
}

@media print {
  @page {
    size: auto; /* auto is the current printer page size */
    margin: 1mm; /* this affects the margin in the printer settings */
  }
  body {
    background-color: get-color(white) !important;
    color: get-color(machine-black) !important;
  }
  .shell-level--2 {
    padding-left: 0;
  }
  .progress-indicator {
    display: none;
  }
  .sidebar {
    display: none;
  }
  .section-action-header {
    margin-top: 30px;
  }
  .page-header {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .page-header + .section-action-header {
    margin-top: 0;
  }
  .grid-x.show-for-print {
    display: flex !important;
  }
  .grid-x.show-for-print.hide {
    display: flex !important;
  }
  .module {
    -moz-column-break-inside: auto;
         break-inside: auto;
  }
  .module .module__content {
    -moz-column-break-inside: auto;
         break-inside: auto;
  }
  table thead tr:first-child th:first-child {
    border-top-left-radius: 0;
  }
  table thead tr:first-child th:last-child {
    border-top-right-radius: 0;
  }
  table thead tr th {
    background-color: #ffffff;
    color: #000;
    border-top: 3px solid #1b252c;
    border-bottom: 3px solid #1b252c;
  }
  table thead tr th:first-child {
    border-top-left-radius: 0;
  }
  table thead tr th:last-child {
    border-top-right-radius: 0;
  }
  table tfoot tr td {
    background-color: #ffffff;
    color: #000;
  }
  table tfoot td {
    background-color: #ffffff;
    color: #000;
  }
  table.show-for-print {
    display: table !important;
  }
  .footer-chat-button.enabled {
    display: none;
  }
  .summary-details {
    padding: 20px !important;
  }
  .summary-details .screen768-4 {
    width: calc(25% - 1.25rem);
  }
  .summary-details .screen768-8 {
    width: calc(75% - 1.25rem);
  }
  .back-to-top-btn {
    display: none !important;
  }
  .page-footer {
    display: none;
  }
  .line-divider {
    margin: 30px 0 !important;
  }
  .u-content-container-inner-content,
  .u-content-container-786 {
    max-width: none !important;
  }
  .alert-message,
  .inline-alert-message {
    background-color: get-color(wild-sand) !important;
    color: get-color(machine-black) !important;
    border: 1px solid get-color(machine-black) !important;
    border-radius: 0 !important;
  }
  .alert-message svg,
  .inline-alert-message svg {
    color: get-color(machine-black) !important;
  }
  .alert-message__header__text,
  .inline-alert-message__text {
    color: get-color(machine-black) !important;
  }
  .module,
  .summary-strip {
    box-shadow: none;
    border: 1px solid get-color(gallery);
    border-radius: 10px !important;
  }
  .module.investment-strategy {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
  }
  .summary-strip {
    background-color: aqua !important;
  }
  .summary-strip--grouping .summary-strip__meta {
    display: flex;
    flex-grow: 1;
    padding: 20px !important;
    justify-content: flex-start;
  }
  .summary-strip--grouping .summary-strip__meta .summary-strip__meta__group {
    width: 100%;
    padding: 0;
  }
  .summary-strip--grouping .summary-strip__meta .summary-strip__meta__group .summary-strip__item {
    flex: 1;
    margin-bottom: 0;
  }
  .cobrowsing_nosync,
  #channelme-siteconnect-container {
    display: none;
  }
  .text-label__label {
    border: 1px solid get-color(machine-black);
    color: get-color(machine-black);
    background-color: white;
  }
  .total-summary-row .icon-text__text,
  .total-summary-row td {
    color: get-color(machine-black);
  }
  .journey--onboarding-multi-journey .sticky-heading-grid--headings__underlined:after {
    display: none;
  }
  .journey--onboarding-multi-journey .section-action-header {
    margin: 30px 0 !important;
  }
  .journey--onboarding-multi-journey .client-summary-bar {
    border: none !important;
  }
  .journey--onboarding-multi-journey .client-summary-bar .summary-strip__meta {
    border-bottom: 1px solid get-color(gallery) !important;
    width: 100%;
  }
  .journey--onboarding-multi-journey .client-summary-bar .summary-strip__meta .summary-strip__meta__group {
    display: flex;
    justify-content: space-between;
  }
  .journey--onboarding-multi-journey .client-summary-bar .summary-strip__meta .summary-strip__meta__group .summary-strip__item {
    margin: 0;
    width: auto;
  }
  .journey--onboarding-multi-journey .module--nested-module {
    border: none;
  }
  .journey--onboarding-multi-journey .section-action-header .t-heading-3 {
    font-family: Open Sans, Arial, serif;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 30px;
    color: #1d1d1d;
  }
}
@media print and (min-width: 1024px) {
  .journey--onboarding-multi-journey .section-action-header .t-heading-3 {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media print and (min-width: 1440px) {
  .journey--onboarding-multi-journey .section-action-header .t-heading-3 {
    font-size: 1.9375rem;
    line-height: 40px;
  }
}
@media print {
  .journey--onboarding-multi-journey .section-action-header + .sticky-heading-grid--item {
    padding-top: 0 !important;
  }
  .journey--onboarding-multi-journey .summary-strip .summary-strip__meta {
    display: flex;
    padding: 20px !important;
    justify-content: flex-start;
  }
  .journey--onboarding-multi-journey .summary-strip .summary-strip__meta .summary-strip__item {
    width: 25%;
    margin-bottom: 0;
  }
  .hide-for-print {
    display: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .show-only-print {
    display: block !important;
  }
  .break-inside-avoid {
    -moz-column-break-inside: avoid !important;
         break-inside: avoid !important;
  }
  .break-before {
    -moz-column-break-before: always !important;
         break-before: always !important;
  }
  .break-before-page {
    -moz-column-break-before: page !important;
         break-before: page !important;
  }
  .break-before-auto {
    -moz-column-break-before: auto !important;
         break-before: auto !important;
  }
  .break-before-avoid {
    -moz-column-break-before: avoid !important;
         break-before: avoid !important;
  }
  .break-after {
    -moz-column-break-after: always !important;
         break-after: always !important;
  }
  .break-after-page {
    -moz-column-break-after: page !important;
         break-after: page !important;
  }
  .break-after-auto {
    -moz-column-break-after: auto !important;
         break-after: auto !important;
  }
  .break-after-avoid {
    -moz-column-break-after: avoid !important;
         break-after: avoid !important;
  }
}
html {
  box-sizing: border-box;
  font-size: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  color: #494e50;
  background-color: #fcfcfc;
}
body {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  body {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  body {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
body {
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img,
iframe {
  max-width: 100%;
}

ul,
ol {
  margin: 0;
}

ul {
  padding: 0;
  list-style: none;
}

dl,
dd,
dt {
  margin: 0;
  padding: 0;
}

button[tabindex="0"] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
  margin: 0;
}

a {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  a {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  a {
    font-size: 1rem;
    line-height: 24px;
  }
}
a {
  font-weight: 700;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: currentColor;
  text-decoration: none;
  outline: 0;
}
a.has-current-focus {
  outline: 2px solid #077bc2;
}

button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  padding: 0;
  text-indent: 0.01px;
  text-overflow: "";
  text-decoration: none;
  font-family: "Lato", Open Sans, Arial, serif;
}
button.has-current-focus {
  outline: 2px solid #077bc2;
}

br {
  display: block;
  content: "";
  margin-top: 0;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

::-moz-placeholder {
  color: #494e50;
}

::placeholder {
  color: #494e50;
}

input:-moz-read-only::-moz-placeholder {
  color: #5c6062;
}

input:disabled::-moz-placeholder, input:read-only::-moz-placeholder {
  color: #5c6062;
}

input:-moz-read-only::placeholder {
  color: #5c6062;
}

input:disabled::-moz-placeholder, input:read-only::-moz-placeholder {
  color: #5c6062;
}

input:-moz-read-only::placeholder {
  color: #5c6062;
}

input:disabled::placeholder,
input:read-only::placeholder {
  color: #5c6062;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s;
  transition: background-color 600000s 0s, color 600000s 0s;
}

label,
.t-label {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  label,
  .t-label {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  label,
  .t-label {
    font-size: 1rem;
    line-height: 24px;
  }
}
label,
.t-label {
  color: #1d1d1d;
  display: block;
  font-weight: 700;
  max-width: 660px;
}
label + *,
.t-label + * {
  margin-top: 10px;
}

label.label-pin {
  margin: 0;
  text-align: center;
}
label.label-pin input {
  max-width: 54px;
}

[data-pin=collective] input[type=password],
[data-pin=collective] input[type=text],
[data-pin=individual] input[type=password],
[data-pin=individual] input[type=text] {
  max-width: 54px;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
fieldset:active, fieldset:focus, fieldset:hover {
  outline: none;
}

legend {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  legend {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  legend {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
legend {
  box-sizing: border-box;
  color: #494e50;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

input,
textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  padding: 0;
  text-indent: 0.01px;
  text-overflow: "";
  text-decoration: none;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

input[type=password] {
  text-transform: none !important;
}

.button {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .button {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .button {
    font-size: 1rem;
    line-height: 24px;
  }
}
.button {
  border: 1px solid transparent;
  color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 30px;
  border-radius: 4px;
  font-weight: bold;
  width: auto;
  overflow: hidden;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.button:hover, .button:active, .button:focus {
  text-decoration: none;
}
.button:not(div):not(span) {
  cursor: pointer;
}
.button:not(.button--icon):not(.button--flat) {
  min-height: 50px;
  min-width: 100px;
}
.button:not(.button--disabled):not(.button--secondary):not(.button--tertiary):not(.button--hollow):not(.button--flat):not(.button--icon):not([disabled]):not(div):not(span):hover, .button:not(.button--disabled):not(.button--secondary):not(.button--tertiary):not(.button--hollow):not(.button--flat):not(.button--icon):not([disabled]):not(div):not(span):active, .button:not(.button--disabled):not(.button--secondary):not(.button--tertiary):not(.button--hollow):not(.button--flat):not(.button--icon):not([disabled]):not(div):not(span):focus {
  color: #ffffff;
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.button .button-back__text {
  width: 100%;
  margin-left: 0px;
  margin-right: 30px;
  color: #00539e;
  font-weight: 600;
}

.button__text {
  flex: none;
  flex-shrink: 1;
}

.button__icon {
  flex: none;
  fill: currentColor;
  stroke: currentColor;
  height: 20px;
  width: 20px;
  margin: 0 0 0 15px;
  padding: 0;
}
.button__icon:first-child:last-child {
  margin: 0;
}
.button__icon + .button__icon {
  margin-left: 10px;
}

.button__count {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .button__count {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .button__count {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.button__count {
  font-weight: 700;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  background-color: #ab1254;
  color: #ffffff;
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.button--secondary {
  position: relative;
  border: 1px solid transparent;
  color: #00539e;
}
.button--secondary:not(.button--disabled):not(div):not(span):hover, .button--secondary:not(.button--disabled):not(div):not(span):active, .button--secondary:not(.button--disabled):not(div):not(span):focus {
  color: #00539e;
  border-color: transparent;
  overflow: visible;
}
.button--secondary:not(.button--disabled):not(div):not(span):hover:after, .button--secondary:not(.button--disabled):not(div):not(span):active:after, .button--secondary:not(.button--disabled):not(div):not(span):focus:after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  border: 2px solid transparent;
  border-radius: inherit;
}
.button--secondary.button[disabled], .button--secondary.button--disabled {
  background-color: #efeeee;
  border-color: #efeeee;
  color: #5c6062;
}
.button--secondary.button--error {
  border-color: #de000d;
  color: #de000d;
  background-color: transparent;
}
.button--secondary.button--error:not(.button--disabled):not(div):not(span):hover, .button--secondary.button--error:not(.button--disabled):not(div):not(span):active, .button--secondary.button--error:not(.button--disabled):not(div):not(span):focus {
  color: #de000d;
}
.button--secondary.button--error:not(.button--disabled):not(div):not(span):hover:after, .button--secondary.button--error:not(.button--disabled):not(div):not(span):active:after, .button--secondary.button--error:not(.button--disabled):not(div):not(span):focus:after {
  border-color: #de000d;
}

.button--tertiary {
  background-color: transparent;
  border: none;
  color: #00539e;
}
.button--tertiary:not(.button--disabled):not([disabled]):not(div):not(span):hover, .button--tertiary:not(.button--disabled):not([disabled]):not(div):not(span):active, .button--tertiary:not(.button--disabled):not([disabled]):not(div):not(span):focus {
  background-color: rgba(0, 122, 134, 0.1490196078);
  color: #00539e;
}
.button--tertiary.button[disabled], .button--tertiary.button--disabled {
  background-color: transparent;
  color: #5c6062;
}

.button--hollow {
  background-color: transparent;
  border: 1px solid;
  border-color: #912227;
  color: #912227;
}
.button--hollow:not(.button--disabled):not([disabled]):not(div):not(span):hover, .button--hollow:not(.button--disabled):not([disabled]):not(div):not(span):active, .button--hollow:not(.button--disabled):not([disabled]):not(div):not(span):focus {
  background-color: #ffffff;
  color: #912227;
  outline: 1px solid #912227;
}
.button--hollow.button[disabled], .button--hollow.button--disabled {
  background-color: transparent;
  color: #5c6062;
}

.button--tertiary--with-border {
  border: 1px solid #00539e;
}

.button--disabled,
.button.button--disabled,
.button[disabled] {
  color: #5c6062;
  cursor: not-allowed;
}
.button--disabled:hover, .button--disabled:active, .button--disabled:focus,
.button.button--disabled:hover,
.button.button--disabled:active,
.button.button--disabled:focus,
.button[disabled]:hover,
.button[disabled]:active,
.button[disabled]:focus {
  color: #5c6062;
  border-color: #efeeee;
  text-decoration: none;
  outline: none;
}
.button--disabled:after,
.button.button--disabled:after,
.button[disabled]:after {
  display: none;
}
.button--disabled,
.button.button--disabled,
.button[disabled] {
  background-color: #efeeee;
  border-color: #efeeee;
}

.button--with-icon-left .button__icon {
  order: 0;
  margin: 0 15px 0 0;
}

.button--with-icon-center .button__icon {
  margin: 0;
}

.button--icon:not(.button--add-remove) {
  border-radius: 100%;
  fill: currentColor;
  min-width: 0;
  width: 50px;
  height: 50px;
  padding: 0;
}
.button--icon:not(.button--add-remove) .button__icon {
  margin: 0;
}
.button--icon:not(.button--add-remove).button--icon--xs {
  width: 25px;
  height: 25px;
}
.button--icon:not(.button--add-remove).button--icon--xs .button__icon {
  height: 15px;
  width: 15px;
}
.button--icon:not(.button--add-remove).button--icon--s {
  width: 30px;
  height: 30px;
}
.button--icon:not(.button--add-remove).button--icon--s .button__icon {
  height: 15px;
  width: 15px;
}
.button--icon:not(.button--add-remove).button--icon--m {
  width: 35px;
  height: 35px;
}
.button--icon:not(.button--add-remove).button--icon--m .button__icon {
  height: 25px;
  width: 25px;
}
.button--icon:not(.button--add-remove).button--icon--l {
  width: 40px;
  height: 40px;
}
.button--icon:not(.button--add-remove).button--icon--l .button__icon {
  height: 30px;
  width: 30px;
}

.button--with-icon.button--icon--xs {
  padding-left: 20px;
  padding-right: 20px;
}
.button--with-icon.button--icon--xs .button__icon {
  height: 13px;
  margin-left: 20px;
}

.button--auto {
  width: -moz-min-content;
  width: min-content;
  min-width: 170px;
}

.button--full {
  width: 100%;
}

.button--flat {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .button--flat {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .button--flat {
    font-size: 1rem;
    line-height: 24px;
  }
}
.button--flat {
  background-color: transparent;
  border-radius: 0px;
  border: none;
  color: #00539e;
  font-weight: 700;
  text-decoration: none;
  padding: 0;
}
.button--flat:hover, .button--flat:active, .button--flat:focus {
  color: currentColor;
  text-decoration: underline;
}

.button--with-count {
  position: relative;
  overflow: visible;
}

.button--add-remove {
  padding-left: 5px;
  padding-right: 5px;
}
.button--add-remove .button__icon {
  margin: 0;
}
.button--add-remove.button[disabled], .button--add-remove.button--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.3;
}
.button--add-remove .button__icon + .button__icon,
.button--add-remove .button__text + .button__icon {
  margin-left: 10px;
}

.button-small {
  padding: 2.5px 10px;
  background-color: white;
  color: #494e50;
  border-radius: 4px;
}

.button--is-caret-icon.button--icon {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  margin-right: 10px;
}

.index-button {
  z-index: 1;
}

.card-button {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px 20px;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
  color: #494e50;
  cursor: pointer;
  align-items: center;
  width: 100%;
}
.card-button .card-button__content--inline {
  display: flex;
  align-items: center;
}
.card-button .card-button__content--inline > *:not(:first-child) {
  margin-left: 20px;
}
.card-button + .card-button {
  margin-top: 10px;
}

.card-button--large {
  padding: 40px 30px;
}

.card-button--clickable,
.card-button[href] {
  cursor: pointer;
  text-decoration: none;
}
.card-button--clickable:hover, .card-button--clickable:active, .card-button--clickable:focus,
.card-button[href]:hover,
.card-button[href]:active,
.card-button[href]:focus {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  text-decoration: none;
  position: relative;
}
.card-button--clickable:hover .cta-icon, .card-button--clickable:active .cta-icon, .card-button--clickable:focus .cta-icon,
.card-button[href]:hover .cta-icon,
.card-button[href]:active .cta-icon,
.card-button[href]:focus .cta-icon {
  border-color: #00539e;
  color: #ffffff;
}
.card-button--clickable:hover .button--flat, .card-button--clickable:active .button--flat, .card-button--clickable:focus .button--flat,
.card-button[href]:hover .button--flat,
.card-button[href]:active .button--flat,
.card-button[href]:focus .button--flat {
  color: currentColor;
  text-decoration: underline;
}
.card-button--clickable.has-current-focus,
.card-button[href].has-current-focus {
  outline: 2px solid #077bc2;
}

.card-button--selected:hover .cta-icon .cta-icon__icon, .card-button--selected:active .cta-icon .cta-icon__icon, .card-button--selected:focus .cta-icon .cta-icon__icon {
  display: none;
}
.card-button--selected:hover .cta-icon .cta-icon__icon--on, .card-button--selected:active .cta-icon .cta-icon__icon--on, .card-button--selected:focus .cta-icon .cta-icon__icon--on {
  display: inline-block;
}
.card-button--selected .cta-icon {
  background-color: #00539e;
  border-color: #00539e;
  color: #ffffff;
}
.card-button--selected .cta-icon .cta-icon__icon {
  display: none;
}
.card-button--selected .cta-icon .cta-icon__icon--on {
  display: inline-block;
}

.card-button--disabled {
  pointer-events: none;
}

.card-editable {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px 20px;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
  color: #494e50;
  cursor: pointer;
  align-items: center;
  width: 100%;
}
.card-editable .card-button__content--inline {
  display: flex;
  align-items: center;
}
.card-editable .card-button__content--inline > *:not(:first-child) {
  margin-left: 20px;
}
.card-editable + .card-editable {
  margin-top: 10px;
}

.card-editable__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.card-editable__content > *:not(:first-child) {
  margin-left: 20px;
}

.card-editable__button-container {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}

.card-editable__button {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.card-editable__button:not(:first-child):before {
  content: "|";
  color: #cdcfcd;
}
.card-editable__button:last-child .card-editable__button__icon {
  margin-right: 5px;
}

.card-editable__button__icon {
  height: 20px;
  margin: 0 15px;
  width: 20px;
}

.card-editable--disabled {
  pointer-events: none;
}

.card-editable--disabled:hover,
.card-editable--no-edit:hover {
  cursor: inherit;
}

.cta-icon {
  border-radius: 100%;
  background-color: #e3f3fc;
  border: 1px solid #e3f3fc;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
}
.cta-icon:not(.cta-icon--no-hover):hover, .cta-icon:not(.cta-icon--no-hover):active, .cta-icon:not(.cta-icon--no-hover):focus {
  border-color: #00539e;
  color: #ffffff;
}
.cta-icon .cta-icon__icon {
  flex: none;
  fill: currentColor;
  stroke: currentColor;
  height: 20px;
  width: 20px;
}
.cta-icon .cta-icon__icon--on {
  display: none;
}

.cta-icon--selected {
  background-color: #00539e;
  border-color: #00539e;
  color: #ffffff;
}
.cta-icon--selected .cta-icon__icon {
  display: none;
}
.cta-icon--selected .cta-icon__icon--on {
  display: inline-block;
}
.cta-icon--selected:hover .cta-icon__icon, .cta-icon--selected:active .cta-icon__icon, .cta-icon--selected:focus .cta-icon__icon {
  display: none;
}
.cta-icon--selected:hover .cta-icon__icon--on, .cta-icon--selected:active .cta-icon__icon--on, .cta-icon--selected:focus .cta-icon__icon--on {
  display: inline-block;
}

.cta-icon--clickable {
  cursor: pointer;
  outline: 0;
}
.cta-icon--clickable.has-current-focus {
  outline: 2px solid #077bc2;
}

.cta-icon--disabled {
  background-color: #efeeee;
  border-color: #cdcfcd;
  color: #5c6062;
}
.cta-icon--disabled:hover, .cta-icon--disabled:active, .cta-icon--disabled:focus {
  background-color: #efeeee;
  border-color: #e3f3fc;
  color: #5c6062;
}

.cta-icon--disable-pointer-events {
  pointer-events: none;
}

.cta-icon--big {
  height: 100px;
  width: 100px;
}
.cta-icon--big .cta-icon__icon {
  height: 40px;
  width: 40px;
}

.cta-icon--medium {
  height: 40px;
  width: 40px;
}
.cta-icon--medium .cta-icon__icon {
  height: 12px;
  width: 12px;
}

.cta-icon--small {
  height: 35px;
  width: 35px;
}
.cta-icon--small .cta-icon__icon {
  height: 15px;
  width: 15px;
}

.cta-icon--cornflower-blue {
  background-color: #00539e;
  border-color: #ffffff;
}
.cta-icon--cornflower-blue .cta-icon__icon {
  fill: #ffffff;
}

.cta-icon--cornflower-blue {
  background-color: #00539e;
  border-color: #ffffff;
}
.cta-icon--cornflower-blue .cta-icon__icon {
  fill: #ffffff;
}

.icon {
  fill: currentColor;
  stroke: currentColor;
  width: 10px;
  height: 10px;
}

.icon--link {
  color: #00539e;
  cursor: pointer;
  height: 20px;
  margin: 0 15px;
  width: 20px;
}

.icon-s {
  height: 15px;
  width: 15px;
  stroke: currentColor;
}

.logo {
  display: block;
  max-width: 250px;
  max-height: 80px;
}
.logo img {
  max-width: 250px;
  max-height: 80px;
}
.logo .logo__icon {
  margin: 0 20px;
}

.loader {
  display: inline-block;
  border-width: 6px;
  border-style: solid;
  border-color: #00539e #ebf1f7 #ebf1f7;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  animation: spin 2s linear infinite;
}

.loader-small {
  width: 2rem;
  height: 2rem;
}

.loader--inline {
  max-width: 50px;
  max-height: 50px;
  border-width: 8px;
}

.loader.loader--loaded {
  border-color: #ebf1f7;
  animation: none;
}
.loader.loader--loaded svg {
  width: 30px;
  height: 30px;
  fill: #00539e;
}

.line-divider {
  background-color: #efeeee;
  display: block;
  margin: 20px 0;
  height: 1px;
}

.vertical-divider {
  background-color: #efeeee;
  display: inline-block;
  width: 1px;
  height: 20px;
  margin: 0 15px;
}
.vertical-divider.button-divider {
  height: 50px;
  margin: 0 30px;
}

.form-field.pin-divider-to-left {
  position: relative;
}
.form-field.pin-divider-to-left .vertical-divider {
  position: absolute;
  top: -30px;
  left: -15px;
  height: calc(100% + 30px);
}

.form-field.pin-divider-short-to-left {
  position: relative;
}
.form-field.pin-divider-short-to-left .vertical-divider {
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
}

.sub-field.pin-divider-to-left {
  position: relative;
}
.sub-field.pin-divider-to-left .vertical-divider {
  position: absolute;
  top: 0;
  left: -15px;
  height: 100%;
}

.vertical-divider--small {
  height: 15px;
}

.initials {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .initials {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .initials {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.initials {
  position: relative;
  display: block;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: 700;
}

.initials__count {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .initials__count {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .initials__count {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.initials__count {
  font-weight: 700;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  background-color: #00539e;
  color: #ffffff;
  position: absolute;
  top: -5px;
  right: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.download-animation {
  position: relative;
}

.download-animation__icon {
  width: 50px;
  height: 75px;
}

.download-animation__line {
  display: block;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 6px;
  left: 0;
  border-width: 2px;
}

.summary-value-display {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.summary-value-display + *:not(:last-child) {
  margin-right: 10px;
}

.summary-value-display__text {
  border-radius: 4px;
  background-color: #efeeee;
  padding: 10px 20px;
  flex-grow: 1;
}

.summary-value-display__icon {
  width: 20px;
  height: 20px;
}

.summary-value-display--icon-right .summary-value-display__icon {
  order: 1;
}

.loader-screen {
  background-color: white;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 34;
  text-align: center;
}
#embark-app .loader-screen {
  position: fixed;
  top: 60px;
}
.full-screen-mode #embark-app .loader-screen {
  top: 0;
}
#embark-app .loader-screen {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #embark-app .loader-screen {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) #embark-app .loader-screen {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode #embark-app .loader-screen, .full-screen-mode .shell-level--2 #embark-app .loader-screen {
    left: 0;
    width: 100%;
  }
}

.loader-screen__content {
  position: relative;
}
.loader-screen__content .loader {
  margin: 0 auto;
}

.loader-screen__title {
  color: #00539e;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}

.loader-screen.loader-screen--box {
  height: inherit;
  position: relative;
  z-index: inherit;
}

.protections-flat-list dd {
  margin-bottom: 10px;
  font-weight: 400;
}
.protections-flat-list dt {
  font-weight: 700;
}

.meter-button.meter-button--primary {
  color: black;
  padding: 15px 5px 10px;
  border-radius: 10px;
  border: 4px solid #007884;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.meter-button.meter-button--primary:hover {
  background-color: rgb(0, 166.3636363636, 183);
}
.meter-button.meter-button--primary:active, .meter-button.meter-button--primary:focus {
  text-decoration: none;
}
.meter-button.meter-button--primary:not(.meter-button-large) {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .meter-button.meter-button--primary:not(.meter-button-large) {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .meter-button.meter-button--primary:not(.meter-button-large) {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--primary:not(.meter-button-large) {
    padding: 20px 15px 15px;
  }
}
.meter-button.meter-button--primary.meter-button-large {
  font-size: 0.875rem;
  line-height: 20px;
}
@media (min-width: 460px) {
  .meter-button.meter-button--primary.meter-button-large {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .meter-button.meter-button--primary.meter-button-large {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--primary.meter-button-large {
    font-size: 1.9375rem;
    line-height: 50px;
  }
}
@media (min-width: 1440px) {
  .meter-button.meter-button--primary.meter-button-large {
    font-size: 2.5rem;
    line-height: 50px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--primary.meter-button-large {
    padding: 30px 25px 25px;
  }
}
.meter-button.meter-button--primary:not(div):not(span) {
  cursor: pointer;
}
.meter-button.meter-button--primary.button--disabled, .meter-button.meter-button--primary[disabled] {
  background-color: rgba(0, 120, 132, 0.8);
}
.meter-button.meter-button--primary .icon-wrapper {
  display: block;
  padding: 0 10px;
  padding-bottom: 0;
}
.meter-button.meter-button--primary .icon-wrapper svg path {
  fill: #007884;
}
.meter-button.meter-button--primary h1,
.meter-button.meter-button--primary h2,
.meter-button.meter-button--primary h3,
.meter-button.meter-button--primary h4,
.meter-button.meter-button--primary h5,
.meter-button.meter-button--primary h6 {
  display: block;
  text-align: center;
}
.meter-button.meter-button--secondary {
  color: black;
  padding: 15px 5px 10px;
  border-radius: 10px;
  border: 4px solid #672565;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.meter-button.meter-button--secondary:hover {
  background-color: rgb(140.5214285714, 50.4785714286, 137.7928571429);
}
.meter-button.meter-button--secondary:active, .meter-button.meter-button--secondary:focus {
  text-decoration: none;
}
.meter-button.meter-button--secondary:not(.meter-button-large) {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .meter-button.meter-button--secondary:not(.meter-button-large) {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .meter-button.meter-button--secondary:not(.meter-button-large) {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--secondary:not(.meter-button-large) {
    padding: 20px 15px 15px;
  }
}
.meter-button.meter-button--secondary.meter-button-large {
  font-size: 0.875rem;
  line-height: 20px;
}
@media (min-width: 460px) {
  .meter-button.meter-button--secondary.meter-button-large {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .meter-button.meter-button--secondary.meter-button-large {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--secondary.meter-button-large {
    font-size: 1.9375rem;
    line-height: 50px;
  }
}
@media (min-width: 1440px) {
  .meter-button.meter-button--secondary.meter-button-large {
    font-size: 2.5rem;
    line-height: 50px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--secondary.meter-button-large {
    padding: 30px 25px 25px;
  }
}
.meter-button.meter-button--secondary:not(div):not(span) {
  cursor: pointer;
}
.meter-button.meter-button--secondary.button--disabled, .meter-button.meter-button--secondary[disabled] {
  background-color: rgba(103, 37, 101, 0.8);
}
.meter-button.meter-button--secondary .icon-wrapper {
  display: block;
  padding: 0 10px;
  padding-bottom: 0;
}
.meter-button.meter-button--secondary .icon-wrapper svg path {
  fill: #672565;
}
.meter-button.meter-button--secondary h1,
.meter-button.meter-button--secondary h2,
.meter-button.meter-button--secondary h3,
.meter-button.meter-button--secondary h4,
.meter-button.meter-button--secondary h5,
.meter-button.meter-button--secondary h6 {
  display: block;
  text-align: center;
}
.meter-button.meter-button--tertiary {
  color: black;
  padding: 15px 5px 10px;
  border-radius: 10px;
  border: 4px solid #077bc2;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.meter-button.meter-button--tertiary:hover {
  background-color: rgb(8.776119403, 154.2089552239, 243.223880597);
}
.meter-button.meter-button--tertiary:active, .meter-button.meter-button--tertiary:focus {
  text-decoration: none;
}
.meter-button.meter-button--tertiary:not(.meter-button-large) {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .meter-button.meter-button--tertiary:not(.meter-button-large) {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .meter-button.meter-button--tertiary:not(.meter-button-large) {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--tertiary:not(.meter-button-large) {
    padding: 20px 15px 15px;
  }
}
.meter-button.meter-button--tertiary.meter-button-large {
  font-size: 0.875rem;
  line-height: 20px;
}
@media (min-width: 460px) {
  .meter-button.meter-button--tertiary.meter-button-large {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .meter-button.meter-button--tertiary.meter-button-large {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--tertiary.meter-button-large {
    font-size: 1.9375rem;
    line-height: 50px;
  }
}
@media (min-width: 1440px) {
  .meter-button.meter-button--tertiary.meter-button-large {
    font-size: 2.5rem;
    line-height: 50px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--tertiary.meter-button-large {
    padding: 30px 25px 25px;
  }
}
.meter-button.meter-button--tertiary:not(div):not(span) {
  cursor: pointer;
}
.meter-button.meter-button--tertiary.button--disabled, .meter-button.meter-button--tertiary[disabled] {
  background-color: rgba(7, 123, 194, 0.8);
}
.meter-button.meter-button--tertiary .icon-wrapper {
  display: block;
  padding: 0 10px;
  padding-bottom: 0;
}
.meter-button.meter-button--tertiary .icon-wrapper svg path {
  fill: #077bc2;
}
.meter-button.meter-button--tertiary h1,
.meter-button.meter-button--tertiary h2,
.meter-button.meter-button--tertiary h3,
.meter-button.meter-button--tertiary h4,
.meter-button.meter-button--tertiary h5,
.meter-button.meter-button--tertiary h6 {
  display: block;
  text-align: center;
}
.meter-button.meter-button--hollow {
  color: #494e50;
  padding: 15px 5px 10px;
  border-radius: 10px;
  border: 4px solid #00539e;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.meter-button.meter-button--hollow:hover {
  background-color: hsl(201.6, 80.6451612903%, 103.9215686275%);
}
.meter-button.meter-button--hollow:active, .meter-button.meter-button--hollow:focus {
  text-decoration: none;
}
.meter-button.meter-button--hollow:not(.meter-button-large) {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .meter-button.meter-button--hollow:not(.meter-button-large) {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .meter-button.meter-button--hollow:not(.meter-button-large) {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--hollow:not(.meter-button-large) {
    padding: 20px 15px 15px;
  }
}
.meter-button.meter-button--hollow.meter-button-large {
  font-size: 0.875rem;
  line-height: 20px;
}
@media (min-width: 460px) {
  .meter-button.meter-button--hollow.meter-button-large {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .meter-button.meter-button--hollow.meter-button-large {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--hollow.meter-button-large {
    font-size: 1.9375rem;
    line-height: 50px;
  }
}
@media (min-width: 1440px) {
  .meter-button.meter-button--hollow.meter-button-large {
    font-size: 2.5rem;
    line-height: 50px;
  }
}
@media (min-width: 1024px) {
  .meter-button.meter-button--hollow.meter-button-large {
    padding: 30px 25px 25px;
  }
}
.meter-button.meter-button--hollow:not(div):not(span) {
  cursor: pointer;
}
.meter-button.meter-button--hollow.button--disabled, .meter-button.meter-button--hollow[disabled] {
  background-color: #e3f3fc;
}
.meter-button.meter-button--hollow .icon-wrapper {
  display: block;
  padding: 0 10px;
  padding-bottom: 0;
}
.meter-button.meter-button--hollow .icon-wrapper svg path {
  fill: #00539e;
}
.meter-button.meter-button--hollow h1,
.meter-button.meter-button--hollow h2,
.meter-button.meter-button--hollow h3,
.meter-button.meter-button--hollow h4,
.meter-button.meter-button--hollow h5,
.meter-button.meter-button--hollow h6 {
  display: block;
  text-align: center;
}

.card.card--meter-primary {
  background-color: #007884;
  color: white;
  border-radius: 10px;
}
.card.card--meter-primary label {
  color: white;
}
.card.card--meter-primary label .tooltip__button {
  border-color: white;
}
.card.card--meter-primary label .tooltip__button__icon {
  fill: white;
}
.card.card--meter-primary .card {
  background-color: white;
  color: #494e50;
  border-radius: 10px;
}
.card.card--meter-primary .card label {
  color: #494e50;
}

.grid-x.grid--meter-primary .cell {
  background-color: #007884;
}

.tabs.tabs--meter-primary .tabs-title > a::after {
  background-color: #007884;
}

.card.card--meter-secondary {
  background-color: #672565;
  color: white;
  border-radius: 10px;
}
.card.card--meter-secondary label {
  color: white;
}
.card.card--meter-secondary label .tooltip__button {
  border-color: white;
}
.card.card--meter-secondary label .tooltip__button__icon {
  fill: white;
}
.card.card--meter-secondary .card {
  background-color: white;
  color: #494e50;
  border-radius: 10px;
}
.card.card--meter-secondary .card label {
  color: #494e50;
}

.grid-x.grid--meter-secondary .cell {
  background-color: #672565;
}

.tabs.tabs--meter-secondary .tabs-title > a::after {
  background-color: #672565;
}

.card.card--meter-tertiary {
  background-color: #077bc2;
  color: white;
  border-radius: 10px;
}
.card.card--meter-tertiary label {
  color: white;
}
.card.card--meter-tertiary label .tooltip__button {
  border-color: white;
}
.card.card--meter-tertiary label .tooltip__button__icon {
  fill: white;
}
.card.card--meter-tertiary .card {
  background-color: white;
  color: #494e50;
  border-radius: 10px;
}
.card.card--meter-tertiary .card label {
  color: #494e50;
}

.grid-x.grid--meter-tertiary .cell {
  background-color: #077bc2;
}

.tabs.tabs--meter-tertiary .tabs-title > a::after {
  background-color: #077bc2;
}

.card.card--meter-hollow {
  background-color: #e3f3fc;
  color: #494e50;
  border-radius: 10px;
}
.card.card--meter-hollow label {
  color: #494e50;
}
.card.card--meter-hollow label .tooltip__button {
  border-color: #494e50;
}
.card.card--meter-hollow label .tooltip__button__icon {
  fill: #494e50;
}
.card.card--meter-hollow .card {
  background-color: white;
  color: #494e50;
  border-radius: 10px;
}
.card.card--meter-hollow .card label {
  color: #494e50;
}

.grid-x.grid--meter-hollow .cell {
  background-color: #e3f3fc;
}

.tabs.tabs--meter-hollow .tabs-title > a::after {
  background-color: #e3f3fc;
}

svg.circle {
  width: 24px;
  height: 24px;
}
svg.circle.dashed circle {
  stroke-dasharray: 3.45 4;
  stroke-dashoffset: 2.15;
}
svg.circle.dashed-wide circle {
  stroke-dasharray: 11 4;
  stroke-dashoffset: 6;
}
svg.circle.full circle {
  stroke-width: 3;
}

.shell:not(.mobile) {
  overflow-x: hidden;
  overflow-y: auto;
}

@media screen and (min-width: ) {
  .shell:not(.mobile) {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .shell:not(.mobile) {
    padding-left: 60px;
  }
  .shell-level--2:not(.mobile) {
    padding-left: 120px;
  }
}
@media screen and (-webkit-device-pixel-ratio: 1.25) and (min-width: 48em) and (max-width: 89.99em) {
  .shell:not(.mobile) {
    zoom: 0.75;
  }
}
.content-container {
  position: relative;
  padding: 25px 0;
}

@media screen and (min-width: 768px) {
  .content-container {
    padding: 50px 0;
  }
}
@media screen and (min-width: 1366px) {
  .page-content {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.page-content {
  min-height: 800px;
}

.mobile .page-content {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .page-content {
    min-height: calc(100vh - 297px);
  }
}
@media print, screen and (min-width: 28.75em) {
  .small-order-1 {
    order: 1;
  }
  .small-order-2 {
    order: 2;
  }
  .small-order-3 {
    order: 3;
  }
  .small-order-4 {
    order: 4;
  }
  .small-order-5 {
    order: 5;
  }
  .small-order-6 {
    order: 6;
  }
}
.screen0-order-1 {
  order: 1;
}

.screen0-order-2 {
  order: 2;
}

.screen0-order-3 {
  order: 3;
}

.screen0-order-4 {
  order: 4;
}

.screen0-order-5 {
  order: 5;
}

.screen0-order-6 {
  order: 6;
}

@media screen and (min-width: 28.75em) {
  .screen460-order-1 {
    order: 1;
  }
  .screen460-order-2 {
    order: 2;
  }
  .screen460-order-3 {
    order: 3;
  }
  .screen460-order-4 {
    order: 4;
  }
  .screen460-order-5 {
    order: 5;
  }
  .screen460-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 48em) {
  .screen768-order-1 {
    order: 1;
  }
  .screen768-order-2 {
    order: 2;
  }
  .screen768-order-3 {
    order: 3;
  }
  .screen768-order-4 {
    order: 4;
  }
  .screen768-order-5 {
    order: 5;
  }
  .screen768-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 64em) {
  .screen1000-order-1 {
    order: 1;
  }
  .screen1000-order-2 {
    order: 2;
  }
  .screen1000-order-3 {
    order: 3;
  }
  .screen1000-order-4 {
    order: 4;
  }
  .screen1000-order-5 {
    order: 5;
  }
  .screen1000-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 75em) {
  .screen1200-order-1 {
    order: 1;
  }
  .screen1200-order-2 {
    order: 2;
  }
  .screen1200-order-3 {
    order: 3;
  }
  .screen1200-order-4 {
    order: 4;
  }
  .screen1200-order-5 {
    order: 5;
  }
  .screen1200-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 85.375em) {
  .screen1366-order-1 {
    order: 1;
  }
  .screen1366-order-2 {
    order: 2;
  }
  .screen1366-order-3 {
    order: 3;
  }
  .screen1366-order-4 {
    order: 4;
  }
  .screen1366-order-5 {
    order: 5;
  }
  .screen1366-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 90em) {
  .screen1400-order-1 {
    order: 1;
  }
  .screen1400-order-2 {
    order: 2;
  }
  .screen1400-order-3 {
    order: 3;
  }
  .screen1400-order-4 {
    order: 4;
  }
  .screen1400-order-5 {
    order: 5;
  }
  .screen1400-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 100em) {
  .screen1600-order-1 {
    order: 1;
  }
  .screen1600-order-2 {
    order: 2;
  }
  .screen1600-order-3 {
    order: 3;
  }
  .screen1600-order-4 {
    order: 4;
  }
  .screen1600-order-5 {
    order: 5;
  }
  .screen1600-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 120em) {
  .screen1920-order-1 {
    order: 1;
  }
  .screen1920-order-2 {
    order: 2;
  }
  .screen1920-order-3 {
    order: 3;
  }
  .screen1920-order-4 {
    order: 4;
  }
  .screen1920-order-5 {
    order: 5;
  }
  .screen1920-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 160em) {
  .screen2560-order-1 {
    order: 1;
  }
  .screen2560-order-2 {
    order: 2;
  }
  .screen2560-order-3 {
    order: 3;
  }
  .screen2560-order-4 {
    order: 4;
  }
  .screen2560-order-5 {
    order: 5;
  }
  .screen2560-order-6 {
    order: 6;
  }
}
.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

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

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

.flex-dir-column {
  flex-direction: column;
}

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

.screen0-flex-container {
  display: flex;
}

.screen0-flex-child-auto {
  flex: 1 1 auto;
}

.screen0-flex-child-grow {
  flex: 1 0 auto;
}

.screen0-flex-child-shrink {
  flex: 0 1 auto;
}

.screen0-flex-dir-row {
  flex-direction: row;
}

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

.screen0-flex-dir-column {
  flex-direction: column;
}

.screen0-flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media screen and (min-width: 28.75em) {
  .screen460-flex-container {
    display: flex;
  }
  .screen460-flex-child-auto {
    flex: 1 1 auto;
  }
  .screen460-flex-child-grow {
    flex: 1 0 auto;
  }
  .screen460-flex-child-shrink {
    flex: 0 1 auto;
  }
  .screen460-flex-dir-row {
    flex-direction: row;
  }
  .screen460-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .screen460-flex-dir-column {
    flex-direction: column;
  }
  .screen460-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 48em) {
  .screen768-flex-container {
    display: flex;
  }
  .screen768-flex-child-auto {
    flex: 1 1 auto;
  }
  .screen768-flex-child-grow {
    flex: 1 0 auto;
  }
  .screen768-flex-child-shrink {
    flex: 0 1 auto;
  }
  .screen768-flex-dir-row {
    flex-direction: row;
  }
  .screen768-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .screen768-flex-dir-column {
    flex-direction: column;
  }
  .screen768-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 64em) {
  .screen1000-flex-container {
    display: flex;
  }
  .screen1000-flex-child-auto {
    flex: 1 1 auto;
  }
  .screen1000-flex-child-grow {
    flex: 1 0 auto;
  }
  .screen1000-flex-child-shrink {
    flex: 0 1 auto;
  }
  .screen1000-flex-dir-row {
    flex-direction: row;
  }
  .screen1000-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .screen1000-flex-dir-column {
    flex-direction: column;
  }
  .screen1000-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 75em) {
  .screen1200-flex-container {
    display: flex;
  }
  .screen1200-flex-child-auto {
    flex: 1 1 auto;
  }
  .screen1200-flex-child-grow {
    flex: 1 0 auto;
  }
  .screen1200-flex-child-shrink {
    flex: 0 1 auto;
  }
  .screen1200-flex-dir-row {
    flex-direction: row;
  }
  .screen1200-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .screen1200-flex-dir-column {
    flex-direction: column;
  }
  .screen1200-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 85.375em) {
  .screen1366-flex-container {
    display: flex;
  }
  .screen1366-flex-child-auto {
    flex: 1 1 auto;
  }
  .screen1366-flex-child-grow {
    flex: 1 0 auto;
  }
  .screen1366-flex-child-shrink {
    flex: 0 1 auto;
  }
  .screen1366-flex-dir-row {
    flex-direction: row;
  }
  .screen1366-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .screen1366-flex-dir-column {
    flex-direction: column;
  }
  .screen1366-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 90em) {
  .screen1400-flex-container {
    display: flex;
  }
  .screen1400-flex-child-auto {
    flex: 1 1 auto;
  }
  .screen1400-flex-child-grow {
    flex: 1 0 auto;
  }
  .screen1400-flex-child-shrink {
    flex: 0 1 auto;
  }
  .screen1400-flex-dir-row {
    flex-direction: row;
  }
  .screen1400-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .screen1400-flex-dir-column {
    flex-direction: column;
  }
  .screen1400-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 100em) {
  .screen1600-flex-container {
    display: flex;
  }
  .screen1600-flex-child-auto {
    flex: 1 1 auto;
  }
  .screen1600-flex-child-grow {
    flex: 1 0 auto;
  }
  .screen1600-flex-child-shrink {
    flex: 0 1 auto;
  }
  .screen1600-flex-dir-row {
    flex-direction: row;
  }
  .screen1600-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .screen1600-flex-dir-column {
    flex-direction: column;
  }
  .screen1600-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 120em) {
  .screen1920-flex-container {
    display: flex;
  }
  .screen1920-flex-child-auto {
    flex: 1 1 auto;
  }
  .screen1920-flex-child-grow {
    flex: 1 0 auto;
  }
  .screen1920-flex-child-shrink {
    flex: 0 1 auto;
  }
  .screen1920-flex-dir-row {
    flex-direction: row;
  }
  .screen1920-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .screen1920-flex-dir-column {
    flex-direction: column;
  }
  .screen1920-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 160em) {
  .screen2560-flex-container {
    display: flex;
  }
  .screen2560-flex-child-auto {
    flex: 1 1 auto;
  }
  .screen2560-flex-child-grow {
    flex: 1 0 auto;
  }
  .screen2560-flex-child-shrink {
    flex: 0 1 auto;
  }
  .screen2560-flex-dir-row {
    flex-direction: row;
  }
  .screen2560-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .screen2560-flex-dir-column {
    flex-direction: column;
  }
  .screen2560-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.hide-for-screen0 {
  display: none !important;
}

.show-for-screen0 {
  display: none !important;
}

@media screen and (max-width: 28.74875em) {
  .hide-for-screen0-only {
    display: none !important;
  }
}
@media screen and (max-width: 0em), screen and (min-width: 28.75em) {
  .show-for-screen0-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 28.75em) and (max-width: 47.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}
@media screen and (max-width: 28.74875em), screen and (min-width: 48em) {
  .show-for-small-only {
    display: none !important;
  }
}
@media screen and (min-width: 28.75em) {
  .hide-for-screen460 {
    display: none !important;
  }
}
@media screen and (max-width: 28.74875em) {
  .show-for-screen460 {
    display: none !important;
  }
}
@media screen and (min-width: 28.75em) and (max-width: 47.99875em) {
  .hide-for-screen460-only {
    display: none !important;
  }
}
@media screen and (max-width: 28.74875em), screen and (min-width: 48em) {
  .show-for-screen460-only {
    display: none !important;
  }
}
@media screen and (min-width: 48em) {
  .hide-for-screen768 {
    display: none !important;
  }
}
@media screen and (max-width: 47.99875em) {
  .show-for-screen768 {
    display: none !important;
  }
}
@media screen and (min-width: 48em) and (max-width: 63.99875em) {
  .hide-for-screen768-only {
    display: none !important;
  }
}
@media screen and (max-width: 47.99875em), screen and (min-width: 64em) {
  .show-for-screen768-only {
    display: none !important;
  }
}
@media screen and (min-width: 64em) {
  .hide-for-screen1000 {
    display: none !important;
  }
}
@media screen and (max-width: 63.99875em) {
  .show-for-screen1000 {
    display: none !important;
  }
}
@media screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-screen1000-only {
    display: none !important;
  }
}
@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-screen1000-only {
    display: none !important;
  }
}
@media screen and (min-width: 75em) {
  .hide-for-screen1200 {
    display: none !important;
  }
}
@media screen and (max-width: 74.99875em) {
  .show-for-screen1200 {
    display: none !important;
  }
}
@media screen and (min-width: 75em) and (max-width: 85.37375em) {
  .hide-for-screen1200-only {
    display: none !important;
  }
}
@media screen and (max-width: 74.99875em), screen and (min-width: 85.375em) {
  .show-for-screen1200-only {
    display: none !important;
  }
}
@media screen and (min-width: 85.375em) {
  .hide-for-screen1366 {
    display: none !important;
  }
}
@media screen and (max-width: 85.37375em) {
  .show-for-screen1366 {
    display: none !important;
  }
}
@media screen and (min-width: 85.375em) and (max-width: 89.99875em) {
  .hide-for-screen1366-only {
    display: none !important;
  }
}
@media screen and (max-width: 85.37375em), screen and (min-width: 90em) {
  .show-for-screen1366-only {
    display: none !important;
  }
}
@media screen and (min-width: 90em) {
  .hide-for-screen1400 {
    display: none !important;
  }
}
@media screen and (max-width: 89.99875em) {
  .show-for-screen1400 {
    display: none !important;
  }
}
@media screen and (min-width: 90em) and (max-width: 99.99875em) {
  .hide-for-screen1400-only {
    display: none !important;
  }
}
@media screen and (max-width: 89.99875em), screen and (min-width: 100em) {
  .show-for-screen1400-only {
    display: none !important;
  }
}
@media screen and (min-width: 100em) {
  .hide-for-screen1600 {
    display: none !important;
  }
}
@media screen and (max-width: 99.99875em) {
  .show-for-screen1600 {
    display: none !important;
  }
}
@media screen and (min-width: 100em) and (max-width: 119.99875em) {
  .hide-for-screen1600-only {
    display: none !important;
  }
}
@media screen and (max-width: 99.99875em), screen and (min-width: 120em) {
  .show-for-screen1600-only {
    display: none !important;
  }
}
@media screen and (min-width: 120em) {
  .hide-for-screen1920 {
    display: none !important;
  }
}
@media screen and (max-width: 119.99875em) {
  .show-for-screen1920 {
    display: none !important;
  }
}
@media screen and (min-width: 120em) and (max-width: 159.99875em) {
  .hide-for-screen1920-only {
    display: none !important;
  }
}
@media screen and (max-width: 119.99875em), screen and (min-width: 160em) {
  .show-for-screen1920-only {
    display: none !important;
  }
}
@media screen and (min-width: 160em) {
  .hide-for-screen2560 {
    display: none !important;
  }
}
@media screen and (max-width: 159.99875em) {
  .show-for-screen2560 {
    display: none !important;
  }
}
@media screen and (min-width: 160em) {
  .hide-for-screen2560-only {
    display: none !important;
  }
}
@media screen and (max-width: 159.99875em) {
  .show-for-screen2560-only {
    display: none !important;
  }
}
.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active,
.show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}
.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}
.tabs {
  margin: 0;
  border: 1px solid #cdcfcd;
  background: #fefefe;
  list-style-type: none;
}

.tabs::before,
.tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}

.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}

.tabs.simple > li > a:hover {
  background: rgba(0, 0, 0, 0);
}

.tabs.primary {
  background: #1779ba;
}

.tabs.primary > li > a {
  color: #fefefe;
}

.tabs.primary > li > a:hover,
.tabs.primary > li > a:focus {
  background: #1673b1;
}

.tabs-title {
  float: left;
}

.tabs-title > a {
  display: block;
  padding: 0.9375rem 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #494e50;
}

[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}

.tabs-title > a:hover {
  background: #fff;
  color: #3f4345;
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected=true] {
  background: #e3f3fc;
  color: #494e50;
}

.tabs-content {
  border: 1px solid #cdcfcd;
  border-top: 0;
  background: #fff;
  color: #494e50;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #cdcfcd;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1.5625rem 0;
}

.tabs-panel.is-active {
  display: block;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex {
  flex: 1;
}

.w-100 {
  display: block;
  width: 100%;
  max-width: inherit;
}

.h-100 {
  height: 100%;
}

.stickied-top {
  position: fixed;
  z-index: 1;
}

.hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  visibility: collapse;
}

.fade-out {
  opacity: 0;
  transition: ease-out 0.3s opacity;
}

.justify-end {
  justify-content: end;
}

#optanon .optanon-status-editable form {
  overflow-wrap: normal;
}

@media screen and (-webkit-device-pixel-ratio: 1.25) and (min-width: 48em) and (max-width: 89.99em) {
  #optanon,
  .optanon-status-editable {
    zoom: 0.75;
  }
  .loader-screen {
    height: 100% !important;
  }
}
.grid-container.u-padding-top-l {
  padding-top: 20px !important;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

label.flex-container.align-justify.u-position-relative .tooltip {
  margin-right: 5px;
}

.poc-dashboard-header {
  width: 100%;
}

@media screen and (min-width: 48em) {
  .allowance-screen-width {
    max-width: 585px;
  }
  .choice-confirmation-screen-width {
    max-width: 585px;
  }
}
@media screen and (min-width: 64em) {
  .allowance-screen-width {
    max-width: 610px;
  }
  .choice-confirmation-screen-width {
    max-width: 610px;
  }
}
@media screen and (min-width: 90em) {
  .allowance-screen-width {
    max-width: 610px;
  }
  .choice-confirmation-screen-width {
    max-width: 610px;
  }
}
@media print {
  @page {
    size: auto;
    margin: 1mm;
  }
  body {
    background-color: #fff !important;
    color: #1d1d1d !important;
  }
  .shell-level--2 {
    padding-left: 0;
  }
  .progress-indicator {
    display: none;
  }
  .sidebar {
    display: none;
  }
  .section-action-header {
    margin-top: 30px;
  }
  .page-header {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .page-header + .section-action-header {
    margin-top: 0;
  }
  .grid-x.show-for-print {
    display: flex !important;
  }
  .grid-x.show-for-print.hide {
    display: flex !important;
  }
  .module {
    -moz-column-break-inside: auto;
    break-inside: auto;
  }
  .module .module__content {
    -moz-column-break-inside: auto;
    break-inside: auto;
  }
  table thead tr:first-child th:first-child {
    border-top-left-radius: 0;
  }
  table thead tr:first-child th:last-child {
    border-top-right-radius: 0;
  }
  table thead tr th {
    background-color: #fefefe;
    color: #0a0a0a;
    border-top: 3px solid #1b252c;
    border-bottom: 3px solid #1b252c;
  }
  table thead tr th:first-child {
    border-top-left-radius: 0;
  }
  table thead tr th:last-child {
    border-top-right-radius: 0;
  }
  table tfoot tr td {
    background-color: #fefefe;
    color: #0a0a0a;
  }
  table tfoot td {
    background-color: #fefefe;
    color: #0a0a0a;
  }
  table.show-for-print {
    display: table !important;
  }
  .footer-chat-button.enabled {
    display: none;
  }
  .summary-details {
    padding: 20px !important;
  }
  .summary-details .screen768-4 {
    width: calc(25% - 1.25rem);
  }
  .summary-details .screen768-8 {
    width: calc(75% - 1.25rem);
  }
  .back-to-top-btn {
    display: none !important;
  }
  .page-footer {
    display: none;
  }
  .line-divider {
    margin: 30px 0 !important;
  }
  .u-content-container-inner-content,
  .u-content-container-786 {
    max-width: none !important;
  }
  .alert-message,
  .inline-alert-message {
    background-color: #f6f6f6 !important;
    color: #1d1d1d !important;
    border: 1px solid #1d1d1d !important;
    border-radius: 0 !important;
  }
  .alert-message svg,
  .inline-alert-message svg {
    color: #1d1d1d !important;
  }
  .alert-message__header__text,
  .inline-alert-message__text {
    color: #1d1d1d !important;
  }
  .module,
  .summary-strip {
    box-shadow: none;
    border: 1px solid #efeeee;
    border-radius: 10px !important;
  }
  .module.investment-strategy {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
  }
  .summary-strip {
    background-color: aqua !important;
  }
  .summary-strip--grouping .summary-strip__meta {
    display: flex;
    flex-grow: 1;
    padding: 20px !important;
    justify-content: flex-start;
  }
  .summary-strip--grouping .summary-strip__meta .summary-strip__meta__group {
    width: 100%;
    padding: 0;
  }
  .summary-strip--grouping .summary-strip__meta .summary-strip__meta__group .summary-strip__item {
    flex: 1;
    margin-bottom: 0;
  }
  .cobrowsing_nosync,
  #channelme-siteconnect-container {
    display: none;
  }
  .text-label__label {
    border: 1px solid #1d1d1d;
    color: #1d1d1d;
    background-color: #fff;
  }
  .total-summary-row .icon-text__text,
  .total-summary-row td {
    color: #1d1d1d;
  }
  .journey--onboarding-multi-journey .sticky-heading-grid--headings__underlined:after {
    display: none;
  }
  .journey--onboarding-multi-journey .section-action-header {
    margin: 30px 0 !important;
  }
  .journey--onboarding-multi-journey .client-summary-bar {
    border: none !important;
  }
  .journey--onboarding-multi-journey .client-summary-bar .summary-strip__meta {
    border-bottom: 1px solid #efeeee !important;
    width: 100%;
  }
  .journey--onboarding-multi-journey .client-summary-bar .summary-strip__meta .summary-strip__meta__group {
    display: flex;
    justify-content: space-between;
  }
  .journey--onboarding-multi-journey .client-summary-bar .summary-strip__meta .summary-strip__meta__group .summary-strip__item {
    margin: 0;
    width: auto;
  }
  .journey--onboarding-multi-journey .module--nested-module {
    border: none;
  }
  .journey--onboarding-multi-journey .section-action-header .t-heading-3 {
    font-family: Open Sans, Arial, serif;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 30px;
    color: #1d1d1d;
  }
  .journey--onboarding-multi-journey .section-action-header + .sticky-heading-grid--item {
    padding-top: 0 !important;
  }
  .journey--onboarding-multi-journey .summary-strip .summary-strip__meta {
    display: flex;
    padding: 20px !important;
    justify-content: flex-start;
  }
  .journey--onboarding-multi-journey .summary-strip .summary-strip__meta .summary-strip__item {
    width: 25%;
    margin-bottom: 0;
  }
  .hide-for-print {
    display: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .show-only-print {
    display: block !important;
  }
  .break-inside-avoid {
    -moz-column-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .break-before {
    -moz-column-break-before: always !important;
    break-before: always !important;
  }
  .break-before-page {
    -moz-column-break-before: page !important;
    break-before: page !important;
  }
  .break-before-auto {
    -moz-column-break-before: auto !important;
    break-before: auto !important;
  }
  .break-before-avoid {
    -moz-column-break-before: avoid !important;
    break-before: avoid !important;
  }
  .break-after {
    -moz-column-break-after: always !important;
    break-after: always !important;
  }
  .break-after-page {
    -moz-column-break-after: page !important;
    break-after: page !important;
  }
  .break-after-auto {
    -moz-column-break-after: auto !important;
    break-after: auto !important;
  }
  .break-after-avoid {
    -moz-column-break-after: avoid !important;
    break-after: avoid !important;
  }
}
/*Font Family*/
body * {
  font-family: "SW Unit Rounded Pro", Arial, sans-serif !important;
}

/*Picker 1*/
.u-bg-primary,
.button:not(.button--flat):not(.button--secondary):not(.button--disabled):not(.button--tertiary):not(.button--hollow):not(.button--is-caret-icon),
.cta-icon:not(.cta-icon--no-hover):hover,
.cta-icon:not(.cta-icon--no-hover):active,
.cta-icon:not(.cta-icon--no-hover):focus,
.dashboard-module--clickable:hover .cta-icon,
.dashboard-module--clickable:active .cta-icon,
.dashboard-module--clickable:focus .cta-icon,
.dashboard-module[href]:hover .cta-icon,
.dashboard-module[href]:active .cta-icon,
.dashboard-module[href]:focus .cta-icon,
button.dashboard-module.mini-product-card:hover .cta-icon,
button.dashboard-module.mini-product-card:active .cta-icon,
button.dashboard-module.mini-product-card:focus .cta-icon,
.my-documents-item:hover .my-documents-item__button,
.my-documents-item:active .my-documents-item__button,
.my-documents-item:focus .my-documents-item__button,
.button.has-current-focus:not(:disabled) {
  background-color: #e61a1a;
  border-color: #e61a1a;
}

input.has-current-focus:not(:-moz-read-only):not(:disabled), select.has-current-focus:not(:-moz-read-only):not(:disabled), textarea.has-current-focus:not(:-moz-read-only):not(:disabled) {
  outline: 2px solid #912227 !important;
}

a.has-current-focus,
button.has-current-focus,
.checkbox-input.has-current-focus:not(.checkbox-input--disabled).checkbox-input--card,
.checkbox-input.has-current-focus:not(.checkbox-input--disabled).checkbox-input__control,
.radio-input.has-current-focus:not(.radio-input--disabled),
.react-select .react-select__control.has-current-focus:not(.react-select__control--is-disabled),
select:focus.has-current-focus:not(:disabled),
.cta-icon--clickable.has-current-focus,
input.has-current-focus:not(:read-only):not(:disabled),
select.has-current-focus:not(:read-only):not(:disabled),
textarea.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #912227 !important;
}

.react-select .react-select__option:hover,
.react-select-async .react-select__option:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.loader {
  border-color: #912227 rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05);
}

.card--clickable:hover .cta-icon,
.card--clickable:active .cta-icon,
.card--clickable:focus .cta-icon,
.card[href]:hover .cta-icon,
.card[href]:active .cta-icon,
.card[href]:focus .cta-icon,
.card-button[href]:hover .cta-icon,
.card-button[href]:active .cta-icon,
.card-button[href]:focus .cta-icon,
.card[type=submit]:hover .cta-icon,
.card[type=submit]:focus .cta-icon,
.dashed-list:hover .cta-icon,
.dashed-list:focus .cta-icon,
.card-button--clickable:hover .cta-icon,
.card-button--clickable:focus .cta-icon {
  background-color: #912227;
  border-color: #912227;
}

.tooltip__button,
.tooltip__content:before,
.radio-input--button.radio-input--checked,
.radio-input--checked:hover:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input--checked:active:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input--checked:focus:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:active:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:focus:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input--checked,
.radio-input--checked:not(.radio-input--minimal) .radio-input__control,
.radio-input__input:checked + .radio-input__control,
.total-summary-bar--isolated,
.toggle__input + label:after {
  border-color: #912227;
}

.form-field--display-as-label .input-as-label:after {
  background-color: #912227;
}

.tooltip--active .tooltip__button,
.progress-indicator__current,
.back-to-top-btn:before,
.radio-input--checked:not(.radio-input--minimal) .radio-input__control:after,
.radio-input__input:checked + .radio-input__control:after,
.alert-message .body-copy ol > li:before,
.pagination__item--current,
.react-datepicker__day--keyboard-selected,
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__day--selected,
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.dashboard-navigation__item--active:after,
.toggle__input:checked + label:before,
.qs-datepicker .qs-controls,
.qs-datepicker .qs-square.qs-active,
.table-row-has-anchor-wrapper:hover .cta-icon,
.summary-strip--clickable:hover .cta-icon,
.summary-strip--clickable:active .cta-icon,
.summary-strip--clickable:focus .cta-icon,
.summary-strip--grouping .summary-strip__meta__group__expand .button__icon,
.initials {
  background-color: #912227;
}

a,
.button.button--flat,
.cta-icon,
.page-header .icon-text:hover,
.page-header .icon-text:active,
.page-header .icon-text:focus,
.radio-input--checked,
.radio-input--checked .t-intro,
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:active:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:focus:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.alert-message,
.alert-message .t-intro,
.alert-message label,
.alert-message__header__text,
.react-select .react-select__dropdown-indicator-edit,
.react-select-async .react-select__dropdown-indicator-edit,
.button--tertiary,
.button--tertiary:not(.button--disabled):not([disabled]):not(div):not(span):hover,
.button--tertiary:not(.button--disabled):not([disabled]):not(div):not(span):active,
.button--tertiary:not(.button--disabled):not([disabled]):not(div):not(span):focus,
.inline-alert-message h3,
.back-to-top-btn,
.react-select__menu-list .react-select__option--is-focused,
.form-field-loader__message,
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled) .t-intro,
.radio-input:active:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled) .t-intro,
.radio-input:focus:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled) .t-intro,
.inline-alert-message:not(.inline-alert-message--invalid) .t-copy-large,
.dropdown-menu__option:hover,
.dropdown-menu__option:focus,
.total-summary-bar__text,
.form-field--display-as-label .input-as-label,
.dashboard-navigation__item--active,
.toggle__input:checked + label + label,
.dashboard-navigation__item:hover,
.dashboard-navigation__item:active,
.dashboard-navigation__item:focus,
.inline-alert-message h3,
.inline-alert-message label,
.inline-alert-message .t-heading-1,
.inline-alert-message .t-heading-2,
.inline-alert-message .t-heading-3,
.inline-alert-message .t-intro,
.inline-alert-message .t-copy-large,
.inline-alert-message .t-copy,
.inline-alert-message .t-copy-small,
.channelme-chat-btn,
.regex-validation__list__item--valid .regex-validation__list__item__text,
.regex-validation__list__header,
.regex-validation__list__item__text,
.work-in-progress-table button,
.dropdown-menu__trigger__arrow-as-text,
.card-editable__button__icon,
.button--is-caret-icon.button--icon {
  color: #912227;
}

.tooltip__button__icon,
.page-header .icon-text__icon,
.pagination__item__icon,
.summary-strip__back__link__icon,
.regex-validation__list__item__icon {
  fill: #912227;
}

.tooltip__content,
.inline-alert-message:not(.inline-alert-message--platform-message):not(.inline-alert-message--invalid),
.alert-message {
  border-color: #912227;
  color: #912227;
}

.tooltip--active .tooltip__button {
  border-color: #912227;
}

.checkbox-input--checked .checkbox-input__control-icon {
  fill: #912227;
  stroke: #912227;
}

.progress-stepper__step--complete .progress-stepper__step-text a,
.summary-strip__button__icon,
table tfoot td,
.summary-strip__back {
  color: #912227;
}

.progress-stepper__step--active .progress-stepper__step-icon,
.progress-stepper__step--complete .progress-stepper__step-icon,
.action-strip__button__icon {
  fill: #912227;
  color: #912227;
}

table tfoot .tooltip__button {
  border-color: #912227;
}

table tfoot .tooltip__button__icon {
  fill: #912227;
}

.total-summary-row:nth-child(odd),
.total-summary-row:nth-child(even) {
  color: #912227;
}

.u-color-cornflower-blue {
  color: #912227 !important;
}

.icon--link {
  color: #912227;
}

/*Picker 2*/
.button--secondary,
.button--secondary:not(.button--disabled):not(div):not(span):hover,
.button--secondary:not(.button--disabled):not(div):not(span):active,
.button--secondary:not(.button--disabled):not(div):not(span):focus,
.table-row-has-anchor-wrapper:not(table__row--disabled):hover .button--secondary,
.text-label__label {
  border-color: #d3292e;
  color: #d3292e;
}

.button--secondary:not(.button--disabled):not(div):not(span):hover:after,
.button--secondary:not(.button--disabled):not(div):not(span):active:after,
.button--secondary:not(.button--disabled):not(div):not(span):focus:after,
.table-row-has-anchor-wrapper:not(table__row--disabled):hover .button--secondary:after {
  border-color: #d3292e;
}

/*Picker 3*/
.sidebar .icon-text:hover .icon-text__text,
.sidebar .icon-text:active .icon-text__text,
.sidebar .icon-text:focus .icon-text__text,
.sidebar .icon-text.icon-text--active:hover .icon-text__text,
.sidebar .icon-text.icon-text--active:active .icon-text__text,
.sidebar .icon-text.icon-text--active:focus .icon-text__text,
.sidebar .icon-text.icon-text--active .icon-text__text {
  color: #f3ece0;
}

.sidebar .icon-text:hover .icon-text__icon,
.sidebar .icon-text:active .icon-text__icon,
.sidebar .icon-text:focus .icon-text__icon,
.sidebar .icon-text.icon-text--active:hover .icon-text__icon,
.sidebar .icon-text.icon-text--active:active .icon-text__icon,
.sidebar .icon-text.icon-text--active:focus .icon-text__icon,
.sidebar .icon-text.icon-text--active .icon-text__icon {
  fill: #f3ece0;
}

/*Picker 4*/
.button--secondary,
.cta-icon,
.toggle__input + label:before {
  background-color: #f7f4f3;
}

.toggle__input:not(:checked) + label::before {
  background-color: #f7f4f3 !important;
}

.my-documents-item:hover .my-documents-item__button,
.my-documents-item:active .my-documents-item__button,
.my-documents-item:focus .my-documents-item__button {
  border-color: #f7f4f3;
}

table tfoot td {
  background-color: #f7f4f3;
}

.total-summary-row:nth-child(odd),
.total-summary-row:nth-child(even) {
  background-color: #f7f4f3;
}

/*Picker 5*/
.tooltip__content,
.tooltip__content:before,
.dashboard-header,
.alert-message,
.inline-alert-message:not(.inline-alert-message--platform-message):not(.inline-alert-message--invalid),
.back-to-top-icon,
.back-to-top-icon:before,
.radio-input--button.radio-input--checked,
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:active:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.radio-input:focus:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled),
.react-select__menu-list .react-select__option--is-focused,
.radio-input--checked,
.dropdown-menu__option:hover,
.dropdown-menu__option:focus,
.total-summary-bar,
.regex-validation__list:before,
.regex-validation__list__item:before,
.regex-validation__list,
.work-in-progress-table .row-selected {
  background-color: #f7f4f3;
}

/*Picker 6*/
.sidebar .icon-text.icon-text--active,
.sidebar .icon-text.icon-text--active,
.sidebar .icon-text:hover,
.sidebar .icon-text:active,
.sidebar .icon-text:focus {
  background-color: #912227;
}

/*Picker 7*/
.sidebar,
.sidebar[data-expanded=true],
[data-sidebar-level="2"]:before {
  background-color: #000000;
}

.sidebar__inner .global-navigation .button.button--icon:not(.button--disabled) {
  color: #000000;
}

/*Picker 8*/
.sidebar .icon-text__text,
.sidebar__toggle__icon,
.sidebar .icon-text.icon-text--active .icon-text__text {
  color: #ffffff;
}

.sidebar .icon-text__icon,
.sidebar .icon-text.icon-text--active .icon-text__icon {
  fill: #ffffff;
}

.sidebar__inner .global-navigation .button:not(.button--flat):not(.button--secondary):not(.button--disabled):not(.button--tertiary):not(.button--is-caret-icon) {
  background-color: #ffffff;
  border-color: #ffffff;
}

.sidebar__toggle__icon {
  color: #ffffff;
  fill: #ffffff;
}

.last-accordion-row td {
  border-bottom: 5px solid #912227;
}

.padding-top {
  padding-top: 208px;
}

.full-screen-mode .shell {
  padding-left: 0;
}
.full-screen-mode .sidebar {
  display: none;
}
.full-screen-mode .shell #embark-app .overlay-pane,
.full-screen-mode .shell #embark-app .loader-screen,
.full-screen-mode .shell #embark-app .modal {
  left: 0;
  width: 100%;
}

.body-copy h1 + *,
.body-copy h2 + *,
.body-copy h3 + *,
.body-copy h4 + *,
.body-copy h5 + *,
.body-copy h6 + * {
  margin-top: 10px;
}
.body-copy h3 {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .body-copy h3 {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .body-copy h3 {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.body-copy ul,
.body-copy ol {
  margin-left: 25px;
}
.body-copy ul li,
.body-copy ol li {
  line-height: 1.6;
  list-style-position: outside;
  list-style-type: disc;
}
.body-copy ul li + li,
.body-copy ol li + li {
  margin-top: 5px;
}
.body-copy ul ul,
.body-copy ol ul {
  margin-top: 5px;
}
.body-copy ol {
  counter-reset: list;
  padding-left: 0;
  margin-left: 0;
}
.body-copy ol li {
  line-height: 1.6;
}
.body-copy ol li + li {
  margin-top: 20px;
}
.body-copy ol > li {
  counter-increment: list;
  list-style: none;
  position: relative;
  padding-left: 40px;
}
.body-copy ol > li p {
  margin: 20px 0;
}
.body-copy ol > li:before {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .body-copy ol > li:before {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .body-copy ol > li:before {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.body-copy ol > li:before {
  content: counter(list);
  background-color: #1d1d1d;
  border-radius: 100%;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
}
.body-copy ol > li + li {
  margin-top: 15px;
}
.body-copy ol.list-style--lower-roman > li:before {
  content: counter(list, lower-roman);
}
.body-copy ol.list-style--upper-roman > li:before {
  content: counter(list, upper-roman);
}
.body-copy ul ul {
  padding-left: 20px;
}
.body-copy ol ol {
  padding-left: 20px;
}
.body-copy ol.vertically-spaced-list-items li + li,
.body-copy ul.vertically-spaced-list-items li + li {
  margin-top: 15px;
}
.body-copy p + *,
.body-copy ul + *,
.body-copy ol + * {
  margin-top: 20px;
}
.body-copy p img,
.body-copy p svg:not(.tooltip__button__icon) {
  vertical-align: middle;
  display: inline-block;
}
.body-copy ul.flattened-list {
  margin-left: 0;
}
.body-copy ul.flattened-list li {
  list-style: none;
}

.body-text__warning-message {
  color: #b02225;
}

.body-copy[aria-hidden=true] {
  display: none;
}
.body-copy[aria-hidden=false] {
  display: block;
}

.icon-text {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
}
.icon-text + .icon-text {
  margin-top: 20px;
}
.icon-text .tooltip__content {
  white-space: normal;
}

.icon-text-label {
  max-width: 330px !important;
}

.icon-text-container {
  max-width: 330px;
}

.icon-text-bold-aligned {
  width: 100%;
  color: #1d1d1d;
  font-weight: 700 !important;
}

.icon-text__icon-container {
  align-self: center;
  position: relative;
  display: inline-flex;
}
.icon-text__icon-container + * {
  margin-left: 10px;
}

.icon-text--full .icon-text__icon-container {
  margin-left: auto;
}

.icon-text__icon-container-aligned {
  align-self: normal !important;
}

.icon-text__callout-circle {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  background-color: #00bbcc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-text__callout-circle__icon {
  display: block;
  fill: #ffffff;
  stroke: #ffffff;
  width: 20px;
  height: 20px;
}

.icon-text__icon {
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 1;
}

.icon-text__icon-mobile {
  color: #ffffff;
}

.icon-text__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .icon-text__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .icon-text__text {
    font-size: 1rem;
    line-height: 24px;
  }
}
.icon-text__text {
  align-self: center;
}
.icon-text__text + * {
  margin-left: 10px;
}

.icon-text--inline {
  display: inline-flex;
  vertical-align: middle;
  margin: 0 5px;
}

.icon-text--small .icon-text__icon {
  width: 10px;
  height: 10px;
}

.icon-text--medium .icon-text__icon {
  width: 30px;
  height: 30px;
}

.icon-text--large .icon-text__icon {
  width: 40px;
  height: 40px;
}

.icon-text--larger .icon-text__icon {
  width: 44px;
  height: 44px;
}

.icon-text--xlarge .icon-text__icon {
  width: 60px;
  height: 60px;
}

.icon-text--small-text .icon-text__icon {
  width: 10px;
  height: 10px;
}
.icon-text--small-text .icon-text__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .icon-text--small-text .icon-text__text {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .icon-text--small-text .icon-text__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.icon-text--small-text.u-text-right {
  display: inline-flex;
}

.cell-has-active-tooltip .icon-text__icon {
  z-index: auto;
}

@media (min-width: 768px) {
  .icon-text.icon-text-vertical {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .icon-text.icon-text-vertical .icon-text__text {
    margin: 5px 0 0;
  }
}
.icon-text[aria-disabled=true],
.button--icon[aria-disabled=true] {
  pointer-events: none; /* No clicks at all */
  text-decoration: none;
  cursor: default;
}

.arrow-link {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .arrow-link {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .arrow-link {
    font-size: 1rem;
    line-height: 24px;
  }
}
.arrow-link {
  display: flex;
  align-items: center;
  position: relative;
}

.arrow-link__text {
  flex-grow: 1;
  text-align: left;
}

.arrow-link__icon {
  fill: inherit;
  stroke: inherit;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  flex-shrink: 0;
}

.arrow-link button.arrow-link {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .arrow-link button.arrow-link {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .arrow-link button.arrow-link {
    font-size: 1rem;
    line-height: 24px;
  }
}
.arrow-link[disabled] {
  color: #5c6062;
}

.arrow-link--right .arrow-link__icon {
  order: 2;
  margin-right: 0;
  margin-left: 10px;
  transform: rotate(180deg);
}
.arrow-link--right .arrow-link__text {
  order: 1;
}

.arrow-link--back {
  text-decoration: none;
}
.arrow-link--back .arrow-link__icon {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.arrow-link--back .arrow-link__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .arrow-link--back .arrow-link__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .arrow-link--back .arrow-link__text {
    font-size: 1rem;
    line-height: 24px;
  }
}

.user-profile {
  display: flex;
  flex-direction: column;
}

.user-profile__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .user-profile__text {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .user-profile__text {
    font-size: 1.25rem;
    line-height: 30px;
  }
}

.user-profile__icon {
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .user-profile {
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
  .user-profile__text {
    display: block;
  }
}
.sidebar {
  background-color: #001120;
  color: #ffffff;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  transition: width ease-in-out 400ms;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
}
.sidebar .user-profile {
  padding: 0 10px;
  margin-bottom: 10px;
}
.sidebar .global-navigation {
  padding: 0 10px;
  margin-bottom: 10px;
}
.sidebar .logo {
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 15px 0;
  border-top: 1px solid #00325f;
  margin-top: 15px;
  max-height: none;
}
.sidebar .icon-text {
  transition: background-color 400ms ease-in-out;
  padding: 10px 20px;
}
.sidebar .icon-text.icon-text--active {
  background-color: #00325f;
  text-decoration: none;
}
.sidebar .icon-text.icon-text--active .icon-text__text {
  color: #51a3d4;
}
.sidebar .icon-text.icon-text--active .icon-text__icon {
  fill: #51a3d4;
}
.sidebar .icon-text:hover, .sidebar .icon-text:active, .sidebar .icon-text:focus {
  background-color: #00325f;
  text-decoration: none;
}
.sidebar .icon-text:hover .icon-text__text, .sidebar .icon-text:active .icon-text__text, .sidebar .icon-text:focus .icon-text__text {
  color: #51a3d4;
}
.sidebar .icon-text:hover .icon-text__icon, .sidebar .icon-text:active .icon-text__icon, .sidebar .icon-text:focus .icon-text__icon {
  fill: #51a3d4;
}
.sidebar .icon-text + .icon-text {
  margin-top: 0;
}
.sidebar .icon-text__text {
  color: #ffffff;
}
.sidebar .icon-text__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .sidebar .icon-text__text {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .sidebar .icon-text__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.sidebar .icon-text__text {
  font-weight: 700;
}
.sidebar .icon-text__icon {
  fill: #ffffff;
  width: 20px;
  height: 20px;
}
.sidebar .icon-text__icon-container + * {
  margin-left: 25px;
}
.sidebar[data-expanded=false] .sidebar__toggle__icon--closed {
  display: block;
}
.sidebar[data-expanded=false] .sidebar__toggle__icon--open {
  display: none;
}
.sidebar[data-expanded=true] {
  z-index: 34;
}
.sidebar[data-expanded=true] .sidebar__toggle__icon--closed {
  display: none;
}
.sidebar[data-expanded=true] .sidebar__toggle__icon--open {
  display: block;
}

.sidebar__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.sidebar__toggle {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.sidebar__toggle__icon {
  display: block;
  width: 20px;
  height: 20px;
  color: #ffffff;
  fill: #ffffff;
}

@media screen and (max-width: 460px) {
  .sidebar .sidebar__toggle {
    position: absolute;
    right: 10px;
    top: 20px;
    margin: 0 10px;
  }
  .sidebar[data-expanded=false] {
    height: 60px;
  }
  .sidebar[data-expanded=false] .sidebar__inner {
    display: none;
  }
  .sidebar[data-expanded=true] {
    height: auto;
  }
  .sidebar[data-expanded=true] .sidebar__toggle__icon--s-screen-closed {
    display: block;
  }
  .sidebar[data-expanded=true] .sidebar__inner {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .sidebar[data-expanded=true] .sidebar__inner .logo {
    display: flex;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 15px 0;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    margin-top: 15px;
  }
  .sidebar[data-expanded=true] .user-profile {
    margin-bottom: 20px;
  }
  .sidebar[data-expanded=true] .user-profile__icon {
    display: none;
  }
  .sidebar[data-expanded=true] .user-profile__text {
    color: #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .sidebar .sidebar__toggle {
    position: absolute;
    right: 10px;
    top: 20px;
    margin: 0 10px;
  }
  .sidebar[data-expanded=false] {
    height: 60px;
  }
  .sidebar[data-expanded=false] .sidebar__inner {
    display: none;
  }
  .sidebar[data-expanded=true] {
    height: auto;
  }
  .sidebar[data-expanded=true] .sidebar__toggle__icon--s-screen-closed {
    display: block;
  }
  .sidebar[data-expanded=true] .sidebar__inner {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .sidebar[data-expanded=true] .sidebar__inner .logo {
    display: flex;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 15px 0;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    margin-top: 15px;
  }
  .sidebar[data-expanded=true] .user-profile {
    margin-bottom: 20px;
  }
  .sidebar[data-expanded=true] .user-profile__icon {
    display: none;
  }
  .sidebar[data-expanded=true] .user-profile__text {
    color: #ffffff;
  }
}
@media (min-width: 768px) {
  .sidebar {
    height: 100vh;
  }
  .sidebar .main-navigation {
    flex-grow: 1;
  }
  .sidebar .user-profile__text {
    color: #ffffff;
  }
  .sidebar .user-profile__text,
  .sidebar .main-navigation__header {
    white-space: nowrap;
  }
  .sidebar .sidebar__inner {
    height: calc(100% - 50px);
    padding: 0;
  }
  .sidebar .sidebar__toggle {
    margin: 15px 20px;
  }
  .sidebar[data-expanded=false] {
    width: 60px;
  }
  .sidebar[data-expanded=false] .main-navigation__header,
  .sidebar[data-expanded=false] .logo,
  .sidebar[data-expanded=false] .user-profile__text {
    display: none;
  }
  .sidebar[data-expanded=false] .global-navigation {
    display: flex;
    justify-content: center;
  }
  .sidebar[data-expanded=false] .user-profile {
    justify-content: center;
  }
  .sidebar[data-expanded=false] .main-navigation .icon-text,
  .sidebar[data-expanded=false] .exit-client .icon-text,
  .sidebar[data-expanded=false] .utility-navigation .icon-text {
    padding: 10px 0;
    justify-content: center;
  }
  .sidebar[data-expanded=false] .main-navigation .icon-text:not(.icon-text-vertical) .icon-text__text,
  .sidebar[data-expanded=false] .exit-client .icon-text:not(.icon-text-vertical) .icon-text__text,
  .sidebar[data-expanded=false] .utility-navigation .icon-text:not(.icon-text-vertical) .icon-text__text {
    display: none;
  }
  .sidebar[data-expanded=false] .main-navigation .icon-text__icon,
  .sidebar[data-expanded=false] .exit-client .icon-text__icon,
  .sidebar[data-expanded=false] .utility-navigation .icon-text__icon {
    margin-right: 0;
  }
  .sidebar[data-expanded=true] {
    background-color: rgba(0, 17, 32, 0.95);
    width: 270px;
  }
  .sidebar[data-expanded=true] .user-profile {
    padding-top: 5px;
    padding-bottom: 6px;
  }
  .sidebar[data-expanded=true] .user-profile__icon {
    display: none;
  }
  .sidebar[data-expanded=true] .main-navigation .icon-text,
  .sidebar[data-expanded=true] .exit-client .icon-text,
  .sidebar[data-expanded=true] .utility-navigation .icon-text {
    padding: 10px 20px;
  }
  [data-sidebar-level="2"] {
    padding-left: 60px;
  }
  [data-sidebar-level="2"] .sidebar__inner {
    height: calc(100% - 50px);
  }
  [data-sidebar-level="2"] .global-navigation,
  [data-sidebar-level="2"] .utility-navigation {
    position: absolute;
    left: 0;
    width: 60px;
  }
  [data-sidebar-level="2"] .global-navigation:after {
    display: block;
    width: 15px;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
  }
  [data-sidebar-level="2"] .global-navigation {
    top: 10px;
  }
  [data-sidebar-level="2"] .utility-navigation {
    bottom: 0;
  }
  [data-sidebar-level="2"] .utility-navigation .icon-text {
    justify-content: center;
  }
  [data-sidebar-level="2"] .utility-navigation .icon-text:not(.icon-text-vertical) .icon-text__text {
    display: none;
  }
  [data-sidebar-level="2"]:before {
    content: "";
    display: block;
    height: 100vh;
    width: 60px;
    border-right: 1px solid #00325f;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #001120;
  }
  [data-sidebar-level="2"][data-expanded=false] {
    width: 120px;
  }
  [data-sidebar-level="2"][data-expanded=true] {
    width: 310px;
  }
}
@media (min-width: 1440px) {
  .sidebar .icon-text__icon {
    width: 21px;
    height: 21px;
  }
  .sidebar .sidebar__toggle {
    margin: 20px;
  }
  .sidebar .sidebar__inner {
    height: calc(100% - 60px);
  }
  .sidebar[data-expanded=false] .main-navigation .icon-text,
  .sidebar[data-expanded=false] .exit-client .icon-text,
  .sidebar[data-expanded=false] .utility-navigation .icon-text {
    padding: 15px 0px;
  }
  .sidebar[data-expanded=true] .user-profile {
    padding-top: 0;
    padding-bottom: 5px;
  }
  .sidebar[data-expanded=true] .main-navigation .icon-text,
  .sidebar[data-expanded=true] .exit-client .icon-text,
  .sidebar[data-expanded=true] .utility-navigation .icon-text {
    padding: 15px 20px;
  }
  .sidebar[data-sidebar-level="2"] .global-navigation {
    top: 15px;
  }
  .sidebar[data-sidebar-level="2"] .sidebar__inner {
    height: calc(100% - 60px);
  }
}
.global-navigation .button--icon {
  width: 40px;
  height: 40px;
}

.main-navigation {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.main-navigation::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.main-navigation::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.main-navigation::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.main-navigation {
  overflow-y: auto;
  overflow-x: hidden;
}

.main-navigation__header {
  color: #c6c6c6;
  margin: 10px 15px 15px;
}
.main-navigation__header {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .main-navigation__header {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .main-navigation__header {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

@media (min-width: 768px) {
  .main-navigation__block ~ .main-navigation__block {
    margin-top: 15px;
  }
  .main-navigation__header {
    margin: 0 20px;
  }
  .shell--toggle-display .main-navigation .main-navigation__header {
    display: none;
  }
  .shell--toggle-display .main-navigation .main-navigation__navigation {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .shell--toggle-display .main-navigation .icon-link__icon {
    margin-right: 0;
  }
  .shell--toggle-display .main-navigation .icon-link__text {
    display: none;
  }
}
@media (min-width: 1440px) {
  .main-navigation__block ~ .main-navigation__block {
    margin-top: 20px;
  }
}
.shell--reduced .utility-navigation,
.shell--toggle-display .utility-navigation {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.exit-client {
  margin-bottom: 10px;
}
.exit-client .icon-text {
  border-top: 1px solid #00325f;
  border-bottom: 1px solid #00325f;
  color: #ffffff;
}
.exit-client .icon-text .icon-text__text {
  color: #ffffff;
}
.exit-client .icon-text .icon-text__icon {
  fill: #ffffff;
}

@media screen and (min-width: 1440px) {
  .exit-client {
    margin-bottom: 20px;
  }
}
.exit-client.exit-client-override {
  margin-bottom: 0;
}

.dashboard-navigation {
  display: flex;
  flex-wrap: wrap;
}

.dashboard-navigation__item {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .dashboard-navigation__item {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .dashboard-navigation__item {
    font-size: 1rem;
    line-height: 24px;
  }
}
.dashboard-navigation__item {
  color: #494e50;
  font-weight: normal;
  text-decoration: none;
  padding: 10px 0 30px 0;
}
.dashboard-navigation__item:hover, .dashboard-navigation__item:active, .dashboard-navigation__item:focus {
  text-decoration: none;
  color: #00539e;
}
.dashboard-navigation__item:not(:last-child) {
  margin-right: 20px;
}

.dashboard-navigation__item--active {
  font-weight: 700;
  color: #00539e;
  position: relative;
}
.dashboard-navigation__item--active:after {
  content: "";
  display: block;
  width: 100%;
  background-color: #00539e;
  height: 3px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .dashboard-navigation__item {
    padding: 15px 0 25px 0;
  }
}
input,
select,
textarea {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  input,
  select,
  textarea {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  input,
  select,
  textarea {
    font-size: 1rem;
    line-height: 24px;
  }
}
input,
select,
textarea {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
  padding: 10px 15px;
  position: relative;
  display: block;
  width: 100%;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
input.has-current-focus:not(:-moz-read-only):not(:disabled), select.has-current-focus:not(:-moz-read-only):not(:disabled), textarea.has-current-focus:not(:-moz-read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
input.has-current-focus:not(:read-only):not(:disabled),
select.has-current-focus:not(:read-only):not(:disabled),
textarea.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
input:hover,
select:hover,
textarea:hover {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  border-color: #fcfcfc;
}
input:focus, input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  color: #494e50;
  border-color: #fcfcfc;
}

input[type=text], input[type=password], input[type=number], input[type=date], input[type=email] {
  min-height: 50px;
}

.percentage-input {
  min-width: auto !important;
  width: 110px;
}
.percentage-input input {
  text-align: right;
}

input[disabled], input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly],
button[disabled],
button[readonly] {
  background-color: #efeeee !important;
  border-color: #cdcfcd !important;
  box-shadow: none !important;
  color: #5c6062 !important;
  cursor: not-allowed;
}

.staticposition {
  position: static !important;
}

.radio-input {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .radio-input {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .radio-input {
    font-size: 1rem;
    line-height: 24px;
  }
}
.radio-input {
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid transparent;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 25px 20px;
  position: relative;
  min-height: 80px;
}
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled), .radio-input:active:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled), .radio-input:focus:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled) {
  background-color: #ebf1f7;
  border-color: #ebf1f7;
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  color: #00539e;
}
.radio-input:hover:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled) .t-intro, .radio-input:active:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled) .t-intro, .radio-input:focus:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled) .t-intro {
  color: #00539e;
}
.radio-input + .radio-input {
  margin-top: 15px;
}
.form-group .radio-input {
  margin-bottom: 0;
}
.radio-input.radio-input--clean {
  box-shadow: none;
  padding: 0;
  min-height: 0;
}
.radio-input.radio-input--clean .radio-input__control {
  margin-right: 0;
}
.radio-input[aria-hidden=true] {
  display: none;
}

.radio-input__input {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.radio-input__control {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .radio-input__control {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .radio-input__control {
    font-size: 1rem;
    line-height: 24px;
  }
}
.radio-input__control {
  background-color: #ffffff;
  border: 2px solid #5c6062;
  border-radius: 100%;
  flex: none;
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 20px;
}
.radio-input__control:after {
  content: "";
  display: block;
  background-color: transparent;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.radio-input__control:last-child {
  margin-right: 0;
}

.radio-input__label {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.radio-input__label-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  fill: currentColor;
}

.radio-input__extra-content,
.radio-input__extra-content__expanded {
  width: 100%;
}
.radio-input__extra-content img,
.radio-input__extra-content__expanded img {
  width: 100%;
}

.radio-input--checked .line-divider {
  background-color: #00539e;
}

.radio-input__extra-content__expanded {
  margin-top: 20px;
}

.radio-input__utilities {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-self: flex-end;
  justify-content: space-between;
  margin-top: 50px;
}

.radio-input__states .button {
  background-color: #e3f3fc;
  border-color: #e3f3fc;
  color: #00539e;
}
.radio-input__states .button__icon--checked {
  display: none;
}

.radio-input--minimal {
  border: none;
  padding: 0;
  background-color: transparent;
  min-height: 0;
  box-shadow: none;
}
.radio-input--minimal.radio-input--checked {
  background-color: transparent;
}

.radio-input--with-children {
  align-items: flex-start;
}
.radio-input--with-children .radio-input__control {
  margin-top: 2px;
}

.radio-input--checked {
  background-color: #ebf1f7;
  border-color: #00539e;
  box-shadow: none;
  color: #00539e;
}
.radio-input--checked .radio-input__states .button {
  background-color: #00539e;
  border-color: #00539e;
  color: #ffffff;
}
.radio-input--checked .radio-input__states .button__icon--unchecked {
  display: none;
}
.radio-input--checked .radio-input__states .button__icon--checked {
  display: block;
}
.radio-input--checked:hover:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled), .radio-input--checked:active:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled), .radio-input--checked:focus:not(.radio-input--card):not(.radio-input--minimal):not(.radio-input--clean):not(.radio-input--disabled) {
  background-color: #ebf1f7;
  border-color: #00539e;
  box-shadow: none;
}
.form-field--invalid .radio-input--checked {
  border-color: #de000d;
  border-width: 1px;
  background-color: #fffafa;
}

.radio-input--checked:not(.radio-input--minimal) .radio-input__control,
.radio-input__input:checked + .radio-input__control {
  background-color: #ffffff;
  border-color: #00539e;
}
.radio-input--checked:not(.radio-input--minimal) .radio-input__control:after,
.radio-input__input:checked + .radio-input__control:after {
  background-color: #00539e;
  transform: translate(-50%, -50%) scale(1);
}

.radio-input--disabled.radio-input--checked:not(.radio-input--minimal) .radio-input__control,
.radio-input--disabled .radio-input__input:checked + .radio-input__control {
  background-color: #efeeee;
  color: #5c6062;
}
.radio-input--disabled.radio-input--checked:not(.radio-input--minimal) .radio-input__control:after,
.radio-input--disabled .radio-input__input:checked + .radio-input__control:after {
  background-color: #efeeee;
  transform: translate(-50%, -50%) scale(1);
}

.radio-input--button {
  border-radius: 4px;
  padding: 10px 30px;
  min-height: 50px;
  min-width: 100px;
  justify-content: center;
}
.radio-input--button .radio-input__control {
  display: none;
}
.radio-input--button.radio-input--checked {
  background-color: #ebf1f7;
  border-color: #00539e;
}
.radio-input--button.radio-input--checked:hover, .radio-input--button.radio-input--checked:focus {
  background-color: #ebf1f7;
  border-color: #00539e;
  box-shadow: none;
}

.radio-input--disabled,
.radio-input--disabled.radio-input--checked,
.form-field--disabled .radio-input {
  background-color: #efeeee;
  color: #5c6062;
  cursor: default;
}
.radio-input--disabled .radio-input__control,
.radio-input--disabled.radio-input--checked .radio-input__control,
.form-field--disabled .radio-input .radio-input__control {
  background-color: #efeeee;
}
.radio-input--disabled .radio-input__control-icon,
.radio-input--disabled.radio-input--checked .radio-input__control-icon,
.form-field--disabled .radio-input .radio-input__control-icon {
  fill: #efeeee;
  stroke: #efeeee;
}

.radio-input--card {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 30px;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}
.radio-input--card {
  padding: 30px;
  cursor: pointer;
}
.radio-input--card .radio-input__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.radio-input--card .radio-input__label {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .radio-input--card .radio-input__label {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .radio-input--card .radio-input__label {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
.radio-input--card .radio-input__label {
  color: #1d1d1d;
  white-space: normal;
}
.radio-input--card .radio-input__control {
  display: none;
}
.cell .radio-input--card {
  height: 100%;
  min-height: 320px;
}

.cell .radio-input--card-- {
  height: 100%;
  min-height: 320px;
}

.cell .radio-input--card--s {
  height: 100%;
  min-height: 130px;
}

.cell .radio-input--card--m {
  height: 100%;
  min-height: 200px;
}

.cell .radio-input--card--l {
  height: 100%;
  min-height: 410px;
}

.radio-input--clean {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: transparent;
}
.radio-input--clean.radio-input--checked {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: transparent;
}
.radio-input--clean:hover:not(.radio-input--card):not(.radio-input--minimal), .radio-input--clean:active:not(.radio-input--card):not(.radio-input--minimal), .radio-input--clean:focus:not(.radio-input--card):not(.radio-input--minimal) {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: transparent;
}

.radio-input.has-current-focus:not(.radio-input--disabled) {
  outline: 2px solid #077bc2;
}

.align-radio-items {
  display: flex;
  justify-content: space-between;
}
.align-radio-items label {
  width: calc(50% - 10px);
  margin: 0 !important;
  justify-content: flex-start;
}

.fund-selection label {
  position: relative;
}
.fund-selection .radio-input__content svg {
  position: absolute;
  top: 30px;
  right: 20px;
  width: 30px;
  color: #00539e;
}
.fund-selection .radio-input--checked svg {
  transform: rotate(180deg);
}

select {
  margin: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #494e50 50%), linear-gradient(135deg, #494e50 50%, transparent 50%);
  background-position: calc(100% - 21px) calc(1em + 10px), calc(100% - 16px) calc(1em + 10px), calc(100% - 2.5em) 0.5em;
  background-size: 6px 5px, 6px 5px;
  background-repeat: no-repeat;
  min-height: 50px;
  min-width: 140px;
  padding-right: 25px;
}
select.overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
}

select:focus {
  background-image: linear-gradient(45deg, #494e50 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #494e50 50%);
  background-position: calc(100% - 16px) 1.5em, calc(100% - 21px) 1.5em, calc(100% - 2.5em) 0.5em;
  background-size: 6px 5px, 6px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}
select:focus.has-current-focus:not(:disabled) {
  outline: get-color(outline);
}

.checkbox-input {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .checkbox-input {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .checkbox-input {
    font-size: 1rem;
    line-height: 24px;
  }
}
.checkbox-input {
  color: inherit;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  position: relative;
  min-width: 30px;
  min-height: 30px;
}
.checkbox-input + .checkbox-input {
  margin-top: 15px;
}

.checkbox-input__input {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.checkbox-input__control {
  flex: none;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  width: 30px;
  height: 30px;
  position: relative;
  top: 0;
}
.checkbox-input:not(.checkbox-input--disabled):hover .checkbox-input__control {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.checkbox-input:not(.checkbox-input--disabled):focus .checkbox-input__control, .checkbox-input:not(.checkbox-input--disabled):active .checkbox-input__control {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}

.checkbox-input__control + .checkbox-input__content {
  margin-left: 20px;
}

.checkbox-input__control-icon {
  fill: transparent;
  stroke: transparent;
  width: 12px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.checkbox-field--nested .form-field__input-area {
  padding-left: 40px;
}
.checkbox-field--nested.checkbox-field--nested-with-divider:not(:last-child) .form-field__input-area:before {
  content: "";
  display: block;
  position: absolute;
  height: calc(100% + 20px);
  width: 1px;
  background: #efeeee;
  top: calc(50% - 3px);
  left: 14px;
  transform: translateY(-50%);
}

.checkbox-input--checked .checkbox-input__control-icon {
  fill: #00539e;
  stroke: #00539e;
  transform: translate(-50%, -50%) scale(1);
}

.checkbox-input--disabled,
.form-field--disabled .checkbox-input {
  color: #5c6062;
  cursor: default;
}
.checkbox-input--disabled .checkbox-input__control,
.form-field--disabled .checkbox-input .checkbox-input__control {
  background-color: #efeeee;
  border-color: #efeeee;
}
.checkbox-input--disabled .checkbox-input__control-icon,
.form-field--disabled .checkbox-input .checkbox-input__control-icon {
  fill: #efeeee;
  stroke: #efeeee;
}

.form-field--invalid .checkbox-input__control {
  border-color: #de000d;
  border-width: 1px;
  border-style: solid;
  background-color: #fffafa;
}
.form-field--invalid .checkbox-input__control-icon {
  fill: #de000d;
  stroke: #de000d;
}

.checkbox-input--card {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px 20px;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
  color: #494e50;
  cursor: pointer;
  align-items: center;
  width: 100%;
}
.checkbox-input--card .card-button__content--inline {
  display: flex;
  align-items: center;
}
.checkbox-input--card .card-button__content--inline > *:not(:first-child) {
  margin-left: 20px;
}
.checkbox-input--card + .checkbox-input--card {
  margin-top: 10px;
}
.checkbox-input--card .checkbox-input__control {
  display: none;
}
.checkbox-input--card.checkbox-input--checked:hover .cta-icon .cta-icon__icon, .checkbox-input--card.checkbox-input--checked:active .cta-icon .cta-icon__icon, .checkbox-input--card.checkbox-input--checked:focus .cta-icon .cta-icon__icon {
  display: none;
}
.checkbox-input--card.checkbox-input--checked:hover .cta-icon .cta-icon__icon--on, .checkbox-input--card.checkbox-input--checked:active .cta-icon .cta-icon__icon--on, .checkbox-input--card.checkbox-input--checked:focus .cta-icon .cta-icon__icon--on {
  display: inline-block;
}
.checkbox-input--card.checkbox-input--checked .cta-icon {
  background-color: #00539e;
  border-color: #00539e;
  color: #ffffff;
}
.checkbox-input--card.checkbox-input--checked .cta-icon .cta-icon__icon {
  display: none;
}
.checkbox-input--card.checkbox-input--checked .cta-icon .cta-icon__icon--on {
  display: inline-block;
}

.checkbox-input__group .checkbox-input__control {
  margin-right: 0;
}

.checkbox-input--inline {
  width: -moz-fit-content;
  width: fit-content;
}

.search-input .toggle-content .button__icon {
  stroke: currentColor;
}
.search-input .toggle-content .button__icon--open {
  transform: rotate(45deg);
}

.search-clients__term.inactive:-webkit-autofill:not(:focus) {
  -webkit-box-shadow: 0 0 0px 1000px #efeeee inset !important;
  -webkit-transition: background-color #efeeee, 0s, color #5c6062 !important;
  transition: background-color #efeeee, 0s, color #5c6062 !important;
  -webkit-text-fill-color: #5c6062 !important;
}

.search-clients__term.inactive {
  background-color: #efeeee;
  color: #5c6062;
  cursor: default;
}

.search-input__elements {
  margin-bottom: 20px;
}

.national-insurance-field {
  text-transform: uppercase;
}

[data-bank-account-lookup=entry-fields] {
  margin-bottom: 20px;
}

.bank-account-lookup__buttons__inner {
  display: flex;
  align-items: center;
}

.bank-account-lookup__message {
  margin: 20px 0;
}
.bank-account-lookup__message {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .bank-account-lookup__message {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .bank-account-lookup__message {
    font-size: 1rem;
    line-height: 24px;
  }
}

.bank-account-lookup [aria-hidden=true] {
  display: none;
}
.bank-account-lookup [aria-hidden=false] {
  display: block;
}

[data-dd-journey-flow=section][aria-hidden=true] {
  display: none;
}
[data-dd-journey-flow=section][aria-hidden=false] {
  display: block;
}

.contact-number-field {
  position: relative;
}
.contact-number-field .contact-number-field__country-diallingcode {
  margin-bottom: 0;
}

.contact-number-field__dropdown-option-flag {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  overflow: hidden;
  margin-right: 10px;
}

.combined-contact-number {
  display: none;
}

.contact-number-field__controls {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .contact-number-field__controls {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .contact-number-field__controls {
    font-size: 1rem;
    line-height: 24px;
  }
}
.contact-number-field__controls {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
  padding: 10px 15px;
  position: relative;
  display: block;
  width: 100%;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.contact-number-field__controls.has-current-focus:not(:-moz-read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.contact-number-field__controls.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.contact-number-field__controls {
  padding: 0;
  display: flex;
}

.contact-number-field__dropdown-trigger {
  position: relative;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100px;
  cursor: pointer;
  border-right: 1px solid rgba(95, 86, 86, 0.15);
  min-width: 80px;
  flex: 0 0 80px;
}
.contact-number-field__dropdown-trigger .contact-number-field__dropdown-option-flag {
  margin-right: 0;
}

.contact-number-field__chevron-icon {
  fill: #1d1d1d;
  color: #1d1d1d;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.contact-number-field__country-diallingcode {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .contact-number-field__country-diallingcode {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .contact-number-field__country-diallingcode {
    font-size: 1rem;
    line-height: 24px;
  }
}
.contact-number-field__country-diallingcode {
  position: relative;
  top: 1px;
  padding: 15px 10px;
  color: #494e50;
  opacity: 0.5;
  margin-bottom: 0;
}

.contact-number-field__input {
  padding: 15px 10px 15px 0;
  box-shadow: none;
  border: none;
  position: relative;
  top: 1px;
  background-color: transparent;
}
.contact-number-field__input:hover, .contact-number-field__input:active, .contact-number-field__input:focus {
  box-shadow: none;
}

.contact-number-field__dropdown {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .contact-number-field__dropdown {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .contact-number-field__dropdown {
    font-size: 1rem;
    line-height: 24px;
  }
}
.contact-number-field__dropdown {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
  padding: 10px 15px;
  position: relative;
  display: block;
  width: 100%;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.contact-number-field__dropdown.has-current-focus:not(:-moz-read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.contact-number-field__dropdown.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.contact-number-field__dropdown {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.contact-number-field__dropdown::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.contact-number-field__dropdown::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.contact-number-field__dropdown::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.contact-number-field__dropdown {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  padding: 0;
  margin-top: 10px;
  max-height: 240px;
  overflow-y: scroll;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out 1ms, visibility 4ms ease-in-out 0s;
  z-index: 2;
}

.contact-number-field__dropdown-option {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.contact-number-field__dropdown-option:hover {
  background-color: rgba(0, 83, 158, 0.15);
}

.contact-number-field__dropdown-option-code {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .contact-number-field__dropdown-option-code {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .contact-number-field__dropdown-option-code {
    font-size: 1rem;
    line-height: 24px;
  }
}
.contact-number-field__dropdown-option-code {
  min-width: 40px;
  text-align: left;
  margin-left: 10px;
}

.contact-number-field__dropdown-option-country {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .contact-number-field__dropdown-option-country {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .contact-number-field__dropdown-option-country {
    font-size: 1rem;
    line-height: 24px;
  }
}
.contact-number-field__dropdown-option-country {
  margin-left: 10px;
}

.contact-number-field[aria-expanded=true] {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.contact-number-field[aria-expanded=true] .contact-number-field__dropdown {
  visibility: visible;
  opacity: 1;
}
.contact-number-field[aria-expanded=true] .contact-number-field__chevron-icon {
  transform: translateY(-50%) rotate(180deg);
}

.contact-number-field__controls--disabled {
  background-color: #efeeee;
  border-color: #cdcfcd;
  box-shadow: none;
  color: #5c6062;
}
.contact-number-field__controls--disabled .contact-number-field__dropdown-trigger,
.contact-number-field__controls--disabled .contact-number-field__country-diallingcode {
  cursor: not-allowed;
}
.contact-number-field__controls--disabled .contact-number-field__input {
  background-color: transparent;
}

.postcode-lookup {
  margin-bottom: 20px;
}

.postcode-lookup__section {
  margin-bottom: 20px;
}
.postcode-lookup__section[data-postcode-lookup=populate-fields] {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .postcode-lookup__section[data-postcode-lookup=populate-fields] {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .postcode-lookup__section[data-postcode-lookup=populate-fields] {
    font-size: 1rem;
    line-height: 24px;
  }
}

.postcode-lookup__manual-entry[aria-hidden=false] {
  margin-top: 10px;
}

.postcode-lookup [aria-hidden=true] {
  display: none;
}
.postcode-lookup [aria-hidden=false] {
  display: block;
}

/*
  All a user has to do to change the calendar size is
  change the font-size on the container and everything
  magically resizes accordingly. Relative units ftw!
*/
.qs-datepicker-container {
  font-size: 1rem;
  font-family: sans-serif;
  color: black;
  position: absolute;
  width: 15.625em;
  display: flex;
  flex-direction: column;
  z-index: 9001;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid gray;
  border-radius: 0.263921875em;
  overflow: hidden;
  background: white;
  box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3);
}
.qs-datepicker-container * {
  box-sizing: border-box;
}

.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qs-hidden {
  display: none;
}

.qs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
}
.qs-overlay.qs-hidden {
  opacity: 0;
  z-index: -1;
}
.qs-overlay .qs-overlay-year {
  border: none;
  background: transparent;
  border-bottom: 1px solid white;
  border-radius: 0;
  color: white;
  font-size: 0.875em;
  padding: 0.25em 0;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.qs-overlay .qs-close {
  padding: 0.5em;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.qs-overlay .qs-submit {
  border: 1px solid white;
  border-radius: 0.263921875em;
  padding: 0.5em;
  margin: 0 auto auto;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.4);
}
.qs-overlay .qs-submit.qs-disabled {
  color: gray;
  border-color: gray;
  cursor: not-allowed;
}
.qs-overlay .qs-overlay-month-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
.qs-overlay .qs-overlay-month {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 3);
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s;
}
.qs-overlay .qs-overlay-month.active, .qs-overlay .qs-overlay-month:hover {
  opacity: 1;
}

.qs-controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  background: lightgray;
  filter: blur(0px);
  transition: filter 0.3s;
}
.qs-controls.qs-blur {
  filter: blur(5px);
}

.qs-arrow {
  height: 1.5625em;
  width: 1.5625em;
  position: relative;
  cursor: pointer;
  border-radius: 0.263921875em;
  transition: background 0.15s;
}
.qs-arrow:hover.qs-left:after {
  border-right-color: black;
}
.qs-arrow:hover.qs-right:after {
  border-left-color: black;
}
.qs-arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}
.qs-arrow:after {
  content: "";
  border: 0.390625em solid transparent;
  position: absolute;
  top: 50%;
  transition: border 0.2s;
}
.qs-arrow.qs-left:after {
  border-right-color: gray;
  right: 50%;
  transform: translate(25%, -50%);
}
.qs-arrow.qs-right:after {
  border-left-color: gray;
  left: 50%;
  transform: translate(-25%, -50%);
}

.qs-month-year {
  font-weight: bold;
  transition: border 0.2s;
  border-bottom: 1px solid transparent;
}
.qs-month-year:not(.qs-disabled-year-overlay) {
  cursor: pointer;
}
.qs-month-year:not(.qs-disabled-year-overlay):hover {
  border-bottom: 1px solid gray;
}
.qs-month-year:focus, .qs-month-year:active:focus {
  outline: none;
}

.qs-month {
  padding-right: 0.5ex;
}

.qs-year {
  padding-left: 0.5ex;
}

.qs-squares {
  display: flex;
  flex-wrap: wrap;
  padding: 0.3125em;
  filter: blur(0px);
  transition: filter 0.3s;
}
.qs-squares.qs-blur {
  filter: blur(5px);
}

.qs-square {
  width: calc(100% / 7);
  height: 1.5625em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.1s;
  border-radius: 0.263921875em;
}
.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: orange;
}

.qs-current {
  font-weight: bold;
  text-decoration: underline;
}

/*
  3 possibilities:
    1. Single, active date.
    2. Daterange start selection.
    3. Daterange end selection.
*/
.qs-active,
.qs-range-start,
.qs-range-end {
  background: lightblue;
}

.qs-range-start:not(.qs-range-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-range-middle {
  background: rgb(212.0841121495, 234.5887850467, 241.9158878505);
}
.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
  border-radius: 0;
}
.qs-range-middle.qs-range-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.qs-range-middle.qs-range-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-range-end:not(.qs-range-0) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-disabled,
.qs-outside-current-month {
  opacity: 0.2;
}

.qs-disabled {
  cursor: not-allowed;
}

.qs-empty {
  cursor: default;
}

.qs-day {
  cursor: default;
  font-weight: bold;
  color: gray;
}

.qs-event {
  position: relative;
}
.qs-event:after {
  content: "";
  position: absolute;
  width: 0.46875em;
  height: 0.46875em;
  border-radius: 50%;
  background: #07f;
  bottom: 0;
  right: 0;
}

.qs-datepicker-container {
  width: 100%;
  max-width: 270px;
  border-radius: 10px;
  overflow: hidden;
  border: none;
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  margin-top: 10px;
}

.qs-datepicker .qs-controls {
  background: #00539e;
  color: #ffffff;
  padding: 10px;
}
.qs-datepicker .qs-month-year {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .qs-datepicker .qs-month-year {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .qs-datepicker .qs-month-year {
    font-size: 1rem;
    line-height: 24px;
  }
}
.qs-datepicker .qs-month-year {
  font-weight: normal;
}
.qs-datepicker .qs-arrow {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ffffff;
}
.qs-datepicker .qs-arrow.qs-left {
  transform: rotate(180deg);
}
.qs-datepicker .qs-arrow.qs-left:after, .qs-datepicker .qs-arrow.qs-right:after {
  display: none;
}
.qs-datepicker .qs-squares {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .qs-datepicker .qs-squares {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .qs-datepicker .qs-squares {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.qs-datepicker .qs-squares {
  padding: 5px;
}
.qs-datepicker .qs-square {
  height: 30px;
}
.qs-datepicker .qs-square.qs-day {
  color: #494e50;
  font-weight: normal;
}
.qs-datepicker .qs-square.qs-num {
  color: #494e50;
}
.qs-datepicker .qs-square.qs-active {
  background-color: #00539e;
  color: #ffffff;
}
.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background-color: #e5f1f2;
}

.qs-additional-controls {
  margin: auto;
}
.qs-additional-controls .checkbox-input {
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.qs-additional-controls .checkbox-input__control {
  height: 15px;
  width: 15px;
}
.qs-additional-controls .checkbox-input__label {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .qs-additional-controls .checkbox-input__label {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .qs-additional-controls .checkbox-input__label {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.qs-additional-controls .checkbox-input__label {
  color: #912227;
}

.qs-additional-controls::before {
  content: "";
  width: 100%;
  border-top: solid 1px;
  opacity: 0.1;
  position: absolute;
}

.telephone-field {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .telephone-field {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .telephone-field {
    font-size: 1rem;
    line-height: 24px;
  }
}
.telephone-field {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
  padding: 10px 15px;
  position: relative;
  display: block;
  width: 100%;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.telephone-field.has-current-focus:not(:-moz-read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.telephone-field.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.telephone-field {
  display: flex;
  padding: 0;
}
.telephone-field:hover {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.telephone-field:focus, .telephone-field:active {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  color: #494e50;
}

.telephone-field__country-code {
  flex: 0 0 auto;
  width: 85px;
  margin: 0 -2px 0 0;
  outline: none;
}
.telephone-field__country-code .telephone-field__value-container {
  padding: 0;
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px;
  overflow: visible;
}
.telephone-field__country-code .telephone-field__value-container * {
  margin: 0;
  padding: 0;
}
.telephone-field__country-code .telephone-field__placeholder {
  margin: 0;
}
.telephone-field__country-code .telephone-field__single-value,
.telephone-field__country-code .telephone-field__country-icon {
  border-radius: 100%;
  display: inline-block;
  width: 20px;
  height: 20px;
  max-width: none;
}
.telephone-field__country-code .telephone-field__control {
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid #dce2dc;
  margin-right: 10px;
  box-shadow: none;
  padding: 10px 20px;
  display: flex;
  flex-wrap: nowrap;
  outline: none;
}
.telephone-field__country-code .telephone-field__control:hover {
  border-color: #dce2dc;
}
.telephone-field__country-code .telephone-field__indicator {
  padding: 0;
}
.telephone-field__country-code .telephone-field__indicator-separator {
  display: none;
}
.telephone-field__country-code .telephone-field__menu {
  box-sizing: border-box;
  width: 330px;
  max-width: none;
  max-height: 200px;
  overflow-y: auto;
}
.telephone-field__country-code .telephone-field__menu-list {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.telephone-field__country-code .telephone-field__menu-list::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.telephone-field__country-code .telephone-field__menu-list::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.telephone-field__country-code .telephone-field__menu-list::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.telephone-field__country-code .telephone-field__menu-list {
  max-height: 200px;
}
.telephone-field__country-code .telephone-field__option {
  display: flex;
  align-items: center;
  color: #494e50;
  cursor: pointer;
  padding: 10px;
  transition: background-color 50ms linear;
}
.telephone-field__country-code .telephone-field__option:hover, .telephone-field__country-code .telephone-field__option:active {
  background-color: rgba(0, 83, 158, 0.15);
}
.telephone-field__country-code .telephone-field__option--is-selected {
  background-color: rgba(0, 83, 158, 0.15);
}
.telephone-field__country-code .telephone-field__option--is-selected:active {
  background-color: rgba(0, 83, 158, 0.15);
}
.telephone-field__country-code .telephone-field__option-code {
  width: 40px;
  margin: 0 10px;
}
.telephone-field__country-code .telephone-field-container {
  padding: 0;
}
.telephone-field__country-code .telephone-field-container .telephone-field__control {
  background-color: #ffffff;
}
.telephone-field__country-code .telephone-field__input input {
  box-shadow: none;
}

.telephone-field__number-area {
  position: relative;
  flex: 1 1 0;
  display: flex;
  align-items: center;
}
.telephone-field__number-area input {
  box-shadow: none;
}

.telephone-field__number-country-code {
  color: #494e50;
}

.telephone-field__number {
  border-width: 0 0 0 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
  flex: 0 1 auto;
  height: 100%;
  margin: 0;
  border: none;
  padding: 10px;
  padding-bottom: 11px;
}
.telephone-field__number:hover, .telephone-field__number:focus, .telephone-field__number:active {
  box-shadow: none !important;
  border: none !important;
}

.form-field--valid .telephone-field {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
}
.form-field--valid .telephone-field:hover, .form-field--valid .telephone-field:focus, .form-field--valid .telephone-field:active {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
}
.form-field--valid .telephone-field__number {
  box-shadow: none;
  border-width: 0 0 0 1px;
}

.form-field--invalid .telephone-field {
  border: 1px solid #de000d;
  box-shadow: none;
}
.form-field--invalid .telephone-field__number {
  box-shadow: none;
  border-width: 0 0 0 1px;
}

.dropdown-search {
  display: flex;
  align-items: center;
}
.dropdown-search .dropdown-search__wrapper {
  position: relative;
  width: calc(100% - 30px);
}
.dropdown-search .dropdown-search__wrapper .dropdown-search__field {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  width: 100%;
  min-height: 50px;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.dropdown-search .dropdown-search__wrapper .dropdown-search__field .dropdown-search__display {
  display: flex;
  flex: 1;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}
.dropdown-search .dropdown-search__wrapper .dropdown-search__field .dropdown-search__display input {
  border: none;
  box-shadow: none;
  cursor: inherit;
}
.dropdown-search .dropdown-search__wrapper .dropdown-search__field .dropdown-search__edit {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  cursor: inheit;
}
.dropdown-search .dropdown-search__wrapper .dropdown-search__field .dropdown-search__edit .dropdown-search__edit-wrapper {
  display: flex;
  padding: 10px;
  padding-right: 20px;
}
.dropdown-search .dropdown-search__wrapper .dropdown-search__field .dropdown-search__edit .dropdown-search__edit-wrapper > span {
  color: #43a6d7;
}
.dropdown-search .dropdown-search__wrapper .dropdown-search__select {
  position: absolute;
  width: 100%;
  max-height: 500px;
  margin-top: 5px;
  background-color: #fff;
  border: 1px solid get-form-color(border--disabled);
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  color: #494e50;
  overflow-y: scroll;
  z-index: 2;
}
.dropdown-search .dropdown-search__wrapper .dropdown-search__select > .dropdown-search__select-option {
  padding: 10px 15px;
}
.dropdown-search .tooltip {
  position: relative !important;
  top: unset !important;
  right: unset !important;
  margin-left: 5px;
}

.react-select,
.react-select-async {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .react-select,
  .react-select-async {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .react-select,
  .react-select-async {
    font-size: 1rem;
    line-height: 24px;
  }
}
.react-select,
.react-select-async {
  min-height: 50px;
  color: #494e50;
}
.react-select .react-select__control,
.react-select-async .react-select__control {
  width: 100%;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  border: none;
  border-radius: 4px;
  min-height: 50px;
}
.react-select .react-select__control:hover,
.react-select-async .react-select__control:hover {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.react-select .react-select__control.react-select__control--is-disabled,
.react-select-async .react-select__control.react-select__control--is-disabled {
  box-shadow: none;
  border: 1px solid #cdcfcd;
  cursor: not-allowed;
}
.react-select .react-select__control.has-current-focus:not(.react-select__control--is-disabled),
.react-select-async .react-select__control.has-current-focus:not(.react-select__control--is-disabled) {
  outline: 2px solid #077bc2 !important;
}
.react-select .react-select__control--is-focused,
.react-select-async .react-select__control--is-focused {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.react-select .react-select__control--menu-is-open,
.react-select-async .react-select__control--menu-is-open {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.react-select .react-select__value-container,
.react-select-async .react-select__value-container {
  padding: 10px 15px;
}
.react-select .react-select__placeholder,
.react-select-async .react-select__placeholder {
  color: #494e50;
}
.react-select .react-select__indicator-separator,
.react-select-async .react-select__indicator-separator {
  display: none;
}
.react-select .react-select__dropdown-indicator,
.react-select-async .react-select__dropdown-indicator {
  display: block !important;
  padding-right: 20px;
}
.react-select .react-select__dropdown-indicator svg,
.react-select-async .react-select__dropdown-indicator svg {
  display: block;
}
.react-select .react-select__dropdown-indicator-edit,
.react-select-async .react-select__dropdown-indicator-edit {
  color: #00539e;
}
.react-select .react-select__input,
.react-select-async .react-select__input {
  min-height: 0px;
  background: transparent !important;
  box-shadow: none !important;
}
.react-select .react-select__menu,
.react-select-async .react-select__menu {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  z-index: 2;
}
.react-select .react-select__menu-list,
.react-select-async .react-select__menu-list {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.react-select .react-select__menu-list::-webkit-scrollbar,
.react-select-async .react-select__menu-list::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.react-select .react-select__menu-list::-webkit-scrollbar-track,
.react-select-async .react-select__menu-list::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.react-select .react-select__menu-list::-webkit-scrollbar-thumb,
.react-select-async .react-select__menu-list::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.react-select .react-select__menu-list,
.react-select-async .react-select__menu-list {
  padding: 0;
}
.react-select .react-select__option,
.react-select-async .react-select__option {
  padding: 10px 15px;
}
.react-select .react-select__option:hover,
.react-select-async .react-select__option:hover {
  background-color: rgba(0, 83, 158, 0.1);
}
.react-select .react-select__option--is-selected,
.react-select-async .react-select__option--is-selected {
  background: #ffffff;
  color: inherit;
}
.react-select .react-select__option--is-focused,
.react-select-async .react-select__option--is-focused {
  background-color: rgba(0, 83, 158, 0.1);
}

.react-select-async {
  box-sizing: border-box;
}
.react-select-async input {
  min-height: auto;
}
.react-select-async .react-select__value-container div:last-child {
  margin: 0;
  padding: 0;
}
.react-select-async .react-select__menu-notice {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .react-select-async .react-select__menu-notice {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .react-select-async .react-select__menu-notice {
    font-size: 1rem;
    line-height: 24px;
  }
}
.react-select-async .react-select__menu-notice {
  padding: 10px 15px;
  color: #494e50;
}
.react-select-async .react-select__control {
  margin-right: 25px;
}

.form-field--valid .react-select .react-select__control,
.form-field--valid .react-select-async .react-select__control {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
}
.form-field--valid .react-select .react-select__control:hover, .form-field--valid .react-select .react-select__control:focus, .form-field--valid .react-select .react-select__control:active,
.form-field--valid .react-select-async .react-select__control:hover,
.form-field--valid .react-select-async .react-select__control:focus,
.form-field--valid .react-select-async .react-select__control:active {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
}
.form-field--valid .react-select .react-select__control.react-select__control--is-disabled,
.form-field--valid .react-select-async .react-select__control.react-select__control--is-disabled {
  box-shadow: none;
  border: 1px solid #cdcfcd;
}

.form-field--invalid .react-select .react-select__control,
.form-field--invalid .react-select-async .react-select__control {
  border: 1px solid #de000d;
  box-shadow: none;
  background-color: #fffafa;
}

.dropdown-menu__triggers .react-select__control {
  min-width: 200px;
}

.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(41.5, 134.5606060606, 207.5);
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.data-filtering__item--group-2-and-3--has-calendar .react-datepicker-wrapper {
  width: 180px;
}

.react-datepicker-wrapper {
  width: 100%;
}
.react-datepicker-wrapper .react-datepicker__input-container button {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .react-datepicker-wrapper .react-datepicker__input-container button {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .react-datepicker-wrapper .react-datepicker__input-container button {
    font-size: 1rem;
    line-height: 24px;
  }
}
.react-datepicker-wrapper .react-datepicker__input-container button {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
  padding: 10px 15px;
  position: relative;
  display: block;
  width: 100%;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.react-datepicker-wrapper .react-datepicker__input-container button.has-current-focus:not(:-moz-read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.react-datepicker-wrapper .react-datepicker__input-container button.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.react-datepicker-wrapper .react-datepicker__input-container button {
  min-height: 50px;
  text-align: left;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
  background-color: #00539e;
}

.data-filtering__item--group-2-and-3--has-calendar .react-datepicker-wrapper {
  width: 180px;
}

.padding-label {
  padding: 1rem;
}

.radio-group--inline > .tooltip,
.radio-group--inline.form-field__input-area > .tooltip {
  display: none;
}

@media screen and (min-width: 460px) {
  .radio-group--inline,
  .radio-group--inline.form-field__input-area {
    display: flex;
    align-items: center;
  }
  .radio-group--inline > label .tooltip,
  .radio-group--inline.form-field__input-area > label .tooltip {
    display: none;
  }
  .radio-group--inline .radio-input + .radio-input,
  .radio-group--inline.form-field__input-area .radio-input + .radio-input {
    margin-top: 0;
    margin-left: 20px;
  }
  .radio-group--inline .radio-input--button + .radio-input--button,
  .radio-group--inline.form-field__input-area .radio-input--button + .radio-input--button {
    margin-left: 15px;
  }
  .radio-group--inline .radio-input--card + .radio-input--card,
  .radio-group--inline.form-field__input-area .radio-input--card + .radio-input--card {
    margin-left: 20px;
  }
  .radio-group--inline > .tooltip,
  .radio-group--inline.form-field__input-area > .tooltip {
    display: inline-block;
    margin-left: 10px;
    margin-top: 0;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
  }
}
.form-field + .form-field {
  margin-top: 15px;
}

.form-field__input-area {
  position: relative;
  max-width: 100%;
}
.form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
  width: 330px;
}
.form-field__input-area + * {
  margin-top: 5px;
}

.form-field__icon {
  width: 20px;
  height: 20px;
}

.form-field.u-text-right .form-field__input-area, .u-text-right > .form-field .form-field__input-area {
  margin-left: auto;
}

.form-field__icon--clickable:hover {
  cursor: pointer;
}

.form-field__icon--mt-9 {
  margin-top: 7px;
}

.form-field--overflow {
  min-width: 310px;
}

.form-field--xl .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline),
.form-field--xl .react-select .react-select__menu,
.form-field--xl .contact-number-field {
  width: 500px;
}

.form-field--l .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline),
.form-field--l .react-select .react-select__menu,
.form-field--l .contact-number-field {
  width: 440px;
}

.form-field--m .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline),
.form-field--m .react-select .react-select__menu,
.form-field--m .contact-number-field {
  width: 180px;
}

.form-field--s .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline),
.form-field--s .react-select .react-select__menu,
.form-field--s .contact-number-field {
  width: 100px;
}

.form-field--full .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline),
.form-field--full .react-select .react-select__menu,
.form-field--full .contact-number-field {
  width: 100%;
}

.form-field--wide .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline),
.form-field--wide .react-select .react-select__menu,
.form-field--wide .contact-number-field {
  width: 660px;
}

.form-field--no-sizing .form-field__input-area,
.form-field--no-sizing .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
  width: auto;
  max-width: 100%;
}

.form-field--active .form-field__icon,
.form-field--filled .form-field__icon {
  color: #1d1d1d;
  fill: #1d1d1d;
}

.form-field--valid input:not(:-moz-read-only):not(.telephone-field__number), .form-field--valid select:not(:-moz-read-only):not(.telephone-field__number), .form-field--valid textarea:not(:-moz-read-only):not(.telephone-field__number) {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
}

.form-field--valid input:not(:read-only):not(.telephone-field__number),
.form-field--valid select:not(:read-only):not(.telephone-field__number),
.form-field--valid textarea:not(:read-only):not(.telephone-field__number) {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
}
.form-field--valid input:not(:-moz-read-only):not(.telephone-field__number):hover, .form-field--valid input:not(:-moz-read-only):not(.telephone-field__number):focus, .form-field--valid input:not(:-moz-read-only):not(.telephone-field__number):active, .form-field--valid select:not(:-moz-read-only):not(.telephone-field__number):hover, .form-field--valid select:not(:-moz-read-only):not(.telephone-field__number):focus, .form-field--valid select:not(:-moz-read-only):not(.telephone-field__number):active, .form-field--valid textarea:not(:-moz-read-only):not(.telephone-field__number):hover, .form-field--valid textarea:not(:-moz-read-only):not(.telephone-field__number):focus, .form-field--valid textarea:not(:-moz-read-only):not(.telephone-field__number):active {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
}
.form-field--valid input:not(:read-only):not(.telephone-field__number):hover, .form-field--valid input:not(:read-only):not(.telephone-field__number):focus, .form-field--valid input:not(:read-only):not(.telephone-field__number):active,
.form-field--valid select:not(:read-only):not(.telephone-field__number):hover,
.form-field--valid select:not(:read-only):not(.telephone-field__number):focus,
.form-field--valid select:not(:read-only):not(.telephone-field__number):active,
.form-field--valid textarea:not(:read-only):not(.telephone-field__number):hover,
.form-field--valid textarea:not(:read-only):not(.telephone-field__number):focus,
.form-field--valid textarea:not(:read-only):not(.telephone-field__number):active {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
}

.form-field--invalid input,
.form-field--invalid select,
.form-field--invalid textarea {
  border-color: #de000d !important;
  border-width: 1px;
  background-color: #fffafa;
  box-shadow: none;
}

.form-field--disabled label {
  color: #5c6062;
}
.form-field--disabled input,
.form-field--disabled select,
.form-field--disabled textarea {
  background-color: #efeeee;
  border-color: #cdcfcd;
  box-shadow: none;
  color: #5c6062;
}
.form-field--disabled .form-field__icon {
  color: #5c6062;
  fill: #5c6062;
}

.form-field--with-button .form-field__input-button-area {
  display: flex;
}
.form-field--with-button .form-field__input-button-area .form-field__input-area + * {
  margin-top: 0;
}
.form-field--with-button .form-field__input-button-area button {
  margin-left: 20px;
}
.form-field--with-button + * {
  margin-top: 10px;
}

.form-field__input-area--with-button {
  display: flex;
}
.form-field__input-area--with-button .button {
  margin-left: 20px;
}

.form-field__input-area--horizontal-group {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.form-field__input-area--horizontal-group input {
  max-width: 100px;
  text-align: center;
}
.form-field__input-area--horizontal-group input:not([type=hidden]) + *,
.form-field__input-area--horizontal-group select + *,
.form-field__input-area--horizontal-group label.label-pin + * {
  margin-left: 15px;
}
.form-field__input-area--horizontal-group input[type=hidden] + label.label-pin {
  margin-left: 15px;
}
.form-field__input-area--horizontal-group .form-field + .form-field {
  margin-top: 0;
  margin-left: 15px;
}

.form-field__input-area--vertical-group > * {
  margin-top: 20px;
}

.form-field--datepicker .form-field__input-area {
  min-width: 260px;
  max-width: 260px;
}
.form-field--datepicker .form-field__icon-block {
  height: 50px;
}

.form-field--label-inline {
  display: flex;
  align-items: center;
}
.form-field--label-inline label {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
.form-field--label-inline > *:not(:first-child) {
  margin-left: 10px;
  margin-top: 0;
}

.form-field--display-as-label .form-field__input-area {
  padding-right: 0 !important;
}
.form-field--display-as-label .input-as-label {
  color: #00539e;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.form-field--display-as-label .input-as-label:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.form-field--display-as-label .input-as-units-text {
  color: black;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-90%);
  z-index: 1;
}
.form-field--display-as-label .input-as-units-text:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.form-field--display-as-label .input-as-units_container {
  min-height: 45px;
}
.form-field--display-as-label input {
  position: relative;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.form-field--display-as-label input:hover, .form-field--display-as-label input:active, .form-field--display-as-label input:focus {
  box-shadow: none;
}
.form-field--display-as-label .form-field__icon {
  opacity: 0;
}
.form-field--display-as-label .form-field__title {
  color: #e61a1a;
}

.form-field--cascadedropdown .cascade_control_wrapper {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .form-field--cascadedropdown .cascade_control_wrapper {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .form-field--cascadedropdown .cascade_control_wrapper {
    font-size: 1rem;
    line-height: 24px;
  }
}
.form-field--cascadedropdown .cascade_control_wrapper {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
  padding: 0;
  position: relative;
  display: flex;
  width: 100%;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.form-field--cascadedropdown .cascade_control_wrapper.has-current-focus:not(:-moz-read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.form-field--cascadedropdown .cascade_control_wrapper.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.form-field--cascadedropdown .react-select,
.form-field--cascadedropdown .react-select__control {
  box-shadow: none !important;
}
.form-field--cascadedropdown .react-select .react-select__menu {
  width: 100%;
}

@media screen and (min-width: ) {
  .form-field .form-field__input-area {
    max-width: 100%;
  }
  .form-field--cascadedropdown .cascade_control_wrapper {
    justify-content: space-between;
  }
  .form-field--cascadedropdown .cascade_control_wrapper > div {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 1024px) {
  .form-field + .form-field {
    margin-top: 30px;
  }
  .postcode-lookup__section-autofilled-fields .form-field + .form-field {
    margin-top: 15px;
  }
  .form-field--cascadedropdown .cascade_firstcontrol_container {
    width: 160px;
  }
  .form-field--cascadedropdown .cascade_secondcontrol_container {
    flex-grow: 1;
    border-left: 1px solid #efeeee;
  }
  .form-field__input-area--horizontal-group .form-field + .form-field {
    margin-top: 0;
    margin-left: 15px;
  }
}
.form-field-loader {
  display: flex;
  align-items: center;
}
.form-field-loader .form-field {
  margin-bottom: 0;
  margin-right: 25px;
}
.form-field-loader .tooltip {
  position: relative;
  margin-right: 25px;
  z-index: 1;
}

.form-field-loader__icon {
  width: 40px;
  height: 40px;
  border-width: 10px;
  margin-right: 10px;
}

.form-field-loader__message {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .form-field-loader__message {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .form-field-loader__message {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.form-field-loader__message {
  color: #00539e;
}

.form-field-validation {
  margin-top: 5px;
}

.form-field-validation:empty {
  margin: 0;
}

.form-field-validation__item {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .form-field-validation__item {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .form-field-validation__item {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.form-field-validation__item {
  font-weight: 500;
}
.form-field-validation__item + .form-field-validation__item {
  margin-top: 5px;
}

.form-field-validation__item--success {
  color: #00539e;
}

.form-field-validation__item--error {
  color: #de000d;
}

.form-field__toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 24px;
  height: 24px;
}
.form-field__toggle .form-field__toggle__icon {
  width: 24px;
  height: 24px;
}
.form-field__toggle .form-field__toggle__icon:nth-child(2) {
  display: none;
}

.form-field__toggle--toggled .form-field__toggle__icon:nth-child(1) {
  display: none;
}
.form-field__toggle--toggled .form-field__toggle__icon:nth-child(2) {
  display: block;
}

.form-field__toggle[data-toggle-display=trigger] .form-field__toggle__icon:nth-child(1) {
  opacity: 0.4;
}

.form-field--interacting .form-field__toggle .form-field__toggle__icon:nth-child(1) {
  opacity: 1;
}

.form-fieldset + .form-fieldset {
  margin-top: 20px;
}

.form-fieldset__legend {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .form-fieldset__legend {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .form-fieldset__legend {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
.form-fieldset__legend {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .form-fieldset__legend {
    margin-bottom: 20px;
  }
  .form-fieldset + .form-fieldset {
    margin-top: 40px;
  }
}
.form-group {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}
.form-group label,
.form-group legend {
  margin-bottom: 5px;
}
.form-group + .form-group {
  margin-top: 20px;
}

.form-group__header {
  padding: 20px;
  border-bottom: 1px solid rgba(95, 86, 86, 0.15);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form-group__header__title {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .form-group__header__title {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .form-group__header__title {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}

.form-group__content {
  padding: 20px;
}

.form-group[data-form-group-edit=section][aria-expanded=false] .form-group__header__toggle__text:nth-child(1) {
  display: block;
}
.form-group[data-form-group-edit=section][aria-expanded=false] .form-group__header__toggle__text:nth-child(2) {
  display: none;
}
.form-group[data-form-group-edit=section][aria-expanded=false] [data-form-group-edit=hidden] {
  display: none;
}
.form-group[data-form-group-edit=section][aria-expanded=false] [data-form-group-edit=visible] {
  display: block;
}
.form-group[data-form-group-edit=section][aria-expanded=true] .form-group__header__toggle__text:nth-child(1) {
  display: none;
}
.form-group[data-form-group-edit=section][aria-expanded=true] .form-group__header__toggle__text:nth-child(2) {
  display: block;
}
.form-group[data-form-group-edit=section][aria-expanded=true] [data-form-group-edit=hidden] {
  display: block;
}
.form-group[data-form-group-edit=section][aria-expanded=true] [data-form-group-edit=visible] {
  display: none;
}

.form-group[aria-expanded=true],
.form-group--editing,
.form-group--invalid {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}

.form-group--block-changes {
  position: relative;
}
.form-group--block-changes:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 768px) {
  .form-group__header {
    padding: 20px 30px;
  }
  .form-group__content {
    padding: 30px;
  }
  .form-group + .form-group {
    margin-top: 40px;
  }
}
.form-field__autofill {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.form-field__autofill::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.form-field__autofill::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.form-field__autofill::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.form-field__autofill {
  position: absolute;
  left: 0;
  top: 60px;
  width: 330px;
  height: 200px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1;
}

.form-field__autofill__button {
  display: block;
  width: 100%;
  text-align: left;
}
.form-field__autofill__button {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .form-field__autofill__button {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .form-field__autofill__button {
    font-size: 1rem;
    line-height: 24px;
  }
}
.form-field__autofill__button {
  color: #494e50;
  cursor: pointer;
  padding: 10px;
  transition: background-color 50ms linear;
}
.form-field__autofill__button:hover {
  background-color: rgba(0, 83, 158, 0.15);
}

.form-field--with-autofill {
  position: relative;
}

@media (min-width: ) {
  .form-field__autofill {
    max-width: 100%;
  }
}
.regex-validation {
  position: relative;
  width: 100%;
}
.regex-validation {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .regex-validation {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .regex-validation {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.regex-validation.on-hidden {
  position: absolute;
  top: 0;
  left: calc(100% + 20px);
  height: 100%;
}
.regex-validation.on-hidden .regex-validation__list {
  left: 0;
}

.regex-validation__list__header {
  margin-bottom: 10px;
}

.regex-validation__list {
  display: none;
  border-radius: 5px;
  padding: 15px;
  margin-top: 10px;
}

.regex-validation__list__item {
  position: relative;
  padding-left: 30px;
}

.regex-validation__list__item:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.regex-validation__list__item__icon {
  display: none;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
}

.regex-validation__list__item__text {
  opacity: 0.5;
}

.regex-validation__list__extras {
  color: #00539e;
  margin-top: 10px;
}

.regex-validation--active .regex-validation__list {
  display: block;
}

.regex-validation__list__item + .regex-validation__list__item {
  margin-top: 10px;
}

.regex-validation__list__item--hidden {
  display: none;
}

.regex-validation__list__item--valid:before {
  background-color: #ffffff;
}
.regex-validation__list__item--valid .regex-validation__list__item__text {
  opacity: 1;
}
.regex-validation__list__item--valid .regex-validation__list__item__icon {
  display: block;
}

.regex-validation + .form-field__icon {
  top: 15px;
}

@media (min-width: 768px) {
  .regex-validation {
    position: relative;
  }
  .regex-validation__list {
    position: absolute;
    left: calc(100% + 20px);
    top: -20px;
    width: 100%;
    max-width: 320px;
    margin-top: 0;
  }
  .regex-validation__list:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
  }
  .regex-validation__list:before {
    left: -15px;
    border-right: 15px solid #ebf1f7;
  }
}
div[data-checkbox-form-toggle=fields][aria-hidden=true] {
  display: none;
}
div[data-checkbox-form-toggle=fields][aria-hidden=false] {
  display: block;
}

.form-message {
  display: flex;
  max-width: 330px;
  margin-bottom: 20px;
}

.form-message--wide {
  max-width: 500px;
}

.form-message--full {
  max-width: 100%;
}

.form-message[data-inline-helper-text] {
  transition: visibility 0s, opacity 700ms ease-in-out;
}
.form-message[data-inline-helper-text][aria-hidden=true] {
  height: 0px;
  visibility: hidden;
  opacity: 0;
  margin: 0;
}
.form-message[data-inline-helper-text][aria-hidden=false] {
  height: auto;
  visibility: visible;
  opacity: 1;
}

.form-field--with-icon-inside,
.form-field--with-icon-outside {
  position: relative;
}
.form-field--with-icon-inside .form-field__icon,
.form-field--with-icon-outside .form-field__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.form-field--with-icon-outside .form-field__input-area--horizontal-group {
  position: relative;
}
.form-field--with-icon-outside .form-field__input-area--horizontal-group .tooltip--no-circle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  right: -5px !important;
}

.form-field--with-two-icons-outside .tooltip.tooltip {
  right: -30px;
}

.form-field--with-icon-inside .form-field__icon {
  right: 10px;
}
.form-field--with-icon-inside input {
  padding-right: 40px;
}
.form-field--with-icon-inside.form-field--with-icon-inside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) .form-field__icon {
  left: 10px;
  right: auto;
}
.form-field--with-icon-inside.form-field--with-icon-inside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) input {
  padding-left: 40px;
}
.form-field--with-icon-inside.form-field--search-field .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) input {
  padding-left: 45px;
  padding-right: 30px;
}
.form-field--with-icon-inside.form-field--search-field .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) .form-field__icon {
  left: 15px;
}

.form-field--with-icon-outside .form-field__input-area {
  padding-right: 40px;
}
.form-field--with-icon-outside .form-field__icon {
  right: 10px;
}
.form-field--with-icon-outside:not(.form-field--with-icon-outside--before) .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
  width: 370px;
}
.form-field--with-icon-outside.form-field--with-icon-outside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
  padding-left: 30px;
  padding-right: 0;
  width: 330px;
}
.form-field--with-icon-outside.form-field--with-icon-outside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) .form-field__icon {
  left: 0;
  right: auto;
}
.form-field--with-icon-outside.form-field--m:not(.form-field--with-icon-outside--before) .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
  width: 220px;
}
.form-field--with-icon-outside.form-field--m.form-field--with-icon-outside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
  width: 180px;
}
.form-field--with-icon-outside.form-field--s:not(.form-field--with-icon-outside--before) .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
  width: 140px;
}
.form-field--with-icon-outside.form-field--s.form-field--with-icon-outside--before .form-field__input-area:not(.form-field__input-area--horizontal-group):not(.radio-group--inline) {
  width: 100px;
}

.form-field--search-field input {
  padding-left: 50px;
}
.form-field--search-field .form-field__icon {
  left: 15px;
}
.form-field--search-field .form-field__cta-icon {
  right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
  font-size: 1.5rem;
}

.form-field__icon--money text {
  font-weight: normal;
}

.form-field--icon-block input {
  padding-right: 75px;
}
.form-field--icon-block .form-field__icon-block {
  height: 100%;
  width: 60px;
  right: 0;
  top: 0;
  position: absolute;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.form-field--icon-block .form-field__icon {
  right: auto;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 20px;
  height: 20px;
  color: #494e50;
}

.table-column-sort {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.table-column-sort__text {
  margin-right: 5px;
  flex-grow: 1;
}

.table-column-sort__type {
  margin-left: 10px;
  color: #494e50;
}

.table-column-sort__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  fill: #5c6062;
  color: #ffffff;
  cursor: pointer;
}
.table-column-sort__icon.table-column-sort__icon--no-fixed-size {
  width: auto;
  height: auto;
}

table .table-column-sort {
  color: #ffffff;
}
table .table-column-sort .tooltip-container {
  margin-left: 10px;
}

[aria-sort=ascending] .table-column-sort__icon {
  transform: rotate(180deg);
}

.responsive-table {
  position: relative;
}

.responsive-table__inner {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.responsive-table__inner {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.responsive-table__inner::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.responsive-table__inner::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.responsive-table__inner::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.responsive-table__inner .stickied-top {
  overflow: auto hidden;
}

.responsive-table__scroll-message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity ease-in-out 800ms;
}

.responsive-table__scroll-message__inner {
  width: 200px;
  height: 200px;
  border-radius: 4px;
  background-color: rgba(29, 29, 29, 0.95);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
}

.responsive-table--overflowed:before, .responsive-table--overflowed:after {
  content: "";
  display: block;
  opacity: 0;
  height: 100%;
  width: 10px;
  position: absolute;
  top: 0;
  z-index: 1;
  transition: opacity 200ms ease-in-out;
}
.responsive-table--overflowed:before {
  left: 0;
  background: linear-gradient(to right, rgba(29, 29, 29, 0.16) 0%, rgba(0, 0, 0, 0) 100%);
}
.responsive-table--overflowed:after {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(29, 29, 29, 0.16) 100%);
}
.responsive-table--overflowed:not(.responsive-table--scrolled-full-right):after {
  opacity: 1;
}
.responsive-table--overflowed.responsive-table--scrolled-full-right:before {
  opacity: 1;
}
.responsive-table--overflowed.responsive-table--scrolled-middle:before, .responsive-table--overflowed.responsive-table--scrolled-middle:after {
  opacity: 1;
}

.responsive-table__scroll-message--active {
  opacity: 1;
}

@media screen and (min-width: 1366px) {
  .responsive-table__inner {
    overflow-x: visible;
  }
  .responsive-table__inner .stickied-top {
    width: calc(100% - 220pxget-spacing(l));
    overflow: visible;
  }
}
[data-table-accordion-trigger] {
  cursor: pointer;
}
[data-table-accordion-trigger][aria-expanded=false] .button__icon--closed {
  display: inline;
}
[data-table-accordion-trigger][aria-expanded=false] .button__icon--open {
  display: none;
}
[data-table-accordion-trigger][aria-expanded=false] span[data-table-accordion-trigger-text=closed] {
  display: inline;
}
[data-table-accordion-trigger][aria-expanded=false] span[data-table-accordion-trigger-text=open] {
  display: none;
}

[data-table-accordion-content][aria-expanded=false] {
  display: none;
}

[data-table-accordion-trigger][aria-expanded=true] .button__icon--closed {
  display: none;
}
[data-table-accordion-trigger][aria-expanded=true] .button__icon--open {
  display: inline;
}
[data-table-accordion-trigger][aria-expanded=true] span[data-table-accordion-trigger-text=closed] {
  display: none;
}
[data-table-accordion-trigger][aria-expanded=true] span[data-table-accordion-trigger-text=open] {
  display: inline;
}

@media screen and (min-width: 768px) {
  tr[data-table-accordion-content][aria-expanded=true] td:first-child:not(.t-width-xs) {
    padding-left: 62.5px;
  }
}
.table_header_space {
  border: 1px solid !important;
  height: 50px;
}

.summary_New_setup {
  border: 1px solid;
  border-color: #f6f6f6;
  font-weight: bold !important;
}

.summary_table_cell_with_border {
  border: 1px solid;
  border-color: #f6f6f6;
}

.module__content-editsummary {
  padding: 0 0px !important;
}

.investmentselection_summary_table {
  padding: 0px 0px;
  margin: -30px 0px;
}

.investment_selection_headertooltip {
  display: flex;
}

.investment_selection_headertextalign {
  display: flex;
  justify-content: flex-end;
  flex: 0;
  margin-left: auto;
}

.greyedout_textbox {
  background-color: #ffffff;
  min-height: 50px;
  padding-right: 15px;
  padding-top: inherit;
  margin-left: auto;
  width: 70%;
  align-items: center;
  border-radius: 4px;
}

.margin_auto {
  margin: auto;
}

.charge_summary_table {
  padding: 0px 0;
  margin: -30px 0;
}

.module__content-chargesummary {
  padding: 0 0px !important;
}

.chargesummary_alert_description {
  max-width: 660px;
}

.rate-card-table-module .module__header-title {
  font-size: 1rem !important;
}
.rate-card-table-module .module__header {
  padding: 10px 20px !important;
}

table.table-rate-card thead th {
  height: unset;
}
table.table-rate-card td {
  padding: 10px 10px;
}

table.table-rate-card-ongoing thead th {
  height: unset;
}
table.table-rate-card-ongoing td.rate-card-inner-row {
  padding: 2px 20px 2px 20px;
}
table.table-rate-card-ongoing td.rate-card-inner-row-first {
  padding: 10px 20px 2px 20px;
}
table.table-rate-card-ongoing td.rate-card-inner-row-first:first-child {
  padding-left: 20px !important;
}
table.table-rate-card-ongoing td.rate-card-inner-row-last {
  padding: 2px 20px 10px 20px;
}

.progress-indicator-container {
  padding-top: 10px;
}

.progress-indicator {
  position: fixed;
  top: 60px;
}
.full-screen-mode .progress-indicator {
  top: 0;
}
.progress-indicator {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .progress-indicator {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .progress-indicator {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .progress-indicator, .full-screen-mode .shell-level--2 .progress-indicator {
    left: 0;
    width: 100%;
  }
}
.progress-indicator {
  background-color: #ffffff;
  height: 10px;
  z-index: 25;
}
.progress-indicator:before {
  content: "";
  background-color: rgba(0, 83, 158, 0.2);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

.progress-indicator__current {
  background-color: #00539e;
  height: 100%;
  width: 0;
  transition: width 600ms ease-in-out;
  position: relative;
  z-index: 1;
}

.progress-indicator__current[data-progress="0"] {
  width: 0%;
}

.progress-indicator__current[data-progress="1"] {
  width: 1%;
}

.progress-indicator__current[data-progress="2"] {
  width: 2%;
}

.progress-indicator__current[data-progress="3"] {
  width: 3%;
}

.progress-indicator__current[data-progress="4"] {
  width: 4%;
}

.progress-indicator__current[data-progress="5"] {
  width: 5%;
}

.progress-indicator__current[data-progress="6"] {
  width: 6%;
}

.progress-indicator__current[data-progress="7"] {
  width: 7%;
}

.progress-indicator__current[data-progress="8"] {
  width: 8%;
}

.progress-indicator__current[data-progress="9"] {
  width: 9%;
}

.progress-indicator__current[data-progress="10"] {
  width: 10%;
}

.progress-indicator__current[data-progress="11"] {
  width: 11%;
}

.progress-indicator__current[data-progress="12"] {
  width: 12%;
}

.progress-indicator__current[data-progress="13"] {
  width: 13%;
}

.progress-indicator__current[data-progress="14"] {
  width: 14%;
}

.progress-indicator__current[data-progress="15"] {
  width: 15%;
}

.progress-indicator__current[data-progress="16"] {
  width: 16%;
}

.progress-indicator__current[data-progress="17"] {
  width: 17%;
}

.progress-indicator__current[data-progress="18"] {
  width: 18%;
}

.progress-indicator__current[data-progress="19"] {
  width: 19%;
}

.progress-indicator__current[data-progress="20"] {
  width: 20%;
}

.progress-indicator__current[data-progress="21"] {
  width: 21%;
}

.progress-indicator__current[data-progress="22"] {
  width: 22%;
}

.progress-indicator__current[data-progress="23"] {
  width: 23%;
}

.progress-indicator__current[data-progress="24"] {
  width: 24%;
}

.progress-indicator__current[data-progress="25"] {
  width: 25%;
}

.progress-indicator__current[data-progress="26"] {
  width: 26%;
}

.progress-indicator__current[data-progress="27"] {
  width: 27%;
}

.progress-indicator__current[data-progress="28"] {
  width: 28%;
}

.progress-indicator__current[data-progress="29"] {
  width: 29%;
}

.progress-indicator__current[data-progress="30"] {
  width: 30%;
}

.progress-indicator__current[data-progress="31"] {
  width: 31%;
}

.progress-indicator__current[data-progress="32"] {
  width: 32%;
}

.progress-indicator__current[data-progress="33"] {
  width: 33%;
}

.progress-indicator__current[data-progress="34"] {
  width: 34%;
}

.progress-indicator__current[data-progress="35"] {
  width: 35%;
}

.progress-indicator__current[data-progress="36"] {
  width: 36%;
}

.progress-indicator__current[data-progress="37"] {
  width: 37%;
}

.progress-indicator__current[data-progress="38"] {
  width: 38%;
}

.progress-indicator__current[data-progress="39"] {
  width: 39%;
}

.progress-indicator__current[data-progress="40"] {
  width: 40%;
}

.progress-indicator__current[data-progress="41"] {
  width: 41%;
}

.progress-indicator__current[data-progress="42"] {
  width: 42%;
}

.progress-indicator__current[data-progress="43"] {
  width: 43%;
}

.progress-indicator__current[data-progress="44"] {
  width: 44%;
}

.progress-indicator__current[data-progress="45"] {
  width: 45%;
}

.progress-indicator__current[data-progress="46"] {
  width: 46%;
}

.progress-indicator__current[data-progress="47"] {
  width: 47%;
}

.progress-indicator__current[data-progress="48"] {
  width: 48%;
}

.progress-indicator__current[data-progress="49"] {
  width: 49%;
}

.progress-indicator__current[data-progress="50"] {
  width: 50%;
}

.progress-indicator__current[data-progress="51"] {
  width: 51%;
}

.progress-indicator__current[data-progress="52"] {
  width: 52%;
}

.progress-indicator__current[data-progress="53"] {
  width: 53%;
}

.progress-indicator__current[data-progress="54"] {
  width: 54%;
}

.progress-indicator__current[data-progress="55"] {
  width: 55%;
}

.progress-indicator__current[data-progress="56"] {
  width: 56%;
}

.progress-indicator__current[data-progress="57"] {
  width: 57%;
}

.progress-indicator__current[data-progress="58"] {
  width: 58%;
}

.progress-indicator__current[data-progress="59"] {
  width: 59%;
}

.progress-indicator__current[data-progress="60"] {
  width: 60%;
}

.progress-indicator__current[data-progress="61"] {
  width: 61%;
}

.progress-indicator__current[data-progress="62"] {
  width: 62%;
}

.progress-indicator__current[data-progress="63"] {
  width: 63%;
}

.progress-indicator__current[data-progress="64"] {
  width: 64%;
}

.progress-indicator__current[data-progress="65"] {
  width: 65%;
}

.progress-indicator__current[data-progress="66"] {
  width: 66%;
}

.progress-indicator__current[data-progress="67"] {
  width: 67%;
}

.progress-indicator__current[data-progress="68"] {
  width: 68%;
}

.progress-indicator__current[data-progress="69"] {
  width: 69%;
}

.progress-indicator__current[data-progress="70"] {
  width: 70%;
}

.progress-indicator__current[data-progress="71"] {
  width: 71%;
}

.progress-indicator__current[data-progress="72"] {
  width: 72%;
}

.progress-indicator__current[data-progress="73"] {
  width: 73%;
}

.progress-indicator__current[data-progress="74"] {
  width: 74%;
}

.progress-indicator__current[data-progress="75"] {
  width: 75%;
}

.progress-indicator__current[data-progress="76"] {
  width: 76%;
}

.progress-indicator__current[data-progress="77"] {
  width: 77%;
}

.progress-indicator__current[data-progress="78"] {
  width: 78%;
}

.progress-indicator__current[data-progress="79"] {
  width: 79%;
}

.progress-indicator__current[data-progress="80"] {
  width: 80%;
}

.progress-indicator__current[data-progress="81"] {
  width: 81%;
}

.progress-indicator__current[data-progress="82"] {
  width: 82%;
}

.progress-indicator__current[data-progress="83"] {
  width: 83%;
}

.progress-indicator__current[data-progress="84"] {
  width: 84%;
}

.progress-indicator__current[data-progress="85"] {
  width: 85%;
}

.progress-indicator__current[data-progress="86"] {
  width: 86%;
}

.progress-indicator__current[data-progress="87"] {
  width: 87%;
}

.progress-indicator__current[data-progress="88"] {
  width: 88%;
}

.progress-indicator__current[data-progress="89"] {
  width: 89%;
}

.progress-indicator__current[data-progress="90"] {
  width: 90%;
}

.progress-indicator__current[data-progress="91"] {
  width: 91%;
}

.progress-indicator__current[data-progress="92"] {
  width: 92%;
}

.progress-indicator__current[data-progress="93"] {
  width: 93%;
}

.progress-indicator__current[data-progress="94"] {
  width: 94%;
}

.progress-indicator__current[data-progress="95"] {
  width: 95%;
}

.progress-indicator__current[data-progress="96"] {
  width: 96%;
}

.progress-indicator__current[data-progress="97"] {
  width: 97%;
}

.progress-indicator__current[data-progress="98"] {
  width: 98%;
}

.progress-indicator__current[data-progress="99"] {
  width: 99%;
}

.progress-indicator__current[data-progress="100"] {
  width: 100%;
}

.progress-breadcrumb {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}
.progress-breadcrumb {
  padding: 15px 20px;
}
.progress-breadcrumb .progress-breadcrumb__intro {
  opacity: 0.3;
}

.progress-breadcrumb__label {
  color: #494e50;
}

.progress-breadcrumb__icon {
  flex: 1;
  text-align: right;
}

.progress-breadcrumb--stacked {
  position: relative;
}
.progress-breadcrumb--stacked:before, .progress-breadcrumb--stacked:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 15px;
  background-color: #ffffff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
}
.progress-breadcrumb--stacked:before {
  top: -10px;
  width: calc(100% - 30px);
  z-index: -1;
}
.progress-breadcrumb--stacked:after {
  top: -20px;
  width: calc(100% - 60px);
  z-index: -2;
}
.progress-breadcrumb--stacked:after {
  display: none;
}

.progress-breadcrumb--current .progress-breadcrumb__intro {
  opacity: 1;
}

.toggle-content[aria-expanded=false] .toggle-content__content {
  display: none;
}
.toggle-content[aria-expanded=false] .button__text--open,
.toggle-content[aria-expanded=false] .button__icon--open {
  display: none;
}
.toggle-content[aria-expanded=false] .button__text--closed,
.toggle-content[aria-expanded=false] .button__icon--closed {
  display: block;
}
.toggle-content[aria-expanded=true] .toggle-content__content {
  display: block;
  margin-top: 20px;
}
.toggle-content[aria-expanded=true] .button__text--open,
.toggle-content[aria-expanded=true] .button__icon--open {
  display: block;
}
.toggle-content[aria-expanded=true] .button__text--closed,
.toggle-content[aria-expanded=true] .button__icon--closed {
  display: none;
}

.bank-account-selection {
  display: flex;
}
.bank-account-selection {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .bank-account-selection {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .bank-account-selection {
    font-size: 1rem;
    line-height: 24px;
  }
}

.bank-account-selection__icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.bank-account-selection__text {
  flex-grow: 1;
  margin-left: 10px;
  text-align: left;
}

.bank-account-selection__text__name {
  font-weight: bold;
}

.bank-account-selection__text__details__item:first-child {
  margin-right: 5px;
}

.bank-account-selection + .bank-account-selection {
  margin-top: 5px;
}

.content-image-pane__content {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 30px;
  z-index: 1;
}

.content-image-pane__content__top,
.content-image-pane__content__middle {
  flex-shrink: 0;
}

.content-image-pane__content__middle {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-image-pane__content__middle__inner {
  max-width: 330px;
}

.content-image-pane__content__middle__text {
  margin-bottom: 30px;
}

.content-image-pane__content__middle__header {
  margin-bottom: 30px;
}
.content-image-pane__content__middle__header + .content-image-pane__content__middle__text {
  margin-top: -20px;
}

.content-image-pane__content__bottom {
  margin-top: 20px;
}
.content-image-pane__content__bottom p {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .content-image-pane__content__bottom p {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .content-image-pane__content__bottom p {
    font-size: 1rem;
    line-height: 24px;
  }
}

.content-image-pane__content__middle__content .form-field .button + .button {
  margin-left: 15px;
}

.content-image-pane__content__middle__header .t-heading-2 p {
  font-family: Open Sans, Arial, serif;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .content-image-pane__content__middle__header .t-heading-2 p {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .content-image-pane__content__middle__header .t-heading-2 p {
    font-size: 1.9375rem;
    line-height: 40px;
  }
}

.content-image-pane__content-screen768 > div {
  max-width: 100%;
}

@media (min-width: 768px) {
  .content-image-pane__content-screen768 > div {
    max-width: 20.625rem;
  }
}
@media (min-width: 1024px) {
  .content-image-pane {
    position: relative;
  }
  .content-image-pane__image {
    position: fixed;
    top: 0;
    right: 0;
    width: 35%;
    height: 100vh;
    aspect-ratio: 4/7;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }
}
.content-deals-pane__content {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 30px;
  z-index: 1;
}

.content-deals-pane__content__top,
.content-deals-pane__content__middle {
  flex-shrink: 0;
}

.content-deals-pane__content__middle {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-deals-pane__content__middle__inner {
  max-width: 33.125rem;
  margin-top: 1.875rem;
}

.content-deals-pane__content__middle__text {
  margin-bottom: 30px;
}

.content-deals-pane__content__middle__header {
  margin-bottom: 10px;
}
.content-deals-pane__content__middle__header + .content-deals-pane__content__middle__text {
  margin-top: -20px;
}

.content-deals-pane__content__bottom {
  margin-top: 20px;
}
.content-deals-pane__content__bottom p {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .content-deals-pane__content__bottom p {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .content-deals-pane__content__bottom p {
    font-size: 1rem;
    line-height: 24px;
  }
}

.content-deals-pane__content__middle__content .form-field .button + .button {
  margin-left: 15px;
}

.content-deals-pane__content__middle__header .t-heading-2 p {
  font-family: Open Sans, Arial, serif;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .content-deals-pane__content__middle__header .t-heading-2 p {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .content-deals-pane__content__middle__header .t-heading-2 p {
    font-size: 1.9375rem;
    line-height: 40px;
  }
}

@media (min-width: 1024px) {
  .content-deals-pane {
    position: relative;
  }
  .content-deals-pane__image {
    position: fixed;
    top: 0;
    right: 0;
    width: 35%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
  }
}
.page-header {
  display: flex;
  margin-top: 60px;
  margin-bottom: 30px;
  position: relative;
}
.page-header .icon-text {
  margin-bottom: 15px;
  display: inline-flex;
}
.page-header .icon-text:hover, .page-header .icon-text:active, .page-header .icon-text:focus {
  color: #00539e;
}
.page-header .icon-text__icon-container {
  display: flex;
  align-items: center;
}
.page-header .icon-text__icon {
  fill: #00539e;
}
.page-header .icon-text__text {
  line-height: 1;
}

.page-header__left {
  flex-grow: 1;
  max-width: 660px;
}

.page-header__right {
  flex-shrink: 0;
  align-self: flex-end;
  margin-left: 10px;
}

.page-header__right--align-top {
  align-self: flex-start;
}

.page-header__right--align-middle {
  align-self: center;
}

.page-header__right--align-bottom {
  align-self: flex-end;
}

.page-header__full-width {
  flex-grow: 1;
}

.page-header__title {
  font-family: Open Sans, Arial, serif;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .page-header__title {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .page-header__title {
    font-size: 1.9375rem;
    line-height: 40px;
  }
}

.page-header__sub-title {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .page-header__sub-title {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .page-header__sub-title {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.page-header__sub-title {
  margin-top: 5px;
}

.page-header__sub-title.t-copy-large p {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .page-header__sub-title.t-copy-large p {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .page-header__sub-title.t-copy-large p {
    font-size: 1rem;
    line-height: 24px;
  }
}

.page-header__cta {
  position: absolute;
  right: 0;
  top: 0;
}

.page-header__container-mobile {
  margin: 0px 0px 0px 0px;
  width: 100%;
}

/* Page header Mobile styles */
.page-header__title-container-mobile {
  width: 100%;
  height: 68px;
  left: calc(50% - 187.5px);
  top: 0px;
  padding: 20px 20px 0px 20px;
  background: #005eb8;
  box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.2);
}

.header-with-print {
  margin-bottom: 0;
  display: inline-flex;
  justify-content: space-between;
  align-items: baseline;
  width: 168%;
}

.page-header__title-mobile {
  width: 100%;
  height: 24px;
  left: calc(50% - 115.5px);
  top: 12px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

.page-header__sub-title-container-mobile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 18px 24px;
  width: 100%;
  height: 122px;
  background: #005eb8;
}

.page-header__sub-title-text-mobile {
  position: static;
  width: 339px;
  height: 68px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 34px;
  color: #ffffff;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 12px 0px;
}

/* Back navigation */
.page-header-wrapper {
  background-color: #e3f3fc;
  color: #1d1d1d;
}
.page-header-wrapper .page-header-progress {
  padding-top: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.page-header-wrapper .page-header {
  display: block;
  margin-top: 30px;
}
.page-header-wrapper .page-subheader__title {
  line-height: get-line-height(heading-2-s)px;
  text-align: center;
}
.page-header-wrapper .icon-text {
  height: auto;
}
.page-header-wrapper .icon-text .icon-text__icon-container + * {
  margin-left: 5px;
}
.page-header-wrapper .icon-text .icon-text__icon {
  width: 25px;
  height: 25px;
}
.page-header-wrapper .icon-text .icon-text__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .page-header-wrapper .icon-text .icon-text__text {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .page-header-wrapper .icon-text .icon-text__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.page-header-wrapper .progress-indicator {
  position: relative;
  top: auto;
  left: auto;
  height: 6px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  border: 1px solid #ffffff;
  border-radius: 100px;
}
.page-header-wrapper .progress-indicator:before {
  background-color: white;
}
.page-header-wrapper .progress-indicator__current {
  background-color: #00539e;
  border-radius: 100px;
}

@media (min-width: 1024px) {
  .page-header-button:not(.page-header-button--is-sitcky) {
    position: absolute;
    right: 0;
    top: 60px;
    margin: 0 !important;
  }
}
.page-header-button--is-sitcky {
  background-color: #fcfcfc;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  position: fixed;
  top: 60px;
}
.full-screen-mode .page-header-button--is-sitcky {
  top: 0;
}
.page-header-button--is-sitcky {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-header-button--is-sitcky {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .page-header-button--is-sitcky {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .page-header-button--is-sitcky, .full-screen-mode .shell-level--2 .page-header-button--is-sitcky {
    left: 0;
    width: 100%;
  }
}
.page-header-button--is-sitcky {
  display: block;
  z-index: 25;
}
.page-header-button--is-sitcky .page-header-button__inner {
  margin: 0 auto;
  width: 100%;
  max-width: 2560px;
  text-align: right;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (min-width: 1366px) {
  .page-header-button--is-sitcky .page-header-button__inner {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.page-header-button--is-sitcky .page-header-button__inner .page-header-button__inner__content {
  padding: 0 20px;
}

.page-header__left--full-width {
  max-width: none;
}

@media screen and (min-width: 1366px) {
  .page-footer {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.page-footer {
  position: relative;
  margin-top: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
  background: #fff;
  border-top: 1px solid #f4f3f3;
  z-index: 0;
}
.page-footer .icon-text__icon-container {
  flex-shrink: 0;
}

.page-footer__details {
  max-width: 660px;
}

/* Mobile footer styles */
.page-footer__container-mobile {
  width: 100%;
  padding: 30px 25px;
  background-color: #00325f;
  color: #ffffff;
}
.page-footer__container-mobile h1,
.page-footer__container-mobile h2,
.page-footer__container-mobile h3,
.page-footer__container-mobile h4,
.page-footer__container-mobile h5,
.page-footer__container-mobile h6 {
  color: #ffffff;
}

.page-footer__title-mobile {
  width: inherit;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #FFFFFF;
}

.page-footer__content-mobile {
  width: inherit;
  height: 24px;
  padding-top: 3px;
  font-family: Source Sans Pro;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.inline-alert-message {
  display: flex;
  border-radius: 4px;
  background-color: #ebf1f7;
  border: 1px solid transparent;
  color: #00539e;
  padding: 20px;
}
.inline-alert-message h3,
.inline-alert-message label,
.inline-alert-message .t-heading-1,
.inline-alert-message .t-heading-2,
.inline-alert-message .t-heading-3,
.inline-alert-message .t-intro,
.inline-alert-message .t-copy-large,
.inline-alert-message .t-copy,
.inline-alert-message .t-copy-small {
  color: #00539e;
}
.inline-alert-message + .inline-alert-message {
  margin-top: 20px;
}

.inline-alert-message__icon {
  fill: #00539e;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  flex-shrink: 0;
}

.inline-alert-message__close__icon {
  fill: #00539e;
  stroke: #00539e;
}

.inline-alert-message__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .inline-alert-message__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .inline-alert-message__text {
    font-size: 1rem;
    line-height: 24px;
  }
}
.inline-alert-message__text {
  flex-grow: 1;
  max-width: 660px;
  padding-top: 2px;
}

.inline-alert-message__close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  transform: rotate(45deg);
}

.inline-alert-message__close__icon {
  width: 15px;
  height: 15px;
}

.inline-alert-message--invalid {
  border-color: #de000d;
  background-color: #fffafa;
  color: #de000d;
}
.inline-alert-message--invalid h3,
.inline-alert-message--invalid label,
.inline-alert-message--invalid .t-heading-1,
.inline-alert-message--invalid .t-heading-2,
.inline-alert-message--invalid .t-heading-3,
.inline-alert-message--invalid .t-intro,
.inline-alert-message--invalid .t-copy-large,
.inline-alert-message--invalid .t-copy,
.inline-alert-message--invalid .t-copy-small {
  color: #de000d;
}
.inline-alert-message--invalid .inline-alert-message__icon {
  fill: #de000d;
}
.inline-alert-message--invalid .inline-alert-message__close__icon {
  fill: #de000d;
  stroke: #de000d;
}

.inline-alert-message--invalid-mobile {
  border: 0px;
  background-color: #ffffff;
  padding: 0px;
}

.inline-alert-message__icon-mobile {
  width: 20px;
}

.inline-alert-message--valid {
  border-color: #00539e;
  background-color: rgba(0, 83, 158, 0.075);
  color: #00539e;
}
.inline-alert-message--valid h3,
.inline-alert-message--valid label,
.inline-alert-message--valid .t-heading-1,
.inline-alert-message--valid .t-heading-2,
.inline-alert-message--valid .t-heading-3,
.inline-alert-message--valid .t-intro,
.inline-alert-message--valid .t-copy-large,
.inline-alert-message--valid .t-copy,
.inline-alert-message--valid .t-copy-small {
  color: #00539e;
}
.inline-alert-message--valid .inline-alert-message__icon {
  fill: #00539e;
}
.inline-alert-message--valid .inline-alert-message__close__icon {
  fill: #00539e;
  stroke: #00539e;
}

.inline-alert-message--platform-message {
  border-color: #2b353b;
  background-color: #2b353b;
  color: #ffffff;
  padding: 20px;
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.inline-alert-message--platform-message h3,
.inline-alert-message--platform-message label,
.inline-alert-message--platform-message .t-heading-1,
.inline-alert-message--platform-message .t-heading-2,
.inline-alert-message--platform-message .t-heading-3,
.inline-alert-message--platform-message .t-intro,
.inline-alert-message--platform-message .t-copy-large,
.inline-alert-message--platform-message .t-copy,
.inline-alert-message--platform-message .t-copy-small {
  color: #ffffff;
}
.inline-alert-message--platform-message .inline-alert-message__close__icon {
  fill: #ffffff;
  stroke: #ffffff;
}
.inline-alert-message--platform-message .inline-alert-message__icon {
  fill: #00539e;
  width: 30px;
  height: 30px;
}

.inline-alert-message[aria-hidden=true] {
  display: none;
}
.inline-alert-message[aria-hidden=false] {
  display: flex;
}
.inline-alert-message[data-closable=component], .inline-alert-message[aria-live=assertive] {
  position: relative;
}
.inline-alert-message[data-closable=component] .inline-alert-message__text, .inline-alert-message[aria-live=assertive] .inline-alert-message__text {
  margin-right: 20px;
}

.card .inline-alert-message {
  padding: 10px 15px;
}
.card .inline-alert-message__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .card .inline-alert-message__text {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .card .inline-alert-message__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.card .inline-alert-message__icon {
  width: 30px;
  height: 30px;
}

@media (min-width: 768px) {
  .inline-alert-message--platform-message {
    padding: 30px;
  }
}
.alert-message {
  background-color: #ebf1f7;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #00539e;
  padding: 20px;
}
.alert-message + .alert-message {
  margin-top: 30px;
}
.alert-message .body-copy ol > li:before {
  background-color: #00539e;
}
.alert-message .t-intro,
.alert-message label {
  color: #00539e;
}
.alert-message .alert-message_close {
  background: none;
  width: 14px;
  height: 14px;
  border: none;
  margin-right: 0px;
  padding: 0 0 0 0;
  float: right;
  outline: 0;
  cursor: pointer;
}
.alert-message .alert-message_close svg {
  fill: #00539e;
  stroke: #00539e;
}

.alert-message__inner {
  padding: 30px;
  display: flex;
  justify-content: space-between;
}

.alert-message__header {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.alert-message__header + * {
  margin-top: 15px;
}

.alert-message__header__icon {
  fill: #00539e;
  stroke: #00539e;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.alert-message__header__content {
  flex-grow: 1;
}

.alert-message__header__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .alert-message__header__text {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .alert-message__header__text {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.alert-message__header__text {
  color: #00539e;
}

.alert-message__header__description {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .alert-message__header__description {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .alert-message__header__description {
    font-size: 1rem;
    line-height: 24px;
  }
}
.alert-message__header__description {
  max-width: 660px;
}

@media (min-width: 768px) {
  .alert-message {
    padding: 30px;
  }
  .alert-message__header + * {
    margin-top: 30px;
  }
}
.consent-blocking {
  position: relative;
}
.consent-blocking:before {
  content: "";
  background-color: get-color(overlay--light);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.consent-blocking .alert-message[data-confirm-consent=message],
.consent-blocking .page-header {
  position: relative;
  z-index: 20;
}

.summary-details {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .summary-details {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .summary-details {
    font-size: 1rem;
    line-height: 24px;
  }
}

.summary-details__key {
  color: #494e50;
}

.summary-details__value {
  color: #1d1d1d;
  font-weight: bold;
  margin-bottom: 10px;
}

.summary-details__value-email {
  text-transform: none;
}

.summary-details + .summary-details {
  margin-top: 10px;
}

.summary-details__address {
  white-space: pre;
}

.summary-details__value-inline {
  width: 80px;
  display: inline-block;
}
.summary-details__value-inline p {
  text-align: center;
}

.summary-details .cell:nth-last-child(-n+2) div {
  margin-bottom: 0;
}

.summary-details__content__list {
  text-align: justify;
}

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

@media (min-width: 768px) {
  .summary-details__key,
  .summary-details__value {
    margin-bottom: 25px;
  }
  .summary-details__key_lessmargin,
  .summary-details__value_lessmargin {
    margin-bottom: 15px;
  }
  .summary-details__key_nomargin,
  .summary-details__value_nomargin {
    margin-bottom: 0;
  }
  .summary-details__content__list {
    margin: 0 40px;
  }
}
.tooltip-container {
  position: relative;
  padding-left: 10px;
}

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

.tooltip-cell {
  position: relative;
}

.tooltip__button {
  border: 2px solid transparent;
  background-color: transparent;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
}

.tooltip__button__icon {
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.tooltip__content {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .tooltip__content {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .tooltip__content {
    font-size: 1rem;
    line-height: 24px;
  }
}
.tooltip__content {
  background-color: #ecf2f8;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #00539e;
  display: none;
  position: absolute;
  top: -20px;
  left: 35px;
  width: 100%;
  min-width: 310px;
  max-width: 450px;
  padding: 15px;
  text-align: left;
  white-space: pre-wrap;
  min-height: 60px;
  z-index: 2;
}

.tooltip__content:before {
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  left: -8px;
  width: 15px;
  height: 15px;
  background-color: #ecf2f8;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: rotate(45deg);
  z-index: 1;
}

.tooltip--inline {
  position: relative;
}

.tooltip--active .tooltip__button__icon {
  fill: #ffffff;
}
.tooltip--active .tooltip__button {
  background-color: #00539e;
}
.tooltip--active .tooltip__content {
  display: block;
}

.tooltip--inside-table-header .tooltip__button__icon {
  fill: #ffffff;
}
.tooltip--inside-table-header .tooltip__button {
  border-color: #ffffff;
}
.tooltip--inside-table-header.tooltip--active .tooltip__button__icon {
  fill: #ffffff;
}
.tooltip--inside-table-header.tooltip--active .tooltip__button {
  border-color: #00539e;
}

.tooltip__content--show-on-bottom {
  right: -8px;
  left: auto;
  top: 100%;
  transform: translateY(15px);
}

.tooltip__content--show-on-bottom:before {
  left: auto;
  right: 5px;
  top: -2px;
  border-left: none;
  border-bottom: none;
  border-right: 1px solid #00539e;
  border-top: 1px solid #00539e;
  transform: rotate(-45deg) translateY(-50%);
}

.tooltip__content--show-on-left {
  right: 35px;
  left: auto;
}

.tooltip__content--show-on-left:before {
  transform: rotate(225deg);
  left: auto;
  right: -8px;
}

.tooltip__content--show-on-top-left {
  top: auto;
  bottom: 40px;
  right: -15px;
  left: auto;
  min-height: 1px;
  padding: 10px;
}

.tooltip__content--show-on-top-left:before {
  transform: rotate(-45deg);
  left: auto;
  right: 15px;
  top: auto;
  bottom: -9px;
}

table .tooltip--display-bottom .tooltip__content--show-on-bottom:before {
  right: 5px;
}
table th:first-child .tooltip__content--show-on-bottom,
table th:nth-child(2) .tooltip__content--show-on-bottom,
table th:nth-child(3) .tooltip__content--show-on-bottom {
  left: -10px;
}
table th:first-child .tooltip__content--show-on-bottom:before,
table th:nth-child(2) .tooltip__content--show-on-bottom:before,
table th:nth-child(3) .tooltip__content--show-on-bottom:before {
  left: 15px;
}
table th:last-child .tooltip__content--show-on-bottom {
  left: auto;
}
table th:last-child .tooltip__content--show-on-bottom:before {
  right: 2.5px;
  left: auto;
}

.form-field__input-area .tooltip,
.radio-input .tooltip {
  position: absolute;
  top: 15px;
  right: 5px;
}
.form-field__input-area.form-field__input-area--horizontal-group .tooltip,
.radio-input.form-field__input-area--horizontal-group .tooltip {
  right: -30px;
}

.radio-input {
  position: relative;
}
.radio-input .tooltip {
  top: 50%;
  transform: translateY(-50%);
  right: -40px;
  z-index: 2;
}

.tooltip--no-circle .tooltip__button__icon--active {
  display: none;
}
.tooltip--no-circle .tooltip__button {
  border: none;
}
.tooltip--no-circle .tooltip__button__icon {
  width: 20px;
  height: 20px;
  top: 12px;
}
.tooltip--no-circle.tooltip--active .tooltip__button {
  border: none;
  background-color: transparent;
}
.tooltip--no-circle.tooltip--active .tooltip__button__icon {
  fill: #00539e;
}
.tooltip--no-circle.tooltip--active .tooltip__button__icon {
  display: none;
}
.tooltip--no-circle.tooltip--active .tooltip__button__icon--active {
  display: block;
}

.checkbox-input__input--with-tooltip {
  display: inline-flex;
}
.checkbox-input__input--with-tooltip .tooltip.tooltip {
  right: -30px;
}
.checkbox-input__input--with-tooltip .tooltip--inline {
  top: calc(50% - 3px);
  transform: translateY(-50%);
}

@media (min-width: 460px) {
  .tooltip--mobile {
    display: none;
  }
}
.center-aligned-tip {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.card {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 30px;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}

.card__header {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .card__header {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .card__header {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
.card__header {
  color: #1d1d1d;
  max-width: 90%;
}

.card__sub-header {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .card__sub-header {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .card__sub-header {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.card__sub-header {
  color: #494e50;
  max-width: 90%;
}

.card__description {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .card__description {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .card__description {
    font-size: 1rem;
    line-height: 24px;
  }
}
.card__description {
  color: #5c6062;
  max-width: 90%;
}

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

.card__contact--list {
  margin-top: auto;
}

.card__contact--list--item {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .card__contact--list--item {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .card__contact--list--item {
    font-size: 1rem;
    line-height: 24px;
  }
}
.card__contact--list--item {
  color: #494e50;
}
.card__contact--list--item a {
  font-weight: normal;
}

.card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.card__content > *:not(:first-child) {
  margin-top: 20px;
}
.card__content + * {
  margin-top: 30px;
}
.card__content .card__contact--list {
  margin-top: auto;
}

.card__utilities {
  justify-self: flex-end;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.card__icon {
  color: #1d1d1d;
  fill: #1d1d1d;
}

.card__action-list {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #efeeee;
}
.card__action-list li {
  border-bottom: 1px solid #efeeee;
}
.card__action-list a {
  display: block;
  padding: 10px 0;
}

[class*=grid][class*=-up-] > .cell > .card {
  height: 100%;
  min-height: 320px;
}
[class*=grid][class*=-up-] > .cell > .card--small {
  min-height: 130px;
}
[class*=grid][class*=-up-] > .cell > .card--medium {
  min-height: 200px;
}
[class*=grid][class*=-up-] > .cell > .card--large {
  min-height: 410px;
}

.card--small {
  padding: 20px;
}
.card--small .card__header {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .card--small .card__header {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .card--small .card__header {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.card--small .card__header {
  font-weight: 700;
}
.card--small .cta-icon {
  width: 35px;
  height: 35px;
}
.card--small .cta-icon .cta-icon__icon {
  width: 15px;
  height: 15px;
}

.card--clickable,
.card[href] {
  cursor: pointer;
  text-decoration: none;
}
.card--clickable:hover, .card--clickable:active, .card--clickable:focus,
.card[href]:hover,
.card[href]:active,
.card[href]:focus {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  text-decoration: none;
  position: relative;
}
.card--clickable:hover .cta-icon, .card--clickable:active .cta-icon, .card--clickable:focus .cta-icon,
.card[href]:hover .cta-icon,
.card[href]:active .cta-icon,
.card[href]:focus .cta-icon {
  border-color: #00539e;
  color: #ffffff;
}
.card--clickable:hover .button--flat, .card--clickable:active .button--flat, .card--clickable:focus .button--flat,
.card[href]:hover .button--flat,
.card[href]:active .button--flat,
.card[href]:focus .button--flat {
  color: currentColor;
  text-decoration: underline;
}
.card--clickable.has-current-focus,
.card[href].has-current-focus {
  outline: 2px solid #077bc2;
}

button.card {
  cursor: pointer;
  text-decoration: none;
}
button.card:hover, button.card:active, button.card:focus {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  text-decoration: none;
  position: relative;
}
button.card:hover .cta-icon, button.card:active .cta-icon, button.card:focus .cta-icon {
  border-color: #00539e;
  color: #ffffff;
}
button.card:hover .button--flat, button.card:active .button--flat, button.card:focus .button--flat {
  color: currentColor;
  text-decoration: underline;
}
button.card.has-current-focus {
  outline: 2px solid #077bc2;
}
button.card {
  text-align: left;
  align-items: inherit;
  width: 100%;
}

.card--stacked {
  position: relative;
}
.card--stacked:before, .card--stacked:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 15px;
  background-color: #ffffff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
}
.card--stacked:before {
  top: -10px;
  width: calc(100% - 30px);
  z-index: -1;
}
.card--stacked:after {
  top: -20px;
  width: calc(100% - 60px);
  z-index: -2;
}

.module {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}
.module {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.module + .module, .u-content-container + .module {
  margin-top: 20px;
}
.module .responsive-table {
  margin: 0;
}
.module table {
  padding-bottom: 0;
}
.module thead th:first-child {
  border-top-left-radius: 0;
}
.module thead th:last-child {
  border-top-right-radius: 0;
}

.module__header {
  padding: 20px;
  border-bottom: 1px solid rgba(95, 86, 86, 0.15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.module__header-title {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .module__header-title {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .module__header-title {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}

.module__header-description {
  flex: 1 0 100%;
  margin-top: 20px;
}

.module__content {
  padding: 0 20px;
  margin: 20px 0;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.module__content + .module__content {
  margin-top: 0;
}
.module__content .card + .card {
  margin-top: 10px;
}

.module[aria-expanded=true],
.module--editing,
.module--invalid {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}

.module--remove-header-border .module__header {
  border-bottom: none;
}

.module--nested-module {
  box-shadow: none;
  border-radius: 0;
}
.module--nested-module .module__header-title {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .module--nested-module .module__header-title {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .module--nested-module .module__header-title {
    font-size: 1rem;
    line-height: 24px;
  }
}
.module--nested-module .module__header-title {
  font-weight: 700;
}

.module[data-module-edit=section][aria-expanded=false] .module__header__toggle__text:nth-child(1) {
  display: block;
}
.module[data-module-edit=section][aria-expanded=false] .module__header__toggle__text:nth-child(2) {
  display: none;
}
.module[data-module-edit=section][aria-expanded=false] [data-module-edit=hidden] {
  display: none;
}
.module[data-module-edit=section][aria-expanded=false] [data-module-edit=visible] {
  display: block;
}
.module[data-module-edit=section][aria-expanded=true] .module__header__toggle__text:nth-child(1) {
  display: none;
}
.module[data-module-edit=section][aria-expanded=true] .module__header__toggle__text:nth-child(2) {
  display: block;
}
.module[data-module-edit=section][aria-expanded=true] [data-module-edit=hidden] {
  display: block;
}
.module[data-module-edit=section][aria-expanded=true] [data-module-edit=visible] {
  display: none;
}

.module__content--expanded.module__content--expanded {
  padding: 0;
  margin: 0;
}

.module__content--divided {
  border-top: 1px solid rgba(95, 86, 86, 0.15);
  padding-top: 20px;
}

.module--top-radius-corners {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.module--no-radius-corners {
  border-radius: 0;
}

@media (min-width: 768px) {
  .module + .module, .u-content-container + .module {
    margin-top: 40px;
  }
  .module__header {
    padding: 20px 30px;
  }
  .module__content {
    margin: 30px 0;
  }
  .module__content:not(.module__content--expanded):not(.module__content--divided) {
    padding: 0 30px;
  }
  .module__content--divided {
    padding-top: 30px;
  }
  .module--nested-module .module__header {
    padding: 20px;
  }
}
.image-content-block {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.image-content-block + .image-content-block {
  margin-top: 30px;
}
.image-content-block + .image-content-block .image-content-block__image-container {
  padding-top: 30px;
}
.image-content-block + .image-content-block .image-content-block__content-container {
  border-top: 1px solid rgba(95, 86, 86, 0.15);
  padding-top: 30px;
}

.image-content-block__image {
  width: 90px;
  height: 90px;
}

.image-content-block__image-container {
  margin: 0 70px 0 30px;
}

.image-content-block__content-container {
  width: 660px;
}

.image-content-block--centered {
  align-items: center;
}

.dashed-list {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .dashed-list {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .dashed-list {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.dashed-list {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 20px;
  border: 2px dashed rgba(0, 83, 158, 0.8);
  border-radius: 20px;
  background-color: #ffffff;
  cursor: pointer;
}
.dashed-list:hover, .dashed-list:focus {
  text-decoration: none;
  color: #00539e;
  background-color: rgba(0, 83, 158, 0.15);
}
.dashed-list:hover .cta-icon, .dashed-list:focus .cta-icon {
  border-color: #00539e;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .dashed-list {
    padding: 40px 50px 40px 115px;
  }
}
.card-list {
  border-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  background-color: #ffffff;
}
.card-list .card-list__item:not(:first-child) {
  border-top: 1px solid #efeeee;
}
.card-list .card-list__item {
  padding: 30px;
}

.card-list__item--clickable,
.card-list__item[href] {
  cursor: pointer;
  text-decoration: none;
  transition: box-shadow 200ms ease-in-out;
}
.card-list__item--clickable:hover, .card-list__item--clickable:active, .card-list__item--clickable:focus,
.card-list__item[href]:hover,
.card-list__item[href]:active,
.card-list__item[href]:focus {
  border-radius: 20px;
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.card-list__item--clickable:hover .cta-icon, .card-list__item--clickable:active .cta-icon, .card-list__item--clickable:focus .cta-icon,
.card-list__item[href]:hover .cta-icon,
.card-list__item[href]:active .cta-icon,
.card-list__item[href]:focus .cta-icon {
  border-color: #00539e;
  color: #ffffff;
}
.card-list__item--clickable:hover + .card-list__item, .card-list__item--clickable:active + .card-list__item, .card-list__item--clickable:focus + .card-list__item,
.card-list__item[href]:hover + .card-list__item,
.card-list__item[href]:active + .card-list__item,
.card-list__item[href]:focus + .card-list__item {
  border-top-color: transparent;
}
.card-list__item--clickable.has-current-focus,
.card-list__item[href].has-current-focus {
  outline: 2px solid #077bc2;
}
.card-list__item--clickable.download-list-row:hover, .card-list__item--clickable.download-list-row:focus, .card-list__item--clickable.download-list-row:active,
.card-list__item[href].download-list-row:hover,
.card-list__item[href].download-list-row:focus,
.card-list__item[href].download-list-row:active {
  border-radius: 0;
}
.card-list__item--clickable.download-list-row:hover:first-child, .card-list__item--clickable.download-list-row:focus:first-child, .card-list__item--clickable.download-list-row:active:first-child,
.card-list__item[href].download-list-row:hover:first-child,
.card-list__item[href].download-list-row:focus:first-child,
.card-list__item[href].download-list-row:active:first-child {
  border-radius: 20px 20px 0 0;
}
.card-list__item--clickable.download-list-row:hover:last-child, .card-list__item--clickable.download-list-row:focus:last-child, .card-list__item--clickable.download-list-row:active:last-child,
.card-list__item[href].download-list-row:hover:last-child,
.card-list__item[href].download-list-row:focus:last-child,
.card-list__item[href].download-list-row:active:last-child {
  border-radius: 0 0 20px 20px;
}

.dropdown-menu {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .dropdown-menu {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .dropdown-menu {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.dropdown-menu {
  position: relative;
  display: inline-block;
}

.dropdown-menu__trigger {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .dropdown-menu__trigger {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .dropdown-menu__trigger {
    font-size: 1rem;
    line-height: 24px;
  }
}
.dropdown-menu__trigger {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
  padding: 10px 20px;
  position: relative;
  display: block;
  width: auto;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.dropdown-menu__trigger.has-current-focus:not(:-moz-read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.dropdown-menu__trigger.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.dropdown-menu__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 200px;
  text-align: left;
  cursor: pointer;
  height: auto;
}
.dropdown-menu__trigger:hover, .dropdown-menu__trigger:focus {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
}
.dropdown-menu__trigger.full {
  max-height: inherit;
  width: inherit;
  line-height: 28px;
}
.dropdown-menu__trigger.inherit-width {
  width: inherit;
}

.dropdown-menu__trigger__text .dropdown-menu__trigger__text__state:nth-child(1) {
  display: block;
}
.dropdown-menu__trigger__text .dropdown-menu__trigger__text__state:nth-child(2) {
  display: none;
}

.dropdown-menu__trigger__icon,
.dropdown-menu__trigger__arrow {
  fill: #494e50;
  color: #494e50;
}

.dropdown-menu__trigger__arrow {
  width: 10px;
  height: 10px;
}

.dropdown-menu__trigger__icon {
  width: 20px;
  height: 20px;
}

.dropdown-menu__trigger__arrow-as-text {
  text-decoration: underline;
  margin-right: 10px;
}

.dropdown-menu__options {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .dropdown-menu__options {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .dropdown-menu__options {
    font-size: 1rem;
    line-height: 24px;
  }
}
.dropdown-menu__options {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #494e50;
  padding: 10px 15px;
  position: relative;
  display: block;
  width: auto;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.dropdown-menu__options.has-current-focus:not(:-moz-read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.dropdown-menu__options.has-current-focus:not(:read-only):not(:disabled) {
  outline: 2px solid #077bc2;
}
.dropdown-menu__options {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.dropdown-menu__options::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.dropdown-menu__options::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.dropdown-menu__options::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.dropdown-menu__options {
  z-index: 5;
  position: absolute;
  left: 0;
  padding: 0;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
  height: 0px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 400ms ease-in-out;
  max-height: 200px;
  min-width: 200px;
  overflow: hidden;
}
.dropdown-menu__options.full {
  max-height: inherit;
  width: inherit;
}
.dropdown-menu__options.inherit-width {
  width: inherit;
}

.dropdown-menu__option {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .dropdown-menu__option {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .dropdown-menu__option {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.dropdown-menu__option {
  width: 100%;
  padding: 15px 20px;
  cursor: pointer;
  background-color: transparent;
  display: block;
  color: #494e50;
  font-weight: normal;
  text-align: left;
}
.dropdown-menu__option:hover, .dropdown-menu__option:focus {
  background-color: rgba(0, 83, 158, 0.1);
  text-decoration: none;
}
.dropdown-menu__option.dropdown-menu__option--selectable {
  position: relative;
  padding-right: 30px;
}
.dropdown-menu__option.dropdown-menu__option--selectable.selected svg {
  display: block;
}
.dropdown-menu__option svg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 36px;
  padding: 15px 10px;
  display: none;
  fill: #00539e;
}

.dropdown-menu-container {
  display: flex;
  align-items: center;
}
.dropdown-menu-container > *:not(:last-child) {
  margin-right: 10px;
}

.dropdown-menu__option__icon {
  height: 15px;
  width: 15px;
  flex-shrink: 1;
  margin-left: 20px;
  fill: #00539e;
}

.dropdown-menu-container__menu {
  flex-grow: 1;
  max-width: 210px;
}

.dropdown-menu[aria-expanded=true] .dropdown-menu__options {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-top: 10px;
}
.dropdown-menu[aria-expanded=true] .dropdown-menu__trigger__arrow {
  transform: rotate(180deg);
}
.dropdown-menu.inherit-width {
  width: inherit;
}

.dropdown-menu__trigger[aria-expanded=true] ~ .dropdown-menu__options {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-top: 10px;
}
.dropdown-menu__trigger[aria-expanded=true] .dropdown-menu__trigger__arrow {
  transform: rotate(180deg);
}
.dropdown-menu__trigger.inherit-width {
  width: inherit;
}

.dropdown-menu__options--right-align {
  left: auto;
  right: 0;
}

.dropdown-menu__trigger__text {
  color: #494e50;
}

.dropdown-menu__trigger__text--expanded {
  color: #494e50;
}
.dropdown-menu__trigger__text--expanded .dropdown-menu__trigger__text__state:nth-child(1) {
  display: none;
}
.dropdown-menu__trigger__text--expanded .dropdown-menu__trigger__text__state:nth-child(2) {
  display: block;
}

.dropdown-menu__option--has-icon {
  display: flex;
  align-items: center;
}

.dropdown-menu__options--right {
  left: auto;
  right: 0;
}

.dropdown-menu--border-radius .dropdown-menu__trigger {
  border-radius: 25px;
}

.dropdown-menu--blue .dropdown-menu__trigger {
  background-color: #00539e;
}
.dropdown-menu--blue .dropdown-menu__trigger__text {
  color: #ffffff;
}
.dropdown-menu--blue .dropdown-menu__trigger__arrow {
  fill: #ffffff;
}

.dropdown-menu--icon-trigger .dropdown-menu__trigger {
  background-color: transparent;
  padding: 5px 10px;
  width: 60px;
  min-width: 0;
  box-shadow: none;
  border: 1px solid #efeeee;
}
.dropdown-menu--icon-trigger[aria-expanded=true] .dropdown-menu__trigger {
  background-color: #ffffff;
}

.dropdown-menu--dashboard .dropdown-menu__trigger {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding-left: 0;
}
.dropdown-menu--dashboard .dropdown-menu__trigger__text {
  color: #1d1d1d;
}
.dropdown-menu--dashboard .dropdown-menu__trigger__text {
  font-family: Open Sans, Arial, serif;
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: 40px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .dropdown-menu--dashboard .dropdown-menu__trigger__text {
    font-size: 1.9375rem;
    line-height: 40px;
  }
}
@media (min-width: 1440px) {
  .dropdown-menu--dashboard .dropdown-menu__trigger__text {
    font-size: 2.5rem;
    line-height: 50px;
  }
}
.dropdown-menu--dashboard .dropdown-menu__trigger__text {
  margin-right: 20px;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.dropdown-menu--dashboard .dropdown-menu__trigger__arrow {
  fill: #1d1d1d;
}
.dropdown-menu--dashboard .dropdown-menu__options {
  min-width: 100%;
}

.dropdown-menu--outline .dropdown-menu__trigger {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: auto;
  padding: 0;
}
.dropdown-menu--outline .dropdown-menu__trigger__text {
  margin-right: 10px;
}
.dropdown-menu--outline .dropdown-menu__trigger__arrow {
  fill: #1d1d1d;
}

.dropdown-menu--nowrap {
  width: 100%;
}
.dropdown-menu--nowrap .dropdown-menu__trigger {
  min-height: 50px;
  padding: 10px 15px;
}
.dropdown-menu--nowrap .dropdown-menu__trigger__text {
  text-wrap: nowrap;
  overflow: hidden;
  width: 100%;
}

.dropdown-menu__options--narrow .dropdown-menu__option {
  line-height: 16px;
  padding: 10px 15px;
}

.bank-account__primary-account {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .bank-account__primary-account {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .bank-account__primary-account {
    font-size: 1rem;
    line-height: 24px;
  }
}
.bank-account__primary-account {
  display: block;
  margin-bottom: 25px;
  color: #00539e;
}

.bank-account-row {
  display: flex;
}

.bank-account-row__inner__container {
  flex: 1;
  margin-left: 20px;
}

.bank-account-row__counter {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .bank-account-row__counter {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .bank-account-row__counter {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.bank-account-row__counter {
  font-weight: bold;
  display: block;
}

.bank-account-row__title {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .bank-account-row__title {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .bank-account-row__title {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.bank-account-row__title {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.bank-account-row__details {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.bank-account-row__details__inner__container {
  display: flex;
  flex: 0 0 260px;
  align-items: baseline;
}
.bank-account-row__details__inner__container span:last-child {
  margin-left: 50px;
}

.bank-account-row__details__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .bank-account-row__details__text {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .bank-account-row__details__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.bank-account-row__details__text {
  line-height: 1;
}

.bank-account-row__details__text--highlighted {
  color: #00539e;
}

.bank-account-row__bank-name {
  flex: 1;
}

.bank-account-row__direct-debit {
  flex: 0.75;
  text-align: center;
}

.bank-account-row__account-actions {
  flex: 0 0 160px;
}

.placeholder-bank-icon {
  display: block;
  min-width: 65px;
  height: 65px;
  background: pink;
  border-radius: 10px;
  box-shadow: 0px 3px 6px rgba(29, 29, 29, 0.1019607843);
}

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

.toggle label {
  margin: 0;
  font-weight: normal;
  color: #494e50;
}

.toggle label:first-of-type {
  margin-right: 10px;
}

.toggle__input + label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 70px;
  height: 35px;
  padding: 0 0 0 45px;
  border-radius: 100px;
  background-color: #e3f3fc;
  transition: 0.4s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle__input + label:before {
  content: "";
  display: block;
  width: 70px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  border-radius: 30px;
  box-shadow: none;
  background-color: #e3f3fc;
  transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}
.toggle__input + label:after {
  content: "";
  background-color: #ffffff;
  border: 2px solid rgba(0, 83, 158, 0.5);
  border-radius: 60px;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  height: 31px;
  width: 31px;
  transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}

.toggle__input:checked + label:before {
  background-color: #00539e;
  transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}
.toggle__input:checked + label:after {
  left: 37px;
  border-width: 2px;
  border-style: solid;
}
.toggle__input:checked + label + label {
  font-weight: 700;
  color: #00539e;
}

.toggle--text-on-left label {
  order: 0;
  margin-right: 10px;
}
.toggle--text-on-left label:first-of-type {
  order: 1;
  margin-right: 0;
}

.permissions-list-row {
  display: flex;
  align-items: center;
  padding: 50px 60px 50px 45px;
}

.permissions-list-row__client__name {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .permissions-list-row__client__name {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .permissions-list-row__client__name {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.permissions-list-row__client__name {
  font-weight: 700;
  flex-grow: 1;
}

.modal {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.modal::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.modal::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.modal::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(29, 29, 29, 0.5);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  z-index: 32;
}
.modal .modal {
  left: 0;
  width: 100%;
}
.modal .spacer {
  flex: 1;
}
.modal .close-button {
  width: 50px;
  height: 50px;
}
#embark-app .modal {
  position: fixed;
  top: 60px;
}
.full-screen-mode #embark-app .modal {
  top: 0;
}
#embark-app .modal {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #embark-app .modal {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) #embark-app .modal {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode #embark-app .modal, .full-screen-mode .shell-level--2 #embark-app .modal {
    left: 0;
    width: 100%;
  }
}
#embark-app .modal .modal {
  left: 0;
  width: 100%;
}

.large-padding-top {
  padding-top: 100px;
}

.large-padding-bottom {
  padding-bottom: 100px;
}

.med-padding-bottom {
  padding-bottom: 50px;
}

.med-padding-top {
  padding-top: 50px;
}

.mobile #embark-app .modal {
  top: 0;
  left: 0;
  width: 100%;
}

.modal__inner {
  background-color: #ffffff;
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  width: 100%;
  max-width: 710px;
  padding: 20px;
  margin: 20px;
  border-radius: 10px;
  max-height: 95%;
  overflow-y: auto;
  overflow-x: hidden;
}

.modal__content {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.modal__content::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.modal__content::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.modal__content::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.modal__content {
  text-align: center;
  color: #494e50;
}
.modal__content:not(:last-child) {
  margin-bottom: 20px;
}

.modal__content__title {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .modal__content__title {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .modal__content__title {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
.modal__content__title {
  color: #494e50;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__content__message {
  display: flex;
  justify-content: center;
}

.modal__content__close {
  display: flex;
  justify-content: right;
}
.modal__content__close .cta-icon {
  width: 35px;
  height: 35px;
}
.modal__content__close .cta-icon svg {
  width: 15px;
  height: 15px;
}

.modal__content__message__icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  fill: #494e50;
}

.modal__content__message__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .modal__content__message__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .modal__content__message__text {
    font-size: 1rem;
    line-height: 24px;
  }
}
.modal__content__message__text > *:not(:last-child) {
  margin-bottom: 10px;
}

.modal__content__list {
  text-align: left;
}

.modal__content__message__loader {
  width: 40px;
  height: 40px;
  border-width: 10px;
}

.modal__loading-state {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal__loading-state.floating-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -40px;
}

.modal__loading-state__loader {
  width: 60px;
  height: 60px;
}

.modal__loading-state__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .modal__loading-state__text {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .modal__loading-state__text {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.modal__loading-state__text {
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
  color: #1d1d1d;
}

.modal__loading-state__sub-text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .modal__loading-state__sub-text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .modal__loading-state__sub-text {
    font-size: 1rem;
    line-height: 24px;
  }
}
.modal__loading-state__sub-text {
  text-align: center;
  color: #1d1d1d;
}

.modal__loading-state__icon {
  width: 60px;
}

.modal__loading-state__loader.loader--loaded {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal[aria-hidden=true] {
  display: none;
}
.modal[aria-hidden=false] {
  display: flex;
}

.modal__inner[data-modal-ajax-states][aria-hidden=true] {
  display: none;
}
.modal__inner[data-modal-ajax-states][aria-hidden=false] {
  display: block;
}
.modal__inner[data-modal-deal-ajax-states][aria-hidden=true] {
  display: none;
}
.modal__inner[data-modal-deal-ajax-states][aria-hidden=false] {
  display: block;
}

.modal--content .modal__inner {
  max-width: 1015px;
  padding: 0;
  overflow: hidden;
}
.modal--content .modal__inner.modal__inner-mobile {
  max-width: 41.025rem;
}
.modal--content .modal__content {
  text-align: left;
  white-space: normal;
}
.modal--content .modal__content__center {
  text-align: center;
  white-space: normal;
}
.modal--content .modal__content__title {
  justify-content: space-between;
  padding: 30px;
  margin-bottom: 0;
}
.modal--content .modal__content__title.modal__content__title_mobile {
  width: inherit;
  height: 3.75rem;
  left: calc(50% - 11.719rem);
  top: 0px;
  padding: 25px 30px;
  background: #ffffff;
}
.modal--content .modal__content__title + * {
  border-top: 1px solid rgba(95, 86, 86, 0.15);
}
.modal--content .modal__content__title__center {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .modal--content .modal__content__title__center {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .modal--content .modal__content__title__center {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
.modal--content .modal__content__title__center {
  color: #494e50;
  justify-content: center;
  padding: 30px;
  margin-bottom: 0;
}
.modal--content .modal__content__title__center.modal__content__title_mobile {
  width: inherit;
  height: 3.75rem;
  left: calc(50% - 11.719rem);
  top: 0rem;
  padding: 25px 30px;
  background: #ffffff;
}
.modal--content .modal__content__title_compact {
  justify-content: space-between;
  padding: 5px 25px 5px 25px;
  margin-bottom: 0;
}
.modal--content .modal__content__title_compact + * {
  border-top: 0rem;
}
.modal--content .modal__content__title__fixed {
  height: 130px;
}
.modal--content .modal__content__message {
  scrollbar-base-color: #f4f4f4;
  scrollbar-face-color: #d3d3d3;
  scrollbar-shadow-color: #d3d3d3;
  scrollbar-highlight-color: #f4f4f4;
  scrollbar-3dlight-color: #f4f4f4;
  scrollbar-darkshadow-color: #d3d3d3;
  scrollbar-track-color: #f4f4f4;
  scrollbar-arrow-color: transparent;
}
.modal--content .modal__content__message::-webkit-scrollbar {
  background-color: #d3d3d3;
  border-radius: 0;
  width: get-spacing(xs);
  cursor: pointer;
}
.modal--content .modal__content__message::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 0;
}
.modal--content .modal__content__message::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border: 1px solid none;
  border-radius: 0;
}
.modal--content .modal__content__message {
  display: block;
  max-height: 620px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 30px;
}
.modal--content .modal__content__message.modal__content__message_mobile {
  border-top: 0rem;
  padding-top: 0;
}
.modal--content .modal__content__message__fixed__title {
  max-height: calc(100vh - 130px);
}

@media (min-width: ) {
  .modal--content .modal__content__title {
    font-family: "Lato", Open Sans, Arial, serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
    color: #1d1d1d;
  }
}
@media (min-width: ) and (min-width: 1024px) {
  .modal--content .modal__content__title {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: ) and (min-width: 1440px) {
  .modal--content .modal__content__title {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: ) {
  .modal--content .modal__content__title {
    padding: 15px;
  }
  .modal--content .modal__content__title .cta-icon {
    width: 35px;
    height: 35px;
  }
  .modal--content .modal__content__message {
    padding: 15px;
  }
}
@media (min-width: 768px) {
  .modal__inner {
    padding: 40px;
  }
  .modal__content:not(:last-child) {
    margin-bottom: 40px;
  }
  .modal__content__list {
    margin: 0 140px;
  }
}
.cta-icon--mobile {
  height: 22.83px;
  left: 4.17%;
  right: 0.71%;
  top: calc(50% - 11.415px + 0.41px);
  background-color: #ffffff !important;
  border: 0px !important;
  color: #005eb8;
}

.w-100 .modal__content__message__text {
  width: 100% !important;
}

.content-pagination {
  display: flex;
  justify-content: space-between;
}

.pagination {
  display: flex;
  align-items: center;
}
.pagination {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .pagination {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .pagination {
    font-size: 1rem;
    line-height: 24px;
  }
}
.pagination > :not(:last-child):not(.pagination__item--prev) {
  margin-right: 15px;
}
.pagination [aria-hidden=false] {
  display: inline;
}
.pagination [aria-hidden=true] {
  display: none;
}

.pagination__ellipsis-pages > :not(:last-child) {
  margin-right: 15px;
}

.pagination__item {
  cursor: pointer;
  color: #494e50;
  min-width: 24px;
  min-height: 24px;
}

.pagination__item__icon {
  width: 30px;
  height: 30px;
  fill: #00539e;
}

.pagination__item--current {
  background-color: #00539e;
  color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  line-height: 1;
  min-width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination__item--prev {
  margin-right: 30px;
}

.pagination__item--next {
  margin-left: 15px;
}

.pagination__item--prev,
.pagination__item--next {
  display: flex;
  align-items: center;
}

.pagination__item--ellipsis {
  cursor: pointer;
}

.pagination__item--ellipsis,
.pagination__item,
.pagination__text {
  font-weight: 700;
}

.pagination__item--disabled {
  cursor: default;
  color: #eff3f7;
}
.pagination__item--disabled .pagination__item__icon {
  fill: #eff3f7;
}

.new-client-record-form .form-group {
  margin-top: 0;
  margin-bottom: 50px;
}
.new-client-record-form .date-form-field .form-field {
  margin-top: 0px;
}
.new-client-record-form .date-form-field .form-field__input-area--horizontal-group {
  align-items: unset;
}

.residential-address label,
.residential-address legend {
  margin-bottom: 5px;
}
.residential-address .postcode-lookup {
  margin-bottom: 35px;
}

.nationality-container + .nationality-container {
  margin-top: 30px;
}

.nationality-section__citizenship {
  margin-bottom: 20px;
  margin-bottom: 30px;
}

.nationality-section_identifier-text {
  margin: 30px 0;
  font-weight: bold;
}

.nationality-remove-button {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .nationality-remove-button {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .nationality-remove-button {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.nationality-remove-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(100%, -50%);
  right: 20px;
}

.summary-strip {
  background-color: #ffffff;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  border-radius: 10px;
  display: block;
  overflow: hidden;
  text-align: left;
  width: 100%;
  position: relative;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.summary-strip__review {
  background-color: #ffffff;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  border-radius: 10px;
  display: block;
  overflow: hidden;
  text-align: left;
  width: 90%;
  position: relative;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin: 10px 0px 20px 40px;
}

.summary-strip__meta {
  padding: 10px;
}

.summary-strip__item {
  margin-bottom: 20px;
}

.summary-strip__item__key {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .summary-strip__item__key {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .summary-strip__item__key {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.summary-strip__item__key {
  color: #494e50;
  margin-right: 10px;
}

.summary-strip__item__key--with-button {
  overflow: hidden;
}

.summary-strip__item__value {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .summary-strip__item__value {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .summary-strip__item__value {
    font-size: 1rem;
    line-height: 24px;
  }
}
.summary-strip__item__value {
  font-weight: 700;
  color: #1d1d1d;
  margin-right: 10px;
}

.summary-strip__button-container {
  display: flex;
  justify-content: flex-end;
  flex: 0;
  margin-left: auto;
}

.summary-strip__button-container--floating {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.summary-strip__meta .summary-strip__button-container--floating {
  right: 10px;
}

.summary-strip__checkbox-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.summary-strip__button {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.summary-strip__button + .summary-strip__button:before {
  content: "|";
  color: #cdcfcd;
}

.summary-strip__button--right {
  margin-left: auto;
}

.summary-strip__button__icon {
  color: #00539e;
  fill: #00539e;
  height: 20px;
  margin: 0 15px;
  width: 20px;
}

.summary-strip__back {
  padding: 10px 15px;
  display: flex;
  border-bottom: 1px solid #efeeee;
  transition: background 200ms ease-in-out;
  color: #00539e;
}
.summary-strip__back.has-current-focus {
  outline: 0;
}
.summary-strip__back.has-current-focus .summary-strip__back__icon {
  outline: 2px solid #077bc2;
}
.summary-strip__back:hover {
  color: currentColor;
}

.summary-strip__back__icon {
  width: 20px;
  height: 20px;
  transition: fill 200ms ease-in-out;
}

.summary-strip__cta {
  position: relative;
}

.summary-strip__hidden-submit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.summary-strip__hidden-submit:hover + .cta-icon, .summary-strip__hidden-submit:active + .cta-icon, .summary-strip__hidden-submit:focus + .cta-icon {
  border-color: #00539e;
  color: #ffffff;
}

.summary-strip[href],
.summary-strip--clickable {
  cursor: pointer;
}
.summary-strip[href]:hover, .summary-strip[href]:active, .summary-strip[href]:focus,
.summary-strip--clickable:hover,
.summary-strip--clickable:active,
.summary-strip--clickable:focus {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  text-decoration: none;
}
.summary-strip[href]:hover .summary-strip__back, .summary-strip[href]:active .summary-strip__back, .summary-strip[href]:focus .summary-strip__back,
.summary-strip--clickable:hover .summary-strip__back,
.summary-strip--clickable:active .summary-strip__back,
.summary-strip--clickable:focus .summary-strip__back {
  color: #00bbcc;
}
.summary-strip[href]:hover .cta-icon, .summary-strip[href]:active .cta-icon, .summary-strip[href]:focus .cta-icon,
.summary-strip--clickable:hover .cta-icon,
.summary-strip--clickable:active .cta-icon,
.summary-strip--clickable:focus .cta-icon {
  border-color: #00539e;
  color: #ffffff;
}

.summary-strip + .summary-strip {
  margin-top: 10px;
}

.summary-strip--grouping {
  display: flex;
}
.summary-strip--grouping .summary-strip__initials {
  margin: 20px 15px 0 30px;
}
.summary-strip--grouping .summary-strip__cta {
  margin: 15px 30px 0 15px;
}
.summary-strip--grouping .summary-strip__meta {
  padding-top: 0;
  padding-bottom: 0;
}
.summary-strip--grouping .summary-strip__meta__group {
  display: flex;
  width: 100%;
  padding: 10px 0;
}
.summary-strip--grouping .summary-strip__meta__group .summary-strip__item {
  min-width: 0;
}
.summary-strip--grouping .summary-strip__meta__group .summary-strip__item:not(:last-child) {
  margin-right: 20px;
}
.summary-strip--grouping .summary-strip__meta__group + .summary-strip__meta__group {
  border-top: 1px solid #efeeee;
}
.summary-strip--grouping .summary-strip__meta__group__expand {
  margin-top: 5px;
}
.summary-strip--grouping .summary-strip__meta__group__expand .button__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .summary-strip--grouping .summary-strip__meta__group__expand .button__text {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .summary-strip--grouping .summary-strip__meta__group__expand .button__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.summary-strip--grouping .summary-strip__meta__group__expand .button__text {
  font-weight: 700;
}
.summary-strip--grouping .summary-strip__meta__group__expand .button__icon {
  width: 20px;
  height: 20px;
  color: #ffffff;
  border-radius: 50%;
  font-weight: 700;
}
.summary-strip--grouping[aria-expanded=false] .summary-strip__meta__group__expand__text:nth-child(2) {
  display: none;
}
.summary-strip--grouping[aria-expanded=false] .summary-strip__meta__group:not(:first-child) {
  display: none;
}
.summary-strip--grouping[aria-expanded=true] .summary-strip__meta__group__expand__text:nth-child(1) {
  display: none;
}
.summary-strip--grouping[aria-expanded=true] .summary-strip__meta__group {
  display: flex;
}
.summary-strip--grouping[aria-expanded=true] .initials {
  background-color: #00539e;
}
.summary-strip--grouping[aria-expanded=true] .button__icon {
  transform: rotate(180deg);
}
.summary-strip--grouping[aria-expanded=true] .initials__count {
  display: none;
}

.summary-strip--grouping--with-grid .grid-container {
  width: 100%;
}
.summary-strip--grouping--with-grid .summary-details {
  width: 100%;
}

.summary-strip--invalid {
  background-color: #fffafa;
  border: 1px solid #de000d;
  box-shadow: none;
}

@media (min-width: 768px) {
  .summary-strip {
    display: flex;
  }
  .summary-strip__meta {
    padding: 5px 20px;
    min-height: 80px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .summary-strip__item__key__button--right {
    float: right;
  }
  .summary-strip__item {
    margin-bottom: 0;
    min-width: 200px;
    flex: 1;
    padding: 10px 0;
  }
  .summary-strip__back {
    width: 90px;
    height: 90px;
    padding: 15px 20px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-right: 1px solid #efeeee;
    border-bottom: none;
  }
  .summary-strip--grouping[aria-expanded=true] .summary-strip__back {
    align-self: flex-start;
    border-bottom: 1px solid #efeeee;
  }
}
@media (min-width: 1024px) {
  .summary-strip--grouping .summary-strip__meta__group .summary-strip__item {
    min-width: 150px;
  }
  .summary-strip--grouping .summary-strip__meta__group .summary-strip__item:not(:last-child) {
    margin-right: 40px;
  }
}
.bank-account-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bank-account-list__header {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .bank-account-list__header {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .bank-account-list__header {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
.bank-account-list__header {
  padding-top: 50px;
  margin-top: 40px;
  border-top: 1px solid #efeeee;
}

.bank-account-list > *:not(:first-child) {
  margin-top: 40px;
}
.bank-account-list + .bank-account-list {
  margin-top: 20px;
}

.bank-account-list__listings__list__item {
  border-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  background-color: #ffffff;
}
.bank-account-list__listings__list__item .card-list__item:not(:first-child) {
  border-top: 1px solid #efeeee;
}
.bank-account-list__listings__list__item .card-list__item {
  padding: 30px;
}

.bank-account-list__listings__list__item + .bank-account-list__listings__list__item {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .bank-account-list + .bank-account-list {
    margin-top: 40px;
  }
  .bank-account-list__listings__list__item + .bank-account-list__listings__list__item {
    margin-top: 40px;
  }
}
.page-divider {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #efeeee;
}

.card-list .bank-account-wrapper {
  padding: 0;
}

.bank-account-item {
  display: flex;
  flex-direction: column;
}
.bank-account-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 30px 20px 30px;
  margin-bottom: 30px;
}
.bank-account-item__header {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .bank-account-item__header {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .bank-account-item__header {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.bank-account-item__header {
  font-weight: bold;
  border-bottom: 1px solid #efeeee;
}
.bank-account-item__footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 30px 30px 30px;
  margin-top: 30px;
  border-top: 1px solid #efeeee;
}
.bank-account-item__footer > button {
  margin-right: 25px;
}
.bank-account-item__row {
  display: flex;
  flex-direction: row;
  padding: 10px 30px;
}
.bank-account-item__row:last-of-type {
  padding-bottom: 30px;
}
.bank-account-item--label {
  width: 200px;
}
.bank-account-item--detail {
  width: 100%;
  font-weight: bold;
  color: #1d1d1d;
}
.bank-account-item--detail .bank-account-item__usage {
  display: block;
  padding-bottom: 20px;
}
.bank-account-item--detail .bank-account-item__usage:last-of-type {
  padding-bottom: 0;
}

.aml-contact-list li:not(:last-child) {
  margin-bottom: 20px;
}

.aml-contact-list__item-icon {
  margin-right: 20px;
}

.aml-contact-list__item {
  display: flex;
}

.extended-summary-display__details {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 30px;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}

.extended-summary-display__details__item {
  display: flex;
  justify-content: space-between;
}

.extended-summary-display__details__item__key {
  font-weight: 700;
}

.extended-summary-display__details__item__value {
  color: #494e50;
}

.extended-summary-display__details__item + .extended-summary-display__details__item {
  margin-top: 10px;
  padding-top: 10px;
}

@media screen and (min-width: 768px) {
  .extended-summary-display {
    max-width: 960px;
  }
}
.total-summary-bar {
  padding: 30px;
  border-radius: 4px;
  background-color: #ebf1f7;
  display: flex;
  justify-content: space-between;
}

.total-summary-bar__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .total-summary-bar__text {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .total-summary-bar__text {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.total-summary-bar__text {
  color: #00539e;
}
.total-summary-bar__text + .total-summary-bar__text {
  margin-left: 10px;
}
.total-summary-bar__text .icon-text__text {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.total-summary-bar__text .icon-text {
  white-space: normal !important;
}

.total-summary-bar--isolated {
  border: 1px solid #00539e;
}

.total-summary-bar--tabled {
  border: 1px solid #00539e;
  border-radius: 0;
}

.total-summary-bar--summary-table {
  border-radius: 0 0 20px 20px;
}

@media (min-width: ) {
  .total-summary-bar {
    padding: 15px;
  }
}
.download-list-row {
  display: flex;
  align-items: center;
  color: #494e50;
}

.download-list-row__content {
  flex-grow: 1;
  margin-left: 20px;
}

.download-list-row__button {
  flex-shrink: 0;
}

.overlay-pane {
  position: fixed;
  top: 60px;
}
.full-screen-mode .overlay-pane {
  top: 0;
}
.overlay-pane {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .overlay-pane {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .overlay-pane {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .overlay-pane, .full-screen-mode .shell-level--2 .overlay-pane {
    left: 0;
    width: 100%;
  }
}
.overlay-pane {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
  transition: opacity ease-in-out 400ms, visibility ease-in-out 400ms, background-color ease-in-out 400ms, -webkit-backdrop-filter ease-in-out 400ms;
  transition: opacity ease-in-out 400ms, visibility ease-in-out 400ms, background-color ease-in-out 400ms, backdrop-filter ease-in-out 400ms;
  transition: opacity ease-in-out 400ms, visibility ease-in-out 400ms, background-color ease-in-out 400ms, backdrop-filter ease-in-out 400ms, -webkit-backdrop-filter ease-in-out 400ms;
  z-index: 30;
}

.overlay-pane__content {
  width: 100%;
  height: 100%;
  background-color: white;
  overflow-y: auto;
  overflow-x: hidden;
  transition: transform ease-in-out 400ms;
}

.overlay-pane__content__inner {
  padding: 40px 50px;
}
body:not(.full-screen-mode) .overlay-pane__content__inner {
  padding-left: 30px;
  padding-right: 30px;
}

.overlay-pane[aria-hidden=true] {
  visibility: hidden;
  background-color: transparent;
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
}
.overlay-pane[aria-hidden=true].overlay-pane_transition_fade {
  opacity: 0;
}
.overlay-pane[aria-hidden=true] .overlay-pane__content, .overlay-pane[aria-hidden=true].overlay-pane_transition_slide-left .overlay-pane__content {
  transform: translateX(100%);
}
.overlay-pane[aria-hidden=true].overlay-pane_transition_slide-right .overlay-pane__content {
  transform: translateX(-100%);
}
.overlay-pane[aria-hidden=true].overlay-pane_transition_slide-up .overlay-pane__content {
  transform: translateY(100%);
}
.overlay-pane[aria-hidden=true].overlay-pane_transition_slide-down .overlay-pane__content {
  transform: translateY(-100%);
}
.overlay-pane[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
}
.overlay-pane[aria-hidden=false].overlay-pane_background_tint {
  background-color: rgba(29, 29, 29, 0.5);
}
.overlay-pane[aria-hidden=false].overlay-pane_background_blur {
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
}
.overlay-pane[aria-hidden=false] .overlay-pane__content {
  transform: translate(0%, 0%);
}

.overlay-header.page-header {
  margin-top: 0;
  max-width: 100%;
}
.overlay-header.page-header.overlay-header--alt-titles .page-header__title {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .overlay-header.page-header.overlay-header--alt-titles .page-header__title {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .overlay-header.page-header.overlay-header--alt-titles .page-header__title {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.overlay-header.page-header.overlay-header--alt-titles .page-header__sub-title {
  font-family: Open Sans, Arial, serif;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .overlay-header.page-header.overlay-header--alt-titles .page-header__sub-title {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .overlay-header.page-header.overlay-header--alt-titles .page-header__sub-title {
    font-size: 1.9375rem;
    line-height: 40px;
  }
}
.overlay-header.page-header .page-header__right {
  align-self: flex-start;
}

@media (min-width: 1200px) {
  body:not(.full-screen-mode) .overlay-pane__content__inner {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.page--with-review-strip {
  padding-top: 80px;
}

.review-strip {
  position: fixed;
  top: 60px;
}
.full-screen-mode .review-strip {
  top: 0;
}
.review-strip {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .review-strip {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .review-strip {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .review-strip, .full-screen-mode .shell-level--2 .review-strip {
    left: 0;
    width: 100%;
  }
}
.review-strip {
  background-color: #ffffff;
  height: 80px;
  z-index: 25;
}

.progress-indicator-container .review-strip {
  position: fixed;
  top: 70px;
}
.full-screen-mode .progress-indicator-container .review-strip {
  top: 10px;
}
.progress-indicator-container .review-strip {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .progress-indicator-container .review-strip {
    top: 10px;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .progress-indicator-container .review-strip {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .progress-indicator-container .review-strip, .full-screen-mode .shell-level--2 .progress-indicator-container .review-strip {
    left: 0;
    width: 100%;
  }
}

.review-strip__items {
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px 30px;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}

.review-strip__items__inner {
  width: 100%;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.review-strip__notification {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .review-strip__notification {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .review-strip__notification {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.review-strip__notification {
  font-weight: 700;
  position: relative;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.review-strip__notification__inner {
  width: 100%;
  display: flex;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.review-strip__notification__copy {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .review-strip__notification__copy {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .review-strip__notification__copy {
    font-size: 1rem;
    line-height: 24px;
  }
}

.page--with-quote-review-strip {
  padding-top: 265px;
}

.page--with-quote-review-strip.progress-indicator-container {
  padding-top: 200px;
}

.review-strip__notification--item-added {
  color: #ffffff;
  background-color: #494e50;
}
.review-strip__notification--item-added .review-strip__notification__inner {
  justify-content: center;
}

.review-strip__notification--quote-valid {
  background-color: #ebf1f7;
  color: #00539e;
}
.review-strip__notification--quote-valid .review-strip__notification__inner {
  justify-content: space-between;
}
.review-strip__notification--quote-valid .icon-text__icon {
  fill: #00539e;
}
.review-strip__notification--quote-valid .icon-text__text {
  font-weight: 700;
}

.review-strip__notification--quote-invalid {
  background-color: #faf1f5;
  color: #de000d;
}
.review-strip__notification--quote-invalid .review-strip__notification__inner {
  justify-content: space-between;
}
.review-strip__notification--quote-invalid .icon-text__icon {
  fill: #de000d;
}
.review-strip__notification--quote-invalid .icon-text__text {
  font-weight: 700;
}

.review-pane {
  position: fixed;
  top: 60px;
}
.full-screen-mode .review-pane {
  top: 0;
}
.review-pane {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .review-pane {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .review-pane {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .review-pane, .full-screen-mode .shell-level--2 .review-pane {
    left: 0;
    width: 100%;
  }
}
.review-pane {
  background-color: rgba(29, 29, 29, 0.5);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  display: flex;
  justify-content: flex-end;
  height: 100%;
  transition: opacity ease-in-out 400ms, visibility ease-in-out 400ms;
  z-index: 31;
}

.review-pane__content {
  width: calc(100% - 60px);
  height: 100%;
  background-color: white;
  overflow-y: auto;
  overflow-x: hidden;
  transition: transform ease-in-out 400ms;
}

.review-pane__content__inner {
  padding: 30px;
}

.review-pane[aria-hidden=true] {
  opacity: 0;
  visibility: hidden;
}
.review-pane[aria-hidden=true] .review-pane__content {
  transform: translateX(100%);
}
.review-pane[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
}
.review-pane[aria-hidden=false] .review-pane__content {
  transform: translateX(0%);
}

@media screen and (min-width: 1200px) {
  .review-pane__content__inner {
    padding-left: 60px;
  }
}
.review-items {
  display: flex;
  align-items: center;
}

.review-items__item + .review-items__item {
  margin-left: 40px;
}

.review-items__item__key {
  color: #494e50;
}
.review-items__item__key {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .review-items__item__key {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .review-items__item__key {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.review-items__item__key .icon-text__text {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.review-items__item__key + * {
  margin-top: 5px;
}

.review-items__item__value {
  color: #1d1d1d;
  font-weight: 700;
}
.review-items__item__value {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .review-items__item__value {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .review-items__item__value {
    font-size: 1rem;
    line-height: 24px;
  }
}

.review-items__item__value__sub {
  color: #494e50;
  margin-left: 10px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.review-step {
  border-top: 1px solid rgba(95, 86, 86, 0.15);
  border-bottom: 1px solid rgba(95, 86, 86, 0.15);
  padding-top: 20px;
  padding-bottom: 20px;
}

.review-step + .review-step {
  border-top: none;
}

.review-step__label {
  color: #494e50;
}

.review-step__content {
  padding-top: 20px;
}

.review-step__cta {
  flex: 1;
  text-align: right;
}

.button-container {
  display: flex;
  align-items: center;
}
.button-container .button + .button {
  margin-left: 20px;
}
.button-container .tooltip__content {
  left: 45px;
}

.button-container__text-separator {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .button-container__text-separator {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .button-container__text-separator {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.button-container__text-separator {
  color: #00539e;
  font-weight: 700;
  margin: 0 20px;
}

.button-container--centered {
  justify-content: center;
  flex-direction: column;
}
.button-container--centered .button + .button {
  margin-left: 0;
  margin-top: 20px;
}

.button-container--modal {
  justify-content: center;
}

@media (min-width: 1024px) {
  .button-container--modal {
    justify-content: center;
    flex-direction: row;
  }
  .button-container--modal .button + .button {
    margin-top: 0;
  }
}
.back-btn {
  cursor: pointer;
  color: #00539e;
}

.back-to-top-btn {
  left: 10px;
  display: none;
  align-items: center;
  cursor: pointer;
  gap: 0.5rem;
  position: fixed;
  bottom: 10px;
}
@media screen and (min-width: 768px) {
  .back-to-top-btn {
    right: 5px;
  }
}
@media screen and (min-width: 1600px) {
  .back-to-top-btn {
    right: 30px;
  }
}
@media screen and (min-width: 768px) {
  .back-to-top-btn {
    left: auto;
  }
}

.back-to-top-icon {
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-to-top-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 75%;
  width: 20%;
  height: 2px;
}
.back-to-top-icon svg {
  fill: currentColor;
  stroke: currentColor;
  height: 1rem;
  width: 1rem;
}

.edit-mode-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .edit-mode-bar {
    bottom: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .edit-mode-bar {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .edit-mode-bar, .full-screen-mode .shell-level--2 .edit-mode-bar {
    left: 0;
    width: 100%;
  }
}
.edit-mode-bar {
  color: #672565;
  background-color: #efe8ef;
  z-index: 25;
  padding: 30px;
}
.edit-mode-bar {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .edit-mode-bar {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .edit-mode-bar {
    font-size: 1rem;
    line-height: 24px;
  }
}
.edit-mode-bar a {
  color: #672565;
}

.edit-mode-bar__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.hide {
  display: none !important;
}

.export-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  display: inline-block;
}
.export-link[aria-disabled=true] {
  cursor: progress;
  pointer-events: none;
}
.export-link__icon {
  fill: #00539e;
  stroke: inherit;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  flex-shrink: 0;
}

.product-list {
  margin-bottom: 30px;
  margin-top: 60px;
}

.product-list + .line-divider + .product-list {
  margin-top: 50px;
}

.product-list-item--with-checkbox .summary-strip__item {
  margin-top: 0;
}

.product-list-item__checkbox {
  position: absolute;
}
.product-list-item__checkbox + .summary-strip__item {
  padding-left: 70px;
}

@media screen and (min-width: 1024px) {
  .search-clients__avanced-search-fields {
    display: flex;
  }
  .form-field.search-clients__avanced-search-fields--advisers {
    margin-top: 0;
    margin-right: 30px;
  }
  .form-field.search-clients__avanced-search-fields__dob {
    margin-right: 30px;
  }
  #search-clients__avanced-search-fields__customerroletype {
    margin-top: 0;
  }
}
.work-in-progress-table button svg,
.work-in-progress-table a svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.work-in-progress-table .work-in-progress-table__selected-header th {
  background-color: #912227;
  color: #ffffff;
}
.work-in-progress-table .work-in-progress-table__selected-header th button {
  color: #ffffff;
}

.dashboard-module {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 20px;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}
.dashboard-module > .grid-container.full {
  width: 100%;
}

.dashboard-module + .dashboard-module {
  margin-top: 30px;
}

.dashboard-module__header {
  border-bottom: 1px solid #efeeee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.dashboard-module__header .form-field label {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .dashboard-module__header .form-field label {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .dashboard-module__header .form-field label {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

.dashboard-module__header__actions {
  display: flex;
}
.dashboard-module__header__actions .icon-text {
  align-self: center;
}
.dashboard-module__header__actions .icon-text + .icon-text {
  margin-top: 0;
}
.dashboard-module__header__actions .icon-text {
  padding: 0 30px;
  border-left: 1px solid #efeeee;
}
.dashboard-module__header__actions .icon-text__text {
  font-weight: 700;
}

.dashboard-module__footer {
  border-top: 1px solid #efeeee;
  padding-top: 20px;
  margin-top: 20px;
}

.with-bottom-padding {
  padding-bottom: 20px;
}

.dashboard-module--border-left-large {
  border-radius: 0 0 0 50px;
}

.dashboard-module--clickable,
.dashboard-module[href],
button.dashboard-module.mini-product-card {
  cursor: pointer;
  text-decoration: none;
}
.dashboard-module--clickable:hover, .dashboard-module--clickable:active, .dashboard-module--clickable:focus,
.dashboard-module[href]:hover,
.dashboard-module[href]:active,
.dashboard-module[href]:focus,
button.dashboard-module.mini-product-card:hover,
button.dashboard-module.mini-product-card:active,
button.dashboard-module.mini-product-card:focus {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  text-decoration: none;
  position: relative;
}
.dashboard-module--clickable:hover .cta-icon, .dashboard-module--clickable:active .cta-icon, .dashboard-module--clickable:focus .cta-icon,
.dashboard-module[href]:hover .cta-icon,
.dashboard-module[href]:active .cta-icon,
.dashboard-module[href]:focus .cta-icon,
button.dashboard-module.mini-product-card:hover .cta-icon,
button.dashboard-module.mini-product-card:active .cta-icon,
button.dashboard-module.mini-product-card:focus .cta-icon {
  border-color: #00539e;
  color: #ffffff;
}
.dashboard-module--clickable:hover .button--flat, .dashboard-module--clickable:active .button--flat, .dashboard-module--clickable:focus .button--flat,
.dashboard-module[href]:hover .button--flat,
.dashboard-module[href]:active .button--flat,
.dashboard-module[href]:focus .button--flat,
button.dashboard-module.mini-product-card:hover .button--flat,
button.dashboard-module.mini-product-card:active .button--flat,
button.dashboard-module.mini-product-card:focus .button--flat {
  color: currentColor;
  text-decoration: underline;
}
.dashboard-module--clickable.has-current-focus,
.dashboard-module[href].has-current-focus,
button.dashboard-module.mini-product-card.has-current-focus {
  outline: 2px solid #077bc2;
}

.dashboard-module--grey {
  background-color: #efeeee;
}

.toggle-content[aria-expanded=false] .dashboard-module__header {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.my-adviser-dropdown {
  position: relative;
}

.my-adviser-dropdown__name {
  font-weight: 700;
}
.my-adviser-dropdown__name {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .my-adviser-dropdown__name {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .my-adviser-dropdown__name {
    font-size: 1rem;
    line-height: 24px;
  }
}

.my-adviser-dropdown__toggle {
  cursor: pointer;
  color: #1d1d1d;
}
.my-adviser-dropdown__toggle .icon-text__icon {
  fill: #00539e;
  width: 10px;
  height: 10px;
}
.my-adviser-dropdown__toggle .icon-text__text {
  font-weight: 700;
}

.my-adviser-dropdown__details {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 30px;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}
.my-adviser-dropdown__details {
  border-radius: 4px;
  transition: opacity 300ms ease-in-out;
  width: 285px;
  position: absolute;
  right: 0;
  margin-top: 5px;
  z-index: 1;
}
.my-adviser-dropdown__details .icon-text {
  color: #494e50;
}
.my-adviser-dropdown__details .icon-text__text,
.my-adviser-dropdown__details .icon-text__icon-container {
  align-self: flex-start;
}
.my-adviser-dropdown__details .icon-text__icon {
  fill: #494e50;
}

.my-adviser-dropdown__details__profile {
  border-bottom: 1px solid #efeeee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.my-adviser-dropdown[aria-expanded=false] .my-adviser-dropdown__details {
  opacity: 0;
  visibility: hidden;
  height: 0px;
  padding: 0;
}
.my-adviser-dropdown[aria-expanded=true] .my-adviser-dropdown__details {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.my-adviser-dropdown[aria-expanded=true] .my-adviser-dropdown__toggle .icon-text__icon {
  transform: rotate(180deg);
}
.my-adviser-dropdown .my-adviser-dropdown__toggle[aria-expanded=false] ~ .my-adviser-dropdown__details {
  opacity: 0;
  visibility: hidden;
  height: 0px;
  padding: 0;
}
.my-adviser-dropdown .my-adviser-dropdown__toggle[aria-expanded=true] ~ .my-adviser-dropdown__details {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.my-adviser-dropdown .my-adviser-dropdown__toggle[aria-expanded=true] .icon-text__icon {
  transform: rotate(180deg);
}

.mini-product-card {
  display: block;
  color: #1d1d1d;
  padding-right: 80px;
}
.mini-product-card .mini-product-card__title .icon-text {
  white-space: initial;
}
.mini-product-card .mini-product-card__title .icon-text__text {
  margin-left: 20px;
  color: #1d1d1d;
  font-weight: 700;
  align-self: flex-start;
}
.mini-product-card .mini-product-card__title .icon-text__icon-container {
  align-self: flex-start;
  position: relative;
  top: 2px;
}
.mini-product-card .mini-product-card__title .icon-text__icon {
  fill: #1d1d1d;
}
.mini-product-card .mini-product-card__meta {
  margin-left: 50px;
}
.mini-product-card .mini-product-card__meta__value {
  margin-left: 10px;
  font-weight: 700;
}
.mini-product-card .mini-product-card__meta__value {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .mini-product-card .mini-product-card__meta__value {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .mini-product-card .mini-product-card__meta__value {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.mini-product-card .mini-product-card__meta__percentage-price,
.mini-product-card .mini-product-card__meta__remaining-allowance {
  display: flex;
  margin-top: 5px;
}
.mini-product-card .mini-product-card__meta__percentage,
.mini-product-card .mini-product-card__meta__product {
  font-weight: 400;
  color: #494e50;
}
.mini-product-card .mini-product-card__meta__percentage,
.mini-product-card .mini-product-card__meta__product {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .mini-product-card .mini-product-card__meta__percentage,
  .mini-product-card .mini-product-card__meta__product {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .mini-product-card .mini-product-card__meta__percentage,
  .mini-product-card .mini-product-card__meta__product {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.mini-product-card .mini-product-card__meta__product {
  font-weight: 700;
}
.mini-product-card .mini-product-card__cta {
  position: absolute;
  right: 20px;
  top: 20px;
}

.mini-product-card + .mini-product-card {
  margin-top: 20px;
}

.my-documents-item {
  display: flex;
  justify-content: space-between;
}
.my-documents-item .icon-text__text {
  font-weight: 700;
  white-space: normal;
}
.my-documents-item + .my-documents-item {
  border-top: 1px solid #efeeee;
}

.my-documents-item__content__text {
  font-weight: normal;
  color: #494e50;
}
.my-documents-item__content__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .my-documents-item__content__text {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .my-documents-item__content__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

.my-documents-item__content__icon {
  fill: #494e50;
}

.my-documents-item__button {
  flex-shrink: 0;
  margin-left: 20px;
}

.my-documents-item:hover, .my-documents-item:active, .my-documents-item:focus {
  text-decoration: none;
}
.my-documents-item:hover .my-documents-item__button, .my-documents-item:active .my-documents-item__button, .my-documents-item:focus .my-documents-item__button {
  border-color: #00539e;
  color: #ffffff;
}

.dashboard-module__content .my-documents-item {
  padding: 20px;
}

@media (min-width: ) {
  .my-documents-item__content__text {
    margin-top: 10px;
    margin-left: 40px;
  }
}
@media (min-width: 1024px) {
  .my-documents-item__content {
    flex-grow: 1;
    display: flex;
    align-items: center;
  }
  .my-documents-item__content__text {
    margin-left: 20px;
  }
}
.data-block > *:not(:first-child) {
  margin-top: 5px;
}

.data-block__value {
  display: inline-flex;
  align-items: flex-start;
}
.data-block__value {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .data-block__value {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .data-block__value {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}

.data-block__value__character {
  font-weight: 700;
}
.data-block__value__character {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .data-block__value__character {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .data-block__value__character {
    font-size: 1rem;
    line-height: 24px;
  }
}

.data-block__text {
  color: #494e50;
}
.data-block__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .data-block__text {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .data-block__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.data-block__text.icon-text {
  white-space: normal;
}
.data-block__text.icon-text .icon-text__text {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .data-block__text.icon-text .icon-text__text {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .data-block__text.icon-text .icon-text__text {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

.data-block__text__emphasise {
  color: #494e50;
  font-weight: 700;
}

.data-block--small .data-block__value {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .data-block--small .data-block__value {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .data-block--small .data-block__value {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
.data-block--small .data-block__value__character {
  padding-top: 5px;
  font-weight: 700;
}
.data-block--small .data-block__value__character {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .data-block--small .data-block__value__character {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .data-block--small .data-block__value__character {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

.data-block--large .data-block__value {
  font-family: Open Sans, Arial, serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 50px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .data-block--large .data-block__value {
    font-size: 2.5rem;
    line-height: 50px;
  }
}
@media (min-width: 1440px) {
  .data-block--large .data-block__value {
    font-size: 3rem;
    line-height: 58px;
  }
}
.data-block--large .data-block__value__character {
  padding-top: 5px;
  font-weight: 700;
}
.data-block--large .data-block__value__character {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .data-block--large .data-block__value__character {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .data-block--large .data-block__value__character {
    font-size: 1.25rem;
    line-height: 30px;
  }
}

.data-block--medium .data-block__value {
  font-family: Open Sans, Arial, serif;
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: 40px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .data-block--medium .data-block__value {
    font-size: 1.9375rem;
    line-height: 40px;
  }
}
@media (min-width: 1440px) {
  .data-block--medium .data-block__value {
    font-size: 2.5rem;
    line-height: 50px;
  }
}
.data-block--medium .data-block__value__character {
  padding-top: 5px;
  font-weight: 700;
}
.data-block--medium .data-block__value__character {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .data-block--medium .data-block__value__character {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .data-block--medium .data-block__value__character {
    font-size: 1rem;
    line-height: 24px;
  }
}

.data-block--fill {
  padding: 10px;
  border-radius: 10px;
}
.data-block--fill .icon-text__icon {
  width: 25px;
  height: 25px;
  z-index: auto;
}
.data-block--fill .data-block__text {
  color: #1d1d1d;
}
.data-block--fill--catskill-white {
  background-color: #eff3f7;
}
.data-block--fill--catskill-white .icon-text__icon {
  fill: #73c4ef;
}
.data-block--fill--high-blue {
  background-color: #73c4ef;
}
.data-block--fill--high-blue .icon-text__icon {
  fill: #e3f3fc;
}
.data-block--fill--lavender-blush {
  background-color: #bdb5d8;
}
.data-block--fill--lavender-blush .icon-text__icon {
  stroke: #eae2eb;
}
.data-block--fill--lola {
  background-color: #efe8ef;
}
.data-block--fill--lola .icon-text__icon {
  stroke: #bdb5d8;
}
.data-block--fill--peach {
  background-color: #e8baad;
}
.data-block--fill--peach .icon-text__icon {
  fill: #f8eae6;
}
.data-block--fill--light-peach {
  background-color: #f8eae6;
}
.data-block--fill--light-peach .icon-text__icon {
  fill: #e8baad;
}
.data-block--fill--white {
  background-color: #ffffff;
}
.data-block--fill--shuttle-grey {
  background-color: #494e50;
}
.cell .data-block--fill {
  height: 100%;
}

@media (min-width: 1200px) {
  .data-block--fill {
    padding: 20px;
  }
}
.data-filtering {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  padding: 0;
  position: relative;
  transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: none;
}

.data-filtering__inner {
  padding: 20px;
}

.data-filtering__item + .data-filtering__item {
  margin-top: 15px;
}

.data-filtering--transactions {
  display: flex;
}

.data-filtering__item--with-label-offset {
  padding-top: 0;
}

@media screen and (min-width: ) {
  .data-filtering--transactions {
    flex-direction: column;
  }
  .data-filtering--transactions .data-filtering__item--group-1 .radio-group--inline {
    display: flex;
    justify-content: space-between;
  }
  .data-filtering--transactions .data-filtering__item--group-1 .radio-input {
    width: calc(50% - 10px);
    margin-top: 0;
  }
  .data-filtering--transactions .data-filtering__item--group-2 .form-field__input-area--horizontal-group {
    display: block;
  }
  .data-filtering--transactions .data-filtering__item--group-2 .form-field__input-area--horizontal-group select + select {
    margin-top: 20px;
    margin-left: 0;
  }
  .data-filtering--transactions .data-filtering__item--group-2 .form-field--icon-block {
    margin-top: 20px;
  }
  .data-filtering--transactions .data-filtering__item--group-2 .form-field--icon-block .form-field__input-area {
    width: 100%;
  }
}
@media screen and (min-width: -zf-bp-to-em(460px)) and (max-width: -zf-bp-to-em(768px)) {
  .data-filtering--transactions .data-filtering__item--group-2 {
    display: flex;
    flex-wrap: wrap;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2-and-3.data-filtering__item--group-2-and-3--has-calendar .form-field:not(:last-child) {
    margin-right: 20px;
  }
}
@media screen and (min-width: -zf-bp-to-em(460px)) and (max-width: -zf-bp-to-em(1440px)) {
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2-and-3 {
    border-top: 1px solid #efeeee;
    margin-top: 20px;
    margin-left: 0;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2-and-3 .form-field {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .data-filtering__item {
    min-height: 50px;
  }
  .data-filtering__inner:nth-child(2) {
    border-left: 1px solid #efeeee;
  }
  .data-filtering__item + .data-filtering__item {
    margin-left: 15px;
    margin-top: 0;
  }
  .data-filtering__inner.flex-wrap {
    row-gap: 15px;
  }
  .data-filtering__inner.flex-wrap .data-filtering__item {
    margin-left: 0;
    margin-right: 15px;
  }
  .data-filtering--transactions .data-filtering__item--group-3 {
    display: flex;
    align-items: flex-end;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2,
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2-and-3 {
    display: flex;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2 .button,
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2-and-3 .button {
    margin-top: 20px;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2-and-3.data-filtering__item--group-2-and-3--has-calendar .form-field:not(:last-child) {
    margin-right: 15px;
  }
}
@media screen and (min-width: 1440px) {
  .data-filtering--transactions .data-filtering__inner {
    display: flex;
    width: 100%;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-1 {
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-1:after {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background-color: #efeeee;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2 .form-field--icon-block {
    margin-top: 0;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-2-and-3 {
    margin-left: 0;
  }
  .data-filtering--transactions .data-filtering__item.data-filtering__item--group-3 .button {
    margin-top: 0;
  }
  .data-filtering--transactions .radio-group .radio-input {
    width: 100px;
  }
}
@media screen and (min-width: ) {
  .data-filtering__item--with-label-offset {
    padding-top: calc(10px + 21px);
  }
}
@media screen and (min-width: ) {
  .data-filtering__item--with-label-offset {
    padding-top: calc(10px + 24px);
  }
}
.dashboard-header {
  background-color: #eff3f7;
}

@media screen and (min-width: 1366px) {
  .dashboard-header__gutter {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.dashboard-header__inner {
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.grid-container {
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.dashboard-header__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.dashboard-header__row:nth-child(1) {
  padding-top: 15px;
  padding-bottom: 20px;
}

.dashboard-header__module--heading {
  display: flex;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 10px;
  flex: 1;
}

@media screen and (max-width: 28.75em) {
  .dashboard-header {
    position: relative;
    margin-top: 60px;
  }
}
@media screen and (max-width: 47.999em) {
  .dashboard-header {
    position: relative;
    margin-top: 60px;
  }
}
@media screen and (min-width: 85.375em) {
  .dashboard-header__gutter {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.dashboard-header__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.dashboard-header__row:nth-child(1) {
  padding-top: 15px;
  padding-bottom: 20px;
}

.dashboard-header__module--heading {
  display: flex;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 10px;
  flex: 1;
}

@media screen and (min-width: 48em) {
  .dashboard-header {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 12;
    transition: transform 400ms ease-in-out;
  }
  .full-screen-mode .dashboard-header {
    top: 0;
  }
}
@media screen and (min-width: 48em) and (min-width: 48em) {
  .dashboard-header {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .dashboard-header {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .dashboard-header,
  .full-screen-mode .shell-level--2 .dashboard-header {
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .dashboard-header .dashboard-navigation {
    position: relative;
    top: 1.5px;
  }
  .mobile .dashboard-header {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 74.99875em) {
  .dashboard-header__module--account {
    order: 1;
  }
  .dashboard-header__module--navigation {
    order: 3;
  }
  .dashboard-header__module--action {
    order: 2;
  }
}
@media screen and (min-width: 64em) {
  .dashboard-header__module--account {
    order: 1;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  .dashboard-header__module--navigation {
    flex-grow: 1;
    order: 2;
  }
  .dashboard-header__module--action {
    order: 3;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 75em) {
  .dashboard-header__module--navigation {
    flex-grow: 1;
  }
}
@media screen and (min-width: 100em) {
  .dashboard-header {
    border-radius: 0 0 0 0px;
  }
  .mobile .dashboard-header {
    border-radius: 0;
  }
}
[data-toggle-table][aria-hidden=true] {
  display: none;
}
[data-toggle-table][aria-hidden=false] {
  display: flex;
}

.account-owner {
  display: flex;
  align-items: center;
  padding: 20px;
}

.account-owner__initials {
  margin-right: 20px;
}

.account-owner:not(:last-child) {
  border-bottom: 1px solid #efeeee;
}

@media screen and (min-width: 1024px) {
  .account-owner__initials {
    margin-right: 30px;
  }
}
@media screen and (min-width: ) {
  .total-assets-display {
    border-top: 1px solid #efeeee;
    padding-top: 20px;
  }
  .total-assets-display .data-block--large {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .total-assets-display {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #efeeee;
    padding-left: 20px;
  }
  .total-assets-display .data-block--large {
    flex-grow: 1;
  }
}
.client-holdings__breakdown__header {
  margin-bottom: 10px;
  font-weight: 700;
}

.client-holdings__breakdown__header,
.client-holdings__breakdown__item__product,
.client-holdings__breakdown__item__percentage {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .client-holdings__breakdown__header,
  .client-holdings__breakdown__item__product,
  .client-holdings__breakdown__item__percentage {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .client-holdings__breakdown__header,
  .client-holdings__breakdown__item__product,
  .client-holdings__breakdown__item__percentage {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

.client-holdings__breakdown__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #efeeee;
  padding-bottom: 5px;
}

.client-holdings__breakdown__item + .client-holdings__breakdown__item {
  margin-top: 10px;
}

.client-holdings__breakdown__item__product,
.client-holdings__breakdown__item__value {
  width: calc(40% - 5px);
}

.client-holdings__breakdown__item__percentage,
.client-holdings__breakdown__item__value {
  text-align: right;
}

.client-holdings__breakdown__item__percentage {
  width: calc(20% - 5px);
}

.client-holdings__breakdown__item__product {
  display: flex;
  align-items: center;
}

.client-holdings__breakdown__item__product__circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
  background-color: #00539e;
  margin-right: 5px;
}

@media (min-width: 1024px) {
  .client-holdings {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .client-holdings__value {
    flex-grow: 1;
  }
}
.investment-allocations__header.page-header {
  max-width: 100%;
  flex-grow: 1;
}
.investment-allocations__header.page-header .page-header__left {
  max-width: initial;
  margin-right: 20px;
}
.investment-allocations__header.page-header .page-header__sub-title {
  font-weight: 700;
}
.investment-allocations__header.page-header .page-header__sub-title {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .investment-allocations__header.page-header .page-header__sub-title {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .investment-allocations__header.page-header .page-header__sub-title {
    font-size: 1rem;
    line-height: 24px;
  }
}
.investment-allocations__header.page-header:not(.page-header--stuck) {
  margin-bottom: 60px !important;
}
.investment-allocations__header.page-header:not(.page-header--stuck) .page-header__sub-title {
  margin-top: 30px;
}
.investment-allocations__header.page-header:not(.page-header--stuck) .page-header__right {
  align-self: flex-start;
}
.investment-allocations__header.page-header.page-header--stuck {
  margin-bottom: 20px !important;
}
.investment-allocations__header.page-header.page-header--stuck .page-header__sub-title {
  margin-top: 10px;
}
.investment-allocations__header.page-header.page-header--stuck .page-header__right {
  align-self: center;
}

.investment-allocations-table__field {
  display: inline-block;
  max-width: 100%;
}
.investment-allocations-table__field .form-field__input-area {
  width: 100% !important;
  max-width: 100% !important;
}

.product-checkbox-group__checkbox-list {
  position: relative;
}
.product-checkbox-group__checkbox-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1px;
  width: 1px;
  height: calc(100% - 20px);
  background: #efeeee;
}

.sticky-element {
  background-color: #fcfcfc;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: none;
}

.sticky-element--stuck {
  display: block;
  z-index: 25;
  position: fixed;
  top: 70px;
}
.full-screen-mode .sticky-element--stuck {
  top: 10px;
}
.sticky-element--stuck {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sticky-element--stuck {
    top: 10px;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .sticky-element--stuck {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .sticky-element--stuck, .full-screen-mode .shell-level--2 .sticky-element--stuck {
    left: 0;
    width: 100%;
  }
}

.sticky-heading-grid--headings-container {
  position: relative;
  height: 100%;
}

.sticky-heading-grid--headings {
  position: relative;
}

.sticky-heading-grid--headings__underlined {
  padding-bottom: 20px;
}
.sticky-heading-grid--headings__underlined:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45px;
  height: 1px;
  background: rgba(92, 96, 98, 0.85);
}

.sticky-heading-grid--header {
  margin-bottom: 5px;
}

.sticky-heading-grid--text-label {
  margin-top: 20px;
}

.sticky-header-container {
  background-color: #ffffff;
  z-index: 25;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.16);
  position: fixed;
  top: 60px;
}
.full-screen-mode .sticky-header-container {
  top: 0;
}
.sticky-header-container {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sticky-header-container {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) .sticky-header-container {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode .sticky-header-container, .full-screen-mode .shell-level--2 .sticky-header-container {
    left: 0;
    width: 100%;
  }
}
.sticky-header-container > *:first-child {
  margin-top: 0 !important;
}
.sticky-header-container {
  transition-property: none;
  transition-timing-function: ease-in-out;
  transition-duration: 250ms;
}
.sticky-header-container.fade {
  transition-property: opacity;
}
.sticky-header-container.fade.enter, .sticky-header-container.fade.exit-active {
  opacity: 0;
}
.sticky-header-container.fade.enter-active {
  opacity: 1;
}
.sticky-header-container.slide {
  transition-property: transform;
}
.sticky-header-container.slide.enter, .sticky-header-container.slide.exit-active {
  transform: translateY(-100%);
}
.sticky-header-container.slide.enter-active {
  transform: translateY(0);
}
.sticky-header-container.fade.slide {
  transition-property: opacity, transform;
}

@keyframes loading-line {
  0% {
    left: -100%;
  }
  49% {
    left: 100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
.edit-details-verify-modal .submission-line {
  display: none;
}
.edit-details-verify-modal .modal__content:after {
  content: "";
  display: block;
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10px;
  left: 0;
  opacity: 0;
  width: 100%;
  height: calc(100% - 10px);
  background-color: #ffffff;
  transition: opacity 400ms ease-in-out;
}
.edit-details-verify-modal .edit-details-verify-modal__fields {
  margin: 10px auto;
  display: inline-block;
}
.edit-details-verify-modal .modal__inner {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.edit-details-verify-modal .modal__content__title {
  text-align: center;
}

.edit-details-verify-modal__submission-line {
  background-color: rgba(145, 34, 39, 0.2);
  height: 10px;
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.edit-details-verify-modal__submission-line__bar {
  position: absolute;
  top: 0;
  background-color: #912227;
  width: 30%;
  height: 10px;
}

.edit-details-verify-modal.is-submitting .edit-details-verify-modal__submission-line {
  display: block;
}
.edit-details-verify-modal.is-submitting .edit-details-verify-modal__submission-line__bar {
  display: block;
  animation: loading-line 3s ease-in-out infinite alternate-reverse;
}
.edit-details-verify-modal.is-submitting .modal__content:after {
  visibility: visible;
  opacity: 0.5;
}

.loader-screen {
  background-color: white;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 34;
  text-align: center;
}
#embark-app .loader-screen {
  position: fixed;
  top: 60px;
}
.full-screen-mode #embark-app .loader-screen {
  top: 0;
}
#embark-app .loader-screen {
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #embark-app .loader-screen {
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
  }
  .shell-level--2:not(.mobile) #embark-app .loader-screen {
    left: 120px;
    width: calc(100% - 120px);
  }
  .full-screen-mode #embark-app .loader-screen, .full-screen-mode .shell-level--2 #embark-app .loader-screen {
    left: 0;
    width: 100%;
  }
}

.mobile #embark-app .loader-screen {
  top: 0;
  left: 0;
  width: 100%;
}

.loader-screen__content {
  position: relative;
}
.loader-screen__content .loader {
  margin: 0 auto;
}

.loader-screen__title {
  color: #00539e;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}

.total-summary-row:nth-child(odd),
.total-summary-row:nth-child(even) {
  background-color: #ebf1f7;
  color: #00539e;
}

.progress-stepper {
  background-color: #ffffff;
  padding: 20px 0;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.16);
}
@media screen and (min-width: 1366px) {
  .page-content .progress-stepper {
    padding-left: 50px;
    padding-right: 50px;
    margin-left: -50px;
    margin-right: -50px;
  }
}

.progress-stepper__sticky-container {
  box-shadow: none !important;
}

.progress-stepper__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.progress-stepper__logo {
  flex: 0 0 1;
}

.progress-stepper__steps {
  list-style: none;
  margin: 0;
  padding: 0 8%;
  width: 84%;
}

.progress-stepper__step {
  float: left;
  min-width: 16.66%;
  position: relative;
  text-align: center;
}

.progress-stepper__step-text {
  color: #5c6062;
  display: block;
  margin-top: 0.4rem;
}

.progress-stepper__step-icon {
  color: #cdcfcd;
  display: inline-block;
  fill: #cdcfcd;
  height: 0.75rem;
  width: 0.75rem;
}
.progress-stepper__step-icon:before {
  background-color: #cdcfcd;
  content: "";
  display: block;
  height: 1px;
  left: -38%;
  position: absolute;
  top: 0.6rem;
  width: 76%;
}

.progress-stepper__step:first-child .progress-stepper__step-icon:before {
  display: none;
}

.progress-stepper__step--complete .progress-stepper__step-icon {
  color: #00539e;
  fill: #00539e;
}
.progress-stepper__step--complete .progress-stepper__step-icon:before {
  background-color: #1d1d1d;
}
.progress-stepper__step--complete .progress-stepper__step-text a {
  color: #00539e;
  cursor: pointer;
  text-decoration: underline;
}
.progress-stepper__step--complete .progress-stepper__step-text a {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .progress-stepper__step--complete .progress-stepper__step-text a {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .progress-stepper__step--complete .progress-stepper__step-text a {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.progress-stepper__step--complete .progress-stepper__step-text a:hover {
  text-decoration: none;
}

.progress-stepper__step--active .progress-stepper__step-icon {
  color: #00539e;
  fill: #00539e;
}
.progress-stepper__step--active .progress-stepper__step-icon:before {
  background-color: #1d1d1d;
}
.progress-stepper__step--active .progress-stepper__step-text {
  color: #1d1d1d;
  font-weight: 700;
}

.progress-stepper__button {
  flex: 0 0 1;
}

.back-action-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #efeeee;
  border-bottom: 1px solid #efeeee;
}

.action-strip {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  display: flex;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
.action-strip + .action-strip {
  margin-top: 10px;
}

.action-strip__inner {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 5px 0;
}

.action-strip__group {
  display: flex;
  padding: 5px 10px 5px 20px;
  width: 100%;
}
.action-strip__group + .action-strip__group {
  border-top: 1px solid #efeeee;
  padding-right: 20px;
}

.action-heading__group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px 10px 5px 20px;
  width: 100%;
}
.action-heading__group + .action-strip__group {
  border-top: 1px solid #efeeee;
  padding-right: 20px;
}

.action__group {
  display: flex;
  padding: 5px 10px 5px 20px;
  width: 100%;
}
.action__group + .action-strip__group {
  border-top: 1px solid #efeeee;
  padding-right: 20px;
}

.action-strip__heading {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .action-strip__heading {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .action-strip__heading {
    font-size: 1rem;
    line-height: 24px;
  }
}
.action-strip__heading {
  color: #1d1d1d;
  flex-grow: 1;
  line-height: 1rem;
  padding: 10px 0;
}

.action-strip__item {
  flex: 1;
  padding: 10px 0;
}

.action-strip__item__key {
  color: #494e50;
}
.action-strip__item__key {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .action-strip__item__key {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .action-strip__item__key {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

.action-strip__item__value {
  color: #1d1d1d;
  font-weight: 700;
}
.action-strip__item__value {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .action-strip__item__value {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .action-strip__item__value {
    font-size: 1rem;
    line-height: 24px;
  }
}

.action-strip__button-container {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}

.action-strip__button {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.action-strip__button + .action-strip__button:before {
  content: "|";
  color: #cdcfcd;
}

.action-strip__button__icon {
  color: #00539e;
  fill: #00539e;
  height: 20px;
  margin: 0 15px;
  width: 20px;
}

.action-strip--invalid {
  background-color: #fffafa;
  border: 1px solid #de000d;
  box-shadow: none;
}

@media screen and (min-width: 1024px) {
  .section-action-header__inner-content {
    display: flex;
    align-items: center;
  }
  .section-action-header__item {
    flex-shrink: 1;
  }
  .section-action-header__item:nth-child(1) {
    flex-grow: 1;
  }
  .section-action-header__item:not(:last-child) {
    margin-right: 20px;
  }
  .section-action-header__item .button:not(:last-child) {
    margin-right: 20px;
  }
}
@media screen and (min-width: 1366px) {
  .section-action-header--fixed .section-action-header__inner-content {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (min-width: 1024px) {
  .section-action-header--fixed .section-action-header__inner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 25;
    background-color: white;
    padding: 10px 20px;
    box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  }
  .section-action-header--fixed .section-action-header__inner-content {
    max-width: 2560px;
    margin: 0 auto;
    width: 100%;
  }
  .section-action-header--fixed.enter-active .section-action-header__inner-wrapper {
    transform: translateY(-100%);
  }
  .section-action-header--fixed.enter-done .section-action-header__inner-wrapper {
    transition-timing-function: ease-in-out;
    transition-duration: 250ms;
    transition-property: transform;
    transform: translateY(0);
  }
}
.funding-list:first-of-type {
  border-top: 1px solid #efeeee;
  margin-top: 40px;
}
.funding-list {
  border-bottom: 1px solid #efeeee;
  padding-bottom: 20px;
  padding-top: 10px;
}

.funding-list__item ~ .funding-list__item {
  margin-top: 20px;
  padding-top: 20px;
  position: relative;
}
.funding-list__item ~ .funding-list__item:before {
  content: "";
  background: #efeeee;
  height: 1px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 0;
  width: calc(100% - 20px);
}

.declaration-list {
  margin-top: 30px;
}

.declaration-list__item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
}
.declaration-list__item:after {
  content: "";
  background: #efeeee;
  bottom: 0;
  height: 1px;
  left: 10px;
  position: absolute;
  right: 10px;
  width: calc(100% - 20px);
}

.in-page-links {
  margin: 20px 0;
}

.in-page-links__header {
  font-weight: 700;
  margin-bottom: 10px;
  color: #1d1d1d;
}

.in-page-links__items {
  margin-bottom: 10px;
}
.in-page-links__items button {
  cursor: pointer;
  text-decoration: underline;
  color: #1d1d1d;
}

@media screen and (min-width: 1024px) {
  .in-page-links {
    margin: 40px 0;
  }
  .in-page-links__items {
    display: flex;
  }
  .in-page-links__items li:not(:last-child) {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.text-label {
  display: flex;
  align-items: center;
}

.text-label__pre {
  margin-right: 10px;
}

.text-label__label {
  font-weight: bold;
  padding: 5px 10px;
  border: 1px solid transparent;
  color: #077bc2;
  background-color: #ebf1f7;
}

.badge-closed {
  padding: 0 5px;
  background-color: transparent;
  font-size: 1rem;
  font-weight: regular;
}

.u-bg-machine-black {
  background-color: #1d1d1d !important;
}

.u-color-machine-black {
  color: #1d1d1d !important;
}

.u-bg-black-pearl {
  background-color: #1b252c !important;
}

.u-color-black-pearl {
  color: #1b252c !important;
}

.u-bg-oxford-blue {
  background-color: #2b353b !important;
}

.u-color-oxford-blue {
  color: #2b353b !important;
}

.u-bg-shuttle-grey {
  background-color: #494e50 !important;
}

.u-color-shuttle-grey {
  color: #494e50 !important;
}

.u-bg-nevada {
  background-color: #5c6062 !important;
}

.u-color-nevada {
  color: #5c6062 !important;
}

.u-bg-mystic {
  background-color: #cdcfcd !important;
}

.u-color-mystic {
  color: #cdcfcd !important;
}

.u-bg-gallery {
  background-color: #efeeee !important;
}

.u-color-gallery {
  color: #efeeee !important;
}

.u-bg-wild-sand {
  background-color: #f6f6f6 !important;
}

.u-color-wild-sand {
  color: #f6f6f6 !important;
}

.u-bg-alabaster {
  background-color: #fcfcfc !important;
}

.u-color-alabaster {
  color: #fcfcfc !important;
}

.u-bg-white {
  background-color: #ffffff !important;
}

.u-color-white {
  color: #ffffff !important;
}

.u-bg-high-blue {
  background-color: #73c4ef !important;
}

.u-color-high-blue {
  color: #73c4ef !important;
}

.u-bg-sunny-blue {
  background-color: #43a6d7 !important;
}

.u-color-sunny-blue {
  color: #43a6d7 !important;
}

.u-bg-sunshine-yellow {
  background-color: #f8d42c !important;
}

.u-color-sunshine-yellow {
  color: #f8d42c !important;
}

.u-bg-sweetcorn-yellow {
  background-color: #fbe580 !important;
}

.u-color-sweetcorn-yellow {
  color: #fbe580 !important;
}

.u-bg-orange {
  background-color: #e9722d !important;
}

.u-color-orange {
  color: #e9722d !important;
}

.u-bg-peach {
  background-color: #e8baad !important;
}

.u-color-peach {
  color: #e8baad !important;
}

.u-bg-light-peach {
  background-color: #f8eae6 !important;
}

.u-color-light-peach {
  color: #f8eae6 !important;
}

.u-bg-red {
  background-color: #b02225 !important;
}

.u-color-red {
  color: #b02225 !important;
}

.u-bg-royal-purple {
  background-color: #672565 !important;
}

.u-color-royal-purple {
  color: #672565 !important;
}

.u-bg-foam-blue {
  background-color: #e3f3fc !important;
}

.u-color-foam-blue {
  color: #e3f3fc !important;
}

.u-bg-lavender-blush {
  background-color: #bdb5d8 !important;
}

.u-color-lavender-blush {
  color: #bdb5d8 !important;
}

.u-bg-lola {
  background-color: #efe8ef !important;
}

.u-color-lola {
  color: #efe8ef !important;
}

.u-bg-catskill-white {
  background-color: #eff3f7 !important;
}

.u-color-catskill-white {
  color: #eff3f7 !important;
}

.u-bg-blue-lagoon {
  background-color: #007884 !important;
}

.u-color-blue-lagoon {
  color: #007884 !important;
}

.u-bg-aruba-blue {
  background-color: #00bbcc !important;
}

.u-color-aruba-blue {
  color: #00bbcc !important;
}

.u-bg-cornflower-blue {
  background-color: #00539e !important;
}

.u-color-cornflower-blue {
  color: #00539e !important;
}

.u-bg-midnight-blue {
  background-color: #00325f !important;
}

.u-color-midnight-blue {
  color: #00325f !important;
}

.u-bg-swamp {
  background-color: #001120 !important;
}

.u-color-swamp {
  color: #001120 !important;
}

.u-bg-patterns-blue {
  background-color: #ebf1f7 !important;
}

.u-color-patterns-blue {
  color: #ebf1f7 !important;
}

.u-bg-shakespeare {
  background-color: #51a3d4 !important;
}

.u-color-shakespeare {
  color: #51a3d4 !important;
}

.u-bg-lochmara {
  background-color: #077bc2 !important;
}

.u-color-lochmara {
  color: #077bc2 !important;
}

.u-bg-bondi-blue {
  background-color: #009ba9 !important;
}

.u-color-bondi-blue {
  color: #009ba9 !important;
}

.u-bg-jazzberry {
  background-color: #ab1254 !important;
}

.u-color-jazzberry {
  color: #ab1254 !important;
}

.u-bg-amour {
  background-color: #f7e7ee !important;
}

.u-color-amour {
  color: #f7e7ee !important;
}

.u-bg-monza {
  background-color: #de000d !important;
}

.u-color-monza {
  color: #de000d !important;
}

.u-bg-pink-red {
  background-color: #912227 !important;
}

.u-color-pink-red {
  color: #912227 !important;
}

.u-bg-vista-white {
  background-color: #faf1f5 !important;
}

.u-color-vista-white {
  color: #faf1f5 !important;
}

.u-bg-rose-white {
  background-color: #fffafa !important;
}

.u-color-rose-white {
  color: #fffafa !important;
}

.u-bg-page-background {
  background-color: #fcfcfc !important;
}

.u-color-page-background {
  color: #fcfcfc !important;
}

.u-bg-element-background {
  background-color: #e3f3fc !important;
}

.u-color-element-background {
  color: #e3f3fc !important;
}

.u-bg-overlay {
  background-color: rgba(29, 29, 29, 0.5) !important;
}

.u-color-overlay {
  color: rgba(29, 29, 29, 0.5) !important;
}

.u-bg-overlay--light {
  background-color: rgba(252, 252, 252, 0.8) !important;
}

.u-color-overlay--light {
  color: rgba(252, 252, 252, 0.8) !important;
}

.u-bg-text {
  background-color: #494e50 !important;
}

.u-color-text {
  color: #494e50 !important;
}

.u-bg-text-input {
  background-color: #494e50 !important;
}

.u-color-text-input {
  color: #494e50 !important;
}

.u-bg-text-auxiliar {
  background-color: #494e50 !important;
}

.u-color-text-auxiliar {
  color: #494e50 !important;
}

.u-bg-text-label {
  background-color: #494e50 !important;
}

.u-color-text-label {
  color: #494e50 !important;
}

.u-bg-heading {
  background-color: #1d1d1d !important;
}

.u-color-heading {
  color: #1d1d1d !important;
}

.u-bg-link {
  background-color: #00539e !important;
}

.u-color-link {
  color: #00539e !important;
}

.u-bg-link--hover {
  background-color: currentColor !important;
}

.u-color-link--hover {
  color: currentColor !important;
}

.u-bg-success {
  background-color: #00539e !important;
}

.u-color-success {
  color: #00539e !important;
}

.u-bg-success-background {
  background-color: rgba(0, 83, 158, 0.075) !important;
}

.u-color-success-background {
  color: rgba(0, 83, 158, 0.075) !important;
}

.u-bg-error {
  background-color: #de000d !important;
}

.u-color-error {
  color: #de000d !important;
}

.u-bg-error-background {
  background-color: #fffafa !important;
}

.u-color-error-background {
  color: #fffafa !important;
}

.u-bg-disabled {
  background-color: #494e50 !important;
}

.u-color-disabled {
  color: #494e50 !important;
}

.u-bg-disabled-background {
  background-color: #efeeee !important;
}

.u-color-disabled-background {
  color: #efeeee !important;
}

.u-bg-disabled-border {
  background-color: #cdcfcd !important;
}

.u-color-disabled-border {
  color: #cdcfcd !important;
}

.u-bg-disabled-text {
  background-color: #5c6062 !important;
}

.u-color-disabled-text {
  color: #5c6062 !important;
}

.u-bg-disabled-icon {
  background-color: #efeeee !important;
}

.u-color-disabled-icon {
  color: #efeeee !important;
}

.u-bg-shadow-color {
  background-color: rgba(29, 29, 29, 0.16) !important;
}

.u-color-shadow-color {
  color: rgba(29, 29, 29, 0.16) !important;
}

.u-bg-shadow {
  background-color: 0px 1px 2px rgba(29, 29, 29, 0.5) !important;
}

.u-color-shadow {
  color: 0px 1px 2px rgba(29, 29, 29, 0.5) !important;
}

.u-bg-shadow--active {
  background-color: 0px 2px 4px rgba(29, 29, 29, 0.3) !important;
}

.u-color-shadow--active {
  color: 0px 2px 4px rgba(29, 29, 29, 0.3) !important;
}

.u-bg-shadow--light {
  background-color: 0px 1px 2px rgba(29, 29, 29, 0.16) !important;
}

.u-color-shadow--light {
  color: 0px 1px 2px rgba(29, 29, 29, 0.16) !important;
}

.u-bg-icon {
  background-color: #1d1d1d !important;
}

.u-color-icon {
  color: #1d1d1d !important;
}

.u-bg-information {
  background-color: #00539e !important;
}

.u-color-information {
  color: #00539e !important;
}

.u-bg-information-background {
  background-color: #ebf1f7 !important;
}

.u-color-information-background {
  color: #ebf1f7 !important;
}

.u-bg-information-border {
  background-color: #00539e !important;
}

.u-color-information-border {
  color: #00539e !important;
}

.u-bg-active {
  background-color: #00539e !important;
}

.u-color-active {
  color: #00539e !important;
}

.u-bg-component {
  background-color: #00539e !important;
}

.u-color-component {
  color: #00539e !important;
}

.u-bg-component-background {
  background-color: #ebf1f7 !important;
}

.u-color-component-background {
  color: #ebf1f7 !important;
}

.u-bg-component-color {
  background-color: #912227 !important;
}

.u-color-component-color {
  color: #912227 !important;
}

.u-bg-row-odd {
  background-color: #f6f6f6 !important;
}

.u-color-row-odd {
  color: #f6f6f6 !important;
}

.u-bg-row-even {
  background-color: #ffffff !important;
}

.u-color-row-even {
  color: #ffffff !important;
}

.u-bg-outline {
  background-color: 2px solid #077bc2 !important;
}

.u-color-outline {
  color: 2px solid #077bc2 !important;
}

.u-bg-sticky-heading-grid-underline {
  background-color: rgba(92, 96, 98, 0.85) !important;
}

.u-color-sticky-heading-grid-underline {
  color: rgba(92, 96, 98, 0.85) !important;
}

.u-bg-sticky-header-container {
  background-color: #ffffff !important;
}

.u-color-sticky-header-container {
  color: #ffffff !important;
}

.u-bg-dropdown-menu-option-hover {
  background-color: rgba(0, 83, 158, 0.1) !important;
}

.u-color-dropdown-menu-option-hover {
  color: rgba(0, 83, 158, 0.1) !important;
}

.u-bg-meter-0 {
  background-color: #e3f3fc !important;
}

.u-color-meter-0 {
  color: #e3f3fc !important;
}

.u-bg-meter-1 {
  background-color: #007884 !important;
}

.u-color-meter-1 {
  color: #007884 !important;
}

.u-bg-meter-2 {
  background-color: #672565 !important;
}

.u-color-meter-2 {
  color: #672565 !important;
}

.u-bg-meter-3 {
  background-color: #077bc2 !important;
}

.u-color-meter-3 {
  color: #077bc2 !important;
}

.u-bg-meter-0-icon {
  background-color: #00539e !important;
}

.u-color-meter-0-icon {
  color: #00539e !important;
}

.u-bg-footer-background {
  background-color: #00325f !important;
}

.u-color-footer-background {
  color: #00325f !important;
}

.u-bg-footer-text {
  background-color: #ffffff !important;
}

.u-color-footer-text {
  color: #ffffff !important;
}

.u-bg-tab-color {
  background-color: #494e50 !important;
}

.u-color-tab-color {
  color: #494e50 !important;
}

.u-bg-tab-background-active {
  background-color: #e3f3fc !important;
}

.u-color-tab-background-active {
  color: #e3f3fc !important;
}

.u-bg-tab-border {
  background-color: #cdcfcd !important;
}

.u-color-tab-border {
  color: #cdcfcd !important;
}

.u-bg-placeholder {
  background-color: #cdcfcd !important;
}

.u-color-placeholder {
  color: #cdcfcd !important;
}

.u-bg-overlay--screen {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.u-color-overlay--screen {
  color: rgba(0, 0, 0, 0.5) !important;
}

.u-margin-none {
  margin: 0px !important;
}

.u-margin-top-none {
  margin-top: 0px !important;
}

.u-margin-bottom-none {
  margin-bottom: 0px !important;
}

.u-margin-left-none {
  margin-left: 0px !important;
}

.u-margin-right-none {
  margin-right: 0px !important;
}

.u-padding-none {
  padding: 0px !important;
}

.u-padding-top-none {
  padding-top: 0px !important;
}

.u-padding-bottom-none {
  padding-bottom: 0px !important;
}

.u-padding-left-none {
  padding-left: 0px !important;
}

.u-padding-right-none {
  padding-right: 0px !important;
}

table .u-padding-none {
  padding: 0px !important;
}

table .u-padding-top-none {
  padding-top: 0px !important;
}

table .u-padding-bottom-none {
  padding-bottom: 0px !important;
}

table .u-padding-left-none {
  padding-left: 0px !important;
}

table .u-padding-right-none {
  padding-right: 0px !important;
}

@media screen and (min-width: 1200px) {
  table .u-padding-none {
    padding: 0px !important;
  }
  table .u-padding-top-none {
    padding-top: 0px !important;
  }
  table .u-padding-bottom-none {
    padding-bottom: 0px !important;
  }
  table .u-padding-left-none {
    padding-left: 0px !important;
  }
  table .u-padding-right-none {
    padding-right: 0px !important;
  }
}
.u-margin-xxs {
  margin: 5px !important;
}

.u-margin-top-xxs {
  margin-top: 5px !important;
}

.u-margin-bottom-xxs {
  margin-bottom: 5px !important;
}

.u-margin-left-xxs {
  margin-left: 5px !important;
}

.u-margin-right-xxs {
  margin-right: 5px !important;
}

.u-padding-xxs {
  padding: 5px !important;
}

.u-padding-top-xxs {
  padding-top: 5px !important;
}

.u-padding-bottom-xxs {
  padding-bottom: 5px !important;
}

.u-padding-left-xxs {
  padding-left: 5px !important;
}

.u-padding-right-xxs {
  padding-right: 5px !important;
}

table .u-padding-xxs {
  padding: 2.5px !important;
}

table .u-padding-top-xxs {
  padding-top: 2.5px !important;
}

table .u-padding-bottom-xxs {
  padding-bottom: 2.5px !important;
}

table .u-padding-left-xxs {
  padding-left: 2.5px !important;
}

table .u-padding-right-xxs {
  padding-right: 2.5px !important;
}

@media screen and (min-width: 1200px) {
  table .u-padding-xxs {
    padding: 5px !important;
  }
  table .u-padding-top-xxs {
    padding-top: 5px !important;
  }
  table .u-padding-bottom-xxs {
    padding-bottom: 5px !important;
  }
  table .u-padding-left-xxs {
    padding-left: 5px !important;
  }
  table .u-padding-right-xxs {
    padding-right: 5px !important;
  }
}
.u-margin-xs {
  margin: 10px !important;
}

.u-margin-top-xs {
  margin-top: 10px !important;
}

.u-margin-bottom-xs {
  margin-bottom: 10px !important;
}

.u-margin-left-xs {
  margin-left: 10px !important;
}

.u-margin-right-xs {
  margin-right: 10px !important;
}

.u-padding-xs {
  padding: 10px !important;
}

.u-padding-top-xs {
  padding-top: 10px !important;
}

.u-padding-bottom-xs {
  padding-bottom: 10px !important;
}

.u-padding-left-xs {
  padding-left: 10px !important;
}

.u-padding-right-xs {
  padding-right: 10px !important;
}

table .u-padding-xs {
  padding: 5px !important;
}

table .u-padding-top-xs {
  padding-top: 5px !important;
}

table .u-padding-bottom-xs {
  padding-bottom: 5px !important;
}

table .u-padding-left-xs {
  padding-left: 5px !important;
}

table .u-padding-right-xs {
  padding-right: 5px !important;
}

@media screen and (min-width: 1200px) {
  table .u-padding-xs {
    padding: 10px !important;
  }
  table .u-padding-top-xs {
    padding-top: 10px !important;
  }
  table .u-padding-bottom-xs {
    padding-bottom: 10px !important;
  }
  table .u-padding-left-xs {
    padding-left: 10px !important;
  }
  table .u-padding-right-xs {
    padding-right: 10px !important;
  }
}
.u-margin-s {
  margin: 20px !important;
}

.u-margin-top-s {
  margin-top: 20px !important;
}

.u-margin-bottom-s {
  margin-bottom: 20px !important;
}

.u-margin-left-s {
  margin-left: 20px !important;
}

.u-margin-right-s {
  margin-right: 20px !important;
}

.u-padding-s {
  padding: 20px !important;
}

.u-padding-top-s {
  padding-top: 20px !important;
}

.u-padding-bottom-s {
  padding-bottom: 20px !important;
}

.u-padding-left-s {
  padding-left: 20px !important;
}

.u-padding-right-s {
  padding-right: 20px !important;
}

table .u-padding-s {
  padding: 10px !important;
}

table .u-padding-top-s {
  padding-top: 10px !important;
}

table .u-padding-bottom-s {
  padding-bottom: 10px !important;
}

table .u-padding-left-s {
  padding-left: 10px !important;
}

table .u-padding-right-s {
  padding-right: 10px !important;
}

@media screen and (min-width: 1200px) {
  table .u-padding-s {
    padding: 20px !important;
  }
  table .u-padding-top-s {
    padding-top: 20px !important;
  }
  table .u-padding-bottom-s {
    padding-bottom: 20px !important;
  }
  table .u-padding-left-s {
    padding-left: 20px !important;
  }
  table .u-padding-right-s {
    padding-right: 20px !important;
  }
}
.u-margin-m {
  margin: 30px !important;
}

.u-margin-top-m {
  margin-top: 30px !important;
}

.u-margin-bottom-m {
  margin-bottom: 30px !important;
}

.u-margin-left-m {
  margin-left: 30px !important;
}

.u-margin-right-m {
  margin-right: 30px !important;
}

.u-padding-m {
  padding: 30px !important;
}

.u-padding-top-m {
  padding-top: 30px !important;
}

.u-padding-bottom-m {
  padding-bottom: 30px !important;
}

.u-padding-left-m {
  padding-left: 30px !important;
}

.u-padding-right-m {
  padding-right: 30px !important;
}

table .u-padding-m {
  padding: 15px !important;
}

table .u-padding-top-m {
  padding-top: 15px !important;
}

table .u-padding-bottom-m {
  padding-bottom: 15px !important;
}

table .u-padding-left-m {
  padding-left: 15px !important;
}

table .u-padding-right-m {
  padding-right: 15px !important;
}

@media screen and (min-width: 1200px) {
  table .u-padding-m {
    padding: 30px !important;
  }
  table .u-padding-top-m {
    padding-top: 30px !important;
  }
  table .u-padding-bottom-m {
    padding-bottom: 30px !important;
  }
  table .u-padding-left-m {
    padding-left: 30px !important;
  }
  table .u-padding-right-m {
    padding-right: 30px !important;
  }
}
.u-margin-l {
  margin: 40px !important;
}

.u-margin-top-l {
  margin-top: 40px !important;
}

.u-margin-bottom-l {
  margin-bottom: 40px !important;
}

.u-margin-left-l {
  margin-left: 40px !important;
}

.u-margin-right-l {
  margin-right: 40px !important;
}

.u-padding-l {
  padding: 40px !important;
}

.u-padding-top-l {
  padding-top: 40px !important;
}

.u-padding-bottom-l {
  padding-bottom: 40px !important;
}

.u-padding-left-l {
  padding-left: 40px !important;
}

.u-padding-right-l {
  padding-right: 40px !important;
}

table .u-padding-l {
  padding: 20px !important;
}

table .u-padding-top-l {
  padding-top: 20px !important;
}

table .u-padding-bottom-l {
  padding-bottom: 20px !important;
}

table .u-padding-left-l {
  padding-left: 20px !important;
}

table .u-padding-right-l {
  padding-right: 20px !important;
}

@media screen and (min-width: 1200px) {
  table .u-padding-l {
    padding: 40px !important;
  }
  table .u-padding-top-l {
    padding-top: 40px !important;
  }
  table .u-padding-bottom-l {
    padding-bottom: 40px !important;
  }
  table .u-padding-left-l {
    padding-left: 40px !important;
  }
  table .u-padding-right-l {
    padding-right: 40px !important;
  }
}
.u-margin-xl {
  margin: 50px !important;
}

.u-margin-top-xl {
  margin-top: 50px !important;
}

.u-margin-bottom-xl {
  margin-bottom: 50px !important;
}

.u-margin-left-xl {
  margin-left: 50px !important;
}

.u-margin-right-xl {
  margin-right: 50px !important;
}

.u-padding-xl {
  padding: 50px !important;
}

.u-padding-top-xl {
  padding-top: 50px !important;
}

.u-padding-bottom-xl {
  padding-bottom: 50px !important;
}

.u-padding-left-xl {
  padding-left: 50px !important;
}

.u-padding-right-xl {
  padding-right: 50px !important;
}

table .u-padding-xl {
  padding: 25px !important;
}

table .u-padding-top-xl {
  padding-top: 25px !important;
}

table .u-padding-bottom-xl {
  padding-bottom: 25px !important;
}

table .u-padding-left-xl {
  padding-left: 25px !important;
}

table .u-padding-right-xl {
  padding-right: 25px !important;
}

@media screen and (min-width: 1200px) {
  table .u-padding-xl {
    padding: 50px !important;
  }
  table .u-padding-top-xl {
    padding-top: 50px !important;
  }
  table .u-padding-bottom-xl {
    padding-bottom: 50px !important;
  }
  table .u-padding-left-xl {
    padding-left: 50px !important;
  }
  table .u-padding-right-xl {
    padding-right: 50px !important;
  }
}
.u-margin-xxl {
  margin: 60px !important;
}

.u-margin-top-xxl {
  margin-top: 60px !important;
}

.u-margin-bottom-xxl {
  margin-bottom: 60px !important;
}

.u-margin-left-xxl {
  margin-left: 60px !important;
}

.u-margin-right-xxl {
  margin-right: 60px !important;
}

.u-padding-xxl {
  padding: 60px !important;
}

.u-padding-top-xxl {
  padding-top: 60px !important;
}

.u-padding-bottom-xxl {
  padding-bottom: 60px !important;
}

.u-padding-left-xxl {
  padding-left: 60px !important;
}

.u-padding-right-xxl {
  padding-right: 60px !important;
}

table .u-padding-xxl {
  padding: 30px !important;
}

table .u-padding-top-xxl {
  padding-top: 30px !important;
}

table .u-padding-bottom-xxl {
  padding-bottom: 30px !important;
}

table .u-padding-left-xxl {
  padding-left: 30px !important;
}

table .u-padding-right-xxl {
  padding-right: 30px !important;
}

@media screen and (min-width: 1200px) {
  table .u-padding-xxl {
    padding: 60px !important;
  }
  table .u-padding-top-xxl {
    padding-top: 60px !important;
  }
  table .u-padding-bottom-xxl {
    padding-bottom: 60px !important;
  }
  table .u-padding-left-xxl {
    padding-left: 60px !important;
  }
  table .u-padding-right-xxl {
    padding-right: 60px !important;
  }
}
.u-margin-xxxl {
  margin: 120px !important;
}

.u-margin-top-xxxl {
  margin-top: 120px !important;
}

.u-margin-bottom-xxxl {
  margin-bottom: 120px !important;
}

.u-margin-left-xxxl {
  margin-left: 120px !important;
}

.u-margin-right-xxxl {
  margin-right: 120px !important;
}

.u-padding-xxxl {
  padding: 120px !important;
}

.u-padding-top-xxxl {
  padding-top: 120px !important;
}

.u-padding-bottom-xxxl {
  padding-bottom: 120px !important;
}

.u-padding-left-xxxl {
  padding-left: 120px !important;
}

.u-padding-right-xxxl {
  padding-right: 120px !important;
}

table .u-padding-xxxl {
  padding: 60px !important;
}

table .u-padding-top-xxxl {
  padding-top: 60px !important;
}

table .u-padding-bottom-xxxl {
  padding-bottom: 60px !important;
}

table .u-padding-left-xxxl {
  padding-left: 60px !important;
}

table .u-padding-right-xxxl {
  padding-right: 60px !important;
}

@media screen and (min-width: 1200px) {
  table .u-padding-xxxl {
    padding: 120px !important;
  }
  table .u-padding-top-xxxl {
    padding-top: 120px !important;
  }
  table .u-padding-bottom-xxxl {
    padding-bottom: 120px !important;
  }
  table .u-padding-left-xxxl {
    padding-left: 120px !important;
  }
  table .u-padding-right-xxxl {
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 0) {
  .u-margin-screen0-none {
    margin: 0px !important;
  }
  .u-margin-top-screen0-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen0-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen0-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen0-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen0-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen0-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen0-none {
    padding: 0px !important;
  }
  .u-padding-top-screen0-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen0-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen0-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen0-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen0-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen0-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 0) {
  .u-margin-screen0-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen0-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen0-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen0-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen0-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen0-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen0-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen0-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen0-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen0-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen0-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen0-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen0-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen0-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 0) {
  .u-margin-screen0-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen0-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen0-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen0-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen0-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen0-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen0-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen0-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen0-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen0-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen0-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen0-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen0-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen0-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 0) {
  .u-margin-screen0-s {
    margin: 20px !important;
  }
  .u-margin-top-screen0-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen0-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen0-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen0-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen0-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen0-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen0-s {
    padding: 20px !important;
  }
  .u-padding-top-screen0-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen0-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen0-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen0-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen0-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen0-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 0) {
  .u-margin-screen0-m {
    margin: 30px !important;
  }
  .u-margin-top-screen0-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen0-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen0-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen0-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen0-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen0-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen0-m {
    padding: 30px !important;
  }
  .u-padding-top-screen0-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen0-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen0-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen0-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen0-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen0-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 0) {
  .u-margin-screen0-l {
    margin: 40px !important;
  }
  .u-margin-top-screen0-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen0-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen0-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen0-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen0-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen0-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen0-l {
    padding: 40px !important;
  }
  .u-padding-top-screen0-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen0-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen0-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen0-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen0-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen0-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 0) {
  .u-margin-screen0-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen0-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen0-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen0-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen0-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen0-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen0-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen0-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen0-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen0-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen0-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen0-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen0-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen0-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 0) {
  .u-margin-screen0-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen0-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen0-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen0-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen0-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen0-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen0-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen0-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen0-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen0-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen0-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen0-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen0-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen0-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 0) {
  .u-margin-screen0-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen0-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen0-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen0-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen0-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen0-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen0-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen0-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen0-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen0-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen0-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen0-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen0-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen0-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-small-none {
    margin: 0px !important;
  }
  .u-margin-top-small-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-small-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-small-none {
    margin-left: 0px !important;
  }
  .u-margin-right-small-none {
    margin-right: 0px !important;
  }
  .u-margin-x-small-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-small-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-small-none {
    padding: 0px !important;
  }
  .u-padding-top-small-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-small-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-small-none {
    padding-left: 0px !important;
  }
  .u-padding-right-small-none {
    padding-right: 0px !important;
  }
  .u-padding-x-small-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-small-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-small-xxs {
    margin: 5px !important;
  }
  .u-margin-top-small-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-small-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-small-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-small-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-small-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-small-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-small-xxs {
    padding: 5px !important;
  }
  .u-padding-top-small-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-small-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-small-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-small-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-small-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-small-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-small-xs {
    margin: 10px !important;
  }
  .u-margin-top-small-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-small-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-small-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-small-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-small-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-small-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-small-xs {
    padding: 10px !important;
  }
  .u-padding-top-small-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-small-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-small-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-small-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-small-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-small-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-small-s {
    margin: 20px !important;
  }
  .u-margin-top-small-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-small-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-small-s {
    margin-left: 20px !important;
  }
  .u-margin-right-small-s {
    margin-right: 20px !important;
  }
  .u-margin-x-small-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-small-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-small-s {
    padding: 20px !important;
  }
  .u-padding-top-small-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-small-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-small-s {
    padding-left: 20px !important;
  }
  .u-padding-right-small-s {
    padding-right: 20px !important;
  }
  .u-padding-x-small-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-small-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-small-m {
    margin: 30px !important;
  }
  .u-margin-top-small-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-small-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-small-m {
    margin-left: 30px !important;
  }
  .u-margin-right-small-m {
    margin-right: 30px !important;
  }
  .u-margin-x-small-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-small-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-small-m {
    padding: 30px !important;
  }
  .u-padding-top-small-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-small-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-small-m {
    padding-left: 30px !important;
  }
  .u-padding-right-small-m {
    padding-right: 30px !important;
  }
  .u-padding-x-small-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-small-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-small-l {
    margin: 40px !important;
  }
  .u-margin-top-small-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-small-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-small-l {
    margin-left: 40px !important;
  }
  .u-margin-right-small-l {
    margin-right: 40px !important;
  }
  .u-margin-x-small-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-small-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-small-l {
    padding: 40px !important;
  }
  .u-padding-top-small-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-small-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-small-l {
    padding-left: 40px !important;
  }
  .u-padding-right-small-l {
    padding-right: 40px !important;
  }
  .u-padding-x-small-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-small-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-small-xl {
    margin: 50px !important;
  }
  .u-margin-top-small-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-small-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-small-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-small-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-small-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-small-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-small-xl {
    padding: 50px !important;
  }
  .u-padding-top-small-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-small-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-small-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-small-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-small-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-small-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-small-xxl {
    margin: 60px !important;
  }
  .u-margin-top-small-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-small-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-small-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-small-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-small-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-small-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-small-xxl {
    padding: 60px !important;
  }
  .u-padding-top-small-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-small-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-small-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-small-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-small-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-small-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-small-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-small-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-small-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-small-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-small-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-small-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-small-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-small-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-small-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-small-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-small-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-small-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-small-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-small-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-medium-none {
    margin: 0px !important;
  }
  .u-margin-top-medium-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-medium-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-medium-none {
    margin-left: 0px !important;
  }
  .u-margin-right-medium-none {
    margin-right: 0px !important;
  }
  .u-margin-x-medium-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-medium-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-medium-none {
    padding: 0px !important;
  }
  .u-padding-top-medium-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-medium-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-medium-none {
    padding-left: 0px !important;
  }
  .u-padding-right-medium-none {
    padding-right: 0px !important;
  }
  .u-padding-x-medium-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-medium-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-medium-xxs {
    margin: 5px !important;
  }
  .u-margin-top-medium-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-medium-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-medium-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-medium-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-medium-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-medium-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-medium-xxs {
    padding: 5px !important;
  }
  .u-padding-top-medium-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-medium-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-medium-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-medium-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-medium-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-medium-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-medium-xs {
    margin: 10px !important;
  }
  .u-margin-top-medium-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-medium-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-medium-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-medium-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-medium-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-medium-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-medium-xs {
    padding: 10px !important;
  }
  .u-padding-top-medium-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-medium-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-medium-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-medium-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-medium-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-medium-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-medium-s {
    margin: 20px !important;
  }
  .u-margin-top-medium-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-medium-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-medium-s {
    margin-left: 20px !important;
  }
  .u-margin-right-medium-s {
    margin-right: 20px !important;
  }
  .u-margin-x-medium-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-medium-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-medium-s {
    padding: 20px !important;
  }
  .u-padding-top-medium-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-medium-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-medium-s {
    padding-left: 20px !important;
  }
  .u-padding-right-medium-s {
    padding-right: 20px !important;
  }
  .u-padding-x-medium-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-medium-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-medium-m {
    margin: 30px !important;
  }
  .u-margin-top-medium-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-medium-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-medium-m {
    margin-left: 30px !important;
  }
  .u-margin-right-medium-m {
    margin-right: 30px !important;
  }
  .u-margin-x-medium-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-medium-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-medium-m {
    padding: 30px !important;
  }
  .u-padding-top-medium-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-medium-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-medium-m {
    padding-left: 30px !important;
  }
  .u-padding-right-medium-m {
    padding-right: 30px !important;
  }
  .u-padding-x-medium-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-medium-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-medium-l {
    margin: 40px !important;
  }
  .u-margin-top-medium-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-medium-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-medium-l {
    margin-left: 40px !important;
  }
  .u-margin-right-medium-l {
    margin-right: 40px !important;
  }
  .u-margin-x-medium-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-medium-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-medium-l {
    padding: 40px !important;
  }
  .u-padding-top-medium-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-medium-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-medium-l {
    padding-left: 40px !important;
  }
  .u-padding-right-medium-l {
    padding-right: 40px !important;
  }
  .u-padding-x-medium-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-medium-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-medium-xl {
    margin: 50px !important;
  }
  .u-margin-top-medium-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-medium-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-medium-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-medium-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-medium-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-medium-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-medium-xl {
    padding: 50px !important;
  }
  .u-padding-top-medium-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-medium-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-medium-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-medium-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-medium-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-medium-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-medium-xxl {
    margin: 60px !important;
  }
  .u-margin-top-medium-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-medium-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-medium-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-medium-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-medium-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-medium-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-medium-xxl {
    padding: 60px !important;
  }
  .u-padding-top-medium-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-medium-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-medium-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-medium-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-medium-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-medium-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-medium-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-medium-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-medium-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-medium-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-medium-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-medium-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-medium-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-medium-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-medium-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-medium-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-medium-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-medium-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-medium-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-medium-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-large-none {
    margin: 0px !important;
  }
  .u-margin-top-large-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-large-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-large-none {
    margin-left: 0px !important;
  }
  .u-margin-right-large-none {
    margin-right: 0px !important;
  }
  .u-margin-x-large-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-large-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-large-none {
    padding: 0px !important;
  }
  .u-padding-top-large-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-large-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-large-none {
    padding-left: 0px !important;
  }
  .u-padding-right-large-none {
    padding-right: 0px !important;
  }
  .u-padding-x-large-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-large-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-large-xxs {
    margin: 5px !important;
  }
  .u-margin-top-large-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-large-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-large-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-large-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-large-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-large-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-large-xxs {
    padding: 5px !important;
  }
  .u-padding-top-large-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-large-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-large-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-large-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-large-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-large-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-large-xs {
    margin: 10px !important;
  }
  .u-margin-top-large-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-large-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-large-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-large-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-large-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-large-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-large-xs {
    padding: 10px !important;
  }
  .u-padding-top-large-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-large-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-large-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-large-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-large-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-large-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-large-s {
    margin: 20px !important;
  }
  .u-margin-top-large-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-large-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-large-s {
    margin-left: 20px !important;
  }
  .u-margin-right-large-s {
    margin-right: 20px !important;
  }
  .u-margin-x-large-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-large-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-large-s {
    padding: 20px !important;
  }
  .u-padding-top-large-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-large-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-large-s {
    padding-left: 20px !important;
  }
  .u-padding-right-large-s {
    padding-right: 20px !important;
  }
  .u-padding-x-large-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-large-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-large-m {
    margin: 30px !important;
  }
  .u-margin-top-large-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-large-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-large-m {
    margin-left: 30px !important;
  }
  .u-margin-right-large-m {
    margin-right: 30px !important;
  }
  .u-margin-x-large-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-large-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-large-m {
    padding: 30px !important;
  }
  .u-padding-top-large-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-large-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-large-m {
    padding-left: 30px !important;
  }
  .u-padding-right-large-m {
    padding-right: 30px !important;
  }
  .u-padding-x-large-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-large-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-large-l {
    margin: 40px !important;
  }
  .u-margin-top-large-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-large-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-large-l {
    margin-left: 40px !important;
  }
  .u-margin-right-large-l {
    margin-right: 40px !important;
  }
  .u-margin-x-large-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-large-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-large-l {
    padding: 40px !important;
  }
  .u-padding-top-large-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-large-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-large-l {
    padding-left: 40px !important;
  }
  .u-padding-right-large-l {
    padding-right: 40px !important;
  }
  .u-padding-x-large-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-large-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-large-xl {
    margin: 50px !important;
  }
  .u-margin-top-large-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-large-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-large-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-large-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-large-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-large-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-large-xl {
    padding: 50px !important;
  }
  .u-padding-top-large-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-large-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-large-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-large-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-large-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-large-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-large-xxl {
    margin: 60px !important;
  }
  .u-margin-top-large-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-large-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-large-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-large-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-large-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-large-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-large-xxl {
    padding: 60px !important;
  }
  .u-padding-top-large-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-large-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-large-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-large-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-large-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-large-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-large-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-large-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-large-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-large-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-large-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-large-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-large-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-large-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-large-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-large-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-large-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-large-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-large-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-large-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-screen460-none {
    margin: 0px !important;
  }
  .u-margin-top-screen460-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen460-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen460-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen460-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen460-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen460-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen460-none {
    padding: 0px !important;
  }
  .u-padding-top-screen460-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen460-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen460-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen460-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen460-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen460-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-screen460-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen460-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen460-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen460-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen460-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen460-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen460-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen460-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen460-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen460-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen460-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen460-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen460-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen460-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-screen460-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen460-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen460-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen460-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen460-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen460-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen460-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen460-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen460-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen460-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen460-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen460-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen460-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen460-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-screen460-s {
    margin: 20px !important;
  }
  .u-margin-top-screen460-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen460-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen460-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen460-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen460-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen460-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen460-s {
    padding: 20px !important;
  }
  .u-padding-top-screen460-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen460-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen460-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen460-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen460-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen460-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-screen460-m {
    margin: 30px !important;
  }
  .u-margin-top-screen460-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen460-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen460-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen460-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen460-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen460-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen460-m {
    padding: 30px !important;
  }
  .u-padding-top-screen460-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen460-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen460-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen460-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen460-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen460-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-screen460-l {
    margin: 40px !important;
  }
  .u-margin-top-screen460-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen460-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen460-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen460-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen460-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen460-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen460-l {
    padding: 40px !important;
  }
  .u-padding-top-screen460-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen460-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen460-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen460-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen460-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen460-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-screen460-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen460-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen460-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen460-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen460-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen460-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen460-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen460-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen460-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen460-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen460-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen460-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen460-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen460-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-screen460-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen460-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen460-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen460-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen460-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen460-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen460-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen460-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen460-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen460-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen460-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen460-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen460-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen460-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 460px) {
  .u-margin-screen460-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen460-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen460-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen460-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen460-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen460-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen460-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen460-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen460-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen460-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen460-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen460-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen460-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen460-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-screen768-none {
    margin: 0px !important;
  }
  .u-margin-top-screen768-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen768-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen768-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen768-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen768-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen768-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen768-none {
    padding: 0px !important;
  }
  .u-padding-top-screen768-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen768-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen768-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen768-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen768-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen768-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-screen768-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen768-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen768-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen768-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen768-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen768-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen768-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen768-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen768-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen768-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen768-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen768-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen768-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen768-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-screen768-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen768-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen768-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen768-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen768-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen768-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen768-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen768-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen768-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen768-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen768-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen768-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen768-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen768-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-screen768-s {
    margin: 20px !important;
  }
  .u-margin-top-screen768-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen768-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen768-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen768-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen768-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen768-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen768-s {
    padding: 20px !important;
  }
  .u-padding-top-screen768-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen768-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen768-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen768-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen768-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen768-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-screen768-m {
    margin: 30px !important;
  }
  .u-margin-top-screen768-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen768-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen768-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen768-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen768-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen768-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen768-m {
    padding: 30px !important;
  }
  .u-padding-top-screen768-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen768-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen768-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen768-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen768-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen768-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-screen768-l {
    margin: 40px !important;
  }
  .u-margin-top-screen768-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen768-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen768-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen768-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen768-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen768-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen768-l {
    padding: 40px !important;
  }
  .u-padding-top-screen768-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen768-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen768-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen768-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen768-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen768-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-screen768-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen768-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen768-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen768-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen768-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen768-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen768-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen768-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen768-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen768-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen768-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen768-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen768-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen768-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-screen768-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen768-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen768-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen768-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen768-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen768-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen768-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen768-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen768-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen768-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen768-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen768-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen768-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen768-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-margin-screen768-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen768-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen768-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen768-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen768-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen768-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen768-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen768-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen768-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen768-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen768-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen768-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen768-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen768-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-margin-screen1000-none {
    margin: 0px !important;
  }
  .u-margin-top-screen1000-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen1000-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen1000-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen1000-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen1000-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen1000-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen1000-none {
    padding: 0px !important;
  }
  .u-padding-top-screen1000-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen1000-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen1000-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen1000-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen1000-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen1000-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-margin-screen1000-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen1000-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen1000-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen1000-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen1000-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen1000-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen1000-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen1000-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen1000-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen1000-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen1000-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen1000-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen1000-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen1000-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-margin-screen1000-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen1000-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen1000-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen1000-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen1000-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen1000-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen1000-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen1000-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen1000-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen1000-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen1000-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen1000-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen1000-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen1000-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-margin-screen1000-s {
    margin: 20px !important;
  }
  .u-margin-top-screen1000-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen1000-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen1000-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen1000-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen1000-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen1000-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen1000-s {
    padding: 20px !important;
  }
  .u-padding-top-screen1000-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen1000-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen1000-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen1000-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen1000-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen1000-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-margin-screen1000-m {
    margin: 30px !important;
  }
  .u-margin-top-screen1000-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen1000-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen1000-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen1000-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen1000-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen1000-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen1000-m {
    padding: 30px !important;
  }
  .u-padding-top-screen1000-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen1000-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen1000-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen1000-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen1000-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen1000-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-margin-screen1000-l {
    margin: 40px !important;
  }
  .u-margin-top-screen1000-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen1000-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen1000-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen1000-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen1000-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen1000-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen1000-l {
    padding: 40px !important;
  }
  .u-padding-top-screen1000-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen1000-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen1000-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen1000-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen1000-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen1000-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-margin-screen1000-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen1000-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen1000-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen1000-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen1000-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen1000-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen1000-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen1000-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen1000-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen1000-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen1000-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen1000-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen1000-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen1000-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-margin-screen1000-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen1000-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen1000-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen1000-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen1000-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen1000-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen1000-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen1000-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen1000-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen1000-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen1000-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen1000-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen1000-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen1000-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-margin-screen1000-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen1000-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen1000-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen1000-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen1000-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen1000-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen1000-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen1000-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen1000-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen1000-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen1000-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen1000-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen1000-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen1000-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin-screen1200-none {
    margin: 0px !important;
  }
  .u-margin-top-screen1200-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen1200-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen1200-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen1200-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen1200-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen1200-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen1200-none {
    padding: 0px !important;
  }
  .u-padding-top-screen1200-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen1200-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen1200-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen1200-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen1200-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen1200-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin-screen1200-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen1200-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen1200-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen1200-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen1200-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen1200-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen1200-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen1200-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen1200-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen1200-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen1200-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen1200-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen1200-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen1200-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin-screen1200-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen1200-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen1200-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen1200-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen1200-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen1200-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen1200-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen1200-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen1200-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen1200-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen1200-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen1200-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen1200-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen1200-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin-screen1200-s {
    margin: 20px !important;
  }
  .u-margin-top-screen1200-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen1200-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen1200-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen1200-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen1200-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen1200-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen1200-s {
    padding: 20px !important;
  }
  .u-padding-top-screen1200-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen1200-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen1200-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen1200-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen1200-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen1200-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin-screen1200-m {
    margin: 30px !important;
  }
  .u-margin-top-screen1200-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen1200-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen1200-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen1200-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen1200-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen1200-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen1200-m {
    padding: 30px !important;
  }
  .u-padding-top-screen1200-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen1200-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen1200-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen1200-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen1200-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen1200-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin-screen1200-l {
    margin: 40px !important;
  }
  .u-margin-top-screen1200-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen1200-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen1200-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen1200-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen1200-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen1200-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen1200-l {
    padding: 40px !important;
  }
  .u-padding-top-screen1200-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen1200-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen1200-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen1200-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen1200-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen1200-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin-screen1200-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen1200-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen1200-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen1200-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen1200-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen1200-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen1200-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen1200-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen1200-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen1200-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen1200-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen1200-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen1200-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen1200-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin-screen1200-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen1200-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen1200-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen1200-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen1200-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen1200-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen1200-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen1200-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen1200-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen1200-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen1200-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen1200-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen1200-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen1200-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-margin-screen1200-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen1200-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen1200-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen1200-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen1200-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen1200-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen1200-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen1200-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen1200-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen1200-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen1200-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen1200-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen1200-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen1200-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1366px) {
  .u-margin-screen1366-none {
    margin: 0px !important;
  }
  .u-margin-top-screen1366-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen1366-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen1366-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen1366-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen1366-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen1366-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen1366-none {
    padding: 0px !important;
  }
  .u-padding-top-screen1366-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen1366-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen1366-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen1366-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen1366-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen1366-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1366px) {
  .u-margin-screen1366-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen1366-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen1366-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen1366-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen1366-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen1366-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen1366-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen1366-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen1366-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen1366-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen1366-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen1366-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen1366-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen1366-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1366px) {
  .u-margin-screen1366-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen1366-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen1366-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen1366-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen1366-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen1366-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen1366-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen1366-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen1366-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen1366-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen1366-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen1366-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen1366-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen1366-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1366px) {
  .u-margin-screen1366-s {
    margin: 20px !important;
  }
  .u-margin-top-screen1366-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen1366-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen1366-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen1366-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen1366-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen1366-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen1366-s {
    padding: 20px !important;
  }
  .u-padding-top-screen1366-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen1366-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen1366-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen1366-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen1366-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen1366-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1366px) {
  .u-margin-screen1366-m {
    margin: 30px !important;
  }
  .u-margin-top-screen1366-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen1366-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen1366-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen1366-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen1366-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen1366-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen1366-m {
    padding: 30px !important;
  }
  .u-padding-top-screen1366-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen1366-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen1366-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen1366-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen1366-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen1366-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1366px) {
  .u-margin-screen1366-l {
    margin: 40px !important;
  }
  .u-margin-top-screen1366-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen1366-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen1366-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen1366-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen1366-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen1366-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen1366-l {
    padding: 40px !important;
  }
  .u-padding-top-screen1366-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen1366-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen1366-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen1366-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen1366-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen1366-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1366px) {
  .u-margin-screen1366-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen1366-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen1366-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen1366-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen1366-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen1366-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen1366-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen1366-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen1366-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen1366-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen1366-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen1366-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen1366-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen1366-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1366px) {
  .u-margin-screen1366-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen1366-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen1366-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen1366-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen1366-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen1366-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen1366-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen1366-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen1366-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen1366-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen1366-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen1366-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen1366-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen1366-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1366px) {
  .u-margin-screen1366-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen1366-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen1366-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen1366-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen1366-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen1366-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen1366-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen1366-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen1366-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen1366-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen1366-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen1366-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen1366-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen1366-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-screen1400-none {
    margin: 0px !important;
  }
  .u-margin-top-screen1400-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen1400-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen1400-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen1400-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen1400-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen1400-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen1400-none {
    padding: 0px !important;
  }
  .u-padding-top-screen1400-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen1400-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen1400-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen1400-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen1400-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen1400-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-screen1400-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen1400-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen1400-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen1400-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen1400-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen1400-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen1400-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen1400-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen1400-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen1400-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen1400-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen1400-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen1400-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen1400-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-screen1400-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen1400-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen1400-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen1400-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen1400-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen1400-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen1400-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen1400-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen1400-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen1400-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen1400-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen1400-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen1400-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen1400-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-screen1400-s {
    margin: 20px !important;
  }
  .u-margin-top-screen1400-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen1400-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen1400-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen1400-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen1400-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen1400-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen1400-s {
    padding: 20px !important;
  }
  .u-padding-top-screen1400-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen1400-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen1400-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen1400-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen1400-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen1400-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-screen1400-m {
    margin: 30px !important;
  }
  .u-margin-top-screen1400-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen1400-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen1400-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen1400-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen1400-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen1400-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen1400-m {
    padding: 30px !important;
  }
  .u-padding-top-screen1400-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen1400-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen1400-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen1400-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen1400-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen1400-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-screen1400-l {
    margin: 40px !important;
  }
  .u-margin-top-screen1400-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen1400-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen1400-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen1400-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen1400-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen1400-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen1400-l {
    padding: 40px !important;
  }
  .u-padding-top-screen1400-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen1400-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen1400-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen1400-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen1400-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen1400-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-screen1400-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen1400-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen1400-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen1400-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen1400-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen1400-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen1400-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen1400-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen1400-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen1400-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen1400-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen1400-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen1400-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen1400-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-screen1400-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen1400-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen1400-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen1400-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen1400-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen1400-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen1400-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen1400-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen1400-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen1400-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen1400-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen1400-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen1400-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen1400-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1440px) {
  .u-margin-screen1400-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen1400-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen1400-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen1400-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen1400-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen1400-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen1400-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen1400-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen1400-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen1400-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen1400-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen1400-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen1400-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen1400-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-margin-screen1600-none {
    margin: 0px !important;
  }
  .u-margin-top-screen1600-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen1600-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen1600-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen1600-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen1600-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen1600-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen1600-none {
    padding: 0px !important;
  }
  .u-padding-top-screen1600-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen1600-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen1600-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen1600-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen1600-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen1600-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-margin-screen1600-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen1600-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen1600-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen1600-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen1600-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen1600-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen1600-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen1600-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen1600-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen1600-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen1600-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen1600-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen1600-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen1600-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-margin-screen1600-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen1600-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen1600-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen1600-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen1600-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen1600-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen1600-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen1600-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen1600-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen1600-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen1600-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen1600-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen1600-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen1600-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-margin-screen1600-s {
    margin: 20px !important;
  }
  .u-margin-top-screen1600-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen1600-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen1600-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen1600-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen1600-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen1600-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen1600-s {
    padding: 20px !important;
  }
  .u-padding-top-screen1600-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen1600-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen1600-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen1600-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen1600-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen1600-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-margin-screen1600-m {
    margin: 30px !important;
  }
  .u-margin-top-screen1600-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen1600-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen1600-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen1600-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen1600-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen1600-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen1600-m {
    padding: 30px !important;
  }
  .u-padding-top-screen1600-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen1600-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen1600-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen1600-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen1600-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen1600-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-margin-screen1600-l {
    margin: 40px !important;
  }
  .u-margin-top-screen1600-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen1600-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen1600-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen1600-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen1600-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen1600-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen1600-l {
    padding: 40px !important;
  }
  .u-padding-top-screen1600-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen1600-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen1600-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen1600-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen1600-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen1600-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-margin-screen1600-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen1600-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen1600-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen1600-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen1600-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen1600-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen1600-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen1600-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen1600-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen1600-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen1600-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen1600-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen1600-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen1600-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-margin-screen1600-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen1600-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen1600-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen1600-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen1600-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen1600-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen1600-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen1600-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen1600-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen1600-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen1600-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen1600-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen1600-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen1600-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1600px) {
  .u-margin-screen1600-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen1600-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen1600-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen1600-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen1600-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen1600-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen1600-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen1600-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen1600-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen1600-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen1600-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen1600-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen1600-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen1600-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-margin-screen1920-none {
    margin: 0px !important;
  }
  .u-margin-top-screen1920-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen1920-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen1920-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen1920-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen1920-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen1920-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen1920-none {
    padding: 0px !important;
  }
  .u-padding-top-screen1920-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen1920-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen1920-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen1920-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen1920-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen1920-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-margin-screen1920-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen1920-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen1920-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen1920-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen1920-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen1920-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen1920-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen1920-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen1920-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen1920-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen1920-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen1920-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen1920-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen1920-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-margin-screen1920-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen1920-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen1920-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen1920-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen1920-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen1920-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen1920-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen1920-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen1920-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen1920-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen1920-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen1920-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen1920-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen1920-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-margin-screen1920-s {
    margin: 20px !important;
  }
  .u-margin-top-screen1920-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen1920-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen1920-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen1920-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen1920-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen1920-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen1920-s {
    padding: 20px !important;
  }
  .u-padding-top-screen1920-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen1920-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen1920-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen1920-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen1920-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen1920-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-margin-screen1920-m {
    margin: 30px !important;
  }
  .u-margin-top-screen1920-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen1920-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen1920-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen1920-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen1920-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen1920-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen1920-m {
    padding: 30px !important;
  }
  .u-padding-top-screen1920-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen1920-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen1920-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen1920-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen1920-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen1920-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-margin-screen1920-l {
    margin: 40px !important;
  }
  .u-margin-top-screen1920-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen1920-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen1920-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen1920-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen1920-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen1920-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen1920-l {
    padding: 40px !important;
  }
  .u-padding-top-screen1920-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen1920-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen1920-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen1920-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen1920-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen1920-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-margin-screen1920-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen1920-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen1920-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen1920-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen1920-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen1920-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen1920-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen1920-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen1920-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen1920-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen1920-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen1920-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen1920-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen1920-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-margin-screen1920-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen1920-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen1920-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen1920-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen1920-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen1920-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen1920-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen1920-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen1920-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen1920-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen1920-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen1920-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen1920-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen1920-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1920px) {
  .u-margin-screen1920-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen1920-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen1920-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen1920-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen1920-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen1920-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen1920-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen1920-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen1920-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen1920-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen1920-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen1920-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen1920-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen1920-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 2560px) {
  .u-margin-screen2560-none {
    margin: 0px !important;
  }
  .u-margin-top-screen2560-none {
    margin-top: 0px !important;
  }
  .u-margin-bottom-screen2560-none {
    margin-bottom: 0px !important;
  }
  .u-margin-left-screen2560-none {
    margin-left: 0px !important;
  }
  .u-margin-right-screen2560-none {
    margin-right: 0px !important;
  }
  .u-margin-x-screen2560-none {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-margin-y-screen2560-none {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-screen2560-none {
    padding: 0px !important;
  }
  .u-padding-top-screen2560-none {
    padding-top: 0px !important;
  }
  .u-padding-bottom-screen2560-none {
    padding-bottom: 0px !important;
  }
  .u-padding-left-screen2560-none {
    padding-left: 0px !important;
  }
  .u-padding-right-screen2560-none {
    padding-right: 0px !important;
  }
  .u-padding-x-screen2560-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-padding-y-screen2560-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 2560px) {
  .u-margin-screen2560-xxs {
    margin: 5px !important;
  }
  .u-margin-top-screen2560-xxs {
    margin-top: 5px !important;
  }
  .u-margin-bottom-screen2560-xxs {
    margin-bottom: 5px !important;
  }
  .u-margin-left-screen2560-xxs {
    margin-left: 5px !important;
  }
  .u-margin-right-screen2560-xxs {
    margin-right: 5px !important;
  }
  .u-margin-x-screen2560-xxs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .u-margin-y-screen2560-xxs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .u-padding-screen2560-xxs {
    padding: 5px !important;
  }
  .u-padding-top-screen2560-xxs {
    padding-top: 5px !important;
  }
  .u-padding-bottom-screen2560-xxs {
    padding-bottom: 5px !important;
  }
  .u-padding-left-screen2560-xxs {
    padding-left: 5px !important;
  }
  .u-padding-right-screen2560-xxs {
    padding-right: 5px !important;
  }
  .u-padding-x-screen2560-xxs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .u-padding-y-screen2560-xxs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 2560px) {
  .u-margin-screen2560-xs {
    margin: 10px !important;
  }
  .u-margin-top-screen2560-xs {
    margin-top: 10px !important;
  }
  .u-margin-bottom-screen2560-xs {
    margin-bottom: 10px !important;
  }
  .u-margin-left-screen2560-xs {
    margin-left: 10px !important;
  }
  .u-margin-right-screen2560-xs {
    margin-right: 10px !important;
  }
  .u-margin-x-screen2560-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .u-margin-y-screen2560-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .u-padding-screen2560-xs {
    padding: 10px !important;
  }
  .u-padding-top-screen2560-xs {
    padding-top: 10px !important;
  }
  .u-padding-bottom-screen2560-xs {
    padding-bottom: 10px !important;
  }
  .u-padding-left-screen2560-xs {
    padding-left: 10px !important;
  }
  .u-padding-right-screen2560-xs {
    padding-right: 10px !important;
  }
  .u-padding-x-screen2560-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .u-padding-y-screen2560-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 2560px) {
  .u-margin-screen2560-s {
    margin: 20px !important;
  }
  .u-margin-top-screen2560-s {
    margin-top: 20px !important;
  }
  .u-margin-bottom-screen2560-s {
    margin-bottom: 20px !important;
  }
  .u-margin-left-screen2560-s {
    margin-left: 20px !important;
  }
  .u-margin-right-screen2560-s {
    margin-right: 20px !important;
  }
  .u-margin-x-screen2560-s {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .u-margin-y-screen2560-s {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .u-padding-screen2560-s {
    padding: 20px !important;
  }
  .u-padding-top-screen2560-s {
    padding-top: 20px !important;
  }
  .u-padding-bottom-screen2560-s {
    padding-bottom: 20px !important;
  }
  .u-padding-left-screen2560-s {
    padding-left: 20px !important;
  }
  .u-padding-right-screen2560-s {
    padding-right: 20px !important;
  }
  .u-padding-x-screen2560-s {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .u-padding-y-screen2560-s {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 2560px) {
  .u-margin-screen2560-m {
    margin: 30px !important;
  }
  .u-margin-top-screen2560-m {
    margin-top: 30px !important;
  }
  .u-margin-bottom-screen2560-m {
    margin-bottom: 30px !important;
  }
  .u-margin-left-screen2560-m {
    margin-left: 30px !important;
  }
  .u-margin-right-screen2560-m {
    margin-right: 30px !important;
  }
  .u-margin-x-screen2560-m {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .u-margin-y-screen2560-m {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .u-padding-screen2560-m {
    padding: 30px !important;
  }
  .u-padding-top-screen2560-m {
    padding-top: 30px !important;
  }
  .u-padding-bottom-screen2560-m {
    padding-bottom: 30px !important;
  }
  .u-padding-left-screen2560-m {
    padding-left: 30px !important;
  }
  .u-padding-right-screen2560-m {
    padding-right: 30px !important;
  }
  .u-padding-x-screen2560-m {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .u-padding-y-screen2560-m {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 2560px) {
  .u-margin-screen2560-l {
    margin: 40px !important;
  }
  .u-margin-top-screen2560-l {
    margin-top: 40px !important;
  }
  .u-margin-bottom-screen2560-l {
    margin-bottom: 40px !important;
  }
  .u-margin-left-screen2560-l {
    margin-left: 40px !important;
  }
  .u-margin-right-screen2560-l {
    margin-right: 40px !important;
  }
  .u-margin-x-screen2560-l {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-margin-y-screen2560-l {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-screen2560-l {
    padding: 40px !important;
  }
  .u-padding-top-screen2560-l {
    padding-top: 40px !important;
  }
  .u-padding-bottom-screen2560-l {
    padding-bottom: 40px !important;
  }
  .u-padding-left-screen2560-l {
    padding-left: 40px !important;
  }
  .u-padding-right-screen2560-l {
    padding-right: 40px !important;
  }
  .u-padding-x-screen2560-l {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-padding-y-screen2560-l {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 2560px) {
  .u-margin-screen2560-xl {
    margin: 50px !important;
  }
  .u-margin-top-screen2560-xl {
    margin-top: 50px !important;
  }
  .u-margin-bottom-screen2560-xl {
    margin-bottom: 50px !important;
  }
  .u-margin-left-screen2560-xl {
    margin-left: 50px !important;
  }
  .u-margin-right-screen2560-xl {
    margin-right: 50px !important;
  }
  .u-margin-x-screen2560-xl {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .u-margin-y-screen2560-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .u-padding-screen2560-xl {
    padding: 50px !important;
  }
  .u-padding-top-screen2560-xl {
    padding-top: 50px !important;
  }
  .u-padding-bottom-screen2560-xl {
    padding-bottom: 50px !important;
  }
  .u-padding-left-screen2560-xl {
    padding-left: 50px !important;
  }
  .u-padding-right-screen2560-xl {
    padding-right: 50px !important;
  }
  .u-padding-x-screen2560-xl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .u-padding-y-screen2560-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 2560px) {
  .u-margin-screen2560-xxl {
    margin: 60px !important;
  }
  .u-margin-top-screen2560-xxl {
    margin-top: 60px !important;
  }
  .u-margin-bottom-screen2560-xxl {
    margin-bottom: 60px !important;
  }
  .u-margin-left-screen2560-xxl {
    margin-left: 60px !important;
  }
  .u-margin-right-screen2560-xxl {
    margin-right: 60px !important;
  }
  .u-margin-x-screen2560-xxl {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
  .u-margin-y-screen2560-xxl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .u-padding-screen2560-xxl {
    padding: 60px !important;
  }
  .u-padding-top-screen2560-xxl {
    padding-top: 60px !important;
  }
  .u-padding-bottom-screen2560-xxl {
    padding-bottom: 60px !important;
  }
  .u-padding-left-screen2560-xxl {
    padding-left: 60px !important;
  }
  .u-padding-right-screen2560-xxl {
    padding-right: 60px !important;
  }
  .u-padding-x-screen2560-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  .u-padding-y-screen2560-xxl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 2560px) {
  .u-margin-screen2560-xxxl {
    margin: 120px !important;
  }
  .u-margin-top-screen2560-xxxl {
    margin-top: 120px !important;
  }
  .u-margin-bottom-screen2560-xxxl {
    margin-bottom: 120px !important;
  }
  .u-margin-left-screen2560-xxxl {
    margin-left: 120px !important;
  }
  .u-margin-right-screen2560-xxxl {
    margin-right: 120px !important;
  }
  .u-margin-x-screen2560-xxxl {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .u-margin-y-screen2560-xxxl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-padding-screen2560-xxxl {
    padding: 120px !important;
  }
  .u-padding-top-screen2560-xxxl {
    padding-top: 120px !important;
  }
  .u-padding-bottom-screen2560-xxxl {
    padding-bottom: 120px !important;
  }
  .u-padding-left-screen2560-xxxl {
    padding-left: 120px !important;
  }
  .u-padding-right-screen2560-xxxl {
    padding-right: 120px !important;
  }
  .u-padding-x-screen2560-xxxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .u-padding-y-screen2560-xxxl {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
.u-content-container {
  max-width: 660px;
}

.u-content-container-xxs {
  max-width: 82.5px;
}

.u-content-container-xs {
  max-width: 165px;
}

.u-content-container-s {
  max-width: 330px;
}

.u-content-container-m {
  max-width: 495px;
}

.u-content-container-l {
  max-width: 1320px;
}

.u-content-container-786 {
  max-width: 786px;
}

.u-content-container-inner-content {
  max-width: 1120px;
}

.u-content-container-full {
  max-width: 100%;
}

.m-top-0 {
  margin-top: 0 !important;
}

.m-bottom-0 {
  margin-bottom: 0;
}

.m-right-0 {
  margin-right: 0;
}

.m-top-1 {
  margin-top: 1rem;
}

.t-heading-0 {
  font-family: Open Sans, Arial, serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 50px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .t-heading-0 {
    font-size: 2.5rem;
    line-height: 50px;
  }
}
@media (min-width: 1440px) {
  .t-heading-0 {
    font-size: 3rem;
    line-height: 58px;
  }
}

.t-heading-1 {
  font-family: Open Sans, Arial, serif;
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: 40px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .t-heading-1 {
    font-size: 1.9375rem;
    line-height: 40px;
  }
}
@media (min-width: 1440px) {
  .t-heading-1 {
    font-size: 2.5rem;
    line-height: 50px;
  }
}

.t-heading-2 {
  font-family: Open Sans, Arial, serif;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .t-heading-2 {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .t-heading-2 {
    font-size: 1.9375rem;
    line-height: 40px;
  }
}

.t-heading-3 {
  font-family: Open Sans, Arial, serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .t-heading-3 {
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 1440px) {
  .t-heading-3 {
    font-size: 1.5625rem;
    line-height: 30px;
  }
}

.t-intro {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  color: #1d1d1d;
}
@media (min-width: 1024px) {
  .t-intro {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media (min-width: 1440px) {
  .t-intro {
    font-size: 1.25rem;
    line-height: 30px;
  }
}

.t-copy-large {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .t-copy-large {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .t-copy-large {
    font-size: 1rem;
    line-height: 24px;
  }
}

.t-huge {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 48px;
}
@media (min-width: 1024px) {
  .t-huge {
    font-size: 3rem;
    line-height: 48px;
  }
}
@media (min-width: 1440px) {
  .t-huge {
    font-size: 3.25rem;
    line-height: 52px;
  }
}

.t-copy {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .t-copy {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .t-copy {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

.t-copy-small {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .t-copy-small {
    font-size: 0.75rem;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .t-copy-small {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

.t-font-heading {
  font-family: get-font(heading) !important;
}

.t-font-default {
  font-family: get-font(default) !important;
  font-weight: 400;
}

.t-font-normal {
  font-weight: 400 !important;
}

.t-font-medium {
  font-weight: 600;
}

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

.t-typography-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.t-upper {
  vertical-align: super;
}

.t-underline {
  text-decoration: underline;
}

.a-hide,
[data-accessibility=hide] {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

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

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

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

.u-nowrap {
  white-space: nowrap;
}

.u-text-underline {
  text-decoration: underline;
}

.u-wrap-text {
  white-space: unset !important;
}

.u-text-transform-none {
  text-transform: none;
}

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

.locked-scroll {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.u-table-cell-45 {
  min-width: 45px;
  width: 45px;
}

.u-table-cell-75 {
  min-width: 75px;
  width: 75px;
}

.u-table-cell-250 {
  min-width: 250px;
  width: 250px;
}

.u-table-cell-300 {
  min-width: 300px;
  width: 300px;
}

.u-table-cell-445 {
  min-width: 445px;
  width: 445px;
}

.u-table-cell-vertical-top td {
  vertical-align: top;
}

.u-table-cell-vertical-middle td {
  vertical-align: middle;
}

.u-table-cell-vertical-bottom td {
  vertical-align: bottom;
}

.u-tr-no-background td {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.u-tr-no-background tr:nth-child(odd) {
  background-color: unset;
}
.u-tr-no-background tr:nth-child(even) {
  background-color: unset;
}

.u-td-compact td:first-child {
  width: 30%;
}

.stickytablewrap {
  height: 1px;
}

.sticky-header {
  position: fixed;
  z-index: 2;
  top: 161px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.13);
}

.sticky-header::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 0px;
  background: #fcfcfc;
  width: 100%;
  height: 6px;
  z-index: -2;
}

.bluredheader {
  opacity: 0;
}

.cell-align {
  text-align: left;
  white-space: nowrap;
}

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

.u-vertial-m,
.u-vertical-m {
  vertical-align: middle;
}

.u-vertial-top,
.u-vertical-top {
  vertical-align: top;
}

.u-vertial-b,
.u-vertical-b {
  vertical-align: bottom;
}

.u-position-relative {
  position: relative;
}

.u-position-absolute {
  position: absolute;
}

.u-border-radius {
  border-radius: 4px !important;
}

.u-border-radius-2 {
  border-radius: 10px !important;
}

.u-border-radius-3 {
  border-radius: 20px !important;
}

.u-border-radius-4 {
  border-radius: 25px !important;
}

.u-border-radius-5 {
  border-radius: 50px !important;
}

.u-no-stroke {
  stroke: none !important;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-cell-width-10 {
  min-width: 10%;
  width: 10%;
}

.u-cell-width-16 {
  min-width: 16%;
  width: 16%;
}

.u-cell-width-20 {
  min-width: 20%;
  width: 20%;
}

.u-cell-width-25 {
  min-width: 25%;
  width: 25%;
}

.u-cell-width-30 {
  min-width: 30%;
  width: 30%;
}

.u-cell-width-32 {
  min-width: 32%;
  width: 32%;
}

.u-cell-width-33 {
  min-width: 33%;
  width: 33%;
}

.u-cell-width-36 {
  min-width: 36%;
  width: 36%;
}

.u-cell-width-40 {
  min-width: 40%;
  width: 40%;
}

.u-cell-width-48 {
  min-width: 48%;
  width: 48%;
}

.u-cell-width-50 {
  min-width: 50%;
  width: 50%;
}

.u-cell-width-52 {
  min-width: 52%;
  width: 52%;
}

.u-cell-width-60 {
  min-width: 60%;
  width: 60%;
}

.u-cell-width-64 {
  min-width: 64%;
  width: 64%;
}

.u-cell-width-66 {
  min-width: 66%;
  width: 66%;
}

.u-cell-width-68 {
  min-width: 68%;
  width: 68%;
}

.u-cell-width-70 {
  min-width: 70%;
  width: 70%;
}

.u-cell-width-75 {
  min-width: 75%;
  width: 75%;
}

.u-cell-width-80 {
  min-width: 80%;
  width: 80%;
}

.u-cell-width-84 {
  min-width: 84%;
  width: 84%;
}

.u-cell-width-90 {
  min-width: 90%;
  width: 90%;
}

.u-cell-width-100 {
  min-width: 100%;
  width: 100%;
}

@media screen and (min-width: 28.75em) {
  .hide-for-screen460 {
    display: none !important;
  }
}
.u-z-index--1 {
  z-index: 1;
}

.u-z-index--2 {
  z-index: 2;
}

.u-z-index--3 {
  z-index: 3;
}

.u-z-index--4 {
  z-index: 4;
}

.u-z-index--5 {
  z-index: 5;
}

.u-z-index--6 {
  z-index: 6;
}

.u-z-index--7 {
  z-index: 7;
}

.u-z-index--8 {
  z-index: 8;
}

.u-z-index--9 {
  z-index: 9;
}

.u-z-index--10 {
  z-index: 10;
}

.cursor-pointer {
  cursor: pointer;
}

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

.u-height-p100 {
  height: 100%;
}

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

.white-space-n {
  white-space: normal;
}

.u-flex {
  display: flex;
}

.u-justify-start {
  justify-content: start;
}

.u-justify-end {
  justify-content: end;
}

.u-justify-center {
  justify-content: center;
}

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

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

.u-align-content-center {
  align-content: center;
}

.u-align-content-start {
  align-content: start;
}

.u-justify-right-offset-tooltip {
  justify-content: right;
  padding-right: icon-size(2);
}

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

.align-right {
  justify-content: flex-end;
}

.u-grid {
  display: grid;
}

.u-grid-cols-2 {
  grid-template-columns: 1fr 1fr;
}

.u-box-shadow-none {
  box-shadow: none !important;
}

.u-rotate-45 {
  transform: rotate(45deg);
}

.chat-button.disabled {
  display: none;
}
.chat-button.enabled {
  position: fixed;
  bottom: 60px;
}
@media screen and (min-width: 768px) {
  .chat-button.enabled {
    right: 5px;
  }
}
@media screen and (min-width: 1600px) {
  .chat-button.enabled {
    right: 30px;
  }
}
.chat-button.enabled {
  background-color: white;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);
  color: #1d1d1d;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 10px;
  width: 40px;
  height: 40px;
  z-index: 15;
}
.chat-button.enabled:hover {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  border-color: #fcfcfc;
}
.chat-button.enabled:focus, .chat-button.enabled:active {
  box-shadow: 0px 2px 4px rgba(29, 29, 29, 0.3);
  color: #494e50;
  border-color: #fcfcfc;
}

.chat-button__icon {
  align-self: center;
  width: 30px;
  height: 30px;
}

.footer-chat-button {
  position: fixed;
  bottom: 0;
  right: 20px;
  width: 200px;
  padding: 10px;
  background-color: #001120;
  color: #ffffff;
  display: none;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.footer-chat-button .footer-chat-button__icon {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  margin-left: 5px;
}
.footer-chat-button:hover, .footer-chat-button:active, .footer-chat-button:focus {
  color: #ffffff;
}
@media (min-width: 1366px) {
  .footer-chat-button {
    right: calc(50px + 20px);
  }
}
.footer-chat-button.enabled {
  display: flex;
}

.channelme-chat-btn {
  cursor: pointer;
}
.card__contact--list--item .channelme-chat-btn {
  font-family: "Lato", Open Sans, Arial, serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .card__contact--list--item .channelme-chat-btn {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
@media (min-width: 1440px) {
  .card__contact--list--item .channelme-chat-btn {
    font-size: 1rem;
    line-height: 24px;
  }
}

#wwwchannelme {
  display: none;
}

#channelme-siteconnect-container[data-state-display=minimised] {
  bottom: 100px !important;
  right: 20px !important;
  width: 70px !important;
  opacity: 0 !important;
}
#channelme-siteconnect-container[data-state-display=minimised] > iframe {
  width: 200px !important;
  left: -135px !important;
  max-width: none !important;
  top: -5px !important;
}

.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg {
  fill: #00539e !important;
}

.apexcharts-pan-icon.apexcharts-selected svg {
  stroke: #00539e !important;
}

.apexcharts-toolbar {
  z-index: auto !important;
}

.absolute-wrapper {
  position: relative;
}
.absolute-wrapper h1:not(.tooltip),
.absolute-wrapper h2:not(.tooltip),
.absolute-wrapper h3:not(.tooltip),
.absolute-wrapper h4:not(.tooltip),
.absolute-wrapper h5:not(.tooltip),
.absolute-wrapper h6:not(.tooltip),
.absolute-wrapper span:not(.tooltip) {
  display: inline-block;
}

.fade-quick-enter:not(.fade-quick-enter-done) {
  opacity: 0;
}
.fade-quick-enter.fade-quick-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-in 200ms;
}

.fade-quick-exit {
  opacity: 1;
}
.fade-quick-exit.fade-quick-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-out;
}

.fade-quick-appear:not(.fade-quick-appear-done) {
  opacity: 0;
}
.fade-quick-appear.fade-quick-appear-active {
  opacity: 1;
  transition: opacity 200ms ease-in 200ms;
}

.fade-quick-overlap-enter:not(.fade-quick-overlap-enter-done) {
  position: absolute;
  left: 0;
  opacity: 0;
}
.fade-quick-overlap-enter.fade-quick-overlap-enter-active {
  opacity: 1;
  transition: opacity 200ms ease-in 200ms;
}
.fade-quick-overlap-enter.tabs-panel {
  width: 100%;
}
.fade-quick-overlap-enter.grid-x {
  right: 0;
}

.fade-quick-overlap-exit {
  opacity: 1;
}
.fade-quick-overlap-exit.h-100 {
  position: absolute;
  left: 0;
}
.fade-quick-overlap-exit.fade-quick-overlap-exit-active {
  opacity: 0;
  transition: opacity 200ms ease-out;
}
.fade-quick-overlap-exit.tabs-panel {
  width: 100%;
}
.fade-quick-overlap-exit.grid-x {
  right: 0;
}

.fade-quick-overlap-appear:not(.fade-quick-overlap-appear-done) {
  position: absolute;
  left: 0;
  opacity: 0;
}
.fade-quick-overlap-appear.fade-quick-overlap-appear-active {
  opacity: 1;
  transition: opacity 200ms ease-in 200ms;
}

.flex-child-grow {
  flex: 1 0 auto;
}

button.dashboard-module.mini-product-card {
  width: 100%;
}

button.dashboard-module.mini-product-card .mini-product-card__meta {
  text-align: left;
}

/*# sourceMappingURL=main.css.map*/