@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
/*
  Icon Font: fontcustom
*/

@font-face {
  font-family: "fontcustom";
  src: url(/themes/h/js/react/dist/d95c80933c7749a2fa32247352d1dbdb.eot);
  src: url(/themes/h/js/react/dist/d95c80933c7749a2fa32247352d1dbdb.eot?#iefix) format("embedded-opentype"),
       url(/themes/h/js/react/dist/4ee435f8a678ad2f1a56e9d520ac3e50.woff2) format("woff2"),
       url(/themes/h/js/react/dist/dac685a76efd2bd2bc40e1a123ed6186.woff) format("woff"),
       url(/themes/h/js/react/dist/fd741077a96d57a8289cdec7ca12f14f.ttf) format("truetype"),
       url(/themes/h/js/react/dist/c6c0aa7f7a002f9bfcac6e9a11dcbfad.svg#fontcustom) format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "fontcustom";
    src: url(/themes/h/js/react/dist/c6c0aa7f7a002f9bfcac6e9a11dcbfad.svg#fontcustom) format("svg");
  }
}

[data-icon]:before { content: attr(data-icon); }

[data-icon]:before,
.i-accountant:before,
.i-add-user:before,
.i-administrator:before,
.i-availability:before,
.i-bank:before,
.i-bell:before,
.i-bridge:before,
.i-broken:before,
.i-button-down:before,
.i-button-trash:before,
.i-calculator:before,
.i-call:before,
.i-cancelled:before,
.i-cart:before,
.i-cart-filled:before,
.i-checked:before,
.i-circle-add:before,
.i-circle-close:before,
.i-circle-info:before,
.i-clock:before,
.i-construction-site:before,
.i-contract:before,
.i-creditcard:before,
.i-cross:before,
.i-delivery:before,
.i-document:before,
.i-download:before,
.i-dryrate:before,
.i-edit:before,
.i-excel:before,
.i-exclamation:before,
.i-filter:before,
.i-foreman:before,
.i-formworktypes:before,
.i-gardenworks:before,
.i-house:before,
.i-houses:before,
.i-in-factory:before,
.i-invoice-status:before,
.i-like:before,
.i-linked:before,
.i-list:before,
.i-magnifier:before,
.i-map-point:before,
.i-mnav-arrow:before,
.i-overdue:before,
.i-overview:before,
.i-overview-filled:before,
.i-owner:before,
.i-paid:before,
.i-pending:before,
.i-phonesupport:before,
.i-pickup:before,
.i-pickup-2:before,
.i-pin:before,
.i-pin-filled:before,
.i-planner:before,
.i-preview:before,
.i-publicbuilding:before,
.i-questionmark:before,
.i-questionmark-filled:before,
.i-refresh:before,
.i-reload:before,
.i-schedule:before,
.i-select-arrow:before,
.i-selectric-add:before,
.i-selectric-cart:before,
.i-settings:before,
.i-sm-facebook:before,
.i-sm-gplus:before,
.i-sm-linkedin:before,
.i-sm-twitter:before,
.i-street:before,
.i-tower:before,
.i-tunnel:before,
.i-underconstruction:before,
.i-unlinked:before,
.i-usernav-certificates:before,
.i-usernav-favs:before,
.i-usernav-logout:before,
.i-usernav-profile:before,
.i-usernav-service:before,
.i-weather:before,
.i-yt-play:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.i-accountant:before { content: "\f1b0"; }
.i-add-user:before { content: "\f196"; }
.i-administrator:before { content: "\f1b1"; }
.i-availability:before { content: "\f164"; }
.i-bank:before { content: "\f1b6"; }
.i-bell:before { content: "\f166"; }
.i-bridge:before { content: "\f167"; }
.i-broken:before { content: "\f19b"; }
.i-button-down:before { content: "\f18c"; }
.i-button-trash:before { content: "\f18d"; }
.i-calculator:before { content: "\f168"; }
.i-call:before { content: "\f169"; }
.i-cancelled:before { content: "\f198"; }
.i-cart:before { content: "\f17e"; }
.i-cart-filled:before { content: "\f1a7"; }
.i-checked:before { content: "\f16a"; }
.i-circle-add:before { content: "\f183"; }
.i-circle-close:before { content: "\f184"; }
.i-circle-info:before { content: "\f185"; }
.i-clock:before { content: "\f197"; }
.i-construction-site:before { content: "\f181"; }
.i-contract:before { content: "\f1ad"; }
.i-creditcard:before { content: "\f1b7"; }
.i-cross:before { content: "\f1a2"; }
.i-delivery:before { content: "\f16b"; }
.i-document:before { content: "\f1af"; }
.i-download:before { content: "\f16d"; }
.i-dryrate:before { content: "\f16e"; }
.i-edit:before { content: "\f199"; }
.i-excel:before { content: "\f1b5"; }
.i-exclamation:before { content: "\f19e"; }
.i-filter:before { content: "\f1a1"; }
.i-foreman:before { content: "\f1b2"; }
.i-formworktypes:before { content: "\f16f"; }
.i-gardenworks:before { content: "\f170"; }
.i-house:before { content: "\f171"; }
.i-houses:before { content: "\f172"; }
.i-in-factory:before { content: "\f1b8"; }
.i-invoice-status:before { content: "\f1a3"; }
.i-like:before { content: "\f173"; }
.i-linked:before { content: "\f19c"; }
.i-list:before { content: "\f174"; }
.i-magnifier:before { content: "\f175"; }
.i-map-point:before { content: "\f186"; }
.i-mnav-arrow:before { content: "\f192"; }
.i-overdue:before { content: "\f1a4"; }
.i-overview:before { content: "\f1a8"; }
.i-overview-filled:before { content: "\f1a9"; }
.i-owner:before { content: "\f1b3"; }
.i-paid:before { content: "\f1a5"; }
.i-pending:before { content: "\f1a6"; }
.i-phonesupport:before { content: "\f176"; }
.i-pickup:before { content: "\f177"; }
.i-pickup-2:before { content: "\f182"; }
.i-pin:before { content: "\f1aa"; }
.i-pin-filled:before { content: "\f1ab"; }
.i-planner:before { content: "\f1b4"; }
.i-preview:before { content: "\f1ae"; }
.i-publicbuilding:before { content: "\f178"; }
.i-questionmark:before { content: "\f19a"; }
.i-questionmark-filled:before { content: "\f1ac"; }
.i-refresh:before { content: "\f1a0"; }
.i-reload:before { content: "\f19f"; }
.i-schedule:before { content: "\f179"; }
.i-select-arrow:before { content: "\f180"; }
.i-selectric-add:before { content: "\f189"; }
.i-selectric-cart:before { content: "\f18a"; }
.i-settings:before { content: "\f17a"; }
.i-sm-facebook:before { content: "\f18e"; }
.i-sm-gplus:before { content: "\f18f"; }
.i-sm-linkedin:before { content: "\f190"; }
.i-sm-twitter:before { content: "\f191"; }
.i-street:before { content: "\f17b"; }
.i-tower:before { content: "\f17c"; }
.i-tunnel:before { content: "\f163"; }
.i-underconstruction:before { content: "\f1b9"; }
.i-unlinked:before { content: "\f19d"; }
.i-usernav-certificates:before { content: "\f194"; }
.i-usernav-favs:before { content: "\f187"; }
.i-usernav-logout:before { content: "\f18b"; }
.i-usernav-profile:before { content: "\f188"; }
.i-usernav-service:before { content: "\f195"; }
.i-weather:before { content: "\f17d"; }
.i-yt-play:before { content: "\f193"; }

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
/*	background-color: #DFF0D8;*/
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	background-color: #F2DEDE;
}

.parsley-errors-list {
	margin: 2px 0 3px;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	line-height: 0.9em;
	opacity: 0;

	transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
	opacity: 1;
}

.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  color: #303030;
  position: relative;
  z-index: 2;
}

.date-picker-wrapper {
  position: absolute;
  z-index: 1;
  border: 1px solid #bfbfbf;
  background-color: #efefef;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial, sans-serif;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: initial;
          box-sizing: initial;
}

.dp-clearfix {
  clear: both;
  height: 0;
  font-size: 0;
}

.date-picker-wrapper.inline-wrapper {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: inline-block;
}

.date-picker-wrapper.single-date {
  width: auto;
}

.date-picker-wrapper.no-shortcuts {
  padding-bottom: 12px;
}

.date-picker-wrapper.no-topbar {
  padding-top: 12px;
}

.date-picker-wrapper .footer {
  font-size: 11px;
  padding-top: 3px;
}

.date-picker-wrapper b {
  color: #666;
  font-weight: 700;
}

.date-picker-wrapper a {
  color: #6bb4d6;
  text-decoration: underline;
}

.date-picker-wrapper .month-name {
  text-transform: uppercase;
}

.date-picker-wrapper .select-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.date-picker-wrapper .select-wrapper:hover {
  text-decoration: underline;
}

.date-picker-wrapper .month-element {
  display: inline-block;
  vertical-align: middle;
}

.date-picker-wrapper .select-wrapper select {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: -1px;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  outline: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 0.01;
}

.date-picker-wrapper .month-wrapper {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fff;
  padding: 5px;
  cursor: default;
  position: relative;
  _overflow: hidden;
}

.date-picker-wrapper .month-wrapper table {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table.month2 {
  width: 190px;
  float: left;
}

.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  margin: 0px;
  padding: 0px;
}

.date-picker-wrapper .month-wrapper table .day {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #ccc;
  cursor: default;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #999;
  cursor: default;
}

.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: #9cdbf7;
}

.date-picker-wrapper .month-wrapper table .week-name {
  height: 20px;
  line-height: 20px;
  text-transform: uppercase;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
  white-space: nowrap;
}

.date-picker-wrapper .time label {
  white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #cdecfa;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
  display: none;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #ffe684;
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: #70ccd5;
}

.date-picker-wrapper table .caption {
  height: 40px;
}

.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
  width: 27px;
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
  padding: 0 5px;
  cursor: pointer;
}

.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
  background-color: #ccc;
  color: white;
}

.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 100%;
  background-color: #1D4370;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
}

.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
}

.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid white;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid white;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid white;
}

.date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3;
}

.date-picker-wrapper .selected-days {
  display: none;
}

.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: #1D4370;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #333;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0px;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
  color: white;
  line-height: initial;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.date-picker-wrapper .time {
  position: relative;
}

.date-picker-wrapper.single-month .time {
  display: block;
}

.date-picker-wrapper .time input[type=range] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}

.date-picker-wrapper .time1 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

/*time styling*/
.time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

.date-picker-wrapper .time1 {
  float: left;
}

.date-picker-wrapper .time2 {
  float: right;
}

.date-picker-wrapper .hour {
  text-align: right;
}

.minute {
  text-align: right;
}

.date-picker-wrapper .hide {
  display: none;
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
  background-color: #49e !important;
  color: white !important;
}

.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: yellow;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}

.date-picker-wrapper .date-range-length-tip:after {
  content: '';
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid yellow;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}

.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}

.date-picker-wrapper .week-number.week-number-selected {
  color: #49e;
  font-weight: bold;
}

div#driver-popover-item{display:none;position:absolute;background:#fff;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px rgba(0,0,0,.4);z-index:1000000000}div#driver-popover-item .driver-popover-tip{border:5px solid #fff;content:"";position:absolute}div#driver-popover-item .driver-popover-tip.bottom{bottom:-10px;border-top-color:#fff;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}div#driver-popover-item .driver-popover-tip.left{left:-10px;top:10px;border-top-color:transparent;border-right-color:#fff;border-bottom-color:transparent;border-left-color:transparent}div#driver-popover-item .driver-popover-tip.right{right:-10px;top:10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:#fff}div#driver-popover-item .driver-popover-tip.top{top:-10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#fff;border-left-color:transparent}div#driver-popover-item .driver-popover-footer{display:block;clear:both;margin-top:5px}div#driver-popover-item .driver-popover-footer a{display:inline-block;padding:3px 10px;border:1px solid #d4d4d4;text-decoration:none;text-shadow:1px 1px 0 #fff;color:#2d2d2d;font:11px/normal sans-serif;cursor:pointer;outline:0;background-color:#f1f1f1;border-radius:2px;zoom:1;margin:10px 0 0}div#driver-popover-item .driver-popover-footer a.driver-disabled{color:gray;cursor:default;pointer-events:none}div#driver-popover-item .driver-popover-footer .driver-close-btn{float:left}div#driver-popover-item .driver-popover-footer .driver-btn-group{float:right}div#driver-popover-item .driver-popover-title{font:19px/normal sans-serif;margin:0 0 5px;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1}div#driver-popover-item .driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;color:#2d2d2d;font-weight:400;zoom:1}.sholo-no-animation{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}div#driver-page-overlay{background:#000;position:fixed;bottom:0;right:0;display:block;width:100%;height:100%;zoom:1;filter:alpha(opacity=75);opacity:.75;z-index:100002!important}div#driver-highlighted-element-stage,div#driver-page-overlay{top:0;left:0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}div#driver-highlighted-element-stage{position:absolute;height:50px;width:300px;background:#fff;z-index:100003!important;display:none}.driver-highlighted-element{z-index:100004!important;position:relative}

/* -- container -- */
.rodal,
.rodal-mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.rodal {
    position: fixed;
}

/* -- mask -- */
.rodal-mask {
    position: absolute;
    background: rgba(0, 0, 0, .3);
}

/* -- dialog -- */
.rodal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.rodal-dialog:focus {
    outline: none;
}

/* -- close button -- */
.rodal-close {
    position: absolute;
    cursor: pointer;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
}

.rodal-close:before,
.rodal-close:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #999;
    border-radius: 100%;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.rodal-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rodal-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rodal-close:hover:before,
.rodal-close:hover:after {
    background: #333;
}

/* -- fade -- */
@-webkit-keyframes rodal-fade-enter {
    from {
        opacity: 0;
    }
}

@keyframes rodal-fade-enter {
    from {
        opacity: 0;
    }
}

.rodal-fade-enter {
    -webkit-animation: rodal-fade-enter both ease-in;
    animation: rodal-fade-enter both ease-in;
}

@-webkit-keyframes rodal-fade-leave {
    to {
        opacity: 0
    }
}

@keyframes rodal-fade-leave {
    to {
        opacity: 0
    }
}

.rodal-fade-leave {
    -webkit-animation: rodal-fade-leave both ease-out;
    animation: rodal-fade-leave both ease-out;
}

/* -- zoom -- */
@-webkit-keyframes rodal-zoom-enter {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes rodal-zoom-enter {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.rodal-zoom-enter {
    -webkit-animation: rodal-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
    animation: rodal-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-zoom-leave {
    to {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes rodal-zoom-leave {
    to {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.rodal-zoom-leave {
    -webkit-animation: rodal-zoom-leave both;
    animation: rodal-zoom-leave both;
}

/* -- slideDown -- */
@-webkit-keyframes rodal-slideDown-enter {
    from {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

@keyframes rodal-slideDown-enter {
    from {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

.rodal-slideDown-enter {
    -webkit-animation: rodal-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
    animation: rodal-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-slideDown-leave {
    to {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

@keyframes rodal-slideDown-leave {
    to {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

.rodal-slideDown-leave {
    -webkit-animation: rodal-slideDown-leave both;
    animation: rodal-slideDown-leave both;
}

/* -- slideLeft -- */
@-webkit-keyframes rodal-slideLeft-enter {
    from {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0);
    }
}

@keyframes rodal-slideLeft-enter {
    from {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0);
    }
}

.rodal-slideLeft-enter {
    -webkit-animation: rodal-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
    animation: rodal-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-slideLeft-leave {
    to {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0);
    }
}

@keyframes rodal-slideLeft-leave {
    to {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0);
    }
}

.rodal-slideLeft-leave {
    -webkit-animation: rodal-slideLeft-leave both;
    animation: rodal-slideLeft-leave both;
}

/* -- slideRight -- */
@-webkit-keyframes rodal-slideRight-enter {
    from {
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0);
    }
}

@keyframes rodal-slideRight-enter {
    from {
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0);
    }
}

.rodal-slideRight-enter {
    -webkit-animation: rodal-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
    animation: rodal-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-slideRight-leave {
    to {
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0);
    }
}

@keyframes rodal-slideRight-leave {
    to {
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0);
    }
}

.rodal-slideRight-leave {
    -webkit-animation: rodal-slideRight-leave both;
    animation: rodal-slideRight-leave both;
}

/* -- slideUp -- */
@-webkit-keyframes rodal-slideUp-enter {
    from {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}

@keyframes rodal-slideUp-enter {
    from {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}

.rodal-slideUp-enter {
    -webkit-animation: rodal-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
    animation: rodal-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-slideUp-leave {
    to {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}

@keyframes rodal-slideUp-leave {
    to {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}

.rodal-slideUp-leave {
    -webkit-animation: rodal-slideUp-leave both;
    animation: rodal-slideUp-leave both;
}

/* -- flip -- */
@-webkit-keyframes rodal-flip-enter {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes rodal-flip-enter {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.rodal-flip-enter {
    -webkit-animation: rodal-flip-enter both ease-in;
    animation: rodal-flip-enter both ease-in;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes rodal-flip-leave {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
    }
}

@keyframes rodal-flip-leave {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
    }
}

.rodal-flip-leave {
    -webkit-animation: rodal-flip-leave both;
    animation: rodal-flip-leave both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

/* -- rotate -- */
@-webkit-keyframes rodal-rotate-enter {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(.3, .3, .3);
        transform: rotate3d(0, 0, 1, -180deg) scale3d(.3, .3, .3);
    }
}

@keyframes rodal-rotate-enter {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(.3, .3, .3);
        transform: rotate3d(0, 0, 1, -180deg) scale3d(.3, .3, .3);
    }
}

.rodal-rotate-enter {
    -webkit-animation: rodal-rotate-enter both;
    animation: rodal-rotate-enter both;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rodal-rotate-leave {
    to {
        -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(.3, .3, .3);
        transform: rotate3d(0, 0, 1, 180deg) scale3d(.3, .3, .3);
    }
}

@keyframes rodal-rotate-leave {
    to {
        -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(.3, .3, .3);
        transform: rotate3d(0, 0, 1, 180deg) scale3d(.3, .3, .3);
    }
}

.rodal-rotate-leave {
    -webkit-animation: rodal-rotate-leave both;
    animation: rodal-rotate-leave both;
    -webkit-transform-origin: center;
    transform-origin: center;
}

/* -- door -- */
@-webkit-keyframes rodal-door-enter {
    from {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
    }
}

@keyframes rodal-door-enter {
    from {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
    }
}

.rodal-door-enter {
    -webkit-animation: rodal-door-enter both cubic-bezier(0.4, 0, 0, 1.5);
    animation: rodal-door-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes rodal-door-leave {
    60% {
        -webkit-transform: scale3d(.01, 1, 1);
        transform: scale3d(.01, 1, 1);
    }
    to {
        -webkit-transform: scale3d(0, 1, .1);
        transform: scale3d(0, 1, .1);
    }
}

@keyframes rodal-door-leave {
    60% {
        -webkit-transform: scale3d(.01, 1, 1);
        transform: scale3d(.01, 1, 1);
    }
    to {
        -webkit-transform: scale3d(0, 1, .1);
        transform: scale3d(0, 1, .1);
    }
}

.rodal-door-leave {
    -webkit-animation: rodal-door-leave both;
    animation: rodal-door-leave both;
}
.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,-webkit-transform 0s .15s;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden}/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1.25em}}@media (min-height:33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}}@media (min-height:40.125em){.picker__frame{margin-bottom:7.5%}.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height:33.875em){.picker--opened .picker__frame{top:auto;bottom:0}}
.picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#000;cursor:pointer;background:#b1dcfb}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:400;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}
.ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet{
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon{
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 6em;
	width: 6em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  text-size-adjust: none;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
figure {
  margin: 0;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  margin: 0.67em 0;
}
dl {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
/*
* Button Reset
*/
/*
* Fonts
*/
/*
* columns
*/
/*
* icons
*/
/*
* gradients
*/
/*
custom
*/
.popup-modal-overlay {
  position: fixed;
  z-index: 9900;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.popup-modal-overlay .popup-modal-content {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 9991;
  max-width: 30em;
  background: #fff;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.5);
  padding: 1.2em 20px;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transform: translate(0, 0) scale(1.1);
}
@media print, (min-width: 48em) {
  .popup-modal-overlay .popup-modal-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 48em) {
  .popup-modal-overlay .popup-modal-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*======================================
  Selectric v1.11.1
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
  height: 1.875em;
}
.selectric-responsive {
  width: 100%;
}
.selectric {
  height: 100%;
}
.selectric .label {
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fff;
  color: #4A4A4A;
  line-height: 1.875;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 0.4em 0 0.4em;
  box-sizing: border-box;
  border: 1px solid #959595;
  border-radius: 2px;
  font-weight: 900;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0.8em;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  color: #4A4A4A;
  text-align: center;
  line-height: 1;
  font-size: 100%;
  text-indent: 9em;
  overflow: hidden;
}
.selectric .button:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f180";
}
.selectric .button > span {
  display: none;
}
.selectric .button:before {
  position: absolute;
  top: 0;
  left: -9em;
}
.selectric-hover .selectric {
  border-color: #000;
}
.selectric-hover .selectric .button {
  color: #000;
}
.selectric-open {
  z-index: 999;
}
.selectric-open .selectric {
  border-color: #dadada;
}
.selectric-open .selectric-items {
  pointer-events: all;
  display: block;
}
.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}
.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  font: 0/0 a !important;
  background: none !important;
}
.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}
/* Items box */
.selectric-items {
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #dadada;
  z-index: 9999;
  box-shadow: 0 0 10px -6px;
  display: none;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul,
.selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.selectric-items li {
  display: block;
  padding: 0.4em;
  color: #000;
  cursor: pointer;
  position: relative;
}
.selectric-items li.selected {
  background: #f6f6f6;
  color: #000;
  padding-right: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectric-items li.selected:not(.disabled):before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f16a";
}
.selectric-items li.selected:not(.disabled) > span {
  display: none;
}
.selectric-items li.selected:not(.disabled) > span {
  display: block;
}
.selectric-items li.selected:not(.disabled):before {
  position: absolute;
  right: 0.5em;
  top: 0.4em;
  font-size: 120%;
  color: #367C27;
}
.selectric-items li.highlighted {
  background: #d2d2d2;
  color: #000;
}
.selectric-items li:hover {
  background: #f6f6f6;
  color: #000;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 0.4em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 1em;
}
html,
body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: 'Holcim', sans-serif;
  line-height: 1.2;
  color: #000;
  width: 100%;
  height: 100%;
}
body {
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'kern';
  -webkit-font-feature-settings: 'kern';
  -moz-font-feature-settings: 'kern';
  -moz-font-feature-settings: 'kern=1';
  font-size-adjust: none;
  text-size-adjust: none;
  hyphens: auto;
}
body.modal-locked {
  overflow: hidden;
}
@media (max-width: 47.999em) {
  body.nav-open #scrollable-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 3.8125em;
  }
}
@media (min-width: 48em) {
  body.sub-flyout-open #scrollable-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 8.1875em;
  }
}
body.popup-open #scrollable-wrap,
body.support-open #scrollable-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 3.8125em;
}
@media (min-width: 48em) {
  body.popup-open #scrollable-wrap,
  body.support-open #scrollable-wrap {
    padding-top: 8.1875em;
  }
}
body .form-container {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media print, (min-width: 48em) {
  body .form-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
body .form-container:empty {
  padding: 20px 0 0 0;
  margin: 0;
}
body .form-container fieldset {
  margin: 0;
}
a,
a[href] {
  text-decoration: none;
}
a:link,
a[href]:link {
  color: #1D4370;
}
a:hover,
a[href]:hover,
a:focus,
a[href]:focus {
  outline: none;
  text-decoration: none;
}
*:focus {
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  color: #1D4370;
}
img {
  opacity: 1;
  transition: opacity 0.4s;
}
img[data-src] {
  opacity: 0;
}
.media {
  position: relative;
  padding: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.media iframe {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
svg {
  overflow: visible;
}
#main {
  min-height: calc(100vh -  3.8125em);
  overflow-x: hidden;
}
@media (min-width: 48em) {
  #main {
    min-height: calc(100vh);
  }
}
/*
loaded inline in Page.ss
#loader {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s linear;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff9;

	body.loading & {
		pointer-events: all;
		opacity: 1;
	}

	> div {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -15px;
		margin-left: -12px;
	}
}
*/
dl.virtual-order dt span,
dl.userdata dt span {
  font-size: 87.5%;
}
dl.virtual-order dd,
dl.userdata dd {
  margin-left: auto;
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 0.6em;
  padding-bottom: 0.6em;
}
dl.virtual-order dd a,
dl.userdata dd a,
dl.virtual-order dd p,
dl.userdata dd p {
  margin: 0;
  font-size: 110%;
}
dl.userdata.company dd {
  border-color: #fff;
}
@media print, (min-width: 48em) {
  dl.nested {
    width: 50%;
    float: left;
  }
}
.picker__holder .picker__frame {
  height: 28.125em;
  margin: auto;
  top: 15%;
  bottom: 0;
}
.auth0-lock-header-logo {
  margin: 0 !important;
  margin-top: 0.5em !important;
}
.auth0-lock-name {
  display: none !important;
}
img {
  opacity: 1;
  transition: opacity 0.4s 0.5s;
}
img[data-src],
img[data-src-postpone] {
  opacity: 0;
}
.link-button {
  border-color: transparent;
  border-radius: 0;
  background: #1D4370 !important;
  color: #fff !important;
  padding: 0.5em 1.5em;
}
.link-button[href]:hover,
.link-button[href]:focus {
  text-decoration: none;
}
.btn-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  line-height: 1;
}
.btn-reset:hover:not([disabled]) {
  text-shadow: none;
}
.btn-primary {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  border: none;
  background: none;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
  padding: 16px 24px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
.btn-primary:hover:not([disabled]) {
  text-shadow: none;
}
.btn-primary:before,
.btn-primary:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1D4370;
  z-index: -2;
  transition: all 0.3s ease;
  border-radius: 2px;
}
.btn-primary:after {
  background: linear-gradient(90.07deg, #1d4370 -3.44%, #04bbf1 204.76%);
  opacity: 0;
  z-index: -1;
}
.btn-primary span:before {
  margin-right: 8px;
}
.btn-primary:visited {
  color: #fff;
}
.btn-primary:link,
.btn-primary[href]:link {
  color: #fff;
}
.btn-primary:hover:not([disabled]):after {
  opacity: 1;
}
.btn-primary.ml-20 {
  margin-left: 20px;
}
.btn-primary.mr-20 {
  margin-right: 20px;
}
.btn-primary:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
}
.btn-primary:disabled:before,
.btn-primary:disabled:after {
  content: none;
  display: none;
}
.btn-frame {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  line-height: 1;
  border: solid 1px #1D4370;
  background: transparent;
  transition: all 0.3s ease;
  border-radius: 2px;
  color: #1D4370;
}
.btn-frame:hover:not([disabled]) {
  text-shadow: none;
}
.btn-frame:before,
.btn-frame:after {
  display: none;
}
.btn-frame:hover:not([disabled]) {
  background: #1D4370;
  color: #fff;
}
.btn-frame:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
  opacity: 1;
}
.btn-black {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  line-height: 1;
  padding: 10px 25px;
  border: solid 1px #1D4370;
  background: #1D4370;
  color: #fff;
  transition: all 0.3s ease;
  border-radius: 2px;
  min-height: 36px;
}
.btn-black:hover:not([disabled]) {
  text-shadow: none;
}
.btn-black:hover:not([disabled]) {
  background: #1D4370;
  border-color: #1D4370;
  color: #fff;
}
.cancel,
.save {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  line-height: 1;
  border: solid 1px #1D4370;
  background: transparent;
  transition: all 0.3s ease;
  border-radius: 2px;
  color: #1D4370;
}
.cancel:hover:not([disabled]),
.save:hover:not([disabled]) {
  text-shadow: none;
}
.cancel:before,
.save:before,
.cancel:after,
.save:after {
  display: none;
}
.cancel:hover:not([disabled]),
.save:hover:not([disabled]) {
  background: #1D4370;
  color: #fff;
}
.cancel:disabled,
.save:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
  opacity: 1;
}
.cancel {
  margin: 10px 0;
}
form,
.form {
  height: 100%;
  display: flex;
  margin: 0;
  flex-direction: column;
  justify-content: space-between;
}
form div.field,
.form div.field {
  margin: 1em 0 0 0;
}
form .row,
.form .row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-content: space-between;
}
form .col,
.form .col {
  padding-right: 10px;
}
form .col:last-child,
.form .col:last-child {
  padding-right: 0px;
}
form .col-half,
.form .col-half {
  width: 50%;
}
form .col-full,
.form .col-full {
  width: 100%;
}
form label,
.form label,
form legend,
.form legend {
  font-size: 100%;
  color: #000;
  margin: 0 0 0.5em;
  display: block;
}
form .required label:after,
.form .required label:after,
form .required legend:after,
.form .required legend:after {
  content: '*';
  width: 1em;
  height: 1em;
  padding-left: 0.3em;
}
form .field,
.form .field {
  position: relative;
}
form .field .tooltip-listener,
.form .field .tooltip-listener {
  position: absolute;
  right: 0;
  top: -0.5em;
}
form .field .tooltip-listener:before,
.form .field .tooltip-listener:before {
  text-align: right;
  padding: 0.1em 0 0 0.3em;
}
form .field.street,
.form .field.street {
  float: left;
  width: 80%;
}
form .field.street-nr,
.form .field.street-nr {
  box-sizing: border-box;
  padding-left: 0.5em;
  width: 20%;
}
form .field.zip,
.form .field.zip {
  float: left;
  width: 30%;
}
form .field.town,
.form .field.town {
  box-sizing: border-box;
  padding-left: 0.5em;
  width: 70%;
}
form .field.comment #constructionsite-comment,
.form .field.comment #constructionsite-comment {
  height: 10em;
}
.selectWrapper {
  position: relative;
}
.selectWrapper:after {
  content: '\f18c';
  display: inline-block;
  width: 14px;
  height: 14px;
  font-family: 'fontcustom';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(calc(-50% - 2px));
  pointer-events: none;
}
.selectWrapper select {
  padding-right: 40px;
}
select {
  text-transform: capitalize;
}
input,
textarea,
select,
.virtual-input {
  resize: vertical;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: normal;
  box-sizing: border-box;
  padding: 10px 15px;
  width: 100%;
  border-radius: 2px;
  border: solid 1px #A4A4A4;
  font-size: 100%;
  background: #fff;
  line-height: 1;
  transition: all 0.3s ease;
}
input.readonly,
textarea.readonly,
select.readonly,
.virtual-input.readonly {
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
input:invalid,
textarea:invalid,
select:invalid,
.virtual-input:invalid {
  outline: none;
  box-shadow: none;
  border-color: #1D4370;
}
input:focus,
textarea:focus,
select:focus,
.virtual-input:focus {
  outline: none;
  border-color: #626262;
}
input:disabled,
textarea:disabled,
select:disabled,
.virtual-input:disabled {
  color: #A4A4A4;
  background: #F8F8F8;
}
input.cancel,
textarea.cancel,
select.cancel,
.virtual-input.cancel {
  border: solid 1px #F5F5F5;
}
input:-webkit-input-placeholder,
textarea:-webkit-input-placeholder,
select:-webkit-input-placeholder,
.virtual-input:-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #626262;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
.virtual-input:-moz-placeholder {
  /* Firefox 19+ */
  color: #626262;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
.virtual-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #626262;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
.virtual-input:-moz-placeholder {
  /* Firefox 18- */
  color: #626262;
}
input::placeholder,
textarea::placeholder,
select::placeholder,
.virtual-input::placeholder {
  color: #626262;
}
.form-group {
  display: flex;
  flex-wrap: wrap;
}
.middleColumn {
  position: relative;
}
.middleColumn[data-unit-value] {
  padding-right: 7em;
  box-sizing: border-box;
}
.middleColumn[data-unit-value]:after {
  content: attr(data-unit-value);
  position: absolute;
  transform: translate(-7em);
  padding: 0.6em;
  left: 100%;
  top: 0;
  white-space: nowrap;
}
input[type='checkbox'],
input[type='radio'] {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0.3em 0.5em;
  padding-left: 2em;
  cursor: pointer;
}
input[type='checkbox'] + label:after,
input[type='radio'] + label:after,
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  font-size: 162.5%;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #4A4A4A;
  border-radius: 2px;
  margin-right: 0.4em;
}
input[type='checkbox'] + label:after,
input[type='radio'] + label:after {
  left: 0.1em;
  top: 0.1em;
  width: 0.8em;
  height: 0.8em;
}
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  background: transparent;
  border: none;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.2s ease;
  color: #367C27;
}
input[type='checkbox']:checked + label:before,
input[type='radio']:checked + label:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: '\f16a';
}
input[type='checkbox']:checked + label > span,
input[type='radio']:checked + label > span {
  display: none;
}
input[type='checkbox']:checked + label:before,
input[type='radio']:checked + label:before {
  opacity: 1;
  font-size: 150%;
  left: 0.2em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  input[type='checkbox']:checked + label:before,
  input[type='radio']:checked + label:before {
    font-size: 65%;
  }
}
input[type='checkbox']:focus + label:after,
input[type='radio']:focus + label:after {
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.4);
}
input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {
  opacity: 0.5;
}
input[type='radio'] + label {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0.3em 0.5em;
  padding-left: 2em;
  cursor: pointer;
}
input[type='radio'] + label:after,
input[type='radio'] + label:before {
  border-radius: 0.5em;
}
.optionset {
  list-style: none;
  padding: 0;
  clear: both;
  margin: 0;
  margin-bottom: 0.4em;
}
.optionset > li {
  padding: 0;
  margin: 0;
}
.optionset:before,
.optionset:after {
  content: " ";
  display: table;
  clear: both;
}
@media (min-width: 20em) {
  .optionset {
    margin-bottom: 0;
  }
}
.optionset li {
  margin-top: 0.3em;
}
@media (min-width: 20em) {
  .optionset:not(.full) > li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
  }
}
.add-user-popup {
  height: 100%;
  overflow: auto;
  padding: 10px;
}
.Actions {
  display: flex;
  flex-direction: column;
  margin-bottom: 2em;
  z-index: 0;
}
input[type='submit'],
input[type='reset'],
input[type='button'],
button.button,
a.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  line-height: 1;
  border: solid 1px #1D4370;
  background: transparent;
  transition: all 0.3s ease;
  border-radius: 2px;
  color: #1D4370;
}
input[type='submit']:hover:not([disabled]),
input[type='reset']:hover:not([disabled]),
input[type='button']:hover:not([disabled]),
button.button:hover:not([disabled]),
a.button:hover:not([disabled]) {
  text-shadow: none;
}
input[type='submit']:before,
input[type='reset']:before,
input[type='button']:before,
button.button:before,
a.button:before,
input[type='submit']:after,
input[type='reset']:after,
input[type='button']:after,
button.button:after,
a.button:after {
  display: none;
}
input[type='submit']:hover:not([disabled]),
input[type='reset']:hover:not([disabled]),
input[type='button']:hover:not([disabled]),
button.button:hover:not([disabled]),
a.button:hover:not([disabled]) {
  background: #1D4370;
  color: #fff;
}
input[type='submit']:disabled,
input[type='reset']:disabled,
input[type='button']:disabled,
button.button:disabled,
a.button:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
  opacity: 1;
}
@media (min-width: 30em) {
  input[type='submit'],
  input[type='reset'],
  input[type='button'],
  button.button,
  a.button {
    width: auto;
  }
}
input[type='submit'].icon:before,
input[type='reset'].icon:before,
input[type='button'].icon:before,
button.button.icon:before,
a.button.icon:before {
  margin-right: 0.4em;
}
input[type='submit'].icon.arrow-down:before,
input[type='reset'].icon.arrow-down:before,
input[type='button'].icon.arrow-down:before,
button.button.icon.arrow-down:before,
a.button.icon.arrow-down:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: '\f18c';
}
input[type='submit'].icon.arrow-down > span,
input[type='reset'].icon.arrow-down > span,
input[type='button'].icon.arrow-down > span,
button.button.icon.arrow-down > span,
a.button.icon.arrow-down > span {
  display: none;
}
input[type='submit'].icon.delete:before,
input[type='reset'].icon.delete:before,
input[type='button'].icon.delete:before,
button.button.icon.delete:before,
a.button.icon.delete:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: '\f18d';
}
input[type='submit'].icon.delete > span,
input[type='reset'].icon.delete > span,
input[type='button'].icon.delete > span,
button.button.icon.delete > span,
a.button.icon.delete > span {
  display: none;
}
input[type='submit'].icon.cart:before,
input[type='reset'].icon.cart:before,
input[type='button'].icon.cart:before,
button.button.icon.cart:before,
a.button.icon.cart:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: '\f18a';
}
input[type='submit'].icon.cart > span,
input[type='reset'].icon.cart > span,
input[type='button'].icon.cart > span,
button.button.icon.cart > span,
a.button.icon.cart > span {
  display: none;
}
input[type='submit']:focus,
input[type='reset']:focus,
input[type='button']:focus,
button.button:focus,
a.button:focus {
  outline: none;
}
input[type='submit'].beware,
input[type='reset'].beware,
input[type='button'].beware,
button.button.beware,
a.button.beware {
  color: #1D4370;
  border-color: #1D4370;
}
input[type='submit'],
button.button.submit,
.button.primary,
.button,
.primary,
a.btn-primary:visited,
a.btn-primary[href]:visited {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  border: none;
  background: none;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
  padding: 16px 24px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  background: #1D4370;
}
input[type='submit']:hover:not([disabled]),
button.button.submit:hover:not([disabled]),
.button.primary:hover:not([disabled]),
.button:hover:not([disabled]),
.primary:hover:not([disabled]),
a.btn-primary:visited:hover:not([disabled]),
a.btn-primary[href]:visited:hover:not([disabled]) {
  text-shadow: none;
}
input[type='submit']:before,
button.button.submit:before,
.button.primary:before,
.button:before,
.primary:before,
a.btn-primary:visited:before,
a.btn-primary[href]:visited:before,
input[type='submit']:after,
button.button.submit:after,
.button.primary:after,
.button:after,
.primary:after,
a.btn-primary:visited:after,
a.btn-primary[href]:visited:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1D4370;
  z-index: -2;
  transition: all 0.3s ease;
  border-radius: 2px;
}
input[type='submit']:after,
button.button.submit:after,
.button.primary:after,
.button:after,
.primary:after,
a.btn-primary:visited:after,
a.btn-primary[href]:visited:after {
  background: linear-gradient(90.07deg, #1d4370 -3.44%, #04bbf1 204.76%);
  opacity: 0;
  z-index: -1;
}
input[type='submit'] span:before,
button.button.submit span:before,
.button.primary span:before,
.button span:before,
.primary span:before,
a.btn-primary:visited span:before,
a.btn-primary[href]:visited span:before {
  margin-right: 8px;
}
input[type='submit']:visited,
button.button.submit:visited,
.button.primary:visited,
.button:visited,
.primary:visited,
a.btn-primary:visited:visited,
a.btn-primary[href]:visited:visited {
  color: #fff;
}
input[type='submit']:link,
button.button.submit:link,
.button.primary:link,
.button:link,
.primary:link,
a.btn-primary:visited:link,
a.btn-primary[href]:visited:link,
input[type='submit'][href]:link,
button.button.submit[href]:link,
.button.primary[href]:link,
.button[href]:link,
.primary[href]:link,
a.btn-primary:visited[href]:link,
a.btn-primary[href]:visited[href]:link {
  color: #fff;
}
input[type='submit']:hover:not([disabled]):after,
button.button.submit:hover:not([disabled]):after,
.button.primary:hover:not([disabled]):after,
.button:hover:not([disabled]):after,
.primary:hover:not([disabled]):after,
a.btn-primary:visited:hover:not([disabled]):after,
a.btn-primary[href]:visited:hover:not([disabled]):after {
  opacity: 1;
}
input[type='submit'].ml-20,
button.button.submit.ml-20,
.button.primary.ml-20,
.button.ml-20,
.primary.ml-20,
a.btn-primary:visited.ml-20,
a.btn-primary[href]:visited.ml-20 {
  margin-left: 20px;
}
input[type='submit'].mr-20,
button.button.submit.mr-20,
.button.primary.mr-20,
.button.mr-20,
.primary.mr-20,
a.btn-primary:visited.mr-20,
a.btn-primary[href]:visited.mr-20 {
  margin-right: 20px;
}
input[type='submit']:disabled,
button.button.submit:disabled,
.button.primary:disabled,
.button:disabled,
.primary:disabled,
a.btn-primary:visited:disabled,
a.btn-primary[href]:visited:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
}
input[type='submit']:disabled:before,
button.button.submit:disabled:before,
.button.primary:disabled:before,
.button:disabled:before,
.primary:disabled:before,
a.btn-primary:visited:disabled:before,
a.btn-primary[href]:visited:disabled:before,
input[type='submit']:disabled:after,
button.button.submit:disabled:after,
.button.primary:disabled:after,
.button:disabled:after,
.primary:disabled:after,
a.btn-primary:visited:disabled:after,
a.btn-primary[href]:visited:disabled:after {
  content: none;
  display: none;
}
.parsley-errors-list {
  color: #1D4370;
  padding: 0.2em 0 0;
  pointer-events: none;
  font-size: 87.5%;
}
button.frame {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  line-height: 1;
  border: solid 1px #1D4370;
  background: transparent;
  transition: all 0.3s ease;
  border-radius: 2px;
  color: #1D4370;
}
button.frame:hover:not([disabled]) {
  text-shadow: none;
}
button.frame:before,
button.frame:after {
  display: none;
}
button.frame:hover:not([disabled]) {
  background: #1D4370;
  color: #fff;
}
button.frame:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
  opacity: 1;
}
.new-user-modal .rodal-dialog {
  top: 15%;
  bottom: auto;
  width: 50%;
}
@media only screen and (max-width: 812px) {
  .new-user-modal .rodal-dialog {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow-y: auto;
    padding: 0;
  }
}
.autocomplete-suggestions {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #4A4A4A;
  box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.4);
  border-top: 0;
  border-radius: 2px;
  margin-top: -3px;
  margin-right: 0.4em;
  overflow: auto;
  cursor: pointer;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.autocomplete-suggestion {
  padding: 0.2em 0.4em;
}
.autocomplete-selected {
  background-color: #e3e3e3;
}
.popup {
  position: absolute;
  z-index: 9900;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup:before {
  content: "";
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.popup.open:before {
  opacity: 1;
}
.popup .popup-close-button {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 9;
  top: -4em;
  right: 1em;
  font-size: 200%;
  transition: top 0.2s linear;
}
.popup .popup-close-button:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f184";
}
.popup .popup-close-button > span {
  display: none;
}
.open.popup .popup-close-button {
  top: 1em;
}
.popup > .inner {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 9;
  max-width: 30em;
  background: #fff;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.5);
  padding: 1.2em 20px;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transform: translate(0, 0) scale(1.1);
  opacity: 0;
}
@media print, (min-width: 48em) {
  .popup > .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 48em) {
  .popup > .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.open.popup > .inner {
  transform: translate(0, 0) scale(1);
  opacity: 1;
}
.leaving.popup > .inner {
  transform: translate(0, 0) scale(0.9);
  opacity: 0;
}
.popup > .inner input#popup-refresh-map-button {
  border: solid 1px #1D4370;
  color: #1D4370;
}
.popup > .inner input#popup-refresh-map-button:disabled {
  visibility: hidden;
}
.popup .popup-title {
  font-size: 150%;
  margin: 0 0 1em;
}
@media print, (min-width: 48em) {
  .popup .popup-title {
    font-size: 225%;
  }
}
.popup .map {
  height: 300px;
}
.popup .map .inner {
  height: 100%;
}
.popup .map .inner #popup-google-map {
  height: 100%;
}
.popup:not(.create) .popup-title.create {
  display: none;
}
.popup.create .popup-title.edit {
  display: none;
}
.tooltip-listener {
  position: relative;
  width: 2em;
  height: 2em;
}
.tooltip-listener:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f185";
}
.tooltip-listener > span {
  display: none;
}
.tooltip-listener:before {
  text-align: right;
  font-size: 160%;
  color: #003E80;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tooltip-listener:before {
    font-size: 60%;
  }
}
.tooltip {
  position: absolute;
  z-index: 9910;
  left: -50%;
  min-width: 8em;
  max-width: 20em;
  background-color: #fff;
  padding: 0.4em 0.6em;
  line-height: 1.2;
  drop-shadow: 0 0 1ex #0003;
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
  text-align: left;
  display: none;
  font-size: 87.5%;
  color: #4A4A4A;
  margin-top: 1em;
  margin-bottom: 0;
}
.tooltip > *:last-child {
  margin-bottom: 0;
}
.tooltip > *:first-child {
  margin-top: 0;
}
.tooltip a {
  color: #fff;
}
.has-contact {
  margin-bottom: -1.5em;
}
.has-contact .button {
  display: block;
  float: left;
  margin-top: 0.5em;
  padding: 0.5em;
}
.trigger-clickable {
  position: relative;
  box-sizing: border-box;
  padding: 20px 0px;
}
.trigger-clickable .tooltip {
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
  bottom: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  opacity: 0;
  transition: all 0.3s ease;
  background: #fff;
  color: #000;
  padding: 10px;
  box-sizing: border-box;
  pointer-events: none;
  width: 250px;
  text-align: center;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
  border-radius: 10px;
}
.trigger-clickable .tooltip:before {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  bottom: 16px;
  z-index: 10;
  width: 10px;
  height: 10px;
  transition: all 0.5s ease;
  background: transparent;
  transform: translateX(-50%) rotate(45deg) translateY(0);
}
.trigger-clickable .tooltip a {
  color: #1D4370;
}
.trigger-clickable:hover .tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.trigger-clickable:hover .tooltip:before {
  background: #fff;
  bottom: -5px;
}
.tab-wrapper {
  position: relative;
  background: #fff;
  width: 100%;
  overflow: hidden;
}
.tab-wrapper .filter {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  line-height: 1;
  border: solid 1px #1D4370;
  background: transparent;
  transition: all 0.3s ease;
  border-radius: 2px;
  color: #1D4370;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  border-color: #F5F5F5;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.tab-wrapper .filter:hover:not([disabled]) {
  text-shadow: none;
}
.tab-wrapper .filter:before,
.tab-wrapper .filter:after {
  display: none;
}
.tab-wrapper .filter:hover:not([disabled]) {
  background: #1D4370;
  color: #fff;
}
.tab-wrapper .filter:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
  opacity: 1;
}
@media (min-width: 62.5em) {
  .tab-wrapper .filter {
    width: 69px;
    height: 69px;
  }
}
.tab-wrapper .filter .i-filter {
  font-size: 16px;
}
@media (min-width: 62.5em) {
  .tab-wrapper .filter .i-filter {
    font-size: 22px;
  }
}
.tab-wrapper .filter.open {
  background: #1D4370;
  border-color: #1D4370;
  color: #fff;
}
.tab-wrapper .filter.open:hover {
  border-color: #000;
  clear: both;
  overflow: hidden;
}
.tab-wrapper .tab-list .tab {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.tab-wrapper .tab-list .tab.nested {
  border-left: solid 1px #F5F5F5;
  border-right: solid 1px #F5F5F5;
  background: #fff;
  justify-content: space-between;
  display: flex;
  text-align: center;
  justify-content: flex-start;
  overflow: visible;
}
.tab-wrapper .tab-list .tab.nested li {
  padding: 10px 30px;
  border: none;
  background: transparent;
  border-right: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border: solid 1px #F5F5F5;
  border-bottom: none;
  position: relative;
}
.tab-wrapper .tab-list .tab.nested li:first-of-type {
  margin: 0 10px;
}
.tab-wrapper .tab-list .tab.nested li:last-of-type:not(:only-of-type) {
  border-top-right-radius: 20px;
}
.tab-wrapper .tab-list .tab.nested li:first-of-type:not(:only-of-type) {
  border-top-left-radius: 20px;
  border-left: solid 1px #F5F5F5;
}
.tab-wrapper .tab-list .tab.nested li.active {
  color: #1D4370;
  background: #fff;
  position: relative;
}
.tab-wrapper .tab-list .tab.nested li.active:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 200;
}
.tab-wrapper .tab-list .tab.nested li.active:hover {
  color: #1D4370;
  background: #fff;
}
@media (min-width: 62.5em) {
  .tab-wrapper .tab-list .tab.nested li {
    padding: 10px 80px;
    font-size: 18px;
  }
  .tab-wrapper .tab-list .tab.nested li:last-of-type:not(:only-of-type) {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .tab-wrapper .tab-list .tab.nested li:first-of-type:not(:only-of-type) {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
@media (min-width: 62.5em) {
  .tab-wrapper .tab-list .tab.nested li:hover {
    background: #fff;
    color: #1D4370;
  }
}
.tab-wrapper .tab-list .tab li {
  display: inline-block;
  color: #4A4A4A;
  font-size: 12px;
  box-sizing: border-box;
  padding: 10px;
  border-left: solid 1px #F5F5F5;
  border-top: solid 1px #F5F5F5;
  border-bottom: solid 1px #F5F5F5;
  cursor: pointer;
  transition: all 0.3s linear;
}
.tab-wrapper .tab-list .tab li:last-of-type:not(:only-of-type) {
  border-top-right-radius: 3px;
}
.tab-wrapper .tab-list .tab li:first-of-type:not(:only-of-type) {
  border-top-left-radius: 3px;
  border-left: solid 1px #F5F5F5;
}
.tab-wrapper .tab-list .tab li:last-of-type:not(:only-of-type) {
  border-top-right-radius: 3px;
  border-right: solid 1px #F5F5F5;
}
@media (min-width: 62.5em) {
  .tab-wrapper .tab-list .tab li {
    padding: 20px 30px;
    font-size: 24px;
  }
  .tab-wrapper .tab-list .tab li:last-of-type:not(:only-of-type) {
    border-top-right-radius: 5px;
  }
  .tab-wrapper .tab-list .tab li:first-of-type:not(:only-of-type) {
    border-top-left-radius: 5px;
    border-left: solid 1px #F5F5F5;
  }
}
.tab-wrapper .tab-list .tab li.active {
  background: #1D4370;
  color: #fff;
}
@media (min-width: 62.5em) {
  .tab-wrapper .tab-list .tab li:hover {
    background: #1D4370;
    color: #fff;
  }
}
.tab-wrapper .tab-list .tab li.active {
  cursor: default;
}
.panel-content {
  position: relative;
}
.panel-content .label-time-range,
.panel-content .pre-label {
  position: absolute;
  color: #626262;
  color: #999;
  top: -55px;
  right: 0;
  font-size: 14px;
}
@media (max-width: 62.5em) {
  .panel-content .label-time-range,
  .panel-content .pre-label {
    position: static;
    transform: none;
    margin: 10px 0;
  }
}
.panel-content .makeSpace {
  box-sizing: border-box;
  padding: 10px;
  border: solid 1px #F5F5F5;
  min-height: 52px;
}
@media (min-width: 62.5em) {
  .panel-content .makeSpace {
    padding: 25px 20px;
    min-height: 72px;
  }
}
.list-table {
  display: block;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: solid 1px #F5F5F5;
  overflow: hidden;
  box-sizing: border-box;
}
.list-table li {
  display: block;
  width: 100%;
  padding: 0;
  border-bottom: solid 1px #000;
}
.list-table li.group-start {
  border-top: 1px solid #F5F5F5;
}
.list-table li.clickable,
.list-table li.list-table-row-clickable {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.list-table li.clickable:hover,
.list-table li.list-table-row-clickable:hover {
  background: #dcdcdc;
}
.list-table li.clickable:hover:after,
.list-table li.list-table-row-clickable:hover:after {
  color: #1D4370;
}
@media (min-width: 62.5em) {
  .list-table li {
    display: flex;
    float: left;
    border-bottom: none;
  }
}
.list-table li:nth-child(even) {
  background-color: #f7f7f7;
}
.list-table li:nth-child(even) div {
  border-bottom: solid 1px #fff;
}
@media (min-width: 62.5em) {
  .list-table li:nth-child(even) div {
    border-bottom: none;
  }
}
.list-table li.header {
  display: none;
  font-weight: bold;
  border-bottom: solid 1px #F5F5F5;
  cursor: pointer;
}
@media (min-width: 62.5em) {
  .list-table li.header {
    display: flex;
  }
}
.list-table li.header div {
  position: relative;
  box-sizing: border-box;
}
.list-table li.header div .filterArrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  display: inline-block;
  width: 10px;
  height: 2px;
  vertical-align: middle;
  margin-left: 5px;
}
.list-table li.header div .filterArrow:before,
.list-table li.header div .filterArrow:after {
  content: '';
  display: inline-block;
  height: 2px;
  width: 5px;
  position: absolute;
  top: 0;
  transition: all 0.3s ease;
}
.list-table li.header div .filterArrow:before {
  background: #000;
  left: 0;
}
.list-table li.header div .filterArrow:after {
  background: #000;
  right: 0;
}
.list-table li.header div .filterArrow.i-sort-desc:before {
  transform: rotate(-45deg);
  width: 6px;
}
.list-table li.header div .filterArrow.i-sort-desc:after {
  transform: rotate(46deg);
  width: 7px;
}
.list-table li.header div .filterArrow.i-sort-asc:before {
  transform: rotate(45deg);
  width: 6px;
}
.list-table li.header div .filterArrow.i-sort-asc:after {
  transform: rotate(-45deg);
  width: 7px;
}
.list-table li div {
  flex: 1;
  box-sizing: border-box;
  padding: 10px;
  margin: auto;
  overflow: hidden;
  text-align: right;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #F5F5F5;
  font-size: 14px;
}
.list-table li div:before {
  content: attr(data-text);
  display: inline-block;
  width: 50%;
  text-align: left;
  font-size: 12px;
  margin: auto 0;
}
@media (min-width: 62.5em) {
  .list-table li div {
    text-align: inherit;
    display: block;
    border: none;
  }
  .list-table li div:before {
    content: none;
    display: none;
  }
}
.list-table li div.limit {
  max-width: 50px;
}
@media (max-width: 62.5em) {
  .list-table li div.limit {
    max-width: 100%;
  }
}
.list-table li div .limit-1 {
  max-width: 35px;
}
.list-table li div.priority-1 {
  flex: 3;
}
.list-table li div.priority-2 {
  flex: 2;
}
.list-table li div.priority-3 {
  flex: 1;
}
.list-table li div.text-align-right {
  text-align: right;
}
@media (min-width: 62.5em) {
  .list-table li div.text-align-right {
    text-align: right;
  }
}
.list-table li div.text-align-left {
  text-align: right;
}
@media (min-width: 62.5em) {
  .list-table li div.text-align-left {
    text-align: left;
  }
}
.list-table li div.text-align-center {
  text-align: right;
}
@media (min-width: 62.5em) {
  .list-table li div.text-align-center {
    text-align: center;
  }
}
.list-table li div i.i-download {
  cursor: pointer;
  color: #000;
  font-size: 24px;
}
@media (min-width: 62.5em) {
  .list-table li div i.i-download:hover {
    transform: scale(1);
  }
}
.list-table li div i.i-down,
.list-table li div i.i-overdue,
.list-table li div i.i-paid,
.list-table li div i.i-pending {
  font-size: 24px;
  transform: scale(0.9);
  transition: all 0.3s ease;
  display: inline-block;
  width: 50%;
  text-align: right;
  padding: 0 10px 0 0;
  line-height: 1;
}
@media (min-width: 62.5em) {
  .list-table li div i.i-down,
  .list-table li div i.i-overdue,
  .list-table li div i.i-paid,
  .list-table li div i.i-pending {
    text-align: center;
    padding: 0;
    width: 100%;
    font-size: 16px;
  }
}
.list-table li div i.i-overdue {
  color: #1D4370;
}
.list-table li div i.i-paid {
  color: #367C27;
}
.list-table li div i.i-pending {
  color: #F5A623;
}
.filter-toolbar {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  border: solid 1px #F5F5F5;
  border-bottom: none;
  border-top: none;
  transition: all 0.3s ease;
  max-height: 0;
  opacity: 0;
  position: relative;
  box-sizing: border-box;
  z-index: 10;
}
@media (min-width: 62.5em) {
  .filter-toolbar {
    display: flex;
  }
}
.filter-toolbar:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #F5F5F5;
}
.filter-toolbar.show {
  opacity: 1;
  max-height: 9999px;
}
@media (min-width: 62.5em) {
  .filter-toolbar.show {
    max-height: 86px;
  }
}
.filter-toolbar.hide {
  pointer-events: none;
}
.filter-toolbar .fieldset {
  box-sizing: border-box;
  padding: 0 5px 10px;
  flex: 1;
}
.filter-toolbar .fieldset div {
  border-radius: 2px;
}
.filter-toolbar .fieldset:first-child:not(:only-of-type) {
  padding-left: 10px;
}
.filter-toolbar .fieldset:last-child:not(:only-of-type) {
  padding-right: 10px;
}
.filter-toolbar .fieldset label {
  display: inline-block;
  margin: 10px 0;
  font-size: 12px;
}
#header {
  position: relative;
  z-index: 999;
  height: 3.8125em;
  display: none;
}
@media print, (min-width: 48em) {
  #header {
    height: 8.1875em;
  }
}
@media print {
  #header {
    display: none;
  }
}
#header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#header ul > li {
  padding: 0;
  margin: 0;
}
#header svg {
  fill: #4A4A4A;
}
#header-fixer {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3.8125em;
}
@media print, (min-width: 48em) {
  #header-fixer {
    height: 8.1875em;
  }
}
@media (max-width: 47.999em) {
  body.nav-open #header-fixer {
    position: static;
  }
}
@media (min-width: 48em) {
  body.sub-flyout-open #header-fixer,
  body.support-open #header-fixer {
    position: static;
  }
}
#invitation-notice {
  background: #1D4370;
  display: block;
  height: 0;
  line-height: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: all 1s ease;
}
#invitation-notice p {
  color: white;
  font-weight: 400;
  margin: 0;
  text-align: center;
}
#invitation-notice p a {
  color: white;
  text-decoration: underline;
}
#invitation-notice.show {
  display: block;
  height: 3.125em;
  line-height: 3.125em;
}
#mobile-nav-toggle {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  float: right;
  height: 3.75em;
  width: 3.75em;
  display: block;
  position: relative;
  z-index: 99;
}
#mobile-nav-toggle:focus {
  outline: none;
}
@media print, (min-width: 48em) {
  #mobile-nav-toggle {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #mobile-nav-toggle svg {
    position: absolute;
    margin-top: -2em;
  }
}
#mobile-nav-toggle span {
  display: none;
}
#mobile-nav-toggle g.cross {
  opacity: 0;
}
#mobile-nav-toggle g {
  transition: opacity 0.4s ease;
}
@media (max-width: 47.999em) {
  body.nav-open #mobile-nav-toggle g.cross {
    opacity: 1;
  }
  body.nav-open #mobile-nav-toggle g.ham {
    opacity: 0;
  }
}
#construction-site-nav {
  float: right;
  height: 3.5em;
  width: 3.5em;
  display: block;
  position: relative;
  z-index: 88;
  cursor: pointer;
  padding-bottom: 0.22em;
}
#construction-site-nav:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f17e";
}
#construction-site-nav > span {
  display: none;
}
#construction-site-nav:hover {
  outline: none;
}
#construction-site-nav:hover:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #1D4370;
}
@media print, (min-width: 48em) {
  #construction-site-nav {
    height: 100%;
    padding-bottom: 0;
  }
}
#construction-site-nav:before {
  text-align: center;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 100%;
  color: #4A4A4A;
  font-size: 200%;
}
#construction-site-nav:before:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f17e";
}
#construction-site-nav:before > span {
  display: none;
}
@media print, (min-width: 48em) {
  #construction-site-nav:before {
    font-size: 400%;
    top: 0.27em;
    font-size: 200%;
    top: 1em;
    left: -0.06em;
  }
}
@media print and screen and (-ms-high-contrast: active), (min-width: 48em) and screen and (-ms-high-contrast: active), print and (-ms-high-contrast: none), (min-width: 48em) and (-ms-high-contrast: none) {
  #construction-site-nav:before {
    font-size: 30%;
    height: auto;
    top: 0.25em;
    left: -0.1em;
  }
}
#construction-site-nav .site-name {
  position: absolute;
  bottom: 2px;
  font-size: 60%;
  left: 0;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
#construction-site-nav .orders-indicator[data-orders-count="0"] {
  transform: scale(0, 0);
  opacity: 0;
}
#construction-site-nav .orders-indicator:before {
  content: attr(data-orders-count);
  transform: scale(1, 1);
  opacity: 1;
  transition: all 0.4s linear;
  position: absolute;
  left: 2.4em;
  top: 1.8em;
  width: 1.3125em;
  height: 1.3125em;
  margin-top: -0.65625em;
  background: #1D4370;
  color: #fff;
  text-align: center;
  line-height: 1.3125em;
  border-radius: 50%;
  font-weight: 700;
  font-size: 80%;
}
@media print, (min-width: 48em) {
  #construction-site-nav .orders-indicator:before {
    top: 47%;
    font-size: 100%;
    margin-left: -0.5em;
  }
}
#construction-site-nav .orders-indicator.changed {
  opacity: 0;
}
#construction-site-nav .orders-indicator.changed:before {
  font-size: 120%;
}
#construction-site-nav .selectric-wrapper {
  height: 100%;
}
#construction-site-nav .selectric span,
#construction-site-nav .selectric .button {
  display: none;
}
#construction-site-nav .selectric-items {
  left: auto;
  right: 0;
  min-width: 14em;
}
#construction-site-nav .selectric-items li {
  height: 2.5em;
  line-height: 2.5;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding: 0 2em 0 0.6em;
}
#construction-site-nav .selectric-items li.selected {
  font-weight: 700;
}
#construction-site-nav .selectric-items li.selected:before {
  content: none;
}
#construction-site-nav .selectric-items li.selected .icon.cart:after {
  background: #1D4370;
}
#construction-site-nav .selectric-items li .icon {
  position: absolute;
  right: 0.7em;
  top: 0;
}
#construction-site-nav .selectric-items li .icon:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f189";
}
#construction-site-nav .selectric-items li .icon > span {
  display: none;
}
#construction-site-nav .selectric-items li .icon:before {
  font-size: 140%;
  line-height: 1.8;
}
#construction-site-nav .selectric-items li .icon.cart:before {
  content: "\f18a";
}
#construction-site-nav .selectric-items li .icon.cart:after {
  transition: font-size 0.4s ease;
  content: attr(data-order-count);
  position: absolute;
  right: -0.65em;
  width: 1.3125em;
  height: 1.3125em;
  top: 0.175em;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 1.3125em;
  border-radius: 50%;
  font-weight: 700;
  font-size: 80%;
}
#button-cart,
#button-cart-simulator {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  float: right;
  height: 3.75em;
  width: 3.75em;
  display: block;
  position: relative;
  z-index: 99;
  opacity: 1;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
@media print, (min-width: 48em) {
  #button-cart,
  #button-cart-simulator {
    height: 100%;
  }
}
#button-cart:before,
#button-cart-simulator:before,
#button-cart:after,
#button-cart-simulator:after {
  position: absolute;
  left: 2.6em;
  width: 1.3125em;
  height: 1.3125em;
  top: 34%;
  margin-top: -0.65625em;
  background: #1D4370;
  color: #fff;
  text-align: center;
  line-height: 1.3125em;
  border-radius: 50%;
  font-weight: 700;
  font-size: 80%;
}
@media print, (min-width: 48em) {
  #button-cart:before,
  #button-cart-simulator:before,
  #button-cart:after,
  #button-cart-simulator:after {
    top: 42%;
    font-size: 100%;
    margin-left: -0.5em;
  }
}
#button-cart:before,
#button-cart-simulator:before {
  content: attr(data-cart-count);
}
#button-cart:after,
#button-cart-simulator:after {
  content: attr(data-orderitem-count);
  background-color: #367C27;
}
#button-cart[data-orderitem-count="0"]:after,
#button-cart-simulator[data-orderitem-count="0"]:after {
  content: none;
}
#button-cart.changed,
#button-cart-simulator.changed {
  opacity: 0;
}
#button-cart.changed:before,
#button-cart-simulator.changed:before {
  font-size: 120%;
}
#button-cart[href],
#button-cart-simulator[href] {
  color: #4A4A4A;
  position: relative;
}
#button-cart[href]:hover,
#button-cart-simulator[href]:hover,
#button-cart[href]:focus,
#button-cart-simulator[href]:focus {
  outline: none;
}
#button-cart[href]:hover .hov,
#button-cart-simulator[href]:hover .hov,
#button-cart[href]:focus .hov,
#button-cart-simulator[href]:focus .hov {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #1D4370;
}
#button-cart .icon,
#button-cart-simulator .icon {
  font-size: 375%;
  height: 1.05em;
  margin-top: -0.05em;
}
#button-cart .icon:before,
#button-cart-simulator .icon:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f17e";
}
#button-cart .icon > span,
#button-cart-simulator .icon > span {
  display: none;
}
@media print, (min-width: 48em) {
  #button-cart .icon,
  #button-cart-simulator .icon {
    font-size: 420%;
    margin-top: 0.1em;
  }
}
#button-cart .icon:before,
#button-cart-simulator .icon:before {
  margin-left: -0.1em;
}
#button-cart[data-cart-count="0"] {
  transform: scale(0, 0);
}
#button-cart-simulator:before,
#button-cart-simulator:after {
  content: none;
}
#header-toolbar {
  position: relative;
  z-index: 99;
  display: none;
}
@media print, (min-width: 48em) {
  #header-toolbar {
    display: block;
    background: #f7f7f7;
    height: 3.125em;
  }
}
#header-toolbar > .inner {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  height: 100%;
}
@media print, (min-width: 48em) {
  #header-toolbar > .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 48em) {
  #header-toolbar > .inner > * {
    float: right;
    height: 100%;
  }
}
#header-bar {
  position: relative;
  z-index: 19;
  height: 3.75em;
  background: #fff;
  border-bottom: 1px solid #EFEFEF;
  display: none;
}
@media print, (min-width: 48em) {
  #header-bar {
    height: 5em;
  }
}
#header-bar > .inner {
  position: relative;
  height: 100%;
}
@media print, (min-width: 48em) {
  #header-bar > .inner {
    max-width: 87.5em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}
@media print and print, (min-width: 48em) and print, print and (min-width: 48em), (min-width: 48em) and (min-width: 48em) {
  #header-bar > .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#header-bar .logo {
  position: relative;
  z-index: 9;
}
@media print, (min-width: 48em) {
  #header-bar .logo {
    float: left;
  }
  #header-bar .logo:hover > a:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 4px;
    background: #1D4370;
  }
}
@media print, (min-width: 62.5em) {
  #header-bar .logo a {
    padding-right: 5.375em;
  }
}
#user-nav {
  position: relative;
}
#user-nav .loader {
  width: 1.1em;
  height: 1.1em;
  fill: transparent;
  stroke: #4A4A4A;
  padding: 1em;
  stroke-width: 3px;
}
#user-nav .login-button {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  position: relative;
  cursor: pointer;
  display: block;
  padding: 0 1em;
  line-height: 3.125em;
  font-weight: 700;
  color: #4A4A4A;
  text-align: left;
}
#user-nav .login-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #4A4A4A;
  transition: height 0.2s ease;
}
#user-nav .login-button:hover:after {
  height: 4px;
}
#user-nav .user-info {
  height: 100%;
  margin-left: 1em;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding-right: 2.4em;
}
#user-nav .user-info .profile-picture {
  float: left;
  margin-right: 1em;
  width: 2.4em;
  height: 2.4em;
  background: #cecece;
  border-radius: 1.2em;
  background-size: cover;
  overflow: hidden;
}
#user-nav .user-info span {
  white-space: nowrap;
}
#user-nav .selectric-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
}
#user-nav .selectric {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
#user-nav .selectric:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #4A4A4A;
  transition: height 0.2s ease;
}
#user-nav .selectric:hover:after {
  height: 4px;
}
#user-nav .selectric .label {
  visibility: hidden;
}
#user-nav .selectric-items {
  border: none;
}
#user-nav .selectric-items li {
  height: 3.125em;
  line-height: 3.125;
  position: relative;
  padding: 0 0.8em;
}
#user-nav .selectric-items li:first-child {
  display: none;
}
#user-nav .selectric-items li span {
  white-space: nowrap;
  display: block;
}
#user-nav .selectric-items li span.profile,
#user-nav .selectric-items li span.favorites,
#user-nav .selectric-items li span.logout,
#user-nav .selectric-items li span.virtualOrders,
#user-nav .selectric-items li span.certificates,
#user-nav .selectric-items li span.userManager,
#user-nav .selectric-items li span.documentDownload {
  position: absolute;
  right: 1em;
  font-size: 100%;
}
#user-nav .selectric-items li span.profile:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f188";
}
#user-nav .selectric-items li span.profile > span {
  display: none;
}
#user-nav .selectric-items li span.favorites:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f187";
}
#user-nav .selectric-items li span.favorites > span {
  display: none;
}
#user-nav .selectric-items li span.logout:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f18b";
}
#user-nav .selectric-items li span.logout > span {
  display: none;
}
#user-nav .selectric-items li span.virtualOrders:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f195";
}
#user-nav .selectric-items li span.virtualOrders > span {
  display: none;
}
#user-nav .selectric-items li span.certificates:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f194";
}
#user-nav .selectric-items li span.certificates > span {
  display: none;
}
#user-nav .selectric-items li span.userManager:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f196";
}
#user-nav .selectric-items li span.userManager > span {
  display: none;
}
#user-nav .selectric-items li span.documentDownload:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f1af";
}
#user-nav .selectric-items li span.documentDownload > span {
  display: none;
}
#user-nav .selectric-items li .user-icon {
  float: right;
  margin-right: 1em;
  width: 2.4em;
  height: 2.4em;
  background: #1D4370;
  border-radius: 1.2em;
  background-size: cover;
  overflow: hidden;
}
#user-nav .selectric-items li.selected:before {
  content: none;
}
#user-nav .selectric-wrapper {
  height: 100%;
}
#mobile-user-nav {
  border-bottom: 1px solid #777777;
}
#mobile-user-nav .login-button {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 1.25em 0;
  font-weight: 700;
  color: #4A4A4A;
  text-align: left;
}
#mobile-user-nav .user-info {
  padding: 0.8125em 0.625em;
}
#mobile-user-nav .user-info .profile-picture {
  display: block;
  float: left;
  width: 2.4em;
  height: 2.4em;
  background: #cecece;
  border-radius: 1.2em;
  background-size: cover;
  overflow: hidden;
}
#mobile-user-nav .user-info .user-name {
  margin-left: 3em;
  line-height: 2.4;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mobile-user-nav .user-nav-footer {
  margin: 0 0.625em;
}
#mobile-user-nav .user-nav-footer a {
  position: relative;
  padding: 1.25em 0;
  display: block;
  color: #4A4A4A;
}
#mobile-user-nav .user-nav-footer a:last-child {
  border: none;
}
#mobile-user-nav .user-nav-footer a:hover,
#mobile-user-nav .user-nav-footer a:focus {
  outline: none;
}
#mobile-user-nav .user-nav-footer a:before {
  position: absolute;
  right: 0.5em;
  top: 0.8em;
  font-size: 150%;
}
#mobile-user-nav .user-nav-footer a.profile:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f188";
}
#mobile-user-nav .user-nav-footer a.profile > span {
  display: none;
}
#mobile-user-nav .user-nav-footer a.favorites:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f187";
}
#mobile-user-nav .user-nav-footer a.favorites > span {
  display: none;
}
#mobile-user-nav .user-nav-footer a.virtualOrders:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f195";
}
#mobile-user-nav .user-nav-footer a.virtualOrders > span {
  display: none;
}
#mobile-user-nav .user-nav-footer a.logout:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f18b";
}
#mobile-user-nav .user-nav-footer a.logout > span {
  display: none;
}
#mobile-user-nav .user-nav-footer a.certificates:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f194";
}
#mobile-user-nav .user-nav-footer a.certificates > span {
  display: none;
}
#mobile-user-nav .user-nav-footer a.userManager:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f196";
}
#mobile-user-nav .user-nav-footer a.userManager > span {
  display: none;
}
#mobile-user-nav .user-nav-footer a.documentDownload:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f1af";
}
#mobile-user-nav .user-nav-footer a.documentDownload > span {
  display: none;
}
#lang-nav {
  width: 4em;
}
#lang-nav .selectric {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
#lang-nav .selectric .label {
  border: none;
  background: transparent;
  position: relative;
  padding: 0 0.5em;
  height: 100%;
  line-height: 3.125;
}
#lang-nav .selectric .label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #4A4A4A;
  transition: height 0.2s ease;
}
#lang-nav .selectric .label:hover:after {
  height: 4px;
}
#lang-nav .selectric-items {
  border: none;
  margin-top: -3.125em;
}
#lang-nav .selectric-items li {
  height: 3.125em;
  line-height: 3.125;
  text-align: center;
  position: relative;
}
#lang-nav .selectric-items li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #4A4A4A;
  transition: height 0.2s ease;
}
#lang-nav .selectric-items li:hover:after {
  height: 4px;
}
#lang-nav .selectric-items li:before {
  content: none;
}
#lang-nav .selectric-items li.selected {
  background: transparent;
}
#lang-nav .selectric-items li.selected:after {
  height: 4px;
}
#lang-nav .selectric-wrapper {
  height: 100%;
}
#meta-nav {
  border-bottom: 1px solid #777777;
}
@media print, (min-width: 48em) {
  #meta-nav {
    border-bottom: none;
  }
}
#meta-nav ul {
  height: 100%;
}
#meta-nav ul li {
  float: left;
  height: 100%;
  line-height: 3.125;
}
#meta-nav ul li a {
  padding: 0 1.25em;
  display: block;
  color: #4A4A4A;
}
@media print, (min-width: 48em) {
  #meta-nav ul li a {
    position: relative;
  }
  #meta-nav ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #4A4A4A;
    transition: height 0.2s ease;
  }
  #meta-nav ul li a:hover:after {
    height: 4px;
  }
}
#meta-nav ul li a[href]:hover,
#meta-nav ul li a[href]:focus {
  outline: none;
}
@media print, (min-width: 48em) {
  .support-nav {
    position: relative;
  }
  .support-nav ul {
    height: 100%;
  }
  .support-nav ul li {
    height: 100%;
    line-height: 3.125;
  }
  .support-nav ul a {
    position: relative;
    cursor: pointer;
    height: 100%;
    display: block;
    color: #4A4A4A;
    padding: 0 2.25em 0 1.25em;
  }
  .support-nav ul a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #4A4A4A;
    transition: height 0.2s ease;
  }
  .support-nav ul a:hover:after {
    height: 4px;
  }
  .support-nav ul a:before {
    display: inline-block;
    font-family: "fontcustom";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\f180";
  }
  .support-nav ul a > span {
    display: none;
  }
  body.support-open .support-nav ul a {
    background-color: #fff;
  }
  body.support-open .support-nav ul a:after {
    background-color: #367C27;
    height: 4px;
  }
  .support-nav ul a[href]:hover,
  .support-nav ul a[href]:focus {
    outline: none;
  }
  .support-nav ul a:before {
    position: absolute;
    right: 0.8em;
    top: 50%;
    margin-top: -0.5em;
  }
}
#main-nav {
  display: none;
}
@media print {
  #main-nav > ul > li {
    display: none;
  }
}
@media print, (min-width: 48em) {
  #main-nav {
    display: block;
    position: relative;
    height: 100%;
  }
  #main-nav > ul {
    height: 100%;
  }
  #main-nav > ul > li {
    float: left;
    height: 100%;
  }
  #main-nav > ul > li > ul {
    display: none;
  }
  #main-nav > ul > li a:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 0;
    transition: height 0.3s ease;
    background: #1D4370;
  }
  #main-nav > ul > li a.know-how:before {
    background: #023b76;
  }
  #main-nav > ul > li a.community:before,
  #main-nav > ul > li a.news:before {
    background: #367C27;
  }
  #main-nav > ul > li a.downloads:before {
    background: #8b8d8e;
  }
  #main-nav > ul > li.current > a:before,
  #main-nav > ul > li.section > a:before,
  #main-nav > ul > li.flyout-open > a:before,
  #main-nav > ul > li:hover > a:before {
    height: 4px;
  }
  #main-nav > ul > li.current > a.know-how:before,
  #main-nav > ul > li.section > a.know-how:before,
  #main-nav > ul > li.flyout-open > a.know-how:before,
  #main-nav > ul > li:hover > a.know-how:before {
    background: #023b76;
  }
  #main-nav > ul > li.current > a.community:before,
  #main-nav > ul > li.section > a.community:before,
  #main-nav > ul > li.flyout-open > a.community:before,
  #main-nav > ul > li:hover > a.community:before {
    background: #367C27;
  }
  #main-nav > ul > li.current > a.downloads:before,
  #main-nav > ul > li.section > a.downloads:before,
  #main-nav > ul > li.flyout-open > a.downloads:before,
  #main-nav > ul > li:hover > a.downloads:before {
    background: #8b8d8e;
  }
  #main-nav > ul > li.section > a:before {
    background-color: #1D4370;
  }
  #main-nav > ul > li > a {
    position: relative;
    display: block;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    border-right: 1px solid #EFEFEF;
    padding: 0 0.5em 1em;
    color: #4A4A4A;
  }
  #main-nav > ul > li > a span {
    font-size: 130%;
  }
  #main-nav > ul > li:first-child > a {
    border-left: 1px solid #EFEFEF;
  }
}
@media print and print, (min-width: 48em) and print, print and (min-width: 52.5em), (min-width: 48em) and (min-width: 52.5em) {
  #main-nav > ul > li > a {
    padding: 0 1em 1em;
  }
}
@media print and print, (min-width: 48em) and print, print and (min-width: 68.75em), (min-width: 48em) and (min-width: 68.75em) {
  #main-nav > ul > li > a {
    padding: 0 1.25em 1em;
  }
}
@media print and print, (min-width: 48em) and print, print and (min-width: 68.75em), (min-width: 48em) and (min-width: 68.75em) {
  #main-nav > ul > li > a span {
    font-size: 150%;
  }
}
#flyouts {
  display: none;
  overflow: hidden;
}
@media print, (min-width: 48em) {
  #flyouts {
    display: block;
  }
}
#flyouts .flyout {
  display: none;
  position: absolute;
  z-index: 10;
  top: 8.125em;
  left: 0;
  right: 0;
  transition: transform ease 0.6s;
  transform: translate(0, -100%);
  pointer-events: none;
}
#flyouts .flyout.open,
#flyouts .flyout.closing {
  display: block;
}
#flyouts .flyout.active {
  transform: translate(0, 0);
  pointer-events: all;
}
#flyouts .flyout.sub {
  background: #FDFDFD;
  top: 9em;
  padding-top: 6em;
  z-index: 5;
}
#flyouts .flyout > div {
  background: #FDFDFD;
}
#flyouts .flyout .inner {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  max-width: 62.5em;
}
@media print, (min-width: 48em) {
  #flyouts .flyout .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#flyouts .flyout .level-1 {
  height: 5em;
  position: relative;
  border-bottom: 1px solid #dadbdb;
}
#flyouts .flyout .level-1 .flyout-closer {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5em;
  height: 5em;
}
#flyouts .flyout .level-1 .flyout-closer:hover {
  color: #1D4370;
}
#flyouts .flyout .level-1 .flyout-closer:focus {
  outline: none;
}
#flyouts .flyout .level-1 .flyout-closer .icon {
  font-size: 175%;
}
#flyouts .flyout .level-1 .flyout-closer .icon:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f184";
}
#flyouts .flyout .level-1 .flyout-closer .icon > span {
  display: none;
}
#flyouts .flyout .level-1 .search {
  display: none;
  float: right;
  padding-top: 0.5em;
  padding-right: 2em;
  box-sizing: border-box;
}
#flyouts .flyout .level-1 .search input {
  border: 0;
  border-radius: 0;
  height: 100%;
  outline: 0;
  background: transparent;
  border-bottom: 2px solid #979797;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  width: 8em;
}
#flyouts .flyout .level-1 .search input:focus {
  box-shadow: none;
  border-bottom: 2px solid #1D4370;
}
@media print, (min-width: 68.75em) {
  #flyouts .flyout .level-1 .search input {
    width: 11em;
  }
}
#flyouts .flyout .level-1 .search .icon {
  vertical-align: middle;
  font-size: 300%;
}
#flyouts .flyout .level-1 .search .icon:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f175";
}
#flyouts .flyout .level-1 .search .icon > span {
  display: none;
}
#flyouts .flyout .level-1 .search .icon:before {
  margin-left: -0.25em;
  font-size: 120%;
  line-height: 1.3125em;
  vertical-align: baseline;
}
#flyouts .flyout .level-1 .inner {
  height: 100%;
}
#flyouts .flyout .level-1 ul {
  margin: 0 -2em;
  height: 100%;
}
#flyouts .flyout .level-1 li {
  height: 100%;
  float: left;
  margin: 0 0 0 1.4em;
}
@media print, (min-width: 68.75em) {
  #flyouts .flyout .level-1 li {
    margin-right: 1em;
  }
}
#flyouts .flyout .level-1 li a:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -1px;
  height: 0;
  transition: height 0.3s ease;
  background-color: #1D4370;
}
#flyouts .flyout .level-1 li:hover a:after,
#flyouts .flyout .level-1 li.sub-flyout-open a:after,
#flyouts .flyout .level-1 li.section a:after {
  height: 4px;
}
#flyouts .flyout .level-1 li.sub-flyout-open a:after {
  background-color: #1D4370;
}
#flyouts .flyout .level-1 li.section a:after {
  background-color: #1D4370;
}
#flyouts .flyout .level-1 a {
  display: block;
  cursor: pointer;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  padding-top: 2.4em;
  color: #4A4A4A;
}
#flyouts .flyout .level-1 a:focus,
#flyouts .flyout .level-1 a:hover {
  outline: none;
}
#flyouts .flyout .level-1 a span {
  font-size: 130%;
}
@media print, (min-width: 68.75em) {
  #flyouts .flyout .level-1 a span {
    font-size: 150%;
  }
}
#flyouts .flyout .level-2 {
  padding-top: 1.6em;
  padding-bottom: 4.6em;
}
#flyouts .flyout .level-2 > .inner > ul {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
}
#flyouts .flyout .level-2 > .inner > ul:before,
#flyouts .flyout .level-2 > .inner > ul:after {
  content: " ";
  display: table;
  clear: both;
}
#flyouts .flyout .level-2 > .inner > ul > li {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%;
  padding-left: 0;
}
#flyouts .flyout .level-2 > .inner > ul > li.current > a {
  outline: none;
  border-color: #1D4370;
}
#flyouts .flyout .level-2 > .inner > ul > li > a {
  font-size: 125%;
  color: #1D4370;
  font-weight: 700;
  display: inline-block;
  box-sizing: border-box;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
}
#flyouts .flyout .level-2 > .inner > ul > li > a:hover,
#flyouts .flyout .level-2 > .inner > ul > li > a:focus {
  outline: none;
  border-color: #1D4370;
}
#flyouts .flyout .level-2 > .inner > ul > li .link-list {
  position: relative;
  margin-top: 0.7em;
  /*
						&.has-more {
							&:after {
								content: "…";
								position: absolute;
								top: 100%;
								left: 0;
								font-size: 300%;
								line-height: 0.2;
								color: @color-nav-link;
							}
						}
*/
}
#flyouts .flyout .level-2 > .inner > ul > li .link-list > ul > li.current > a {
  outline: none;
  font-weight: bold;
}
#flyouts .flyout .level-2 > .inner > ul > li .link-list > ul > li > a {
  display: inline-block;
  padding: 0.325em 0;
  color: #4A4A4A;
  max-width: 100%;
}
#flyouts .flyout .level-2 > .inner > ul > li .link-list > ul > li > a:active,
#flyouts .flyout .level-2 > .inner > ul > li .link-list > ul > li > a:focus,
#flyouts .flyout .level-2 > .inner > ul > li .link-list > ul > li > a:hover {
  outline: none;
  color: #1D4370;
}
#mobile-nav {
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
}
@media print, (min-width: 48em) {
  #mobile-nav {
    display: none;
  }
}
#mobile-nav:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.4s linear;
}
body.nav-open #mobile-nav:before {
  opacity: 1;
}
#mobile-nav ul.main-nav {
  position: relative;
  z-index: 5;
  border-top: 1px solid #EFEFEF;
  background-color: #fff;
  transform: translate(0, -100%);
}
body.css-loaded #mobile-nav ul.main-nav {
  transition: transform 0.6s ease;
}
body.nav-open #mobile-nav ul.main-nav {
  transform: translate(0, 0);
}
#mobile-nav ul.main-nav > li > ul > li.sub-nav-item > a {
  background-color: #F5F5F5;
}
#mobile-nav ul.main-nav li > a {
  display: block;
  cursor: pointer;
  padding-top: 1.25em;
  padding-right: 4em;
  padding-bottom: 1.25em;
  padding-left: 0.625em;
  border-bottom: 1px solid #1D4370;
  position: relative;
  background: #fff;
  color: #4A4A4A;
}
#mobile-nav ul.main-nav li > a:hover,
#mobile-nav ul.main-nav li > a:focus {
  outline: none;
  background-color: #eee;
}
#mobile-nav ul.main-nav li > a > div {
  font-size: 0.9375em;
}
#mobile-nav ul.main-nav li > a:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f192";
}
#mobile-nav ul.main-nav li > a > span {
  display: none;
}
#mobile-nav ul.main-nav li > a:before {
  position: absolute;
  right: 1.6em;
  top: 50%;
  margin-top: -0.5em;
  transition: transform 0.4s ease;
  transform: scale(1, 1) rotate(-90deg);
}
#mobile-nav ul.main-nav li > a:not([href]):before,
#mobile-nav ul.main-nav li > a.spectra:before {
  transform: scale(1, 1);
}
#mobile-nav ul.main-nav li.open > a:not([href]):before {
  transform: scale(1, -1);
}
#mobile-nav ul.main-nav li.sub-nav-item:last-child > a {
  border-color: #1D4370;
}
#mobile-nav ul.main-nav li.sub-nav-item > a {
  transition: all 0.4s ease;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.625em;
  padding-right: 4em;
  background-color: #fff;
  border-bottom: 0 solid #ddd;
  line-height: 0;
  overflow: hidden;
  color: #4A4A4A;
  max-height: 0;
  opacity: 0;
}
#mobile-nav ul.main-nav li.sub-nav-item > a:hover {
  outline: none;
  text-decoration: none;
  background-color: #eee;
}
#mobile-nav ul.main-nav li.sub-nav-item > a[href] {
  background-color: #1D4370;
  color: #fff;
  font-weight: bold;
}
#mobile-nav ul.main-nav li.sub-nav-item > ul > li > a {
  padding-left: 1.875em;
}
#mobile-nav ul.main-nav li.open > ul > li.sub-nav-item > a {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  border-width: 1px;
  line-height: 1.2;
  max-height: 3.6em;
  opacity: 1;
}
#mobile-nav .regional-supporters-panel {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
#mobile-nav .regional-supporters-panel > .header {
  display: none;
}
#mobile-nav .regional-supporters-panel .content .department {
  float: none;
  width: 100%;
  text-align: left;
}
#mobile-nav .regional-supporters-panel .content .department .header {
  margin-top: 1.5em;
  margin-bottom: 1em;
}
#mobile-nav .regional-supporters-panel .content .col .team-member figure {
  max-width: 6.25em;
  max-height: 6.875em;
  float: left;
}
#mobile-nav .regional-supporters-panel .content .col .team-member .text {
  display: block;
  margin-left: 7.5em;
}
#mobile-nav .regional-supporters-panel .content .col .team-member .text h4 {
  margin-top: 0;
}
#mobile-nav .regional-supporters-panel .content .col .team-member .text p a {
  display: inline-block;
  height: auto;
  position: static;
  align-items: left;
  cursor: pointer;
}
#mobile-nav .meta-nav {
  background-color: #F5F5F5;
  transform: translate(0, -200%);
  transition: transform 0.6s ease;
}
#mobile-nav .meta-nav a {
  display: block;
  padding: 1.25em 0.625em;
  border-bottom: 1px solid #777777;
  color: #4A4A4A;
  cursor: pointer;
}
#mobile-nav .meta-nav a[href]:link {
  color: #4A4A4A;
}
#mobile-nav .meta-nav a:hover,
#mobile-nav .meta-nav a:focus {
  outline: none;
}
body.nav-open #mobile-nav .meta-nav {
  transform: translate(0, 0);
}
#footer {
  display: none;
  background: #f7f7f7;
}
@media print, (min-width: 62.5em) {
  body.UseCasePage #footer,
  body.ProductDetail #footer {
    padding-top: 4em;
  }
}
#footer > .inner {
  clear: both;
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-top: 1em;
  padding-bottom: 1em;
}
#footer > .inner:before,
#footer > .inner:after {
  content: " ";
  display: table;
  clear: both;
}
@media print, (min-width: 48em) {
  #footer > .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 62.5em) {
  #footer > .inner {
    clear: none;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 2em;
    padding-bottom: 3em;
  }
  #footer > .inner:before,
  #footer > .inner:after {
    content: none;
  }
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  padding: 0;
  margin: 0;
}
@media print {
  #footer {
    display: none;
  }
}
#footer-partner-logos {
  clear: both;
}
#footer-partner-logos:before,
#footer-partner-logos:after {
  content: " ";
  display: table;
  clear: both;
}
@media print, (min-width: 62.5em) {
  #footer-partner-logos {
    clear: none;
  }
  #footer-partner-logos:before,
  #footer-partner-logos:after {
    content: none;
  }
}
#footer-partner-logos ul {
  display: flex;
}
#footer-partner-logos ul li {
  float: left;
  width: 50%;
  display: flex;
  align-content: flex-end;
  position: relative;
  justify-content: center;
  align-items: flex-end;
}
@media print, (min-width: 62.5em) {
  #footer-partner-logos ul li {
    width: auto;
  }
}
#footer-partner-logos ul li a {
  display: block;
}
@media print, (min-width: 62.5em) {
  #footer-partner-logos ul li a {
    padding-right: 2em;
  }
}
#footer-partner-logos ul li a:hover,
#footer-partner-logos ul li a:focus {
  outline: none;
}
#footer-partner-logos ul li a img,
#footer-partner-logos ul li a svg {
  display: block;
  max-width: 100%;
  height: auto;
}
#footer-partner-logos .holcim a,
#footer-partner-logos .lafargeholcim a {
  position: relative;
}
#footer-partner-logos .holcim svg,
#footer-partner-logos .lafargeholcim svg {
  width: 7.226875em;
  max-height: 3.095em;
}
#footer-partner-logos .lafargeholcim a {
  top: -0.05em;
}
#footer-partner-logos .lafargeholcim svg .cls-1 {
  fill: #806e66;
}
#footer-partner-logos .lafargeholcim svg .cls-2 {
  fill: #574945;
}
#footer-partner-logos .holcim a {
  top: -0.2em;
}
#footer-copyright {
  clear: both;
  text-align: center;
  padding-top: 20px;
}
#footer-copyright:before,
#footer-copyright:after {
  content: " ";
  display: table;
  clear: both;
}
@media print, (min-width: 62.5em) {
  #footer-copyright {
    clear: none;
    padding-top: 0;
  }
  #footer-copyright:before,
  #footer-copyright:after {
    content: none;
  }
}
#footer-nav {
  clear: both;
}
#footer-nav:before,
#footer-nav:after {
  content: " ";
  display: table;
  clear: both;
}
@media print, (min-width: 62.5em) {
  #footer-nav {
    clear: none;
    float: none;
  }
  #footer-nav:before,
  #footer-nav:after {
    content: none;
  }
}
#footer-nav li {
  text-align: center;
}
@media print, (min-width: 62.5em) {
  #footer-nav li {
    text-align: right;
  }
  #footer-nav li li {
    float: left;
  }
}
#footer-nav li a {
  display: block;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  color: #4A4A4A;
}
@media print, (min-width: 62.5em) {
  #footer-nav li a {
    padding-top: 0;
    padding-bottom: 0;
  }
}
#footer-nav li a:hover,
#footer-nav li a:focus {
  outline: none;
  color: #1D4370;
}
#sm-links {
  clear: both;
  display: flex;
  justify-content: center;
}
#sm-links:before,
#sm-links:after {
  content: " ";
  display: table;
  clear: both;
}
@media print, (min-width: 62.5em) {
  #sm-links {
    clear: none;
    flex-flow: row nowrap;
    align-items: flex-end;
  }
  #sm-links:before,
  #sm-links:after {
    content: none;
  }
}
#sm-links .label {
  display: none;
}
@media print, (min-width: 62.5em) {
  #sm-links .label {
    display: block;
    margin-right: 1em;
  }
}
#sm-links ul {
  margin: 0;
}
#sm-links li {
  float: left;
}
#sm-links li a {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 400%;
  width: 1em;
  height: 0.8em;
  border-bottom: 2px solid transparent;
  display: flex;
  justify-content: center;
  flex-flow: column;
  color: #4A4A4A;
}
@media print, (min-width: 62.5em) {
  #sm-links li a {
    font-size: 200%;
    height: 1.2em;
    margin-bottom: -0.2em;
  }
}
#sm-links li a:before {
  font-size: 40%;
}
@media print, (min-width: 62.5em) {
  #sm-links li a:before {
    font-size: 80%;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #sm-links li a:before {
    font-size: 80%;
  }
}
@media screen and (-ms-high-contrast: active) and print, (-ms-high-contrast: none) and print, screen and (-ms-high-contrast: active) and (min-width: 62.5em), (-ms-high-contrast: none) and (min-width: 62.5em) {
  #sm-links li a:before {
    font-size: 300%;
  }
}
#sm-links li a:hover,
#sm-links li a:focus {
  border-bottom: 2px solid #1D4370;
  outline: none;
}
#sm-links li a span {
  display: none;
}
/* Slider */
.slick-slider {
  position: relative;
}
.slick-arrow.slick-disabled {
  display: none!important;
}
.slick-arrow {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 9;
  top: 0;
  width: 1.033125em;
  height: 2.695625em;
  text-indent: -9999em;
  padding: 0 1em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.5 43.1'><polygon points='14.5,43.1 0,21.1 14.9,0 16.5,1.2 2.4,21.2 16.2,42 '/></svg>");
  background-repeat: no-repeat;
  background-position: center;
}
@media print, (min-width: 75em) {
  .slick-arrow {
    top: -2em;
    bottom: -2em;
    height: auto;
    background-size: 50%;
    background-color: #fff;
  }
}
.slick-next {
  transform: scale(-1, 0.8);
  right: 1em;
  margin-top: -4em;
}
@media print, (min-width: 75em) {
  .slick-next {
    margin: 0;
    right: -1.8em;
  }
}
.slick-prev {
  transform: scale(1, 0.8);
  left: auto;
  right: 3em;
  margin-top: -4em;
}
@media print, (min-width: 75em) {
  .slick-prev {
    margin: 0;
    left: -1.8em;
  }
}
.tile-list {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
}
.tile-list:before,
.tile-list:after {
  content: " ";
  display: table;
  clear: both;
}
.tile-list .tile {
  width: 100%;
}
@media print, (min-width: 30em) {
  .tile-list .tile {
    width: 50%;
  }
}
@media print, (min-width: 48em) {
  .tile-list .tile {
    width: 33.3333%;
  }
}
@media print, (min-width: 62.5em) {
  .tile-list .tile {
    width: 25%;
  }
}
.tile {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
}
@media print, (min-width: 30em) {
  .tile {
    width: 50%;
  }
}
@media print, (min-width: 48em) {
  .tile {
    width: 33.3333%;
  }
}
@media print, (min-width: 62.5em) {
  .tile {
    width: 25%;
  }
}
.tile a {
  display: block;
  height: 100%;
}
.tile a:hover,
.tile a:focus {
  outline: none;
  margin-top: -0.6em;
  padding-bottom: 0.6em;
}
.tile a:hover .inner,
.tile a:focus .inner {
  box-shadow: 0 0.1em 0.4em rgba(0, 0, 0, 0.15);
}
.tile .inner {
  height: 100%;
}
.tile figure {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 70.1754386%;
  background-color: #e4e4e4;
  overflow: hidden;
}
.tile figure img {
  width: 100%;
  height: auto;
}
.tile .text {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 63.15789474%;
  border: 1px solid #d1d1d1;
  border-top: 0;
  box-sizing: border-box;
}
.tile .text .padder {
  position: absolute;
  left: 1em;
  top: 1em;
  right: 1em;
  bottom: 1em;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.tile .text span {
  color: #4A4A4A;
  font-size: 87.5%;
}
.tile .text .tile-type {
  font-weight: bold;
  font-size: 93.75%;
}
.tile .text h3,
.tile .text h4,
.tile .text h5 {
  color: #1D4370;
  font-size: 90%;
  font-weight: 700;
  margin: 0.4em 0 0 0;
}
@media print, (min-width: 62.5em) {
  .tile .text h3,
  .tile .text h4,
  .tile .text h5 {
    font-size: 125%;
  }
}
.product-tile .meta:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f17e";
}
.product-tile .meta > span {
  display: none;
}
.product-tile .meta span {
  display: inline;
}
.product-tile .meta:before {
  color: #1D4370;
  position: absolute;
  font-size: 200%;
  top: -0.2em;
  right: -0.2em;
}
.ProductTilesElement[data-product-class="SupportProductGroup"] figure,
.ProductTilesElement[data-product-class="DocumentProductGroup"] figure {
  border: 1px solid #d1d1d1;
  border-bottom: 0;
  box-sizing: border-box;
  background: transparent;
}
.PageHeaderElement {
  position: relative;
  max-height: 60vh;
  overflow: hidden;
}
@media print, (min-width: 62.5em) {
}
@media print {
  .PageHeaderElement {
    max-height: 30vh;
  }
}
.PageHeaderElement .picture {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 40%;
  background-size: cover;
  background-position: center top;
}
@media print {
  .PageHeaderElement .picture {
    visibility: hidden;
    padding-bottom: 20%;
  }
}
.PageHeaderElement .picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(left, rgba(68, 117, 156, 0.3) 20%, rgba(68, 117, 156, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(68, 117, 156, 0.3) 20%, rgba(68, 117, 156, 0) 100%);
  background-image: linear-gradient(to right, rgba(68, 117, 156, 0.3) 20%, rgba(68, 117, 156, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d44759c', endColorstr='#0044759c', GradientType=1);
  background-blend-mode: multiply;
}
@media print, (min-width: 62.5em) {
  .PageHeaderElement .picture:before {
    content: none;
  }
}
.PageHeaderElement .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.PageHeaderElement .text .container {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-top: 0.625em;
}
@media print, (min-width: 48em) {
  .PageHeaderElement .text .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 62.5em) {
  .PageHeaderElement .text .container {
    padding-top: 5em;
  }
}
.PageHeaderElement .text .limit {
  width: 60%;
}
@media print, (min-width: 62.5em) {
  .PageHeaderElement .text .limit {
    width: 50%;
  }
}
.PageHeaderElement .text p {
  margin: 0;
  display: inline;
  color: white;
  font-size: 5.4vw;
}
@media print, (min-width: 62.5em) {
  .PageHeaderElement .text p {
    background: #fff;
    color: #1D4370;
    font-size: 275%;
    font-weight: 700;
    line-height: 1.3;
  }
}
.PageHeaderElement .text p strong {
  font-weight: 700;
  font-size: 103%;
}
@media print, (min-width: 62.5em) {
  .PageHeaderElement .text p strong {
    font-size: 100%;
    color: #4A4A4A;
  }
}
.PageHeaderElement-interferer {
  background: #1D4370;
  color: #fff;
  max-width: calc(75em - 40px);
  margin: 20px auto;
  /*
	@media print, (min-width: @breakpoint-desktop) {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
*/
}
.PageHeaderElement-interferer .container {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative;
  padding-left: 3.4em;
}
@media print, (min-width: 48em) {
  .PageHeaderElement-interferer .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.PageHeaderElement-interferer .container:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f185";
}
.PageHeaderElement-interferer .container > span {
  display: none;
}
@media print, (min-width: 48em) {
  .PageHeaderElement-interferer .container {
    padding-left: 4.4em;
  }
}
.PageHeaderElement-interferer .container:before {
  position: absolute;
  left: 0.25em;
  font-size: 200%;
  top: 50%;
  margin-top: -0.5em;
}
@media print, (min-width: 48em) {
  .PageHeaderElement-interferer .container:before {
    left: 0.6em;
  }
}
.PageHeaderElement-interferer .container p {
  margin: 0;
  padding: 0.5em 0;
}
.PageHeaderElementTwo {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  height: 45vh;
}
@media print, (min-width: 48em) {
  .PageHeaderElementTwo {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 62.5em) {
  .PageHeaderElementTwo {
    height: auto;
  }
}
.PageHeaderElementTwo .banner-header {
  height: 100%;
}
@media (min-width: 62.5em) {
  .PageHeaderElementTwo .banner-header {
    margin: 0 -10px;
  }
}
.PageHeaderElementTwo .banner-header div {
  height: 100%;
  float: left;
  position: relative;
}
@media (max-width: 62.5em) {
  .PageHeaderElementTwo .banner-header div {
    float: none;
  }
}
.PageHeaderElementTwo .banner-header div .banner-cta-box {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
  padding: 20px;
  height: auto;
}
.PageHeaderElementTwo .banner-header div .banner-cta-box .cta-title {
  color: white;
  font-size: 180%;
  font-weight: 700;
  margin: 0;
  text-align: right;
}
.PageHeaderElementTwo .banner-header div .banner-cta-box .cta-text {
  color: white;
  margin-top: 5px;
  text-align: right;
}
.PageHeaderElementTwo .banner-header div .banner-cta-box .button {
  float: right;
  margin-bottom: 0;
}
.PageHeaderElementTwo .banner-header div.picture {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
}
.PageHeaderElementTwo .banner-header div.picture:last-child {
  margin-top: 20px;
}
@media (min-width: 62.5em) {
  .PageHeaderElementTwo .banner-header div.picture {
    max-width: calc(50% - 20px);
    margin: 0 10px;
  }
  .PageHeaderElementTwo .banner-header div.picture:last-child {
    margin-top: 0;
  }
}
.PageHeaderElementTwo .banner-header div.picture:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  transform: translateX(-50%);
  pointer-events: none;
}
@media (max-width: 62.5em) {
  .PageHeaderElementTwo .banner-header div.picture {
    width: 100% !important;
    padding-bottom: 63.3% !important;
  }
}
.alert-message {
  background: #1D4370;
  color: #fff;
  margin: 0 0 20px 0;
}
.alert-message div {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding: 10px 0;
  margin-top: 20px;
}
@media print, (min-width: 48em) {
  .alert-message div {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.alert-message div span {
  font-size: 18px;
  padding-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.alert-message div p {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 62.5em) {
  .alert-message div {
    padding: 10px 20px;
  }
}
.alert-message div h3 {
  font-size: 187.5%;
}
.PageHeaderElementThree {
  position: relative;
  max-height: 50vh;
  overflow: hidden;
}
.PageHeaderElementThree div.picture {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 40%;
  background-size: cover;
  background-position: center bottom;
}
.PageHeaderElementThree .banner-header .banner-cta-group {
  float: right;
  margin-right: 180px;
  margin-top: 100px;
  width: 30%;
}
.PageHeaderElementThree .banner-header .banner-cta-box {
  float: right;
  clear: both;
}
.PageHeaderElementThree .banner-header .banner-cta-box:before,
.PageHeaderElementThree .banner-header .banner-cta-box:after {
  content: " ";
  display: table;
  clear: both;
}
.PageHeaderElementThree .banner-header .banner-cta-box .cta-title {
  color: white;
  font-size: 180%;
  font-weight: 700;
  margin: 0;
  text-align: right;
}
.PageHeaderElementThree .banner-header .banner-cta-box .cta-text {
  color: white;
  margin-top: 5px;
  text-align: right;
}
.PageHeaderElementThree .banner-header .banner-cta-box .button {
  float: right;
}
.PageHeaderElementThree .banner-tag-line {
  position: absolute;
  left: 150px;
  top: 220px;
  float: left;
}
.PageHeaderElementThree .banner-tag-line p {
  font-size: xx-large;
  font-weight: bolder;
  color: #1D4370;
  background: #fff;
}
.FeaturesElement {
  clear: both;
  padding-top: 0;
  background: #f7f7f7;
  padding-bottom: 1em;
  margin-bottom: 40px;
}
.FeaturesElement:before,
.FeaturesElement:after {
  content: " ";
  display: table;
  clear: both;
}
@media print, (min-width: 62.5em) {
  .FeaturesElement {
    margin-bottom: 40px;
  }
}
.FeaturesElement > .inner {
  clear: both;
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  background: #f7f7f7;
}
.FeaturesElement > .inner:before,
.FeaturesElement > .inner:after {
  content: " ";
  display: table;
  clear: both;
}
@media print, (min-width: 48em) {
  .FeaturesElement > .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 48em) {
  .FeaturesElement > .inner {
    padding-left: 4em;
    padding-right: 4em;
  }
}
.FeaturesElement h2 {
  font-size: 108%;
  font-weight: 700;
  margin-top: 0;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media print, (min-width: 48em) {
  .FeaturesElement h2 {
    text-align: center;
    font-size: 250%;
    margin-top: 0.25em;
    padding-bottom: 0.5em;
    padding-top: 20px;
  }
}
@media print {
  .FeaturesElement h2 {
    padding-top: 0;
    margin-top: 0;
  }
}
.FeaturesElement ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.FeaturesElement ul > li {
  padding: 0;
  margin: 0;
}
@media print, (min-width: 48em) {
  .FeaturesElement ul {
    margin-left: -10px;
    margin-right: -10px;
    clear: both;
  }
  .FeaturesElement ul:before,
  .FeaturesElement ul:after {
    content: " ";
    display: table;
    clear: both;
  }
}
.FeaturesElement ul li {
  position: relative;
  margin-bottom: 0.4em;
  min-height: 2em;
}
@media print, (min-width: 30em) {
  .FeaturesElement ul li {
    float: left;
    width: 50%;
    height: 4.5em;
    box-sizing: border-box;
    padding-right: 1em;
    margin-bottom: 1.4em;
  }
}
@media print, (min-width: 48em) {
  .FeaturesElement ul li {
    float: left;
    min-height: 1px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
    height: auto;
  }
}
.FeaturesElement ul li:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f16a";
}
.FeaturesElement ul li > span {
  display: none;
}
.FeaturesElement ul li:before {
  position: absolute;
  right: 0;
  bottom: 1em;
  color: #367C27;
}
@media print, (min-width: 48em) {
  .FeaturesElement ul li:before {
    bottom: auto;
    top: 0.3em;
    right: auto;
    left: 3.4em;
    font-size: 150%;
  }
}
.FeaturesElement ul li > .inner {
  margin-right: 1em;
}
@media print, (min-width: 48em) {
  .FeaturesElement ul li > .inner {
    margin-right: 0;
  }
}
.FeaturesElement ul figure {
  float: left;
  width: 2em;
}
@media print, (min-width: 48em) {
  .FeaturesElement ul figure {
    float: none;
    width: 4.1875em;
    margin-bottom: 0.75em;
  }
}
.FeaturesElement ul figure svg {
  width: 2em;
  height: 1.4375em;
}
@media print, (min-width: 48em) {
  .FeaturesElement ul figure svg {
    width: 100%;
    height: auto;
  }
}
.FeaturesElement ul span {
  display: block;
  font-size: 93.75%;
  margin-left: 3em;
}
@media print, (min-width: 48em) {
  .FeaturesElement ul span {
    margin-left: 0;
    font-size: 125%;
  }
}
.ProductTilesElement,
.tiles-container {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media print, (min-width: 48em) {
  .ProductTilesElement,
  .tiles-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 62.5em) {
  .ProductTilesElement,
  .tiles-container {
    margin-top: 4em;
    margin-bottom: 4em;
  }
}
.ProductTilesElement header h1,
.tiles-container header h1,
.ProductTilesElement header h2,
.tiles-container header h2,
.ProductTilesElement header h3,
.tiles-container header h3 {
  font-size: 187.5%;
}
@media print, (min-width: 62.5em) {
  .ProductTilesElement header h1,
  .tiles-container header h1,
  .ProductTilesElement header h2,
  .tiles-container header h2,
  .ProductTilesElement header h3,
  .tiles-container header h3 {
    font-size: 250%;
  }
}
.ProductTilesElement header h1 a:link,
.tiles-container header h1 a:link,
.ProductTilesElement header h2 a:link,
.tiles-container header h2 a:link,
.ProductTilesElement header h3 a:link,
.tiles-container header h3 a:link {
  color: #4A4A4A;
}
.ProductTilesElement header h1 a:link:focus,
.tiles-container header h1 a:link:focus,
.ProductTilesElement header h2 a:link:focus,
.tiles-container header h2 a:link:focus,
.ProductTilesElement header h3 a:link:focus,
.tiles-container header h3 a:link:focus,
.ProductTilesElement header h1 a:link:active,
.tiles-container header h1 a:link:active,
.ProductTilesElement header h2 a:link:active,
.tiles-container header h2 a:link:active,
.ProductTilesElement header h3 a:link:active,
.tiles-container header h3 a:link:active,
.ProductTilesElement header h1 a:link:hover,
.tiles-container header h1 a:link:hover,
.ProductTilesElement header h2 a:link:hover,
.tiles-container header h2 a:link:hover,
.ProductTilesElement header h3 a:link:hover,
.tiles-container header h3 a:link:hover {
  outline: none;
}
.ProductTilesElement header h1 a:link:hover,
.tiles-container header h1 a:link:hover,
.ProductTilesElement header h2 a:link:hover,
.tiles-container header h2 a:link:hover,
.ProductTilesElement header h3 a:link:hover,
.tiles-container header h3 a:link:hover {
  color: #1D4370;
}
.ProductTilesElement header figure,
.tiles-container header figure {
  margin: 0;
  padding: 0;
}
.ProductTilesElement header figure img,
.tiles-container header figure img {
  width: 100%;
  height: auto;
}
.ProductTilesElement .slick-list:before,
.tiles-container .slick-list:before,
.ProductTilesElement .slick-list:after,
.tiles-container .slick-list:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -1em;
  bottom: -1em;
  background: #fff;
  width: 999em;
}
.ProductTilesElement .slick-list:before,
.tiles-container .slick-list:before {
  right: 100%;
}
.ProductTilesElement .slick-list:after,
.tiles-container .slick-list:after {
  left: 100%;
}
.BreadcrumbElement {
  display: none;
}
@media print, (min-width: 62.5em) {
  .BreadcrumbElement {
    display: block;
    max-width: 87.5em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    clear: both;
    margin-top: 1em;
    margin-bottom: 2em;
  }
  .BreadcrumbElement:before,
  .BreadcrumbElement:after {
    content: " ";
    display: table;
    clear: both;
  }
  .BreadcrumbElement > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
  }
  .BreadcrumbElement > ul > li {
    padding: 0;
    margin: 0;
  }
  .BreadcrumbElement > ul li {
    float: left;
  }
  .BreadcrumbElement > ul li:not(:first-child)::before {
    content: '> ';
    font-weight: normal;
    margin-left: 10px;
  }
  .BreadcrumbElement > ul li:last-child {
    font-weight: bold;
  }
  .BreadcrumbElement > ul li a {
    color: #4A4A4A;
  }
  .BreadcrumbElement > ul li a:focus,
  .BreadcrumbElement > ul li a:hover {
    outline: none;
    text-decoration: underline;
  }
  .BreadcrumbElement > ul + .ProductTilesElement {
    margin-top: 0;
  }
}
@media print and print, (min-width: 62.5em) and print, print and (min-width: 48em), (min-width: 62.5em) and (min-width: 48em) {
  .BreadcrumbElement {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.IntroLinksElement {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media print, (min-width: 48em) {
  .IntroLinksElement {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.IntroLinksElement:before,
.IntroLinksElement:after {
  content: " ";
  display: table;
  clear: both;
}
.IntroLinksElement > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
}
.IntroLinksElement > ul > li {
  padding: 0;
  margin: 0;
}
.IntroLinksElement > ul:before,
.IntroLinksElement > ul:after {
  content: " ";
  display: table;
  clear: both;
}
.IntroLinksElement > ul li {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media print, (min-width: 48em) {
  .IntroLinksElement {
    margin-top: 1em;
    margin-bottom: 2em;
  }
}
.IntroLinksElement .IntroLinkElement {
  width: 100%;
  padding-top: 20px;
  max-width: 25em;
  float: none;
  margin: 0 auto;
}
@media print, (min-width: 48em) {
  .IntroLinksElement .IntroLinkElement {
    clear: none;
    max-width: 33.333%;
    float: left;
  }
  .IntroLinksElement .IntroLinkElement:after,
  .IntroLinksElement .IntroLinkElement:before {
    content: none;
  }
}
.IntroLinksElement .IntroLinkElement a {
  position: relative;
  display: block;
  overflow: hidden;
}
.IntroLinksElement .IntroLinkElement a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #1D4370;
  transition: height 0.2s ease;
  z-index: 120;
}
.IntroLinksElement .IntroLinkElement a:hover:before {
  height: 4px;
}
.IntroLinksElement .IntroLinkElement a:hover .inner:before {
  top: -50%;
}
.IntroLinksElement .IntroLinkElement a:hover .inner .text {
  bottom: 1em;
}
.IntroLinksElement .IntroLinkElement .inner {
  position: relative;
  height: 0;
  padding-bottom: 120%;
  background-size: cover;
}
.IntroLinksElement .IntroLinkElement .inner:before {
  content: "";
  position: absolute;
  top: -50%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
  transition: top 0.3s ease;
}
.IntroLinksElement .IntroLinkElement h3 {
  font-size: 150%;
  margin-top: 0;
  font-weight: 700;
  padding: 1em 1em 0 0;
}
.IntroLinksElement .IntroLinkElement img {
  display: none;
}
.IntroLinksElement .IntroLinkElement .text {
  padding-right: 1em;
  padding-left: 1em;
  color: #FFF;
  margin-left: 0;
  background: transparent;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  transition: bottom 0.5s ease;
}
.IntroLinksElement .IntroLinkElement .text p {
  min-height: 5em;
}
.TextElement {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 100%;
}
@media print, (min-width: 48em) {
  .TextElement {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.TextElement a[href]:focus,
.TextElement a[href]:hover,
.TextElement a[href]:active {
  outline: none;
  text-decoration: underline;
}
.TextElement .step-nr {
  background: #1D4370;
  border-radius: 2em;
  color: #fff;
  width: 1.5em;
  font-size: 200%;
  font-weight: 700;
  text-align: center;
  margin: 3em auto 1em;
  line-height: 1.5;
}
.TextElement img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.TextElement > h1 {
  font-size: 250%;
  font-weight: 300;
}
@media print, (min-width: 48em) {
  .TextElement > h1 {
    font-size: 300%;
  }
}
.TextElement > h2 {
  font-size: 150%;
  font-weight: 300;
  line-height: 1.2;
}
@media print, (min-width: 48em) {
  .TextElement > h2 {
    font-size: 200%;
  }
}
.TextElement .tipp {
  font-weight: 700;
  color: #1D4370;
}
.TextElement .link-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
.TextElement .link-list > li {
  padding: 0;
  margin: 0;
}
@media print, (min-width: 48em) {
  .TextElement .link-list {
    margin-bottom: 4em;
  }
}
.TextElement .link-list > li {
  background-color: #F5F5F5;
  padding-top: 0.5em;
  padding-left: 0.5em;
  font-weight: 700;
}
@media print, (min-width: 48em) {
  .TextElement .link-list > li {
    position: relative;
    min-height: 6em;
  }
}
.TextElement .link-list > li:last-child {
  padding-bottom: 2em;
}
.TextElement .link-list > li > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #F5F5F5;
  padding-right: 0.5em;
}
.TextElement .link-list > li > ul > li {
  padding: 0;
  margin: 0;
}
@media print, (min-width: 48em) {
  .TextElement .link-list > li > ul {
    position: absolute;
    top: 0;
    left: 40%;
    right: 0;
  }
}
.TextElement .link-list > li > ul > li {
  padding-top: 0.5em;
}
.TextElement .link-list > li > ul > li:last-child {
  padding-bottom: 0.5em;
}
.TextElement .use-advice {
  position: relative;
  border: 1px solid #003E80;
  border-radius: 2px;
  padding: 0.4em 0.4em 0.4em 2em;
  margin: 1em 0 0.4em;
  font-size: 100%;
}
.TextElement .use-advice:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f185";
}
.TextElement .use-advice > span {
  display: none;
}
.TextElement .use-advice:before {
  position: absolute;
  top: 50%;
  left: 0.2em;
  margin-top: -0.5em;
  font-size: 130%;
  color: #003E80;
}
.TextElement .img-caption {
  font-size: 80%;
  margin-top: -1.5em;
}
@media print, (min-width: 48em) {
  .TextElement .img-caption {
    margin-top: -3em;
  }
}
.TextElement .cta-button {
  border-color: transparent;
  border-radius: 0;
  background: #1D4370;
  color: #fff;
  font-size: 130%;
  padding: 0.5em 1.5em;
}
.TextElement .cta-button[href]:hover,
.TextElement .cta-button[href]:focus {
  text-decoration: none;
}
.TextElement p:last-child {
  margin-bottom: 3em;
}
.VideoElement {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  .VideoElement {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print {
  .VideoElement {
    display: none;
  }
}
.VideoElement textarea {
  display: none;
}
.VideoElement figure {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.VideoElement figure:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f193";
}
.VideoElement figure > span {
  display: none;
}
.VideoElement figure:before {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  font-size: 500%;
  color: #cd201f;
}
.VideoElement figure:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 1em;
  height: 1em;
  background: white;
  left: 50%;
  top: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  font-size: 300%;
}
.VideoElement.loaded figure {
  display: none;
}
.ImageElement {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media print, (min-width: 48em) {
  .ImageElement {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.ImageElement img {
  width: 100%;
  height: auto;
}
@media print, (min-width: 48em) {
  .ImageElement {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .ImageElement img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
  }
}
body.UseCasePage .ImageElement {
  margin-top: 0;
}
.TeamElement,
.ContactPersonsElement {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  .TeamElement,
  .ContactPersonsElement {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.TeamElement .header h2,
.ContactPersonsElement .header h2 {
  font-size: 250%;
}
.TeamElement .team-members,
.ContactPersonsElement .team-members {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 2em;
}
.TeamElement .team-members:before,
.ContactPersonsElement .team-members:before,
.TeamElement .team-members:after,
.ContactPersonsElement .team-members:after {
  content: " ";
  display: table;
  clear: both;
}
.TeamElement .team-members .col,
.ContactPersonsElement .team-members .col {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media print, (min-width: 48em) {
  .TeamElement .team-members .col,
  .ContactPersonsElement .team-members .col {
    width: 50%;
    margin-bottom: 20px;
  }
}
@media print, (min-width: 62.5em) {
  .TeamElement .team-members .col,
  .ContactPersonsElement .team-members .col {
    width: 33.333%;
  }
}
.TeamElement .team-members .col .team-member,
.ContactPersonsElement .team-members .col .team-member {
  box-sizing: border-box;
  background-color: #f3f3f3;
  width: auto;
  margin: 20px auto;
}
.TeamElement .team-members .col .team-member img,
.ContactPersonsElement .team-members .col .team-member img {
  padding: 1em 1em;
  height: 6.875em;
  width: auto;
  display: block;
}
.TeamElement .team-members .col .team-member .text,
.ContactPersonsElement .team-members .col .team-member .text {
  padding-left: 1em;
  padding-bottom: 1em;
}
.TeamElement .team-members .col .team-member .text p,
.ContactPersonsElement .team-members .col .team-member .text p {
  line-height: 1.5;
}
.TeamElement .team-members .col .team-member .text p a:focus,
.ContactPersonsElement .team-members .col .team-member .text p a:focus,
.TeamElement .team-members .col .team-member .text p a:hover,
.ContactPersonsElement .team-members .col .team-member .text p a:hover {
  outline: none;
  text-decoration: underline;
  color: #1D4370;
}
.TeamElement .team-members .col .team-member h4,
.ContactPersonsElement .team-members .col .team-member h4 {
  font-size: 125%;
}
@media print, (min-width: 48em) {
  .TeamElement .team-members .col .team-member,
  .ContactPersonsElement .team-members .col .team-member {
    height: 100%;
    padding-bottom: 0;
    margin: 0 auto 1em;
  }
}
.TeamElement .sub-department h3,
.ContactPersonsElement .sub-department h3 {
  font-size: 187.5%;
  margin-top: 0;
  margin-bottom: 0;
}
.TeamElement .sub-department > p,
.ContactPersonsElement .sub-department > p {
  margin-top: 0.5em;
  margin-bottom: 0;
}
@media print, (min-width: 48em) {
  .TeamElement .sub-department,
  .ContactPersonsElement .sub-department {
    display: block;
  }
  .TeamElement .sub-department h3,
  .ContactPersonsElement .sub-department h3 {
    margin-bottom: 0.5em;
  }
  .TeamElement .sub-department > p,
  .ContactPersonsElement .sub-department > p {
    margin-bottom: 1em;
  }
}
.regional-supporters-panel a:link:focus,
.regional-supporters-panel a:link:hover {
  outline: none;
  text-decoration: underline;
  color: #1D4370;
}
.regional-supporters-panel > .header {
  padding: 0 20px;
  margin-bottom: 0.3125em;
}
@media print, (min-width: 48em) {
  .regional-supporters-panel > .header {
    padding: 0;
  }
}
.regional-supporters-panel > .header .title {
  font-weight: 700;
  font-size: 125%;
  color: #1D4370;
  margin: 0;
}
.regional-supporters-panel > .content {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
  padding: 0 20px;
}
.regional-supporters-panel > .content:before,
.regional-supporters-panel > .content:after {
  content: " ";
  display: table;
  clear: both;
}
@media print, (min-width: 62.5em) {
  .regional-supporters-panel > .content {
    padding: 0;
  }
}
.regional-supporters-panel .department {
  float: left;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33333333%;
  margin-bottom: 2em;
  box-sizing: border-box;
}
@media print, (min-width: 62.5em) {
  .regional-supporters-panel .department {
    width: 25%;
    margin-bottom: 0;
  }
}
.regional-supporters-panel .department .header {
  margin-top: 0.625em;
  margin-bottom: 0.9375em;
  margin-right: 0;
  margin-left: 0;
}
.regional-supporters-panel .department .header .title {
  font-weight: 900;
  margin: 0;
}
.regional-supporters-panel .department .col .team-member .text h4 {
  margin: 0.625em 0;
}
.regional-supporters-panel .department .col .team-member .text p {
  margin: 0;
}
.regional-supporters-panel .department .col .team-member .text p:first-of-type {
  margin-bottom: 0.625em;
}
.regional-supporters-panel .department .col .team-member .text a {
  display: inline-block;
  color: #4A4A4A;
  margin-bottom: 0.625em;
}
.regional-supporters-panel .department .col .team-member .text .region {
  display: none;
}
.support-form-container {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  display: none;
}
@media print, (min-width: 48em) {
  .support-form-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
body.support-open .support-form-container {
  display: block;
}
.support-form-container:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
@media print, (min-width: 48em) {
  .support-form-container:before {
    top: 3.125em;
  }
}
.support-form-container .support-form {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  background: #fff;
  padding-right: 2.0625em;
  padding-left: 2.0625em;
  padding-bottom: 1em;
  margin-left: -0.7em;
  z-index: 100000;
  width: 100%;
}
@media print, (min-width: 48em) {
  .support-form-container .support-form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 48em) {
  .support-form-container .support-form {
    margin-top: 0;
    padding-right: 1.75em;
    padding-left: 1.75em;
    top: 3.125em;
    margin-left: -1.25em;
  }
}
.support-form-container .support-form h4 {
  font-size: 150%;
  color: #1D4370;
}
@media print, (min-width: 48em) {
  .support-form-container .support-form .support-left {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
    position: relative;
  }
}
@media print, (min-width: 48em) {
  .support-form-container .support-form .support-left figure {
    position: absolute;
    left: 0;
    right: 20px;
    height: 0;
    padding-bottom: 60%;
  }
}
.support-form-container .support-form .support-left img {
  width: 100%;
  height: auto;
  max-width: 50em;
}
@media print, (min-width: 48em) {
  .support-form-container .support-form .support-left img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.support-form-container .support-form .support-right {
  margin-top: 20px;
}
@media print, (min-width: 48em) {
  .support-form-container .support-form .support-right {
    margin-top: 0;
  }
}
.support-form-container .support-form .support-right #support-message-field {
  clear: both;
}
.support-form-container .support-form .support-right .support-closer {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: -0.65em;
  width: 5em;
  height: 5em;
}
.support-form-container .support-form .support-right .support-closer:focus,
.support-form-container .support-form .support-right .support-closer:hover {
  outline: none;
  color: #367C27;
}
.support-form-container .support-form .support-right .support-closer .icon {
  font-size: 175%;
}
.support-form-container .support-form .support-right .support-closer .icon:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f184";
}
.support-form-container .support-form .support-right .support-closer .icon > span {
  display: none;
}
.support-form-container .support-form input[type=text],
.support-form-container .support-form input[type=email],
.support-form-container .support-form textarea {
  box-sizing: border-box;
  margin-top: 0;
  border-radius: 0;
  padding: 0.625em;
}
@media print, (min-width: 62.5em) {
  .support-form-container .support-form input[type=text],
  .support-form-container .support-form input[type=email],
  .support-form-container .support-form textarea {
    padding: 1.40625em;
  }
}
.support-form-container .support-form input:invalid,
.support-form-container .support-form textarea:invalid,
.support-form-container .support-form .virtual-input:invalid {
  border-color: #959595;
}
.support-form-container .support-form .support-cancel {
  clear: both;
}
.support-form-container .support-form .support-send {
  background-color: #367C27;
}
.MyJobSitesPage header {
  align-items: center;
  margin-bottom: 50px;
}
@media (min-width: 62.5em) {
  .MyJobSitesPage header {
    display: flex;
    justify-content: space-between;
  }
}
.MyJobSitesPage header h1 {
  flex: 0 0 70%;
}
.MyJobSitesPage header button {
  flex: 0 0 auto;
  margin: -15px 0 0 0;
}
.MyJobSitesPage header h1,
.MyJobSitesPage header h2,
.MyJobSitesPage header h3 {
  font-size: 187.5%;
  margin-bottom: 0;
}
@media print, (min-width: 62.5em) {
  .MyJobSitesPage header h1,
  .MyJobSitesPage header h2,
  .MyJobSitesPage header h3 {
    font-size: 250%;
  }
}
@media (max-width: 62.5em) {
  .MyJobSitesPage .my-job-sites-content-section header {
    margin-bottom: 20px;
  }
}
.MyJobSitesPage .my-job-sites-content-section header .my-job-site-toolbar button {
  margin: 25px 0 0;
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list li {
  width: 50%;
  max-width: 50%;
  flex-basis: 50%;
  flex-grow: 1;
  box-sizing: border-box;
  padding: 10px;
}
@media (max-width: 62.5em) {
  .MyJobSitesPage .my-job-site-listing .my-job-list-list li {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding: 10px 0;
  }
  .MyJobSitesPage .my-job-site-listing .my-job-list-list li:first-child {
    padding-top: 0;
  }
  .MyJobSitesPage .my-job-site-listing .my-job-list-list li:last-child {
    padding-bottom: 0;
  }
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list li .my-job-site {
  border: solid 1px #F5F5F5;
  box-sizing: border-box;
  padding: 10px 50px 10px 20px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list li .my-job-site.sap-expired {
  background: rgba(245, 245, 245, 0.2);
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list li .my-job-site.sap-expired .contract-status {
  color: #A4A4A4;
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list li .my-job-site:hover .i-select-arrow:before {
  transform: translate(-50%, -50%) rotate(-90deg) translateY(10px);
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list li .my-job-site .contract-status {
  font-size: 32px;
  color: #367C27;
  vertical-align: middle;
  margin: 0 20px 0 0;
  position: relative;
  top: 3px;
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list li .my-job-site h3 {
  color: #000;
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list li .my-job-site .i-select-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  background: transparent;
  color: #1D4370;
  height: 100%;
  padding: 30px;
  box-sizing: border-box;
}
.MyJobSitesPage .my-job-site-listing .my-job-list-list li .my-job-site .i-select-arrow:before {
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
}
@keyframes buy-done {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  10% {
    opacity: 1;
    transform: translate(0, -1.2em);
  }
  90% {
    opacity: 1;
    transform: translate(0, -1.2em);
  }
  100% {
    opacity: 0;
    transform: translate(0, -2.4em);
  }
}
body.ProductDetail .product-details {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-details {
    padding-left: 20px;
    padding-right: 20px;
  }
}
body.ProductDetail .product-details .header {
  clear: both;
}
body.ProductDetail .product-details .header:before,
body.ProductDetail .product-details .header:after {
  content: " ";
  display: table;
  clear: both;
}
body.ProductDetail .product-details .header h1 {
  font-size: 212.5%;
}
@media print, (min-width: 62.5em) {
  body.ProductDetail .product-details .header h1 {
    font-size: 300%;
  }
}
body.ProductDetail .product-details .content {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
}
body.ProductDetail .product-details .content:before,
body.ProductDetail .product-details .content:after {
  content: " ";
  display: table;
  clear: both;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-details .content {
    min-height: 8em;
  }
}
body.ProductDetail .product-details .content button.read-more {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  color: #1D4370;
  font-weight: bold;
  cursor: pointer;
}
body.ProductDetail .product-details .content figure {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-details .content figure {
    width: 50%;
    float: left;
  }
}
@media print, (min-width: 62.5em) {
  body.ProductDetail .product-details .content figure {
    width: 30%;
  }
}
body.ProductDetail .product-details .content figure img {
  width: 100%;
  height: auto;
}
body.ProductDetail .product-details .content .description {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-details .content .description {
    padding-bottom: 8em;
    margin-left: 3%;
    width: 47%;
  }
}
@media print, (min-width: 62.5em) {
  body.ProductDetail .product-details .content .description {
    width: 67%;
    margin-left: 3%;
  }
}
body.ProductDetail .product-details .content .description p {
  font-size: 112.5%;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-details .content .description p {
    margin-top: 0;
  }
}
body.ProductDetail .product-configurator {
  position: relative;
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configurator {
    padding-left: 20px;
    padding-right: 20px;
  }
}
body.ProductDetail .product-configurator .header h2 {
  font-size: 187.5%;
}
@media print, (min-width: 62.5em) {
  body.ProductDetail .product-configurator .header h2 {
    font-size: 250%;
  }
}
body.ProductDetail .product-configurator legend {
  font-weight: 700;
  font-size: 0.9375em;
  margin-bottom: 0.6em;
  display: block;
  position: relative;
  width: 100%;
}
body.ProductDetail .product-configurator legend .action-icon {
  position: absolute;
  right: 0.5em;
  top: -0.5em;
  transition: all 0.4s ease;
}
body.ProductDetail .product-configurator legend .action-icon:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f186";
}
body.ProductDetail .product-configurator legend .action-icon > span {
  display: none;
}
body.ProductDetail .product-configurator legend .action-icon:hover {
  color: #1D4370;
}
body.ProductDetail .product-configurator legend .action-icon:before {
  font-size: 180%;
}
body.ProductDetail .product-configurator legend .action-icon[href]:focus,
body.ProductDetail .product-configurator legend .action-icon[href]:hover {
  outline: none;
  margin-top: -0.3em;
  transform: scale(1.1);
}
body.ProductDetail .product-configurator legend .map-link:before {
  content: "\f186";
}
body.ProductDetail .product-configurator legend .site-add-link {
  cursor: pointer;
}
body.ProductDetail .product-configurator legend .site-add-link:before {
  content: "\f183";
  font-size: 110%;
  padding: 0.5em 0.3em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body.ProductDetail .product-configurator legend .site-add-link:before {
    font-size: 60%;
    top: -1em;
  }
}
body.ProductDetail .product-configurator fieldset {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
}
body.ProductDetail .product-configuration-form {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
  padding-bottom: 2em;
  border: none;
}
body.ProductDetail .product-configuration-form:before,
body.ProductDetail .product-configuration-form:after {
  content: " ";
  display: table;
  clear: both;
}
body.ProductDetail .product-configuration-form .header {
  position: relative;
}
body.ProductDetail .product-configuration-form .editCompanyFavs {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 1.25em;
  right: 0;
  outline: none;
  display: none;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configuration-form .editCompanyFavs {
    display: block;
  }
}
@media print, (min-width: 62.5em) {
  body.ProductDetail .product-configuration-form .editCompanyFavs {
    top: 2.0625em;
  }
}
@media (min-width: 75em) {
  body.ProductDetail .product-configuration-form .editCompanyFavs {
    top: 2em;
  }
}
body.ProductDetail .product-configuration-form .editCompanyFavs.mobile {
  position: relative;
  right: 0;
  top: 0;
  display: block;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configuration-form .editCompanyFavs.mobile {
    display: none;
  }
}
body.ProductDetail .product-configuration-form .editCompanyFavs.mobile[disabled] span.impossible {
  opacity: 1;
}
body.ProductDetail .product-configuration-form .editCompanyFavs.mobile span {
  display: block;
  right: auto;
  left: 3em;
  top: 0.3em;
  text-align: left;
}
body.ProductDetail .product-configuration-form .editCompanyFavs.mobile span.impossible {
  left: 3.5em;
  min-width: 17em;
}
body.ProductDetail .product-configuration-form .editCompanyFavs.mobile > svg {
  width: 2.9375em;
  height: 2.875em;
}
body.ProductDetail .product-configuration-form .editCompanyFavs:not(.mobile) span.add {
  display: none;
}
@media print, (min-width: 75em) {
  body.ProductDetail .product-configuration-form .editCompanyFavs:not(.mobile) span.add {
    display: block;
  }
}
body.ProductDetail .product-configuration-form .editCompanyFavs span {
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.4s ease;
  position: absolute;
  font-size: 112.5%;
  right: 2.2em;
  top: 0;
  text-align: right;
  line-height: 2.3;
}
body.ProductDetail .product-configuration-form .editCompanyFavs span.impossible {
  background: #fff;
  right: 3em;
  white-space: normal;
  font-size: 87.5%;
  line-height: 1.2;
  top: 50%;
  transform: translate(0, -50%);
  min-width: 12em;
}
body.ProductDetail .product-configuration-form .editCompanyFavs svg {
  right: 0;
  width: 2.0625em;
  height: 2em;
  position: relative;
  top: 0.1em;
}
@media (min-width: 75em) {
  body.ProductDetail .product-configuration-form .editCompanyFavs svg {
    top: 0.2em;
  }
}
body.ProductDetail .product-configuration-form .editCompanyFavs svg .inactive,
body.ProductDetail .product-configuration-form .editCompanyFavs svg .active {
  transition: all 1s ease;
}
body.ProductDetail .product-configuration-form .editCompanyFavs svg .inactive {
  opacity: 1;
}
body.ProductDetail .product-configuration-form .editCompanyFavs svg .inactive path.st0 {
  fill: #818688;
}
body.ProductDetail .product-configuration-form .editCompanyFavs svg .active {
  opacity: 0;
}
body.ProductDetail .product-configuration-form .editCompanyFavs svg path {
  transition: all 0.4s ease;
}
body.ProductDetail .product-configuration-form .editCompanyFavs[disabled]:hover span.impossible {
  opacity: 1;
}
body.ProductDetail .product-configuration-form .editCompanyFavs:not([disabled]):not(.isFav) span.add {
  opacity: 1;
}
body.ProductDetail .product-configuration-form .editCompanyFavs.isFav:hover span.remove {
  opacity: 1;
}
body.ProductDetail .product-configuration-form .editCompanyFavs.isFav svg .active {
  opacity: 1;
}
body.ProductDetail .product-configuration-form .editCompanyFavs.isFav svg .active path.st2 {
  fill: #fdd852;
}
body.ProductDetail .product-configuration-form .editCompanyFavs.isFav svg .active path.st1 {
  fill: #faa72b;
}
body.ProductDetail .product-configuration-form .editCompanyFavs.isFav svg .inactive {
  opacity: 0;
}
body.ProductDetail .product-configuration-form .features {
  display: flex;
  flex-flow: column wrap;
  align-content: stretch;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configuration-form .features {
    width: 50%;
  }
}
@media print, (min-width: 62.5em) {
  body.ProductDetail .product-configuration-form .features {
    width: 60%;
  }
}
body.ProductDetail .product-configuration-form .features fieldset {
  margin: 0 0 1em;
  width: auto;
}
body.ProductDetail .product-configuration-form .features fieldset.feature-group {
  flex: 1;
  min-width: 10em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body.ProductDetail .product-configuration-form .features fieldset.feature-group {
    flex: none;
  }
}
body.ProductDetail .product-configuration-form .features fieldset.feature-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
}
body.ProductDetail .product-configuration-form .features fieldset.feature-group ul > li {
  padding: 0;
  margin: 0;
}
body.ProductDetail .product-configuration-form .features fieldset.feature-group ul li {
  min-width: 6em;
  margin-right: 0.2em;
}
body.ProductDetail .product-configuration-form .features fieldset.feature-group input[type="checkbox"] + label {
  font-weight: bold;
}
body.ProductDetail .product-configuration-form .features fieldset.feature-group input[type="checkbox"]:disabled + label {
  opacity: 1;
}
body.ProductDetail .product-configuration-form .order-panel {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  position: relative;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configuration-form .order-panel {
    width: 50%;
  }
}
@media print, (min-width: 62.5em) {
  body.ProductDetail .product-configuration-form .order-panel {
    width: 37%;
    margin-left: 3%;
  }
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configuration-form .order-panel .header {
    margin-bottom: 2em;
  }
}
body.ProductDetail .product-configuration-form .order-panel button.button.submit,
body.ProductDetail .product-configuration-form .order-panel a.button {
  position: relative;
  width: 100%;
  font-size: 120%;
}
body.ProductDetail .product-configuration-form .order-panel button.button.submit span.add-done,
body.ProductDetail .product-configuration-form .order-panel a.button span.add-done {
  display: none;
}
body.ProductDetail .product-configuration-form .order-panel button.button.submit .indicator,
body.ProductDetail .product-configuration-form .order-panel a.button .indicator {
  position: absolute;
  width: 1em;
  height: 1em;
  background: #367C27;
  border-radius: 0.5em;
  color: #fff;
  font-size: 130%;
  top: 0;
  left: 50%;
  margin-left: -0.5em;
  opacity: 0;
}
body.ProductDetail .product-configuration-form .order-panel button.button.submit .indicator:before,
body.ProductDetail .product-configuration-form .order-panel a.button .indicator:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f16a";
}
body.ProductDetail .product-configuration-form .order-panel button.button.submit .indicator > span,
body.ProductDetail .product-configuration-form .order-panel a.button .indicator > span {
  display: none;
}
body.ProductDetail .product-configuration-form .order-panel button.button.submit .indicator:before,
body.ProductDetail .product-configuration-form .order-panel a.button .indicator:before {
  font-size: 70%;
  display: block;
  line-height: 150%;
}
body.ProductDetail .product-configuration-form .order-panel button.button.submit.done span.already-added,
body.ProductDetail .product-configuration-form .order-panel a.button.done span.already-added {
  display: none;
}
body.ProductDetail .product-configuration-form .order-panel button.button.submit.done span.add-done,
body.ProductDetail .product-configuration-form .order-panel a.button.done span.add-done {
  display: inline;
}
body.ProductDetail .product-configuration-form .order-panel button.button.submit.done .indicator,
body.ProductDetail .product-configuration-form .order-panel a.button.done .indicator {
  animation: buy-done linear 3s;
}
body.ProductDetail .product-configuration-form .order-panel .transport {
  margin: 1.25em 0;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configuration-form .order-panel .transport {
    margin: 0;
  }
}
body.ProductDetail .product-configuration-form .order-panel .price {
  font-weight: 700;
  margin: 1.25em 0;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configuration-form .order-panel .price {
    text-align: right;
    position: absolute;
    bottom: 100%;
    right: 20px;
    margin-top: 0;
    margin-bottom: -0.5em;
  }
}
body.ProductDetail .product-configuration-form .order-panel .price .online-discount,
body.ProductDetail .product-configuration-form .order-panel .price .voucher-discount {
  color: #1D4370;
}
body.ProductDetail .product-configuration-form .order-panel .price .final-price .amount,
body.ProductDetail .product-configuration-form .order-panel .price .final-price .unit {
  font-size: 125%;
}
@media print, (min-width: 30em) {
  body.ProductDetail .product-configuration-form .order-panel .price .final-price .amount,
  body.ProductDetail .product-configuration-form .order-panel .price .final-price .unit {
    font-size: 187.5%;
  }
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configuration-form .order-panel .price .final-price .amount,
  body.ProductDetail .product-configuration-form .order-panel .price .final-price .unit {
    font-size: 275%;
  }
}
body.ProductDetail .product-configuration-form .order-panel .price .final-price .unit {
  clear: both;
}
body.ProductDetail .product-configuration-form .order-panel .price .original-unit-price {
  margin-bottom: -1.2em;
}
body.ProductDetail .product-configuration-form .order-panel .discount-note {
  margin: 1em 0;
  text-align: right;
}
body.ProductDetail .product-configuration-form .order-panel .discount-note span {
  font-size: 75%;
}
body.ProductDetail .product-configuration-form .order-panel .order-locations {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
}
body.ProductDetail .product-configuration-form .order-panel .order-locations:before,
body.ProductDetail .product-configuration-form .order-panel .order-locations:after {
  content: " ";
  display: table;
  clear: both;
}
body.ProductDetail .product-configuration-form .order-panel .order-locations .sites {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
}
body.ProductDetail .product-configuration-form .order-panel .order-locations .plants {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
}
body.ProductDetail .product-configuration-form .order-panel .order-locations .plants .selectric-items li[data-index="0"]:before {
  content: "";
}
body.ProductDetail .product-configuration-form .order-panel .order-locations .submit {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media print, (min-width: 48em) {
  body.ProductDetail .product-configuration-form .order-panel .order-locations .submit {
    margin-top: 1em;
  }
}
body.ProductDetail .product-configuration-form .order-panel .order-locations .submit .tooltip-listener.info {
  position: absolute;
  bottom: 4.0625em;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group > li {
  padding: 0;
  margin: 0;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group:before,
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group:after {
  content: " ";
  display: table;
  clear: both;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group > li {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
  margin-top: -0.6em;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group input[type="radio"]:disabled + label {
  opacity: 1;
  color: #979797;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group input[type="radio"]:disabled + label:after {
  border-color: #979797;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .transport-label {
  margin-left: 0;
  margin-bottom: 1em;
  margin-top: 4em;
}
@media print, (min-width: 30em) {
  body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .transport-label {
    margin-top: 1em;
    margin-left: 3.75em;
  }
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .transport-label .icon {
  position: absolute;
  left: 50%;
  margin-left: -2em;
  top: -4em;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .transport-label .icon:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f177";
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .transport-label .icon > span {
  display: none;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .transport-label .icon:before {
  display: block;
  font-size: 400%;
}
@media print, (min-width: 30em) {
  body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .transport-label .icon {
    left: -4em;
    margin-left: 0;
    top: -1.5em;
  }
}
@media print, (min-width: 30em) {
  body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group li.transport-delivery label .icon:before {
    content: "\f16b";
  }
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .tooltip-listener {
  position: absolute;
  width: auto;
  height: auto;
  z-index: 20;
  right: 0;
  bottom: 0;
  left: -4em;
  top: -3.4em;
}
body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .tooltip-listener:before {
  text-align: right;
  font-size: 160%;
  color: #003E80;
  margin-top: 0.6em;
  margin-left: 2.5em;
}
@media print, (min-width: 30em) {
  body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .tooltip-listener {
    left: -7em;
    top: -1em;
  }
}
@media print and screen and (-ms-high-contrast: active), (min-width: 30em) and screen and (-ms-high-contrast: active), print and (-ms-high-contrast: none), (min-width: 30em) and (-ms-high-contrast: none) {
  body.ProductDetail .product-configuration-form .order-panel .transport-group ul.radio-group .tooltip-listener {
    left: -6.8em;
  }
}
body.ProductDetail .product-configuration-form .buyme-panel {
  margin: 1em auto;
  background: #e8e8e8;
  padding: 20px;
}
body.ProductDetail .product-configuration-form .buyme-panel .actions {
  text-align: right;
}
.order-article {
  border-bottom: 1px solid #b0b0b0;
  padding-top: 1em;
  position: relative;
}
.order-article:first-child {
  border-top: 1px solid #b0b0b0;
}
.order-article.order-item-create h4 {
  font-size: 200%;
  margin-top: 0;
}
.order-article .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}
.order-article .info {
  position: relative;
  border: 1px solid #003E80;
  border-radius: 2px;
  padding: 0.4em 0.4em 0.4em 2em;
  margin: 0.8em 0 0.4em;
  font-size: 87.5%;
}
.order-article .info:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f185";
}
.order-article .info > span {
  display: none;
}
.order-article .info:before {
  position: absolute;
  top: 50%;
  left: 0.2em;
  margin-top: -0.5em;
  font-size: 130%;
  color: #003E80;
}
.order-article .selectric .label {
  clear: both;
}
.order-article input .icon:before {
  margin-right: 0.4em;
}
.order-article input .icon.arrow-down:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f18c";
}
.order-article input .icon.arrow-down > span {
  display: none;
}
.order-article input .icon.delete:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f18d";
}
.order-article input .icon.delete > span {
  display: none;
}
.order-article input .icon.cart:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f18a";
}
.order-article input .icon.cart > span {
  display: none;
}
.order-article-row {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
  position: relative;
}
.order-article-row:before,
.order-article-row:after {
  content: " ";
  display: table;
  clear: both;
}
.order-article:not(.create-form) .order-article-fieldgroup {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin-bottom: 1em;
}
.order-article:not(.create-form) .order-article-fieldgroup .order-article-field {
  margin-top: 0;
}
@media print, (min-width: 30em) {
  .order-article:not(.create-form) .order-article-fieldgroup.amount {
    width: 33.333%;
  }
}
@media print, (min-width: 48em) {
  .order-article:not(.create-form) .order-article-fieldgroup.amount {
    width: 20%;
  }
}
@media print, (min-width: 62.5em) {
  .order-article:not(.create-form) .order-article-fieldgroup.amount {
    width: 15%;
  }
}
@media print, (min-width: 75em) {
  .order-article:not(.create-form) .order-article-fieldgroup.amount {
    width: 15%;
  }
}
.order-article:not(.create-form) .order-article-fieldgroup.amount .middleColumn[data-unit-value]:after {
  padding: 0.5em;
  transform: none;
  left: 3.7em;
}
.order-article:not(.create-form) .order-article-fieldgroup.amount input {
  width: 3.5em;
}
.order-article:not(.create-form) .order-article-fieldgroup.product .virtual-input {
  font-weight: 900;
}
.order-article:not(.create-form) .order-article-fieldgroup.product .feature-string {
  margin-top: -0.3em;
  display: block;
}
.order-article:not(.create-form) .order-article-fieldgroup.product .feature-string a[href] {
  outline: none;
}
.order-article:not(.create-form) .order-article-fieldgroup.product .feature-string a[href]:focus,
.order-article:not(.create-form) .order-article-fieldgroup.product .feature-string a[href]:active,
.order-article:not(.create-form) .order-article-fieldgroup.product .feature-string a[href]:hover {
  outline: none;
  text-decoration: underline;
}
@media print, (min-width: 30em) {
  .order-article:not(.create-form) .order-article-fieldgroup.product {
    width: 66.666%;
  }
}
@media print, (min-width: 48em) {
  .order-article:not(.create-form) .order-article-fieldgroup.product {
    width: 80%;
  }
}
@media print, (min-width: 62.5em) {
  .order-article:not(.create-form) .order-article-fieldgroup.product {
    margin-bottom: 0;
    width: 40%;
  }
}
@media print, (min-width: 30em) {
  .order-article:not(.create-form) .order-article-fieldgroup.order-options {
    width: 33.333%;
  }
}
@media print, (min-width: 48em) {
  .order-article:not(.create-form) .order-article-fieldgroup.order-options {
    margin-left: 20%;
    width: 26.66666667%;
  }
}
@media print, (min-width: 62.5em) {
  .order-article:not(.create-form) .order-article-fieldgroup.order-options {
    margin-left: 0;
    width: 15%;
  }
}
@media print, (min-width: 30em) {
  .order-article:not(.create-form) .order-article-fieldgroup.costs,
  .order-article:not(.create-form) .order-article-fieldgroup.delivery-costs,
  .order-article:not(.create-form) .order-article-fieldgroup.discount {
    width: 33.333%;
  }
}
@media print, (min-width: 48em) {
  .order-article:not(.create-form) .order-article-fieldgroup.costs,
  .order-article:not(.create-form) .order-article-fieldgroup.delivery-costs,
  .order-article:not(.create-form) .order-article-fieldgroup.discount {
    width: 26.66666667%;
  }
  .order-article:not(.create-form) .order-article-fieldgroup.costs:not(.payment-type),
  .order-article:not(.create-form) .order-article-fieldgroup.delivery-costs:not(.payment-type),
  .order-article:not(.create-form) .order-article-fieldgroup.discount:not(.payment-type) {
    text-align: right;
  }
  .order-article:not(.create-form) .order-article-fieldgroup.costs:not(.payment-type) .virtual-input,
  .order-article:not(.create-form) .order-article-fieldgroup.delivery-costs:not(.payment-type) .virtual-input,
  .order-article:not(.create-form) .order-article-fieldgroup.discount:not(.payment-type) .virtual-input {
    text-align: right;
  }
}
@media print, (min-width: 62.5em) {
  .order-article:not(.create-form) .order-article-fieldgroup.costs,
  .order-article:not(.create-form) .order-article-fieldgroup.delivery-costs,
  .order-article:not(.create-form) .order-article-fieldgroup.discount {
    width: 15%;
  }
}
@media print, (min-width: 75em) {
  .order-article:not(.create-form) .order-article-fieldgroup.costs,
  .order-article:not(.create-form) .order-article-fieldgroup.delivery-costs,
  .order-article:not(.create-form) .order-article-fieldgroup.discount {
    width: 15%;
  }
}
@media print, (min-width: 48em) {
  .order-article:not(.create-form) .order-article-fieldgroup.delivery-costs {
    margin-left: 20%;
  }
}
@media print, (min-width: 62.5em) {
  .order-article:not(.create-form) .order-article-fieldgroup.delivery-costs {
    margin-left: 0;
  }
}
.order-article:not(.create-form) .order-article-fieldgroup.notes {
  width: 100%;
}
.order-article:not(.create-form) .order-article-fieldgroup.notes .virtual-input span {
  white-space: nowrap;
}
@media print, (min-width: 62.5em) {
  .order-article:not(.create-form) .order-article-fieldgroup.notes {
    width: 70%;
  }
}
@media print, (min-width: 75em) {
  .order-article:not(.create-form) .order-article-fieldgroup.notes {
    width: 70%;
  }
}
.order-article:not(.create-form) .order-article-fieldgroup.contact {
  width: 100%;
}
@media print, (min-width: 62.5em) {
  .order-article:not(.create-form) .order-article-fieldgroup.contact {
    width: 30%;
  }
}
@media print, (min-width: 75em) {
  .order-article:not(.create-form) .order-article-fieldgroup.contact {
    width: 30%;
  }
}
.order-article:not(.create-form) .order-article-fieldgroup.cost-list .total-amounts input {
  width: auto;
  max-width: 100%;
  text-align: right;
}
.order-article-field label {
  position: relative;
  font-size: 80%;
}
.order-article-field label.has-tag {
  margin-top: -0.05em;
}
.order-article-field label .action-icon {
  position: absolute;
  top: -0.75em;
  transition: all 0.4s ease;
}
.order-article-field label .action-icon:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f186";
}
.order-article-field label .action-icon > span {
  display: none;
}
.order-article-field label .action-icon:before {
  font-size: 180%;
}
.order-article-field label .action-icon[href]:focus,
.order-article-field label .action-icon[href]:hover {
  outline: none;
  margin-top: -0.3em;
  transform: scale(1.1);
}
.order-article-field label .action-icon.map-link:before {
  content: "\f186";
}
.order-article-field .selectric-wrapper {
  height: 2.25em;
}
.order-article-field .selectric .label {
  padding-right: 1.5em;
}
.order-article-field .selectric .button {
  right: 0.4em;
  margin-top: -0.45em;
}
.order-article-field input,
.order-article-field textarea,
.order-article-field .selectric,
.order-article-field .virtual-input {
  font-size: 110%;
}
.order-article-field input:disabled,
.order-article-field textarea:disabled,
.order-article-field .selectric:disabled,
.order-article-field .virtual-input:disabled {
  color: #4A4A4A;
  border-color: transparent;
}
.order-article-field textarea {
  height: 6em;
}
.order-article-field .virtual-input {
  font-weight: 900;
  color: #4A4A4A;
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.order-article-field .virtual-input.pre {
  white-space: pre-wrap;
}
.order-article-field .virtual-input + .secondary-value {
  margin-top: -0.3em;
}
.order-article-field .discount-tag {
  display: inline-block;
  color: #fff;
  background-color: #367C27;
  border-radius: 2px;
  font-weight: 700;
  margin: -0.1em 0.1em;
  padding: 0.1em 0.2em;
}
.order-article-actions {
  padding: 0.8em 0;
  margin-top: 0.4em;
}
.order-article-actions button {
  position: relative;
  z-index: 110;
}
.order-article-actions input[type="submit"],
.order-article-actions button {
  font-size: 110%;
}
.order-article-actions .row {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
}
.order-article-actions .row:before,
.order-article-actions .row:after {
  content: " ";
  display: table;
  clear: both;
}
.order-article-actions .col {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.order-article-actions .col > span {
  display: inline-block;
  padding: 0.35em 0;
}
.order-article-actions .col > span.company-message {
  font-size: 87.5%;
  padding-left: 1em;
}
@media print, (min-width: 30em) {
  .order-article-actions .col.label {
    width: 15%;
  }
}
@media print, (min-width: 48em) {
  .order-article-actions .col.label {
    width: 20%;
  }
}
@media print, (min-width: 62.5em) {
  .order-article-actions .col.label {
    width: 15%;
  }
}
@media print, (min-width: 75em) {
  .order-article-actions .col.label {
    width: 15%;
  }
}
.order-article-actions .col.value.state .current-state {
  font-weight: bold;
}
.order-article-actions .col.value.state .current-state.Pending {
  color: #003E80;
}
.order-article-actions .col.value.state .current-state.Accepted,
.order-article-actions .col.value.state .current-state.Delivered {
  color: #367C27;
}
.order-article-actions .col.value.state .current-state.Error,
.order-article-actions .col.value.state .current-state.Declined {
  color: #1D4370;
}
@media print, (min-width: 48em) {
  .order-article-actions .col.value {
    width: 40%;
  }
  .order-article-actions .col.value.full {
    width: 55%;
  }
  .order-article-actions .col.value.transport-cost {
    width: 20%;
  }
  .order-article-actions .col.value.notes:not(.full) {
    width: 20%;
  }
}
@media print, (min-width: 62.5em) {
  .order-article-actions .col.value.state {
    width: 15%;
  }
  .order-article-actions .col.value.full {
    width: 60%;
  }
}
@media print, (min-width: 75em) {
  .order-article-actions .col.value.full {
    width: 60%;
  }
}
.order-article-actions .col.notes {
  margin: 1em 0;
}
@media print, (min-width: 48em) {
  .order-article-actions .col.notes {
    margin: 0;
  }
  .order-article-actions .col.notes.full {
    width: 85%;
  }
}
.order-article-actions .col.actions {
  text-align: right;
}
@media print, (min-width: 48em) {
  .order-article-actions .col.actions {
    width: 25%;
  }
}
.order-article-actions label {
  margin-right: 1.25em;
}
.order-history-item h3 {
  margin-top: 0;
  font-size: 140%;
  margin-bottom: 1.2em;
}
.order-history-item .order-article-actions {
  border-top: 1px solid #cacaca;
}
.BasketPage .order-item-update .total-amounts {
  border-top: 1px solid #b0b0b0;
  margin-top: 0.4em;
  padding-top: 0.8em;
}
.BasketPage .order-item-update .total-amounts span {
  font-size: 100%;
}
.BasketPage .order-item-update .order-article-actions .col {
  margin: 0.4em 0;
}
@media print, (min-width: 48em) {
  .BasketPage .order-item-update .order-article-actions .col.notes {
    width: 40%;
  }
}
@media print, (min-width: 62.5em) {
  .BasketPage .order-item-update .order-article-actions .col.notes {
    width: 65%;
  }
}
@media print, (min-width: 75em) {
  .BasketPage .order-item-update .order-article-actions .col.notes {
    width: 65%;
  }
}
@media print, (min-width: 48em) {
  .BasketPage .order-item-update .order-article-actions .col.charge {
    width: 60%;
    margin-left: 20%;
  }
}
@media print, (min-width: 75em) {
  .BasketPage .order-item-update .order-article-actions .col.charge {
    width: 60%;
  }
}
.BasketPage .order-item-update .order-article-actions .col.charge .order-article-field {
  font-size: 130%;
  float: right;
  padding: 0.2em 0;
}
@media print, (min-width: 48em) {
  .BasketPage .order-item-update .order-article-actions .col.actions {
    width: 20%;
  }
}
@media print, (min-width: 75em) {
  .BasketPage .order-item-update .order-article-actions .col.actions {
    width: 20%;
  }
}
.BasketPage .order-item-update .order-article-actions .col.actions .order-article-field {
  font-size: 140%;
  padding: 0.2em 0;
}
.order-item-log-panel > .toggler {
  font-size: 120%;
  cursor: pointer;
  margin: 0 0 2em 0;
}
.order-item-log-panel > .toggler > span {
  display: inline-block;
  padding-left: 0.4em;
}
.order-item-log-panel > .toggler > i {
  display: inline-block;
  font-size: 80%;
  transform: scale(1, 1);
  transition: transform 0.4s ease;
}
.order-item-log-panel > .toggler.open > i {
  transform: scale(1, -1);
}
.order-item-log {
  width: 100%;
}
.order-item-log th,
.order-item-log td {
  text-align: left;
  padding: 0 0.1em;
}
.order-item-log tr:not(:last-child) th,
.order-item-log tr:not(:last-child) td {
  border-bottom: 1px solid #b0b0b0;
}
.favorites-list header h1,
.favorites-list header h2,
.favorites-list header h3 {
  font-size: 187.5%;
  marign-bottom: 1.33333333em;
}
@media print, (min-width: 62.5em) {
  .favorites-list header h1,
  .favorites-list header h2,
  .favorites-list header h3 {
    font-size: 250%;
    margin-bottom: 1.2em;
  }
}
.BasketPage .page-container {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  .BasketPage .page-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.BasketPage .external-sub-flyout-button {
  margin: 1em 0;
}
.BasketPage #basket-loader {
  width: 1.5em;
  height: 1.5em;
  fill: transparent;
  stroke: #4A4A4A;
  padding: 1em;
  stroke-width: 3px;
  display: block;
  margin: 2em auto;
}
.BasketPage .ProductTilesElement {
  padding-left: 0;
  padding-right: 0;
}
.BasketPage .constructionsite-panel header {
  margin-top: 2em;
}
.BasketPage .constructionsite-panel header h1 {
  font-size: 225%;
}
@media print, (min-width: 62.5em) {
  .BasketPage .constructionsite-panel header h1 {
    font-size: 300%;
  }
}
.BasketPage .constructionsite-panel .details {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
}
.BasketPage .constructionsite-panel .details:before,
.BasketPage .constructionsite-panel .details:after {
  content: " ";
  display: table;
  clear: both;
}
.BasketPage .constructionsite-panel .details:before,
.BasketPage .constructionsite-panel .details:after {
  content: " ";
  display: table;
  clear: both;
}
.BasketPage .constructionsite-panel .userdata {
  margin: 0;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media print, (min-width: 48em) {
  .BasketPage .constructionsite-panel .userdata {
    width: 50%;
  }
}
@media print, (min-width: 62.5em) {
  .BasketPage .constructionsite-panel .userdata {
    width: 40%;
  }
}
.BasketPage .constructionsite-panel .map {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media print, (min-width: 48em) {
  .BasketPage .constructionsite-panel .map {
    width: 50%;
  }
}
@media print, (min-width: 62.5em) {
  .BasketPage .constructionsite-panel .map {
    width: 60%;
  }
}
.BasketPage .constructionsite-panel .map > .inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 30%;
}
.BasketPage .constructionsite-panel .map > .inner #basket-google-map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.BasketPage h2 {
  font-size: 187.5%;
}
@media print, (min-width: 62.5em) {
  .BasketPage h2 {
    font-size: 250%;
  }
}
.BasketPage dl.total-amounts {
  margin: 1.5em 0 0.5em;
  padding: 0;
  text-align: right;
}
@media print, (min-width: 48em) {
  .BasketPage dl.total-amounts {
    width: 50%;
    margin-left: 50%;
  }
}
.BasketPage dl.total-amounts dt,
.BasketPage dl.total-amounts dd {
  text-align: right;
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.BasketPage dl.total-amounts dt {
  width: 50%;
}
.BasketPage dl.total-amounts dt.sub-total {
  font-style: italic;
  margin-bottom: 1em;
}
.BasketPage dl.total-amounts dt.sub-total + dd {
  font-style: italic;
  margin-bottom: 1em;
}
.BasketPage dl.total-amounts dt.total {
  font-weight: bold;
}
.BasketPage dl.total-amounts dt.total + dd {
  font-weight: bold;
}
.BasketPage dl.total-amounts dd {
  width: 40%;
}
.BasketPage .orders-panel {
  margin: 2em 0;
}
.BasketPage .orders-panel .price-notes {
  margin-top: 10px;
}
.BasketPage .orders-panel .order-footnotes {
  margin-top: 0.625em;
}
.BasketPage .order-history-item {
  position: relative;
  margin: 2em 0;
}
.BasketPage .order-history-item:first-child {
  border-top: none;
}
.BasketPage .order-history-item:before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: background 0.5s ease;
  background: transparent;
}
.BasketPage .order-history-item.changed:before {
  background: rgba(54, 124, 39, 0.3);
}
.BasketPage #basket-total dl.total-amounts span {
  font-size: 100%;
}
form.order-item-create .order-article {
  border: none;
  padding-top: 0;
}
form.order-item-create .order-article > header h4 {
  font-size: 130%;
  margin-top: 0;
}
form.order-item-create .order-article > header h4 strong {
  font-size: 110%;
}
form.order-item-create .order-article-fieldgroup {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media print, (min-width: 48em) {
  form.order-item-create .order-article-fieldgroup.delivery-date,
  form.order-item-create .order-article-fieldgroup.delivery-timeframe {
    width: 50%;
  }
}
@media print, (min-width: 48em) {
  form.order-item-create .order-article-fieldgroup.order-notes,
  form.order-item-create .order-article-fieldgroup.order-price {
    width: 100%;
  }
}
form.order-item-create .order-article-actions {
  margin-top: 1.4em;
}
#has-pending-order-items {
  margin: 4em 0;
}
#delivered-order-items {
  margin-top: 4.5em;
}
.UserPage .user-panel {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  .UserPage .user-panel {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 48em) {
  .UserPage .user-panel {
    padding-left: 0;
    padding-right: 0;
  }
}
.UserPage .user-panel header {
  margin-top: 0;
}
@media print, (min-width: 48em) {
  .UserPage .user-panel header {
    margin-top: 2em;
  }
}
.UserPage .user-panel h1 {
  font-size: 225%;
}
@media print, (min-width: 62.5em) {
  .UserPage .user-panel h1 {
    font-size: 300%;
  }
}
@media print, (min-width: 48em) {
  .UserPage .user-panel .details {
    margin-left: -10px;
    margin-right: -10px;
    clear: both;
  }
  .UserPage .user-panel .details:before,
  .UserPage .user-panel .details:after {
    content: " ";
    display: table;
    clear: both;
  }
  .UserPage .user-panel .details:before,
  .UserPage .user-panel .details:after {
    content: " ";
    display: table;
    clear: both;
  }
  .UserPage .user-panel .details .address,
  .UserPage .user-panel .details .notes {
    float: left;
    min-height: 1px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
}
.UserPage h2 {
  font-size: 187.5%;
}
@media print, (min-width: 62.5em) {
  .UserPage h2 {
    font-size: 250%;
  }
}
.UserPage .user-invitation {
  background: #f7f7f7;
  padding: 20px;
}
.toolTipButton {
  border: none;
  background: none;
  outline: nonoe;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #F5F5F5;
  transition: all 0.3s ease;
}
.toolTipButton:hover {
  color: #000;
}
#user-invitation-notice {
  clear: both;
}
#user-invitation-notice h2 {
  margin-top: 0;
  padding-top: 0;
}
#user-invitation-notice .buttonContainer {
  text-align: right;
  border-top: solid 1px #F5F5F5;
  margin-top: 20px;
  padding-top: 20px;
}
@media print, (min-width: 48em) {
  #user-invitation-notice .buttonContainer button:first-child {
    margin-right: 10px;
  }
}
@media print, (min-width: 48em) {
  #user-invitation-notice .buttonContainer button:nth-child(2) {
    margin-left: 10px;
  }
}
#user-invitation-notice .buttonContainer button span {
  margin-right: 10px;
  display: inline-block;
}
div.user-profile-wrapper {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
@media print, (min-width: 48em) {
  div.user-profile-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 48em) {
  div.user-profile-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
div.user-profile-wrapper #company-details,
div.user-profile-wrapper #user-details {
  padding: 0;
}
@media print, (min-width: 48em) {
  div.user-profile-wrapper #company-details,
  div.user-profile-wrapper #user-details {
    width: calc(50% - 20px);
    float: left;
    padding: 0 20px;
    padding-bottom: 13px;
    border-top: solid 1px #F5F5F5;
    border-bottom: solid 1px #F5F5F5;
  }
}
div.user-profile-wrapper #company-details {
  background: #f7f7f7;
  padding: 10px;
}
@media print, (min-width: 48em) {
  div.user-profile-wrapper #company-details {
    padding: 0 20px;
    width: calc(50% - 20px);
    margin-left: 20px;
  }
}
div.user-profile-wrapper #company-details button {
  margin-bottom: 20px;
}
div.user-profile-wrapper #user-details {
  padding-bottom: 14px;
}
.user-manager-list header {
  justify-content: space-between;
  align-items: center;
  display: block;
}
@media print, (min-width: 48em) {
  .user-manager-list header {
    display: flex;
  }
}
.user-manager-list header h1 {
  flex: 0 0 70%;
}
.user-manager-list header button {
  flex: 0 0 auto;
  padding: 5px 12px;
  margin: 10px 0 20px;
}
@media print, (min-width: 48em) {
  .user-manager-list header button {
    margin: 0;
  }
}
.user-manager-list header h1,
.user-manager-list header h2,
.user-manager-list header h3 {
  font-size: 187.5%;
  margin-bottom: 1.33333333em;
}
@media print, (min-width: 62.5em) {
  .user-manager-list header h1,
  .user-manager-list header h2,
  .user-manager-list header h3 {
    font-size: 250%;
    margin-bottom: 1.2em;
  }
}
.user-manager-list ul {
  display: block;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.user-manager-list li {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
}
@media print, (min-width: 48em) {
  .user-manager-list li {
    display: flex;
  }
}
.user-manager-list li ul li {
  padding: 0.4em;
}
.user-manager-list li:nth-child(even) {
  background-color: #f7f7f7;
}
.user-manager-list li.header {
  font-weight: bold;
  display: none;
}
@media print, (min-width: 48em) {
  .user-manager-list li.header {
    display: flex;
  }
}
.user-manager-list li.header .status {
  text-indent: -9999px;
}
.user-manager-list li > div {
  flex: 1 1 20%;
  box-sizing: border-box;
  padding: 0 0 15px 0;
  line-height: 1.5;
}
.user-manager-list li > div.sites {
  padding-bottom: 0;
}
@media print, (min-width: 48em) {
  .user-manager-list li > div.sites {
    max-width: 20%;
  }
}
.user-manager-list li > div:last-child {
  padding-bottom: 0;
}
@media print, (min-width: 48em) {
  .user-manager-list li > div {
    padding: 0;
    padding-right: 20px;
  }
}
.user-manager-list li > div.status {
  margin-top: -10px;
}
@media print, (min-width: 48em) {
  .user-manager-list li > div.status {
    width: 5%;
    margin-top: 0;
    max-width: 5%;
    flex-basis: 5%;
    text-align: center;
  }
}
.user-manager-list li > div.status:hover span i {
  opacity: 1;
  transform: translateX(-50%) translateY(-55px);
}
.user-manager-list li > div.status span {
  display: inline-block;
  width: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media print, (max-width: 48em) {
  .user-manager-list li > div.status span {
    padding-top: 10px;
  }
}
@media print, (min-width: 48em) {
  .user-manager-list li > div.status span i {
    transition: all 0.3s ease;
    position: absolute;
    display: inline-block;
    background: #1D4370;
    color: #ffffff;
    left: 50%;
    box-sizing: border-box;
    opacity: 0;
    transform: translateX(-50%) translateY(-25px);
    white-space: nowrap;
    padding: 10px 20px;
    text-align: center;
    border-radius: 5px;
    font-style: normal;
  }
  .user-manager-list li > div.status span i:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #1D4370;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px;
  }
}
.user-manager-list li > div.status span i {
  font-style: normal;
}
.user-manager-list li > div.status span:before {
  margin-right: 5px;
}
.user-manager-list li > div.status span.i-mnav-arrow {
  display: inline;
}
.user-manager-list li > div.status span.i-checked:before {
  color: #367C27;
}
.user-manager-list li > div.status span.i-cancelled:before {
  color: #1D4370;
}
@media print, (min-width: 48em) {
  .user-manager-list li > div.name {
    width: 25%;
    max-width: 25%;
    flex-basis: 25%;
  }
}
.user-manager-list li > div.name span.email {
  display: block;
}
@media print, (min-width: 48em) {
  .user-manager-list li > div.role {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
  }
}
.user-manager-list li > div.action {
  width: 100%;
  margin-top: 20px;
  padding-right: 10px;
}
.user-manager-list li > div.action input[type="button"],
.user-manager-list li > div.action button {
  margin: 0;
}
@media print, (min-width: 48em) {
  .user-manager-list li > div.action {
    width: 30%;
    max-width: 30%;
    flex-basis: 30%;
  }
}
.user-manager-list li > div.action.buttons {
  margin: 10px -10px -10px -10px;
}
@media print, (min-width: 48em) {
  .user-manager-list li > div.action.buttons {
    margin: -10px;
  }
}
.user-manager-list li > div.action button {
  margin: 10px;
}
.user-manager-list .UserManagementPage .rodal-dialog {
  width: 90% !important;
  overflow-y: auto;
}
@media (min-width: 62.5em) {
  .user-manager-list .UserManagementPage .rodal-dialog {
    width: 50% !important;
  }
}
.user-manager-list .user-list-container > .row {
  width: 100%;
  display: block;
  border-collapse: collapse;
  margin: 0;
  box-sizing: border-box;
  padding: 0;
  border-bottom: 1px solid #F5F5F5;
}
@media (min-width: 62.5em) {
  .user-manager-list .user-list-container > .row {
    display: flex;
    padding: 20px;
  }
}
.user-manager-list .user-list-container > .row.header {
  font-weight: bold;
  border-bottom: 1px solid #F5F5F5;
}
.user-manager-list .user-list-container > .row > div {
  display: block;
  margin: 10px 0;
  /*
				&.jobsite {
					width: 20%;
					text-align: center;

					& .site-selection-link {
						& a {
							font-weight: 400;
							color: @color-special;

							&:hover {
								color: darken(@color-special, 10%);
								cursor: pointer;
								text-decoration: underline;
							}
						}
					}
				}
				*/
}
@media (min-width: 62.5em) {
  .user-manager-list .user-list-container > .row > div {
    display: table-cell;
    margin: 0;
  }
}
.user-manager-list .user-list-container > .row > div.status {
  width: 100%;
}
@media (min-width: 62.5em) {
  .user-manager-list .user-list-container > .row > div.status {
    width: 5%;
  }
}
.user-manager-list .user-list-container > .row > div.status .deactivated {
  color: #1D4370;
}
.user-manager-list .user-list-container > .row > div.status .active {
  color: green;
}
.user-manager-list .user-list-container > .row > div.user {
  width: 100%;
}
@media (min-width: 62.5em) {
  .user-manager-list .user-list-container > .row > div.user {
    width: 30%;
  }
}
.user-manager-list .user-list-container > .row > div.user .user-info p {
  padding: 0;
  margin: 5px 0;
}
@media (min-width: 62.5em) {
  .user-manager-list .user-list-container > .row > div.user .user-info p {
    margin: 0;
  }
}
.user-manager-list .user-list-container > .row > div.user .user-info p.name {
  font-weight: bold;
}
.user-manager-list .user-list-container > .row > div.role {
  padding-right: 20px;
  width: 100%;
}
@media (min-width: 62.5em) {
  .user-manager-list .user-list-container > .row > div.role {
    width: 20%;
  }
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul {
  list-style: none;
  display: flex;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li {
  display: inline;
  width: 20%;
  padding: 5px;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li:nth-child(even) {
  background: none;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li.active {
  background: red!important;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li.active div {
  cursor: auto;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li div {
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span {
  line-height: 1;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.administrator:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f188";
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.administrator > span {
  display: none;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.owner:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f195";
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.owner > span {
  display: none;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.planner:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f1a9";
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.planner > span {
  display: none;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.foreman:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f176";
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.foreman > span {
  display: none;
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.accountant:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f1a5";
}
.user-manager-list .user-list-container > .row > div.role .shop-role-selector ul li span.accountant > span {
  display: none;
}
.user-manager-list .user-list-container > .row > div.business,
.user-manager-list .user-list-container > .row > div.jobsite {
  text-align: center;
  width: 100%;
  margin: 10px 0;
  padding: 10px 0;
}
@media (min-width: 62.5em) {
  .user-manager-list .user-list-container > .row > div.business,
  .user-manager-list .user-list-container > .row > div.jobsite {
    width: 20%;
    margin: 0;
    padding: 0;
  }
}
.user-manager-list .user-list-container > .row > div.business a,
.user-manager-list .user-list-container > .row > div.jobsite a {
  font-weight: 400;
  color: #1D4370;
}
.user-manager-list .user-list-container > .row > div.business a:hover,
.user-manager-list .user-list-container > .row > div.jobsite a:hover {
  color: #132b47;
  cursor: pointer;
  text-decoration: underline;
}
.user-manager-list .user-list-container > .row > div.business a.disabled,
.user-manager-list .user-list-container > .row > div.jobsite a.disabled {
  color: #626262;
}
.user-manager-list .user-list-container > .row > div.business a.disabled:hover,
.user-manager-list .user-list-container > .row > div.jobsite a.disabled:hover {
  cursor: default;
  text-decoration: none;
}
@media (max-width: 62.5em) {
  .user-manager-list .user-list-container > .row > div.business {
    padding-bottom: 20px;
    border-bottom: dashed 1px #F5F5F5;
  }
}
.user-manager-list .user-list-container > .row > div.action {
  width: 100%;
}
@media (min-width: 62.5em) {
  .user-manager-list .user-list-container > .row > div.action {
    width: 10%;
  }
}
.user-manager-list .user-list-container > .row > div.action button {
  margin: 0 0 10px 0;
  font-size: 0.8em;
}
.user-manager-list .user-list-container .modal-content {
  height: 100%;
  overflow-y: scroll;
  margin: -15px;
}
.user-manager-list .user-list-container .site-selection,
.user-manager-list .user-list-container .sap-account-selection {
  margin-top: -10px;
}
.user-manager-list .user-list-container .site-selection .site-selection-header,
.user-manager-list .user-list-container .sap-account-selection .site-selection-header,
.user-manager-list .user-list-container .site-selection .sap-account-selection-header,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-header {
  background: #f7f7f7;
  border-bottom: 1px solid #d1d1d1;
  padding: 20px;
  display: flex;
}
.user-manager-list .user-list-container .site-selection .site-selection-header .profile-icon,
.user-manager-list .user-list-container .sap-account-selection .site-selection-header .profile-icon,
.user-manager-list .user-list-container .site-selection .sap-account-selection-header .profile-icon,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-header .profile-icon {
  width: 80px;
}
.user-manager-list .user-list-container .site-selection .site-selection-header .profile-icon i,
.user-manager-list .user-list-container .sap-account-selection .site-selection-header .profile-icon i,
.user-manager-list .user-list-container .site-selection .sap-account-selection-header .profile-icon i,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-header .profile-icon i {
  font-size: 60px;
}
.user-manager-list .user-list-container .site-selection .site-selection-header span,
.user-manager-list .user-list-container .sap-account-selection .site-selection-header span,
.user-manager-list .user-list-container .site-selection .sap-account-selection-header span,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-header span {
  display: block;
}
.user-manager-list .user-list-container .site-selection .site-selection-header h3,
.user-manager-list .user-list-container .sap-account-selection .site-selection-header h3,
.user-manager-list .user-list-container .site-selection .sap-account-selection-header h3,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-header h3 {
  margin-bottom: 5px;
}
.user-manager-list .user-list-container .site-selection .site-selection-body,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body {
  padding: 20px;
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel {
  display: flex;
  padding: 10px;
  border: 1px solid #d1d1d1;
  margin-bottom: 10px;
  border-radius: 5px;
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel:hover,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel:hover,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel:hover,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel:hover {
  border: 1px solid #626262;
  cursor: pointer;
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel p,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel p,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel p,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel p {
  padding: 0;
  margin: 0;
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel .source,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel .source,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel .source,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel .source {
  width: 10%;
  text-align: center;
  vertical-align: middle;
  width: auto;
}
@media (min-width: 62.5em) {
  .user-manager-list .user-list-container .site-selection .site-selection-body .panel .source,
  .user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel .source,
  .user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel .source,
  .user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel .source {
    width: 10%;
  }
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel .source i,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel .source i,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel .source i,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel .source i {
  font-size: 40px;
  color: #367C27;
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel .source i.inactive,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel .source i.inactive,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel .source i.inactive,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel .source i.inactive {
  color: #ffc107;
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel .access-right,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel .access-right,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel .access-right,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel .access-right {
  margin-left: auto;
  font-size: 2em;
  color: #F5F5F5;
  width: 10%;
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel .access-right:hover,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel .access-right:hover,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel .access-right:hover,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel .access-right:hover {
  cursor: pointer;
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel .access-right.has-access,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel .access-right.has-access,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel .access-right.has-access,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel .access-right.has-access {
  color: #367C27;
}
.user-manager-list .user-list-container .site-selection .site-selection-body .panel .title,
.user-manager-list .user-list-container .sap-account-selection .site-selection-body .panel .title,
.user-manager-list .user-list-container .site-selection .sap-account-selection-body .panel .title,
.user-manager-list .user-list-container .sap-account-selection .sap-account-selection-body .panel .title {
  font-weight: bold;
}
.i-cancelled {
  color: #1D4370;
}
.tableRoles {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-top: 2em;
  padding-bottom: 2em;
  width: 100%;
  overflow: hidden;
  clear: both;
}
@media print, (min-width: 48em) {
  .tableRoles {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.tableRoles .intro h2 {
  font-size: 200%;
}
.tableRoles .table {
  overflow: hidden;
  padding: 0;
  margin: 0;
  border-top: solid 1px #F5F5F5;
  border-right: solid 1px #F5F5F5;
}
.tableRoles .table li {
  display: flex;
  justify-content: space-between;
  text-align: center;
  box-sizing: border-box;
}
.tableRoles .table li.head div {
  font-weight: bold;
}
@media (max-width: 48em) {
  .tableRoles .table li.head div {
    font-size: 62.5%;
  }
}
.tableRoles .table li.head div,
.tableRoles .table li.body div {
  box-sizing: border-box;
  padding: 10px 0;
  flex-grow: 1;
  flex-basis: 20%;
  max-width: 20%;
  border: solid 1px #F5F5F5;
  border-top: none;
  border-right: none;
}
.tableRoles .table li.head div.first,
.tableRoles .table li.body div.first {
  text-align: left;
  padding-left: 10px;
}
@media (max-width: 48em) {
  .tableRoles .table li.head div.first,
  .tableRoles .table li.body div.first {
    font-size: 10px;
  }
}
.tableRoles .table li.head div span.i-checked,
.tableRoles .table li.body div span.i-checked {
  color: #367C27;
}
.tableRoles .table li.head div span.i-cancelled,
.tableRoles .table li.body div span.i-cancelled {
  color: #1D4370;
}
div#driver-popover-item .driver-popover-footer a {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  line-height: 1;
  border: solid 1px #1D4370;
  background: transparent;
  transition: all 0.3s ease;
  border-radius: 2px;
  color: #1D4370;
  font-size: 68.75%;
}
div#driver-popover-item .driver-popover-footer a:hover:not([disabled]) {
  text-shadow: none;
}
div#driver-popover-item .driver-popover-footer a:before,
div#driver-popover-item .driver-popover-footer a:after {
  display: none;
}
div#driver-popover-item .driver-popover-footer a:hover:not([disabled]) {
  background: #1D4370;
  color: #fff;
}
div#driver-popover-item .driver-popover-footer a:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
  opacity: 1;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  border: none;
  background: none;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
  padding: 16px 24px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  font-size: 68.75%;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn:hover:not([disabled]) {
  text-shadow: none;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn:before,
div#driver-popover-item .driver-popover-footer .driver-close-btn:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1D4370;
  z-index: -2;
  transition: all 0.3s ease;
  border-radius: 2px;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn:after {
  background: linear-gradient(90.07deg, #1d4370 -3.44%, #04bbf1 204.76%);
  opacity: 0;
  z-index: -1;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn span:before {
  margin-right: 8px;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn:visited {
  color: #fff;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn:link,
div#driver-popover-item .driver-popover-footer .driver-close-btn[href]:link {
  color: #fff;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn:hover:not([disabled]):after {
  opacity: 1;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn.ml-20 {
  margin-left: 20px;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn.mr-20 {
  margin-right: 20px;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
}
div#driver-popover-item .driver-popover-footer .driver-close-btn:disabled:before,
div#driver-popover-item .driver-popover-footer .driver-close-btn:disabled:after {
  content: none;
  display: none;
}
.CompanyListPage .company-manager-page .search-result {
  margin-top: 20px;
}
.CompanyListPage .user-actions {
  margin-bottom: 20px;
  clear: both;
}
.CompanyListPage .user-actions:before,
.CompanyListPage .user-actions:after {
  content: " ";
  display: table;
  clear: both;
}
.CompanyListPage .user-actions button {
  float: right;
}
.CompanyListPage .percentage-discount {
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10rem;
  color: white;
  background-color: #003E80;
  padding: 0.25em 0.6em;
}
.CompanyListPage .unit-discount {
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10rem;
  color: white;
  background-color: #367C27;
  padding: 0.25em 0.6em;
}
.CompanyListPage .company-view {
  z-index: 9999;
}
.CompanyListPage .company-view .company-info-states {
  margin-top: 10px;
}
.CompanyListPage .company-view .company-info-states p.last-update-status {
  margin-top: 5px;
  font-size: 10px !important;
}
.CompanyListPage .company-view .company-info-states .sync-action > button {
  margin-right: 5px;
}
.CompanyListPage .company-view .company-detail-view {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.CompanyListPage .company-view .company-detail-view .company-info {
  border-bottom: 1px solid #626262;
  padding-bottom: 5px;
  clear: both;
}
.CompanyListPage .company-view .company-detail-view .company-info:before,
.CompanyListPage .company-view .company-detail-view .company-info:after {
  content: " ";
  display: table;
  clear: both;
}
.CompanyListPage .company-view .company-detail-view .company-info h2 {
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 5px;
}
.CompanyListPage .company-view .company-detail-view .company-info h2 span.sap-number {
  margin-left: 15px;
  font-size: 12px;
}
.CompanyListPage .company-view .company-detail-view .company-info p {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 14px;
}
.CompanyListPage .company-view .company-detail-view .company-info .left {
  float: left;
  width: 50%;
}
.CompanyListPage .company-view .company-detail-view .company-info .right {
  float: left;
  margin-left: 20px;
}
.CompanyListPage .company-view .company-detail-view .company-info .right h3 {
  border-bottom: 1px solid #F5F5F5;
}
.CompanyListPage .company-view .company-detail-view .company-info .right .box {
  display: inline-block;
  width: 90px;
  text-align: center;
}
.CompanyListPage .company-view .company-detail-view .company-info .right .box p {
  text-align: left;
  font-size: 1em;
}
.CompanyListPage .company-view .company-detail-view .company-info .right .box p.statistic {
  font-size: 3em;
}
.CompanyListPage .company-view .company-detail-view .company-info .i-linked {
  margin-left: 10px;
  color: #367C27;
}
.CompanyListPage .company-view .company-detail-view .company-info .i-unlinked {
  margin-left: 10px;
  color: #1D4370;
}
.CompanyListPage .company-view .company-detail-view .company-info .i-broken {
  margin-left: 10px;
  color: #F5A623;
}
.CompanyListPage .company-view .company-detail-view .view-control-group {
  clear: both;
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d1d1d1;
}
.CompanyListPage .company-view .company-detail-view .view-control-group:before,
.CompanyListPage .company-view .company-detail-view .view-control-group:after {
  content: " ";
  display: table;
  clear: both;
}
.CompanyListPage .company-view .company-detail-view .view-control-group .view-sap-list {
  float: left;
  width: 40%;
}
.CompanyListPage .company-view .company-detail-view .view-control-group .view-type-selector {
  float: right;
}
.CompanyListPage .company-view .company-detail-view .view-control-group .view-type-selector button {
  margin-right: 10px;
}
.CompanyListPage .company-view .company-detail-view .contract-list-view {
  background-color: #f7f7f7;
  padding: 5px;
  margin-top: 10px;
}
.CompanyListPage .company-view .company-detail-view .contract-list-view ul {
  display: block;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 12px;
}
.CompanyListPage .company-view .company-detail-view .contract-list-view ul li {
  display: flex;
  width: 100%;
  float: left;
  border-bottom: none;
}
.CompanyListPage .company-view .company-detail-view .contract-list-view ul li li.contract-expired {
  background-color: #626262;
}
.CompanyListPage .company-view .company-detail-view .contract-list-view ul li div {
  box-sizing: border-box;
  padding: 5px;
  margin: auto;
  overflow: hidden;
  float: left;
}
.CompanyListPage .company-view .company-detail-view .job-site-view,
.CompanyListPage .company-view .company-detail-view .contract-view {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing {
  display: inline-block;
  float: left;
  width: 25%;
  height: 65%;
  overflow-y: scroll;
  border-right: 1px solid #F5F5F5;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab {
  padding: 5px 15px 5px 5px;
  height: 80px;
  border: none;
  border-bottom: 1px solid #F5F5F5;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab .i-contract,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab .i-contract,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab .i-contract,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab .i-contract,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab .i-contract,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab .i-contract,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab .i-contract,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab .i-contract,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab .i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab .i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab .i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab .i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab .i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab .i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab .i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab .i-usernav-certificates {
  color: #7ED321;
  font-size: 50px;
  float: right;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab.selected,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab.selected,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab.selected,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab.selected,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab.selected,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab.selected,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab.selected,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab.selected {
  border: 1px solid #626262;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab:hover,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab:hover,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab:hover,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab:hover,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab:hover,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab:hover,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab:hover,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab:hover {
  cursor: pointer;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab h3,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab h3,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab h3,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab h3,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab h3,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab h3,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab h3,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab h3 {
  font-size: 15px;
  padding: 2px 0;
  margin: 0;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab p,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab p,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab p,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab p,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab p,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab p,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab p,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab p {
  font-size: 12px;
  padding: 2px 0;
  margin: 0;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab .i-cross,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab .i-cross,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab .i-cross,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab .i-cross,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab .i-cross,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab .i-cross,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab .i-cross,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab .i-cross {
  color: #1D4370;
  margin-left: 10px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab.is-expired,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab.is-expired,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab.is-expired,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab.is-expired,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab.is-expired,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab.is-expired,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab.is-expired,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab.is-expired {
  text-decoration-line: line-through;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab.is-expired i,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab.is-expired i,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab.is-expired i,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab.is-expired i,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing .contract-list-tab.is-expired i,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing .contract-list-tab.is-expired i,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing .contract-list-tab.is-expired i,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing .contract-list-tab.is-expired i {
  color: #626262;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-listing div.job-site-list-tab.no-active .i-contract,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-listing div.job-site-list-tab.no-active .i-contract,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-listing div.job-site-list-tab.no-active .i-contract,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-listing div.job-site-list-tab.no-active .i-contract {
  color: #626262;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view {
  display: inline-block;
  float: left;
  width: 74%;
  height: 80%;
  overflow-y: scroll;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details {
  margin: 40px 40px 0 40px;
  border-bottom: 1px solid #626262;
  padding-bottom: 10px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details h2,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details h2,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details h2,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details h2 {
  font-size: 24px;
  margin: 0;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details h2 span.sap-number,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details h2 span.sap-number,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details h2 span.sap-number,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details h2 span.sap-number {
  font-size: 0.6em;
  margin: 5px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details h4,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details h4,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details h4,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details h4 {
  font-size: 0.8em;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details p,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details p,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details p,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details p {
  font-size: 14px;
  margin: 4px 0;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details p span.label,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details p span.label,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details p span.label,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details p span.label {
  float: left;
  text-transform: uppercase;
  width: 200px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .plant-materials-group,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .plant-materials-group,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .plant-materials-group,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .plant-materials-group {
  margin-bottom: 30px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .plant-materials-group h4,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .plant-materials-group h4,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .plant-materials-group h4,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .plant-materials-group h4 {
  margin-bottom: 2px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .plant-materials-group p.plant-address,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .plant-materials-group p.plant-address,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .plant-materials-group p.plant-address,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .plant-materials-group p.plant-address {
  margin: 0 0 20px 0;
  font-size: 0.8em;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .job-site-contract.i-contract,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .job-site-contract.i-contract,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .job-site-contract.i-contract,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .job-site-contract.i-contract,
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .job-site-contract.i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .job-site-contract.i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .job-site-contract.i-usernav-certificates,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .job-site-contract.i-usernav-certificates {
  float: right;
  font-size: 64px;
  color: #7ED321;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .list-table li div,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .list-table li div,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .list-table li div,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .list-table li div {
  font-size: 12px;
  padding: 5px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .list-table li.list-table-group-header,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .list-table li.list-table-group-header,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .list-table li.list-table-group-header,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .list-table li.list-table-group-header {
  background-color: #626262;
  color: white;
  font-size: 12px;
  padding: 5px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .list-table li .i-cross,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .list-table li .i-cross,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .list-table li .i-cross,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .list-table li .i-cross {
  color: #1D4370;
  margin-left: 10px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .list-table li .i-checked,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .list-table li .i-checked,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .list-table li .i-checked,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .list-table li .i-checked {
  color: green;
  margin-left: 10px;
}
.CompanyListPage .company-view .company-detail-view .job-site-view .job-site-detail-view .job-site-details .list-table li .currency,
.CompanyListPage .company-view .company-detail-view .contract-view .job-site-detail-view .job-site-details .list-table li .currency,
.CompanyListPage .company-view .company-detail-view .job-site-view .contract-view .job-site-details .list-table li .currency,
.CompanyListPage .company-view .company-detail-view .contract-view .contract-view .job-site-details .list-table li .currency {
  font-size: 0.8em;
}
.CompanyListPage .invite-user-form {
  width: 50%;
  border: 1px solid #d1d1d1;
  padding: 20px;
  margin-top: 20px;
}
.CompanyListPage .user-list-details {
  min-height: 60vh;
  height: 60vh;
  overflow-y: scroll;
}
.DocumentDownloadPage header {
  align-items: center;
  margin-bottom: 50px;
}
@media (min-width: 62.5em) {
  .DocumentDownloadPage header {
    display: flex;
    justify-content: space-between;
  }
}
.DocumentDownloadPage header h1 {
  flex: 0 0 60%;
}
.DocumentDownloadPage header button {
  flex: 0 0 auto;
  margin: -15px 0 0 0;
}
.DocumentDownloadPage header h1,
.DocumentDownloadPage header h2,
.DocumentDownloadPage header h3 {
  font-size: 187.5%;
  margin-bottom: 0;
}
@media print, (min-width: 62.5em) {
  .DocumentDownloadPage header h1,
  .DocumentDownloadPage header h2,
  .DocumentDownloadPage header h3 {
    font-size: 250%;
  }
}
.DocumentDownloadPage header .sap-account-selector {
  width: 100%;
}
.DocumentDownloadPage header .sap-account-selector label {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 5px;
}
.DocumentDownloadPage input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  position: relative;
  width: 20px;
  height: 20px;
  opacity: 1;
  z-index: 5;
}
.DocumentDownloadPage .sap-account-selector {
  z-index: 99;
}
.DocumentDownloadPage .loading-wheel {
  border: solid 1px #F5F5F5;
  box-sizing: border-box;
  padding: 50px 10px;
  text-align: center;
  clear: both;
}
@media (min-width: 62.5em) {
  .DocumentDownloadPage .loading-wheel {
    padding: 20px;
  }
}
.DocumentDownloadPage .loading-wheel p {
  margin: 0;
  padding: 0;
}
.DocumentDownloadPage .loading-wheel img {
  vertical-align: middle;
  margin-left: 5px;
}
.DocumentDownloadPage .loading-wheel:before {
  content: none;
  display: none;
}
.DocumentDownloadPage .loading-wheel p {
  margin: auto;
  box-sizing: border-box;
  padding-top: 5px;
}
.DocumentDownloadPage .legends {
  margin: 20px -10px 0;
}
.DocumentDownloadPage .legends i {
  font-style: normal;
  margin: 10px;
  color: #A4A4A4;
}
.DocumentDownloadPage .legends i:before {
  margin-right: 5px;
}
.DocumentDownloadPage .legends i.i-pending:before {
  color: #F5A623;
}
.DocumentDownloadPage .legends i.i-overdue:before {
  color: #1D4370;
}
.DocumentDownloadPage .legends i.i-paid:before {
  color: #367C27;
}
.DocumentDownloadPage .contract-view,
.DocumentDownloadPage .delivery-view {
  z-index: 9999;
}
.DocumentDownloadPage .contract-view p.disclaimer,
.DocumentDownloadPage .delivery-view p.disclaimer {
  font-style: italic;
  margin-top: 20px;
}
.DocumentDownloadPage .modal-content {
  height: 100%;
  overflow-y: scroll;
  margin: -15px;
}
.DocumentDownloadPage .contract-details-header,
.DocumentDownloadPage .delivery-details-header {
  background: #f7f7f7;
  width: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-sizing: border-box;
  padding: 20px;
  color: #000;
  border-bottom: solid 1px #F5F5F5;
}
.DocumentDownloadPage .contract-details-header .head-infos,
.DocumentDownloadPage .delivery-details-header .head-infos {
  position: relative;
  border-bottom: solid 1px #F5F5F5;
  margin-bottom: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.DocumentDownloadPage .contract-details-header .head-infos h2,
.DocumentDownloadPage .delivery-details-header .head-infos h2,
.DocumentDownloadPage .contract-details-header .head-infos h3,
.DocumentDownloadPage .delivery-details-header .head-infos h3 {
  font-size: 187.5%;
  float: left;
  margin: 0;
  padding-right: 35px;
}
@media print, (min-width: 62.5em) {
  .DocumentDownloadPage .contract-details-header .head-infos h2,
  .DocumentDownloadPage .delivery-details-header .head-infos h2,
  .DocumentDownloadPage .contract-details-header .head-infos h3,
  .DocumentDownloadPage .delivery-details-header .head-infos h3 {
    font-size: 250%;
  }
}
.DocumentDownloadPage .contract-details-header .head-infos span,
.DocumentDownloadPage .delivery-details-header .head-infos span {
  display: inline-block;
  padding: 20px 40px 0 0;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 62.5em) {
  .DocumentDownloadPage .contract-details-header .head-infos span,
  .DocumentDownloadPage .delivery-details-header .head-infos span {
    padding: 1px 40px 0 0;
    padding: 15px 0;
    margin: 0 40px 0 0;
    width: auto;
  }
}
.DocumentDownloadPage .contract-details-header .head-infos .contract-number,
.DocumentDownloadPage .delivery-details-header .head-infos .contract-number,
.DocumentDownloadPage .contract-details-header .head-infos .delivery-number,
.DocumentDownloadPage .delivery-details-header .head-infos .delivery-number,
.DocumentDownloadPage .contract-details-header .head-infos .regular,
.DocumentDownloadPage .delivery-details-header .head-infos .regular {
  clear: both;
  width: 100%;
  margin: 0 0 0 0;
}
@media (max-width: 62.5em) {
  .DocumentDownloadPage .contract-details-header .head-infos .contract-number,
  .DocumentDownloadPage .delivery-details-header .head-infos .contract-number,
  .DocumentDownloadPage .contract-details-header .head-infos .delivery-number,
  .DocumentDownloadPage .delivery-details-header .head-infos .delivery-number,
  .DocumentDownloadPage .contract-details-header .head-infos .regular,
  .DocumentDownloadPage .delivery-details-header .head-infos .regular {
    margin: 5px 0 0 0;
  }
}
.DocumentDownloadPage .contract-details-header h2,
.DocumentDownloadPage .delivery-details-header h2 {
  margin: 0;
  padding: 0;
  font-size: 187.5%;
}
@media print, (min-width: 62.5em) {
  .DocumentDownloadPage .contract-details-header h2,
  .DocumentDownloadPage .delivery-details-header h2 {
    font-size: 250%;
  }
}
.DocumentDownloadPage .contract-details-header .contract-details-info,
.DocumentDownloadPage .delivery-details-header .contract-details-info,
.DocumentDownloadPage .contract-details-header .delivery-details-info,
.DocumentDownloadPage .delivery-details-header .delivery-details-info {
  clear: both;
}
.DocumentDownloadPage .contract-details-header .contract-details-info:before,
.DocumentDownloadPage .delivery-details-header .contract-details-info:before,
.DocumentDownloadPage .contract-details-header .delivery-details-info:before,
.DocumentDownloadPage .delivery-details-header .delivery-details-info:before,
.DocumentDownloadPage .contract-details-header .contract-details-info:after,
.DocumentDownloadPage .delivery-details-header .contract-details-info:after,
.DocumentDownloadPage .contract-details-header .delivery-details-info:after,
.DocumentDownloadPage .delivery-details-header .delivery-details-info:after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 62.5em) {
  .DocumentDownloadPage .contract-details-header .contract-details-info,
  .DocumentDownloadPage .delivery-details-header .contract-details-info,
  .DocumentDownloadPage .contract-details-header .delivery-details-info,
  .DocumentDownloadPage .delivery-details-header .delivery-details-info {
    line-height: 1.6;
  }
}
@media (min-width: 62.5em) {
  .DocumentDownloadPage .contract-details-header .contract-details-info,
  .DocumentDownloadPage .delivery-details-header .contract-details-info,
  .DocumentDownloadPage .contract-details-header .delivery-details-info,
  .DocumentDownloadPage .delivery-details-header .delivery-details-info {
    display: flex;
  }
}
@media (min-width: 62.5em) {
  .DocumentDownloadPage .contract-details-header .contract-details-info dl,
  .DocumentDownloadPage .delivery-details-header .contract-details-info dl,
  .DocumentDownloadPage .contract-details-header .delivery-details-info dl,
  .DocumentDownloadPage .delivery-details-header .delivery-details-info dl {
    flex: 1;
  }
}
.DocumentDownloadPage .contract-details-header .contract-details-info dl:last-of-type dd,
.DocumentDownloadPage .delivery-details-header .contract-details-info dl:last-of-type dd,
.DocumentDownloadPage .contract-details-header .delivery-details-info dl:last-of-type dd,
.DocumentDownloadPage .delivery-details-header .delivery-details-info dl:last-of-type dd {
  margin-bottom: 0;
}
.DocumentDownloadPage .contract-details-header .contract-details-info dl dt,
.DocumentDownloadPage .delivery-details-header .contract-details-info dl dt,
.DocumentDownloadPage .contract-details-header .delivery-details-info dl dt,
.DocumentDownloadPage .delivery-details-header .delivery-details-info dl dt {
  font-weight: bold;
  padding-right: 5px;
  font-size: 12px;
}
@media (max-width: 62.5em) {
  .DocumentDownloadPage .contract-details-header .contract-details-info dl dt,
  .DocumentDownloadPage .delivery-details-header .contract-details-info dl dt,
  .DocumentDownloadPage .contract-details-header .delivery-details-info dl dt,
  .DocumentDownloadPage .delivery-details-header .delivery-details-info dl dt {
    line-height: 1.4;
  }
}
.DocumentDownloadPage .contract-details-header .contract-details-info dl dd,
.DocumentDownloadPage .delivery-details-header .contract-details-info dl dd,
.DocumentDownloadPage .contract-details-header .delivery-details-info dl dd,
.DocumentDownloadPage .delivery-details-header .delivery-details-info dl dd {
  box-sizing: border-box;
  margin: 0 0 10px 0;
  padding: 0;
}
@media (min-width: 62.5em) {
  .DocumentDownloadPage .contract-details-header .contract-details-info dl dd,
  .DocumentDownloadPage .delivery-details-header .contract-details-info dl dd,
  .DocumentDownloadPage .contract-details-header .delivery-details-info dl dd,
  .DocumentDownloadPage .delivery-details-header .delivery-details-info dl dd {
    margin: 0;
  }
}
.DocumentDownloadPage .contract-details-header .contract-details-info dl dd:after,
.DocumentDownloadPage .delivery-details-header .contract-details-info dl dd:after,
.DocumentDownloadPage .contract-details-header .delivery-details-info dl dd:after,
.DocumentDownloadPage .delivery-details-header .delivery-details-info dl dd:after {
  display: block;
  content: '';
}
.DocumentDownloadPage .contract-table {
  box-sizing: border-box;
  padding: 20px;
}
.DocumentDownloadPage .contract-table > h2,
.DocumentDownloadPage .contract-table > p {
  margin-top: 0;
}
.DocumentDownloadPage .contract-table > h2 {
  margin-bottom: 20px;
}
.DocumentDownloadPage .contract-table .center {
  text-align: center;
}
.DocumentDownloadPage .contract-table span.currency,
.DocumentDownloadPage .contract-table span.unit {
  font-size: 0.9em;
}
.DocumentDownloadPage .contract-table span.percentage-discount,
.DocumentDownloadPage .contract-table span.unit-discount {
  display: inline-block;
  padding: 0.25em 0.6em;
  margin-bottom: 2px;
  margin-left: 2px;
  font-size: 90%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10rem;
  color: white;
  background-color: #1D4370;
}
.DocumentDownloadPage .collapse-table {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  overflow-y: auto;
}
.DocumentDownloadPage .collapse-table.collapsed {
  max-height: 70vh;
}
@media (max-width: 62.5em) {
  .DocumentDownloadPage .collapse-table.collapsed {
    max-height: 100%;
  }
}
.DocumentDownloadPage .collapsible-list {
  margin: 0;
  border: none;
  box-sizing: border-box;
  padding: 5px 10px;
  cursor: pointer;
  background: #F5F5F5;
  color: #000;
  transition: all 0.5s ease;
  position: relative;
}
.DocumentDownloadPage .collapsible-list:hover {
  background: #dcdcdc;
}
.DocumentDownloadPage .collapsible-list .filterArrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  display: inline-block;
  width: 20px;
  height: 2px;
  vertical-align: middle;
  margin-left: 5px;
}
.DocumentDownloadPage .collapsible-list .filterArrow:before,
.DocumentDownloadPage .collapsible-list .filterArrow:after {
  content: '';
  display: inline-block;
  height: 2px;
  width: 10px;
  position: absolute;
  top: 0;
  transition: all 0.3s ease;
}
.DocumentDownloadPage .collapsible-list .filterArrow:before {
  background: #000;
  left: 0;
}
.DocumentDownloadPage .collapsible-list .filterArrow:after {
  background: #000;
  right: 0;
}
.DocumentDownloadPage .collapsible-list .filterArrow.collapsed:before {
  transform: rotate(45deg);
  width: 13px;
}
.DocumentDownloadPage .collapsible-list .filterArrow.collapsed:after {
  transform: rotate(-45deg);
  width: 12px;
}
.date-picker-wrapper {
  z-index: 999;
}
.downloadInvoiceButton {
  top: 0 !important;
}
.downloadAllButton {
  position: relative;
  left: 8px;
  top: 32px;
  padding-right: 10px;
  padding-left: 35px;
  z-index: 40;
  margin-bottom: 2px;
  cursor: pointer;
}
@media (max-width: 62.5em) {
  .downloadAllButton {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 0 5px 0;
  }
}
.downloadAllButton .tooltip-listener {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 5px;
  cursor: pointer;
}
@media (max-width: 62.5em) {
  .downloadAllButton .tooltip-listener {
    top: 6px;
  }
}
.downloadAllButton .tooltip-listener:before,
.downloadAllButton .tooltip-listener:after {
  color: white;
  margin-left: 5px;
}
.pushForZipButton {
  margin-right: 30px;
  width: 207px;
}
.pushForExcelButtonOnly {
  width: 50px;
}
.buttonExcel {
  padding-right: 10px;
  padding-left: 10px;
  left: 18px;
  height: 38px;
}
.DateRangePicker__block {
  min-width: 240px;
}
.DateRangePicker__block .DateInput input {
  text-align: center;
}
.DateRangePicker__block .DateInput:first-child {
  padding-left: 0;
  padding-right: 0;
}
.DateRangePicker__block .DateInput:last-child input {
  padding-right: 0;
  padding-left: 0;
}
.downloadButtonsContainer {
  max-width: fit-content;
  display: flex;
}
.downloadButtonsContainer .column {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 62.5em) {
  .downloadButtonsContainer {
    max-width: 234px;
    display: flex;
    position: absolute;
    padding: 5px;
  }
}
.list-table li div {
  overflow: initial !important;
}
.list-table li.header div {
  white-space: nowrap;
}
.CustomerSimulatorPage header {
  align-items: center;
  margin-bottom: 50px;
}
@media (min-width: 62.5em) {
  .CustomerSimulatorPage header {
    display: flex;
    justify-content: space-between;
  }
}
.CustomerSimulatorPage header h1 {
  flex: 0 0 70%;
}
.CustomerSimulatorPage header button {
  flex: 0 0 auto;
  margin: -15px 0 0 0;
}
.CustomerSimulatorPage header h1,
.CustomerSimulatorPage header h2,
.CustomerSimulatorPage header h3 {
  font-size: 187.5%;
  margin-bottom: 0;
}
@media print, (min-width: 62.5em) {
  .CustomerSimulatorPage header h1,
  .CustomerSimulatorPage header h2,
  .CustomerSimulatorPage header h3 {
    font-size: 250%;
  }
}
.CustomerSimulatorPage header h2 {
  font-size: 160%;
}
.CustomerSimulatorPage form label {
  display: inline-block;
  padding: 10px;
}
.CustomerSimulatorPage .contract-list {
  border-top: 1px solid #F5F5F5;
  margin-top: 30px;
}
.CustomerSimulatorPage .contract-list h2 {
  font-size: 187.5%;
  margin-bottom: 20px;
}
.CustomerSimulatorPage .contract-list .contract-details {
  clear: both;
}
.CustomerSimulatorPage .contract-list .contract-details:before,
.CustomerSimulatorPage .contract-list .contract-details:after {
  content: " ";
  display: table;
  clear: both;
}
.CustomerSimulatorPage .contract-list .contract-details .left {
  float: left;
  width: 45%;
}
.CustomerSimulatorPage .contract-list .contract-details .right {
  float: left;
  width: 45%;
}
.CustomerSimulatorPage .contract-list .contract-details dl {
  flex: 1;
}
.CustomerSimulatorPage .contract-list .contract-details dl dt {
  font-weight: bold;
  float: left;
  padding-right: 5px;
  width: 120px;
}
@media (max-width: 62.5em) {
  .CustomerSimulatorPage .contract-list .contract-details dl dt {
    line-height: 1.4;
  }
}
.CustomerSimulatorPage .contract-list .contract-details dl dd {
  box-sizing: border-box;
  margin: 0 0 10px 0;
  padding: 0;
}
@media (max-width: 62.5em) {
  .CustomerSimulatorPage .contract-list .contract-details dl dd {
    float: left;
  }
}
.CustomerSimulatorPage .contract-list .contract-details dl dd:after {
  display: block;
  content: '';
}
.CustomerSimulatorPage .contract-list .contract-details dl dd:empty {
  min-height: 20px;
}
.CustomerSimulatorPage .contract-view {
  z-index: 9999;
}
.CustomerSimulatorPage .contract-view h2 {
  font-size: 187.5%;
  margin-bottom: 20px;
}
.CustomerSimulatorPage .contract-view .left {
  float: left;
  width: 45%;
}
.CustomerSimulatorPage .contract-view dl {
  flex: 1;
}
.CustomerSimulatorPage .contract-view dl dt {
  font-weight: bold;
  float: left;
  padding-right: 5px;
  width: 180px;
  font-size: 0.8em;
}
@media (max-width: 62.5em) {
  .CustomerSimulatorPage .contract-view dl dt {
    line-height: 1.4;
  }
}
.CustomerSimulatorPage .contract-view dl dd {
  box-sizing: border-box;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 0.8em;
}
@media (max-width: 62.5em) {
  .CustomerSimulatorPage .contract-view dl dd {
    float: left;
  }
}
.CustomerSimulatorPage .contract-view dl dd:after {
  display: block;
  content: '';
}
.CustomerSimulatorPage .contract-view dl dd:empty {
  min-height: 20px;
}
.JobSitePage {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  .JobSitePage {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.JobSitePage .job-site-header {
  padding: 20px 0 20px 0;
}
.JobSitePage .job-site-header p {
  margin: 0;
}
.JobSitePage .job-site-header p.job-site-name {
  font-size: 2em;
}
.JobSitePage .material-order-panel span.material-property {
  display: block;
}
.use-case-content {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 2em;
}
@media print, (min-width: 48em) {
  .use-case-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print, (min-width: 48em) {
  .use-case-content {
    margin-bottom: 3em;
  }
}
@media print, (min-width: 62.5em) {
  .use-case-content {
    padding-left: 0;
    padding-right: 0;
  }
}
.use-case-content h1 {
  font-size: 212.5%;
  margin-top: 1em;
  margin-bottom: 0;
}
@media print, (min-width: 62.5em) {
  .use-case-content h1 {
    font-size: 300%;
  }
}
.use-case-content h2 {
  margin-top: 1em;
  font-size: 150%;
}
@media print, (min-width: 62.5em) {
  .use-case-content h2 {
    font-size: 212.5%;
  }
}
.use-case-content .inner {
  margin-left: 0;
  padding: 0;
  max-width: 55em;
}
.use-case-content .inner > .ImageElement {
  text-align: left;
}
.use-case-content .inner > .ImageElement img {
  width: 100%;
}
.use-case-related-topics,
.use-case-related-products {
  background: #f7f7f7;
  padding-top: 2em;
}
.use-case-related-topics header,
.use-case-related-products header {
  margin-bottom: 1em;
}
.use-case-related-topics header > h2,
.use-case-related-products header > h2 {
  font-size: 150%;
  margin: 0;
}
@media print, (min-width: 62.5em) {
  .use-case-related-topics header > h2,
  .use-case-related-products header > h2 {
    font-size: 212.5%;
  }
}
.use-case-related-topics > .inner,
.use-case-related-products > .inner {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  .use-case-related-topics > .inner,
  .use-case-related-products > .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.use-case-related-topics .tile .inner,
.use-case-related-products .tile .inner {
  background: #fff;
}
@keyframes buttonAnimation {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.coordinates-container {
  position: relative;
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  .coordinates-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.coordinates-container figure {
  margin: 0;
  padding: 0;
}
.coordinates-container figure img {
  width: 100%;
  height: auto;
}
.coordinates-container .coordinates-point {
  position: absolute;
  z-index: 100;
  height: 0;
  width: 0;
}
.coordinates-container .coordinates-point.panel-visible .panel {
  display: block;
}
.coordinates-container .coordinates-point button {
  border: none;
  background: transparent;
  border-radius: 0;
  appearance: none;
  padding: 0;
  margin: 0;
  position: relative;
  width: 2em;
  height: 2em;
  margin-left: -1em;
  margin-top: -1em;
}
.coordinates-container .coordinates-point button:before {
  content: "";
  width: 1em;
  height: 1em;
  left: 0.5em;
  top: 0.5em;
  border-radius: 0.5em;
  background: #fff;
  position: absolute;
  box-shadow: 0 0 4px 1px #4A4A4A;
}
.coordinates-container .coordinates-point button:hover:before {
  animation: buttonAnimation 1s ease;
}
.coordinates-container .coordinates-point .panel {
  position: absolute;
  z-index: 110;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}
.coordinates-container .coordinates-point .panel li {
  background: rgba(255, 255, 255, 0.8);
}
.coordinates-container .coordinates-point .panel.top {
  bottom: 1em;
}
@-moz-document url-prefix() {
  .coordinates-container .coordinates-point .panel.top {
    bottom: 0;
  }
}
.coordinates-container .coordinates-point .panel.top:not(:root:root) {
  bottom: 0;
}
.coordinates-container .coordinates-point .panel.top.left {
  right: 0;
}
.coordinates-container .coordinates-point .panel.top.middle {
  right: 0;
  transform: translate(50%, 0);
}
.coordinates-container .coordinates-point .panel.top.right {
  left: 0;
}
.coordinates-container .coordinates-point .panel.bottom {
  top: 1em;
}
@-moz-document url-prefix() {
  .coordinates-container .coordinates-point .panel.bottom {
    top: 2em;
  }
}
.coordinates-container .coordinates-point .panel.bottom:not(:root:root) {
  top: 2em;
}
.coordinates-container .coordinates-point .panel.bottom.left {
  right: 0;
}
.coordinates-container .coordinates-point .panel.bottom.middle {
  right: 0;
  transform: translate(50%, 0);
}
.coordinates-container .coordinates-point .panel.bottom.right {
  left: 0;
}
.coordinates-container .coordinates-point .panel a {
  position: relative;
  font-weight: bold;
  color: #4A4A4A;
  white-space: nowrap;
  padding: 0.3em 1em;
  display: block;
  line-height: 1.5;
}
.VirtualOrdersHolderPage .user-panel {
  max-width: 87.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media print, (min-width: 48em) {
  .VirtualOrdersHolderPage .user-panel {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.VirtualOrdersHolderPage .user-panel.virtual-orders-list {
  margin-bottom: 3em;
}
@media print, (min-width: 48em) {
  .VirtualOrdersHolderPage .user-panel {
    padding-left: 0;
    padding-right: 0;
  }
}
.VirtualOrdersHolderPage .user-panel header {
  margin-top: 2em;
}
.VirtualOrdersHolderPage .user-panel h1 {
  font-size: 225%;
}
@media print, (min-width: 62.5em) {
  .VirtualOrdersHolderPage .user-panel h1 {
    font-size: 300%;
  }
}
@media print, (min-width: 48em) {
  .VirtualOrdersHolderPage .user-panel .details {
    margin-left: -10px;
    margin-right: -10px;
    clear: both;
  }
  .VirtualOrdersHolderPage .user-panel .details:before,
  .VirtualOrdersHolderPage .user-panel .details:after {
    content: " ";
    display: table;
    clear: both;
  }
  .VirtualOrdersHolderPage .user-panel .details:before,
  .VirtualOrdersHolderPage .user-panel .details:after {
    content: " ";
    display: table;
    clear: both;
  }
  .VirtualOrdersHolderPage .user-panel .details .address,
  .VirtualOrdersHolderPage .user-panel .details .notes {
    float: left;
    min-height: 1px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
}
.VirtualOrdersHolderPage h2 {
  font-size: 187.5%;
}
@media print, (min-width: 62.5em) {
  .VirtualOrdersHolderPage h2 {
    font-size: 250%;
  }
}
.order-article.virtualProduct {
  padding-top: 0.8125em;
  padding-bottom: 0.5625em;
}
.order-article.virtualProduct .Actions {
  padding-left: 10px;
  padding-right: 10px;
}
.order-article.virtualProduct .order-article-actions {
  margin-top: 0;
  padding-bottom: 0;
}
@media print, (min-width: 30em) {
  .order-article.virtualProduct .order-article-actions {
    padding-bottom: 1.1875em;
  }
}
.order-article.virtualProduct .order-article-actions button {
  font-size: 100%;
}
.order-article.virtualProduct .order-article-fieldgroup {
  margin-bottom: 1em;
}
@media print, (min-width: 30em) {
  .order-article.virtualProduct .order-article-fieldgroup {
    margin-bottom: 0;
  }
}
.product-details.virtualProduct .images-slider {
  overflow: hidden;
  margin-top: 2em;
  margin-bottom: 3em;
  box-sizing: border-box;
}
.product-details.virtualProduct .images-slider img {
  width: auto;
  height: auto;
}
.product-details.virtualProduct .payment {
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 2em;
  text-align: center;
}
@media print, (min-width: 30em) {
  .product-details.virtualProduct .payment {
    text-align: right;
  }
}
.product-details.virtualProduct .payment span.text {
  font-size: 100%;
  font-weight: bold;
  margin-right: 0.5em;
}
.product-details.virtualProduct .payment span.price {
  font-weight: bold;
  font-size: 125%;
}
@media print, (min-width: 30em) {
  .product-details.virtualProduct .payment span.price {
    margin-right: 1em;
  }
}
@media print, (min-width: 48em) {
  .product-details.virtualProduct .payment span.price {
    font-size: 187.5%;
  }
}
@media print, (min-width: 62.5em) {
  .product-details.virtualProduct .payment span.price {
    font-size: 275%;
  }
}
.product-details.virtualProduct .payment .button {
  margin: 0;
  margin-top: 1em;
}
@media print, (min-width: 30em) {
  .product-details.virtualProduct .payment .button {
    margin: 0;
    position: relative;
    top: -0.125em;
  }
}
@media print, (min-width: 48em) {
  .product-details.virtualProduct .payment .button {
    margin: 0;
    top: -0.375em;
  }
}
@media print, (min-width: 62.5em) {
  .product-details.virtualProduct .payment .button {
    top: -0.5em;
  }
}
.product-details.virtualProduct .payment .button.download {
  text-align: center;
  position: relative;
  padding-left: 2.4em;
}
.product-details.virtualProduct .payment .button.download i {
  position: absolute;
  font-size: 200%;
  left: 0.1em;
  top: -0.15em;
}
.product-details.virtualProduct .ordered-items {
  max-width: 30em;
  margin: 1em 0 1em auto;
  text-align: left;
}
.product-details.virtualProduct .ordered-items .label {
  font-weight: bold;
}
.product-details.virtualProduct .ordered-items-caption {
  font-weight: bold;
  font-size: 87.5%;
}
.product-details.virtualProduct .ordered-item {
  clear: both;
  border: 1px solid #d1d1d1;
  border-left: 0;
  border-right: 0;
  margin: 0.2em 0;
  padding: 0.2em 0;
}
.product-details.virtualProduct .ordered-item:before,
.product-details.virtualProduct .ordered-item:after {
  content: " ";
  display: table;
  clear: both;
}
.product-details.virtualProduct .ordered-item:not(:last-child) {
  border-bottom: 0;
}
.product-details.virtualProduct .ordered-item .label {
  font-weight: bold;
  float: left;
}
.product-details.virtualProduct .ordered-item .date {
  float: right;
}
.CompanyListPage .popup-modal-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100%;
  max-height: 100%;
  overflow-y: scroll;
  max-width: 800px;
}
.CompanyListPage .modal-content {
  box-sizing: border-box;
  padding: 10px;
}
.CompanyListPage .modal-content h1 {
  font-size: 225%;
  margin-top: 0;
}
.CompanyListPage .modal-content h3 {
  font-size: 150%;
  margin-top: 0;
}
.CompanyListPage .modal-content .flex {
  display: flex;
}
.CompanyListPage .modal-content .flex div {
  width: 50%;
}
.CompanyListPage .modal-content .flex div input,
.CompanyListPage .modal-content .flex div .middleColumn {
  width: 100%;
}
.CompanyListPage .modal-content .flex div:first-child {
  margin-right: 20px;
}
.CompanyListPage .modal-content input[type="submit"] {
  margin: 20px 0 0 0;
  width: 100%;
}
.CompanyListPage .modal-content .closeWrapper .close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: transparent;
  text-indent: -9999px;
}
.CompanyListPage .modal-content .closeWrapper i {
  position: absolute;
  top: 34px;
  right: 30px;
  pointer-events: none;
  color: #000;
  font-size: 32px;
}
.CompanyListPage .modal-content .closeWrapper i:before {
  content: "\f184";
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.rodal-close {
  top: 32px;
  right: 20px;
  width: 24px;
  height: 24px;
  transition: all 0.5s ease;
}
.rodal-close:hover {
  transform: scale(1.1);
}
.rodal-close:before {
  height: 0;
  width: 0;
  content: "\f184";
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  color: #1D4370;
  transform: none;
  top: 0;
  font-size: 24px;
}
.rodal-close:after {
  content: none;
  display: none;
}
.huj-font-custom {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.huj-step-view-mixin .content-wrapper .additional-questions,
.huj-step-view-mixin .content-wrapper .delivery-questions {
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 0;
  float: right;
  font-size: 14px;
  line-height: 1.6;
  max-height: 0;
  transition: all 0.3s ease;
  opacity: 0;
  width: calc(50% - 10px);
  clear: both;
  border-bottom: solid 1px #F5F5F5;
}
.huj-step-view-mixin .content-wrapper .additional-questions.full-width,
.huj-step-view-mixin .content-wrapper .delivery-questions.full-width {
  width: 100%;
}
.huj-step-view-mixin .content-wrapper .additional-questions p,
.huj-step-view-mixin .content-wrapper .delivery-questions p {
  margin: 0;
}
.huj-step-view-mixin .content-wrapper .additional-questions.delivery,
.huj-step-view-mixin .content-wrapper .delivery-questions.delivery {
  float: left;
}
.huj-step-view-mixin .content-wrapper .additional-questions.pickup,
.huj-step-view-mixin .content-wrapper .delivery-questions.pickup {
  float: right;
}
@media (max-width: 62.5em) {
  .huj-step-view-mixin .content-wrapper .additional-questions,
  .huj-step-view-mixin .content-wrapper .delivery-questions {
    width: 100%;
  }
}
.huj-step-view-mixin .content-wrapper .additional-questions.show,
.huj-step-view-mixin .content-wrapper .delivery-questions.show {
  max-height: 200px;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  padding-bottom: 20px;
}
@media (max-width: 62.5em) {
  .huj-step-view-mixin .content-wrapper .additional-questions.show,
  .huj-step-view-mixin .content-wrapper .delivery-questions.show {
    max-height: 500px;
  }
}
.huj-step-view-mixin .content-wrapper .additional-questions.show.huj-visible,
.huj-step-view-mixin .content-wrapper .delivery-questions.show.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-step-view-mixin .content-wrapper .additional-questions .question,
.huj-step-view-mixin .content-wrapper .delivery-questions .question {
  font-size: 16px;
  margin-top: 0;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 10px;
}
.huj-step-view-mixin .content-wrapper .additional-questions .question strong,
.huj-step-view-mixin .content-wrapper .delivery-questions .question strong {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0;
  max-width: calc(100% - 120px);
}
.huj-step-view-mixin .content-wrapper .additional-questions .question svg,
.huj-step-view-mixin .content-wrapper .delivery-questions .question svg {
  vertical-align: middle;
  margin: 0 20px 0 5px;
  max-width: 26px;
}
.huj-step-view-mixin .content-wrapper .additional-questions .selectWrapper.jobSite,
.huj-step-view-mixin .content-wrapper .delivery-questions .selectWrapper.jobSite {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
.huj-step-view-mixin .content-wrapper .additional-questions .text,
.huj-step-view-mixin .content-wrapper .delivery-questions .text {
  margin-bottom: 20px;
}
.huj-step-view-mixin .content-wrapper .additional-questions .text.noTop,
.huj-step-view-mixin .content-wrapper .delivery-questions .text.noTop {
  margin-top: -10px;
}
.huj-step-view-mixin .content-wrapper .additional-questions .text span,
.huj-step-view-mixin .content-wrapper .delivery-questions .text span {
  font-style: normal;
  padding-left: 5px;
  display: block;
}
.huj-step-view-mixin .content-wrapper .additional-questions .text .float-text,
.huj-step-view-mixin .content-wrapper .delivery-questions .text .float-text {
  display: block;
  float: right;
  width: calc(100% - 50px);
  margin: 0;
}
.huj-step-view-mixin .content-wrapper .additional-questions .text .float-text.wider,
.huj-step-view-mixin .content-wrapper .delivery-questions .text .float-text.wider {
  width: calc(100% - 55px);
}
.huj-step-view-mixin .content-wrapper .additional-questions .text svg,
.huj-step-view-mixin .content-wrapper .delivery-questions .text svg {
  vertical-align: middle;
  float: left;
  margin: 0 10px 0 5px;
  max-width: 32px;
  height: auto;
}
.huj-step-view-mixin .content-wrapper .additional-questions .button-container > a,
.huj-step-view-mixin .content-wrapper .delivery-questions .button-container > a,
.huj-step-view-mixin .content-wrapper .additional-questions .button-container > button,
.huj-step-view-mixin .content-wrapper .delivery-questions .button-container > button {
  margin: 0 10px;
}
.huj-step-view-mixin .content-wrapper .additional-questions .button-container > a.selected,
.huj-step-view-mixin .content-wrapper .delivery-questions .button-container > a.selected,
.huj-step-view-mixin .content-wrapper .additional-questions .button-container > button.selected,
.huj-step-view-mixin .content-wrapper .delivery-questions .button-container > button.selected {
  background: #000;
  color: #fff;
}
.huj-step-view-mixin .content-wrapper .additional-questions {
  text-align: center;
}
/* -------------------------------------------------------------------------------------------------
Header
------------------------------------------------------------------------------------------------- */
.huj-header {
  position: fixed;
  top: -61px;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: solid 1px #F5F5F5;
  box-sizing: border-box;
  padding: 18px 20px;
  height: 60px;
  transition: all 0.5s ease;
  z-index: 100;
}
.huj-header.huj-visible {
  top: 0;
}
.huj-header a {
  vertical-align: middle;
}
.huj-header a svg {
  vertical-align: middle;
}
/* -------------------------------------------------------------------------------------------------
Main Wrapper
------------------------------------------------------------------------------------------------- */
.huj-main-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* -------------------------------------------------------------------------------------------------
Sidebar & StepView
------------------------------------------------------------------------------------------------- */
.huj-sidebar,
.huj-step-view {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 62.5em) {
  .huj-sidebar,
  .huj-step-view {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
/* -------------------------------------------------------------------------------------------------
Sidebar
------------------------------------------------------------------------------------------------- */
.huj-sidebar {
  position: fixed;
  max-width: 100%;
  bottom: 0;
  background: #fff;
  transition: all 0.5s ease;
  height: 70px;
  z-index: 100;
  border-right: solid 1px #F5F5F5;
}
@media (min-width: 62.5em) {
  .huj-sidebar {
    transform: translateX(-100%);
    display: block;
    position: absolute;
    left: 0;
    height: calc(100% - 131px);
    max-width: 20%;
    background: #F7F7F7;
  }
  .huj-sidebar.huj-visible.open {
    transform: translateX(0);
  }
}
.huj-sidebar .huj-status-breadcrumbs {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0;
  height: 100%;
}
@media (min-width: 62.5em) {
  .huj-sidebar .huj-status-breadcrumbs {
    width: calc(100% - 20px);
    margin-left: 20px;
  }
}
@media (max-width: 62.5em) {
  .huj-sidebar .huj-status-breadcrumbs {
    overflow: hidden;
  }
}
.huj-sidebar .huj-status-breadcrumbs h2 {
  display: none;
}
@media (min-width: 62.5em) {
  .huj-sidebar .huj-status-breadcrumbs h2 {
    display: inherit;
  }
}
.huj-sidebar .huj-sidebar-status {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #fff;
  margin: 0;
  display: none;
}
@media (min-width: 62.5em) {
  .huj-sidebar .huj-sidebar-status {
    display: inherit;
  }
}
.huj-sidebar .huj-sidebar-status .progress {
  position: absolute;
  width: 100%;
  height: 16.6%;
  background: #1D4370;
}
.huj-sidebar .preview {
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  padding: 20px;
  display: none;
  appearance: none;
  border: none;
}
@media (min-width: 62.5em) {
  .huj-sidebar .preview {
    display: inherit;
  }
}
.huj-sidebar .preview svg {
  max-width: 80%;
}
.huj-sidebar .preview h2 {
  font-size: 24px;
  line-height: 1.4;
  display: inline-block;
  width: 100%;
  text-align: left;
  color: #000;
  margin: 20px 0 0 0;
}
/* -------------------------------------------------------------------------------------------------
StepView
------------------------------------------------------------------------------------------------- */
.huj-step-view {
  width: 100%;
  background: #fff;
  display: flex;
  transition: all 0.5s ease;
  transition-delay: 0.3s;
}
@media (max-width: 62.5em) {
  .huj-step-view {
    padding-bottom: 70px;
  }
}
.huj-step-view.huj-visible {
  background: #fff;
}
@media (min-width: 62.5em) {
  .huj-step-view {
    max-width: 100%;
    float: right;
  }
  .huj-step-view.open {
    max-width: 80%;
  }
  .huj-step-view.open .content-full .content-wrapper {
    max-width: 80%;
    left: 20%;
  }
}
.huj-step-view .content-full {
  width: 100%;
  height: 100%;
  display: flex;
}
@media (min-width: 62.5em) {
  .huj-step-view .content-full .content-wrapper {
    max-width: 100%;
    left: 0;
  }
}
.huj-step-view .content-wrapper {
  max-width: 1000px;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  transition: all 0.5s ease;
  overflow: hidden;
}
@media (min-width: 62.5em) {
  .huj-step-view .content-wrapper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    margin: auto;
    position: absolute;
    left: 0;
    top: 131px;
    width: 100%;
    height: calc(100% -  61em / 16);
    height: calc(100% - 110px);
  }
}
.huj-step-view .content-wrapper .inner {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  max-width: 1024px;
  margin: auto;
}
.huj-step-view .content-wrapper .inner.full {
  max-width: 100%;
  margin: 0;
}
.huj-step-view .content-wrapper .inner.no-padding {
  padding: 0;
}
.huj-step-view .content-wrapper .inner.no-padding .push {
  box-sizing: border-box;
  padding: 20px;
}
.huj-step-view .content-wrapper .inner a {
  color: #1D4370;
}
.huj-step-view .content-wrapper .inner a:hover {
  color: #1D4370;
}
.huj-step-view .title {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 1.4;
  margin-top: 0;
  transform: translateY(-20px);
  opacity: 0;
  transition: all 0.5s ease;
}
.huj-step-view .title.huj-visible {
  transform: translateY(0);
  opacity: 1;
}
.huj-step-view .title strong {
  font-weight: 900;
  color: #1D4370;
}
.huj-step-view .sub-title {
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  margin: -15px 0 30px 0;
  width: 100%;
}
/* -------------------------------------------------------------------------------------------------
Button Container
------------------------------------------------------------------------------------------------- */
.huj-button-container {
  width: 100%;
  text-align: right;
  overflow: hidden;
  box-sizing: border-box;
}
.huj-button-container .btn-primary {
  opacity: 0;
  transition: all 0.3s ease;
  transform: translateY(20px);
}
.huj-button-container .btn-primary.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-button-container .btn-back {
  float: left;
  appearance: none;
  border: none;
  background: none;
  transition-delay: 0.1s;
  padding: 10px 0;
  opacity: 0;
  transition: all 0.3s ease;
  transform: translateY(20px);
}
.huj-button-container .btn-back.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-button-container .btn-back svg {
  margin-right: 10px;
}
@media (min-width: 62.5em) {
  .huj-button-container .btn-back:hover svg {
    margin-right: 5px;
  }
}
/* -------------------------------------------------------------------------------------------------
Validation Messages
------------------------------------------------------------------------------------------------- */
.huj-error {
  background: #F5A623;
  color: #fff;
  font-size: 100%;
  line-height: 1.4;
  width: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 20px;
}
.huj-error.pushBottom {
  margin-bottom: 20px;
}
/* -------------------------------------------------------------------------------------------------
Breadcrumb
------------------------------------------------------------------------------------------------- */
.huj-sidebar-breadcrumbs {
  display: flex;
  overflow: hidden;
}
@media (min-width: 62.5em) {
  .huj-sidebar-breadcrumbs {
    display: block;
    overflow: auto;
  }
}
@media (max-width: 62.5em) {
  .huj-sidebar-breadcrumbs {
    height: 100%;
    border-top: solid 1px #F5F5F5;
  }
}
.huj-sidebar-breadcrumb {
  box-sizing: border-box;
  padding: 30px 20px 20px 20px;
  border-bottom: solid 1px #F5F5F5;
  flex: 1;
}
@media (max-width: 62.5em) {
  .huj-sidebar-breadcrumb {
    padding: 0;
  }
}
.huj-sidebar-breadcrumb > button {
  appearance: none;
  background: none;
  border: none;
  text-align: left;
  display: inline;
}
.huj-sidebar-breadcrumb .huj-breadcrumb-item {
  line-height: 1.4;
}
@media (max-width: 62.5em) {
  .huj-sidebar-breadcrumb .huj-breadcrumb-item.project span,
  .huj-sidebar-breadcrumb .huj-breadcrumb-item.dateTime span,
  .huj-sidebar-breadcrumb .huj-breadcrumb-item.jobsite span,
  .huj-sidebar-breadcrumb .huj-breadcrumb-item.product span,
  .huj-sidebar-breadcrumb .huj-breadcrumb-item.overview span {
    line-height: 2.5;
  }
}
.huj-sidebar-breadcrumb .huj-breadcrumb-item > button {
  appearance: none;
  background: none;
  border: none;
  text-align: left;
  display: inline;
}
@media (max-width: 62.5em) {
  .huj-sidebar-breadcrumb .huj-breadcrumb-item.checked:last-of-type:before {
    color: #1D4370;
  }
}
.huj-sidebar-breadcrumb .huj-breadcrumb-item:before {
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 62.5em) {
  .huj-sidebar-breadcrumb .huj-breadcrumb-item:before {
    display: none;
  }
}
.huj-sidebar-breadcrumb .huj-breadcrumb-item span {
  display: none;
}
@media (min-width: 62.5em) {
  .huj-sidebar-breadcrumb .huj-breadcrumb-item span {
    display: inline;
  }
}
.huj-sidebar-breadcrumb.huj-project .huj-breadcrumb-item:before {
  content: "\f19a";
}
.huj-sidebar-breadcrumb.huj-project .huj-breadcrumb-item.checked:before {
  content: "\f1ac";
}
.huj-sidebar-breadcrumb.huj-location .huj-breadcrumb-item:before {
  content: "\f1aa";
}
.huj-sidebar-breadcrumb.huj-location .huj-breadcrumb-item.checked:before {
  content: "\f1ab";
}
.huj-sidebar-breadcrumb.huj-product .huj-breadcrumb-item:before {
  content: "\f17e";
}
.huj-sidebar-breadcrumb.huj-product .huj-breadcrumb-item.checked:before {
  content: "\f1a7";
}
.huj-sidebar-breadcrumb.huj-overview .huj-breadcrumb-item:before {
  content: "\f1a8";
}
.huj-sidebar-breadcrumb.huj-overview .huj-breadcrumb-item.checked:before {
  content: "\f1a9";
}
.huj-sidebar-breadcrumb h2 {
  font-size: 24px;
  line-height: 1.4;
  color: #000;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}
.huj-sidebar-breadcrumb h2 + ul:empty {
  margin-bottom: -20px;
  pointer-events: none;
}
.huj-sidebar-breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* -------------------------------------------------------------------------------------------------
BreadcrumbItem
------------------------------------------------------------------------------------------------- */
.huj-breadcrumb-item {
  color: rgba(0, 0, 0, 0.9);
  margin: 5px 0;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 62.5em) {
  .huj-breadcrumb-item {
    display: none;
  }
  .huj-breadcrumb-item:last-of-type {
    display: inherit;
  }
}
.huj-breadcrumb-item.checked:last-of-type,
.huj-breadcrumb-item.checked:only-of-type,
.huj-breadcrumb-item:last-of-type {
  color: rgba(0, 0, 0, 0.5);
  display: inherit;
}
.huj-breadcrumb-item.checked:last-of-type:only-of-type,
.huj-breadcrumb-item.checked:only-of-type:only-of-type,
.huj-breadcrumb-item:last-of-type:only-of-type {
  display: inherit;
}
@media (min-width: 62.5em) {
  .huj-breadcrumb-item.checked:last-of-type,
  .huj-breadcrumb-item.checked:only-of-type,
  .huj-breadcrumb-item:last-of-type {
    color: #000;
  }
}
@media (max-width: 62.5em) {
  .huj-breadcrumb-item.checked:last-of-type,
  .huj-breadcrumb-item.checked:only-of-type,
  .huj-breadcrumb-item:last-of-type {
    display: inherit;
  }
  .huj-breadcrumb-item.checked:last-of-type:last-of-type,
  .huj-breadcrumb-item.checked:only-of-type:last-of-type,
  .huj-breadcrumb-item:last-of-type:last-of-type {
    display: inherit;
  }
  .huj-breadcrumb-item.checked:last-of-type:last-of-type span,
  .huj-breadcrumb-item.checked:only-of-type:last-of-type span,
  .huj-breadcrumb-item:last-of-type:last-of-type span {
    display: none;
  }
}
@media (max-width: 62.5em) and (min-width: 62.5em) {
  .huj-breadcrumb-item.checked:last-of-type:last-of-type span,
  .huj-breadcrumb-item.checked:only-of-type:last-of-type span,
  .huj-breadcrumb-item:last-of-type:last-of-type span {
    display: inline;
    font-size: 100%;
    height: auto;
  }
}
.huj-breadcrumb-item svg {
  margin-right: 5px;
  display: none;
}
@media (min-width: 62.5em) {
  .huj-breadcrumb-item svg {
    display: inline;
  }
}
/* -------------------------------------------------------------------------------------------------
Check icon default state
------------------------------------------------------------------------------------------------- */
.huj-icon-check .filled {
  opacity: 0;
}
.huj-icon-check.filled .filled {
  opacity: 1;
}
.huj-icon-check.filled .unfilled {
  opacity: 0;
}
.huj-icon-check .unfilled {
  stroke: #000;
}
.huj-mega-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 0 0 20px 0;
}
.huj-mega-container.multi {
  margin: 0 -10px 10px;
}
@media (max-width: 62.5em) {
  .huj-mega-container.multi {
    flex-wrap: wrap;
    width: calc(100% + 20px);
    justify-content: space-between;
    margin: 0 -10px 10px;
  }
}
.huj-mega-container.multi .huj-mega-button {
  margin: 10px;
}
@media (max-width: 62.5em) {
  .huj-mega-container.multi .huj-mega-button {
    flex-basis: calc(50% - 20px);
  }
}
.huj-mega-container.seven {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.huj-mega-container.seven .huj-mega-button {
  max-width: calc(33.333% - 20px);
}
@media (max-width: 62.5em) {
  .huj-mega-container.seven .huj-mega-button {
    max-width: 100%;
    flex-basis: 100%;
    width: 100%;
  }
}
.huj-mega-button {
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  padding: 33px 20px;
  flex-basis: 50%;
  width: 50%;
  background: #fff;
  clear: both;
  min-height: 220px;
  border-radius: 8px;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  transition: all 0.3s ease;
  transform: translateY(20px);
  opacity: 0;
  text-align: center;
}
@media (min-width: 62.5em) {
  .huj-mega-button {
    padding: 20px;
  }
}
.huj-mega-button.huj-visible {
  transform: translateY(0);
  opacity: 1;
}
.huj-mega-button:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  box-sizing: border-box;
  border: solid 1px #F5F5F5;
  transition: all 0.3s ease;
}
.huj-mega-button svg {
  max-width: 120px;
  margin: auto;
  width: auto;
  height: auto;
  padding-bottom: 50px;
  transition: all 0.3s ease;
}
.huj-mega-button .with-pump,
.huj-mega-button .conveyor {
  transform: translateY(-20px) translateX(-50%);
  opacity: 0;
  transition-delay: 0.1s;
}
.huj-mega-button.show-pump svg.with-pump {
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}
.huj-mega-button.show-pump svg.without-pump {
  transform: translateY(calc(-20px - 50%)) translateX(-50%);
  opacity: 0;
}
.huj-mega-button.show-belt svg.conveyor {
  transform: translateY(calc(-50% + 10px)) translateX(-50%);
  opacity: 1;
}
.huj-mega-button.show-belt svg.with-pump,
.huj-mega-button.show-belt svg.without-pump {
  transform: translateY(20px) translateX(-50%);
  opacity: 0;
}
.huj-mega-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.huj-mega-button .label {
  text-align: center;
  width: 100%;
  display: inline-block;
  padding: 0 20px;
  position: absolute;
  bottom: 20px;
  left: 0;
  box-sizing: border-box;
}
@media (max-width: 62.5em) {
  .huj-mega-button .label {
    font-size: 16px;
  }
}
.huj-mega-button.selected:after,
.huj-mega-button.active:after {
  border: solid 5px #1D4370;
}
.huj-mega-button.selected.disabled:after,
.huj-mega-button.active.disabled:after {
  border-color: #A4A4A4;
}
.huj-mega-button.disabled {
  background: #F8F8F8;
}
.huj-mega-button.disabled:hover:after {
  border-color: #A4A4A4;
}
@media (min-width: 62.5em) {
  .huj-mega-button:hover:after {
    border: solid 5px #1D4370;
  }
}
.huj-mega-button:nth-child(odd) {
  margin-right: 10px;
}
.huj-mega-button:nth-child(even) {
  margin-left: 10px;
}
@media (min-width: 62.5em) {
  .huj-mega-button {
    min-height: 320px;
  }
}
/* -------------------------------------------------------------------------------------------------
Opacity transition
------------------------------------------------------------------------------------------------- */
@media (max-width: 62.5em) {
  .huj-transition-opacity-enter,
  .huj-transition-opacity-enter-active,
  .huj-transition-opacity-exit,
  .huj-transition-opacity-exit-active {
    min-width: 100vw;
    width: 100vw;
  }
}
.huj-transition-opacity-enter {
  transform: translateX(120px);
  opacity: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 62.5em) {
  .huj-transition-opacity-enter {
    min-width: 100vw;
    width: 100vw;
  }
}
.huj-transition-opacity-enter-active {
  transform: translateX(0);
  opacity: 1;
}
.huj-transition-opacity-exit {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 0s;
}
.huj-transition-opacity-exit-active {
  transform: translateX(-120px);
  opacity: 0;
}
.huj-fade-down {
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(20px);
}
.huj-fade-down.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-fade-up {
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(-20px);
}
.huj-fade-up.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-map {
  height: 100%;
}
.huj-toggle {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 35px;
  border-radius: 5px;
  border: solid 1px #F5F5F5;
  transition: all 0.3s ease;
  background: #fff;
  vertical-align: middle;
  margin: 0 10px 0 0;
  float: left;
}
.huj-toggle.right {
  float: right;
  margin: 0 0 0 10px;
}
.huj-toggle.right:before {
  top: 9px;
  left: 10px;
}
.huj-toggle.f-none {
  float: none;
}
@media (min-width: 62.5em) {
  .huj-toggle:hover {
    background: rgba(29, 67, 112, 0.2);
    border-color: rgba(29, 67, 112, 0.2);
  }
  .huj-toggle:hover:before {
    color: #1D4370;
    transform: scale(1);
  }
  .huj-toggle:hover input[type='checkbox'] {
    background: #fff;
    border-color: #fff;
  }
}
.huj-toggle:before {
  content: "\f16a";
  display: inline-block;
  font-family: "fontcustom";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 10px;
  left: 11px;
  color: #fff;
  z-index: 2;
  font-weight: bold;
  font-size: 100%;
  pointer-events: none;
  transition: all 0.3s ease;
  transform: scale(0);
}
.huj-toggle.huj-toggle-active:before {
  color: #1D4370;
  transform: scale(1);
}
.huj-toggle.huj-toggle-active input[type='checkbox'] {
  background: rgba(29, 67, 112, 0.2);
  border-color: rgba(29, 67, 112, 0);
}
@media (min-width: 62.5em) {
  .huj-toggle.huj-toggle-active:hover {
    background: #F5F5F5;
    border-color: #F5F5F5;
  }
  .huj-toggle.huj-toggle-active:hover input[type='checkbox'] {
    background: #fff;
  }
  .huj-toggle.huj-toggle-active:hover:before {
    color: #A4A4A4;
  }
}
.huj-toggle input[type='checkbox'] {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  cursor: pointer;
  background: #F5F5F5;
  border: solid 1px #F5F5F5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  z-index: 1;
  transition: all 0.3s ease;
}
.huj-date-time-wrapper {
  display: flex;
  margin: -10px -10px 10px;
}
@media (max-width: 62.5em) {
  .huj-date-time-wrapper {
    margin: 0;
    display: block;
  }
}
.huj-datepicker-container,
.huj-datepickter-time {
  flex: 1;
  background: #fff;
  width: calc(50% - 10px);
  margin: 10px;
  border-radius: 5px;
  border: solid 1px #F5F5F5;
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
}
@media (max-width: 62.5em) {
  .huj-datepicker-container,
  .huj-datepickter-time {
    padding: 10px;
    margin: 0 0 20px 0;
    width: 100%;
  }
}
.huj-datepicker-container .month,
.huj-datepickter-time .month,
.huj-datepicker-container .time,
.huj-datepickter-time .time {
  text-align: center;
  position: relative;
  margin: 20px 0;
  box-sizing: border-box;
  padding: 20px 0;
}
@media (max-width: 62.5em) {
  .huj-datepicker-container .month,
  .huj-datepickter-time .month,
  .huj-datepicker-container .time,
  .huj-datepickter-time .time {
    margin: 10px 0;
  }
}
.huj-datepicker-container .month h6,
.huj-datepickter-time .month h6,
.huj-datepicker-container .time h6,
.huj-datepickter-time .time h6 {
  font-size: 24px;
  color: #1D4370;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5px;
  transition: all 0.3s ease;
  display: block;
}
.huj-datepicker-container .month h6.huj-datepicker-month-transition-enter,
.huj-datepickter-time .month h6.huj-datepicker-month-transition-enter,
.huj-datepicker-container .time h6.huj-datepicker-month-transition-enter,
.huj-datepickter-time .time h6.huj-datepicker-month-transition-enter {
  opacity: 0;
  transform: translateX(calc(-50% + 20px));
}
.huj-datepicker-container .month h6.huj-datepicker-month-transition-enter-active,
.huj-datepickter-time .month h6.huj-datepicker-month-transition-enter-active,
.huj-datepicker-container .time h6.huj-datepicker-month-transition-enter-active,
.huj-datepickter-time .time h6.huj-datepicker-month-transition-enter-active {
  opacity: 1;
  transform: translateX(-50%);
}
.huj-datepicker-container .month h6.huj-datepicker-month-transition-exit,
.huj-datepickter-time .month h6.huj-datepicker-month-transition-exit,
.huj-datepicker-container .time h6.huj-datepicker-month-transition-exit,
.huj-datepickter-time .time h6.huj-datepicker-month-transition-exit {
  opacity: 1;
  transform: translateX(-50%);
}
.huj-datepicker-container .month h6.huj-datepicker-month-transition-exit-active,
.huj-datepickter-time .month h6.huj-datepicker-month-transition-exit-active,
.huj-datepicker-container .time h6.huj-datepicker-month-transition-exit-active,
.huj-datepickter-time .time h6.huj-datepicker-month-transition-exit-active {
  opacity: 0;
  transform: translateX(calc(-50% + 20px));
}
.huj-datepicker-container .month button,
.huj-datepickter-time .month button,
.huj-datepicker-container .time button,
.huj-datepickter-time .time button {
  position: absolute;
  appearance: none;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.huj-datepicker-container .month button.back,
.huj-datepickter-time .month button.back,
.huj-datepicker-container .time button.back,
.huj-datepickter-time .time button.back {
  left: 15px;
}
.huj-datepicker-container .month button.next,
.huj-datepickter-time .month button.next,
.huj-datepicker-container .time button.next,
.huj-datepickter-time .time button.next {
  right: 15px;
  transform: translateY(-50%) rotate(180deg);
}
.huj-datepicker-container .head,
.huj-datepickter-time .head {
  margin: 20px 0;
}
@media (max-width: 62.5em) {
  .huj-datepicker-container .head,
  .huj-datepickter-time .head {
    margin: 10px 0;
  }
}
.huj-datepicker-container .head .week,
.huj-datepickter-time .head .week {
  font-weight: bold;
  font-size: 100%;
}
@media (max-width: 62.5em) {
  .huj-datepicker-container,
  .huj-datepickter-time {
    margin-bottom: 20px;
  }
}
.huj-datepicker-container .huj-datepicker-month-transition,
.huj-datepickter-time .huj-datepicker-month-transition {
  transition: all 0.3s ease;
}
.huj-datepicker-container .weekWrapper,
.huj-datepickter-time .weekWrapper {
  position: relative;
  width: 100%;
  height: 365px;
}
@media (max-width: 62.5em) {
  .huj-datepicker-container .weekWrapper,
  .huj-datepickter-time .weekWrapper {
    width: 100%;
    height: 355px;
  }
}
.huj-datepicker-container .weekWrapper ul,
.huj-datepickter-time .weekWrapper ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.huj-datepicker-container .week,
.huj-datepickter-time .week,
.huj-datepicker-container .time,
.huj-datepickter-time .time {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  transition: all 0.3s ease;
}
.huj-datepicker-container .week li,
.huj-datepickter-time .week li,
.huj-datepicker-container .time li,
.huj-datepickter-time .time li {
  clear: both;
  flex-basis: 1;
  flex-grow: 1;
  max-width: 14.285%;
  flex-basis: 14.285%;
  box-sizing: border-box;
}
.huj-datepicker-container .week li button,
.huj-datepickter-time .week li button,
.huj-datepicker-container .time li button,
.huj-datepickter-time .time li button {
  min-width: 40px;
  font-size: 100%;
  background: #fff;
  border: solid 1px #F5F5F5;
  border-radius: 3px;
  margin: 10px;
  padding: 10px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
@media (max-width: 62.5em) {
  .huj-datepicker-container .week li button,
  .huj-datepickter-time .week li button,
  .huj-datepicker-container .time li button,
  .huj-datepickter-time .time li button {
    margin: 5px;
  }
}
@media (min-width: 62.5em) {
  .huj-datepicker-container .week li button:hover,
  .huj-datepickter-time .week li button:hover,
  .huj-datepicker-container .time li button:hover,
  .huj-datepickter-time .time li button:hover {
    color: #fff;
    background: #1D4370;
    border-color: #1D4370;
  }
}
.huj-datepicker-container .week li button.active,
.huj-datepickter-time .week li button.active,
.huj-datepicker-container .time li button.active,
.huj-datepickter-time .time li button.active {
  color: #fff;
  background: #1D4370;
  border-color: #1D4370;
}
@media (min-width: 62.5em) {
  .huj-datepicker-container .week li button.active:hover,
  .huj-datepickter-time .week li button.active:hover,
  .huj-datepicker-container .time li button.active:hover,
  .huj-datepickter-time .time li button.active:hover {
    color: #000;
    background: #fff;
  }
}
.huj-datepicker-container .week li button:disabled,
.huj-datepickter-time .week li button:disabled,
.huj-datepicker-container .time li button:disabled,
.huj-datepickter-time .time li button:disabled {
  background: #F5F5F5;
  border-color: #F5F5F5;
  color: #fff;
}
.huj-datepicker-container .week li button.today,
.huj-datepickter-time .week li button.today,
.huj-datepicker-container .time li button.today,
.huj-datepickter-time .time li button.today {
  border-radius: 100%;
}
.huj-datepicker-container .time,
.huj-datepickter-time .time {
  text-align: center;
  position: relative;
  box-sizing: border-box;
  margin: 20px 0px;
  padding: 20px 0px;
}
.huj-datepicker-container .timeButton,
.huj-datepickter-time .timeButton {
  padding: 0;
  margin: 0;
}
.huj-datepicker-container .timeButton button,
.huj-datepickter-time .timeButton button {
  min-width: 40px;
  font-size: 100%;
  background: #fff;
  border: solid 1px #F5F5F5;
  border-radius: 3px;
  margin: 10px 0;
  padding: 10px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  width: 100%;
}
@media (min-width: 62.5em) {
  .huj-datepicker-container .timeButton button:hover,
  .huj-datepickter-time .timeButton button:hover {
    color: #fff;
    background: #1D4370;
    border-color: #1D4370;
  }
}
.huj-datepicker-container .timeButton button.active,
.huj-datepickter-time .timeButton button.active {
  color: #fff;
  background: #1D4370;
  border-color: #1D4370;
}
@media (min-width: 62.5em) {
  .huj-datepicker-container .timeButton button.active:hover,
  .huj-datepickter-time .timeButton button.active:hover {
    color: #000;
    background: #fff;
  }
}
.huj-datepickter-time {
  clear: both;
}
.huj-datepicker-month-transition-enter,
.huj-datepicker-month-transition-enter-active,
.huj-datepicker-month-transition-exit,
.huj-datepicker-month-transition-exit-active {
  transition: all 0.3s ease;
}
.huj-datepicker-month-transition-enter {
  transform: translateX(30px);
  opacity: 0;
}
.huj-datepicker-month-transition-enter-done {
  transform: translateX(0);
  opacity: 1;
}
.huj-datepicker-month-transition-exit {
  transform: translateX(0);
  opacity: 1;
}
.huj-datepicker-month-transition-exit-done {
  transform: translateX(-30px);
  opacity: 0;
}
.huj-continue {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
}
.huj-continue:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url('https://res.cloudinary.com/deep-impact-ag/image/upload/v1527236358/prev2_v2s7km.png') no-repeat center center;
  background-size: cover;
  filter: blur(20px);
  z-index: -1;
}
@media (max-width: 62.5em) {
  .huj-continue:before {
    background: url('https://res.cloudinary.com/deep-impact-ag/image/upload/v1527236421/mobile_prev_pfqbuo.png') no-repeat center center;
    background-size: contain;
  }
}
.huj-continue .huj-continue-content {
  box-sizing: border-box;
  padding: 20px;
  background: #fff;
  width: calc(100% - 40px);
  margin: 0 0 0 20px;
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
  margin: auto;
  max-width: 420px;
  opacity: 0;
  transform: translateY(20px) scale(0.5);
  transition: all 0.5s ease;
}
.huj-continue .huj-continue-content.huj-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.2));
}
.huj-continue .huj-continue-content .question {
  margin: 0;
  line-height: 1.4;
}
.huj-continue .huj-continue-content .button-container {
  margin: 10px -10px -10px;
  text-align: right;
}
.huj-continue .huj-continue-content .button-container button {
  margin: 10px;
}
.huj-loader {
  text-align: center;
}
.huj-loader svg {
  max-width: 22px;
  height: auto;
}
@media (min-width: 62.5em) {
  .huj-step-view .content-wrapper div.inner {
    height: auto;
  }
}
@media (max-height: 800px) {
  .huj-step-view .content-wrapper div.inner {
    height: auto;
  }
}
.huj-step-view .content-wrapper div.inner .intro {
  background: #1D4370;
  color: #fff;
  box-sizing: border-box;
  padding: 40px 20px;
  transition: all 0.5s ease;
  transform: translateY(-20px);
  opacity: 0;
}
.huj-step-view .content-wrapper div.inner .intro.huj-visible {
  transform: translateY(0);
  opacity: 1;
}
.huj-step-view .content-wrapper div.inner .intro h1 {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 28px;
}
.huj-step-view .content-wrapper div.inner .intro p {
  margin: 5px 0 0 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
}
.huj-step-view .content-wrapper div.inner .huj-grid {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-height: 800px) {
  .huj-step-view .content-wrapper div.inner .huj-grid {
    min-height: 100%;
  }
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select {
  appearance: none;
  border: none;
  background: none;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #F5F5F5;
  transition: all 0.5s ease;
  transform: translate(30px);
  opacity: 0;
  position: relative;
  flex-basis: 50%;
  width: 50%;
  max-width: 50%;
  height: auto;
  box-sizing: border-box;
  padding: 20px 20px 40px;
}
@media (min-width: 62.5em) {
  .huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select {
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;
    height: calc(50vh - 99px);
  }
}
@media (max-height: 800px) {
  .huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select {
    height: auto;
  }
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select.limit-1 svg {
  max-width: 25%;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select.limit-2 svg {
  max-width: 50%;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  background: #1D4370;
  transition: all 0.3s ease;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease;
}
@media (min-width: 62.5em) {
  .huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:hover:before {
    opacity: 1;
  }
  .huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:hover:after {
    width: 100%;
    height: 4px;
  }
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select h3 {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select h3 {
    font-size: 20px;
  }
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select svg {
  max-width: 70%;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select.huj-visible {
  transform: translate(0);
  opacity: 1;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(1) {
  transition-delay: 0.2s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(2) {
  transition-delay: 0.3s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(3) {
  transition-delay: 0.4s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(4) {
  transition-delay: 0.5s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(5) {
  transition-delay: 0.6s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(6) {
  transition-delay: 0.7s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(7) {
  transition-delay: 0.8s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(8) {
  transition-delay: 0.9s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(9) {
  transition-delay: 1s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(10) {
  transition-delay: 1.1s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(11) {
  transition-delay: 1.2s;
}
.huj-step-view .content-wrapper div.inner .huj-grid .huj-button-select:nth-child(12) {
  transition-delay: 1.3s;
}
.huj-step-view .content-wrapper .additional-questions,
.huj-step-view .content-wrapper .delivery-questions {
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 0;
  float: right;
  font-size: 14px;
  line-height: 1.6;
  max-height: 0;
  transition: all 0.3s ease;
  opacity: 0;
  width: calc(50% - 10px);
  clear: both;
  border-bottom: solid 1px #F5F5F5;
}
.huj-step-view .content-wrapper .additional-questions.full-width,
.huj-step-view .content-wrapper .delivery-questions.full-width {
  width: 100%;
}
.huj-step-view .content-wrapper .additional-questions p,
.huj-step-view .content-wrapper .delivery-questions p {
  margin: 0;
}
.huj-step-view .content-wrapper .additional-questions.delivery,
.huj-step-view .content-wrapper .delivery-questions.delivery {
  float: left;
}
.huj-step-view .content-wrapper .additional-questions.pickup,
.huj-step-view .content-wrapper .delivery-questions.pickup {
  float: right;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .additional-questions,
  .huj-step-view .content-wrapper .delivery-questions {
    width: 100%;
  }
}
.huj-step-view .content-wrapper .additional-questions.show,
.huj-step-view .content-wrapper .delivery-questions.show {
  max-height: 200px;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  padding-bottom: 20px;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .additional-questions.show,
  .huj-step-view .content-wrapper .delivery-questions.show {
    max-height: 500px;
  }
}
.huj-step-view .content-wrapper .additional-questions.show.huj-visible,
.huj-step-view .content-wrapper .delivery-questions.show.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-step-view .content-wrapper .additional-questions .question,
.huj-step-view .content-wrapper .delivery-questions .question {
  font-size: 16px;
  margin-top: 0;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 10px;
}
.huj-step-view .content-wrapper .additional-questions .question strong,
.huj-step-view .content-wrapper .delivery-questions .question strong {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0;
  max-width: calc(100% - 120px);
}
.huj-step-view .content-wrapper .additional-questions .question svg,
.huj-step-view .content-wrapper .delivery-questions .question svg {
  vertical-align: middle;
  margin: 0 20px 0 5px;
  max-width: 26px;
}
.huj-step-view .content-wrapper .additional-questions .selectWrapper.jobSite,
.huj-step-view .content-wrapper .delivery-questions .selectWrapper.jobSite {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
.huj-step-view .content-wrapper .additional-questions .text,
.huj-step-view .content-wrapper .delivery-questions .text {
  margin-bottom: 20px;
}
.huj-step-view .content-wrapper .additional-questions .text.noTop,
.huj-step-view .content-wrapper .delivery-questions .text.noTop {
  margin-top: -10px;
}
.huj-step-view .content-wrapper .additional-questions .text span,
.huj-step-view .content-wrapper .delivery-questions .text span {
  font-style: normal;
  padding-left: 5px;
  display: block;
}
.huj-step-view .content-wrapper .additional-questions .text .float-text,
.huj-step-view .content-wrapper .delivery-questions .text .float-text {
  display: block;
  float: right;
  width: calc(100% - 50px);
  margin: 0;
}
.huj-step-view .content-wrapper .additional-questions .text .float-text.wider,
.huj-step-view .content-wrapper .delivery-questions .text .float-text.wider {
  width: calc(100% - 55px);
}
.huj-step-view .content-wrapper .additional-questions .text svg,
.huj-step-view .content-wrapper .delivery-questions .text svg {
  vertical-align: middle;
  float: left;
  margin: 0 10px 0 5px;
  max-width: 32px;
  height: auto;
}
.huj-step-view .content-wrapper .additional-questions .button-container > a,
.huj-step-view .content-wrapper .delivery-questions .button-container > a,
.huj-step-view .content-wrapper .additional-questions .button-container > button,
.huj-step-view .content-wrapper .delivery-questions .button-container > button {
  margin: 0 10px;
}
.huj-step-view .content-wrapper .additional-questions .button-container > a.selected,
.huj-step-view .content-wrapper .delivery-questions .button-container > a.selected,
.huj-step-view .content-wrapper .additional-questions .button-container > button.selected,
.huj-step-view .content-wrapper .delivery-questions .button-container > button.selected {
  background: #000;
  color: #fff;
}
.huj-step-view .content-wrapper .additional-questions {
  text-align: center;
}
.huj-step-view .content-wrapper .uhj-map-wrapper {
  height: 420px;
  border-bottom: solid 1px #F5F5F5;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .uhj-map-wrapper {
    height: 320px;
  }
}
.huj-step-view .content-wrapper .inner .uhj-job-sites {
  box-sizing: border-box;
  padding: 40px 0 0 0;
  position: relative;
  max-width: 640px;
  margin: auto;
  text-align: center;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .uhj-job-sites {
    padding: 20px 20px 0 20px;
  }
}
.huj-step-view .content-wrapper .inner .uhj-job-sites input {
  position: relative;
  z-index: 10;
}
.huj-step-view .content-wrapper .inner .uhj-job-sites .location {
  position: relative;
  z-index: 3;
  margin-bottom: 20px;
}
.huj-step-view .content-wrapper .inner .uhj-job-sites .location .postalCode {
  margin-top: 20px;
}
.huj-step-view .content-wrapper .inner .uhj-job-sites .location .postalCode .specialLabel label {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 10px;
  transition: all 0.5s ease;
}
.huj-step-view .content-wrapper .inner .uhj-job-sites .description {
  margin-bottom: 20px;
}
.pac-container {
  transform: translateY(-5px) translateX(1px);
  z-index: 0;
  padding-top: 4px;
}
.pac-container .pac-item:first-child {
  border-top: none;
}
.pac-logo:after {
  display: none !important;
  content: none !important;
}
.huj-jobsite-select-wrapper {
  border: solid 1px #F5F5F5;
}
.huj-jobsite-select-wrapper h3 {
  position: relative;
  padding-right: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-left: -15px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  border-bottom: solid 1px #F5F5F5;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: -1px;
}
.huj-jobsite-select-wrapper h3 .red-arrow {
  position: absolute;
  right: 20px;
  top: 24px;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .huj-jobsite-select-wrapper h3:hover .red-arrow {
    transform: rotate(180deg);
  }
}
.huj-jobsite-select-wrapper .icon {
  font-size: 58px;
  line-height: 1;
  vertical-align: middle;
  margin-left: -15px;
}
.huj-jobsite-select-wrapper .jobsite-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 0;
  transition: all 0.5s ease;
}
.huj-jobsite-select-wrapper .jobsite-list li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #F5F5F5;
}
.huj-jobsite-select-wrapper .jobsite-list li:last-child {
  border-bottom: none;
}
.huj-jobsite-select-wrapper .jobsite-list li button {
  appearance: none;
  width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 0;
  text-align: left;
  padding: 10px 20px;
  transition: all 0.5s ease;
  background: #fff;
}
@media (hover: hover) {
  .huj-jobsite-select-wrapper .jobsite-list li button:hover {
    background: #F8F8F8;
  }
}
.huj-jobsite-select-wrapper.is-expanded .jobsite-list {
  max-height: 239px;
}
.huj-step-view .content-wrapper .additional-questions,
.huj-step-view .content-wrapper .delivery-questions {
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 0;
  float: right;
  font-size: 14px;
  line-height: 1.6;
  max-height: 0;
  transition: all 0.3s ease;
  opacity: 0;
  width: calc(50% - 10px);
  clear: both;
  border-bottom: solid 1px #F5F5F5;
}
.huj-step-view .content-wrapper .additional-questions.full-width,
.huj-step-view .content-wrapper .delivery-questions.full-width {
  width: 100%;
}
.huj-step-view .content-wrapper .additional-questions p,
.huj-step-view .content-wrapper .delivery-questions p {
  margin: 0;
}
.huj-step-view .content-wrapper .additional-questions.delivery,
.huj-step-view .content-wrapper .delivery-questions.delivery {
  float: left;
}
.huj-step-view .content-wrapper .additional-questions.pickup,
.huj-step-view .content-wrapper .delivery-questions.pickup {
  float: right;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .additional-questions,
  .huj-step-view .content-wrapper .delivery-questions {
    width: 100%;
  }
}
.huj-step-view .content-wrapper .additional-questions.show,
.huj-step-view .content-wrapper .delivery-questions.show {
  max-height: 200px;
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  padding-bottom: 20px;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .additional-questions.show,
  .huj-step-view .content-wrapper .delivery-questions.show {
    max-height: 500px;
  }
}
.huj-step-view .content-wrapper .additional-questions.show.huj-visible,
.huj-step-view .content-wrapper .delivery-questions.show.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-step-view .content-wrapper .additional-questions .question,
.huj-step-view .content-wrapper .delivery-questions .question {
  font-size: 16px;
  margin-top: 0;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 10px;
}
.huj-step-view .content-wrapper .additional-questions .question strong,
.huj-step-view .content-wrapper .delivery-questions .question strong {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0;
  max-width: calc(100% - 120px);
}
.huj-step-view .content-wrapper .additional-questions .question svg,
.huj-step-view .content-wrapper .delivery-questions .question svg {
  vertical-align: middle;
  margin: 0 20px 0 5px;
  max-width: 26px;
}
.huj-step-view .content-wrapper .additional-questions .selectWrapper.jobSite,
.huj-step-view .content-wrapper .delivery-questions .selectWrapper.jobSite {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
.huj-step-view .content-wrapper .additional-questions .text,
.huj-step-view .content-wrapper .delivery-questions .text {
  margin-bottom: 20px;
}
.huj-step-view .content-wrapper .additional-questions .text.noTop,
.huj-step-view .content-wrapper .delivery-questions .text.noTop {
  margin-top: -10px;
}
.huj-step-view .content-wrapper .additional-questions .text span,
.huj-step-view .content-wrapper .delivery-questions .text span {
  font-style: normal;
  padding-left: 5px;
  display: block;
}
.huj-step-view .content-wrapper .additional-questions .text .float-text,
.huj-step-view .content-wrapper .delivery-questions .text .float-text {
  display: block;
  float: right;
  width: calc(100% - 50px);
  margin: 0;
}
.huj-step-view .content-wrapper .additional-questions .text .float-text.wider,
.huj-step-view .content-wrapper .delivery-questions .text .float-text.wider {
  width: calc(100% - 55px);
}
.huj-step-view .content-wrapper .additional-questions .text svg,
.huj-step-view .content-wrapper .delivery-questions .text svg {
  vertical-align: middle;
  float: left;
  margin: 0 10px 0 5px;
  max-width: 32px;
  height: auto;
}
.huj-step-view .content-wrapper .additional-questions .button-container > a,
.huj-step-view .content-wrapper .delivery-questions .button-container > a,
.huj-step-view .content-wrapper .additional-questions .button-container > button,
.huj-step-view .content-wrapper .delivery-questions .button-container > button {
  margin: 0 10px;
}
.huj-step-view .content-wrapper .additional-questions .button-container > a.selected,
.huj-step-view .content-wrapper .delivery-questions .button-container > a.selected,
.huj-step-view .content-wrapper .additional-questions .button-container > button.selected,
.huj-step-view .content-wrapper .delivery-questions .button-container > button.selected {
  background: #000;
  color: #fff;
}
.huj-step-view .content-wrapper .additional-questions {
  text-align: center;
}
.huj-step-view .huj-plant-select {
  text-transform: none;
}
.huj-step-view svg .huj-pump {
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
  position: relative;
  top: -10px;
}
.huj-step-view svg.show-pump .huj-pump {
  opacity: 1;
  top: 0;
}
.huj-step-view .delivery {
  float: left;
}
.huj-step-view .content-wrapper .delivery-questions.show {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}
.huj-step-view .content-wrapper .delivery-questions.show.disabled {
  clear: none;
}
.huj-step-view .content-wrapper .delivery-questions.show.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-step-view .content-wrapper .inner .sub-title {
  transform: translateY(20px);
  opacity: 0;
  text-align: left;
  margin: 0;
  transition: all 0.3s ease;
}
.huj-step-view .content-wrapper .inner .sub-title.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-step-view .content-wrapper .inner .product-step {
  box-sizing: border-box;
  padding: 40px 0 0 0;
  position: relative;
  max-width: 840px;
  margin: auto;
  text-align: center;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-step {
    padding: 0;
  }
}
.huj-step-view .content-wrapper .inner .product-step .product {
  border: dashed 1px #F5F5F5;
  border-radius: 5px;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
}
.huj-step-view .content-wrapper .inner .product-step .product .head {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.huj-step-view .content-wrapper .inner .product-step .product .head h3 {
  float: left;
  font-size: 20px;
  font-weight: normal;
  margin: 0 0 20px 0;
  width: auto;
  line-height: 1.4;
  text-align: left;
  max-width: calc(100% - 235px);
  max-width: calc(100% - 315px);
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-step .product .head h3 {
    max-width: 100%;
  }
}
.huj-step-view .content-wrapper .inner .product-step .product .head h3 strong {
  font-weight: bold;
  color: #1D4370;
}
.huj-step-view .content-wrapper .inner .product-step .product .head .reference {
  float: right;
  width: auto;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-step .product .head .reference {
    margin-bottom: 20px;
    width: 100%;
    float: none;
    display: block;
    text-align: left;
  }
}
.huj-step-view .content-wrapper .inner .product-step .product .head .reference i {
  text-transform: uppercase;
  font-size: 12px;
  font-style: normal;
  margin-top: 10px;
  display: none;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-step .product .head .reference i {
    width: 100%;
  }
}
.huj-step-view .content-wrapper .inner .product-step .product .head .reference em {
  font-size: 20px;
  display: inline-block;
  box-sizing: border-box;
  padding: 10px;
  border: dashed 1px #000;
  border-radius: 5px;
  font-style: normal;
  margin-left: 10px;
  font-weight: bold;
  color: #1D4370;
}
.huj-step-view .content-wrapper .inner .product-step .product .head .reference em:empty {
  display: none;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-step .product .head .reference em {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}
.huj-step-view .content-wrapper .inner .product-step .product .head .description {
  width: 100%;
  position: relative;
  clear: both;
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
  box-sizing: border-box;
  padding: 20px 0 0 0;
  margin: 0;
}
.huj-step-view .content-wrapper .inner .product-step .product .head .description:empty {
  display: none;
}
.huj-step-view .content-wrapper .inner .product-step .product .head .description:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 2px;
  background: #1D4370;
}
.huj-step-view .content-wrapper .inner .product-step .product .text {
  text-align: left;
  margin-top: 0;
  box-sizing: border-box;
}
.huj-step-view .content-wrapper .inner .product-step .quantity {
  position: relative;
  max-width: 200px;
  margin: auto auto 20px;
}
.huj-step-view .content-wrapper .inner .product-step .quantity .unit {
  position: absolute;
  font-weight: bold;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
}
.huj-step-view .content-wrapper .inner .product-step .quantity .conversion {
  margin: 10px 0;
  font-size: 24px;
  display: inline-block;
}
.huj-step-view .content-wrapper .inner .product-step .quantity input[type='number'] {
  text-align: center;
}
@media (min-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-step .quantity input[type='number'] {
    font-size: 150%;
  }
}
.huj-step-view .content-wrapper .inner .product-overview {
  padding: 0;
}
.huj-step-view .content-wrapper .inner .product-overview .buttonContainer {
  position: relative;
}
.huj-step-view .content-wrapper .inner .product-overview .buttonContainer .huj-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  pointer-events: none;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .buttonContainer .huj-loader {
    transform: translate(-60%, -50%);
  }
}
.huj-step-view .content-wrapper .inner .product-overview .payment-error {
  background: #1D4370;
  color: #fff;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 5px;
  margin: 20px 0;
}
.huj-step-view .content-wrapper .inner .product-overview .payment-error span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.huj-step-view .content-wrapper .inner .product-overview.product-other .product .submit {
  margin-top: 20px;
  position: relative;
  transition: all 0.3s ease;
}
.huj-step-view .content-wrapper .inner .product-overview.product-other .product .submit svg {
  width: 20px;
  vertical-align: middle;
  margin-left: 10px;
  position: absolute;
  right: 20px;
  top: 5px;
  transition: all 0.3s ease;
  pointer-events: none;
  transform: translateX(20px);
  opacity: 0;
}
.huj-step-view .content-wrapper .inner .product-overview.product-other .product .submit[disabled] {
  padding-right: 50px;
}
.huj-step-view .content-wrapper .inner .product-overview.product-other .product .submit[disabled] svg {
  transform: translateX(0);
  opacity: 1;
}
.huj-step-view .content-wrapper .inner .product-overview .product {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}
.huj-step-view .content-wrapper .inner .product-overview .product.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks {
  list-style: none;
  margin: 20px -10px 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks {
    display: block;
    margin: 20px 0 0;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks.borders {
  margin: 20px -10px 0 0;
  border-top: dashed 1px #F5F5F5;
  border-bottom: dashed 1px #F5F5F5;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks.borders {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li {
  flex-basis: calc(25% - 20px);
  width: calc(25% - 20px);
  max-width: calc(25% - 20px);
  justify-content: space-between;
  align-items: stretch;
  margin: 0 10px auto;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 20px;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li.delivery-expectations button span {
  display: block;
  text-align: center;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li.delivery-expectations button span:last-child:not(:only-of-type) {
  position: relative;
  margin-top: 10px;
  padding-top: 10px;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li.delivery-expectations button span:last-child:not(:only-of-type):before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 2px;
  background: #1D4370;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li .with-pump,
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li .conveyor {
  transform: translateY(-20px) translateX(-50%);
  opacity: 0;
  transition-delay: 0.1s;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li.show-pump svg.with-pump {
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li.show-pump svg.without-pump {
  transform: translateY(calc(-20px - 50%)) translateX(-50%);
  opacity: 0;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li.show-belt svg.conveyor {
  transform: translateY(calc(-50% + 10px)) translateX(-50%);
  opacity: 1;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li.show-belt svg.with-pump,
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li.show-belt svg.without-pump {
  transform: translateY(20px) translateX(-50%);
  opacity: 0;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li .red-label {
  font-style: normal;
  font-size: 20px;
  position: relative;
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li .red-label:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 2px;
  background: #1D4370;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li svg.need-assistance {
  transform: translate(-50%, calc(-50% - 40px)) scale(0.5);
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li svg {
  max-width: 120px;
  margin: auto;
  height: auto;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li button {
  margin: auto;
  appearance: none;
  background: none;
  border: none;
  border: solid 1px #F5F5F5;
  border-radius: 5px;
  height: 200px;
  width: 100%;
  font-size: 28px;
  color: #1D4370;
  margin: 0;
  padding: 0;
  position: relative;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li strong,
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li p {
  width: 100%;
  display: block;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li strong {
  margin: 20px 0 0 0;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li strong.push-bottom {
  margin-bottom: 20px;
}
.huj-step-view .content-wrapper .inner .product-overview .product .overview-blocks li p {
  font-size: 14px;
  line-height: 1.6;
  color: #626262;
  margin-bottom: 0;
}
.huj-step-view .content-wrapper .inner .product-overview .product .quantity .conversion {
  margin: 10px 0;
  font-size: 24px;
  display: inline-block;
  position: relative;
}
.huj-step-view .content-wrapper .inner .product-overview .product .quantity .conversion:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 2px;
  background: #1D4370;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives {
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: left;
  border-top: dashed 1px #F5F5F5;
  margin-top: 20px;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li {
  display: flex;
  width: 100%;
  border-bottom: dashed 1px #F5F5F5;
  box-sizing: border-box;
  padding: 20px 0;
  flex-wrap: wrap;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li {
    display: block;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li:last-child {
  margin-bottom: -20px;
  border-bottom: none;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription {
    display: block;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription dt,
.huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription dd {
  margin: 0;
  padding: 0;
  margin: 5px 0;
  line-height: 1.4;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription dt,
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription dd {
    margin: 5px 0;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription dt {
  flex-basis: 184px;
  max-width: 184px;
  font-weight: 400;
  text-align: right;
  padding-right: 20px;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription dt {
    max-width: 100%;
    width: 100%;
    text-align: left;
    padding-right: 0;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription dd {
  flex-basis: 70%;
  max-width: 70%;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription dd {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li .additive-decription dd:last-of-type {
    margin-bottom: 10px;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li .flex {
  display: flex;
  box-sizing: border-box;
  padding: 10px 0;
  flex-wrap: wrap;
  width: 100%;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li .flex p {
  width: 100%;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div strong {
  display: inline-block;
  margin: auto 0;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div p {
  width: 100%;
  display: inline-block;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div p:first-of-type {
  margin-top: 0;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div p:last-of-type {
  margin-bottom: 0;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div:nth-child(1) {
  width: calc(100%);
}
@media (min-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li div:nth-child(1) {
    width: calc(100% - 150px);
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div p {
  font-size: 14px;
  line-height: 1.6;
  color: #626262;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li div p {
    line-height: 1.6;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div p strong,
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div p.additive-price {
  font-size: 16px;
  box-sizing: border-box;
  display: inline-block;
  padding: 8px 0 7px;
  font-weight: bold;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li div p strong,
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li div p.additive-price {
    font-size: 16px;
    width: auto;
  }
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li div p strong {
    max-width: calc(100% - 50px);
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div p .inner-quantity {
  width: calc(100% - 60px);
  display: flex;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div p.additive-price {
  text-align: right;
  width: 100%;
  font-weight: 400;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .additives li div p.additive-price {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div .quantity {
  margin: 0 0 0 10px;
  max-height: 0;
  transition: all 0.3s ease;
  opacity: 0;
  clear: both;
  transform: translateX(20px);
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div .quantity input[type='number'] {
  font-size: 100%;
  max-width: 80px;
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div .quantity.active {
  max-height: 35px;
  opacity: 1;
  transform: translateX(0);
}
.huj-step-view .content-wrapper .inner .product-overview .product .additives li div .quantity .unit {
  right: inherit;
  left: 90px;
}
.huj-step-view .content-wrapper .inner .product-overview .product .price {
  width: calc(100% + 40px);
  box-sizing: border-box;
  padding: 20px 20px 0;
  border-top: dashed 1px #F5F5F5;
  margin: 20px -20px 0;
  overflow: hidden;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .price {
    display: block;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .price .totalContainer {
  border-top: solid 1px #F5F5F5;
  width: 100%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding-top: 20px;
  margin-top: 20px;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .price .totalContainer {
    display: block;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .price .totalContainer em {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 0;
}
.huj-step-view .content-wrapper .inner .product-overview .product .price span,
.huj-step-view .content-wrapper .inner .product-overview .product .price em {
  display: inline-block;
  font-style: normal;
  padding: 0;
  margin: 5px 0;
  flex-basis: 50%;
  max-width: 50%;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .price span,
  .huj-step-view .content-wrapper .inner .product-overview .product .price em {
    max-width: 100%;
    width: 100%;
  }
}
.huj-step-view .content-wrapper .inner .product-overview .product .price span {
  text-align: left;
}
.huj-step-view .content-wrapper .inner .product-overview .product .price span.total {
  font-size: 20px;
}
.huj-step-view .content-wrapper .inner .product-overview .product .price em {
  font-weight: 400;
  text-align: right;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .product-overview .product .price em {
    text-align: left;
    margin-bottom: 20px;
  }
}
.huj-step-view .content-wrapper .inner .type-of-jobsite {
  max-width: 640px;
  margin: auto;
}
.huj-step-view .content-wrapper .inner .type-of-jobsite .contact-information {
  margin-bottom: 20px;
}
.huj-step-view .content-wrapper .inner .type-of-jobsite .sub-title {
  text-align: center;
  margin: -15px 0 30px 0;
}
.huj-step-view .content-wrapper .inner .type-of-jobsite textarea {
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 20px;
}
.huj-step-view .content-wrapper .inner .type-of-jobsite .error {
  background: #1D4370;
  color: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px;
}
.huj-step-view .content-wrapper .inner .success-step {
  text-align: center;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .success-step .icon {
    width: 100%;
  }
}
.huj-step-view .content-wrapper .inner .success-step .icon .success-inner,
.huj-step-view .content-wrapper .inner .success-step .icon .success-outer {
  transform-origin: center;
  transform: scale(0);
  opacity: 0;
}
.huj-step-view .content-wrapper .inner .success-step .icon.huj-visible .success-outer {
  animation: expand 1 forwards 1s ease 0.5s;
}
.huj-step-view .content-wrapper .inner .success-step .icon.huj-visible .success-inner {
  animation: expand 1 forwards 1s ease 0.3s;
}
.huj-step-view .content-wrapper .inner .success-step h1 {
  font-size: 46px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #367C27;
}
.huj-step-view .content-wrapper .inner .success-step h3 {
  font-size: 24px;
  margin: 0;
}
.huj-step-view .content-wrapper .inner .success-step p {
  font-size: 20px;
  line-height: 1.6;
  margin: 10px auto 20px auto;
  max-width: 450px;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .success-step p {
    font-size: 16px;
  }
}
@keyframes expand {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(0.5);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.8);
    opacity: 1;
  }
  75% {
    transform: scale(0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.huj-step-view .content-wrapper .inner .form-wrapper {
  padding: 0;
}
.huj-step-view .content-wrapper .inner .form-wrapper .login-info {
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(20px);
}
.huj-step-view .content-wrapper .inner .form-wrapper .login-info.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-step-view .content-wrapper .inner .form-wrapper .login-info button {
  margin-bottom: 10px;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .form-wrapper .login-info button {
    margin-bottom: 20px;
  }
}
.huj-step-view .content-wrapper .inner .form-wrapper .form {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .form-wrapper .form {
    display: block;
    margin-top: -20px;
  }
}
.huj-step-view .content-wrapper .inner .form-wrapper .form .flex {
  flex: 1;
  text-align: left;
  box-sizing: border-box;
  padding: 20px;
  border: solid 1px #F5F5F5;
  border-radius: 5px;
  margin: 10px;
}
@media (max-width: 62.5em) {
  .huj-step-view .content-wrapper .inner .form-wrapper .form .flex {
    margin: 20px 0;
  }
}
.huj-step-view .content-wrapper .inner .form-wrapper .form .flex.map {
  width: 100%;
  flex-basis: 100%;
}
.huj-step-view .content-wrapper .inner .form-wrapper .form .flex .h-card {
  margin-bottom: 20px;
  line-height: 1.4;
}
.huj-step-view .content-wrapper .inner .form-wrapper .form .flex .inner-title {
  margin-top: 0;
  font-weight: bold;
}
.huj-step-view .content-wrapper .inner .form-wrapper .form .flex label {
  display: flex;
  width: 100%;
}
.huj-step-view .content-wrapper .inner .form-wrapper .form .flex label label {
  max-width: 38px;
  margin: 0;
}
.huj-step-view .content-wrapper .inner .form-wrapper .form .flex label span {
  margin: auto 10px;
}
.huj-step-view .content-wrapper .inner .form-wrapper .form.huj-visible {
  opacity: 1;
  transform: translateY(0);
}
.huj-sap-account-select-wrapper {
  border: solid 1px #F5F5F5;
  max-width: 820px;
  margin: auto auto 10px;
}
@media (max-width: 62.5em) {
  .huj-sap-account-select-wrapper {
    margin-bottom: 40px;
  }
}
.huj-sap-account-select-wrapper h3 {
  padding: 20px;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-left: -15px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  border-bottom: solid 1px #F5F5F5;
  margin-bottom: -1px;
}
.huj-sap-account-select-wrapper h3 .red-arrow {
  position: absolute;
  right: 20px;
  top: 24px;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .huj-sap-account-select-wrapper h3:hover .red-arrow {
    transform: rotate(180deg);
  }
}
.huj-sap-account-select-wrapper .sap-account-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 0;
  transition: all 0.5s ease;
}
.huj-sap-account-select-wrapper .sap-account-list li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #F5F5F5;
}
.huj-sap-account-select-wrapper .sap-account-list li:last-child {
  border-bottom: none;
}
.huj-sap-account-select-wrapper .sap-account-list li button {
  appearance: none;
  width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 0;
  text-align: left;
  padding: 10px 20px;
  transition: all 0.5s ease;
  background: #fff;
}
@media (hover: hover) {
  .huj-sap-account-select-wrapper .sap-account-list li button:hover {
    background: #F8F8F8;
  }
}
.huj-sap-account-select-wrapper.is-expanded .sap-account-list {
  max-height: 239px;
}
.huj-step-view .content-wrapper .inner {
  clear: both;
}
.footer {
  border-top: solid 1px #F5F5F5;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px;
}
.footer h2 {
  border-bottom: solid 2px #1D4370;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.footer ul {
  list-style: none;
  display: flex;
  max-width: 1024px;
  margin: auto;
  display: block;
  justify-content: space-between;
  padding: 0;
}
@media (max-width: 62.5em) {
  .footer ul {
    display: block;
  }
}
.footer ul li {
  flex-basis: calc(33.333% - 20px);
  max-width: calc(33.333% - 20px);
  width: calc(33.333% - 20px);
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}
@media (max-width: 62.5em) {
  .footer ul li {
    max-width: 100%;
    width: 100%;
  }
}
.footer ul li p {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}
.huj-jobsite-address .flex {
  display: flex;
  justify-content: space-between;
}
.huj-jobsite-address .flex .field {
  flex-basis: calc(50% - 10px);
  max-width: calc(50% - 10px);
  width: calc(50% - 10px);
  text-align: left;
  position: relative;
}
.huj-jobsite-address .flex.primary .field:nth-child(1) {
  flex-basis: calc(70% - 10px);
  max-width: calc(70% - 10px);
  width: calc(70% - 10px);
}
.huj-jobsite-address .flex.primary .field:nth-child(2) {
  flex-basis: calc(30% - 10px);
  max-width: calc(30% - 10px);
  width: calc(30% - 10px);
}
.huj-jobsite-address .flex.secondary {
  justify-content: initial;
  position: relative;
}
.huj-jobsite-address .flex.secondary .field:nth-child(1) {
  flex-basis: calc(30% - 10px);
  max-width: calc(30% - 10px);
  width: calc(30% - 10px);
}
.huj-jobsite-address .flex.secondary .field:nth-child(2) {
  flex-basis: calc(70% - 10px);
  max-width: calc(70% - 10px);
  width: calc(70% - 10px);
}
.huj-jobsite-address .flex.secondary .city {
  position: absolute;
  top: 56px;
  left: calc(30% + 8px);
}
.huj-jobsite-address .feedback {
  text-align: left;
  padding: 8px 0;
}
.huj-jobsite-address .feedback .error {
  color: #1D4370;
  display: block;
}
.huj-jobsite-address .react-autosuggest__suggestions-container {
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  box-sizing: border-box;
  padding: 10px 0 0 0;
  margin: 0;
  width: 100%;
  filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.2));
  border-radius: 5px;
  border: solid 1px #F5F5F5;
}
.huj-jobsite-address .react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 155px;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 5px;
}
.huj-jobsite-address .react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li .huj-autosuggest-suggestion {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  transition: all 0.3s ease;
  background: #fff;
  cursor: pointer;
}
.huj-jobsite-address .react-autosuggest__suggestions-container ul.react-autosuggest__suggestions-list li .huj-autosuggest-suggestion.huj-autosuggest-suggestion-active {
  background: #F8F8F8;
}
html,
body.UserJourneyPage {
  min-height: 100%;
}
html #huj,
body.UserJourneyPage #huj {
  min-height: 100%;
}
body.UserJourneyPage {
  box-sizing: border-box;
}
@media (min-width: 62.5em) {
  body.UserJourneyPage {
    overflow: hidden;
  }
}
svg,
svg * {
  transition: all 0.3s ease;
}
.CalendarDay__selected,
.CalendarDay__selected_span {
  background: #1D4370;
  border: 1px solid white;
}
.CalendarDay__selected:hover,
.CalendarDay__selected_span:hover {
  background: #275b99;
}
.DateRangePickerInput_arrow_svg {
  fill: #F5F5F5;
}
.DateRangePickerInput__withBorder {
  border-radius: 2px;
  text-align: center;
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #F5F5F5;
  border: 1px solid white;
  color: #626262;
}
.DateRangePickerInput .DateInput {
  width: 40%;
}
.DateRangePickerInput .DateInput .DateInput_input {
  font-size: 100%;
  font-weight: 400;
  line-height: 98%;
  border-bottom: 2px;
  padding: 10px 0;
}
.DateRangePickerInput_arrow {
  width: 10%;
  text-align: center;
}
.DateInput_input__focused {
  border-bottom: 2px solid #1D4370;
}
.ReactModal__Overlay {
  transition: all 0.5s ease;
  transform: translateY(-30px) scale(0.9) perspective(400px) rotateX(5deg);
  opacity: 0;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.9) !important;
}
.ReactModal__Overlay--after-open {
  pointer-events: all;
  transform: translateY(0) scale(1) perspective(400px) rotateX(0);
  opacity: 1;
}
.ReactModal__Overlay--before-close {
  transform: translateY(-30px) scale(0.9) perspective(400px) rotateX(5deg);
  opacity: 0;
  transition-delay: 0.2s;
}
.ReactModal__Overlay {
  max-width: 80%;
  margin: 0 0 0 auto;
}
@media (max-width: 640px) {
  .ReactModal__Overlay {
    max-width: 100%;
  }
}
@media (max-width: 640px) {
  .ReactModal__Content {
    max-height: calc(100vh - 160px);
  }
}
.modal-content.wip {
  min-width: 420px;
}
.modal-content h1 {
  margin-top: 0;
  text-transform: uppercase;
}
@media (max-width: 640px) {
  .modal-content {
    padding-bottom: 10px;
  }
}
.modal-content .big {
  text-align: center;
  display: block;
  font-size: 104px;
  border: dashed 1px;
  width: 100%;
  border-radius: 6px;
  margin: 20px 0 10px;
  box-sizing: border-box;
  padding-top: 20px;
}
.modal-content .save,
.modal-content .back {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  border: none;
  background: none;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
  padding: 16px 24px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  width: 100%;
  margin: 10px 0 0;
}
.modal-content .save:hover:not([disabled]),
.modal-content .back:hover:not([disabled]) {
  text-shadow: none;
}
.modal-content .save:before,
.modal-content .back:before,
.modal-content .save:after,
.modal-content .back:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1D4370;
  z-index: -2;
  transition: all 0.3s ease;
  border-radius: 2px;
}
.modal-content .save:after,
.modal-content .back:after {
  background: linear-gradient(90.07deg, #1d4370 -3.44%, #04bbf1 204.76%);
  opacity: 0;
  z-index: -1;
}
.modal-content .save span:before,
.modal-content .back span:before {
  margin-right: 8px;
}
.modal-content .save:visited,
.modal-content .back:visited {
  color: #fff;
}
.modal-content .save:link,
.modal-content .back:link,
.modal-content .save[href]:link,
.modal-content .back[href]:link {
  color: #fff;
}
.modal-content .save:hover:not([disabled]):after,
.modal-content .back:hover:not([disabled]):after {
  opacity: 1;
}
.modal-content .save.ml-20,
.modal-content .back.ml-20 {
  margin-left: 20px;
}
.modal-content .save.mr-20,
.modal-content .back.mr-20 {
  margin-right: 20px;
}
.modal-content .save:disabled,
.modal-content .back:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
}
.modal-content .save:disabled:before,
.modal-content .back:disabled:before,
.modal-content .save:disabled:after,
.modal-content .back:disabled:after {
  content: none;
  display: none;
}
.modal-content .payment-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.modal-content .payment-buttons button {
  flex-basis: calc(50% - 20px);
  max-width: calc(50% - 20px);
  flex-basis: calc(100% - 20px);
  max-width: calc(100% - 20px);
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  font-family: 'Holcim', sans-serif;
  text-shadow: none;
  font-size: 100%;
  line-height: 1;
  border: solid 1px #1D4370;
  background: transparent;
  transition: all 0.3s ease;
  border-radius: 2px;
  color: #1D4370;
  margin: 10px;
}
.modal-content .payment-buttons button:hover:not([disabled]) {
  text-shadow: none;
}
.modal-content .payment-buttons button:before,
.modal-content .payment-buttons button:after {
  display: none;
}
.modal-content .payment-buttons button:hover:not([disabled]) {
  background: #1D4370;
  color: #fff;
}
.modal-content .payment-buttons button:disabled {
  color: #F5F5F5;
  background: #A4A4A4;
  border-color: #A4A4A4;
  opacity: 1;
}
.modal-content .payment-buttons button.active {
  background: #000;
  color: #fff;
}
.modal-content .payment-buttons button svg {
  margin: 10px 0;
}
.modal-content .payment-buttons button span {
  display: block;
  margin-bottom: 10px;
}