@import url(https://use.typekit.net/mam1jns.css);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=latin-ext);/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(/images/vendor/chosen-js/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(/images/vendor/chosen-js/chosen-sprite@2x.png?614fad616d014daf5367e068505cad35)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-placement^=top]>.tippy-backdrop{transform-origin:0 25%;border-radius:40% 40% 0 0}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-55%)}.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop{transform-origin:0 -50%;border-radius:0 0 30% 30%}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-45%)}.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop{transform-origin:50% 0;border-radius:50% 0 0 50%}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-75%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop{transform-origin:-50% 0;border-radius:0 50% 50% 0}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=visible]{transform:scale(1) translate(-50%,-50%)}.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=hidden]{transform:scale(.2) translate(-25%,-50%)}.tippy-box[data-animatefill]{background-color:transparent!important}.tippy-backdrop{position:absolute;background-color:#333;border-radius:50%;width:calc(110% + 32px);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);backface-visibility:hidden}.tippy-backdrop[data-state=hidden]{opacity:0}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.tippy-box[data-animation=scale-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-subtle][data-state=hidden]{transform:scale(.8);opacity:0}:root {
  --reflex-columns: 12;
  --reflex-grid-spacing: 1rem;
  --reflex-xs: 576px;
  --reflex-sm: 768px;
  --reflex-md: 992px;
  --reflex-lg: 1200px;
  --reflex-xlg: 1200px;
  --reflex-xxs-max: 575px;
  --reflex-xs-max: 767px;
  --reflex-sm-max: 991px;
  --reflex-md-max: 1199px;
  --reflex-lg-max: 1199px;
}

.container,
.container-full {
  box-sizing: border-box;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.container .grid,
.container-full .grid {
  margin-right: -1rem;
  margin-left: -1rem;
}

@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.grid {
  box-sizing: border-box;
  display: block;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
  position: relative;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  word-spacing: -0.43em;
}

.grid::before,
.grid::after {
  box-sizing: border-box;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}

.grid {
  list-style-type: none;
}

[class*=col-] {
  box-sizing: border-box;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 1rem;
}

[class*=col-]::before,
[class*=col-]::after {
  box-sizing: border-box;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
}

[class*=col-] .grid {
  flex: 1 1 auto;
  margin: -1rem;
}

[class*=col-] {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.col-12 {
  width: 100%;
  *width: 99.9%;
}

.col-11 {
  width: 91.6666666667%;
  *width: 91.5666666667%;
}

.col-10 {
  width: 83.3333333333%;
  *width: 83.2333333333%;
}

.col-9 {
  width: 75%;
  *width: 74.9%;
}

.col-8 {
  width: 66.6666666667%;
  *width: 66.5666666667%;
}

.col-7 {
  width: 58.3333333333%;
  *width: 58.2333333333%;
}

.col-6 {
  width: 50%;
  *width: 49.9%;
}

.col-5 {
  width: 41.6666666667%;
  *width: 41.5666666667%;
}

.col-4 {
  width: 33.3333333333%;
  *width: 33.2333333333%;
}

.col-3 {
  width: 25%;
  *width: 24.9%;
}

.col-2 {
  width: 16.6666666667%;
  *width: 16.5666666667%;
}

.col-1 {
  width: 8.3333333333%;
  *width: 8.2333333333%;
}

@media (min-width: 576px) {
  .col-xs-12 {
    width: 100%;
    *width: 99.9%;
  }

  .col-xs-11 {
    width: 91.6666666667%;
    *width: 91.5666666667%;
  }

  .col-xs-10 {
    width: 83.3333333333%;
    *width: 83.2333333333%;
  }

  .col-xs-9 {
    width: 75%;
    *width: 74.9%;
  }

  .col-xs-8 {
    width: 66.6666666667%;
    *width: 66.5666666667%;
  }

  .col-xs-7 {
    width: 58.3333333333%;
    *width: 58.2333333333%;
  }

  .col-xs-6 {
    width: 50%;
    *width: 49.9%;
  }

  .col-xs-5 {
    width: 41.6666666667%;
    *width: 41.5666666667%;
  }

  .col-xs-4 {
    width: 33.3333333333%;
    *width: 33.2333333333%;
  }

  .col-xs-3 {
    width: 25%;
    *width: 24.9%;
  }

  .col-xs-2 {
    width: 16.6666666667%;
    *width: 16.5666666667%;
  }

  .col-xs-1 {
    width: 8.3333333333%;
    *width: 8.2333333333%;
  }
}

@media (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
    *width: 99.9%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
    *width: 91.5666666667%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
    *width: 83.2333333333%;
  }

  .col-sm-9 {
    width: 75%;
    *width: 74.9%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
    *width: 66.5666666667%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
    *width: 58.2333333333%;
  }

  .col-sm-6 {
    width: 50%;
    *width: 49.9%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
    *width: 41.5666666667%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
    *width: 33.2333333333%;
  }

  .col-sm-3 {
    width: 25%;
    *width: 24.9%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
    *width: 16.5666666667%;
  }

  .col-sm-1 {
    width: 8.3333333333%;
    *width: 8.2333333333%;
  }
}

@media (min-width: 992px) {
  .col-md-12 {
    width: 100%;
    *width: 99.9%;
  }

  .col-md-11 {
    width: 91.6666666667%;
    *width: 91.5666666667%;
  }

  .col-md-10 {
    width: 83.3333333333%;
    *width: 83.2333333333%;
  }

  .col-md-9 {
    width: 75%;
    *width: 74.9%;
  }

  .col-md-8 {
    width: 66.6666666667%;
    *width: 66.5666666667%;
  }

  .col-md-7 {
    width: 58.3333333333%;
    *width: 58.2333333333%;
  }

  .col-md-6 {
    width: 50%;
    *width: 49.9%;
  }

  .col-md-5 {
    width: 41.6666666667%;
    *width: 41.5666666667%;
  }

  .col-md-4 {
    width: 33.3333333333%;
    *width: 33.2333333333%;
  }

  .col-md-3 {
    width: 25%;
    *width: 24.9%;
  }

  .col-md-2 {
    width: 16.6666666667%;
    *width: 16.5666666667%;
  }

  .col-md-1 {
    width: 8.3333333333%;
    *width: 8.2333333333%;
  }
}

@media (min-width: 1200px) {
  .col-lg-12 {
    width: 100%;
    *width: 99.9%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
    *width: 91.5666666667%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
    *width: 83.2333333333%;
  }

  .col-lg-9 {
    width: 75%;
    *width: 74.9%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
    *width: 66.5666666667%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
    *width: 58.2333333333%;
  }

  .col-lg-6 {
    width: 50%;
    *width: 49.9%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
    *width: 41.5666666667%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
    *width: 33.2333333333%;
  }

  .col-lg-3 {
    width: 25%;
    *width: 24.9%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
    *width: 16.5666666667%;
  }

  .col-lg-1 {
    width: 8.3333333333%;
    *width: 8.2333333333%;
  }
}

@media (min-width: 1200px) {
  .col-xlg-12 {
    width: 100%;
    *width: 99.9%;
  }

  .col-xlg-11 {
    width: 91.6666666667%;
    *width: 91.5666666667%;
  }

  .col-xlg-10 {
    width: 83.3333333333%;
    *width: 83.2333333333%;
  }

  .col-xlg-9 {
    width: 75%;
    *width: 74.9%;
  }

  .col-xlg-8 {
    width: 66.6666666667%;
    *width: 66.5666666667%;
  }

  .col-xlg-7 {
    width: 58.3333333333%;
    *width: 58.2333333333%;
  }

  .col-xlg-6 {
    width: 50%;
    *width: 49.9%;
  }

  .col-xlg-5 {
    width: 41.6666666667%;
    *width: 41.5666666667%;
  }

  .col-xlg-4 {
    width: 33.3333333333%;
    *width: 33.2333333333%;
  }

  .col-xlg-3 {
    width: 25%;
    *width: 24.9%;
  }

  .col-xlg-2 {
    width: 16.6666666667%;
    *width: 16.5666666667%;
  }

  .col-xlg-1 {
    width: 8.3333333333%;
    *width: 8.2333333333%;
  }
}

.col-auto {
  flex: 1 0 0px;
  width: auto;
}

@media (min-width: 576px) {
  .col-xs-auto {
    flex: 1 0 0px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .col-sm-auto {
    flex: 1 0 0px;
    width: auto;
  }
}

@media (min-width: 992px) {
  .col-md-auto {
    flex: 1 0 0px;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .col-lg-auto {
    flex: 1 0 0px;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .col-xlg-auto {
    flex: 1 0 0px;
    width: auto;
  }
}

.order-12 {
  order: 12;
}

.order-11 {
  order: 11;
}

.order-10 {
  order: 10;
}

.order-9 {
  order: 9;
}

.order-8 {
  order: 8;
}

.order-7 {
  order: 7;
}

.order-6 {
  order: 6;
}

.order-5 {
  order: 5;
}

.order-4 {
  order: 4;
}

.order-3 {
  order: 3;
}

.order-2 {
  order: 2;
}

.order-1 {
  order: 1;
}

.order-0 {
  order: 0;
}

@media (min-width: 576px) {
  .order-xs-12 {
    order: 12;
  }

  .order-xs-11 {
    order: 11;
  }

  .order-xs-10 {
    order: 10;
  }

  .order-xs-9 {
    order: 9;
  }

  .order-xs-8 {
    order: 8;
  }

  .order-xs-7 {
    order: 7;
  }

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

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

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

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

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

  .order-xs-1 {
    order: 1;
  }

  .order-xs-0 {
    order: 0;
  }
}

@media (min-width: 768px) {
  .order-sm-12 {
    order: 12;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-7 {
    order: 7;
  }

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

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

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

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

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

  .order-sm-1 {
    order: 1;
  }

  .order-sm-0 {
    order: 0;
  }
}

@media (min-width: 992px) {
  .order-md-12 {
    order: 12;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-7 {
    order: 7;
  }

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

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

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

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

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

  .order-md-1 {
    order: 1;
  }

  .order-md-0 {
    order: 0;
  }
}

@media (min-width: 1200px) {
  .order-lg-12 {
    order: 12;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-7 {
    order: 7;
  }

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

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

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

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

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

  .order-lg-1 {
    order: 1;
  }

  .order-lg-0 {
    order: 0;
  }
}

@media (min-width: 1200px) {
  .order-xlg-12 {
    order: 12;
  }

  .order-xlg-11 {
    order: 11;
  }

  .order-xlg-10 {
    order: 10;
  }

  .order-xlg-9 {
    order: 9;
  }

  .order-xlg-8 {
    order: 8;
  }

  .order-xlg-7 {
    order: 7;
  }

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

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

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

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

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

  .order-xlg-1 {
    order: 1;
  }

  .order-xlg-0 {
    order: 0;
  }
}

.offset-11 {
  margin-left: 91.6666666667%;
  *margin-left: 91.5666666667%;
}

.offset-10 {
  margin-left: 83.3333333333%;
  *margin-left: 83.2333333333%;
}

.offset-9 {
  margin-left: 75%;
  *margin-left: 74.9%;
}

.offset-8 {
  margin-left: 66.6666666667%;
  *margin-left: 66.5666666667%;
}

.offset-7 {
  margin-left: 58.3333333333%;
  *margin-left: 58.2333333333%;
}

.offset-6 {
  margin-left: 50%;
  *margin-left: 49.9%;
}

.offset-5 {
  margin-left: 41.6666666667%;
  *margin-left: 41.5666666667%;
}

.offset-4 {
  margin-left: 33.3333333333%;
  *margin-left: 33.2333333333%;
}

.offset-3 {
  margin-left: 25%;
  *margin-left: 24.9%;
}

.offset-2 {
  margin-left: 16.6666666667%;
  *margin-left: 16.5666666667%;
}

.offset-1 {
  margin-left: 8.3333333333%;
  *margin-left: 8.2333333333%;
}

@media (min-width: 576px) {
  .offset-xs-11 {
    margin-left: 91.6666666667%;
    *margin-left: 91.5666666667%;
  }

  .offset-xs-10 {
    margin-left: 83.3333333333%;
    *margin-left: 83.2333333333%;
  }

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

  .offset-xs-8 {
    margin-left: 66.6666666667%;
    *margin-left: 66.5666666667%;
  }

  .offset-xs-7 {
    margin-left: 58.3333333333%;
    *margin-left: 58.2333333333%;
  }

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

  .offset-xs-5 {
    margin-left: 41.6666666667%;
    *margin-left: 41.5666666667%;
  }

  .offset-xs-4 {
    margin-left: 33.3333333333%;
    *margin-left: 33.2333333333%;
  }

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

  .offset-xs-2 {
    margin-left: 16.6666666667%;
    *margin-left: 16.5666666667%;
  }

  .offset-xs-1 {
    margin-left: 8.3333333333%;
    *margin-left: 8.2333333333%;
  }

  .offset-xs-0 {
    margin-left: 0;
    *margin-left: -0.1%;
  }
}

@media (min-width: 768px) {
  .offset-sm-11 {
    margin-left: 91.6666666667%;
    *margin-left: 91.5666666667%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
    *margin-left: 83.2333333333%;
  }

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

  .offset-sm-8 {
    margin-left: 66.6666666667%;
    *margin-left: 66.5666666667%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
    *margin-left: 58.2333333333%;
  }

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

  .offset-sm-5 {
    margin-left: 41.6666666667%;
    *margin-left: 41.5666666667%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
    *margin-left: 33.2333333333%;
  }

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

  .offset-sm-2 {
    margin-left: 16.6666666667%;
    *margin-left: 16.5666666667%;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
    *margin-left: 8.2333333333%;
  }

  .offset-sm-0 {
    margin-left: 0;
    *margin-left: -0.1%;
  }
}

@media (min-width: 992px) {
  .offset-md-11 {
    margin-left: 91.6666666667%;
    *margin-left: 91.5666666667%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
    *margin-left: 83.2333333333%;
  }

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

  .offset-md-8 {
    margin-left: 66.6666666667%;
    *margin-left: 66.5666666667%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
    *margin-left: 58.2333333333%;
  }

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

  .offset-md-5 {
    margin-left: 41.6666666667%;
    *margin-left: 41.5666666667%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
    *margin-left: 33.2333333333%;
  }

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

  .offset-md-2 {
    margin-left: 16.6666666667%;
    *margin-left: 16.5666666667%;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
    *margin-left: 8.2333333333%;
  }

  .offset-md-0 {
    margin-left: 0;
    *margin-left: -0.1%;
  }
}

@media (min-width: 1200px) {
  .offset-lg-11 {
    margin-left: 91.6666666667%;
    *margin-left: 91.5666666667%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
    *margin-left: 83.2333333333%;
  }

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

  .offset-lg-8 {
    margin-left: 66.6666666667%;
    *margin-left: 66.5666666667%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
    *margin-left: 58.2333333333%;
  }

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

  .offset-lg-5 {
    margin-left: 41.6666666667%;
    *margin-left: 41.5666666667%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
    *margin-left: 33.2333333333%;
  }

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

  .offset-lg-2 {
    margin-left: 16.6666666667%;
    *margin-left: 16.5666666667%;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
    *margin-left: 8.2333333333%;
  }

  .offset-lg-0 {
    margin-left: 0;
    *margin-left: -0.1%;
  }
}

@media (min-width: 1200px) {
  .offset-xlg-11 {
    margin-left: 91.6666666667%;
    *margin-left: 91.5666666667%;
  }

  .offset-xlg-10 {
    margin-left: 83.3333333333%;
    *margin-left: 83.2333333333%;
  }

  .offset-xlg-9 {
    margin-left: 75%;
    *margin-left: 74.9%;
  }

  .offset-xlg-8 {
    margin-left: 66.6666666667%;
    *margin-left: 66.5666666667%;
  }

  .offset-xlg-7 {
    margin-left: 58.3333333333%;
    *margin-left: 58.2333333333%;
  }

  .offset-xlg-6 {
    margin-left: 50%;
    *margin-left: 49.9%;
  }

  .offset-xlg-5 {
    margin-left: 41.6666666667%;
    *margin-left: 41.5666666667%;
  }

  .offset-xlg-4 {
    margin-left: 33.3333333333%;
    *margin-left: 33.2333333333%;
  }

  .offset-xlg-3 {
    margin-left: 25%;
    *margin-left: 24.9%;
  }

  .offset-xlg-2 {
    margin-left: 16.6666666667%;
    *margin-left: 16.5666666667%;
  }

  .offset-xlg-1 {
    margin-left: 8.3333333333%;
    *margin-left: 8.2333333333%;
  }

  .offset-xlg-0 {
    margin-left: 0;
    *margin-left: -0.1%;
  }
}

.wrap {
  flex-wrap: wrap;
}

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

.no-wrap [class*=col-] {
  flex-shrink: 1;
}

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

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

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

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

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

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

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

.align-end [class*=col-] {
  vertical-align: bottom;
}

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

.align-center [class*=col-] {
  vertical-align: middle;
}

.align-baseline {
  align-items: baseline;
}

.align-content-start {
  align-content: flex-start;
}

.align-content-end {
  align-content: flex-end;
}

.align-content-end [class*=col-] {
  vertical-align: bottom;
}

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

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

.align-content-space-around {
  align-content: space-around;
}

.align-self-stretch {
  align-self: stretch;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
  vertical-align: bottom;
}

.align-self-center {
  align-self: center;
  vertical-align: middle;
}

.align-self-baseline {
  align-self: baseline;
  vertical-align: baseline;
}

.justify-start {
  justify-content: flex-start;
}

.justify-start.grid {
  text-align: left;
}

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

.justify-end.grid {
  text-align: right;
  -moz-text-align-last: right;
  text-align-last: right;
}

.justify-end.grid [class*=col-] {
  text-align: left;
  text-align: start;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  text-align-last: left;
  text-align-last: start;
}

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

.justify-center.grid {
  text-align: center;
  -moz-text-align-last: center;
  text-align-last: center;
}

.justify-center.grid [class*=col-] {
  text-align: left;
  text-align: start;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  text-align-last: left;
  text-align-last: start;
}

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

.justify-space-between.grid {
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
}

.justify-space-between.grid [class*=col-] {
  text-align: left;
  text-align: start;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  text-align-last: left;
  text-align-last: start;
}

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

.justify-space-around.grid {
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
}

.justify-space-around.grid [class*=col-] {
  text-align: left;
  text-align: start;
  -moz-text-align-last: left;
  -moz-text-align-last: start;
  text-align-last: left;
  text-align-last: start;
}

.grid-bleed [class*=col-] {
  padding: 0;
}

.col-grid {
  display: flex;
  flex-direction: column;
}

.col-grid.direction-row {
  flex-direction: row;
}

.col-bleed {
  padding: 0;
}

.col-bleed-x {
  padding: 1rem 0;
}

.col-bleed-y {
  padding: 0 1rem;
}

.flex-img {
  display: block;
  flex: 0 0 auto;
  max-width: 100%;
  height: auto;
  width: 100%;
  *width: auto;
}

.flex-footer {
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
}

.flex-footer > :last-child {
  margin-bottom: 0;
}

@media (min-width: 0px) and (max-width: 575px) {
  .hidden-xxs {
    display: none;
  }
}

@media (min-width: 576px) {
  .hidden-xs-up {
    display: none;
  }
}

@media (max-width: 767px) {
  .hidden-xs-down {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
}

@media (min-width: 768px) {
  .hidden-sm-up {
    display: none;
  }
}

@media (max-width: 991px) {
  .hidden-sm-down {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none;
  }
}

@media (min-width: 992px) {
  .hidden-md-up {
    display: none;
  }
}

@media (max-width: 1199px) {
  .hidden-md-down {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none;
  }
}

@media (min-width: 1200px) {
  .hidden-lg-up {
    display: none;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1199px) {
  .hidden-lg {
    display: none;
  }
}

@media (min-width: 1200px) {
  .hidden-xlg {
    display: none;
  }
}

/* Grid Components */

body {
  background-color: #eeeeee;
}

.grid-container {
  display: grid;
  min-height: 100vh;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header" "main" "footer";
}

header.main-header {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: header;
}

.main {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: main;
  display: grid;
  grid-template-columns: 260px auto;
  grid-template-rows: 1fr;
  grid-template-areas: "step-indicator content";
  background-color: #FFFFFF;
  margin: 0 auto;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  min-height: 500px;
}

@media screen and (min-width: 1200px) {
  .main {
    width: 1160px;
  }
}

@media screen and (min-width: 1320px) {
  .main {
    width: 1280px;
  }
}

.main {
  min-width: 990px;
  max-width: 1280px;
  border-radius: 5px;
}

.companyname {
  grid-area: companyname;
  margin: 0 auto;
  max-width: 1280px;
}

@media screen and (min-width: 1200px) {
  .companyname {
    width: 1160px;
  }
}

@media screen and (min-width: 1320px) {
  .companyname {
    width: 1280px;
  }
}

.main-overview {
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  -grid-template-rows: 1fr;
}

.main > .content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: content;
  display: grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto 1fr;
  -ms-grid-rows: auto 1fr;
  grid-template-areas: "content-wrapper" "button-section";
  height: 100%;
}

.content-wrapper {
  padding: 30px;
  grid-area: content-wrapper;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

/* Components */

.displayNone,
.hide {
  display: none;
}

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

.float-left {
  float: left;
}

.float-right {
  float: right !important;
}

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

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

@media screen and (min-width: 768px) {
  .text-align-right {
    text-align: right !important;
    -moz-text-align-last: right !important;
         text-align-last: right !important;
  }
}

/* The fullscreen modals */

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.modal .modal-cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal .modal-button-container {
  margin-top: 1.5rem;
  position: sticky;
  bottom: -20px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  background-color: #fff;
  padding-top: 1rem;
}

.modal .modal-content {
  position: relative;
  background-color: #fefefe;
  z-index: 2;
  margin: auto;
  padding: 20px;
  width: 100%;
  min-width: 650px;
  max-width: 900px;
  max-height: 90%;
  min-height: 200px;
  overflow: auto;
  border-radius: 2px;
}

.modal .modal-content .sticky-header {
  position: sticky;
  top: -20px;
  background-color: #fff;
  z-index: 1;
}

.modal .modal-content .sticky-header .defaultLanguage img {
  display: block;
  padding: 10px;
}

.modal .close {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 2;
  position: absolute;
  right: 20px;
  top: 10px;
}

.modal .close:hover,
.modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Alerts */

.alert {
  padding: 10px;
  font-weight: 600;
  font-size: 15px;
  position: relative;
  margin-bottom: 15px;
  border-radius: 2px;
}

.alert h1 {
  font-family: "Frutiger", sans-serif;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0px;
}

.alert-close {
  position: absolute;
  font-size: 24px;
  cursor: pointer;
  right: 10px;
  top: 5px;
}

.alert-primary {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #6da96e;
}

.alert-primary a {
  color: #B3CEDD;
}

.alert-secondary {
  background-color: #FFFCEB;
  border: 1px solid #e6dcc4;
  color: #CC8E00;
}

.alert-secondary a {
  color: #CC8E00;
  text-decoration: underline;
}

.alert-tertiary {
  background-color: #FFF1F0;
  border: 1px solid #ebccd1;
  color: #E15759;
}

.alert-tertiary a {
  color: #F5C1B7;
}

select.form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: normal;
  position: relative;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDA1LjQ1NiA0MDUuNDU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDUuNDU2IDQwNS40NTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4NCjxnPg0KCTxwYXRoIGQ9Ik03NC4xMzQsNjQuMTQ3Yy00Ljk4NSwwLjA3OC05LjkxMSwyLjE2My0xMy40MzgsNS42ODhsLTU1LDU1QzIuMDk2LDEyOC40MzIsMCwxMzMuNDkyLDAsMTM4LjU4MyAgIHMyLjA5NiwxMC4xNTEsNS42OTcsMTMuNzVsMTgzLjI4MSwxODMuMjgxYzMuNTk5LDMuNjAxLDguNjU5LDUuNjk3LDEzLjc1LDUuNjk3czEwLjE1MS0yLjA5NiwxMy43NS01LjY5N2wxODMuMjgxLTE4My4yODEgICBjMy42MDEtMy41OTksNS42OTctOC42NTksNS42OTctMTMuNzVzLTIuMDk2LTEwLjE1MS01LjY5Ny0xMy43NWwtNTUtNTVjLTMuNTk4LTMuNTkxLTguNjUxLTUuNjgxLTEzLjczNC01LjY4MSAgIGMtNS4wODMsMC0xMC4xMzYsMi4wOS0xMy43MzQsNS42ODFMMjAyLjcyOCwxODQuMzk3TDg4LjE2Niw2OS44MzNDODQuNDk5LDY2LjE2OSw3OS4zMTgsNjQuMDcsNzQuMTM0LDY0LjE0N0w3NC4xMzQsNjQuMTQ3eiIgZmlsbD0iIzk2OTY5NiIvPg0KPC9nPg0KPC9zdmc+DQo=);
  background-position: right 10px top 50%;
  background-repeat: no-repeat;
}

.form {
  margin: 0 auto;
  width: 100%;
}

.form-column {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.form-label {
  font-weight: 500;
  display: block;
  margin-bottom: 0.25em;
  color: #999;
}

.selection-label {
  display: inline;
  font-size: 20px;
  margin-left: 10px;
}

/* Labels */

.label {
  border-radius: 13px;
  padding: 3px;
  color: #747474;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #747474;
}

.label-primary {
  background-color: #E5F5FB;
  color: #009DD9;
  border-color: #009DD9;
}

.label-secondary {
  background-color: #E6EEF0;
  color: #0B5A69;
  border-color: #0B5A69;
}

.label-tertiary {
  background-color: #FCE7E8;
  color: #E15759;
  border-color: #E15759;
}

.form-label-danger {
  color: #E15759;
}

.form-label-success {
  color: #29CB7D;
}

.form-group {
  margin-bottom: 10px;
}

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]),
textarea,
select {
  width: 100%;
  border: 1px solid #DBDBDB;
  padding: 0.5em 0.75em;
  border-radius: 0.25em;
  color: #000000;
  font: normal normal 300 16px/1.4 "Open Sans", "Arial", sans-serif;
  font-size: 0.9em;
  font-weight: 400;
  outline: none;
}

input,
select {
  min-height: 2em;
}

select {
  cursor: pointer;
}

textarea {
  min-height: 6em;
}

.form-login {
  height: 40px;
  border-color: #D3DCE6;
  border-radius: 5px;
}

.form-textarea {
  min-height: 80px;
  padding-top: 0.75em;
}

.form-input:focus {
  border: 1px solid #009DD9;
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
  color: #999;
  font-size: 14px;
  font-weight: 500;
}

.form-input::placeholder,
.form-textarea::placeholder {
  color: #999;
  font-size: 14px;
  font-weight: 500;
}

.form-input-disabled {
  cursor: not-allowed;
  background-color: #E5E5E5;
}

.form-input-danger {
  border: 1px solid #E15759;
  background: url(/images/input-danger-cross.svg) 96% 50% no-repeat;
  background-size: 15px;
}

.form-input-success {
  border: 1px solid #29CB7D;
  background: url(/images/input-success-checkmark.svg) 96% 50% no-repeat;
  background-size: 17px;
}

.modal-form-label {
  margin-right: 20px;
}

.modal-form-radio {
  margin-right: 10px;
}

.modal-content .chosen-container {
  max-width: 350px;
}

/*.dropdown {
	width: 100%;
	background-color: $dropdown-background;
	border-radius: 1px;
	appearance: none;
	-webkit-appearance: none;
  	-webkit-border-radius: 0px;
  	-moz-appearance: none;
  	background: url(/images/dropdown-caret.svg) 96% 50% no-repeat;
	background-size: 20px;
}*/

.dropdown {
  width: 100%;
  background-color: #fff;
  border-radius: 1px;
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  background: url("/images/dropdown-caret.svg") calc(100% - 10px) 50% no-repeat;
  padding-right: 2em;
}

.form-radio .form-label,
.form-checkbox .form-label {
  margin-top: 2px;
  margin-bottom: 10px;
}

.input-checkbox,
.input-radio {
  margin-right: 5px;
  margin-bottom: 10px;
}

/* The switch - the box around the slider */

.switch {
  position: relative;
  width: 45px;
  height: 39px;
}

/* Hide default HTML checkbox */

.switch input,
.switch2 input {
  display: none;
}

/* The slider */

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #4CAF50;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  transform: translateX(14px);
}

/* Rounded sliders */

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* checkbox */

.check-box-container label {
  vertical-align: bottom;
}

.check-box-container input {
  display: none;
}

.selection-toggle {
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.5em;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  background-image: url("/images/checkbox-empty.svg");
  background-size: 100%;
}

input:checked + .selection-toggle {
  background-image: url("/images/checkbox-checked.svg");
}

.btn {
  position: relative;
  width: auto;
  text-align: center;
  display: inline-block;
  height: 35px;
  cursor: pointer;
  line-height: 35px;
  outline: none;
  font-size: 18px;
  font-weight: 500;
  background-color: #FFFFFF;
  color: #999;
  border-radius: 3px;
  padding: 0px 10px;
  text-decoration: none;
  vertical-align: middle;
}

.btn:not(.btn-disabled):hover {
  background-color: #FAFAFA;
}

.btn-hover {
  background-color: #FAFAFA;
}

.btn:active {
  box-shadow: inset 0px 0px 2px 0px #AAAAAA;
}

.btn-active {
  box-shadow: inset 0px 0px 2px 0px #AAAAAA;
  background-color: #FAFAFA;
}

.btn-disabled {
  cursor: auto;
  opacity: 0.5;
}

.btn-primary {
  background-color: #009DD9;
  color: #FFFFFF;
  border: 0px;
}

.btn-primary:not(.btn-disabled):hover {
  background-color: #008CC3;
}

.btn-primary:active {
  box-shadow: inset 0px 1px 5px 0px #005677;
}

.btn-primary-hover {
  background-color: #008CC3;
}

.btn-primary-active {
  box-shadow: inset 0px 1px 5px 0px #005677;
  background-color: #008CC3;
}

.btn-secondary {
  background-color: #0B5A69;
  color: #FFFFFF;
  border: 0px;
}

.btn-secondary:not(.btn-disabled):hover {
  background-color: #06363F;
}

.btn-secondary:active {
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}

.btn-secondary-hover {
  background-color: #06363F;
}

.btn-secondary-active {
  box-shadow: inset 0px 1px 3px 0px #000000;
  background-color: #06363F;
}

.btn-delete {
  background-color: #E53935;
  color: #FFFFFF;
  border: none;
}

.btn-delete:hover {
  background-color: #B71C1C !important;
}

.btn-split {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("/images/split.svg") no-repeat;
  background-position: center;
}

.icon-delete {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
}

/* Pencil edit button */

.btn.edit img {
  max-height: 100%;
  padding: 5px;
}

.btn.edit {
  max-width: 40px;
  padding-left: 3px;
}

/* Button Section */

.button-section {
  grid-area: button-section;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  align-self: end;
  -ms-grid-row-align: end;
  padding: 30px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}

.button-section > .btn {
  padding: 24px 20px;
  line-height: 0px;
}

.btn-add {
  font-weight: 600;
  text-decoration: none;
  color: inherit;
}

.btn-add:before {
  content: "+ ";
}

.btn-add:hover {
  text-decoration: underline;
}

.panel-wrapper {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: main;
  margin: 0 auto;
  align-self: center;
}

.panel {
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 10px 20px;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 3px 9px 0px rgba(82, 82, 82, 0.38);
  width: 350px;
  display: inline-block;
}

.table-header {
  font-size: 24px;
}

.table-topic-name {
  font-size: 22px;
}

#setup-languages-table {
  max-width: 500px;
}

#setup-languages-table th,
#setup-languages-table td {
  border-bottom: 1px solid #ccc;
  padding: 10px !important;
  height: auto !important;
  line-height: 1;
  vertical-align: middle;
}

.translation {
  min-width: 360px;
}

.translation-table td:not(.translation) {
  font-size: 14px;
}

.translation-table td:not([colspan]) {
  width: 50%;
}

.main-table {
  margin-bottom: 22px;
  border-collapse: collapse;
  width: 100%;
}

/* Sortable headers */

.main-table > thead > tr > th {
  color: #009DD9;
  font-weight: 400;
  font-size: 16px;
  padding: 10px 10px;
  text-align: left;
}

.main-table > thead > tr:last-child td {
  padding-bottom: 4px !important;
}

.main-table > thead > tr > th.sorted::after,
.main-table > thead > tr > th.sorted-reverse::after {
  text-transform: none;
  text-align: center;
  width: 1.2em;
  line-height: 1.2em;
  margin-left: 10px;
  font-family: "icons";
  content: url("/images/triangle-up.svg");
}

.main-table > thead > tr > th.sorted-reverse::after {
  content: url("/images/triangle-down.svg");
}

.fltrow > td {
  border: 1px solid black;
}

/* Items */

.main-table {
  margin-left: -10px;
  margin-right: -10px;
}

.main-table > tbody > tr > td,
.main-table > tbody > tr > th {
  font-weight: 300;
  font-size: 16px;
  padding: 5px 10px;
  vertical-align: top;
}

.main-table > tbody > tr > td:first-child,
.main-table > tbody > tr > th:first-child {
  min-width: 200px;
}

.main-table > tbody > tr > td:th,
.main-table > tbody > tr > th:th {
  font-weight: 600;
}

.sort-table {
  margin-top: 20px;
}

.sort-table .mdiv input,
.sort-table .mdiv select {
  width: auto !important;
}

.sort-table .edit-cell button {
  background-color: transparent;
}

.sort-table span.text {
  display: none;
}

.sort-table > tbody > tr > td {
  padding: 15px 10px;
}

.main-table > tbody > tr > th:first-child {
  text-align: left;
  padding-right: 20px;
  width: 25%;
}

.main-table > thead > tr > th:last-child {
  text-align: left;
  padding: 10px 5px;
}

/*.main-table > tbody > tr > td:last-child {
	width: 600px;
	padding-right: 20px;
}*/

.zebra-table > tbody > tr:nth-child(even),
tbody tr.stripe {
  background-color: #f2f2f2;
}

.table-actions {
  position: relative;
  text-align: center;
  width: 110px;
}

.table-topic-name {
  max-width: 230px;
}

.translatable-table > tbody > tr > td:last-child {
  width: 40%;
}

.translatable-table > tbody > tr > td > textarea {
  height: 100px;
}

#overview-table > tbody > tr {
  border: none;
}

#overview-table > tbody > tr > td {
  text-align: left;
}

#overview-table > thead > tr > th {
  text-align: left;
}

#company-invite-table > tbody > tr > td:not(#company-invite-table > tbody > tr > td:first-child) {
  white-space: nowrap;
}

#stakeholder-review-table > tbody > tr > td:first-child {
  width: 80%;
}

#selection-table > thead > tr > th:last-child {
  text-align: right;
}

#stakeholder-invite-table > tbody > tr > td {
  padding: 12px 10px;
  min-width: 70px;
}

#stakeholder-public-invite-table > tbody > tr > td:last-child,
#stakeholder-personal-invite-table > tbody > tr > td:last-child {
  padding-top: 15px;
  width: 60px;
}

.copy-cell {
  min-width: 150px;
  position: relative;
}

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

.edit-cell {
  width: 70px;
  padding: 15px 0px !important;
  text-align: center !important;
}

.topic-edit-table-default {
  align-items: center;
}

.topic-category-table {
  width: 100%;
  margin-left: 0.5em;
}

.topic-category-table .btn-edit {
  width: 2em;
}

.topic-category-table .btn-delete-topic {
  width: 2em;
}

.topic-category,
.category-table,
.dimensions-table {
  width: 100%;
  background-color: #F5F5F5;
  border: 1px solid #E0E0E0;
  padding: 24px;
  margin: 20px 0px;
  position: relative;
}

.topic-rows {
  min-height: 3em;
}

.category-table,
.dimensions-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  padding-bottom: 1em;
}

.category-table .btn-edit,
.dimensions-table .btn-edit {
  width: 2em;
}

.category-table .btn-delete-category,
.category-table .btn-delete-dimension,
.dimensions-table .btn-delete-category,
.dimensions-table .btn-delete-dimension {
  width: 2em;
}

.extra-questions-table {
  width: 100%;
  margin-bottom: 1em;
}

.extra-questions-table .btn-edit {
  width: 2em;
}

.extra-questions-table .btn-delete-category {
  width: 2em;
}

.extra-questions-table td {
  padding-bottom: 0.5em;
}

.extra-questions-table .group {
  font-size: 0.8rem;
  font-weight: 600;
  display: inline-block;
  margin-right: 0.25em;
  color: rgb(0, 127.4285714286, 223);
  background-color: rgb(235.75, 246.75, 255);
}

.custom-group-table .btn-edit-custom-group {
  width: 2em;
}

.custom-group-table .btn-delete-custom-group {
  width: 2em;
}

.topic-category,
.category-table,
.dimensions-table {
  width: 100%;
  background-color: #F5F5F5;
  border: 1px solid #E0E0E0;
  padding: 24px;
  margin: 20px 0px;
  position: relative;
}

.topic-rows {
  min-height: 3em;
}

.topic-category-table {
  width: 100%;
  margin-left: 0.5em;
  margin-bottom: 0.75em;
}

.topic-category-table .btn-edit {
  width: 2em;
}

.topic-category-table .btn-delete-topic {
  width: 2em;
}

.category-table {
  width: 100%;
  padding-bottom: 1em;
}

.category-table .btn-edit {
  width: 2em;
}

.category-table .btn-delete-category {
  width: 2em;
}

.extra-question-table {
  width: 100%;
  border-spacing: 0.5em 1em;
  border-collapse: separate;
  padding-bottom: 1em;
}

.extra-question-table .btn-edit {
  width: 2em;
}

.extra-question-table .btn-delete-category {
  width: 2em;
}

.custom-group-table .btn-edit-custom-group {
  width: 2em;
}

.custom-group-table .btn-delete-custom-group {
  width: 2em;
}

.translatable-language-container {
  padding-right: 1em;
}

.translatable-language-item {
  margin-left: 1em;
}

.translatable-language {
  padding-right: 1em;
  width: 2em;
}

.tabs,
.tabs-container {
  transform: translateY(5px);
  border-bottom: 2px solid #009DD9;
  display: flex;
  flex-wrap: wrap;
}

.tabs > li,
.tabs-container > li {
  transition-duration: 0.25s;
  list-style: none;
  text-align: center;
  padding: 0.5rem 1rem;
  position: relative;
  cursor: pointer;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.tabs > li:before,
.tabs-container > li:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(150, 150, 150, 0.3);
  border-radius: 5px 5px 0 0;
  border-top: 1px solid rgba(150, 150, 150, 0.8);
  border-left: 1px solid rgba(150, 150, 150, 0.8);
  border-right: 1px solid rgba(150, 150, 150, 0.8);
}

.tabs > li:hover:before,
.tabs-container > li:hover:before {
  color: #FFFFFF;
}

.tabs > li.active,
.tabs-container > li.active {
  color: #FFFFFF;
}

.tabs > li.active:before,
.tabs-container > li.active:before {
  background-color: #009DD9;
  border: none;
}

.tab-language-default {
  min-width: 30%;
}

.tabs-content > .content {
  padding: 1.5rem 0.5rem;
  min-width: 540px;
}

/* Tooltips */

.tooltip-wrapper {
  float: left;
  margin: 0;
}

.tooltip-wrapper:first-child {
  margin-right: 20%;
}

.tooltip-element {
  text-align: center;
  position: relative;
  display: inline;
  font-size: 18px;
  border-bottom: 1px dotted;
}

.tooltip {
  display: inline;
  position: relative;
  border-bottom: 1px dotted;
}

.tooltip:hover:after {
  width: 120px;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 5px 0;
  position: absolute;
  z-index: 98;
  top: 144%;
  left: 20%;
  content: attr(title);
  opacity: 1;
  background-color: #009DD9;
  transition: opacity 0.3s;
  padding: 10px;
  width: 200px;
  box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.24);
}

.tooltip:hover:before {
  border: solid;
  border-color: #333333 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 50%;
  top: 100%;
  position: absolute;
  z-index: 99;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #009DD9 transparent;
}

.tooltip {
  width: 120px;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 130%;
  left: -50%;
  opacity: 0;
  transition: opacity 0.3s;
  padding: 10px;
  width: 200px;
  box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.24);
}

.tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #009DD9 transparent;
}

.tooltip.tooltip-secondary::after {
  border-color: transparent transparent #0B5A69 transparent;
}

.tooltip-element:hover .tooltip {
  opacity: 1;
}

.tooltip-primary {
  background-color: #009DD9;
}

.tooltip-secondary {
  background-color: #0B5A69;
}

.tooltip-title {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
}

.tooltip-text {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

header.main-header {
  position: relative;
}

header.main-header .header-top {
  height: 60px;
  background-color: #009DD9;
  padding-left: 20px;
}

header.main-header .header-top-list {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  position: relative;
}

header.main-header .header-top-list > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-right: 1rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}

header.main-header .header-top-list > li a {
  text-decoration: none;
}

header.main-header .header-top-list > li a:hover {
  text-decoration: underline;
}

header.main-header .header-active {
  background-color: #64B5F6;
}

header.main-header .header-top-link {
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
  text-align: center;
  line-height: 30px;
  color: #FFFFFF;
}

header.main-header .projectname {
  text-decoration: none;
}

header.main-header .projectname:hover {
  text-decoration: underline;
}

header.main-header .projectname {
  color: #fff;
  font-size: 27px;
  font-family: "Max Book", Arial, sans-serif;
  font-weight: 400;
  line-height: 60px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
}

header.main-header .companyname {
  color: #999999;
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  line-height: 60px;
}

header.main-header .header-dropdown {
  padding-right: 1.2em;
  background: url(/images/header-dropdown-caret.svg) 100% 50% no-repeat;
  background-size: 10px;
  cursor: pointer;
  position: relative;
}

header.main-header .header-dropdown #exit-image {
  display: inline;
  position: absolute;
  left: 10px;
  top: 61px;
}

header.main-header .header-dropdown #scans-image {
  display: inline;
  position: absolute;
  left: 10px;
  top: 22px;
  width: 14px;
}

header.main-header .header-dropdown {
  /* admin link */
}

header.main-header .header-dropdown .fa-user {
  color: black;
  margin-left: -29px !important;
  margin: 6px;
}

header.main-header .header-dropdown-list {
  position: absolute;
  top: 62px;
  right: 10px;
  transition: opacity 0.3s;
}

header.main-header .header-dropdown-list:after {
  content: "";
  position: absolute;
  bottom: 76%;
  left: 81%;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #FFFFFF transparent;
}

header.main-header .header-dropdown-list li {
  width: 180px;
  height: 40px;
}

header.main-header .header-dropdown-link {
  display: block;
  background-color: #fff;
  border-bottom: 1px solid #FFFFFF;
  color: #999999;
  text-align: left;
  text-decoration: none;
  font-weight: 500;
  border-radius: 2px;
  font-size: 14px;
  line-height: 40px;
  padding-left: 25px;
  padding-right: 10px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}

header.main-header .header-dropdown-link img {
  width: 1em;
  vertical-align: middle;
  margin-right: 0.25em;
}

.footer-frame {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: footer;
  border: none;
  width: 100%;
  min-height: 40px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 5px;
}

.footer-grid {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 5;
  grid-row-end: 5;
}

.footer-item {
  float: left;
  margin-top: 5px;
  line-height: 25px;
  color: rgb(116, 116, 116);
  font-size: 11pt;
  margin-left: 20px;
  margin-right: 20px;
}

.footer-item a {
  color: rgb(116, 116, 116);
  text-decoration: underline;
  font-weight: 300;
}

.item-right {
  float: right;
  margin-right: 30px;
}

/* Step Indicators */

.step-indicator a {
  text-decoration: none;
}

.step-indicator a:hover {
  text-decoration: underline;
}

.step-indicator {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: step-indicator;
  border-right: 1px solid #eee;
  height: 100%;
}

.step-indicator .step-main {
  border-bottom: 1px solid #eee;
  font-size: 13pt;
  position: relative;
  font-weight: 500;
  padding-top: 5px;
  line-height: 45px;
}

.step-indicator .step-main > div {
  padding-left: 18px;
}

.step-indicator .step-main > div > a {
  width: 100%;
}

.step-indicator .step-sub {
  line-height: 40px;
  padding-top: 7px;
  padding-bottom: 5px;
  font-weight: 500;
}

.step-indicator .step-sub a {
  width: 100%;
  height: 100%;
  padding-left: 30px;
}

.step-indicator .step-active {
  color: white;
  background-color: #009DD9;
}

.step-indicator .step-rounded {
  border-top-left-radius: 5px;
}

.step-indicator .step-active-color {
  color: #009DD9;
}

.step-indicator .step-caret {
  position: absolute;
  top: 20px;
  height: 15px;
  width: 20px;
  right: 10px;
  cursor: pointer;
  background: url(/images/step-indicator-caret.svg) 96% 50% no-repeat;
}

.step-indicator .step-caret-active {
  background: url(/images/step-indicator-caret-active.svg) 96% 50% no-repeat;
}

.step-indicator .step-caret-disabled {
  background: url(/images/step-indicator-caret-disabled.svg) 96% 50% no-repeat;
}

.link-disabled {
  pointer-events: none;
  color: #999;
}

#error_messages {
  float: right;
  margin-right: 5px;
  padding: 5px;
  width: 75%;
}

/* Table copy to clipboard input */

.copy-wrapper {
  position: relative;
}

.copy-wrapper input {
  padding-right: 2em;
}

.copy-input {
  padding-right: 2em !important;
  position: relative;
  border-radius: 3px 0px 0px 3px;
}

/* Pencil edit button in span */

.icon-edit {
  padding: 10px;
  margin: 0px 10px;
  background-position: center;
  display: inline-block;
  cursor: pointer;
}

.copy-button {
  position: absolute;
  height: 18px;
  right: 6px;
  top: 6px;
  cursor: pointer;
}

/* stakeholver invite */

.result-status {
  color: #009DD9;
  font-weight: 500;
  margin-bottom: 2rem;
  text-align: right;
}

/* The delete-stakeholder modal with a small width */

#modal-delete > .modal-content {
  max-width: 600px;
}

#modal-stakeholder-extra-questions > .modal-content {
  max-width: 900px;
}

/* survey customization */

.answerField {
  position: relative;
}

.answerField > .answer-delete-button {
  position: absolute;
  top: 0.4em;
  right: 0.4em;
}

/* survey status switch */

.survey-status {
  margin-top: 10px;
  background-color: rgba(201, 230, 244, 0.4);
  border: 1px solid #C9E6F4;
  border-radius: 3px;
  padding: 5px;
}

.survey-status h3 {
  float: left;
}

.survey-status-text {
  line-height: 40px;
  display: inline;
  font-size: 18px;
  color: #009DD9;
  margin-left: 2%;
}

.survey-status-title {
  font-size: 20px;
  font-weight: 600;
  margin-right: 5%;
}

.switch2 {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 26px;
  margin: -6px 10px;
}

/* results */

.export-button-section select {
  width: calc(100% - 30px);
  max-width: 300px;
  margin-right: 10px;
  vertical-align: center;
}

/* setup */

#logo-preview {
  max-height: 100px;
  max-width: 200px;
}

.logo-container {
  position: relative;
  margin-left: 10px;
  margin-top: 0px;
  float: right;
}

.logo-container img {
  max-width: 200px;
  max-height: 100px;
}

/* overview page */

header.header-overview {
  margin-bottom: 40px;
}

/* login screen */

.wide-button {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
}

/* survey design / customization */

#stakeholder-survey-customization .content-container {
  display: flex;
}

#stakeholder-survey-customization .preview {
  margin-top: 0.5rem;
}

#stakeholder-survey-customization .preview header {
  text-align: center;
  padding: 0.5em;
  padding-bottom: 1.5em;
  font-weight: 600;
  font-size: 0.9em;
  color: rgb(0, 127.4285714286, 223);
}

#stakeholder-survey-customization .preview {
  min-width: 226px;
  max-width: 226px;
  height: 400px;
  margin-bottom: 1rem;
}

#stakeholder-survey-customization .preview .iframe-container {
  border: 1px solid #E0E0E0;
  margin-left: -47px;
  margin-top: -100px;
  width: 142.8571428571%;
  height: 142.8571428571%;
  transform: scale3d(0.7, 0.7, 0.7);
}

#stakeholder-survey-customization .preview .iframe-container iframe {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.login-title {
  margin-top: 10px;
  color: #009DD9;
  text-align: center;
  margin-bottom: 0.5em;
}

.login-text {
  color: rgba(39, 71, 121, 0.6);
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 20px;
}

.login-text a {
  text-decoration: underline;
}

.login-divider-section {
  height: 20px;
  display: grid;
  grid-template-columns: 3fr 1fr 3fr;
  align-items: center;
  margin-bottom: 10px;
}

.login-divider-section hr {
  background-color: #FFFFFF;
  height: 1px;
}

.login-divider-section .login-divider-text {
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
}

.password-request {
  font-size: 12px;
  color: rgba(39, 71, 121, 0.5);
  display: block;
  float: right;
  margin-bottom: 10px;
  text-decoration: underline;
}

/* start css admin login */

.toadmin {
  font-size: 12px;
  color: rgba(39, 71, 121, 0.5);
  margin-bottom: 10px;
  margin-left: 10px;
  text-decoration: underline;
}

/* end css admin login */

[type=range] {
  -webkit-appearance: none;
  background: transparent;
  padding: 0 0.25em 0.125em;
  min-height: 1.5em;
  margin-bottom: 0.25em;
  height: 1.5em;
  width: 100%;
}

[type=range]::-moz-focus-outer {
  border: 0;
}

[type=range]:focus {
  outline: 0;
}

[type=range]:focus::-webkit-slider-runnable-track {
  background: rgb(95.5, 186.6428571429, 255);
}

[type=range]:focus::-ms-fill-lower {
  background: rgb(70, 175.7142857143, 255);
}

[type=range]:focus::-ms-fill-upper {
  background: rgb(95.5, 186.6428571429, 255);
}

[type=range]::-webkit-slider-runnable-track {
  cursor: default;
  height: 0.25em;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(12.75, 12.75, 12.75, 0.2);
  background: rgb(70, 175.7142857143, 255);
  border: 0 solid #cfd8dc;
  border-radius: 0.125em;
}

[type=range]::-webkit-slider-thumb {
  box-shadow: 0.125em 0.125em 0.25em rgba(0, 0, 0, 0.2), 0 0 0.125em rgba(12.75, 12.75, 12.75, 0.2);
  background: #F3F5F7;
  border: 0 solid #eceff1;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: default;
  height: 1em;
  width: 1em;
  -webkit-appearance: none;
  margin-top: -0.375em;
}

[type=range]::-moz-range-track {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(12.75, 12.75, 12.75, 0.2);
  cursor: default;
  height: 0.25em;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: rgb(70, 175.7142857143, 255);
  border: 0 solid #cfd8dc;
  border-radius: 0.125em;
  height: 0.125em;
}

[type=range]::-moz-range-thumb {
  box-shadow: 0.125em 0.125em 0.25em rgba(0, 0, 0, 0.2), 0 0 0.125em rgba(12.75, 12.75, 12.75, 0.2);
  background: #F3F5F7;
  border: 0 solid #eceff1;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: default;
  height: 1em;
  width: 1em;
}

[type=range]::-ms-track {
  cursor: default;
  height: 0.25em;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  border-width: 0.5em 0;
  color: transparent;
}

[type=range]::-ms-fill-lower {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(12.75, 12.75, 12.75, 0.2);
  background: rgb(44.5, 164.7857142857, 255);
  border: 0 solid #cfd8dc;
  border-radius: 0.25em;
}

[type=range]::-ms-fill-upper {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(12.75, 12.75, 12.75, 0.2);
  background: rgb(70, 175.7142857143, 255);
  border: 0 solid #cfd8dc;
  border-radius: 0.25em;
}

[type=range]::-ms-thumb {
  box-shadow: 0.125em 0.125em 0.25em rgba(0, 0, 0, 0.2), 0 0 0.125em rgba(12.75, 12.75, 12.75, 0.2);
  background: #F3F5F7;
  border: 0 solid #eceff1;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: default;
  height: 1em;
  width: 1em;
  margin-top: 0.0625em;
}

[type=range]:disabled::-webkit-slider-thumb,
[type=range]:disabled::-moz-range-thumb,
[type=range]:disabled::-ms-thumb,
[type=range]:disabled::-webkit-slider-runnable-track,
[type=range]:disabled::-ms-fill-lower,
[type=range]:disabled::-ms-fill-upper {
  cursor: not-allowed;
}

.results-button-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.results-button-section > .item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.results-button-section select {
  margin-bottom: 0;
  width: 17.5em;
  display: inline-block;
  line-height: 1.2;
  cursor: pointer;
}

.results-button-section label {
  margin: 0;
  margin-left: 1rem;
  display: inline-block;
  flex: 0 0 auto;
  text-align: right;
  margin-right: 1rem;
}

.matrix-wrapper {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-rows: auto 2fr;
  -ms-grid-rows: auto 2fr;
  position: relative;
}

.matrix-wrapper .buttons {
  position: absolute;
  font-size: 0.9rem;
  right: 1.5%;
  top: 1.5%;
}

.matrix-wrapper .buttons button {
  padding: 0.25em;
}

.matrix-wrapper #matrix-customization {
  opacity: 1;
  transition: opacity 0.3s ease;
  position: absolute;
  left: 12%;
  top: 2%;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.2);
  width: 15em;
  font-size: 1em;
  padding: 0.75em;
}

.matrix-wrapper #matrix-customization.hidden {
  opacity: 0;
  pointer-events: none;
}

.matrix-wrapper #matrix-customization .close {
  position: absolute;
  font-size: 1.5rem;
  cursor: pointer;
  right: 0.5rem;
  top: 0.25rem;
  line-height: 1;
}

.matrix-wrapper #matrix-customization h2 {
  font-size: 1rem;
}

.matrix-wrapper #matrix-customization label {
  display: block;
  margin: 0;
  margin-bottom: 0.25em;
}

.matrix-wrapper #matrix-customization label input[type=checkbox] {
  font-size: 1.5em;
  vertical-align: baseline;
}

.matrix-wrapper #matrix-customization .color-picker-container {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.matrix-wrapper #matrix-customization .color-picker-container .pickr {
  margin-left: 0.5em;
  flex: 0 0 1em;
}

.matrix-container {
  grid-column: 1/3;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  position: relative;
}

.matrix-background {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.matrix-background.hundred {
  width: 100%;
  height: 100%;
  background-color: #E3F2FD;
}

.matrix-background.eighty {
  width: 80%;
  height: 80%;
  background-color: #BBDEFB;
}

.matrix-background.fifty {
  width: 50%;
  height: 50%;
  background-color: #90CAF9;
}

.stats-container {
  grid-column: 1/2;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  padding: 20px;
  margin: 0px 20px;
  min-width: 240px;
  background-color: #FEFAC5;
  position: relative;
  border: 1px solid #CB9500;
}

.stats-container > p {
  color: #CB9500;
  text-align: right;
}

.legend-container {
  grid-column: 2/3;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  background-color: #d6ecff;
  border: 1px solid #009DD9;
  min-width: 240px;
  min-height: 300px;
  margin: 0px 20px;
  padding: 10px;
}

.legend-title {
  text-align: center;
  margin-top: 15px;
  color: #009DD9;
}

.stats-title {
  font-size: 22px;
  color: #CB9500;
  line-height: 28px;
  border-bottom: 1px solid #ead497;
  padding-bottom: 5px;
}

.axis path,
.axis line {
  fill: none;
  shape-rendering: crispEdges;
}

.dot {
  stroke: rgba(255, 255, 255, 0.5);
  stroke-width: 1;
  cursor: pointer;
  transition: stroke-width 0.15s ease-in;
}

.tooltip-d3 {
  position: absolute;
  padding: 10px;
  border-radius: 3px;
  color: white;
  background-color: #009DD9;
  pointer-events: none;
  z-index: 1;
}

.bg-hidden .tick > line {
  stroke: rgba(0, 0, 0, 0.1);
}

.bg-hidden .matrix-label {
  fill: #bbb;
}

.tick > line {
  stroke: rgba(255, 255, 255, 0.4);
}

.tick > text {
  font-size: 14px;
  fill: #999;
}

.domain {
  stroke: none;
}

.matrix-label {
  fill: white;
  font: normal normal 600 20px/1.5 "Open Sans", "Arial", sans-serif;
}

.matrix-axis-fixed-label {
  fill: #555;
  font: normal normal 300 14px/1.5 "Open Sans", "Arial", sans-serif;
}

.item-container > .dot {
  opacity: 0.85;
}

.item-container > text {
  cursor: pointer;
}

.item-container.active .matrix-topic-label {
  cursor: pointer;
  fill: #002846;
  font-weight: bold;
  /*text-shadow: 0rem 0rem 3rem rgba(255,255,255,.4);*/
}

.item-container.active .dot {
  opacity: 1;
  /*stroke: #555;*/
  stroke-width: 0;
}

.item-container.active .label-link {
  stroke: #fff;
}

.matrix-topic-label {
  font: normal normal 600 9px/1 "Open Sans", "Arial", sans-serif;
  fill: #555;
  /*text-shadow: 0rem 0rem 3rem rgba(0,0,0,.4);*/
}

.darkBG .matrix-topic-label {
  fill: rgba(255, 255, 255, 0.85);
}

.darkBG .label-link {
  stroke: rgba(255, 255, 255, 0.85);
}

.darkBG .item-container.active .matrix-topic-label {
  fill: #fff;
}

.darkBG .item-container.active .label-link {
  stroke: #fff;
}

.product-link {
  font-weight: 400;
  color: #555;
  text-decoration: none;
}

.product-link:hover {
  text-decoration: underline;
}

.label-link {
  stroke: #999;
}

#legend {
  font: normal normal 600 9px/1 "Open Sans", "Arial", sans-serif;
}

#legend .legend-label {
  cursor: pointer;
}

#legend .legend-dot {
  cursor: pointer;
  opacity: 0.85;
}

#legend .legend-dot.inactive {
  opacity: 0.3;
}

#topicList {
  font: normal normal 600 9px/1 "Open Sans", "Arial", sans-serif;
}

#topicListTable {
  background-color: rgba(255, 255, 255, 0.7);
  font: normal normal 400 10px/1.3 "Open Sans", "Arial", sans-serif;
}

#topicListTable th {
  font-weight: 600;
  padding: 3px 6px;
  text-align: left;
}

#topicListTable td {
  padding: 3px 6px;
}

.legend-row-color {
  height: 15px;
  width: 15px;
  display: inline-block;
  margin-right: 5px;
}

.legend-row {
  font-size: 16px;
  cursor: pointer;
}

.legend-topic-container {
  padding: 5px;
}

.current-survey-status {
  font-weight: 600;
}

.rotated {
  transform: rotate(90deg);
  fill: #009DD9;
  top: 15px;
  right: 6px;
}

.legend-row-color > span {
  position: absolute;
  top: -4px;
  left: 4px;
  font-size: 12px;
  color: white;
}

.legend-row-color {
  position: relative;
  text-align: center;
}

.comments-header {
  font-size: 20px;
  color: #CB9500;
  border-top: 1px solid #ead497;
  line-height: 24px;
  margin-top: 10px;
  padding-top: 10px;
  margin-bottom: 5px;
}

.comments-title {
  color: #CB9500;
}

.comments-body {
  font-size: 16px;
  color: #333;
}

.draggable {
  padding-right: 1em;
}

.draggable i {
  display: block;
}

.draggable .text-label {
  vertical-align: top;
  display: block;
  margin-left: 25px;
  position: relative;
  margin-top: -21px;
}

/* Alerts */

.alert {
  padding: 10px;
  font-weight: 600;
  font-size: 15px;
  position: relative;
  margin-bottom: 15px;
  border-radius: 2px;
}

.alert h1 {
  font-family: "Frutiger", sans-serif;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0px;
}

.alert-close {
  position: absolute;
  font-size: 24px;
  cursor: pointer;
  right: 10px;
  top: 5px;
}

.alert-primary {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #6da96e;
}

.alert-primary a {
  color: #B3CEDD;
}

.alert-secondary {
  background-color: #FFFCEB;
  border: 1px solid #e6dcc4;
  color: #CC8E00;
}

.alert-secondary a {
  color: #CC8E00;
  text-decoration: underline;
}

.alert-tertiary {
  background-color: #FFF1F0;
  border: 1px solid #ebccd1;
  color: #E15759;
}

.alert-tertiary a {
  color: #F5C1B7;
}

/* The fullscreen modals */

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.modal .modal-cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal .modal-button-container {
  margin-top: 1.5rem;
  position: sticky;
  bottom: -20px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  background-color: #fff;
  padding-top: 1rem;
}

.modal .modal-content {
  position: relative;
  background-color: #fefefe;
  z-index: 2;
  margin: auto;
  padding: 20px;
  width: 100%;
  min-width: 650px;
  max-width: 900px;
  max-height: 90%;
  min-height: 200px;
  overflow: auto;
  border-radius: 2px;
}

.modal .modal-content .sticky-header {
  position: sticky;
  top: -20px;
  background-color: #fff;
  z-index: 1;
}

.modal .modal-content .sticky-header .defaultLanguage img {
  display: block;
  padding: 10px;
}

.modal .close {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 2;
  position: absolute;
  right: 20px;
  top: 10px;
}

.modal .close:hover,
.modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.logo img {
  max-height: 5rem;
  margin-top: 0.5rem;
}

.main.page-ranking {
  max-width: none;
}

.material-icons:after {
  content: attr(data-icon);
}

select {
  cursor: pointer;
}

select:focus {
  outline: none;
  box-shadow: none;
}

.rating {
  color: #009CD9;
  display: inline-block;
  margin-left: 5px;
}

.dragbox {
  border: none;
  background: none;
  padding-left: 0.7rem;
}

.order {
  position: absolute;
  width: 2rem;
  text-align: right;
  margin-left: -3.7rem;
  font-size: 1.3rem;
  margin-top: 0.3rem;
}

.editscore {
  background: #eee;
  border: 1px solid #ccc;
  margin: 12px 0;
  padding-left: 20px;
  padding-right: 10px;
}

.editscore .additional-information {
  cursor: pointer;
  line-height: 22px;
}

.editscore.canDrag {
  cursor: move;
}

.editscore.canDrag .drag {
  content: "....";
  width: 20px;
  height: calc(100% - 0.7em);
  overflow: hidden;
  line-height: 5px;
  padding: 3px 4px;
  vertical-align: middle;
  margin-top: -0.7em;
  margin-right: 0.2em;
  font-size: 10px;
  font-family: sans-serif;
  letter-spacing: 2px;
  color: #cccccc;
  text-shadow: 1px 0 1px black;
  display: none;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.editscore.canDrag .drag::after {
  content: ".. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. ..";
}

.editscore.canDrag:hover .drag {
  display: inline-block;
}

.editscore .score-name {
  font-size: 1.4vw;
  line-height: 1.4;
}

.alert {
  padding: 10px;
  min-height: 60px;
  margin-right: 40px;
  max-width: 800px;
}

.alert-notice {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

#modal-topic-details-graph text {
  font: normal normal 300 10px/1 "Open Sans", "Arial", sans-serif;
}

#modal-topic-details-graph .tick text {
  fill: rgb(0, 156, 217);
  font: normal normal 600 12px/1 "Open Sans", "Arial", sans-serif;
}

#modal-topic-details-graph .title {
  font: normal normal 600 22px/1 "filson-soft", "Arial", sans-serif;
  color: #009DD9;
}

#modal-topic-details-graph .bar rect {
  shape-rendering: crispEdges;
  fill: steelblue;
}

#modal-topic-details-graph .bar text {
  fill: #999999;
  fill: #fff;
  font: normal normal 600 10px/1 "Open Sans", "Arial", sans-serif;
}

#modal-topic-details-graph .axis path,
#modal-topic-details-graph .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

#modal-ranking-detail .modal-content .topic-title {
  display: none;
}

#modal-ranking-detail .modal-content .buttons {
  position: absolute;
  top: 20px;
  right: 60px;
  display: flex;
}

#modal-ranking-detail .modal-content .buttons > :first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#modal-ranking-detail .modal-content .buttons > :last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#modal-ranking-detail .modal-content .buttons button {
  padding: 0.25em;
}

#modal-ranking-detail .switch label {
  display: inline-block;
  margin-right: 10px;
}

#modal-ranking-detail .alert {
  min-height: 0;
  padding: 10px;
  margin-bottom: 20px;
  position: absolute;
  right: 0;
  width: 380px;
  opacity: 0.7;
  border-radius: 0.5rem;
  bottom: 20px;
}

#modal-ranking-detail .alert-error {
  color: #555;
  background-color: rgba(255, 200, 49, 0.5);
  border-color: #ebccd1;
}

#modal-ranking-detail .change[data-polarity=plus] {
  color: green;
}

#modal-ranking-detail .change[data-polarity=plus]:before {
  content: "+";
  display: inline-block;
  margin: 0.1em;
}

#modal-ranking-detail .change[data-polarity=minus] {
  color: red;
}

#modal-ranking-detail .change[data-polarity=minus]:before {
  content: "-";
  display: inline-block;
  margin: 0.1em;
}

.footer-frame {
  margin-top: 0;
}

.companyname {
  float: right;
  color: #fff;
  margin-right: 20px;
}

.main.container-full {
  padding: 0;
  max-width: none;
  min-height: 30rem;
}

/* ranking page */

.score-name {
  font-size: 1.5em;
}

.additional-information {
  background: #D8D8D8;
  border: 1px solid #979797;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  float: right;
}

[data-status=conflict] .additional-information {
  background-color: #FFC831;
}

/* ranking */

.additional-information-i {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  height: 24px;
  width: 24px;
}

@keyframes flickerAnimation {
  0% {
    background-color: #D8D8D8;
  }

  50% {
    background-color: #FFC831;
  }

  100% {
    background-color: #D8D8D8;
  }
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

.grid {
  margin-left: -10px;
  margin-right: -10px;
}

.section {
  margin-bottom: 2.5em;
}

.field {
  margin: 0.75em 0;
}

.field .display-inline-block {
  margin-right: 0.75em;
}

.block {
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 2px;
}

.caption {
  font-size: 0.8rem;
  text-align: right;
  color: rgb(0, 98.2857142857, 172);
}

.tooltipstered {
  cursor: pointer;
}

.tippy-content {
  padding: 0;
}

.tippy-content .content {
  padding: 1.5rem;
}

.material-icons:after {
  content: attr(data-icon);
}

.docs h3 {
  margin-top: 1em;
}

.docs > li {
  margin-bottom: 0.4em;
  display: flex;
  position: relative;
}

.docs > li a {
  text-decoration: none;
  color: #002846;
  font-weight: 500;
}

.docs > li a:hover {
  text-decoration: underline;
}

.docs .material-icons {
  font-size: 1.35em;
  vertical-align: bottom;
  margin-right: 0.35em;
}

.docs .material-icons.attention {
  color: #E15759;
}

.docs .material-icons.info {
  color: #009DD9;
}

.docs .material-icons.help {
  color: #29CB7D;
}

/* Base */

html {
  font: normal normal 300 16px/1.4 "Open Sans", "Arial", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body {
  font-size: 0.95rem;
  color: #002846;
}

h1,
h2,
h3 {
  font-family: "filson-soft", sans-serif;
}

h1 {
  color: #009DD9;
  font-size: 2rem;
  font-weight: 400;
  text-align: left;
  margin-bottom: 0.75em;
}

h2 {
  font-size: 1.5rem;
  color: #002846;
  font-weight: 400;
  margin-bottom: 0.75em;
}

h2.survey-category-title {
  color: #009CD9;
  margin-top: 50px;
}

h3 {
  font-size: 1.2rem;
  color: #002846;
  font-weight: 400;
  margin-bottom: 0.5em;
}

p {
  color: #002846;
  margin-bottom: 0.75em;
}

hr {
  border-top: 1px solid rgb(181.8, 194, 206.2);
  margin-top: 1rem;
}

.bold {
  font-weight: bold;
}

.material-icons {
  font-size: 1.5em;
}

.clickable {
  cursor: pointer;
}

.draggable {
  cursor: move;
}

a.no-underline {
  text-decoration: none;
  color: inherit;
}

a {
  color: inherit;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

/* Base Lists */

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.bullets,
ol.bullets,
.markdown ul,
.markdown ol {
  list-style-type: disc;
  margin-left: 1.5em;
}

.markdown ul,
.markdown ol {
  margin-bottom: 0.5em;
}

.markdown li {
  margin-bottom: 0.25em;
}

.markdown h1 {
  margin-top: 1em;
}

.markdown h2 {
  margin-top: 1em;
}

.markdown img {
  margin: 0.75em 0;
}

li a {
  display: inline-block;
}