@charset "UTF-8";
/** RESET **/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del,
ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: '';
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000000;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input,
button,
textarea,
select {
  *font-size: 100%;
}

em,
i {
  font-style: italic;
}

header,
nav,
main,
section,
article,
aside,
footer {
  display: block;
}

.ContentRow,
.clearfix {
  zoom: 1;
}
.ContentRow:before, .ContentRow:after,
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.ContentRow:after,
.clearfix:after {
  clear: both;
}

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

.Color {
  color: #30806f;
}

.Error {
  color: tomato;
  font-size: 12px;
  line-height: 14px;
}

.ColorAlternative {
  color: #efa527;
}

.Uppercase {
  text-transform: uppercase;
}

.Lowercase {
  text-transform: lowercase;
}

.Nocase {
  text-transform: none;
}

.Justified {
  text-align: justify;
}

.Smaller {
  font-size: 12px;
  line-height: 22px;
  color: rgba(42, 42, 41, 0.7);
}

i.fa {
  font-size: 0;
  line-height: 0;
}
i.fa:before {
  font-size: 16px;
  line-height: 24px;
}

.HLPR-Debug {
  padding: 40px;
  background-color: #F6F6F6;
}
.HLPR-Debug + .HLPR-Debug {
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
}
.HLPR-Debug + .HLPR-Debug.Same {
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
}
.HLPR-Debug div {
  display: inline;
}
.HLPR-Debug div.Invisible {
  display: none;
}
.HLPR-Debug a {
  cursor: pointer;
}
.HLPR-Debug a:hover {
  border-bottom-color: transparent;
}

img[id^="Image--"] {
  display: inline-block;
  max-width: 100%;
  height: auto;
  position: relative;
}
img[id^="Image--"]:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  line-height: normal;
  font-size: 16px;
  padding: 10px;
}
img[id^="Image--"]:after {
  display: block;
  width: 100%;
  content: '';
}

.InputToggleCheckbox {
  display: none;
}

a {
  color: #30806f;
  border-bottom: 1px solid transparent;
  text-decoration: none;
}
a:hover {
  border-bottom-color: currentColor;
}
a, a:before, a:after, a[rel^='lightbox'] img {
  -webkit-transition: all 0.3s ease .1ms;
  -moz-transition: all 0.3s ease .1ms;
  -o-transition: all 0.3s ease .1ms;
  transition: all 0.3s ease .1ms;
  -webkit-transition-property: color, background-color, border-color, text-shadow, box-shadow, -webkit-transform;
  transition-property: color, background-color, border-color, text-shadow, box-shadow, transform;
}
a[target="_blank"]:not(.NoIcon) {
  margin-right: 6px;
}
a[target="_blank"]:not(.NoIcon):after {
  color: #AAAAAA;
  content: " ";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a[target="_blank"]:not(.NoIcon)[href$=".pdf"]:after {
  content: '\00a0\f1c1';
}
a img {
  color: #FFFFFF;
}

.Button {
  display: inline-block;
  padding: 11px 20px;
  min-width: 260px;
  min-height: 50px;
  border-radius: 0;
  box-shadow: none;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border: 1px solid #DFDFDF;
  background-color: #ECECED;
  color: #2a2a29;
  -webkit-transition: all 0.3s ease .1ms;
  -moz-transition: all 0.3s ease .1ms;
  -o-transition: all 0.3s ease .1ms;
  transition: all 0.3s ease .1ms;
  -webkit-transition-property: color, background-color, border-color, text-shadow, box-shadow, -webkit-transform;
  transition-property: color, background-color, border-color, text-shadow, box-shadow, transform;
}
.Button:hover {
  border-color: #DFDFDF;
  background-color: #DFDFDF;
  color: #2a2a29;
}
.Button.Background--Main {
  border: 1px solid #30806f;
  background-color: #30806f;
  color: #FFFFFF;
  text-transform: uppercase;
}
.Button.Background--Main:hover {
  border-color: #2a2a29;
  background-color: #2a2a29;
  color: #FFFFFF;
}
.Button.Background--Attention {
  border: 1px solid tomato;
  background-color: tomato;
  color: #FFFFFF;
  text-transform: uppercase;
}
.Button.Background--Attention:hover {
  border-color: #2a2a29;
  background-color: #2a2a29;
  color: #FFFFFF;
}
.Button.Background--Text {
  border: 1px solid #2a2a29;
  background-color: #2a2a29;
  color: #FFFFFF;
  text-transform: uppercase;
}
.Button.Background--Text:hover {
  border-color: #30806f;
  background-color: #30806f;
  color: #FFFFFF;
}
.Button.Position--Right {
  float: right;
}
@media screen and (max-width: 450px) {
  .Button.Position--Right {
    float: none;
    margin-top: 10px;
    width: 100%;
  }
}
.Button.Fullwidth {
  width: 100%;
}
.Button.Fullwidth + .Button {
  margin-top: 20px;
}
.Button.Square {
  min-width: 50px;
  width: 50px;
  padding: 10px 10px;
}
.Button.InputHeight {
  min-height: 46px;
  height: 46px;
  padding: 8px 20px;
}
.Button.InputHeight.Square {
  min-width: 46px;
  width: 46px;
  padding: 8px 10px;
}
.Button .Help {
  font-weight: 400;
  font-size: 16px;
  display: block;
  text-transform: none;
}

li {
  margin-left: 20px;
}

ul > li {
  list-style-type: square;
}

ol > li {
  list-style-type: decimal;
}

strong, b {
  font-weight: 700;
}

hr {
  display: block;
  height: 1px;
  background-color: #2a2a29;
  border-width: 0;
  font-size: 0;
  line-height: 0;
}

h1 {
  margin: 0 0 0 0;
  font-size: 52px;
  line-height: 58px;
  font-weight: 300;
  text-transform: none;
}
h1:last-child {
  margin-bottom: 0;
}
h1.Margin--No {
  margin: 0;
}
h1 strong {
  color: #2a2a29;
  font-weight: 500;
  text-transform: uppercase;
}

h2 {
  margin: 0 0 20px 0;
  font-size: 25px;
  line-height: 29px;
  font-weight: 300;
  text-transform: none;
}
h2:last-child {
  margin-bottom: 0;
}
h2 strong {
  font-weight: 500;
}

h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}
h3 strong {
  font-weight: 500;
}

table th.Number,
table td.Number {
  text-align: right;
}

html {
  height: 100%;
  background-color: #FFFFFF;
  overflow-x: hidden;
  max-width: 1920px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen {
  html.Stage--Demo, html.Stage--Staging {
    padding-top: 44px;
  }
  html.Stage--Demo body:before, html.Stage--Staging body:before {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #efa527;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    content: 'Entwicklungsumgebung';
    display: block;
    z-index: 999999999;
  }
  html.Stage--Demo body:before {
    content: 'Demo';
  }
}

body {
  height: 100%;
  padding: 0 0;
  font-family: Roboto, Arial, Geneva, sans-serif;
  font-size: 16px;
  font-size-adjust: none;
  line-height: 24px;
  color: #2a2a29;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
body:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease .1ms, visibility .1ms linear 0.3s;
  -moz-transition: opacity 0.3s ease .1ms, visibility .1ms linear 0.3s;
  -o-transition: opacity 0.3s ease .1ms, visibility .1ms linear 0.3s;
  transition: opacity 0.3s ease .1ms, visibility .1ms linear 0.3s;
}
.ShowOverlay body:after {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease .1ms, visibility .1ms linear .1ms;
  -moz-transition: opacity 0.3s ease .1ms, visibility .1ms linear .1ms;
  -o-transition: opacity 0.3s ease .1ms, visibility .1ms linear .1ms;
  transition: opacity 0.3s ease .1ms, visibility .1ms linear .1ms;
}

::-moz-selection {
  color: #FFFFFF;
  background-color: #30806f;
}

::selection {
  color: #FFFFFF;
  background-color: #30806f;
}

.Env-Development-Kunden h1:before,
.Env-Development-Kunden h2:before,
.Env-Development-Kunden h3:before,
.Env-Development-Kunden h4:before,
.Env-Development-Kunden h5:before,
.Env-Development-Kunden h6:before {
  width: 30px;
  height: 30px;
  background-color: #333333;
  border-radius: 100%;
  font-family: Arial, Geneva, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  line-height: 30px;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  opacity: .1;
  -webkit-transform: translate(-30px, -10px);
  -ms-transform: translate(-30px, -10px);
  transform: translate(-30px, -10px);
}
.Env-Development-Kunden h1:before {
  content: 'h1';
}
.Env-Development-Kunden h2:before {
  content: 'h2';
}
.Env-Development-Kunden h3:before {
  content: 'h3';
}
.Env-Development-Kunden h4:before {
  content: 'h4';
}
.Env-Development-Kunden h5:before {
  content: 'h5';
}
.Env-Development-Kunden h6:before {
  content: 'h6';
}

.Form .FormRow + .FormRow {
  margin-top: 10px;
}
.Form input {
  border: 2px solid transparent;
  outline: 1px solid #DFDFDF;
  margin: 1px 0;
  background-color: transparent;
  line-height: 40px;
  font-size: 20px;
  font-family: inherit;
  height: 44px;
  padding: 0 10px;
  border-radius: 0;
  -webkit-transition: color 0.3s, border-color 0.3s;
  -moz-transition: color 0.3s, border-color 0.3s;
  -o-transition: color 0.3s, border-color 0.3s;
  transition: color 0.3s, border-color 0.3s;
}
.Form input[disabled], .Form input[readonly] {
  background-color: #ECECED;
  border-color: #ECECED;
  color: #2a2a29;
}
.Form input[disabled]:focus, .Form input[readonly]:focus {
  color: #2a2a29;
  outline-color: #DFDFDF;
  border-color: #ECECED;
}
.Form input:focus {
  color: #30806f;
  outline-color: #30806f;
  border-color: #30806f;
}
.Form input[type="file"] {
  box-sizing: content-box;
  outline: 0 none;
  line-height: 40px;
  height: 44px;
  padding: 0;
  background-color: #ECECED;
  border: 1px solid #DFDFDF;
}
.Form input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}
.Form input[type="checkbox"]:checked + .Checkbox:after {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Form input[type="checkbox"]:checked + .SimpleCheckbox:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Form input[type="checkbox"] + .Checkbox {
  position: relative;
  cursor: pointer;
}
.Form input[type="checkbox"] + .Checkbox:after {
  content: '';
  display: block;
  width: 100%;
  border: 2px solid transparent;
  outline: 1px solid #DFDFDF;
  background-color: #ECECED;
  line-height: 40px;
  font-size: 20px;
  font-family: inherit;
  height: 44px;
  padding: 0 15px;
  border-radius: 0;
  text-align: center;
  color: inherit;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Form input[type="checkbox"] + .Checkbox.LabelRight {
  margin-left: 24px;
  width: auto;
}
.Form input[type="checkbox"] + .Checkbox.LabelRight:after {
  height: 24px;
  width: 24px;
  border: none;
  outline: none;
  background-color: transparent;
  line-height: 24px;
  font-size: 20px;
  padding: 0;
  border-radius: 0;
  text-align: left;
  color: #30806f;
  position: absolute;
  top: 0;
  left: -24px;
}
.Form input[type="checkbox"] + .SimpleCheckbox:before {
  content: '';
  display: inline-block;
  width: 20px;
  border: none;
  line-height: 20px;
  font-size: 20px;
  font-family: inherit;
  border-radius: 0;
  text-align: left;
  color: inherit;
  cursor: pointer;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Form input[type="checkbox"].ButtonCheckbox {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}
.Form input[type="checkbox"].ButtonCheckbox:checked + label.Button:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Form input[type="checkbox"].ButtonCheckbox + label.Button {
  position: relative;
}
.Form input[type="checkbox"].ButtonCheckbox + label.Button:before {
  content: '';
  display: block;
  height: 18px;
  width: 18px;
  line-height: 20px;
  text-align: center;
  font-size: 23px;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Form input[type="checkbox"].ButtonCheckbox + label.Button + .Error {
  margin-top: 5px;
}
.Form input.Error {
  line-height: 40px;
  font-size: 20px;
  color: inherit;
  outline-color: tomato;
}
.Form input.Fullwidth {
  width: 100%;
}
.Form label {
  width: 100%;
  display: inline-block;
}
.Form label.ButtonHeight input {
  height: 49px;
  line-height: 43px;
}
.Form label.Button input[type="file"] {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}
.Form label > span {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}
.Form label > span .Help {
  font-size: 16px;
  vertical-align: bottom;
}
.Form label input {
  width: 100%;
}
.Form label input[type="number"]:not(.Controls) {
  -moz-appearance: textfield;
}
.Form label input[type="number"]:not(.Controls)::-webkit-outer-spin-button, .Form label input[type="number"]:not(.Controls)::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.Form label span.Error {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
}
.Form .Multiselect {
  display: inline-block;
  min-height: 200px;
  min-width: 170px;
  position: relative;
}
.Form .Multiselect.Fullwidth {
  width: 100%;
}
.Form .Multiselect.Error {
  line-height: 40px;
  font-size: 20px;
  color: inherit;
}
.Form .Multiselect.Error:before {
  border-color: tomato;
}
.Form .Multiselect.Error:after {
  border-left-color: tomato;
}
.Form .Multiselect.Disabled:before, .Form .Multiselect.Readonly:before {
  background-color: #ECECED;
}
.Form .Multiselect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  z-index: 1;
  background-color: transparent;
  color: inherit;
  width: 100%;
  position: relative;
  line-height: 44px;
  padding: 0 47px 0 15px;
  outline: none;
  border: 1px solid #DFDFDF;
  min-height: 200px;
}
.Form .Multiselect select:focus {
  outline: none;
}
.Form .Multiselect select option {
  padding: 5px 15px;
  background-color: #FFFFFF;
  color: #2a2a29;
  width: 100%;
}
.Form .Multiselect select option[disabled] {
  color: #aaaaa8;
}
.Form .Multiselect select option:checked {
  background-color: #30806f;
}
.Form .Dropdown {
  display: inline-block;
  height: 46px;
  min-width: 170px;
  position: relative;
}
.Form .Dropdown.Disabled:before, .Form .Dropdown.Readonly:before {
  background-color: #ECECED;
}
.Form .Dropdown:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #DFDFDF;
}
.Form .Dropdown:after {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  text-align: center;
  line-height: 44px;
  height: 100%;
  background-color: #ECECED;
  border: 1px solid #DFDFDF;
}
.Form .Dropdown.Fullwidth {
  width: 100%;
}
.Form .Dropdown.Error {
  line-height: 40px;
  font-size: 20px;
  color: inherit;
}
.Form .Dropdown.Error:before {
  border-color: tomato;
}
.Form .Dropdown.Error:after {
  border-left-color: tomato;
}
.Form .Dropdown.Disabled:before {
  background-color: #ECECED;
}
.Form .Dropdown select::-ms-expand {
  display: none;
}
.Form .Dropdown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  z-index: 1;
  background-color: transparent;
  color: inherit;
  border: 0 none;
  width: 100%;
  height: 100%;
  position: relative;
  line-height: 44px;
  padding: 0 47px 0 15px;
  outline: none;
}
.Form .Dropdown select:focus {
  outline: none;
  border: 0 none;
}
.Form .Dropdown select option {
  padding: 5px 15px;
  background-color: #FFFFFF;
  color: #2a2a29;
}
.Form .Dropdown select option[disabled] {
  color: #aaaaa8;
}
.Form textarea {
  border: 2px solid transparent;
  outline: 1px solid #DFDFDF;
  background-color: transparent;
  line-height: 24px;
  font-size: 20px;
  font-family: inherit;
  padding: 7px 15px;
  width: 100%;
  min-height: 100px;
  resize: vertical;
}

#HeaderArea {
  padding: 33px 0;
  background-color: #F6F6F6;
}
#HeaderArea:after {
  content: '';
  display: block;
  clear: both;
}
#HeaderArea .ContentRow {
  max-width: 1400px;
  padding: 0 30px;
  margin: 0 auto;
}
#HeaderArea #LogoArea {
  width: 260px;
  height: 35px;
  display: block;
  border: 0 none;
  float: left;
}
#HeaderArea #LogoArea:hover {
  border-bottom-width: 0;
}
#HeaderArea #LogoArea:hover svg {
  color: #efa527;
}
#HeaderArea #LogoArea svg {
  color: #30806f;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
#HeaderArea #MenuArea {
  float: right;
  margin-right: 120px;
  min-width: 610px;
}
#HeaderArea #MenuArea ul.Level1 {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
#HeaderArea #MenuArea ul.Level1:after {
  content: '';
  display: block;
  clear: both;
}
#HeaderArea #MenuArea li.Level1 {
  list-style-type: none;
  margin-left: 0;
  display: block;
}
#HeaderArea #MenuArea li.Level1:hover a.Level1 {
  color: #30806f;
}
#HeaderArea #MenuArea li.Level1:hover ul.Level2 {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s .1s, visibility 0s 0s;
}
#HeaderArea #MenuArea li.Level1.WithSubMenu a.Level1:after,
#HeaderArea #MenuArea li.Level1.WithSubMenu span.Level1:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-bottom-color: #56c0a9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -38px;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s 0s, visibility 0s .3s;
}
#HeaderArea #MenuArea li.Level1.WithSubMenu:hover a.Level1:after,
#HeaderArea #MenuArea li.Level1.WithSubMenu:hover span.Level1:after {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s .1s, visibility 0s 0s;
}
#HeaderArea #MenuArea li.Level1 + li.Level1:before {
  content: '/';
  padding: 0 15px;
  font-size: 32px;
  font-weight: 300;
  line-height: 35px;
  vertical-align: -4px;
  color: #DFDFDF;
}
#HeaderArea #MenuArea a.Level1,
#HeaderArea #MenuArea span.Level1 {
  border-bottom-width: 0;
  color: #2a2a29;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 35px;
  text-transform: uppercase;
  position: relative;
}
#HeaderArea #MenuArea ul.Level2 {
  position: absolute;
  height: 80px;
  top: 68px;
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s 0s, visibility 0s .3s;
  min-width: 100%;
  z-index: 9999;
}
#HeaderArea #MenuArea ul.Level2:before {
  content: '';
  display: block;
  min-width: 100vw;
  position: absolute;
  height: 100%;
  background-color: #30806f;
  border-top: 3px solid #56c0a9;
  z-index: -1;
  left: -9999px;
  right: -9999px;
  top: 0;
  margin: 0 auto;
}
#HeaderArea #MenuArea ul.Level2:after {
  content: '';
  display: block;
  clear: both;
  width: 100%;
  position: absolute;
  height: 35px;
  background-color: transparent;
  z-index: 1;
  left: 0;
  right: 0;
  top: -35px;
  margin: 0 auto;
}
#HeaderArea #MenuArea li.Level2 {
  list-style-type: none;
  margin: 22.5px 0;
  display: block;
  float: left;
}
#HeaderArea #MenuArea li.Level2:hover a.Level2 {
  color: #FFFFFF;
}
#HeaderArea #MenuArea li.Level2 + li.Level2:before {
  content: '/';
  padding: 0 15px;
  font-size: 32px;
  font-weight: 300;
  line-height: 35px;
  vertical-align: -3px;
  color: #DFDFDF;
}
#HeaderArea #MenuArea a.Level2,
#HeaderArea #MenuArea span.Level2 {
  border-bottom-width: 0;
  color: #DFDFDF;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 35px;
  text-transform: uppercase;
}
#HeaderArea #UserMenu {
  float: right;
}
#HeaderArea #UserMenu ul.Level1 {
  margin: 0;
  padding: 0;
}
#HeaderArea #UserMenu li.Level1 {
  list-style-type: none;
  margin-left: 0;
}
#HeaderArea #UserMenu a.Level1,
#HeaderArea #UserMenu span.Level1 {
  display: inline-block;
  border: 1px solid #DFDFDF;
  background-color: #ECECED;
  font-size: 16px;
  line-height: 33px;
  padding: 0 15px;
  color: #2a2a29;
}
#HeaderArea #UserMenu ul.Level2 {
  display: none;
}

#MessageArea .Message {
  margin: 0;
  padding: 20px;
  background-color: #ECECED;
  list-style-type: none;
}
#MessageArea .Message.Type--error {
  background-color: tomato;
  color: #FFFFFF;
}
#MessageArea .Message .Text {
  max-width: 1400px;
  padding: 0 30px;
  margin: 0 auto;
}

#ContentArea {
  width: 100%;
  margin: 0 auto;
}
#ContentArea > .ContentSection {
  padding: 75px 0;
}
#ContentArea > .ContentSection.Background--Main {
  background-color: #30806f;
  color: #FFFFFF;
}
#ContentArea > .ContentSection.Background--Main ::-moz-selection {
  background-color: #FFFFFF;
  color: #30806f;
}
#ContentArea > .ContentSection.Background--Main ::selection {
  background-color: #FFFFFF;
  color: #30806f;
}
#ContentArea > .ContentSection.Background--Main h1 {
  color: inherit;
}
#ContentArea > .ContentSection.Background--Main h1 strong {
  color: inherit;
}
#ContentArea > .ContentSection.Background--Main .Button.Background--Main {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #30806f;
}
#ContentArea > .ContentSection.Background--Main .Button.Background--Main:hover {
  background-color: #2a2a29;
  border-color: #2a2a29;
  color: #FFFFFF;
}
#ContentArea > .ContentSection.Background--Main .Form input {
  color: #FFFFFF;
}
#ContentArea > .ContentSection.Background--Main .Form input:focus {
  border-color: #FFFFFF;
  outline-color: #FFFFFF;
  color: #FFFFFF;
}
#ContentArea > .ContentSection.Background--Main .Form input[type="checkbox"] + .Checkbox:after {
  border: 2px solid transparent;
  outline: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  color: #2a2a29;
}
#ContentArea > .ContentSection.Background--Main .Form .Dropdown:after {
  background-color: transparent;
}
#ContentArea > .ContentSection > .ContentRow {
  max-width: 1400px;
  padding: 0 30px;
  margin: 0 auto;
}
#ContentArea > .ContentSection .ContentRow + .ContentRow {
  margin-top: 40px;
}
#ContentArea > .ContentSection .ContentRow .ContentElement.Background--LightGrey {
  background-color: #ECECED;
  padding: 20px 20px;
}
#ContentArea > .ContentSection .ContentRow .ContentElement.Background--LightGrey .Button:not(.Background--Main):not(.Background--Text):not(.Background--Attention) {
  background-color: #DFDFDF;
}
#ContentArea > .ContentSection .ContentRow .ContentElement.Background--Attention {
  background-color: tomato;
  color: #FFFFFF;
  padding: 20px 20px;
}
#ContentArea > .ContentSection .ContentRow .ContentElement.Background--Attention .Button:not(.Background--Main):not(.Background--Text):not(.Background--Attention) {
  background-color: #DFDFDF;
}
#ContentArea > .ContentSection .ContentRow .ContentElement .Text + .ContentRow {
  margin-top: 20px;
}
#ContentArea > .ContentSection .ContentRow.Flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 860px) {
  #ContentArea > .ContentSection .ContentRow.Flex {
    display: block;
  }
}
#ContentArea > .ContentSection .ContentRow > .ContentElement {
  float: left;
  position: relative;
  min-height: 1px;
}
#ContentArea > .ContentSection .ContentRow > .Column-RTL {
  float: right;
}
@media screen and (max-width: 860px) {
  #ContentArea > .ContentSection .ContentRow > .Column-RTL {
    float: none;
  }
}
#ContentArea > .ContentSection .ContentRow > .ContentElement,
#ContentArea > .ContentSection .ContentRow > .Column-RTL:first-child,
#ContentArea > .ContentSection .ContentRow > .Column-RTL + .ContentElement.Column-RTL {
  margin-left: 2.3%;
}
@media screen and (max-width: 860px) {
  #ContentArea > .ContentSection .ContentRow > .ContentElement,
  #ContentArea > .ContentSection .ContentRow > .Column-RTL:first-child,
  #ContentArea > .ContentSection .ContentRow > .Column-RTL + .ContentElement.Column-RTL {
    margin-left: 0;
  }
}
#ContentArea > .ContentSection .ContentRow > .ContentElement:first-child,
#ContentArea > .ContentSection .ContentRow > .Column-RTL + .ContentElement,
#ContentArea > .ContentSection .ContentRow > .Column-RTL + .ContentElement.Column-RTL:last-child {
  margin-left: 0;
}
#ContentArea > .ContentSection .ContentRow > .Column-20 {
  width: 18.16%;
}
#ContentArea > .ContentSection .ContentRow > .Column-25 {
  width: 23.27%;
}
#ContentArea > .ContentSection .ContentRow > .Column-33 {
  width: 31.8%;
}
#ContentArea > .ContentSection .ContentRow > .Column-40 {
  width: 38.61%;
}
#ContentArea > .ContentSection .ContentRow > .Column-50 {
  width: 48.85%;
}
#ContentArea > .ContentSection .ContentRow > .Column-60 {
  width: 59.08%;
}
#ContentArea > .ContentSection .ContentRow > .Column-67 {
  width: 65.9%;
}
#ContentArea > .ContentSection .ContentRow > .Column-75 {
  width: 74.42%;
}
#ContentArea > .ContentSection .ContentRow > .Column-80 {
  width: 79.54%;
}
#ContentArea > .ContentSection .ContentRow > .Column-100 {
  width: 100%;
  float: none;
}
@media screen and (max-width: 860px) {
  #ContentArea > .ContentSection .ContentRow > .ContentElement {
    width: 100%;
    float: none;
  }
}

.Warehouse--index .Template--StackGroupList .Form {
  margin: 10px 0 20px;
}
.Warehouse--index .Template--StackGroupList .Form input {
  width: 100%;
}
.Warehouse--index .Template--StackGroupList .List {
  background-color: #ECECED;
  max-height: 700px;
  overflow-x: hidden;
}
.Warehouse--index .Template--StackGroupList .List li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
.Warehouse--index .Template--StackGroupList .List li.Active, .Warehouse--index .Template--StackGroupList .List li:hover {
  background-color: #2a2a29;
  color: #FFFFFF;
}
.Warehouse--index .Template--StackGroupList .List li.Active .RememberListLabel, .Warehouse--index .Template--StackGroupList .List li:hover .RememberListLabel {
  border-color: #FFFFFF;
}
.Warehouse--index .Template--StackGroupList .List li.External .ID:before {
  content: 'E';
  padding-right: 5px;
}
.Warehouse--index .Template--StackGroupList .List li.Hidden {
  display: none;
}
.Warehouse--index .Template--StackGroupList .List li input[type="checkbox"] {
  opacity: 0;
  width: 0.01px;
  height: 0.01px;
  position: absolute;
  z-index: -1;
}
.Warehouse--index .Template--StackGroupList .List li input[type="checkbox"]:checked ~ .RememberListLabel:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Warehouse--index .Template--StackGroupList .List li input[type="checkbox"]:checked ~ a:before {
  background-color: #30806f;
}
.Warehouse--index .Template--StackGroupList .List li input[type="checkbox"].Ajax ~ .RememberListLabel:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 14px;
  animation: ajax-rotate 1.5s linear infinite;
}
.Warehouse--index .Template--StackGroupList .List li input[type="checkbox"].Ajax ~ a:before {
  background-color: #30806f;
  animation: ajax-pulse 1.5s infinite;
}
.Warehouse--index .Template--StackGroupList .List li .RememberListLabel {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-radius: 2px;
  border: 2px solid #2a2a29;
  cursor: pointer;
}
.Warehouse--index .Template--StackGroupList .List li .RememberListLabel:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 17px;
  background-color: transparent;
  font-size: 15px;
}
.Warehouse--index .Template--StackGroupList .List li a {
  display: block;
  padding: 10px 15px;
  font-size: 20px;
  font-weight: 400;
  color: inherit;
  border-bottom-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 250px;
  overflow: hidden;
  position: relative;
}
.Warehouse--index .Template--StackGroupList .List li a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 10px;
  height: 100%;
}
.Warehouse--index .Template--StackGroupList .List li a .ID {
  display: inline-block;
  min-width: 88px;
}
.Warehouse--index .Template--StackGroupList .List li a .Location {
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Warehouse--index .Template--StackGroupList .List li a .Location:before {
  display: inline-block;
  padding: 0 2px;
  content: '';
}
.Warehouse--index .Template--StackGroup.Deactivated h2 {
  color: #DFDFDF;
  text-decoration: line-through;
}
.Warehouse--index .Template--StackGroup h2 {
  margin: 0 0 70px 0;
  font-size: 52px;
  line-height: 58px;
  font-weight: 300;
  text-transform: none;
  color: #30806f;
}
.Warehouse--index .Template--StackGroup h3 {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.Warehouse--index .Template--StackGroup #StackExtractForm {
  font-size: 20px;
}
.Warehouse--index .Template--StackGroup #StackExtractForm + .ContentRow {
  margin-top: 60px;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table {
  width: 100%;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.Flash td {
  animation: flash-color 3s .2s, hide-border 3s .2s;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.Flash + tr td:not(.Input) {
  animation: hide-border 3s .2s;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.ParentRow {
  cursor: pointer;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.ParentRow:not(:nth-child(2)) td:not(.Input) {
  border-top: 1px dashed #ECECED;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.ParentRow:not(.SingleChild) .StackNumber {
  color: #DFDFDF;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.ChildRow {
  display: none;
  background-color: #FAFAFA;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.ChildRow.Visible {
  display: table-row;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.ChildRow.Visible + .ParentRow td {
  padding-top: 30px;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.ChildRow td {
  padding: 4px 7px;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.ChildRow td:not(.StackNumber):not(.Input):not(.Selection) {
  color: #DFDFDF;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr.ChildRow td:not(.Input) {
  border-top: 1px dashed #ECECED;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr th {
  font-size: 20px;
  font-weight: 300;
  padding: 0 7px;
  vertical-align: top;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr th:nth-last-of-type(2), .Warehouse--index .Template--StackGroup #StackExtractForm table tr th:nth-last-of-type(1) {
  width: 180px;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr th .Unit {
  font-size: 16px;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr td {
  padding: 10px 7px;
  line-height: 44px;
  vertical-align: top;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr td.Input {
  width: 180px;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr td.Input:after {
  content: '';
  display: block;
  clear: both;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr td.Input label {
  width: 48%;
  display: block;
  float: left;
}
.Warehouse--index .Template--StackGroup #StackExtractForm table tr td.Input label + label {
  margin-left: 4%;
}
.Warehouse--index .Template--StackGroup .SubRow + .SubRow {
  margin-top: 30px;
}
.Warehouse--index .Template--StackGroup .SubRow .Comment + .Comment {
  margin-top: 20px;
}
.Warehouse--index .Template--StackGroup .SubRow .HistoryTable table {
  margin: 0 -10px 0 -10px;
  width: 100%;
}
.Warehouse--index .Template--StackGroup .SubRow .HistoryTable table tr.Original td {
  padding-bottom: 10px;
}
.Warehouse--index .Template--StackGroup .SubRow .HistoryTable table tr th {
  font-weight: 500;
  padding: 5px 10px;
  vertical-align: top;
}
.Warehouse--index .Template--StackGroup .SubRow .HistoryTable table tr td {
  padding: 5px 10px;
  line-height: 20px;
  vertical-align: top;
}
.Warehouse--index .Template--StackGroup .SubRow .HistoryTable table tr td.Title {
  font-weight: 500;
  text-transform: uppercase;
}
.Warehouse--index .Template--StackGroup .SubRow .HistoryTable table tr td.Action {
  font-weight: 500;
}
.Warehouse--index .Template--StackGroup .SubRow .Buttons .Button {
  width: 48%;
  width: calc(50% - 5px);
  float: left;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  height: 50px;
}
.Warehouse--index .Template--StackGroup .SubRow .Buttons .Button:nth-child(2n) {
  margin-left: 4%;
  margin-left: calc(10px);
}
.Warehouse--index .Template--StackGroup .SubRow .Buttons .Button:nth-child(n + 3) {
  margin-top: 10px;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .Button {
  height: 50px;
  vertical-align: bottom;
  font-size: 19px;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .Button.Fullwidth {
  width: calc(100% - 60px);
  min-width: unset;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .FileList {
  min-height: 5px;
  margin-top: 20px;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .FileList li {
  margin-left: 0;
  list-style-type: none;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .FileList li input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0.01px;
  height: 0.01px;
  overflow: hidden;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .FileList li input:checked + label {
  color: tomato;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .FileList li input:checked ~ a span {
  text-decoration: line-through;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .FileList li label {
  display: inline-block;
  width: auto;
  cursor: pointer;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .FileList li a {
  display: inline-block;
  color: inherit;
  white-space: nowrap;
  vertical-align: bottom;
  margin-left: 5px;
  max-width: calc(100% - 30px);
}
.Warehouse--index .Template--StackGroup .SubRow .Files .FileList li a:after {
  vertical-align: bottom;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .FileList li a span {
  max-width: calc(100% - 11px);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}
.Warehouse--index .Template--StackGroup .SubRow .Files .Submit {
  margin-top: 20px;
}
.Warehouse--index .Template--StackGroup .SubRow .AssignedCusomer a {
  color: inherit;
}
@-webkit-keyframes flash-color {
  0% {
    background-color: transparent;
    color: inherit;
  }
  10% {
    background-color: #30806f;
    color: #FFFFFF;
  }
  90% {
    background-color: #30806f;
    color: #FFFFFF;
  }
  100% {
    background-color: transparent;
    color: inherit;
  }
}
@keyframes flash-color {
  0% {
    background-color: transparent;
    color: inherit;
  }
  10% {
    background-color: #30806f;
    color: #FFFFFF;
  }
  90% {
    background-color: #30806f;
    color: #FFFFFF;
  }
  100% {
    background-color: transparent;
    color: inherit;
  }
}
@-webkit-keyframes hide-border {
  0% {
    border-top-color: #ECECED;
  }
  5% {
    border-top-color: transparent;
  }
  95% {
    border-top-color: transparent;
  }
  100% {
    border-top-color: #ECECED;
  }
}
@keyframes hide-border {
  0% {
    border-top-color: #ECECED;
  }
  5% {
    border-top-color: transparent;
  }
  95% {
    border-top-color: transparent;
  }
  100% {
    border-top-color: #ECECED;
  }
}
@-webkit-keyframes ajax-pulse {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #30806f;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes ajax-pulse {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #30806f;
  }
  100% {
    background-color: transparent;
  }
}
@-webkit-keyframes ajax-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ajax-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.Warehouse--insert .Autofill {
  position: absolute;
  top: 0;
  right: 0;
}
.Warehouse--insert .Button[value="usefile"] {
  min-height: 75px;
}
.Warehouse--insert .Table table {
  width: 100%;
  width: calc(100% + 14px);
  margin: 0 -7px 0 -7px;
}
.Warehouse--insert .Table table tr th {
  font-size: 20px;
  font-weight: 300;
  padding: 0 7px;
  vertical-align: top;
  /*&:first-child{
  	width: 110px;
  }
  &:nth-child(2){
  	width: 60px;
  }*/
}
.Warehouse--insert .Table table tr th:first-child {
  width: 60px;
}
.Warehouse--insert .Table table tr th:nth-last-of-type(3), .Warehouse--insert .Table table tr th:nth-last-of-type(2), .Warehouse--insert .Table table tr th:nth-last-of-type(1) {
  width: 140px;
}
.Warehouse--insert .Table table tr th .Error {
  display: block;
  margin-top: 5px;
}
.Warehouse--insert .Table table tr th .Error li {
  list-style-type: none;
  margin: 0;
  display: block;
}
.Warehouse--insert .Table table tr th .Unit {
  font-size: 16px;
}
.Warehouse--insert .Table table tr td {
  padding: 15px 7px;
}
.Warehouse--insert .Table table tr td .Dropdown {
  width: 150px;
  min-width: 150px;
}
.Warehouse--insert .Table table tr td.TimberIlk .Dropdown {
  width: 105px;
  min-width: 105px;
}
.Warehouse--insert .Table table tr td.TimberGrade .Dropdown {
  width: 105px;
  min-width: 105px;
}
.Warehouse--insert .AddPosition {
  line-height: 78px;
  height: 100px;
  margin-top: 30px;
}
.Warehouse--insert textarea {
  min-height: 160px;
}
.Warehouse--insert #StackGroupExternal + label {
  margin-top: 10px;
}

.Warehouse--edit .Template-Warning {
  background-color: tomato;
  color: #FFFFFF;
  padding: 30px;
}
.Warehouse--edit .Table table {
  width: 100%;
  width: calc(100% + 14px);
  margin: 0 -7px 0 -7px;
}
.Warehouse--edit .Table table tr th {
  font-size: 20px;
  font-weight: 300;
  padding: 0 7px;
  vertical-align: top;
}
.Warehouse--edit .Table table tr th:first-child {
  width: 60px;
}
.Warehouse--edit .Table table tr th:nth-last-of-type(3), .Warehouse--edit .Table table tr th:nth-last-of-type(2), .Warehouse--edit .Table table tr th:nth-last-of-type(1) {
  width: 140px;
}
.Warehouse--edit .Table table tr th .Error {
  display: block;
  margin-top: 5px;
}
.Warehouse--edit .Table table tr th .Error li {
  list-style-type: none;
  margin: 0;
  display: block;
}
.Warehouse--edit .Table table tr th .Unit {
  font-size: 16px;
}
.Warehouse--edit .Table table tr td {
  padding: 15px 7px;
}
.Warehouse--edit .Table table tr td .Dropdown {
  width: 190px;
}
.Warehouse--edit .AddPosition {
  line-height: 78px;
  height: 100px;
  margin-top: 30px;
}
.Warehouse--edit textarea {
  min-height: 160px;
}
.Warehouse--edit #StackGroupExternal + label {
  margin-top: 10px;
}

.Warehouse--location #ContentArea .ContentSection .MarkerRow + .MarkerRow:not(:nth-child(2)) {
  margin-top: 5px;
}
.Warehouse--location #ContentArea .ContentSection .MarkerRow + .MarkerRow:nth-child(2) {
  margin-top: 0;
}
.Warehouse--location #ContentArea .ContentSection .MarkerRow + .MarkerRow:nth-child(2n + 2) {
  margin-left: 4%;
}
.NoJS .Warehouse--location .CoordinateCalculation {
  display: none;
}
.Warehouse--location .CoordinateCalculation .Wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs {
  width: 220px;
  float: left;
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs label {
  display: block;
  margin-top: 10px;
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs label span.CardinalDirection {
  width: 20px;
  font-weight: 500;
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input {
  padding: 0 4px;
  width: 37px;
  margin-left: 5px;
  height: 34px;
  line-height: 30px;
  text-align: center;
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Degrees + span, .Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Minutes + span, .Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Seconds + span {
  position: relative;
  display: inline-block;
  margin: 0;
  height: 30px;
  width: 10px;
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Degrees + span:before, .Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Minutes + span:before, .Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Seconds + span:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  padding: 0 0 0 3px;
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Degrees + span:before {
  content: '\B0';
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Minutes + span:before {
  content: '\27';
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Seconds {
  width: 65px;
}
.Warehouse--location .CoordinateCalculation .Wrapper .Inputs label input.Seconds + span:before {
  content: '\27\27';
}
.Warehouse--location .CoordinateCalculation .Wrapper .Button {
  float: right;
}
.Warehouse--location .MarkerRow {
  float: left;
  width: 48%;
}
.Warehouse--location .MarkerRow .Icon {
  float: left;
  margin-top: 25px;
  display: block;
  border-bottom-width: 0;
}
.Warehouse--location .MarkerRow .Icon img {
  width: 46px;
}
.Warehouse--location .MarkerRow .Buttons {
  margin-left: 10px;
  float: left;
  margin-top: 25px;
}
.Warehouse--location .MarkerRow .Buttons .Button {
  height: 46px;
  padding: 10px 10px;
  min-width: 46px;
  width: 46px;
  line-height: 24px;
  font-size: 15px;
}
.Warehouse--location .MarkerRow .Buttons .Button .fa:before {
  font-size: 20px;
}
.Warehouse--location .MarkerRow .Inputs {
  margin-left: 10px;
  float: left;
  width: 350px;
}
.Warehouse--location .MarkerRow .Inputs label {
  width: 48%;
  width: calc(50% - 5px);
  float: left;
}
.Warehouse--location .MarkerRow .Inputs label + label {
  margin-left: 4%;
  margin-left: calc(10px);
}
.Warehouse--location .MarkerRow .Inputs label > span {
  font-size: 14px;
  line-height: 16px;
}
.Warehouse--location .MarkerRow .MarkerSelection {
  margin-left: 10px;
  float: left;
  width: 170px;
}
.Warehouse--location .MarkerRow .MarkerSelection > span {
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
}

.Warehouse--memory .Data {
  width: 100%;
}
.Warehouse--memory .Data.Empties {
  width: auto;
}
.Warehouse--memory .Data.Empties .Title {
  min-width: 0;
}
.Warehouse--memory .Data tr.Deactivated .Title,
.Warehouse--memory .Data tr.Deactivated .Location {
  text-decoration: line-through;
}
.Warehouse--memory .Data td, .Warehouse--memory .Data th {
  padding: 5px 10px;
  font-size: 20px;
  white-space: nowrap;
}
.Warehouse--memory .Data td:first-child, .Warehouse--memory .Data th:first-child {
  padding-left: 0;
}
.Warehouse--memory .Data td:last-child, .Warehouse--memory .Data th:last-child {
  padding-right: 0;
}
.Warehouse--memory .Data td.Title, .Warehouse--memory .Data th.Title {
  font-weight: 500;
  max-width: 230px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Warehouse--memory .Data td.Amount, .Warehouse--memory .Data th.Amount {
  text-align: right;
  width: 80px;
}
.Warehouse--memory .Data td.Active, .Warehouse--memory .Data th.Active {
  font-weight: 700;
}
.Warehouse--memory .Data td.Username, .Warehouse--memory .Data th.Username {
  width: auto;
}
.Warehouse--memory .Data td.Timestamp, .Warehouse--memory .Data th.Timestamp {
  width: 145px;
}
.Warehouse--memory .Data td.Date, .Warehouse--memory .Data th.Date {
  width: 100px;
}

.Search--form .Button {
  margin-top: 28px;
}

.Search--result .Placeholder {
  height: 100px;
  border-bottom: 3px solid #ECECED;
}
.Search--result .Table {
  margin-top: 10px;
  font-size: 20px;
}
.Search--result .Table table {
  width: 100%;
  width: calc(100% + 30px);
  margin: 0 -15px 0 -15px;
}
.Search--result .Table table tr.Inactive {
  text-decoration: line-through;
}
.Search--result .Table table tr th {
  font-size: 20px;
  font-weight: 300;
  padding: 0 15px;
  vertical-align: top;
}
.Search--result .Table table tr th:first-child {
  min-width: 180px;
  width: 180px;
}
.Search--result .Table table tr th:nth-last-of-type(1) {
  min-width: 80px;
  max-width: 80px;
  width: 80px;
}
.Search--result .Table table tr th:nth-last-of-type(2) {
  min-width: 190px;
  width: 190px;
}
.Search--result .Table table tr th .Unit {
  font-size: 16px;
}
.Search--result .Table table tr td {
  padding: 5px 15px;
  line-height: 45px;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 220px;
}
.Search--result .Table table tr td:first-child {
  min-width: 180px;
  width: 180px;
}
.Search--result .Table table tr td:nth-last-of-type(1) {
  min-width: 80px;
  max-width: 80px;
  width: 80px;
}
.Search--result .Table table tr td:nth-last-of-type(2) {
  min-width: 190px;
  width: 190px;
}
.Search--result .Table table tr td a {
  border-bottom-width: 0;
}
.Search--result .Table table tr td a:not(.Button) {
  color: inherit;
}
.Search--result .Table table tr td a:hover {
  color: #30806f;
}
.Search--result .Table table tr td .Button {
  line-height: 24px;
}
.Search--result .Table table tr td .Button.Background--Main {
  color: #FFFFFF;
}
.Search--result .Table table tr td .Button i:before {
  font-size: 20px;
}

.Statistics--valuation_results #Result {
  font-size: 25px;
  line-height: 30px;
}
.Statistics--valuation_results #Result h2 {
  text-transform: uppercase;
  font-size: 50px;
  line-height: 55px;
  font-weight: 500;
  margin-bottom: 40px;
}
.Statistics--valuation_results #Result output {
  font-weight: 500;
}
.Statistics--valuation_results .Template-TimberType {
  padding: 100px 0;
}
.Statistics--valuation_results .Template-TimberType h2 {
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
}
.Statistics--valuation_results .Template-TimberType h3 {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 35px;
  font-weight: 900;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks {
  padding: 40px 0;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk {
  padding: 40px;
  background-color: #ECECED;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table {
  width: 100%;
  font-size: 20px;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr + tr td {
  border-top: 2px solid #DFDFDF;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr.Result td {
  padding-top: 15px;
  font-weight: 500;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr td:not(:first-child) {
  padding-left: 10px;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr td:not(:last-child) {
  padding-right: 10px;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr td.Ilk {
  width: 60px;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr td.Input {
  width: 150px;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr td.Input input {
  height: 25px;
  width: 75px;
  margin-right: 2px;
  text-align: right;
  border: none;
  padding-right: 2px;
  outline: none;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr td.Input input:hover, .Statistics--valuation_results .Template-TimberType .TimberIlks .Template-TimberIlk table tr td.Input input:focus {
  background-color: #DFDFDF;
}
.Statistics--valuation_results .Template-TimberType .Result {
  text-align: right;
  font-size: 21px;
}
.Statistics--valuation_results .Template-TimberType .Result span {
  display: inline-block;
  vertical-align: top;
}
.Statistics--valuation_results .Template-TimberType .Result output {
  font-weight: 500;
}

.Map--edit .Button {
  position: relative;
  float: right;
  border: 1px solid #30806f;
  background-color: #30806f;
  color: #FFFFFF;
}
.Map--edit .Button:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 49px;
  text-align: center;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Map--edit .Button.Unsaved {
  border: 1px solid tomato;
  background-color: tomato;
  color: #FFFFFF;
}
.Map--edit .Button.Unsaved:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: map-edit-shake 1s infinite;
}
.Map--edit .Button.Loading {
  border: 1px solid #DFDFDF;
  background-color: #ECECED;
  color: #2a2a29;
}
.Map--edit .Button.Loading:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: map-edit-spin 1s infinite;
}

@-webkit-keyframes map-edit-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes map-edit-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes map-edit-shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
}
@keyframes map-edit-shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
}
.Map_cache--cache_all .Download progress {
  width: 100%;
  height: 35px;
  display: inline-block;
}
.Map_cache--cache_all .Download output {
  display: inline-block;
}

.Contract--index .Template--ContractList {
  padding: 50px;
  background-color: #FBFBFB;
  font-size: 16px;
}
.Contract--index .Template--ContractList h3 {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.Contract--index .Template--ContractList table {
  width: 100%;
  margin: 30px -7px 0;
}
.Contract--index .Template--ContractList table tr.Selected td {
  background-color: #DFDFDF;
}
.Contract--index .Template--ContractList table tr.Disabled:hover td:not(.Title) {
  opacity: 1;
}
.Contract--index .Template--ContractList table tr.Disabled td.Title {
  text-decoration: line-through;
}
.Contract--index .Template--ContractList table tr.Disabled td:not(.Title) {
  opacity: .2;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.Contract--index .Template--ContractList table tr .Number {
  text-align: right;
}
.Contract--index .Template--ContractList table tr th {
  font-weight: 300;
  padding: 0 14px;
  vertical-align: top;
  font-size: 14px;
}
.Contract--index .Template--ContractList table tr th:first-child {
  padding-left: 7px;
}
.Contract--index .Template--ContractList table tr th:last-child {
  padding-right: 7px;
}
.Contract--index .Template--ContractList table tr th .Unit {
  font-size: 12px;
}
.Contract--index .Template--ContractList table tr td {
  padding: 7px 14px;
  line-height: 30px;
  vertical-align: top;
  border-top: 1px dashed #ECECED;
}
.Contract--index .Template--ContractList table tr td:first-child {
  padding-left: 7px;
}
.Contract--index .Template--ContractList table tr td:last-child {
  padding-right: 7px;
}
.Contract--index .Template--ContractList table tr td.Priority {
  width: 20px;
}
.Contract--index .Template--ContractList table tr td.Priority.Priority--Normal span {
  background-color: #30806f;
}
.Contract--index .Template--ContractList table tr td.Priority.Priority--Important span {
  background-color: #efa527;
}
.Contract--index .Template--ContractList table tr td.Priority.Priority--Critical span {
  background-color: tomato;
}
.Contract--index .Template--ContractList table tr td.Priority span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #DFDFDF;
  font-size: 0;
  vertical-align: 0;
}
.Contract--index .Template--ContractList table tr td.Action a {
  display: inline-block;
  margin-left: 7px;
  border-bottom-width: 0;
}
.Contract--index .Template--ContractList table tr td.Action a.Edit {
  pointer-events: none;
  color: #DFDFDF;
}
.Contract--index .Template--ContractList table tr td.Action a.Delete:hover {
  color: tomato;
}
.Contract--index .Template--ContractList table tr td a {
  color: inherit;
}

.Contract--add #DriverSelect option {
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: auto 70%;
  background-position: left center;
}

.Account--overview .Settings {
  margin: 6px 0;
}
.Account--overview .Tours {
  display: block;
}
.Account--overview .Tours li {
  margin: 30px 0 0 30px;
  list-style-type: none;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 14px;
}
.Account--overview .Tours li:before {
  content: '';
  position: absolute;
  left: -30px;
  top: -10px;
  display: block;
  width: 16px;
  height: calc(10px + 100% + 46px);
  background-color: #30806f;
  border-radius: 8px;
}
.Account--overview .Tours li:after {
  content: '';
  position: absolute;
  left: -30px;
  top: 0;
  margin: 6px 3px;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.Account--overview .Tours li .Header:after {
  content: '';
  display: block;
  clear: both;
}
.Account--overview .Tours li .Header h5 {
  float: left;
  font-weight: bold;
  font-size: 16px;
}
.Account--overview .Tours li .Header span {
  float: right;
  color: #DFDFDF;
}
.Account--overview .Tours li .Body .User {
  color: #DFDFDF;
}
.Account--overview .Tours li .Body .Time {
  float: right;
  color: #DFDFDF;
}

.Template--ViewSwitch .Buttons {
  float: right;
}
.Template--ViewSwitch .Buttons:after {
  content: '';
  display: block;
  clear: both;
}
.Template--ViewSwitch .Buttons .Button {
  height: 100px;
  width: 100px;
  min-width: 0;
  float: left;
}
.Template--ViewSwitch .Buttons .Button + .Button {
  margin-left: 15px;
}
.Template--ViewSwitch .Buttons .Button .fa:before {
  font-size: 46px;
  line-height: 80px;
}

#ContentArea [data-view-switch] {
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding: 0;
  overflow: hidden;
}

#view-switch--list:checked ~ #ContentArea .Template--ViewSwitch .Button[for="view-switch--list"] {
  background-color: #30806f;
  border-color: #30806f;
  color: #FFFFFF;
}
#view-switch--list:checked ~ #ContentArea [data-view-switch="list"] {
  opacity: 1;
  visibility: visible;
  height: auto;
}
#view-switch--map:checked ~ #ContentArea .Template--ViewSwitch .Button[for="view-switch--map"] {
  background-color: #30806f;
  border-color: #30806f;
  color: #FFFFFF;
}
#view-switch--map:checked ~ #ContentArea [data-view-switch="map"] {
  opacity: 1;
  visibility: visible;
  height: auto;
}
*:-moz-full-screen > .Template--Map {
  height: 100vh;
}

*:-webkit-full-screen > .Template--Map {
  height: 100vh;
}

*:-ms-fullscreen > .Template--Map {
  height: 100vh;
}

*:fullscreen > .Template--Map {
  height: 100vh;
}

.Template--Map {
  width: 100%;
  height: 596px;
  background-color: #ECECED;
}
.Template--Map.HasOverlay .leaflet-left {
  left: 300px;
}
.Template--Map .leaflet-control a:hover {
  border-bottom-color: transparent;
}
.Template--Map .leaflet-control.basemaps.closed .basemap {
  display: inline-block;
}
.Template--Map .leaflet-control.basemaps .basemap {
  border: 2px solid #FFFFFF;
  display: inline-block;
  width: 60px;
  height: 60px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.Template--Map .leaflet-control.basemaps .basemap.active {
  display: none;
}
.Template--Map .leaflet-control.basemaps .basemap.active:first-child + .basemap {
  margin-left: 0;
}
.Template--Map .leaflet-control.basemaps .basemap + .basemap {
  margin-left: 5px;
}
.Template--Map .leaflet-control.basemaps .basemap img {
  border: none;
  border-radius: 0;
  width: 100%;
  margin: 0;
  display: block;
  box-shadow: none;
  display: block;
}
.Template--Map .leaflet-control.leaflet-draw li {
  list-style-type: none;
  margin-left: 0;
}
.Template--Map .leaflet-control.leaflet-control-layers .leaflet-control-layers-toggle {
  width: 30px;
  height: 30px;
  background-size: 70% auto;
}

.Template--MapOverlay {
  background-color: #2a2a29;
  color: #FFFFFF;
  width: 300px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  padding: 40px 20px 20px;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s .1s, visibility 0s 0s;
}
.Template--MapOverlay:after {
  content: '';
  display: block;
  clear: both;
}
.Template--MapOverlay.Visible {
  visibility: visible;
  opacity: 1;
}
.Template--MapOverlay .Close {
  position: absolute;
  top: 3px;
  right: 13px;
  color: #FFFFFF;
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
}
.Template--MapOverlay .Close .fa:before {
  font-size: 20px;
}
.Template--MapOverlay .Overlays {
  height: 490px;
  position: relative;
}
.Template--MapOverlay .Overlays .Overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s 0s, visibility 0s .4s;
}
.Template--MapOverlay .Overlays .Overlay.Active {
  visibility: visible;
  opacity: 1;
  transition: opacity .3s .1s, visibility 0s 0s;
}
.Template--MapOverlay .Overlays .Overlay .Label {
  font-size: 20px;
  font-weight: 300;
  display: block;
}
.Template--MapOverlay .Overlays .Overlay .Value {
  font-size: 20px;
  font-weight: 500;
}
.Template--MapOverlay .Overlays .Overlay .Title.Inactive .Value {
  text-decoration: line-through;
}
.Template--MapOverlay .Overlays .Overlay .Title .Value {
  font-size: 52px;
  line-height: 60px;
  font-weight: 300;
}
.Template--MapOverlay .Overlays .Overlay .Title .Value.More {
  font-size: 40px;
}
.Template--MapOverlay .Overlays .Overlay .Title .Value.Max {
  font-size: 27px;
}
.Template--MapOverlay .Overlays .Overlay .Stacks {
  padding: 20px 0;
  height: 400px;
}
.Template--MapOverlay .Overlays .Overlay .Stacks .slick-arrow {
  position: absolute;
  top: 20px;
  height: 50px;
  width: 40px;
  line-height: 0;
  font-size: 0;
  background-color: transparent;
  color: transparent;
  border: 0 none;
  z-index: 2;
  cursor: pointer;
}
.Template--MapOverlay .Overlays .Overlay .Stacks .slick-arrow.slick-prev {
  left: 0;
}
.Template--MapOverlay .Overlays .Overlay .Stacks .slick-arrow.slick-prev:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Template--MapOverlay .Overlays .Overlay .Stacks .slick-arrow.slick-next {
  right: 0;
}
.Template--MapOverlay .Overlays .Overlay .Stacks .slick-arrow.slick-next:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Template--MapOverlay .Overlays .Overlay .Stacks .slick-arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-color: transparent;
  line-height: 50px;
  font-size: 23px;
  color: #2a2a29;
}
.Template--MapOverlay .Overlays .Overlay .Stacks .Stack {
  width: 100%;
  overflow: auto;
}
.Template--MapOverlay .Overlays .Overlay .Stacks .Stack .Position {
  background-color: #FFFFFF;
  color: #2a2a29;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.Template--MapOverlay .Overlays .Overlay .Stacks .Stack div:not(.Position) + div {
  margin-top: 5px;
}
.Template--MapOverlay .Link .Button.Background--Main:hover {
  color: #2a2a29;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.Template--MapOverlay .Link .Button:after {
  display: none;
}

.Template-OverviewBox h2, .Template-OverviewBox h3 {
  margin-bottom: 20px;
}
.Template-OverviewBox .Data {
  width: 100%;
}
.Template-OverviewBox .Data.Empties {
  width: auto;
}
.Template-OverviewBox .Data.Empties .Title {
  min-width: 0;
}
.Template-OverviewBox .Data tr.External .ID:before {
  content: 'E';
  padding-right: 5px;
}
.Template-OverviewBox .Data tr td {
  padding: 5px 10px;
  font-size: 20px;
  white-space: nowrap;
  text-overflow: '..';
  overflow: hidden;
}
.Template-OverviewBox .Data tr td:first-child {
  padding-left: 0;
}
.Template-OverviewBox .Data tr td:last-child {
  padding-right: 0;
}
.Template-OverviewBox .Data tr td.Title {
  font-weight: 500;
  max-width: 145px;
}
.Template-OverviewBox .Data tr td.Location {
  max-width: 170px;
}
.Template-OverviewBox .Data tr td.Amount {
  text-align: right;
  width: 80px;
}
.Template-OverviewBox .Data tr td.Active {
  font-weight: 700;
}
.Template-OverviewBox .Data tr td.Username {
  width: auto;
  max-width: 125px;
}
.Template-OverviewBox .Data tr td.Timestamp {
  width: 145px;
}
.Template-OverviewBox .Data tr td.Date {
  width: 100px;
}

.Overlay--Map {
  position: relative;
}
.Overlay--Map .Trigger {
  position: absolute;
  width: 0.01px;
  height: 0.01px;
  overflow: hidden;
  opacity: 0;
  z-index: -1;
}
.Overlay--Map .Trigger:checked + .Overlay {
  visibility: visible;
  opacity: 1;
}
.Overlay--Map .Overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Overlay--Map .Overlay .Content {
  position: relative;
  background-color: #FFFFFF;
  padding: 40px;
}
.Overlay--Map .Overlay .Content .Trigger--Close {
  position: absolute;
  top: 10px;
  right: 14px;
  cursor: pointer;
  width: auto;
}
.Overlay--Map .Overlay .Content .Trigger--Close i:before {
  font-size: 20px;
}

#BugReportForm {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 300px;
  min-height: 1px;
}
#BugReportForm #BugReportScreenshotArea {
  width: 100%;
}
#BugReportForm #BugReportScreenshotArea canvas,
#BugReportForm #BugReportScreenshotArea img {
  max-width: 100%;
  border: 1px solid #000000;
}

canvas {
  border: 1px solid;
}

*:-moz-full-screen [data-fullscreen-toggle]:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*:-webkit-full-screen [data-fullscreen-toggle]:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*:-ms-fullscreen [data-fullscreen-toggle]:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*:fullscreen [data-fullscreen-toggle]:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-fullscreen-toggle] {
  position: absolute;
  z-index: 5000;
  top: 10px;
  right: 10px;
  border: none;
  font-size: 0;
  line-height: 0;
  border-radius: 4px;
  width: 34px;
  height: 34px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
}
[data-fullscreen-toggle]:before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #FFFFFF;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}

.Template--ContractList {
  padding: 50px;
  background-color: #FBFBFB;
  font-size: 16px;
}
.Template--ContractList h3 {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.Template--ContractList table {
  width: 100%;
  margin: 30px -7px 0;
}
.Template--ContractList table tr.Selected td {
  background-color: #DFDFDF;
}
.Template--ContractList table tr.Disabled:hover td:not(.Title) {
  opacity: 1;
}
.Template--ContractList table tr.Disabled td:not(.Title) {
  opacity: .2;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.Template--ContractList table tr .Number {
  text-align: right;
}
.Template--ContractList table tr th {
  font-weight: 300;
  padding: 0 14px;
  vertical-align: top;
  font-size: 14px;
}
.Template--ContractList table tr th:first-child {
  padding-left: 7px;
}
.Template--ContractList table tr th:last-child {
  padding-right: 7px;
}
.Template--ContractList table tr th .Unit {
  font-size: 12px;
}
.Template--ContractList table tr td {
  padding: 7px 14px;
  line-height: 30px;
  vertical-align: top;
  border-top: 1px dashed #ECECED;
}
.Template--ContractList table tr td:first-child {
  padding-left: 7px;
}
.Template--ContractList table tr td:last-child {
  padding-right: 7px;
}
.Template--ContractList table tr td.Priority {
  width: 20px;
}
.Template--ContractList table tr td.Priority.Priority--Normal span {
  background-color: #30806f;
}
.Template--ContractList table tr td.Priority.Priority--Important span {
  background-color: #efa527;
}
.Template--ContractList table tr td.Priority.Priority--Critical span {
  background-color: tomato;
}
.Template--ContractList table tr td.Priority span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #DFDFDF;
  font-size: 0;
  vertical-align: 0;
}
.Template--ContractList table tr td.Action a {
  display: inline-block;
  margin-left: 7px;
  border-bottom-width: 0;
}
.Template--ContractList table tr td.Action a.Edit {
  pointer-events: none;
  color: #DFDFDF;
}
.Template--ContractList table tr td.Action a.Delete:hover {
  color: tomato;
}
.Template--ContractList table tr td a {
  color: inherit;
}

/*# sourceMappingURL=style.css.map */