/* Base Colors */
/* Params */
/* Colors */
/* Media */
/* New Media (like Bootstrap) */
.minSizeFont {
  font-size: 10pt;
}
.fontSizeDesktop {
  font-size: 10pt;
}
.fontSizeLaptop {
  font-size: 10pt;
}
.fontSizeTablet {
  font-size: 10pt;
}
.fontSizePhone {
  font-size: 10pt;
}
.wrapperWidthFull {
  width: 100%;
}
.wrapperWidthDesktop {
  width: 1271px;
}
.wrapperWidthLaptop {
  width: 1271px;
}
.wrapperWidthTablet {
  width: 100%;
}
.wrapperWidthPhone {
  width: 100%;
}
/* Default visibilities */
.bg-white {
  color: #2d2d2b;
  background-color: #ffffff;
}
.bg-black {
  color: #ffffff;
  background-color: #171717;
}
.bg-lightgrey {
  color: #2d2d2b;
  background-color: #c7c7c7;
}
.bg-darkgrey {
  background-color: #2d2d2b;
}
.bg-grey {
  color: #ffffff;
  background-color: #b2b1b1;
}
.bg-red {
  color: #ffffff;
  background-color: #e30017;
}
.color-red {
  color: #e30017;
}
.color-green {
  color: #2c9328;
}
.font-serif {
  font-family: 'Times', serif;
}
.font-montserrat {
  font-family: 'Montserrat', 'Calibri', sans-serif;
}
.font-sans-serif {
  font-family: 'Montserrat', 'Calibri', Tahoma, Arial, sans-serif;
}
.font-system-sans-serif {
  font-family: 'Calibri', Arial, sans-serif;
}
.font-awesome {
  /*noinspection CssNoGenericFontName */
  font-family: 'Font Awesome 5 Pro';
}
/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-100.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Thin'), local('Montserrat-Thin'), url('../fonts/montserrat/montserrat-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-100.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-200.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('../fonts/montserrat/montserrat-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-200.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-100italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('../fonts/montserrat/montserrat-v12-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-100italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-200italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('../fonts/montserrat/montserrat-v12-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-200italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-300italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('../fonts/montserrat/montserrat-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-300italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'), url('../fonts/montserrat/montserrat-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-300.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-regular.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Italic'), local('Montserrat-Italic'), url('../fonts/montserrat/montserrat-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../fonts/montserrat/montserrat-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-500.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-500italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('../fonts/montserrat/montserrat-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-500italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-600.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/montserrat/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-600.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-600italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('../fonts/montserrat/montserrat-v12-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-600italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/montserrat/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-700.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('../fonts/montserrat/montserrat-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-700italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-800.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('../fonts/montserrat/montserrat-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-800.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-800italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('../fonts/montserrat/montserrat-v12-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-800italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-900.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Black'), local('Montserrat-Black'), url('../fonts/montserrat/montserrat-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-900.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat_alt';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/montserrat/montserrat-v12-latin-900italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('../fonts/montserrat/montserrat-v12-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat/montserrat-v12-latin-900italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/montserrat/Montserrat-Light.otf") format("opentype"), url('../fonts/montserrat/montserrat-v12-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-100italic.woff') format('woff');
  /* Modern Browsers */
}
@font-face {
  font-family: Montserrat;
  font-weight: bold;
  font-display: swap;
  src: url("../fonts/montserrat/Montserrat-Bold.otf") format("opentype"), url('../fonts/montserrat/montserrat-v12-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat/montserrat-v12-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat/montserrat-v12-latin-100italic.woff') format('woff');
  /* Modern Browsers */
}
:root {
  --sidebar-width: 250px;
  font-size: 10pt;
}
html {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Montserrat', 'Calibri', sans-serif;
  -webkit-font-smoothing: antialiased;
}
*,
::after,
::before {
  box-sizing: border-box;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0;
}
.wrapper {
  align-self: center;
}
header,
footer {
  flex: none;
}
header {
  z-index: 30;
  margin: 0;
}
body main {
  flex: 1;
  position: relative;
  width: 100%;
  left: 0;
  transition: left 0.4s ease-in-out;
}
body main section#Workspace {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
}
body .fullHeight {
  height: 100%;
}
body .fullWidth {
  width: 100%;
}
body.noHeader .wrapper {
  width: 100%;
}
body.navigation-in-sidebar main {
  position: relative;
}
body.navigation-in-sidebar main section#Workspace {
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
}
footer {
  margin: 0;
}
.clearfix:after,
.clearLine:after,
.clearline:after {
  content: '\00a0';
  /*   */
  display: block;
  margin-top: 1rem;
  height: 0;
  visibility: hidden;
}
.centered {
  width: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media all and (max-width: 767px) {
  .centered {
    width: 100%;
  }
}
.d-flex {
  display: flex !important;
}
.flex-direction-column {
  flex-direction: column !important;
}
.d-block {
  display: block !important;
}
.d-none {
  display: none !important;
}
.align-content-center {
  align-content: center;
  flex-wrap: wrap;
}
.justify-content-space-between {
  justify-content: space-between;
}
.justify-content-start {
  justify-content: flex-start;
  text-align: left;
}
.justify-content-end {
  justify-content: flex-end;
  text-align: right;
}
@media all and (max-width: 575px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .justify-content-xs-center {
    justify-content: center;
    text-align: center;
  }
  .width-xs-100 {
    width: 100% !important;
  }
  .mb-xs-10px {
    margin-bottom: 10px;
  }
}
@media all and (max-width: 767px) and (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .justify-content-sm-right {
    justify-content: right;
    text-align: right;
  }
  .justify-content-sm-center {
    justify-content: center;
    text-align: center;
  }
  .width-sm-100 {
    width: 100% !important;
  }
}
@media all and (max-width: 991px) and (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .justify-content-md-right {
    justify-content: right;
    text-align: right;
  }
}
@media all and (max-width: 1199px) and (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-block {
    display: block !important;
  }
}
@media all and (max-width: 1399px) and (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-block {
    display: block !important;
  }
}
.justify-content-end {
  justify-content: flex-end;
}
.min-width-col {
  width: 0;
}
input[type="checkbox"]#NavToggleCheck {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -10000px;
}
.menu-static header #NavToggle {
  display: none;
}
.menu-static main {
  flex: 1;
}
.menu-static main aside#NavBar {
  transform: translate(100%, 0);
  left: calc(-1 * var(--sidebar-width));
  width: var(--sidebar-width);
}
.menu-static main.with-sidebar section#Workspace {
  left: var(--sidebar-width);
  width: calc(100% - var(--sidebar-width));
}
.menu-animated header #NavToggle {
  display: block;
}
@media all and (max-width: 767px) {
  .menu-animated main.with-sidebar-sm aside#NavBar {
    z-index: 1;
    transform-origin: 0 0;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  .menu-animated main.with-sidebar-sm section#Workspace {
    left: 0;
    width: 100%;
  }
}
.menu-animated main.with-sidebar aside#NavBar {
  z-index: 20;
  transform-origin: 0 0;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.menu-animated main.with-sidebar section#Workspace {
  left: 0;
  width: 100%;
}
.menu-animated input[type="checkbox"]#NavToggleCheck:checked ~ header #NavToggle label#NavToggleTrigger span.bar:nth-child(1) {
  transform: rotate(45deg) translate(0.15em, -0.1em);
}
.menu-animated input[type="checkbox"]#NavToggleCheck:checked ~ header #NavToggle label#NavToggleTrigger span.bar:nth-last-child(2) {
  opacity: 0;
}
.menu-animated input[type="checkbox"]#NavToggleCheck:checked ~ header #NavToggle label#NavToggleTrigger span.bar:nth-child(3) {
  transform: rotate(-45deg) translate(0.1em, 0);
}
.menu-animated input[type="checkbox"]#NavToggleCheck:checked ~ main.with-sidebar aside#NavBar {
  opacity: 1;
  transform: translate(0, 0);
}
/*
* FLEX Layer Grids
*/
.flexGrid .row,
.flexGrid .col {
  box-sizing: border-box;
}
.flexGrid .items-stretch {
  display: inline-flex;
  align-items: stretch;
}
.flexGrid .items-left {
  display: inline-flex;
  justify-content: flex-start;
}
.flexGrid .items-center {
  display: inline-flex;
  justify-content: center;
}
.flexGrid .items-right {
  display: inline-flex;
  justify-content: flex-end;
}
.flexGrid .items-top {
  display: inline-flex;
  align-items: flex-start;
}
.flexGrid .items-middle {
  display: inline-flex;
  align-items: center;
}
.flexGrid .items-bottom {
  display: inline-flex;
  align-items: flex-end;
}
.flexGrid .nowrap {
  flex-wrap: nowrap;
}
.flexGrid .force-nowrap {
  flex-wrap: nowrap !important;
  white-space: nowrap;
}
.flexGrid .wrap {
  flex-wrap: wrap;
  white-space: normal;
}
.flexGrid .wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flexGrid .row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.flexGrid .row.min400 > .col {
  min-width: 400px;
}
.flexGrid .row > .col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
  max-width: 100%;
}
.flexGrid .row > .col.flexd-column {
  flex-direction: column;
}
.flexGrid .row.cols-2 > .col {
  flex-basis: 50%;
  max-width: 100%;
}
.flexGrid .row.cols-2 > .col.span-1 {
  flex-basis: 50%;
  max-width: 50%;
}
.flexGrid .row.cols-2 > .col.span-2 {
  flex-basis: 100%;
  max-width: 100%;
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-2 > .col.span-xl-1 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-2 > .col.span-xl-2 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-2 > .col.span-lg-1 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-2 > .col.span-lg-2 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-2 > .col.span-md-1 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-2 > .col.span-md-2 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-2 > .col.span-sm-1 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-2 > .col.span-sm-2 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-2 > .col.span-xs-1 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-2 > .col.span-xs-2 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.flexGrid .row.cols-3 > .col {
  flex-basis: 33.3333%;
  max-width: 100%;
}
.flexGrid .row.cols-3 > .col.span-1 {
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}
.flexGrid .row.cols-3 > .col.span-2 {
  flex-basis: 66.6666%;
  max-width: 66.6666%;
}
.flexGrid .row.cols-3 > .col.span-3 {
  flex-basis: 99.9999%;
  max-width: 99.9999%;
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-3 > .col.span-xl-1 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-3 > .col.span-xl-2 {
    flex-basis: 66.6666%;
    max-width: 66.6666%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-3 > .col.span-xl-3 {
    flex-basis: 99.9999%;
    max-width: 99.9999%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-3 > .col.span-lg-1 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-3 > .col.span-lg-2 {
    flex-basis: 66.6666%;
    max-width: 66.6666%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-3 > .col.span-lg-3 {
    flex-basis: 99.9999%;
    max-width: 99.9999%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-3 > .col.span-md-1 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-3 > .col.span-md-2 {
    flex-basis: 66.6666%;
    max-width: 66.6666%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-3 > .col.span-md-3 {
    flex-basis: 99.9999%;
    max-width: 99.9999%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-3 > .col.span-sm-1 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-3 > .col.span-sm-2 {
    flex-basis: 66.6666%;
    max-width: 66.6666%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-3 > .col.span-sm-3 {
    flex-basis: 99.9999%;
    max-width: 99.9999%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-3 > .col.span-xs-1 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-3 > .col.span-xs-2 {
    flex-basis: 66.6666%;
    max-width: 66.6666%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-3 > .col.span-xs-3 {
    flex-basis: 99.9999%;
    max-width: 99.9999%;
  }
}
.flexGrid .row.cols-4 > .col {
  flex-basis: 25%;
  max-width: 100%;
}
.flexGrid .row.cols-4 > .col.span-1 {
  flex-basis: 25%;
  max-width: 25%;
}
.flexGrid .row.cols-4 > .col.span-2 {
  flex-basis: 50%;
  max-width: 50%;
}
.flexGrid .row.cols-4 > .col.span-3 {
  flex-basis: 75%;
  max-width: 75%;
}
.flexGrid .row.cols-4 > .col.span-4 {
  flex-basis: 100%;
  max-width: 100%;
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-4 > .col.span-xl-1 {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-4 > .col.span-xl-2 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-4 > .col.span-xl-3 {
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-4 > .col.span-xl-4 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-4 > .col.span-lg-1 {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-4 > .col.span-lg-2 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-4 > .col.span-lg-3 {
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-4 > .col.span-lg-4 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-4 > .col.span-md-1 {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-4 > .col.span-md-2 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-4 > .col.span-md-3 {
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-4 > .col.span-md-4 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-4 > .col.span-sm-1 {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-4 > .col.span-sm-2 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-4 > .col.span-sm-3 {
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-4 > .col.span-sm-4 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-4 > .col.span-xs-1 {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-4 > .col.span-xs-2 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-4 > .col.span-xs-3 {
    flex-basis: 75%;
    max-width: 75%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-4 > .col.span-xs-4 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.flexGrid .row.cols-6 > .col {
  flex-basis: 16.6666%;
  max-width: 100%;
}
.flexGrid .row.cols-6 > .col.span-1 {
  flex-basis: 16.6666%;
  max-width: 16.6666%;
}
.flexGrid .row.cols-6 > .col.span-2 {
  flex-basis: 33.3332%;
  max-width: 33.3332%;
}
.flexGrid .row.cols-6 > .col.span-3 {
  flex-basis: 49.9998%;
  max-width: 49.9998%;
}
.flexGrid .row.cols-6 > .col.span-4 {
  flex-basis: 66.6664%;
  max-width: 66.6664%;
}
.flexGrid .row.cols-6 > .col.span-5 {
  flex-basis: 83.333%;
  max-width: 83.333%;
}
.flexGrid .row.cols-6 > .col.span-6 {
  flex-basis: 99.9996%;
  max-width: 99.9996%;
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-6 > .col.span-xl-1 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-6 > .col.span-xl-2 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-6 > .col.span-xl-3 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-6 > .col.span-xl-4 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-6 > .col.span-xl-5 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-6 > .col.span-xl-6 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-6 > .col.span-lg-1 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-6 > .col.span-lg-2 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-6 > .col.span-lg-3 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-6 > .col.span-lg-4 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-6 > .col.span-lg-5 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-6 > .col.span-lg-6 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-6 > .col.span-md-1 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-6 > .col.span-md-2 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-6 > .col.span-md-3 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-6 > .col.span-md-4 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-6 > .col.span-md-5 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-6 > .col.span-md-6 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-6 > .col.span-sm-1 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-6 > .col.span-sm-2 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-6 > .col.span-sm-3 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-6 > .col.span-sm-4 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-6 > .col.span-sm-5 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-6 > .col.span-sm-6 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-6 > .col.span-xs-1 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-6 > .col.span-xs-2 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-6 > .col.span-xs-3 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-6 > .col.span-xs-4 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-6 > .col.span-xs-5 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-6 > .col.span-xs-6 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
.flexGrid .row.cols-10 > .col {
  flex-basis: 10%;
  max-width: 100%;
}
.flexGrid .row.cols-10 > .col.span-1 {
  flex-basis: 10%;
  max-width: 10%;
}
.flexGrid .row.cols-10 > .col.span-2 {
  flex-basis: 20%;
  max-width: 20%;
}
.flexGrid .row.cols-10 > .col.span-3 {
  flex-basis: 30%;
  max-width: 30%;
}
.flexGrid .row.cols-10 > .col.span-4 {
  flex-basis: 40%;
  max-width: 40%;
}
.flexGrid .row.cols-10 > .col.span-5 {
  flex-basis: 50%;
  max-width: 50%;
}
.flexGrid .row.cols-10 > .col.span-6 {
  flex-basis: 60%;
  max-width: 60%;
}
.flexGrid .row.cols-10 > .col.span-7 {
  flex-basis: 70%;
  max-width: 70%;
}
.flexGrid .row.cols-10 > .col.span-8 {
  flex-basis: 80%;
  max-width: 80%;
}
.flexGrid .row.cols-10 > .col.span-9 {
  flex-basis: 90%;
  max-width: 90%;
}
.flexGrid .row.cols-10 > .col.span-10 {
  flex-basis: 100%;
  max-width: 100%;
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-1 {
    flex-basis: 10%;
    max-width: 10%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-2 {
    flex-basis: 20%;
    max-width: 20%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-3 {
    flex-basis: 30%;
    max-width: 30%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-4 {
    flex-basis: 40%;
    max-width: 40%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-5 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-6 {
    flex-basis: 60%;
    max-width: 60%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-7 {
    flex-basis: 70%;
    max-width: 70%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-8 {
    flex-basis: 80%;
    max-width: 80%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-9 {
    flex-basis: 90%;
    max-width: 90%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-10 > .col.span-xl-10 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-1 {
    flex-basis: 10%;
    max-width: 10%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-2 {
    flex-basis: 20%;
    max-width: 20%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-3 {
    flex-basis: 30%;
    max-width: 30%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-4 {
    flex-basis: 40%;
    max-width: 40%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-5 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-6 {
    flex-basis: 60%;
    max-width: 60%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-7 {
    flex-basis: 70%;
    max-width: 70%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-8 {
    flex-basis: 80%;
    max-width: 80%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-9 {
    flex-basis: 90%;
    max-width: 90%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-10 > .col.span-lg-10 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-1 {
    flex-basis: 10%;
    max-width: 10%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-2 {
    flex-basis: 20%;
    max-width: 20%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-3 {
    flex-basis: 30%;
    max-width: 30%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-4 {
    flex-basis: 40%;
    max-width: 40%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-5 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-6 {
    flex-basis: 60%;
    max-width: 60%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-7 {
    flex-basis: 70%;
    max-width: 70%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-8 {
    flex-basis: 80%;
    max-width: 80%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-9 {
    flex-basis: 90%;
    max-width: 90%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-10 > .col.span-md-10 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-1 {
    flex-basis: 10%;
    max-width: 10%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-2 {
    flex-basis: 20%;
    max-width: 20%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-3 {
    flex-basis: 30%;
    max-width: 30%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-4 {
    flex-basis: 40%;
    max-width: 40%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-5 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-6 {
    flex-basis: 60%;
    max-width: 60%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-7 {
    flex-basis: 70%;
    max-width: 70%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-8 {
    flex-basis: 80%;
    max-width: 80%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-9 {
    flex-basis: 90%;
    max-width: 90%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-10 > .col.span-sm-10 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-1 {
    flex-basis: 10%;
    max-width: 10%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-2 {
    flex-basis: 20%;
    max-width: 20%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-3 {
    flex-basis: 30%;
    max-width: 30%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-4 {
    flex-basis: 40%;
    max-width: 40%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-5 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-6 {
    flex-basis: 60%;
    max-width: 60%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-7 {
    flex-basis: 70%;
    max-width: 70%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-8 {
    flex-basis: 80%;
    max-width: 80%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-9 {
    flex-basis: 90%;
    max-width: 90%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-10 > .col.span-xs-10 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.flexGrid .row.cols-12 > .col {
  flex-basis: 8.3333%;
  max-width: 100%;
}
.flexGrid .row.cols-12 > .col.span-1 {
  flex-basis: 8.3333%;
  max-width: 8.3333%;
}
.flexGrid .row.cols-12 > .col.span-2 {
  flex-basis: 16.6666%;
  max-width: 16.6666%;
}
.flexGrid .row.cols-12 > .col.span-3 {
  flex-basis: 24.9999%;
  max-width: 24.9999%;
}
.flexGrid .row.cols-12 > .col.span-4 {
  flex-basis: 33.3332%;
  max-width: 33.3332%;
}
.flexGrid .row.cols-12 > .col.span-5 {
  flex-basis: 41.6665%;
  max-width: 41.6665%;
}
.flexGrid .row.cols-12 > .col.span-6 {
  flex-basis: 49.9998%;
  max-width: 49.9998%;
}
.flexGrid .row.cols-12 > .col.span-7 {
  flex-basis: 58.3331%;
  max-width: 58.3331%;
}
.flexGrid .row.cols-12 > .col.span-8 {
  flex-basis: 66.6664%;
  max-width: 66.6664%;
}
.flexGrid .row.cols-12 > .col.span-9 {
  flex-basis: 74.9997%;
  max-width: 74.9997%;
}
.flexGrid .row.cols-12 > .col.span-10 {
  flex-basis: 83.333%;
  max-width: 83.333%;
}
.flexGrid .row.cols-12 > .col.span-11 {
  flex-basis: 91.6663%;
  max-width: 91.6663%;
}
.flexGrid .row.cols-12 > .col.span-12 {
  flex-basis: 99.9996%;
  max-width: 99.9996%;
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-1 {
    flex-basis: 8.3333%;
    max-width: 8.3333%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-2 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-3 {
    flex-basis: 24.9999%;
    max-width: 24.9999%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-4 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-5 {
    flex-basis: 41.6665%;
    max-width: 41.6665%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-6 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-7 {
    flex-basis: 58.3331%;
    max-width: 58.3331%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-8 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-9 {
    flex-basis: 74.9997%;
    max-width: 74.9997%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-11 {
    flex-basis: 91.6663%;
    max-width: 91.6663%;
  }
}
@media all and (max-width: 1399px) {
  .flexGrid .row.cols-12 > .col.span-xl-12 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-1 {
    flex-basis: 8.3333%;
    max-width: 8.3333%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-2 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-3 {
    flex-basis: 24.9999%;
    max-width: 24.9999%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-4 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-5 {
    flex-basis: 41.6665%;
    max-width: 41.6665%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-6 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-7 {
    flex-basis: 58.3331%;
    max-width: 58.3331%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-8 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-9 {
    flex-basis: 74.9997%;
    max-width: 74.9997%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-11 {
    flex-basis: 91.6663%;
    max-width: 91.6663%;
  }
}
@media all and (max-width: 1199px) {
  .flexGrid .row.cols-12 > .col.span-lg-12 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-1 {
    flex-basis: 8.3333%;
    max-width: 8.3333%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-2 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-3 {
    flex-basis: 24.9999%;
    max-width: 24.9999%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-4 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-5 {
    flex-basis: 41.6665%;
    max-width: 41.6665%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-6 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-7 {
    flex-basis: 58.3331%;
    max-width: 58.3331%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-8 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-9 {
    flex-basis: 74.9997%;
    max-width: 74.9997%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-11 {
    flex-basis: 91.6663%;
    max-width: 91.6663%;
  }
}
@media all and (max-width: 991px) {
  .flexGrid .row.cols-12 > .col.span-md-12 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-1 {
    flex-basis: 8.3333%;
    max-width: 8.3333%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-2 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-3 {
    flex-basis: 24.9999%;
    max-width: 24.9999%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-4 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-5 {
    flex-basis: 41.6665%;
    max-width: 41.6665%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-6 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-7 {
    flex-basis: 58.3331%;
    max-width: 58.3331%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-8 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-9 {
    flex-basis: 74.9997%;
    max-width: 74.9997%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-11 {
    flex-basis: 91.6663%;
    max-width: 91.6663%;
  }
}
@media all and (max-width: 767px) {
  .flexGrid .row.cols-12 > .col.span-sm-12 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-1 {
    flex-basis: 8.3333%;
    max-width: 8.3333%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-2 {
    flex-basis: 16.6666%;
    max-width: 16.6666%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-3 {
    flex-basis: 24.9999%;
    max-width: 24.9999%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-4 {
    flex-basis: 33.3332%;
    max-width: 33.3332%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-5 {
    flex-basis: 41.6665%;
    max-width: 41.6665%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-6 {
    flex-basis: 49.9998%;
    max-width: 49.9998%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-7 {
    flex-basis: 58.3331%;
    max-width: 58.3331%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-8 {
    flex-basis: 66.6664%;
    max-width: 66.6664%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-9 {
    flex-basis: 74.9997%;
    max-width: 74.9997%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-11 {
    flex-basis: 91.6663%;
    max-width: 91.6663%;
  }
}
@media all and (max-width: 575px) {
  .flexGrid .row.cols-12 > .col.span-xs-12 {
    flex-basis: 99.9996%;
    max-width: 99.9996%;
  }
}
.flexGrid .row.gutters {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: -0.5rem;
}
.flexGrid .row.gutters > .col {
  flex-grow: 1;
  flex-shrink: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  /*@media @xs{
                    &.span-xs-12{
                        &:not(:first-of-type){
                            padding-top: (@spacer*2);
                        }
                    }
                }
        
                @media @sm{
                    &.span-sm-12{
                        &:not(:first-of-type){
                            padding-top: (@spacer*2);
                        }
                    }
                }
        
                @media @md{
                    &.span-md-12{
                        &:not(:first-of-type){
                            padding-top: (@spacer*2);
                        }
                    }
                }
        
                @media @lg{
                    &.span-lg-12{
                        &:not(:first-of-type){
                            padding-top: (@spacer*2);
                        }
                    }
                }
        
                @media @xl{
                    &.span-xl-12{
                        &:not(:first-of-type){
                            padding-top: (@spacer*2);
                        }
                    }
                }
                */
}
.flexGrid .row.gutters > .col .row:first-child {
  margin-top: -0.5rem;
}
.flexGrid .row.gutters > .col:last-child {
  padding-right: 0;
}
.flexGrid .row.gutters > .col:last-child .row.gutters {
  margin-right: 0;
}
.flexGrid .row.gutters > .col:last-child .row.gutters > .col:last-child {
  padding-right: 0;
}
.flexGrid .row:first-of-type {
  margin-top: 0;
}
.flexGrid .row.items-bottom {
  margin-bottom: 0;
}
.flexGrid .row.flex-cols > .col {
  display: flex;
}
.flexGrid .row > .col.span-auto {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  max-width: none;
}
.flexGrid .row > .col:last-child .row.gutters {
  margin-right: 0;
}
.isGrid {
  display: grid;
}
.d-none {
  display: none;
}
.w-100 {
  width: 100%;
}
.span-wrap {
  white-space: normal;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes intenseblink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes subtleborderlight {
  0% {
    border-image: linear-gradient(-45deg, rgba(0, 0, 0, 0), #ffffff 0%, rgba(0, 0, 0, 0)) 1;
  }
  30% {
    border-image: linear-gradient(-45deg, rgba(0, 0, 0, 0), #ffffff 20%, rgba(0, 0, 0, 0)) 1;
  }
  40% {
    border-image: linear-gradient(-45deg, rgba(0, 0, 0, 0), #ffffff 35%, rgba(0, 0, 0, 0)) 1;
  }
  50% {
    border-image: linear-gradient(-45deg, rgba(0, 0, 0, 0), #ffffff 50%, rgba(0, 0, 0, 0)) 1;
  }
  60% {
    border-image: linear-gradient(-45deg, rgba(0, 0, 0, 0), #ffffff 65%, rgba(0, 0, 0, 0)) 1;
  }
  70% {
    border-image: linear-gradient(-45deg, rgba(0, 0, 0, 0), #ffffff 80%, rgba(0, 0, 0, 0)) 1;
  }
  100% {
    border-image: linear-gradient(-45deg, rgba(0, 0, 0, 0), #ffffff 100%, rgba(0, 0, 0, 0)) 1;
  }
}
.intense-blink-container {
  animation: intenseblink 1s infinite;
}
.blink-container {
  animation: blink 1s infinite;
}
.subtle-border-light-animation {
  animation: subtleborderlight 1s alternate-reverse infinite;
}
pre {
  white-space: pre-wrap;
  tab-size: 2;
}
a {
  color: #c7c7c7;
  text-decoration: none;
}
a:hover {
  color: #ffffff;
  text-decoration: underline;
}
a:visited {
  color: #c7c7c7;
  text-decoration: none;
}
.clickable {
  cursor: pointer;
}
button,
.button {
  border: 1px solid #c7c7c7;
  color: #ffffff;
  background-color: #444444;
  height: 2.5em;
  padding: 0 0.6em;
  cursor: pointer;
  font-weight: normal;
  font-family: 'Montserrat', 'Calibri', sans-serif;
}
button.active,
.button.active,
button:hover,
.button:hover {
  background-color: rgba(199, 199, 199, 0.3);
  color: #ffffff;
}
button.active.highlight,
.button.active.highlight,
button:hover.highlight,
.button:hover.highlight {
  background-color: #36c333;
}
button:focus,
.button:focus {
  outline: 0;
}
button.iconic,
.button.iconic {
  background-color: transparent;
  border: none;
  color: #090909;
  height: unset;
  padding: 0 0.5em;
}
button.iconic:hover,
.button.iconic:hover {
  color: rgba(199, 199, 199, 0.3);
}
button.highlight,
.button.highlight {
  background-color: #39aa36;
}
button.disabled,
.button.disabled,
button:disabled,
.button:disabled,
button[disabled="disabled"],
.button[disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-link-dt {
  width: 100%;
  text-align: left;
  font-size: 100%;
}
.button-link-dt:hover {
  text-decoration: underline;
}
label.disabled {
  opacity: 0.5;
}
label.disabled .slider {
  cursor: not-allowed;
}
a.button {
  height: 2.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
a.button:visited {
  color: #ffffff;
}
a.button:hover {
  text-decoration: none;
}
a.disabled,
a:disabled {
  opacity: 0.5;
}
select {
  font-family: 'Montserrat', 'Calibri', sans-serif;
  max-width: 99%;
  height: 1.5rem;
  border: 1px solid #c7c7c7;
  background-color: #ffffff;
  /*
    -moz-appearance    : none;
    -webkit-appearance : none;
    appearance         : none;
    background-image   : url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    */
  background-size: 0.8em;
  background-position: calc(100% - 0.6em) center;
  background-repeat: no-repeat;
  padding: 0 2rem 0 0.5rem;
  padding-right: 0;
}
select:focus {
  outline: 0;
}
select::-ms-expand {
  display: none;
}
select:focus::-ms-value {
  background-color: transparent;
}
input[type="checkbox"] {
  margin: 0 0.2em;
}
.property-title-box {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.property-title-box .property-subtitle {
  margin-top: -20px;
}
.property-delivery-btn-v2 {
  margin-top: 0 !important;
}
.property-delivery-btn-v2 > .col {
  flex-direction: column;
  align-items: end;
}
.property-delivery-btn-v2 > .col button {
  width: fit-content;
  margin-bottom: 5px;
}
.menuBar {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.menuBar .property-delivery-btn {
  width: 100%;
}
.menuBar .property-delivery-btn .col:last-child {
  padding-right: 0;
}
.menuBar .menu-part-left {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-basis: 50%;
}
@media all and (max-width: 991px) {
  .menuBar .menu-part-left {
    flex-basis: 100%;
  }
}
@media all and (max-width: 767px) {
  .menuBar .menu-part-left .menu-item {
    margin: 0;
    margin-top: 0.5rem;
    width: 100%;
  }
}
.menuBar .menu-part-right {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-basis: 50%;
}
@media all and (max-width: 991px) {
  .menuBar .menu-part-right {
    position: absolute;
    right: 53px;
  }
}
@media all and (max-width: 767px) {
  .menuBar .menu-part-right {
    flex-basis: 100%;
    position: inherit;
  }
  .menuBar .menu-part-right .menu-item {
    margin: 0;
    margin-top: 0.5rem;
    width: 100%;
  }
}
.menuBar .menu-item {
  margin-left: 0.5rem;
}
.menuBar .menu-item:first-of-type {
  margin-left: 0;
}
.title-with-delivery .button {
  margin-left: 5px;
}
.menuBarModal {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.menuBarModal .button {
  margin-right: 1px;
}
.menuBarModal.modalFooter {
  justify-content: end;
}
.menuBarModal.modalFooter button {
  background-color: #333333;
  padding: 1rem;
  color: #ffffff;
}
.menuBarModal.modalFooter button:hover {
  background-color: #444444;
  color: #b2b1b1;
}
table.menuBar {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
table.menuBar .property-delivery-btn {
  width: 100%;
}
table.menuBar .property-delivery-btn .col:last-child {
  padding-right: 0;
}
table.menuBar .menu-part-left {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-basis: 50%;
}
@media all and (max-width: 991px) {
  table.menuBar .menu-part-left {
    flex-basis: 100%;
  }
}
@media all and (max-width: 767px) {
  table.menuBar .menu-part-left .menu-item {
    margin: 0;
    margin-top: 0.5rem;
    width: 100%;
  }
}
table.menuBar .menu-part-right {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-basis: 50%;
}
@media all and (max-width: 991px) {
  table.menuBar .menu-part-right {
    position: absolute;
    right: 53px;
  }
}
@media all and (max-width: 767px) {
  table.menuBar .menu-part-right {
    flex-basis: 100%;
    position: inherit;
  }
  table.menuBar .menu-part-right .menu-item {
    margin: 0;
    margin-top: 0.5rem;
    width: 100%;
  }
}
table.menuBar .menu-item {
  margin-left: 0.5rem;
}
table.menuBar .menu-item:first-of-type {
  margin-left: 0;
}
table.menuBar thead th {
  background-color: transparent;
}
.annotation {
  font-family: 'Montserrat', 'Calibri', sans-serif;
  font-size: 0.8em;
  line-height: 1.2em;
}
i.regraph-triangle {
  width: 0;
  height: 0;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1.7em solid #e30017;
  margin-right: 0.5em;
  position: relative;
  top: 0.1em;
}
.multicolumns-2 {
  column-width: 20em;
  column-rule-style: none;
  column-rule-color: transparent;
}
.hidden {
  display: none;
}
.blocker {
  z-index: 200;
}
.jquery-modal .modal {
  padding: 0;
  border-radius: 0;
}
@media all and (max-width: 575px) {
  .jquery-modal .modal {
    max-width: 100% !important;
  }
}
.jquery-modal .infoBox {
  background-color: #1f1f1f;
}
.jquery-modal .infoBox .formular label {
  padding: 0 0.5em 0 0;
}
.jquery-modal .infoBox .formular p.annotation {
  margin: 0.5em 0;
}
ul.tileSet {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
ul.tileSet li.tile {
  padding: 2em;
  min-width: 100px;
}
video {
  max-width: 100%;
}
.color-red {
  color: #e30017;
}
.float-right {
  float: right;
}
.favorite-star,
.favorite-star-not-selected {
  color: #e2b007;
}
.favorite-star-not-selected {
  opacity: 0.5;
}
.icon-big-contract {
  font-size: 3em;
  color: #e30017;
}
#assignReturnLabelModal .radio-form {
  padding-left: 3em;
}
#assignReturnLabelModal .radio-form input {
  margin-right: 15px;
}
#assignReturnLabelModal #message {
  color: #e30017;
  text-align: center;
  margin-top: 20px;
}
.toggle-btn {
  cursor: pointer;
}
#Content h1.small-margin-title {
  margin: 0;
}
.red-indicator {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 2;
  background-color: red;
  border-radius: 50px;
  right: 0px;
  top: 0px;
}
.select-file-page {
  display: inline;
  float: right;
  margin-left: 10px;
}
.box {
  background-color: #1f1f1f;
  width: 20vw;
}
.box::before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  /* falls kein custom-property unterstützt wird, immer 16:9 Format versuchen */
  padding-bottom: 56.25%;
}
.box::after {
  /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.box .box-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.box .box-container .box-header {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  margin-bottom: 2rem;
}
.box .box-container .box-header h1,
.box .box-container .box-header span.boxTitle {
  background-color: #8c868d;
  color: #ffffff;
  font-weight: normal;
  font-size: 1.3rem;
  padding: 0.5em;
  margin: 0 !important;
}
.box .box-container .box-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.box .box-container .box-content #error {
  color: #e30017;
  font-weight: bold;
}
.box .box-container .box-content .success {
  color: #2c9328;
  font-weight: bold;
}
.box .box-container .box-footer {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  min-height: 2rem;
  padding: 0 1rem;
  margin-top: 2rem;
}
.box .box-container .box-footer nav {
  height: 100%;
  justify-content: space-between;
  align-content: center;
}
.box .box-container .box-footer nav a {
  color: #c7c7c7;
  font-size: 0.8rem;
  text-decoration: none;
}
.box .box-container .box-footer nav a:hover {
  color: #ffffff;
  text-decoration: underline;
}
@supports (--custom:property) {
  .box[style*="--aspect-ratio"]::before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
}
.infoBox {
  background-color: #444444;
  width: 100%;
}
.infoBox#errorModal {
  background-color: #b11f23;
}
.infoBox#errorModal hr.line {
  border-color: #ffffff;
}
.infoBox#errorModal .button {
  background-color: #b11f23;
}
.infoBox #meldung {
  color: #e30017;
}
.infoBox .box-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.infoBox .box-container hr.line {
  margin: -2px 0 0 2px;
  border-color: #758291;
  border-style: solid;
  border-width: 0 0 1px 0;
}
.infoBox .box-container .box-header,
.infoBox .box-container .modalButton-xs {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  align-items: stretch;
  justify-content: space-between;
  line-height: 1.7rem;
  min-height: 40px;
}
@media all and (max-width: 575px) {
  .infoBox .box-container .box-header,
  .infoBox .box-container .modalButton-xs {
    flex-direction: column;
  }
}
.infoBox .box-container .box-header h3,
.infoBox .box-container .modalButton-xs h3 {
  display: inline-flex;
  color: #ffffff;
  font-weight: normal;
  font-size: 14pt;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  margin: 0 !important;
}
.infoBox .box-container .box-header .button,
.infoBox .box-container .modalButton-xs .button {
  border: none;
  color: #ffffff;
  background-color: #333333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
}
@media all and (max-width: 575px) {
  .infoBox .box-container .box-header .button,
  .infoBox .box-container .modalButton-xs .button {
    border-top: 1px solid #758291 !important;
    width: 100%;
  }
  .infoBox .box-container .box-header .button.closeModal,
  .infoBox .box-container .modalButton-xs .button.closeModal {
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
    border-top: none !important;
    min-height: 35px;
  }
  .infoBox .box-container .box-header .button.modalButton,
  .infoBox .box-container .modalButton-xs .button.modalButton {
    position: absolute;
    bottom: 0;
  }
}
.infoBox .box-container .box-header .button:hover,
.infoBox .box-container .modalButton-xs .button:hover {
  text-decoration: underline;
}
.infoBox .box-container .box-header .button.iconic,
.infoBox .box-container .modalButton-xs .button.iconic {
  border: none;
  color: #ffffff;
  height: unset;
  padding: 0 0.5em;
}
.infoBox .box-container .box-header .button.iconic i,
.infoBox .box-container .modalButton-xs .button.iconic i {
  padding: 0 0.5em;
}
.infoBox .box-container .box-header .button.iconic:hover,
.infoBox .box-container .modalButton-xs .button.iconic:hover {
  text-decoration: underline;
}
.infoBox .box-container .box-header .menuBar,
.infoBox .box-container .modalButton-xs .menuBar {
  align-items: stretch;
}
.infoBox .box-container .box-header .menuBar .button,
.infoBox .box-container .modalButton-xs .menuBar .button {
  margin-right: 1px;
}
.infoBox .box-container .modalButton-xs {
  display: none;
}
.infoBox .box-container .modalButton-xs .button {
  width: 100%;
}
@media all and (max-width: 575px) {
  .infoBox .box-container .modalButton-xs {
    display: block;
  }
}
@media all and (max-width: 575px) {
  .infoBox .box-container .modalButtonHide-xs {
    display: none !important;
  }
}
.infoBox .box-container .box-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.infoBox .box-container .box-content > p {
  margin-top: 0;
}
.infoBox .box-container .box-content #error {
  color: #e30017;
  font-weight: bold;
}
@media all and (max-width: 575px) {
  .infoBox .box-container .box-content .modalButtonPlaceholder {
    height: 40px;
  }
}
.videoEmbed .fitin > img,
.videoEmbed .fitin > iframe,
.videoEmbed .fitin > object,
.videoEmbed .fitin > embed {
  height: 100%;
}
.aspect-16-9 {
  max-width: 100%;
  position: relative;
}
.aspect-16-9:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.aspect-16-9 > .fitin {
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  border-color: #b2b1b1;
  border-width: 2px;
  border-style: solid;
}
.aspect-16-9 > .fitin span:before {
  content: "16";
}
.aspect-16-9 > .fitin span:after {
  content: "9";
}
.aspect-16-9 > .fitin > img,
.aspect-16-9 > .fitin > iframe,
.aspect-16-9 > .fitin > object,
.aspect-16-9 > .fitin > embed {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.aspect-20-29 {
  max-width: 100%;
  position: relative;
}
.aspect-20-29:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 145%;
}
.aspect-20-29 > .fitin {
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  border-color: #b2b1b1;
  border-width: 2px;
  border-style: solid;
}
.aspect-20-29 > .fitin span:before {
  content: "20";
}
.aspect-20-29 > .fitin span:after {
  content: "29";
}
.aspect-20-29 > .fitin > img,
.aspect-20-29 > .fitin > iframe,
.aspect-20-29 > .fitin > object,
.aspect-20-29 > .fitin > embed {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.resize {
  max-width: 100%;
  max-height: 100%;
}
form {
  display: contents;
}
.masterCheckBox {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.masterCheckBox label {
  margin-left: 1em;
}
fieldset {
  position: relative;
  padding: 1em;
  margin: 0 0 1em 0;
  border: none;
}
fieldset.scrollable {
  max-height: 25vh;
  min-height: 15vh;
  overflow-x: hidden;
  overflow-y: scroll;
}
.formular sup {
  font-size: 0.8em;
  line-height: 1.1em;
}
.formular span.label {
  display: block;
  padding: 0;
  font-size: 0.9em;
  font-weight: normal;
}
.formular label {
  display: inline-flex;
  align-items: center;
  padding: 0 0.5em;
  margin-bottom: 0;
}
.formular label.hidden {
  display: none;
}
.formular input[type="text"].xxshort,
.formular input[type="password"].xxshort,
.formular textarea.xxshort,
.formular button.xxshort {
  width: 1.875em;
}
.formular input[type="text"].xshort,
.formular input[type="password"].xshort,
.formular textarea.xshort,
.formular button.xshort {
  width: 3.75em;
}
.formular input[type="text"].short,
.formular input[type="password"].short,
.formular textarea.short,
.formular button.short {
  width: 4.375em;
}
.formular input[type="text"].medium,
.formular input[type="password"].medium,
.formular textarea.medium,
.formular button.medium {
  width: 6.25em;
}
.formular input[type="text"].norm,
.formular input[type="password"].norm,
.formular textarea.norm,
.formular button.norm {
  width: 60%;
  max-width: 30vw;
}
.formular input[type="text"].long,
.formular input[type="password"].long,
.formular textarea.long,
.formular button.long {
  width: 81%;
  max-width: 40vw;
}
.formular input[type="text"].xlong,
.formular input[type="password"].xlong,
.formular textarea.xlong,
.formular button.xlong {
  width: 100%;
  max-width: 50vw;
}
@media all and (max-width: 767px) {
  .formular input[type="text"].xlong,
  .formular input[type="password"].xlong,
  .formular textarea.xlong,
  .formular button.xlong {
    max-width: 100%;
  }
}
.formular input[type="text"].stretch,
.formular input[type="password"].stretch,
.formular textarea.stretch,
.formular button.stretch {
  width: 100%;
}
@media all and (max-width: 575px) {
  .formular input[type="text"].stretch-xs,
  .formular input[type="password"].stretch-xs,
  .formular textarea.stretch-xs,
  .formular button.stretch-xs {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .formular input[type="text"].stretch-sm,
  .formular input[type="password"].stretch-sm,
  .formular textarea.stretch-sm,
  .formular button.stretch-sm {
    width: 100%;
  }
}
@media all and (max-width: 991px) {
  .formular input[type="text"].stretch-md,
  .formular input[type="password"].stretch-md,
  .formular textarea.stretch-md,
  .formular button.stretch-md {
    width: 100%;
  }
}
@media all and (max-width: 1199px) {
  .formular input[type="text"].stretch-lg,
  .formular input[type="password"].stretch-lg,
  .formular textarea.stretch-lg,
  .formular button.stretch-lg {
    width: 100%;
  }
}
@media all and (max-width: 1399px) {
  .formular input[type="text"].stretch-xl,
  .formular input[type="password"].stretch-xl,
  .formular textarea.stretch-xl,
  .formular button.stretch-xl {
    width: 100%;
  }
}
.formular input[type="text"],
.formular input[type="password"],
.formular input[type="date"],
.formular select,
.formular option {
  border: 1px solid #c7c7c7;
  background-color: #ffffff;
  line-height: 1.5rem;
  padding: 0 0.2em;
  color: #090909;
  /* firefox 19+ */
  /* ie */
}
.formular input[type="text"]::-webkit-input-placeholder,
.formular input[type="password"]::-webkit-input-placeholder,
.formular input[type="date"]::-webkit-input-placeholder,
.formular select::-webkit-input-placeholder,
.formular option::-webkit-input-placeholder {
  font-family: 'Montserrat', 'Calibri', Tahoma, Arial, sans-serif;
  color: #2d2d2b;
}
.formular input[type="text"]::-moz-placeholder,
.formular input[type="password"]::-moz-placeholder,
.formular input[type="date"]::-moz-placeholder,
.formular select::-moz-placeholder,
.formular option::-moz-placeholder {
  font-family: 'Montserrat', 'Calibri', Tahoma, Arial, sans-serif;
  color: #2d2d2b;
}
.formular input[type="text"]:-ms-input-placeholder,
.formular input[type="password"]:-ms-input-placeholder,
.formular input[type="date"]:-ms-input-placeholder,
.formular select:-ms-input-placeholder,
.formular option:-ms-input-placeholder {
  font-family: 'Montserrat', 'Calibri', Tahoma, Arial, sans-serif;
  color: #2d2d2b;
}
.formular input[type="text"]:-moz-placeholder,
.formular input[type="password"]:-moz-placeholder,
.formular input[type="date"]:-moz-placeholder,
.formular select:-moz-placeholder,
.formular option:-moz-placeholder {
  font-family: 'Montserrat', 'Calibri', Tahoma, Arial, sans-serif;
  color: #2d2d2b;
}
.formular input[type="text"].closed,
.formular input[type="password"].closed,
.formular input[type="date"].closed,
.formular select.closed,
.formular option.closed {
  background-color: #E6E6E6;
}
.formular textarea {
  background-color: #ffffff;
  color: #090909;
  padding: 0 0.2em;
  border: 1px solid #2d2d2b;
}
.formular textarea.smallbox {
  width: 40%;
  max-width: 20vw;
  height: 10em;
}
.formular textarea.long {
  width: 81%;
  max-width: 40vw;
  height: 10em;
}
.formular textarea.xlong {
  width: 100%;
  height: 15.625em;
}
.formular .embed {
  left: -1.5em;
  margin-right: -1.2em;
  position: relative;
}
.formular input[type="checkbox"],
.formular input[type="radio"] {
  display: inline-flex;
}
#FileDownloadList .ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 30em;
  line-height: 2.2em;
}
#FileDownloadList .ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0.4em;
}
.formFilter .filter .panel .formular > span {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.formFilter .filter .panel .formular > span label {
  align-items: flex-start;
  padding: 0 0.2rem;
}
.formFilter .filterFunctions .col.formular {
  padding: 1rem 0;
}
.filterTags {
  margin: 0 0 4rem 0;
}
.filterTags #FilterTagList {
  list-style-type: none;
  padding: 0;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.filterTags #FilterTagList li {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  background-color: rgba(199, 199, 199, 0.1);
  border: 1px solid #333333;
  margin: 0 1rem 1rem 0;
  padding: 3px;
}
.filterTags #FilterTagList li:last-of-type {
  margin: 0 1rem 1rem 0;
}
.filterTags #FilterTagList li label {
  display: inline;
  padding: 0 1rem;
  white-space: nowrap;
  margin-bottom: 0;
}
.filterTags #FilterTagList li button {
  height: unset;
  padding: 0 0.3em;
  border: 0;
}
.filterTags #FilterTagList.filter-tag-list-v3 li {
  color: #77b2ff;
  border: 1px solid #77b2ff;
}
.filterTags #FilterTagList.filter-tag-list-v3 li.reset-button {
  border: none;
  background-color: transparent;
}
.filterTags #FilterTagList.filter-tag-list-v3 li.reset-button button {
  background-color: transparent;
  color: #e30017;
}
.filterTags #FilterTagList.filter-tag-list-v3 li.reset-button button:hover {
  color: #b11f23;
}
.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 20px;
  /* The slider */
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b2b1b1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 3px;
  bottom: 3px;
  background-color: #444444;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch input:checked + .slider {
  background-color: #2c9328;
}
.switch input:disabled + .slider {
  opacity: 0.5;
  cursor: not-allowed;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #2c9328;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.switch .round {
  border-radius: 34px;
}
.switch .round:before {
  border-radius: 50%;
}
.switch-inverted {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 20px;
  /* The slider */
}
.switch-inverted input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-inverted .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b2b1b1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-inverted .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 3px;
  bottom: 3px;
  background-color: #444444;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-inverted input:checked + .slider {
  background-color: #2c9328;
}
.switch-inverted input:disabled + .slider {
  opacity: 0.5;
  cursor: not-allowed;
}
.switch-inverted input:focus + .slider {
  box-shadow: 0 0 1px #2c9328;
}
.switch-inverted input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.switch-inverted .round {
  border-radius: 34px;
}
.switch-inverted .round:before {
  border-radius: 50%;
}
.switch-inverted input:checked + .slider:before {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
.switch-inverted input:checked + .slider {
  background-color: #b2b1b1;
}
.switch-inverted input + .slider {
  background-color: #2c9328;
}
.switch-inverted input + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.switch-negative input:checked + .slider {
  background-color: #e30017;
}
.switch-negative input:focus + .slider {
  box-shadow: 0 0 1px #e30017;
}
input[type=range] {
  appearance: none;
  height: 15px;
  background: #444444;
  outline: none;
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
}
input[type=range].vertical {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-appearance: rotate(90deg);
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #e30017;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #e30017;
  cursor: pointer;
}
input.not-valid {
  border-color: #e30017 !important;
  border-width: 3px !important;
}
.input-range-bubble {
  position: relative;
  display: inline-block;
  background-color: #444444;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px;
  margin-left: -5px;
  margin-top: 5px;
  color: #e30017;
  font-weight: bold;
}
.positive-button {
  background-color: #2c9328;
}
.positive-button:hover {
  background-color: #1c7a19;
}
.negative-button {
  background-color: #e30017;
}
.negative-button:hover {
  background-color: #b11f23;
}
.positive-button-iconic {
  color: #2c9328;
  background-color: transparent;
}
.positive-button-iconic:hover {
  color: #1c7a19;
}
.negative-button-iconic {
  color: #e30017;
  background-color: transparent;
}
.negative-button-iconic:hover {
  color: #b11f23;
}
@media all and (max-width: 1000px) {
  #score-indicator-container .score-indicator-bar-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
  }
}
#score-indicator-container .score-indicator {
  width: 30px;
  height: 10px;
  float: left;
  border: none;
  border: 1px solid #333333;
  background-color: #333333;
}
#score-indicator-container .score-indicator.active {
  border: none;
}
#score-indicator-container .score-indicator#score-0.active {
  background-color: #880000;
}
#score-indicator-container .score-indicator#score-1.active {
  background-color: #e30017;
}
#score-indicator-container .score-indicator#score-2.active {
  background-color: #ff6600;
}
#score-indicator-container .score-indicator#score-3.active {
  background-color: #39aa36;
}
#score-indicator-container .score-indicator#score-4.active {
  background-color: #1c7a19;
}
#score-indicator-container label {
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  width: 200px;
}
@media all and (max-width: 1000px) {
  #score-indicator-container label {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.selectize-control {
  width: 100%;
}
.cssTabs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cssTabs input.state {
  position: absolute;
  left: -10000px;
}
.cssTabs .tab {
  flex-grow: 1;
  display: inline-flex;
  height: 3rem;
  background-color: #444444;
  border: 0px solid #b2b1b1;
  cursor: pointer;
  z-index: 1;
  margin-left: 1px;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  margin-bottom: 0;
}
.cssTabs .tab:first-of-type {
  margin-left: 0;
}
.cssTabs .tab:hover {
  background-color: rgba(199, 199, 199, 0.3);
  color: #ffffff;
}
.cssTabs .tabLike {
  height: 3rem;
}
.cssTabs .panel {
  margin-top: -1px;
  background-color: rgba(199, 199, 199, 0.01);
  border: 0px solid #c7c7c7;
  padding: 20px;
  display: none;
  width: 100%;
  min-height: 6rem;
  flex-basis: auto;
}
.cssTabs .panel label {
  margin-bottom: 0;
}
.cssTabs #tab-1:checked ~ label.tab[for="tab-1"],
.cssTabs #tab-2:checked ~ label.tab[for="tab-2"],
.cssTabs #tab-3:checked ~ label.tab[for="tab-3"],
.cssTabs #tab-4:checked ~ label.tab[for="tab-4"],
.cssTabs #tab-5:checked ~ label.tab[for="tab-5"],
.cssTabs #tab-6:checked ~ label.tab[for="tab-6"],
.cssTabs #tab-7:checked ~ label.tab[for="tab-7"],
.cssTabs #tab-8:checked ~ label.tab[for="tab-8"],
.cssTabs #tab-9:checked ~ label.tab[for="tab-9"],
.cssTabs #tab-10:checked ~ label.tab[for="tab-10"] {
  background-color: rgba(199, 199, 199, 0.3);
  cursor: default;
}
.cssTabs #tab-1:checked ~ .panel.tab-1,
.cssTabs #tab-2:checked ~ .panel.tab-2,
.cssTabs #tab-3:checked ~ .panel.tab-3,
.cssTabs #tab-4:checked ~ .panel.tab-4,
.cssTabs #tab-5:checked ~ .panel.tab-5,
.cssTabs #tab-6:checked ~ .panel.tab-6,
.cssTabs #tab-7:checked ~ .panel.tab-7,
.cssTabs #tab-8:checked ~ .panel.tab-8,
.cssTabs #tab-9:checked ~ .panel.tab-9,
.cssTabs #tab-10:checked ~ .panel.tab-10 {
  display: block;
}
.dataTables_wrapper {
  font-family: 'Montserrat', 'Calibri', sans-serif;
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
  width: 100%;
  /*.dt-manual-colsort{
        cursor: pointer;
    }*/
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #ffffff;
}
.dataTables_wrapper .ui-toolbar {
  padding: 0 1em;
}
.dataTables_wrapper .fg-toolbar {
  border: none;
}
.dataTables_wrapper .fg-toolbar:first-of-type {
  display: none;
}
.dataTables_wrapper .bottom {
  margin-top: 2rem;
}
.dataTables_wrapper:after {
  content: '\00a0';
  /*   */
  display: block;
  margin-top: 1rem;
  height: 0;
  visibility: hidden;
}
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 1em;
  float: right;
  text-align: right;
}
@media all and (max-width: 575px) {
  .dataTables_wrapper .dataTables_filter {
    margin-top: 1em;
  }
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
  height: 1.5rem;
  margin-left: 1rem;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  padding-top: 0.25em;
  text-align: right;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button {
  border: unset;
  background: unset;
  border: 1px solid #171717;
  color: #ffffff;
  background-color: #444444;
  height: 2.5em;
  padding: 0.2rem 0.6rem;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
  border: unset;
  background: unset;
  background-color: #333333;
  color: #c7c7c7;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.active,
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
  background-color: rgba(199, 199, 199, 0.3);
  color: #ffffff;
  text-decoration: none;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button:focus {
  outline: 0;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled {
  background-color: #333333;
  color: #c7c7c7;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover {
  background-color: #333333;
  color: #c7c7c7;
  text-decoration: none;
}
.dataTables_wrapper .dataTables_info {
  font-size: 0.9em;
}
.dataTables_wrapper .dataTables_length {
  display: inline-block;
}
.dataTableFixedHead {
  border-spacing: 0 !important;
}
.dataTableFixedHead > thead {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #2d2d2b;
}
.dataTableFixedHead tbody td {
  border-right: 1px solid #1f1f1f;
  border-top: 1px solid #1f1f1f;
}
.dataTableFixedHead tbody td:last-child {
  border-right: 0;
}
.dataTableFixedHead tbody tr:last-child td {
  border-bottom: 1px solid #1f1f1f;
}
.center-filter {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
  /*
    .dt-filter-head{
        display: flex;
        align-items: center;
        flex-grow: 1;
        justify-content: space-evenly;
        */
}
.center-filter .dataTables_filter {
  margin-bottom: 0;
}
.dt-header-with-filter {
  display: flex;
  justify-content: space-between;
}
.filter-wrapper {
  display: flex;
}
.filter-wrapper .extended-filter-wrapper {
  margin-left: 10px;
}
.filter-wrapper .extended-filter-wrapper .show-extended-filter {
  color: #77b2ff;
  font-size: 120%;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  height: fit-content;
}
#PropertyFLKs .show-extended-filter i {
  font-size: 90%;
}
div.dataTables_processing {
  z-index: 1;
  position: relative;
}
div.dataTables_processing i.loading {
  font-size: 30px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
}
table.dataTable,
.fakeDataTable {
  border-spacing: 0 !important;
  border-spacing: 1px;
  font-size: 12px;
}
table.dataTable > thead,
.fakeDataTable > thead {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #2d2d2b;
}
table.dataTable tbody td,
.fakeDataTable tbody td {
  border-right: 1px solid #1f1f1f;
  border-top: 1px solid #1f1f1f;
}
table.dataTable tbody td:last-child,
.fakeDataTable tbody td:last-child {
  border-right: 0;
}
table.dataTable tbody tr:last-child td,
.fakeDataTable tbody tr:last-child td {
  border-bottom: 1px solid #1f1f1f;
}
table.dataTable span.sort-string,
.fakeDataTable span.sort-string {
  display: none;
}
table.dataTable thead th,
.fakeDataTable thead th,
table.dataTable thead td,
.fakeDataTable thead td {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable thead th,
.fakeDataTable thead th {
  height: 2em;
  padding: 0.2rem 0.2rem !important;
  text-align: left;
  background-color: transparent;
  font-weight: normal;
  border-bottom: 1px solid #b2b1b1;
  font-size: 14px;
}
table.dataTable thead th.sorting,
.fakeDataTable thead th.sorting {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead th.sorting_desc,
.fakeDataTable thead th.sorting_desc {
  color: #ffffff;
  background-image: url("../images/sort_desc.png");
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead th.sorting_desc:after,
.fakeDataTable thead th.sorting_desc:after {
  content: "\00a0\00a0\00a0\00a0";
}
table.dataTable thead th.sorting_asc,
.fakeDataTable thead th.sorting_asc {
  color: #ffffff;
  background-image: url("../images/sort_asc.png");
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead th.sorting_asc:after,
.fakeDataTable thead th.sorting_asc:after {
  content: "\00a0\00a0\00a0\00a0";
}
table.dataTable thead th div.DataTables_sort_wrapper span,
.fakeDataTable thead th div.DataTables_sort_wrapper span {
  position: unset;
  top: unset;
  margin-top: unset;
  right: unset;
  cursor: pointer;
}
table.dataTable thead th div.DataTables_sort_wrapper span.DataTables_sort_icon,
.fakeDataTable thead th div.DataTables_sort_wrapper span.DataTables_sort_icon {
  display: inline-block;
  float: right;
  margin-top: 1px;
  position: relative;
}
table.dataTable tbody tr,
.fakeDataTable tbody tr {
  background-color: transparent;
}
table.dataTable tbody tr:nth-child(odd),
.fakeDataTable tbody tr:nth-child(odd),
table.dataTable tbody tr.odd td,
.fakeDataTable tbody tr.odd td {
  background-color: #333333;
}
table.dataTable tbody tr:nth-child(even),
.fakeDataTable tbody tr:nth-child(even),
table.dataTable tbody tr.even td,
.fakeDataTable tbody tr.even td {
  background-color: #444444;
}
table.dataTable tbody tr:hover td,
.fakeDataTable tbody tr:hover td {
  background-color: rgba(199, 199, 199, 0.3);
}
table.dataTable tbody tr.active:nth-child(odd) td,
.fakeDataTable tbody tr.active:nth-child(odd) td {
  background-color: rgba(57, 170, 54, 0.2);
}
table.dataTable tbody tr.active:nth-child(even) td,
.fakeDataTable tbody tr.active:nth-child(even) td {
  background-color: rgba(44, 147, 40, 0.2);
}
table.dataTable tbody tr.broken:nth-child(odd) td,
.fakeDataTable tbody tr.broken:nth-child(odd) td {
  background-color: rgba(227, 0, 23, 0.2);
}
table.dataTable tbody tr.broken:nth-child(even) td,
.fakeDataTable tbody tr.broken:nth-child(even) td {
  background-color: rgba(227, 0, 23, 0.2);
}
table.dataTable tbody td,
.fakeDataTable tbody td {
  padding: 0.2rem 0.2rem !important;
  text-align: left;
  line-height: 18px !important;
  vertical-align: middle;
}
table.dataTable tbody td span.cropped,
.fakeDataTable tbody td span.cropped {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
table.dataTable tbody td.dataTables_empty,
.fakeDataTable tbody td.dataTables_empty,
table.dataTable tbody td.center-td,
.fakeDataTable tbody td.center-td {
  text-align: center;
}
table.dataTable tbody td button i,
.fakeDataTable tbody td button i {
  margin: 0px !important;
}
table.dataTable tbody td:first-of-type.dtr-control,
.fakeDataTable tbody td:first-of-type.dtr-control {
  min-width: 30px;
  width: 30px;
}
table.dataTable tbody td:first-of-type.dtr-control::before,
.fakeDataTable tbody td:first-of-type.dtr-control::before {
  font-family: "Font Awesome 5 Pro" !important;
  background-color: transparent !important;
  border: none !important;
  font-weight: 300;
  content: "\f329" !important;
  font-size: 150%;
  box-shadow: none !important;
}
table.infoTable thead th,
table.infoTable thead td {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.infoTable thead tr.active:nth-child(odd) td {
  background-color: rgba(57, 170, 54, 0.2);
}
table.infoTable thead tr.active:nth-child(even) td {
  background-color: rgba(44, 147, 40, 0.2);
}
table.infoTable thead tr th {
  height: 2em;
  padding: 0;
  text-align: left;
  background-color: transparent;
  font-weight: bold;
  border: none;
}
table.infoTable thead tr:last-of-type th {
  border-bottom: 1px solid #171717;
}
td.details-control,
li.details-control .dtr-data {
  cursor: pointer;
}
tr.child td.child ul.dtr-details {
  padding: 1em !important;
}
.dt-responsive-placeholder {
  display: none;
}
.dtr-title .dt-responsive-placeholder,
.responsive-child .dt-responsive-placeholder {
  display: inline;
}
tr.shown td.details-control,
li.details-control .dtr-data {
  cursor: pointer;
}
td.details-control:before,
li.details-control .dtr-data:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: 300;
  content: "\f0fe";
}
tr.shown td.details-control:before,
li.details-control.shown .dtr-data:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: 300;
  content: "\f146";
}
li.details-control.shown {
  border-bottom: none !important;
}
li.details-control.shown #tableDataCases {
  margin-bottom: 10px;
  margin-top: 10px;
}
.dt-row-loadindicator {
  display: block;
  font-size: 160%;
  margin: 5px;
}
.cssAccordion {
  border: 0px solid #b2b1b1;
  padding: 0;
  margin: 0 auto 1rem auto;
  list-style: none outside;
  margin-block-end: 0;
  background-color: #333333;
}
.cssAccordion input[type="checkbox"].state {
  position: absolute;
  left: -10000px;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.cssAccordion input[type="checkbox"].state:checked ~ .panel {
  max-height: 100vh;
  padding-top: 15px;
  overflow: unset;
}
.cssAccordion input[type="checkbox"].state:checked ~ label {
  background-color: rgba(199, 199, 199, 0.3);
}
.cssAccordion input[type="checkbox"].state:checked ~ label::after {
  transform: rotate(-180deg);
  content: "\f2d1";
  /*noinspection CssNoGenericFontName */
  font-family: 'Font Awesome 5 Pro';
}
.cssAccordion li > label {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  height: 2.5rem;
  position: relative;
  cursor: pointer;
  font-size: 1.17em;
  font-weight: normal;
  background-color: #444444;
  margin-bottom: 0;
}
.cssAccordion li > label::after {
  position: absolute;
  right: 1rem;
  content: "\f2d0";
  /*noinspection CssNoGenericFontName */
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  width: 1em;
  height: 1em;
  text-align: center;
}
.cssAccordion li > label > i {
  padding: 0 0.5rem 0 0;
}
.cssAccordion li > label:hover,
.cssAccordion li > label:active,
.cssAccordion li > label.active {
  background-color: rgba(199, 199, 199, 0.3);
}
.cssAccordion .panel {
  background-color: #333333;
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.15s ease-out, margin-bottom 0.3s ease-out, padding 0.3s ease-out;
  transition: max-height 0.15s ease-out, margin-bottom 0.3s ease-out, padding 0.3s ease-out;
}
.cssAccordion .panel .content {
  margin: 1rem;
  margin-bottom: 0;
  display: block;
}
.cssAccordion button.button-right {
  margin: 1rem 0;
  float: right;
}
.dropzone,
.dropzone-wrapper {
  width: 100%;
  border: 1px dotted #b2b1b1;
  background-color: rgba(23, 23, 23, 0.5);
  padding: 0 1rem;
}
.dropzone .dz-message,
.dropzone-wrapper .dz-message {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 1rem 0;
}
.dropzone .dz-message div,
.dropzone-wrapper .dz-message div {
  display: inline-block;
  text-align: center;
}
.dropzone .dz-message div i.fa-upload,
.dropzone-wrapper .dz-message div i.fa-upload {
  font-size: 3em;
  margin: 0 0 1rem 0;
}
.dropzone .dz-preview,
.dropzone-wrapper .dz-preview {
  display: flex;
  width: 100%;
  border-color: #b2b1b1;
  border-style: solid;
  border-width: 0 0 1px 0;
  min-height: 2em;
  margin: 0;
  flex-direction: row;
  flex-wrap: nowrap;
}
.dropzone .dz-preview.dz-image-preview,
.dropzone-wrapper .dz-preview.dz-image-preview {
  background: transparent;
}
.dropzone .dz-preview.dz-error,
.dropzone-wrapper .dz-preview.dz-error {
  background-color: #e30017;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-wrapper .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview.dz-error .dz-progress,
.dropzone-wrapper .dz-preview.dz-error .dz-progress {
  display: none;
}
.dropzone .dz-preview.dz-error .trans_error,
.dropzone-wrapper .dz-preview.dz-error .trans_error {
  display: block;
  font-size: 0.9em;
  padding: 0 0.5rem;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-wrapper .dz-preview .dz-error-message,
.dropzone .dz-preview .dz-error-mark,
.dropzone-wrapper .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-wrapper .dz-preview .dz-success-mark {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-wrapper .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-wrapper .dz-preview .dz-error-mark {
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: unset;
  margin-top: -0.8rem;
}
.dropzone .dz-preview .dz-success-mark i.fa-check,
.dropzone-wrapper .dz-preview .dz-success-mark i.fa-check {
  color: #2c9328;
}
.dropzone .dz-preview .dz-error-mark i.fa-times-circle,
.dropzone-wrapper .dz-preview .dz-error-mark i.fa-times-circle {
  color: #e30017;
}
.dropzone .dz-preview .dz-filename,
.dropzone-wrapper .dz-preview .dz-filename {
  padding-bottom: 0;
}
.dropzone .dz-preview .dz-remove,
.dropzone-wrapper .dz-preview .dz-remove {
  display: inherit;
}
.toolTip {
  position: relative;
}
.toolTip > span.toolTipText {
  z-index: 99;
  display: none;
  padding: 1em;
  margin-top: 2em;
  white-space: nowrap;
  /*width: 40em;*/
}
.toolTip:hover > span.toolTipText,
.toolTip.hover > span.toolTipText {
  display: inline-block;
  position: absolute;
  border: 1px solid #090909;
  color: #090909;
  background-color: #c7c7c7;
  box-shadow: 0 0 8px 4px #2d2d2b;
  max-width: 50vw;
}
mark#Motd {
  background-color: #ff6600;
  z-index: 30;
}
mark#Motd .developmentBar,
mark#Motd .maintenance-notice {
  background-color: #ff6600;
  text-align: center;
}
mark#Motd .developmentBar.message,
mark#Motd .maintenance-notice.message {
  margin: 0 auto;
  font-size: 1em;
  padding: 0.5em 1em;
}
.maintenance-notice {
  background-color: #e30017 !important;
  color: white !important;
}
header {
  background-color: #090909;
}
header.flexGrid {
  justify-content: stretch;
}
header.flexGrid .row {
  height: 100%;
}
header.flexGrid .row > .sideBar {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  max-width: 250px;
  padding: 0 1rem;
}
@media all and (max-width: 575px) {
  header.flexGrid .row > .sideBar {
    max-width: 100%;
    justify-content: space-between;
  }
}
header.flexGrid .row > .commonInfo {
  display: flex;
  flex: 2 2 auto;
  flex-grow: 2;
  align-items: center;
  padding: 0 1rem;
  margin-left: 40px;
  padding-top: 10px;
  padding-bottom: 15px;
}
header.flexGrid .row > .commonInfo h1 {
  font-family: 'Montserrat', 'Calibri', sans-serif;
  color: #ffffff;
  margin: 0;
  font-weight: normal;
  font-size: 1.5rem;
}
header.flexGrid .row > .userInfo {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}
header.flexGrid .row .col:last-child {
  padding-right: 0;
}
header #NavToggle {
  display: inline-flex;
  align-self: center;
  margin: 0 1rem 0 0;
  float: left;
}
header #NavToggle label#NavToggleTrigger {
  display: block;
  position: relative;
  font-size: 2rem;
  cursor: pointer;
  -webkit-touch-callout: none;
}
header #NavToggle label#NavToggleTrigger span.bar {
  display: block;
  width: 1em;
  margin-bottom: 0.25em;
  height: 0.11em;
  background-color: #c7c7c7;
  z-index: 1;
  transform-origin: 4px 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.4s ease;
}
header #NavToggle label#NavToggleTrigger span.bar:first-child {
  transform-origin: 0 0;
}
header #NavToggle label#NavToggleTrigger span.bar:nth-last-child(2) {
  transform-origin: 0 100%;
}
header #NavToggle label#NavToggleTrigger span.bar:last-child {
  margin-bottom: 0;
}
header #NavToggle label#NavToggleTrigger:hover span.bar {
  background-color: #ffffff;
}
header .logo {
  margin: 0.2rem 0;
  padding: 0;
}
header .logo a {
  display: inline-block;
}
header .logo img {
  display: block;
  max-width: 100%;
  max-height: 40px;
}
header .logo figcaption.claim {
  position: relative;
  font-family: 'Montserrat', 'Calibri', sans-serif;
  color: #ffffff;
  font-size: 0.9rem;
  margin-right: 1px;
  margin-top: -2px;
  float: right;
}
header #UserNav {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
@media all and (max-width: 767px) {
  header #UserNav {
    position: absolute;
    right: 0;
    max-width: 80%;
  }
  header #UserNav .dir > span {
    text-align: right;
    padding-right: 10px;
    font-size: 150%;
  }
}
header #UserNav ul.dropdown.theme-regraph-usermenu li:hover,
header #UserNav ul.dropdown.theme-regraph-usermenu li:active,
header #UserNav ul.dropdown.theme-regraph-usermenu li.active {
  background-color: transparent;
}
header #UserNav ul.dropdown.theme-regraph-usermenu li:hover ul#UserMenu,
header #UserNav ul.dropdown.theme-regraph-usermenu li:active ul#UserMenu,
header #UserNav ul.dropdown.theme-regraph-usermenu li.active ul#UserMenu {
  border-style: solid;
  border-color: #090909;
  border-width: 0 1px 1px 1px;
  background-color: #333333;
}
header #UserNav ul.dropdown.theme-regraph-usermenu li:hover ul#UserMenu li,
header #UserNav ul.dropdown.theme-regraph-usermenu li:active ul#UserMenu li,
header #UserNav ul.dropdown.theme-regraph-usermenu li.active ul#UserMenu li {
  line-height: 1.5em;
  border-style: solid;
  border-color: #090909;
  border-width: 1px 0 0 0;
}
header #UserNav ul.dropdown.theme-regraph-usermenu li:hover ul#UserMenu li:first-of-type,
header #UserNav ul.dropdown.theme-regraph-usermenu li:active ul#UserMenu li:first-of-type,
header #UserNav ul.dropdown.theme-regraph-usermenu li.active ul#UserMenu li:first-of-type {
  border-style: solid;
  border-color: #090909;
  border-width: 0 0 0 0;
}
header #UserNav ul.dropdown.theme-regraph-usermenu li:hover ul#UserMenu li.user-name-entry,
header #UserNav ul.dropdown.theme-regraph-usermenu li:active ul#UserMenu li.user-name-entry,
header #UserNav ul.dropdown.theme-regraph-usermenu li.active ul#UserMenu li.user-name-entry {
  background-color: #090909;
  color: #b2b1b1;
  font-size: 120%;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 15px;
}
header #UserNav ul.dropdown.theme-regraph-usermenu li:hover ul#UserMenu li.user-name-entry i,
header #UserNav ul.dropdown.theme-regraph-usermenu li:active ul#UserMenu li.user-name-entry i,
header #UserNav ul.dropdown.theme-regraph-usermenu li.active ul#UserMenu li.user-name-entry i {
  display: block;
  margin-bottom: 5px;
}
header #UserNav .userName,
header #UserNav .logout {
  display: inline-block;
  position: relative;
  color: #c7c7c7;
  padding: 0 1em;
  border: none;
  line-height: 3.7em;
  cursor: pointer;
  min-width: 175px;
}
header #UserNav .userName > span i.fa-user,
header #UserNav .logout > span i.fa-user {
  font-size: 1.4rem;
  margin-right: 0.5rem;
  position: relative;
}
header #UserNav .userName:hover,
header #UserNav .logout:hover {
  color: #ffffff;
}
header #UserNav .logout span {
  font-size: 16px;
}
header .userInfo {
  color: #c7c7c7;
  font-size: 0.8rem;
}
header .userInfo a {
  color: #c7c7c7;
  text-decoration: none;
}
header .userInfo a:hover {
  color: #ffffff;
  text-decoration: underline;
}
header .userInfo a.iconLink:hover {
  text-decoration: none;
}
header .userInfo nav.header-menu {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-grow: 1;
}
header .userInfo nav.header-menu a {
  margin: 0 1rem;
}
.navigation-bg-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#232323+0,343434+2,2b2b2b+4,2b2b2b+9,292929+11,282828+29,202020+66,1c1c1c+98,000000+100 */
  background: #232323;
  /* Old browsers */
  background: -moz-linear-gradient(top, #232323 0%, #343434 2%, #2b2b2b 4%, #2b2b2b 9%, #292929 11%, #282828 29%, #202020 66%, #1c1c1c 98%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #232323 0%, #343434 2%, #2b2b2b 4%, #2b2b2b 9%, #292929 11%, #282828 29%, #202020 66%, #1c1c1c 98%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #232323 0%, #343434 2%, #2b2b2b 4%, #2b2b2b 9%, #292929 11%, #282828 29%, #202020 66%, #1c1c1c 98%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232323', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
ul.dropdown {
  font-size: 13px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  float: left;
}
ul.dropdown li {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  min-height: 1px;
  line-height: 26px;
  vertical-align: middle;
  color: #c7c7c7;
}
ul.dropdown li a {
  display: block;
  white-space: nowrap;
}
ul.dropdown li:hover,
ul.dropdown li.hover {
  position: relative;
  z-index: 20;
  cursor: default;
}
ul.dropdown li:hover > ul {
  visibility: visible;
}
ul.dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 20;
  width: 100%;
}
ul.dropdown ul.right {
  left: auto;
  right: 0;
}
ul.dropdown ul li {
  float: none;
}
ul.dropdown ul ul {
  top: 1px;
  left: 99%;
}
ul.dropdown.theme-regraph {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#232323+0,343434+2,2b2b2b+4,2b2b2b+9,292929+11,282828+29,202020+66,1c1c1c+98,000000+100 */
  background: #232323;
  /* Old browsers */
  background: -moz-linear-gradient(top, #232323 0%, #343434 2%, #2b2b2b 4%, #2b2b2b 9%, #292929 11%, #282828 29%, #202020 66%, #1c1c1c 98%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #232323 0%, #343434 2%, #2b2b2b 4%, #2b2b2b 9%, #292929 11%, #282828 29%, #202020 66%, #1c1c1c 98%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #232323 0%, #343434 2%, #2b2b2b 4%, #2b2b2b 9%, #292929 11%, #282828 29%, #202020 66%, #1c1c1c 98%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232323', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  width: 100%;
  padding-bottom: 2px;
  font-family: 'Montserrat', 'Calibri', sans-serif;
}
ul.dropdown.theme-regraph a {
  display: block;
  text-decoration: none;
}
ul.dropdown.theme-regraph a:hover,
ul.dropdown.theme-regraph a:active,
ul.dropdown.theme-regraph a.active {
  font-weight: normal;
  text-decoration: none;
}
ul.dropdown.theme-regraph *.dir {
  padding-right: 12px;
  background-image: none;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
ul.dropdown.theme-regraph li {
  padding: 0;
  background-color: transparent;
  color: #c7c7c7;
  line-height: 3em;
  display: block;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #090909;
}
ul.dropdown.theme-regraph li.right {
  float: right;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: #090909;
}
ul.dropdown.theme-regraph li:hover,
ul.dropdown.theme-regraph li:active,
ul.dropdown.theme-regraph li.active {
  background-color: rgba(45, 45, 43, 0.95);
  background-position: -2px 0;
  color: #ffffff;
  text-decoration: none;
}
ul.dropdown.theme-regraph li:hover a,
ul.dropdown.theme-regraph li:active a,
ul.dropdown.theme-regraph li.active a {
  background-color: transparent;
  color: #ffffff;
}
ul.dropdown.theme-regraph li a {
  color: #c7c7c7;
  display: block;
  padding: 6.5px 26px;
}
ul.dropdown.theme-regraph li a:hover,
ul.dropdown.theme-regraph li a:active,
ul.dropdown.theme-regraph li a.active {
  background-color: transparent;
  color: #ffffff;
}
ul.dropdown.theme-regraph > li.dir {
  padding: 6.5px 26px;
  font-size: 1em;
}
ul.dropdown.theme-regraph > li.dir ul {
  width: auto;
  background-color: rgba(45, 45, 43, 0.95);
  color: #c7c7c7;
  font-size: 1em;
  text-transform: none;
}
ul.dropdown.theme-regraph > li.dir ul a {
  font-size: 1em;
  color: #c7c7c7;
}
ul.dropdown.theme-regraph > li.dir ul a:hover,
ul.dropdown.theme-regraph > li.dir ul a:active,
ul.dropdown.theme-regraph > li.dir ul a.active {
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
}
ul.dropdown.theme-regraph > li.dir ul a.notvisible {
  color: #090909;
}
ul.dropdown.theme-regraph > li.dir ul li {
  background-color: transparent;
  color: #090909;
  filter: none;
}
ul.dropdown.theme-regraph > li.dir ul li.hover,
ul.dropdown.theme-regraph > li.dir ul li:hover,
ul.dropdown.theme-regraph > li.dir ul li:active,
ul.dropdown.theme-regraph > li.dir ul li.active {
  background-color: transparent;
}
ul.dropdown.theme-regraph > li.dir ul li.dir {
  padding: 0;
}
ul.dropdown.theme-regraph > li.dir ul li.dir span {
  color: #c7c7c7;
}
ul.dropdown.theme-regraph > li.dir ul li.dir span.group {
  display: block;
  padding: 6.5px 26px;
  font-size: 13px;
}
ul.dropdown.theme-regraph > li.dir ul li.dir span.group:hover,
ul.dropdown.theme-regraph > li.dir ul li.dir span.group:active,
ul.dropdown.theme-regraph > li.dir ul li.dir span.group.active {
  background-color: transparent;
  color: #ffffff;
}
ul.dropdown.theme-regraph > li.dir ul li.dir span.notvisible {
  color: #b2b1b1;
}
ul.dropdown.theme-regraph > li.dir.right {
  float: right;
}
ul.dropdown.theme-regraph > li.dir.right ul {
  left: unset;
  right: 0;
}
ul.dropdown.theme-regraph-usermenu {
  background-color: transparent;
  padding-bottom: 2px;
  font-family: 'Montserrat', 'Calibri', sans-serif;
  z-index: 2;
}
ul.dropdown.theme-regraph-usermenu a {
  display: block;
  text-decoration: none;
}
ul.dropdown.theme-regraph-usermenu a:hover,
ul.dropdown.theme-regraph-usermenu a:active,
ul.dropdown.theme-regraph-usermenu a.active {
  font-weight: normal;
  text-decoration: none;
}
ul.dropdown.theme-regraph-usermenu *.dir {
  padding-right: 12px;
  background-image: none;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
ul.dropdown.theme-regraph-usermenu li {
  padding: 0;
  background-color: transparent;
  color: #c7c7c7;
  line-height: 3em;
  display: block;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #090909;
}
ul.dropdown.theme-regraph-usermenu li.right {
  float: right;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: #090909;
}
ul.dropdown.theme-regraph-usermenu li:hover,
ul.dropdown.theme-regraph-usermenu li:active,
ul.dropdown.theme-regraph-usermenu li.active {
  background-color: #2d2d2b;
  background-position: -2px 0;
  color: #ffffff;
  text-decoration: none;
  z-index: 20;
}
ul.dropdown.theme-regraph-usermenu li:hover a,
ul.dropdown.theme-regraph-usermenu li:active a,
ul.dropdown.theme-regraph-usermenu li.active a {
  background-color: transparent;
  color: #ffffff;
}
ul.dropdown.theme-regraph-usermenu li a {
  color: #c7c7c7;
  display: block;
  padding: 1em 1.76em;
}
ul.dropdown.theme-regraph-usermenu li a:hover,
ul.dropdown.theme-regraph-usermenu li a:active,
ul.dropdown.theme-regraph-usermenu li a.active {
  background-color: transparent;
  color: #ffffff;
}
ul.dropdown.theme-regraph-usermenu > li.dir {
  padding: 6.5px 26px;
  font-size: 1em;
}
ul.dropdown.theme-regraph-usermenu > li.dir.userName.hover,
ul.dropdown.theme-regraph-usermenu > li.dir.userName:hover,
ul.dropdown.theme-regraph-usermenu > li.dir.userName:active,
ul.dropdown.theme-regraph-usermenu > li.dir.userName.active {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
ul.dropdown.theme-regraph-usermenu > li.dir.userName.hover ul,
ul.dropdown.theme-regraph-usermenu > li.dir.userName:hover ul,
ul.dropdown.theme-regraph-usermenu > li.dir.userName:active ul,
ul.dropdown.theme-regraph-usermenu > li.dir.userName.active ul {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul {
  width: 100%;
  background-color: #1f1f1f;
  color: #c7c7c7;
  font-size: 1em;
  text-transform: none;
  z-index: 20;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul a {
  font-size: 1em;
  color: #c7c7c7;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul a:hover,
ul.dropdown.theme-regraph-usermenu > li.dir ul a:active,
ul.dropdown.theme-regraph-usermenu > li.dir ul a.active {
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul a.notvisible {
  color: #090909;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul li {
  background-color: transparent;
  color: #090909;
  filter: none;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul li.hover,
ul.dropdown.theme-regraph-usermenu > li.dir ul li:hover,
ul.dropdown.theme-regraph-usermenu > li.dir ul li:active,
ul.dropdown.theme-regraph-usermenu > li.dir ul li.active {
  background-color: transparent;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul li.dir {
  padding: 0;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul li.dir span {
  color: #c7c7c7;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul li.dir span.group {
  display: block;
  padding: 6.5px 26px;
  font-size: 13px;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul li.dir span.group:hover,
ul.dropdown.theme-regraph-usermenu > li.dir ul li.dir span.group:active,
ul.dropdown.theme-regraph-usermenu > li.dir ul li.dir span.group.active {
  background-color: transparent;
  color: #ffffff;
}
ul.dropdown.theme-regraph-usermenu > li.dir ul li.dir span.notvisible {
  color: #b2b1b1;
}
ul.dropdown.theme-regraph-usermenu > li.dir.right {
  float: right;
}
ul.dropdown.theme-regraph-usermenu > li.dir.right ul {
  left: unset;
  right: 0;
}
mark#Motd {
  display: flex;
  flex-direction: column;
}
mark#Motd span.message {
  padding: 0.2rem 0 0;
  font-size: 1.2rem;
  font-family: 'Calibri', Arial, sans-serif;
}
#Messages {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  padding: 0 3rem;
}
#Messages p.message {
  border: 1px solid #2d2d2b;
  border-radius: 5px;
  margin: 0 0.5rem;
  padding: 0.2rem 0.8rem;
  display: flex;
  line-height: 1.5em;
  padding: 1em;
}
#Messages p.message span {
  margin-top: -3px;
  margin-left: 10px;
}
#Messages p.message.error {
  background-color: #e30017;
  color: #ffffff;
}
#Messages p.message.notice {
  background-color: #ffffff;
  color: #090909;
}
#Messages p.message.success {
  background-color: #39aa36;
  color: #ffffff;
}
#Messages p.message:first-of-type {
  margin-top: 1rem;
}
#Messages p.message:last-of-type {
  margin-bottom: 2rem;
}
body {
  color: #ffffff;
  background-color: #2d2d2b;
}
body main {
  background-color: #1f1f1f;
  font-size: 10pt;
}
body main.light-theme {
  background-color: #ffffff !important;
}
body main.light-theme #Content {
  padding: 0;
}
body main #Content {
  padding: 1rem 4rem 4rem 4rem;
}
@media all and (max-width: 767px) {
  body main #Content {
    padding: 2rem;
  }
}
body main #Content.topSpace {
  margin-top: 4rem;
}
body main #Content h1 {
  font-size: 2em;
  margin: 0 0 1em;
  font-weight: normal;
}
body main #Content h2 {
  font-size: 1.5em;
  margin: 0 0 1em;
  font-weight: normal;
}
body main #Content h2 + span.notice {
  display: inline-block;
  margin-left: 1rem;
  font-weight: normal;
}
body main #Content table {
  width: 100%;
}
body main #Content table td,
body main #Content table th {
  padding: 0.1rem 0 0.1rem 0.5rem;
  line-height: 2rem;
}
body main #Content table td button,
body main #Content table th button {
  border: 0px;
  background: none;
}
body main #Content table td button i,
body main #Content table th button i {
  font-size: 20px;
}
body main #Content table td:first-of-type,
body main #Content table th:first-of-type {
  padding: 0 10px 0 10px;
}
body main #Content table td.align-left,
body main #Content table th.align-left {
  text-align: left;
}
body main #Content table td.align-center,
body main #Content table th.align-center {
  text-align: center;
}
body main #Content table td.align-right,
body main #Content table th.align-right {
  text-align: right;
}
body main #Content table td:last-child,
body main #Content table th:last-child {
  padding: 0.1rem 0.5rem;
}
body main #Content table.infoTable {
  border-collapse: collapse;
}
body main #Content table.infoTable thead th input[type="checkbox"] {
  margin: 0.6rem 0 0 0.2em;
}
body main #Content table.infoTable tbody tr {
  background-color: transparent;
}
body main #Content table.infoTable tbody tr:nth-child(odd),
body main #Content table.infoTable tbody tr.odd td {
  background-color: #333333;
}
body main #Content table.infoTable tbody tr:nth-child(even),
body main #Content table.infoTable tbody tr.even td {
  background-color: #444444;
}
body main #Content table.infoTable tbody tr.broken:nth-child(odd) td {
  background-color: rgba(227, 0, 23, 0.2);
}
body main #Content table.infoTable tbody tr.broken:nth-child(even) td {
  background-color: rgba(227, 0, 23, 0.2);
}
body main #Content table.infoTable tbody td input[type="checkbox"] {
  margin: 0.6rem 0 0 0.2em;
}
body.noHeader main {
  background-color: #2d2d2b;
}
.artID-display,
.lower-display {
  color: #777777;
}
.disable-scrollbar {
  -ms-overflow-style: none;
}
.disable-scrollbar::-webkit-scrollbar {
  display: none;
}
.responsive-child {
  width: 100%;
}
.responsive-child .entry-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.responsive-child .entry-row:not(:first-of-type) {
  border-top: 1px solid #758291;
}
.responsive-child .entry-row span.entry-value {
  display: block;
  text-align: right;
}
.responsive-child .entry-row span.entry-value span {
  display: block;
}
.responsive-child .entry-row table {
  margin-left: -5px;
}
.responsive-child .entry-row table tr,
.responsive-child .entry-row table td {
  border-collapse: collapse;
  background: transparent !important;
}
@media all and (max-width: 575px) {
  .responsive-child .entry-row {
    align-items: start;
    flex-direction: column;
  }
  .responsive-child .entry-row span {
    text-align: left;
  }
}
.show-info {
  cursor: pointer;
}
#confirmModal .button {
  float: right;
  margin-left: 5px;
}
.error {
  color: #e30017;
}
.contract-report-modal-content .form-row {
  display: flex;
  justify-content: start;
  flex-direction: row;
  align-items: center;
}
.contract-report-modal-content .form-row .inline-option {
  display: flex;
  justify-content: start;
  flex-direction: row;
  align-items: start;
}
.contract-report-modal-content label {
  display: block;
}
body#ForceChangePassword #Content .box,
body#SetAiasOption #Content .box,
body#Two-factor-auth #Content .box {
  width: unset;
}
body#ForceChangePassword #Content .box .box-content,
body#SetAiasOption #Content .box .box-content,
body#Two-factor-auth #Content .box .box-content {
  padding: 0 3rem;
}
body#ForceChangePassword #Content .box .flexGrid .row.gutters,
body#SetAiasOption #Content .box .flexGrid .row.gutters,
body#Two-factor-auth #Content .box .flexGrid .row.gutters {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
body#ForceChangePassword #Content .box .flexGrid .row.gutters:first-of-type,
body#SetAiasOption #Content .box .flexGrid .row.gutters:first-of-type,
body#Two-factor-auth #Content .box .flexGrid .row.gutters:first-of-type {
  margin-top: 0;
}
body#ForceChangePassword .small,
body#SetAiasOption .small,
body#Two-factor-auth .small {
  font-size: 90%;
}
body#ForceChangePassword .small a,
body#SetAiasOption .small a,
body#Two-factor-auth .small a {
  text-decoration: underline;
}
body#ForceChangePassword #submit-client-code,
body#SetAiasOption #submit-client-code,
body#Two-factor-auth #submit-client-code {
  display: block;
  width: 100%;
}
body#ForceChangePassword #submit-client-code button,
body#SetAiasOption #submit-client-code button,
body#Two-factor-auth #submit-client-code button {
  width: 100%;
}
body#ForceChangePassword #submit-client-code #locked-display,
body#SetAiasOption #submit-client-code #locked-display,
body#Two-factor-auth #submit-client-code #locked-display {
  color: #e30017;
}
body#ForceChangePassword a.logout,
body#SetAiasOption a.logout,
body#Two-factor-auth a.logout {
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 2em;
  text-decoration: underline;
}
body#PrivacyConfirm #Content .box {
  width: 100%;
}
body#PrivacyConfirm #Content .box form {
  display: inline-block;
}
body#PrivacyConfirm #Content .box form input#agreed {
  display: block;
  padding: 1em;
  float: left;
}
body#PrivacyConfirm #Content .box .box-content {
  padding: 0 3rem;
}
body#PrivacyConfirm #Content .box .flexGrid .row.gutters {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
body#PrivacyConfirm #Content .box .flexGrid .row.gutters:first-of-type {
  margin-top: 0;
}
body#PrivacyConfirm .privacy-policy {
  border: 1px solid #b2b1b1;
  margin-bottom: 3rem;
  padding: 1rem;
  max-height: 40vh;
  overflow-y: scroll;
}
#authenticateModal #Logo {
  margin-bottom: 0;
}
#authenticateModal input {
  width: 100%;
  border: none;
  background-color: #c7c7c7;
  height: 30px;
  padding: 10px;
}
#authenticateModal input::placeholder {
  color: #444444;
}
#authenticateModal .button {
  margin-top: 10px;
}
#authenticateModal .box-footer {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.9rem;
  color: #c7c7c7;
}
#authenticateModal .box-footer .row {
  margin-bottom: 10px;
  margin-top: 10px;
}
#TableDocumentationListe th,
#ShareFileRead table th,
#TableDocumentationListe td,
#ShareFileRead table td {
  height: 40px;
  padding-left: 20px !important;
}
.deliveryLoginROPBox {
  background-color: #1c7a19;
}
.deliveryLoginROPBox .btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}
@media all and (max-width: 767px) {
  .deliveryLoginROPBox .btn-container {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}
.deliveryLoginROPBox .btn-container a,
.deliveryLoginROPBox .btn-container button {
  width: 100%;
  margin-bottom: 5px;
}
.deliveryLoginROPBox .btn-container .button {
  background-color: #145812;
}
.deliveryLoginROPBox .btn-container .button:hover {
  background-color: #1c7a19;
}
.deliveryLoginROPBox .btn-container .button .small {
  display: block;
  font-size: 70%;
}
.deliveryLoginROPBox p {
  text-align: justify;
  padding-right: 20px;
}
.deliveryLoginROPBox .delivery-login-tipp {
  font-size: 90%;
  padding-top: 3px;
}
#RegisterLight {
  height: 100%;
}
#RegisterLight #Workspace {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#RegisterLight #Workspace #Content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#RegisterLight #Workspace #Content .success-msg {
  text-align: center;
  background-color: #1c7a19;
  color: #ffffff;
  margin: 1em;
  border: 1px solid #444444;
  padding: 1em;
  border-radius: 5px;
  font-size: 150%;
  max-width: 600px;
}
#RegisterLight #Workspace #Content .other-links a {
  color: #171717;
}
footer {
  font-size: 0.9rem;
  padding: 0;
  background-color: #090909;
  color: #c7c7c7;
}
footer.flexGrid {
  justify-content: stretch;
}
footer.flexGrid .footerContent {
  margin: 0 4rem !important;
}
footer.flexGrid .footerContent.legal .col {
  justify-content: center;
}
footer.flexGrid .row {
  height: 100%;
}
footer.flexGrid .row.gutters .col {
  padding-bottom: 0;
}
footer.flexGrid .row .col {
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
footer.flexGrid .row .col.copyright i.fa-copyright {
  padding-right: 0.5rem;
}
@media all and (max-width: 767px) {
  footer.flexGrid .row .span-5,
  footer.flexGrid .row .span-7 {
    max-width: 100% !important;
    flex-basis: 100% !important;
    justify-content: center !important;
  }
  footer.flexGrid .row .span-5 .footer-menu,
  footer.flexGrid .row .span-7 .footer-menu {
    flex-direction: column;
    text-align: center;
  }
}
footer nav.footer-menu {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-grow: 1;
}
footer nav.footer-menu a {
  margin: 0 1rem;
}
body#ErrorPage {
  background-color: #2d2d2b;
}
body#ErrorPage .box {
  width: 30vw;
}
body#ErrorPage .box .box-header {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  margin-bottom: 2rem;
}
body#ErrorPage .box .box-header h1 {
  background-color: #e30017;
  color: #ffffff;
  font-weight: normal;
  font-size: 1.3rem;
  padding: 0.5em;
  margin: 0;
}
body#ErrorPage .box .box-content {
  color: #ffffff;
}
body#ErrorPage .box .box-content h2 {
  font-size: 1.2rem;
  margin: 1rem;
  font-weight: normal;
}
body#ErrorPage .box .box-content p {
  margin: 1rem;
  padding: 0;
}
body#ErrorPage main #Content .centered {
  width: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
body#ErrorPage main #Content #Logo.centered {
  margin-top: 5vh;
  margin-bottom: 10vh;
}
body#ErrorPage main #Content #Logo .logo {
  margin: 0.5rem auto;
  padding: 0;
}
body#ErrorPage main #Content #Logo .logo a {
  display: inline-block;
}
body#ErrorPage main #Content #Logo .logo img {
  display: block;
  max-width: 100%;
  max-height: 80px;
}
body#ErrorPage main #Content #Logo .logo figcaption.claim {
  position: relative;
  font-family: 'Montserrat', 'Calibri', sans-serif;
  color: #ffffff;
  font-size: 1.5rem;
  margin-right: 1px;
  float: right;
}
aside#NavBar {
  background-color: #1f1f1f;
  border-style: solid;
  border-color: #b2b1b1;
  border-width: 0 0 0 0;
  height: 100%;
  width: var(--sidebar-width);
  box-sizing: border-box;
  position: absolute;
}
@media all and (min-width: 801px) and (max-width: 1270px) {
  aside#NavBar {
    position: fixed;
    padding-top: 80px;
    top: 0;
    border-width: 0 1px 0 0;
  }
}
@media all and (max-width: 991px) {
  aside#NavBar {
    position: fixed;
    padding-top: 80px;
    top: 0;
    border-width: 0 1px 0 0;
  }
}
aside#NavBar #MainNavigation #SelectLocation {
  padding: 0.8rem 1.2rem 1.2rem;
  border-color: #b2b1b1;
  border-style: solid;
  border-width: 0 0 1px 0;
}
aside#NavBar #MainNavigation #SelectLocation label {
  display: block;
  color: #b2b1b1;
  font-size: 10pt;
}
aside#NavBar #MainNavigation.navigation-vertical {
  padding: 0px;
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item {
  font-size: 14px;
  font-weight: 200;
  padding: 10px;
  text-decoration: none;
  color: #b2b1b1;
  border-style: solid;
  border-color: #b2b1b1;
  border-width: 1px 0 0 0;
  display: flex;
  position: relative;
  align-items: center;
  /*
                &:first-of-type {
                    border-width: 0;
                }
                */
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item label {
  cursor: pointer;
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item.has-subitems {
  cursor: pointer;
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item i {
  padding-right: 10px;
  font-size: 19px;
  color: #FFFFFF;
  padding-left: 10px;
  position: relative;
  top: 2px;
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item .nav-entry-indicator {
  font-size: 0.7em;
  background-color: #e30017;
  /* padding: 0.4em; */
  border-radius: 50px;
  height: 2em;
  width: 2em;
  text-align: center;
  margin-left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item:last-of-type {
  border-width: 1px 0 1px 0;
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item.active {
  color: #ffffff;
  background: #444444;
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item:hover {
  color: #ffffff;
  background: #333333;
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item .multi-line {
  display: inline-block;
  height: 35px;
  border: 0;
}
aside#NavBar #MainNavigation.navigation-vertical .nav-item .multi-line.text {
  float: right;
  width: 192px;
}
aside#NavBar #MainNavigation.navigation-vertical .navigation-sub-content .nav-item {
  padding-left: 40px;
}
aside#NavBar #MainNavigation.navigation-vertical .navigation-sub-content .nav-item label {
  cursor: pointer;
}
aside#NavBar #MainNavigation.navigation-vertical .navigation-sub-content .nav-item:first-child {
  border-top: 1px solid #b2b1b1;
}
aside#NavBar #MainNavigation.navigation-vertical .navigation-sub-content .nav-item:last-child {
  border-bottom: none;
}
#flk-editor-section {
  /* "layer behaviour" */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: #171717;
}
#flk-editor-section .flkeditor-container,
#flk-editor-section #flkeditor-container {
  padding-right: 0;
  flex-grow: 1;
  height: 0;
}
#flk-editor-section .centerEditorObjects {
  z-index: 210;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#flk-editor-section .centerEditorObjects #flkeditor-loadicon {
  font-size: 500%;
}
#flk-editor-section #pngViewerTop {
  background: #090909 !important;
}
#flk-editor-section #pngViewerTop button:hover,
#flk-editor-section #pngViewerTop button.activePage,
#flk-editor-section #pngViewerTop button.active {
  background-color: #758291;
}
#flk-editor-section .notice {
  z-index: 210;
  position: fixed;
  width: 70%;
  margin-left: 20%;
  top: 10%;
  padding: 10px;
  background-color: #8c868d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
#flk-editor-section .notice .button {
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 5px;
  top: 0;
}
#flk-editor-section #settings-menu {
  display: none;
}
#flk-editor-section .menu-container {
  z-index: 190;
  background-color: #1f1f1f;
  position: fixed;
  top: 70px;
  right: 1%;
  padding: 2em;
  text-align: left;
}
#flk-editor-section .menu-container.new-container {
  right: auto;
  left: 200px;
}
#flk-editor-section .menu-container .row.cols-2 {
  margin-top: 10px;
}
#flk-editor-section .menu-container #width-selection-container #changeWidth,
#flk-editor-section .menu-container #change-fontsize-selection-container #changeWidth,
#flk-editor-section .menu-container #width-selection-container #changeFontSize,
#flk-editor-section .menu-container #change-fontsize-selection-container #changeFontSize {
  margin-top: 10px;
  min-width: 60px;
}
#flk-editor-section .mg-list {
  left: 0;
  height: 100%;
  z-index: 250;
  position: fixed;
  background-color: #ffffff;
  width: 200px;
  color: #090909;
}
@media all and (max-width: 991px) {
  #flk-editor-section .mg-list {
    width: 0 !important;
    display: none !important;
  }
}
#flk-editor-section .mg-list .mg-list-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 0.3em;
}
#flk-editor-section .mg-list .mg-list-container .mg-list-header p {
  font-size: 120%;
  font-weight: bold;
}
#flk-editor-section .mg-list .mg-list-container .mg-list-header input,
#flk-editor-section .mg-list .mg-list-container .mg-list-header select {
  border: 1px solid #090909;
  border-radius: 3px;
  padding: 5px;
}
#flk-editor-section .mg-list .mg-list-container .mg-list-header select {
  padding: 3px;
  height: auto;
  width: 190px;
  margin-bottom: 5px;
}
#flk-editor-section .mg-list .mg-list-container .mg-list-content {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
}
#flk-editor-section .mg-list .mg-list-container .mg-list-content .loading-container {
  display: block;
  font-size: 200%;
  padding: 10px;
}
#flk-editor-section .mg-list .mg-list-container .mg-list-content button {
  border: none;
  background: transparent;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 15px;
  color: #090909;
}
#flk-editor-section .mg-list .mg-list-container .mg-list-content button:hover,
#flk-editor-section .mg-list .mg-list-container .mg-list-content button.active {
  background-color: #b2b1b1;
}
#flk-editor-section .mg-list .mg-list-container .mg-list-content button.active {
  font-weight: bold;
}
#flk-editor-section .editor-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#flk-editor-section .toolbar {
  z-index: 190;
  background-color: #444444;
  color: #ffffff;
}
#flk-editor-section .toolbar button {
  border: 0;
  background-color: transparent;
  width: 50px;
  height: 50px;
  font-size: 150%;
}
#flk-editor-section .toolbar button.active-tool,
#flk-editor-section .toolbar button:hover {
  background-color: #8c868d;
}
#flk-editor-section .toolbar button#width-selection .bootstrap-icon {
  height: 20px;
  margin-top: 4px;
}
#flk-editor-section .toolbar.moveable-toolbar {
  position: absolute;
  top: 40%;
  left: 40%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 7px 5px 8px 1px rgba(0, 0, 0, 0.69);
  box-shadow: 7px 5px 8px 1px rgba(0, 0, 0, 0.69);
}
#flk-editor-section .toolbar.moveable-toolbar button {
  width: auto;
  height: auto;
  padding: 0;
  display: block;
  padding: 8px 8px 0 8px;
}
#flk-editor-section .toolbar.moveable-toolbar button:first-child {
  padding-top: 0;
}
#flk-editor-section .toolbar.moveable-toolbar button:first-child .bootstrap-icon {
  height: 15px;
}
#flk-editor-section .toolbar.moveable-toolbar button .bootstrap-icon,
#flk-editor-section .toolbar.moveable-toolbar button .fa-icon {
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  width: 25px;
}
#flk-editor-section .toolbar.moveable-toolbar button .fa-icon {
  margin-bottom: 8px;
}
#flk-editor-section .toolbar.toolbar-top-second {
  position: fixed;
  left: 50%;
  width: 480px;
  margin-left: -280px;
  top: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 750px;
  height: 50px;
}
@media screen and (max-width: 1490px) {
  #flk-editor-section .toolbar.toolbar-top-second {
    position: inherit;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
    padding-left: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    height: auto;
  }
}
@media all and (max-width: 991px) {
  #flk-editor-section .toolbar.toolbar-top-second {
    padding-left: 0;
  }
}
@media screen and (max-width: 800px) {
  #flk-editor-section .toolbar.toolbar-top-second .editor-tools {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  #flk-editor-section .toolbar.toolbar-top-second .editor-tools .editor-tool-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
#flk-editor-section .toolbar.toolbar-top-second .editor-tool-group {
  display: inline-block;
}
#flk-editor-section .toolbar.toolbar-top-second .editor-tool-group button.disabled:hover {
  background: transparent;
}
#flk-editor-section .toolbar.toolbar-top-second .editor-tool-group button.rotate-image i {
  position: absolute;
  font-size: 120%;
  margin-left: 5px;
}
#flk-editor-section .toolbar.toolbar-top-second .editor-tool-group button.rotate-image i.fa-flip-horizontal {
  margin-left: -10px;
}
#flk-editor-section .toolbar.toolbar-top-second .editor-tool-group button.rotate-image .inner-label {
  font-size: 60%;
}
#flk-editor-section .toolbar.toolbar-bottom {
  left: 0;
  bottom: 0;
  width: 100%;
}
#flk-editor-section .toolbar.toolbar-bottom.navigation-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 150%;
  padding-left: 200px;
}
@media all and (max-width: 991px) {
  #flk-editor-section .toolbar.toolbar-bottom.navigation-bar {
    padding-left: 0;
  }
}
#flk-editor-section .toolbar.toolbar-bottom.navigation-bar button {
  padding: 0;
}
#flk-editor-section .toolbar.toolbar-top {
  left: 0;
  top: 0;
  width: 100%;
  background: #090909;
}
#flk-editor-section .toolbar.toolbar-top .editor-tool-group {
  display: inline-block;
}
#flk-editor-section .toolbar.toolbar-top .editor-tool-group button.disabled:hover {
  background: transparent;
}
#flk-editor-section .toolbar.toolbar-top button {
  width: 60px;
  height: 60px;
  font-size: 200%;
}
#flk-editor-section .toolbar.toolbar-top button:hover,
#flk-editor-section .toolbar.toolbar-top button.active-tool {
  background-color: #444444;
}
#flk-editor-section .toolbar.toolbar-top .editorEdit-container {
  position: fixed;
  left: 0;
  top: 0;
  float: left;
}
#flk-editor-section .toolbar.toolbar-top .editor-control-container {
  float: left;
  margin-left: 200px;
}
@media all and (max-width: 991px) {
  #flk-editor-section .toolbar.toolbar-top .editor-control-container {
    margin-left: 0;
  }
}
#flk-editor-section .toolbar.toolbar-top .activate-carousel-container {
  display: block;
  position: fixed;
  right: 60px;
  background-color: #090909;
  max-width: 200px;
  text-align: left;
  display: flex;
  align-items: start;
  right: 0;
}
#flk-editor-section .toolbar.toolbar-top .upload-control-container {
  float: right;
}
#flk-editor-section .toolbar.toolbar-top .upload-control-container .set-pruefvermerk:not(.save-btn) {
  border-radius: 3px;
  font-size: 130%;
  width: auto;
  height: auto;
  padding: 10px;
  min-width: 45px;
}
#flk-editor-section .toolbar.toolbar-top .upload-control-container .set-pruefvermerk:not(.save-btn)[data-type="4"] {
  background-color: #e30017;
}
#flk-editor-section .toolbar.toolbar-top .upload-control-container .set-pruefvermerk:not(.save-btn)[data-type="2"] {
  background-color: #e2b007;
}
#flk-editor-section .toolbar.toolbar-top .upload-control-container .set-pruefvermerk:not(.save-btn)[data-type="1"] {
  background-color: #1c7a19;
}
#flk-editor-section .toolbar.toolbar-top .upload-control-container .set-pruefvermerk:not(.save-btn):hover {
  opacity: 0.8;
}
#flk-editor-section .toolbar.toolbar-top .upload-control-container .set-pruefvermerk:not(.save-btn) i {
  font-size: 130%;
  display: none;
}
#flk-editor-section .toolbar.toolbar-top .upload-control-container .set-pruefvermerk:not(.save-btn) .label {
  display: none;
}
#flk-editor-section .toolbar.toolbar-top .upload-control-container .set-pruefvermerk:not(.save-btn) i {
  display: inline;
}
#flk-editor-section .toolbar.toolbar-right {
  right: 0;
}
#flk-editor-section .toolbar.toolbar-left {
  left: 0;
}
#flk-editor-section .toolbar.toolbar-left-second {
  left: 200px;
}
@media all and (max-width: 991px) {
  #flk-editor-section .toolbar.toolbar-left-second {
    left: 0;
  }
}
#flk-editor-section .toolbar.toolbar-right,
#flk-editor-section .toolbar.toolbar-left {
  top: 50%;
  background-color: #090909;
}
#flk-editor-section .toolbar.toolbar-right button,
#flk-editor-section .toolbar.toolbar-left button {
  padding: 0;
  height: auto;
  font-size: 700%;
  display: block;
}
#flk-editor-section .toolbar.toolbar-right button.disabled,
#flk-editor-section .toolbar.toolbar-left button.disabled {
  display: none;
}
#flk-editor-section .toolbar.toolbar-right button:hover,
#flk-editor-section .toolbar.toolbar-left button:hover {
  color: #8c868d;
  background-color: #090909;
}
#flk-editor-section .toolbar .editor-tools {
  /*
            position   : absolute;
            top        : 50%;
            left       : 50%;
            transform  : translate(-50%, -50%);
            */
  white-space: nowrap;
}
#flk-editor-section .toolbar .editor-tools .editor-tool-group {
  margin-right: 30px;
}
#flk-editor-section .toolbar .editor-tools .editor-tool-group:last-child {
  margin-right: 0;
}
#editorViewerDiv {
  height: 100%;
}
#pngViewerDiv {
  background: #000000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: center;
}
#pngViewerDiv #pngViewerTop {
  background: #1f1f1f;
  width: 100%;
  height: 70px;
  text-align: center;
}
#pngViewerDiv #pngViewerTop #pngViewerClose {
  float: right;
  font-size: 30px;
  margin: 20px;
  cursor: pointer;
}
#pngViewerDiv #pngViewerTop .pngViewerSwitch,
#pngViewerDiv #pngViewerTop .editorViewerSwitch {
  background: #2d2d2b;
  padding: 10px;
  width: 180px;
  display: inline-block;
  margin: 10px;
  font-size: 20px;
  cursor: pointer;
}
#pngViewerDiv #pngViewerTop .pngViewerSwitch i,
#pngViewerDiv #pngViewerTop .editorViewerSwitch i {
  font-size: 25px;
}
#pngViewerDiv #pngViewerTop .activePng {
  background: #8c868d;
}
#pngViewerDiv #pngViewerTop .noPng {
  cursor: auto;
  opacity: 0.3;
}
#pngViewerDiv img {
  max-height: 80%;
  max-width: 80%;
  margin: auto;
  margin-top: 30px;
  position: relative;
  z-index: 150;
}
#pngViewerDiv #pngViewerSpinner {
  position: absolute;
  z-index: 120;
  font-size: 50px;
  top: 40%;
  left: 50%;
}
#pngViewerDiv-v2 {
  background: rgba(9, 9, 9, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}
#pngViewerDiv-v2 #pngViewerTop {
  position: fixed;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  z-index: 130;
}
#pngViewerDiv-v2 #pngViewerTop #pngViewerClose {
  font-size: 210%;
  border: none;
  background-color: transparent;
}
#pngViewerDiv-v2 #pngViewerTop #pngViewerClose i {
  background-color: #090909;
}
#pngViewerDiv-v2 #pngViewerTop #pngViewerClose:hover {
  color: #b2b1b1;
}
#pngViewerDiv-v2 img {
  max-height: 98%;
  max-width: 98%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 120;
  padding-bottom: 60px;
}
#pngViewerDiv-v2 #pngViewerSpinner {
  position: absolute;
  z-index: 110;
  font-size: 50px;
  top: 40%;
  left: 50%;
}
#pngViewerDiv-v2 .pngViewerSwitch {
  position: fixed;
  top: 40%;
  font-size: 700%;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 20px;
  z-index: 130;
}
#pngViewerDiv-v2 .pngViewerSwitch#pngViewerPrevPage {
  left: 0;
}
#pngViewerDiv-v2 .pngViewerSwitch#pngViewerNextPage {
  right: 0;
}
#pngViewerDiv-v2 .pngViewerSwitch:hover {
  color: #b2b1b1;
}
#pngViewerDiv-v2 #pngViewerBottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #090909;
  z-index: 130;
  padding: 20px;
  height: 60px;
}
#pngViewerDiv-v2 #pngViewerBottom #pngViewerCurrentPage {
  font-size: 150%;
}
#pngViewerDiv img {
  margin-top: 60px;
}
.flkeditor-modal-wrapper {
  display: none;
}
.flkeditor-Modal,
.flkeditor-modal {
  background-color: #444444;
  padding: 2rem;
}
@media all and (max-width: 767px) {
  .flkeditor-Modal,
  .flkeditor-modal {
    width: 100%;
  }
  .flkeditor-Modal .button,
  .flkeditor-modal .button {
    width: 100% !important;
  }
}
.flkeditor-Modal .primary-btn,
.flkeditor-modal .primary-btn {
  background-color: #e30017;
}
.flkeditor-Modal .primary-btn:hover,
.flkeditor-modal .primary-btn:hover {
  background-color: #b11f23;
}
.flkeditor-Modal .secondary-btn,
.flkeditor-modal .secondary-btn {
  background-color: #2c9328;
}
.flkeditor-Modal .secondary-btn:hover,
.flkeditor-modal .secondary-btn:hover {
  background-color: #1c7a19;
}
.flkeditor-Modal .cancel-btn-modal.right,
.flkeditor-modal .cancel-btn-modal.right {
  float: right;
}
.flkeditor-Modal #renew-error,
.flkeditor-modal #renew-error {
  color: #e30017;
  font-weight: bold;
}
.flkeditor-modal {
  padding: 1rem;
}
#settings-menu {
  width: fit-content;
}
.flkeditor-menu-container {
  background-color: #1f1f1f;
  padding: 2em;
  text-align: left;
}
.flkeditor-menu-container.new-container {
  right: auto;
  left: 200px;
}
.flkeditor-menu-container .row.cols-2 {
  margin-top: 10px;
}
.flkeditor-menu-container #width-selection-container #changeWidth,
.flkeditor-menu-container #change-fontsize-selection-container #changeWidth,
.flkeditor-menu-container #width-selection-container #changeFontSize,
.flkeditor-menu-container #change-fontsize-selection-container #changeFontSize {
  margin-top: 10px;
  min-width: 60px;
}
.color-selection-btn {
  padding: 0;
  width: auto;
  height: auto;
  border: 0;
}
.color-selection-btn i {
  border: 0;
  font-size: 150%;
}
.color-selection-btn .fa-icon {
  font-size: 100%;
}
.color-selection-btn.active i {
  border: 2px solid #ffffff;
}
.color-selection-btn .select-green {
  color: #62fc1b;
}
.color-selection-btn .select-red {
  color: #b11f23;
}
.color-selection-btn .select-yellow {
  color: #FFFF22;
}
.color-selection-btn .select-blue {
  color: #006eff;
}
.preLoginForm .flexGrid .row > .col:last-child {
  padding-right: 0;
}
.preLoginForm .centered {
  margin: 0 auto;
}
.preLoginForm h1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 2em !important;
}
.preLoginForm h2 {
  margin-top: 1rem;
  margin-bottom: 1.8em;
  font-weight: normal;
}
.preLoginForm h3 {
  font-size: 1.2rem !important;
  font-weight: normal;
}
.preLoginForm .box {
  width: 100%;
  min-width: auto;
  margin-left: 25px;
  margin-right: 20px;
}
.preLoginForm .box .box-container .box-header span.boxTitle {
  font-size: 2em;
}
.preLoginForm #Logo {
  margin-bottom: 2rem;
}
.preLoginForm #Logo.centered {
  margin-top: 5vh;
  margin-bottom: 7vh;
}
.preLoginForm #Logo .logo {
  margin: 0.5rem auto;
  padding: 0;
}
.preLoginForm #Logo .logo a {
  display: inline-block;
}
.preLoginForm #Logo .logo img {
  display: block;
  max-width: 100%;
  max-height: 70px;
}
.preLoginForm #Logo .logo figcaption.claim {
  position: relative;
  font-family: 'Montserrat', 'Calibri', sans-serif;
  color: #ffffff;
  font-size: 1.5rem;
  margin-right: 1px;
  float: right;
}
.preLoginForm .box .box-content {
  padding: 0 3rem;
}
@media all and (max-width: 575px) {
  .preLoginForm .box .box-content {
    padding: 0;
  }
}
.preLoginForm .box .flexGrid .row.gutters {
  margin-top: 2rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.preLoginForm .box .flexGrid .row.gutters:first-of-type {
  margin-top: 0;
}
.preLoginForm .box i.label {
  color: #ffffff;
  font-size: 2.5rem;
  align-self: center;
  padding: 0;
  display: block;
  height: 100%;
  text-align: center;
}
.preLoginForm .box button.iconic {
  color: #c7c7c7;
  font-size: 2.3rem;
  height: 1em;
}
.preLoginForm .box button.iconic:hover {
  color: #ffffff;
}
.preLoginForm .box sup,
.preLoginForm .box .annotation {
  color: #ffffff;
}
.preLoginForm .box label.off {
  display: none;
}
.preLoginForm-light {
  background: #ffffff;
  color: #171717;
}
.preLoginForm-light .icon {
  font-size: 50px;
}
.preLoginForm-light button {
  border: none;
}
@media all and (max-width: 1199px) {
  .preLoginForm-light #form_container {
    padding: 10px;
    padding-left: 20px;
  }
  .preLoginForm-light #form_container .box-light {
    margin: auto;
  }
}
.preLoginForm-light figcaption.claim-dark {
  color: #171717 !important;
}
.preLoginForm-light .box-light {
  padding: 20px;
  max-width: 550px;
  width: auto;
  background-color: #f2f2f2;
  border: 1px solid #b2b1b1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.preLoginForm-light .box-light .box-footer nav {
  text-align: center;
}
.preLoginForm-light .box-light .box-footer nav a {
  color: #171717;
}
.preLoginForm-light .box-light .box-footer nav a:hover {
  color: #8c868d;
}
.preLoginForm-light .box-light .boxTitle {
  background-color: transparent;
  color: #171717 !important;
  text-align: center;
  font-size: 140%;
}
.preLoginForm-light .box-light button.iconic,
.preLoginForm-light .box-light .iconLink {
  color: #171717;
}
.preLoginForm-light .box-light button.iconic:hover,
.preLoginForm-light .box-light .iconLink:hover {
  color: #8c868d;
}
.preLoginForm-light .box-light .row {
  padding-top: 30px;
}
.preLoginForm-light .box-light .row:last-child {
  padding-top: 0;
}
.preLoginForm-light .box-light .label,
.preLoginForm-light .box-light i.label {
  height: auto !important;
  color: #171717;
  font-size: 1.7rem;
}
.preLoginForm-light .box-light .annotation {
  color: inherit;
}
.preLoginForm-light .box-light .annotation sup {
  color: inherit;
}
.preLoginForm-light .box-light #Logo {
  text-align: center;
}
.preLoginForm-light .box-light .box-header {
  text-align: center;
  border-top: 1px solid #b2b1b1;
  border-bottom: 1px solid #b2b1b1;
  padding-top: 5px;
  padding-bottom: 5px;
}
.preLoginForm-light .box-light .box-header .boxTitle {
  font-size: 160% !important;
}
.preLoginForm-light .box-light .switchLabel {
  background-color: #c7c7c7;
  padding: 3px !important;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 480px) {
  .preLoginForm-light .box-light .switchLabel {
    flex-direction: column;
  }
}
.preLoginForm-light .box-light .radioInputLabel {
  background-color: #c7c7c7;
  width: 100%;
  display: inline-block;
  padding: 5px;
  text-align: center;
  cursor: pointer;
  color: #646769;
}
.preLoginForm-light .box-light .radioInputLabel.active {
  background-color: #ffffff;
  border-radius: 5px;
  color: #171717;
}
.preLoginForm-light .box-light .radioInputLabel input {
  display: none;
}
.preLoginForm-light .box-light select {
  width: 100%;
  line-height: 1.2rem;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #b2b1b1;
}
.preLoginForm-light .box-light select:active {
  background-color: #b2b1b1;
}
.preLoginForm-light .box-light input,
.preLoginForm-light .box-light select {
  background-color: transparent;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #b2b1b1;
  padding-left: 10px;
  font-size: 110%;
}
.preLoginForm-light .box-light input:focus-visible,
.preLoginForm-light .box-light select:focus-visible {
  outline: none;
  border-bottom: 1px solid #171717;
}
.preLoginForm-light .box-light input:focus-visible::placeholder,
.preLoginForm-light .box-light select:focus-visible::placeholder {
  color: transparent;
}
.preLoginForm-light .box-light input {
  line-height: 2em;
}
.preLoginForm-light .box-light .row {
  padding: 0;
}
.preLoginForm-light .box-light .row:first-child {
  padding-top: 30px;
}
.preLoginForm-light .box-light button.alt-button {
  font-size: 130%;
  text-align: center;
  width: 100%;
  border: 1px solid #b2b1b1;
  padding: 10px;
  padding-bottom: 30px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: transparent;
  color: #171717;
}
.preLoginForm-light .box-light button.alt-button:hover {
  background-color: #c7c7c7;
}
section#breadcrumbs {
  display: flex;
  font-size: 14px;
  padding: 2rem 4rem;
  padding-top: 0;
}
@media screen and (max-width: 860px) {
  section#breadcrumbs {
    font-size: 90%;
  }
}
@media all and (max-width: 767px) {
  section#breadcrumbs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 690px) {
  section#breadcrumbs {
    display: none;
  }
}
section#breadcrumbs a {
  color: #ffffff;
  /*
        &:not(:first-child){
            .item{
                min-width: 12.5em;
            }

        }
            */
}
section#breadcrumbs a:hover {
  text-decoration: none;
  color: #8c868d;
}
section#breadcrumbs a .item {
  display: flex;
  align-items: center;
  border: 4px solid #1f1f1f;
  border-right: none;
  border-left: none;
  padding: 0.4em;
  background-color: #444444;
  position: relative;
  min-width: 2.5em;
  cursor: pointer;
}
section#breadcrumbs a .item label {
  cursor: pointer;
  z-index: 3;
  padding-left: 1em;
  padding-right: 1em;
}
section#breadcrumbs a .item .arrow-right {
  background-color: #444444;
  border-right: 4px solid #1f1f1f;
  border-bottom: 4px solid #1f1f1f;
  transform: rotate(-45deg);
  width: 1.7em;
  height: 1.7em;
  z-index: 2;
  position: absolute;
  right: 0;
}
section#breadcrumbs a:first-child .item {
  border-left: 4px solid #1f1f1f;
}
section#breadcrumbs a:first-child .item label {
  padding-left: 0;
}
section#breadcrumbs a:last-child .item {
  border-right: 4px solid #1f1f1f;
}
section#breadcrumbs a:last-child .item label {
  padding-right: 0.5em;
}
#filteranzeige input[type='checkbox'],
.filterFormMinimal input[type='checkbox'],
#filteranzeige-v2 input[type='checkbox'],
#filteranzeige-v3 input[type='checkbox'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  outline: none;
  font-size: inherit;
  cursor: pointer;
  width: 1em;
  height: 1em;
  background: white;
  border-radius: 0.25em;
  border: 0.125em solid #555;
  position: relative;
}
#filteranzeige input[type='checkbox']:checked,
.filterFormMinimal input[type='checkbox']:checked,
#filteranzeige-v2 input[type='checkbox']:checked,
#filteranzeige-v3 input[type='checkbox']:checked {
  background: #77b2ff;
}
#filteranzeige input[type='checkbox']:checked:after,
.filterFormMinimal input[type='checkbox']:checked:after,
#filteranzeige-v2 input[type='checkbox']:checked:after,
#filteranzeige-v3 input[type='checkbox']:checked:after {
  content: "✔";
  position: absolute;
  font-size: 90%;
  left: 0.0625em;
  top: -0.25em;
}
#filteranzeige .filter-entry .filter-value .radio-inline-option,
.filterFormMinimal .filter-entry .filter-value .radio-inline-option,
#filteranzeige-v2 .filter-entry .filter-value .radio-inline-option,
#filteranzeige-v3 .filter-entry .filter-value .radio-inline-option {
  display: inline;
}
#filteranzeige .filter-entry .filter-value .switch .slider,
.filterFormMinimal .filter-entry .filter-value .switch .slider,
#filteranzeige-v2 .filter-entry .filter-value .switch .slider,
#filteranzeige-v3 .filter-entry .filter-value .switch .slider {
  width: 32px !important;
  /*height              : 25px;                    
                    &                     :before {
                        height            : 20px;
                        width             : 20px;
                    } */
}
#filteranzeige {
  display: flex;
  flex-wrap: wrap;
}
#filteranzeige .filter-entry {
  flex-basis: 50%;
  display: flex;
}
#filteranzeige .filter-entry.state {
  flex-basis: 100%;
}
#filteranzeige .filter-entry.state .filter-key {
  width: 45%;
}
@media all and (max-width: 991px) {
  #filteranzeige .filter-entry.state .filter-key {
    width: 40%;
  }
}
#filteranzeige .filter-entry.state .filter-value {
  width: 45%;
}
@media all and (max-width: 991px) {
  #filteranzeige .filter-entry.state .filter-value {
    width: 50%;
  }
}
#filteranzeige .filter-entry.state .spacer {
  width: 5%;
}
@media all and (max-width: 991px) {
  #filteranzeige .filter-entry.state .spacer {
    width: 0%;
  }
}
@media all and (max-width: 991px) {
  #filteranzeige .filter-entry {
    flex-basis: 100%;
  }
}
@media all and (max-width: 575px) {
  #filteranzeige .filter-entry {
    display: block;
  }
}
#filteranzeige .filter-entry .filter-key {
  width: 40%;
  background: #2d2d2b;
  padding: 12px;
  margin: 2px;
  min-height: 47px;
}
@media all and (max-width: 575px) {
  #filteranzeige .filter-entry .filter-key {
    width: 100% !important;
  }
}
#filteranzeige .filter-entry .filter-value {
  width: 50%;
  background: #444444;
  padding: 5px;
  margin: 2px;
  min-height: 47px;
}
@media all and (max-width: 575px) {
  #filteranzeige .filter-entry .filter-value {
    width: 100% !important;
  }
}
#filteranzeige .filter-entry .filter-value input[type="text"],
#filteranzeige .filter-entry .filter-value input[type="date"] {
  padding: 5px;
  height: 30px;
  width: 100%;
  max-width: 100%;
  margin-top: 3px;
}
#filteranzeige .filter-entry .filter-value .multi-value {
  display: flex;
  /*&.state {
                    @media @lg_exact{
                        width: ~"calc(100% - 180px)";
                    }
                }*/
}
@media all and (max-width: 767px) {
  #filteranzeige .filter-entry .filter-value .multi-value {
    font-size: 110%;
    padding: 10px;
  }
}
#filteranzeige .filter-entry .filter-value .switch {
  margin-top: 8px;
  margin-left: 5px;
}
#filteranzeige button {
  margin-right: 6px;
}
@media all and (max-width: 767px) {
  #filteranzeige button {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  #filteranzeige button.button-right {
    float: none;
  }
}
.filterFormMinimal {
  display: inline-block;
}
.filterFormMinimal .filter-entry {
  display: flex;
  align-items: center;
}
.filterFormMinimal .filter-entry .filter-key,
.filterFormMinimal .filter-entry .filter-value {
  padding: 5px;
}
#FilterPreislisteListe {
  display: inline-block;
  padding-right: 40px;
}
.filterOptionsForm-v2 .filter-btns {
  flex-grow: 1;
  padding-right: 40px;
}
.filterOptionsForm-v2 .filter-btns button {
  border-color: #646769;
}
#filteranzeige-v2 {
  display: flex;
  flex-wrap: wrap;
}
#filteranzeige-v2 .filter-entry {
  margin-bottom: 10px;
  width: 220px;
  padding-right: 20px;
}
#filteranzeige-v2 .filter-entry .filter-key {
  color: #b2b1b1;
  margin-bottom: 5px;
}
#filteranzeige-v2 .filter-entry .filter-value {
  display: flex;
  flex-direction: column;
}
#filteranzeige-v2 .filter-entry .filter-value input[type="text"],
#filteranzeige-v2 .filter-entry .filter-value input[type="date"],
#filteranzeige-v2 .filter-entry .filter-value input[type="number"] {
  width: 100%;
  border-radius: 3px;
}
#filteranzeige-v2 .filter-entry .filter-value .multi-value {
  display: flex;
}
@media all and (max-width: 767px) {
  #filteranzeige-v2 .filter-entry .filter-value .multi-value {
    font-size: 110%;
    padding: 10px;
  }
}
#filterContent {
  max-height: 80vh;
  overflow-y: auto;
}
#filteranzeige-v3 {
  display: flex;
  flex-direction: column;
}
#filteranzeige-v3 .filter-entry {
  margin-bottom: 10px;
}
#filteranzeige-v3 .filter-entry.single-line {
  display: flex;
  justify-content: space-between;
}
#filteranzeige-v3 .filter-entry .filter-key {
  color: #b2b1b1;
  margin-bottom: 5px;
}
#filteranzeige-v3 .filter-entry .filter-value {
  display: flex;
  flex-direction: column;
}
#filteranzeige-v3 .filter-entry .filter-value input[type="text"],
#filteranzeige-v3 .filter-entry .filter-value input[type="date"],
#filteranzeige-v3 .filter-entry .filter-value input[type="number"] {
  width: 100%;
  border-radius: 3px;
  max-width: 100%;
}
#filteranzeige-v3 .filter-entry .filter-value .multi-value {
  display: flex;
}
.filterOptionsForm-v3 .filter-btns {
  display: flex;
  justify-content: end;
}
.filterOptionsForm-v3 .filter-btns button {
  margin-left: 10px;
}
#Content .filter-row,
.content > .filter-row {
  display: flex;
  flex-wrap: wrap;
}
#Content .filter-row table,
.content > .filter-row table {
  width: auto;
  border-collapse: collapse;
}
#Content .filter-row table .button,
.content > .filter-row table .button {
  border: none;
  width: 100%;
}
#Content .filter-row table .button i,
.content > .filter-row table .button i {
  font-size: 100%;
}
#Content .filter-row table .button i.icon-total,
.content > .filter-row table .button i.icon-total {
  display: none;
}
#Content .filter-row table .button i.icon-no-changes,
.content > .filter-row table .button i.icon-no-changes {
  color: #b2b1b1;
}
#Content .filter-row table .button i.icon-delivered,
.content > .filter-row table .button i.icon-delivered {
  color: transparent;
}
#Content .filter-row table .button i.icon-approved,
.content > .filter-row table .button i.icon-approved {
  color: #1c7a19;
}
#Content .filter-row table .button i.icon-changes,
.content > .filter-row table .button i.icon-changes {
  color: #e2b007;
}
#Content .filter-row table .button i.icon-not-approved,
.content > .filter-row table .button i.icon-not-approved {
  color: #e30017;
}
#Content .filter-row .delivered-toggle,
.content > .filter-row .delivered-toggle {
  margin-right: 20px;
  margin-left: auto;
  display: flex;
  align-items: center;
}
#Content .filter-row .delivered-toggle span,
.content > .filter-row .delivered-toggle span {
  margin-left: 5px;
}
#Content .filter-row .delivered-toggle .switch,
.content > .filter-row .delivered-toggle .switch {
  width: 37px;
}
#Content .filter-row tr.selected,
.content > .filter-row tr.selected,
#Content .filter-row .button.selected,
.content > .filter-row .button.selected,
#Content .filter-row button.selected,
.content > .filter-row button.selected {
  background-color: #646769;
  /*&:hover {
                background-color: @MediumGrey;
            }*/
}
#Content .filter-row tr.selected .button,
.content > .filter-row tr.selected .button,
#Content .filter-row .button.selected .button,
.content > .filter-row .button.selected .button,
#Content .filter-row button.selected .button,
.content > .filter-row button.selected .button,
#Content .filter-row tr.selected button,
.content > .filter-row tr.selected button,
#Content .filter-row .button.selected button,
.content > .filter-row .button.selected button,
#Content .filter-row button.selected button,
.content > .filter-row button.selected button {
  background-color: #646769;
}
#Content .filter-row tr .button:hover,
.content > .filter-row tr .button:hover,
#Content .filter-row .button .button:hover,
.content > .filter-row .button .button:hover,
#Content .filter-row button .button:hover,
.content > .filter-row button .button:hover {
  background-color: transparent;
}
#Content .filter-row tr:hover,
.content > .filter-row tr:hover,
#Content .filter-row .button:hover,
.content > .filter-row .button:hover,
#Content .filter-row button:hover,
.content > .filter-row button:hover {
  background-color: #646769;
}
#Content .filter-row tr:hover .button,
.content > .filter-row tr:hover .button,
#Content .filter-row .button:hover .button,
.content > .filter-row .button:hover .button,
#Content .filter-row button:hover .button,
.content > .filter-row button:hover .button,
#Content .filter-row tr:hover button,
.content > .filter-row tr:hover button,
#Content .filter-row .button:hover button,
.content > .filter-row .button:hover button,
#Content .filter-row button:hover button,
.content > .filter-row button:hover button {
  background-color: #646769;
}
#Content .filter-row tr td,
.content > .filter-row tr td,
#Content .filter-row .button td,
.content > .filter-row .button td,
#Content .filter-row button td,
.content > .filter-row button td {
  padding: 0 !important;
  border: 1px solid #b2b1b1;
}
#Content .filter-row tr td:first-child .button,
.content > .filter-row tr td:first-child .button,
#Content .filter-row .button td:first-child .button,
.content > .filter-row .button td:first-child .button,
#Content .filter-row button td:first-child .button,
.content > .filter-row button td:first-child .button {
  text-align: left;
}
#Content .filter-row tr td:nth-child(2) .button,
.content > .filter-row tr td:nth-child(2) .button,
#Content .filter-row .button td:nth-child(2) .button,
.content > .filter-row .button td:nth-child(2) .button,
#Content .filter-row button td:nth-child(2) .button,
.content > .filter-row button td:nth-child(2) .button {
  text-align: right;
}
#Content .filter-row .send-direction-btn,
.content > .filter-row .send-direction-btn {
  display: flex;
  align-items: center;
}
#Content .filter-row .send-direction-btn img,
.content > .filter-row .send-direction-btn img {
  max-width: 100%;
  max-height: 80%;
}
#Content .filter-row .send-direction-btn i,
.content > .filter-row .send-direction-btn i {
  margin-left: 10px;
}
#Content .filter-row .send-direction-btn .arrow,
.content > .filter-row .send-direction-btn .arrow {
  font-size: 150%;
  margin-left: 5px;
}
.box-content .linkRow {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  margin-bottom: 15px;
}
@media all and (max-width: 575px) {
  .box-content .linkRow {
    flex-direction: column;
  }
}
.box-content .linkRow #shareLink,
.box-content .linkRow .shareLink {
  background-color: #c7c7c7;
  color: #171717;
  display: inline-block;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 30px;
  margin: 0;
  width: 90%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.box-content .linkRow button {
  height: 30px;
  display: inline-block;
}
.box-content #validUntil,
.box-content .validUntil {
  text-align: right;
}
.allLinks-loading {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 34%;
  font-size: 350%;
}
.overall-btns {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.overall-btns #add-sharelink,
.overall-btns .add-sharelink {
  background-color: #1c7a19;
}
.overall-btns #add-sharelink:hover,
.overall-btns .add-sharelink:hover {
  background-color: #2c9328;
}
#show-history {
  float: right;
}
.selected_state {
  font-weight: bold;
  text-decoration: underline;
}
.not_selected_state {
  opacity: 0.5;
}
.allLinks {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-left: 10px;
  height: 400px;
  margin-top: 10px;
  border: 1px solid #758291;
  width: 100%;
}
.allLinks .link-entry {
  padding-top: 20px;
}
.allLinks .toggle-infos {
  border: none;
  background-color: transparent;
  padding: 0;
  margin-left: 0.6em;
  height: auto;
}
.allLinks .toggle-infos:hover {
  color: #c7c7c7;
}
.allLinks .stateRow {
  margin-top: 20px;
}
.allLinks .linkRow.hidden {
  display: none;
}
.allLinks .linkRow .shareLink {
  width: 93%;
  margin-right: 5px;
}
@media all and (max-width: 575px) {
  .allLinks .linkRow .shareLink {
    width: 100%;
  }
}
.allLinks .authRow {
  margin-bottom: 15px;
}
.allLinks .authRow .row {
  align-items: center;
}
.allLinks .authRow input {
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding-left: 10px;
  height: 27px;
  width: 100%;
}
.allLinks .authRow input:disabled {
  background-color: #c7c7c7;
  color: #171717;
}
.allLinks .permission-btns {
  margin-left: 30px;
}
.allLinks .permission-btns,
.allLinks .validUntil,
.allLinks .allowEditContainer,
.allLinks .showSelectedCounter {
  margin-bottom: 20px;
}
.allLinks .permission-btns .selected_state,
.allLinks .validUntil .selected_state,
.allLinks .allowEditContainer .selected_state,
.allLinks .showSelectedCounter .selected_state {
  font-weight: bold;
}
.allLinks .single-btns {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 20px;
  margin-top: 20px;
}
.allLinks .single-btns .button {
  margin-left: 10px;
}
.allLinks .single-btns .button.remove-sharelink {
  background-color: #b11f23;
}
.allLinks .single-btns .button.remove-sharelink:hover {
  background-color: #e30017;
}
@media all and (max-width: 575px) {
  .allLinks .single-btns {
    flex-direction: column;
  }
  .allLinks .single-btns .button,
  .allLinks .single-btns .current-action-btn {
    width: 100%;
    margin-left: 0;
  }
  .allLinks .single-btns .current-action-btn {
    margin-bottom: 5px;
  }
}
.share-history {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  height: 350px;
  margin-top: 10px;
  border: 1px solid #758291;
  width: 100%;
}
.share-history .log-date {
  color: #8c868d;
}
#userrightsModal,
#objectrightsModal {
  max-width: 60%;
}
#userrightsModal .box-content,
#objectrightsModal .box-content {
  display: flex;
  justify-content: center;
}
#userrightsModal .box-content span,
#objectrightsModal .box-content span {
  text-align: center;
}
#userrightsModal .other-container,
#objectrightsModal .other-container {
  margin-bottom: 20px;
}
#userrightsModal .other-toggles,
#objectrightsModal .other-toggles {
  margin-left: 20px;
  display: inline;
}
#userrightsModal .dataTables_length,
#objectrightsModal .dataTables_length {
  float: right;
}
#userrightsModal table#ObjektRechteListe .switch,
#objectrightsModal table#ObjektRechteListe .switch,
#userrightsModal table#NutzerRechteListe .switch,
#objectrightsModal table#NutzerRechteListe .switch,
#userrightsModal table#WeitereRechteListe .switch,
#objectrightsModal table#WeitereRechteListe .switch {
  margin-left: 5px;
}
#userrightsModal table#ObjektRechteListe .relinkCol,
#objectrightsModal table#ObjektRechteListe .relinkCol,
#userrightsModal table#NutzerRechteListe .relinkCol,
#objectrightsModal table#NutzerRechteListe .relinkCol,
#userrightsModal table#WeitereRechteListe .relinkCol,
#objectrightsModal table#WeitereRechteListe .relinkCol {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#userrightsModal table#ObjektRechteListe .relinkCol button,
#objectrightsModal table#ObjektRechteListe .relinkCol button,
#userrightsModal table#NutzerRechteListe .relinkCol button,
#objectrightsModal table#NutzerRechteListe .relinkCol button,
#userrightsModal table#WeitereRechteListe .relinkCol button,
#objectrightsModal table#WeitereRechteListe .relinkCol button {
  margin-left: 5px;
  margin-right: none;
}
#userrightsModal table#ObjektRechteListe .relinkCol .select-box-wrapper,
#objectrightsModal table#ObjektRechteListe .relinkCol .select-box-wrapper,
#userrightsModal table#NutzerRechteListe .relinkCol .select-box-wrapper,
#objectrightsModal table#NutzerRechteListe .relinkCol .select-box-wrapper,
#userrightsModal table#WeitereRechteListe .relinkCol .select-box-wrapper,
#objectrightsModal table#WeitereRechteListe .relinkCol .select-box-wrapper {
  display: flex;
  align-items: center;
}
#userrightsModal table#ObjektRechteListe .relinkCol .select-box-wrapper select,
#objectrightsModal table#ObjektRechteListe .relinkCol .select-box-wrapper select,
#userrightsModal table#NutzerRechteListe .relinkCol .select-box-wrapper select,
#objectrightsModal table#NutzerRechteListe .relinkCol .select-box-wrapper select,
#userrightsModal table#WeitereRechteListe .relinkCol .select-box-wrapper select,
#objectrightsModal table#WeitereRechteListe .relinkCol .select-box-wrapper select {
  margin-left: 3em;
  max-width: 100px;
}
#userrightsModal table#ObjektRechteListe .change-read-permission,
#objectrightsModal table#ObjektRechteListe .change-read-permission,
#userrightsModal table#NutzerRechteListe .change-read-permission,
#objectrightsModal table#NutzerRechteListe .change-read-permission,
#userrightsModal table#WeitereRechteListe .change-read-permission,
#objectrightsModal table#WeitereRechteListe .change-read-permission,
#userrightsModal table#ObjektRechteListe .change-use-permission,
#objectrightsModal table#ObjektRechteListe .change-use-permission,
#userrightsModal table#NutzerRechteListe .change-use-permission,
#objectrightsModal table#NutzerRechteListe .change-use-permission,
#userrightsModal table#WeitereRechteListe .change-use-permission,
#objectrightsModal table#WeitereRechteListe .change-use-permission {
  border: 0;
  height: auto;
  padding: 0;
  background-color: transparent;
}
#userrightsModal table#ObjektRechteListe .change-read-permission i,
#objectrightsModal table#ObjektRechteListe .change-read-permission i,
#userrightsModal table#NutzerRechteListe .change-read-permission i,
#objectrightsModal table#NutzerRechteListe .change-read-permission i,
#userrightsModal table#WeitereRechteListe .change-read-permission i,
#objectrightsModal table#WeitereRechteListe .change-read-permission i,
#userrightsModal table#ObjektRechteListe .change-use-permission i,
#objectrightsModal table#ObjektRechteListe .change-use-permission i,
#userrightsModal table#NutzerRechteListe .change-use-permission i,
#objectrightsModal table#NutzerRechteListe .change-use-permission i,
#userrightsModal table#WeitereRechteListe .change-use-permission i,
#objectrightsModal table#WeitereRechteListe .change-use-permission i {
  font-size: 150%;
}
#userrightsModal table#ObjektRechteListe .change-read-permission.not-allowed .icon,
#objectrightsModal table#ObjektRechteListe .change-read-permission.not-allowed .icon,
#userrightsModal table#NutzerRechteListe .change-read-permission.not-allowed .icon,
#objectrightsModal table#NutzerRechteListe .change-read-permission.not-allowed .icon,
#userrightsModal table#WeitereRechteListe .change-read-permission.not-allowed .icon,
#objectrightsModal table#WeitereRechteListe .change-read-permission.not-allowed .icon,
#userrightsModal table#ObjektRechteListe .change-use-permission.not-allowed .icon,
#objectrightsModal table#ObjektRechteListe .change-use-permission.not-allowed .icon,
#userrightsModal table#NutzerRechteListe .change-use-permission.not-allowed .icon,
#objectrightsModal table#NutzerRechteListe .change-use-permission.not-allowed .icon,
#userrightsModal table#WeitereRechteListe .change-use-permission.not-allowed .icon,
#objectrightsModal table#WeitereRechteListe .change-use-permission.not-allowed .icon,
#userrightsModal table#ObjektRechteListe .change-read-permission.not-allowed span,
#objectrightsModal table#ObjektRechteListe .change-read-permission.not-allowed span,
#userrightsModal table#NutzerRechteListe .change-read-permission.not-allowed span,
#objectrightsModal table#NutzerRechteListe .change-read-permission.not-allowed span,
#userrightsModal table#WeitereRechteListe .change-read-permission.not-allowed span,
#objectrightsModal table#WeitereRechteListe .change-read-permission.not-allowed span,
#userrightsModal table#ObjektRechteListe .change-use-permission.not-allowed span,
#objectrightsModal table#ObjektRechteListe .change-use-permission.not-allowed span,
#userrightsModal table#NutzerRechteListe .change-use-permission.not-allowed span,
#objectrightsModal table#NutzerRechteListe .change-use-permission.not-allowed span,
#userrightsModal table#WeitereRechteListe .change-use-permission.not-allowed span,
#objectrightsModal table#WeitereRechteListe .change-use-permission.not-allowed span {
  color: #e30017;
}
#userrightsModal table#ObjektRechteListe .change-read-permission.allowed .icon,
#objectrightsModal table#ObjektRechteListe .change-read-permission.allowed .icon,
#userrightsModal table#NutzerRechteListe .change-read-permission.allowed .icon,
#objectrightsModal table#NutzerRechteListe .change-read-permission.allowed .icon,
#userrightsModal table#WeitereRechteListe .change-read-permission.allowed .icon,
#objectrightsModal table#WeitereRechteListe .change-read-permission.allowed .icon,
#userrightsModal table#ObjektRechteListe .change-use-permission.allowed .icon,
#objectrightsModal table#ObjektRechteListe .change-use-permission.allowed .icon,
#userrightsModal table#NutzerRechteListe .change-use-permission.allowed .icon,
#objectrightsModal table#NutzerRechteListe .change-use-permission.allowed .icon,
#userrightsModal table#WeitereRechteListe .change-use-permission.allowed .icon,
#objectrightsModal table#WeitereRechteListe .change-use-permission.allowed .icon,
#userrightsModal table#ObjektRechteListe .change-read-permission.allowed span,
#objectrightsModal table#ObjektRechteListe .change-read-permission.allowed span,
#userrightsModal table#NutzerRechteListe .change-read-permission.allowed span,
#objectrightsModal table#NutzerRechteListe .change-read-permission.allowed span,
#userrightsModal table#WeitereRechteListe .change-read-permission.allowed span,
#objectrightsModal table#WeitereRechteListe .change-read-permission.allowed span,
#userrightsModal table#ObjektRechteListe .change-use-permission.allowed span,
#objectrightsModal table#ObjektRechteListe .change-use-permission.allowed span,
#userrightsModal table#NutzerRechteListe .change-use-permission.allowed span,
#objectrightsModal table#NutzerRechteListe .change-use-permission.allowed span,
#userrightsModal table#WeitereRechteListe .change-use-permission.allowed span,
#objectrightsModal table#WeitereRechteListe .change-use-permission.allowed span {
  color: #2c9328;
}
#relinkrightsModal {
  max-width: 800px;
}
#relinkrightsModal .relinkRightTable {
  min-width: 500px;
}
#relinkrightsModal .relinkRightTable .main-row {
  background: #333333;
}
#restrictedNotice,
#forbiddenNotice {
  background-color: #444444;
  opacity: 0.7;
  padding: 10px 20px;
  margin-bottom: 20px;
}
#restrictedNotice span,
#forbiddenNotice span,
#restrictedNotice b,
#forbiddenNotice b {
  opacity: 1;
}
#forbiddenNotice {
  background-color: #e30017;
  width: 80%;
  margin: auto;
}
#exportOptionsModal .change_col_display {
  margin-top: 5px;
  float: right;
}
#exportOptionsModal .change_col_name {
  width: 100%;
}
#exportOptionsModal .change_col_order {
  background-color: transparent;
  border: 0;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#exportOptionsModal .change_col_order:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#exportOptionsModal .change_col_order:hover {
  background-color: #333333;
}
#exportOptionsModal #content {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #f2f2f2;
  padding-top: 10px;
}
.info-alert-box {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: stretch;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
@media all and (max-width: 575px) {
  .info-alert-box {
    flex-direction: column;
    text-align: center;
  }
}
.info-alert-box .info-icon,
.info-alert-box .info-text {
  padding: 10px;
}
.info-alert-box .info-icon {
  font-size: 200%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.info-alert-box .info-text {
  padding-left: 15px;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.info-alert-box .info-text p {
  margin: 0;
  white-space: normal;
}
.info-alert-box.with-border .info-icon,
.info-alert-box.with-border .info-text {
  border: 1px solid #b2b1b1;
  border-radius: 3px;
}
.info-alert-box.with-border .info-icon {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media all and (max-width: 575px) {
  .info-alert-box.with-border .info-icon {
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
  }
}
.info-alert-box.with-border .info-text {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media all and (max-width: 575px) {
  .info-alert-box.with-border .info-text {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0px;
  }
}
.info-alert-box#info-drafts .info-icon,
.info-alert-box.info-excluded .info-icon,
.info-alert-box.info-alert-box-red .info-icon,
.info-alert-box#info-drafts .info-text,
.info-alert-box.info-excluded .info-text,
.info-alert-box.info-alert-box-red .info-text {
  border-color: #e30017;
}
.info-alert-box#info-drafts .info-icon,
.info-alert-box.info-excluded .info-icon,
.info-alert-box.info-alert-box-red .info-icon {
  background-color: #e30017;
}
.info-alert-box.info-alert-box-blue .info-icon,
.info-alert-box.info-alert-box-blue .info-text {
  border-color: #006eff;
}
.info-alert-box.info-alert-box-blue .info-icon {
  background-color: #006eff;
}
.info-alert-box.info-alert-box-small {
  margin: 0;
  font-size: 90%;
}
.info-alert-box.info-alert-box-small .info-icon {
  padding: 5px;
  font-size: 150%;
}
.info-alert-box#neuerVorabzugHinweis,
.info-alert-box#unvollstaendigeLieferungHinweis {
  background-color: rgba(255, 187, 0, 0.3);
}
.info-alert-box#neueBestellungHinweis {
  background-color: rgba(227, 0, 23, 0.8);
}
.info-alert-box.info-removed .info-icon,
.info-alert-box.info-removed .info-text {
  border-color: #8c868d;
}
.info-alert-box.info-removed .info-icon {
  background-color: #8c868d;
}
#duplicateConfigModal label {
  font-weight: bold;
  margin-bottom: 10px;
}
#duplicateConfigModal input {
  color: #171717;
  display: inline-block;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 30px;
  margin: 0;
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#deleteMGModal #startDeletion {
  width: 100%;
  background-color: #e30017;
}
@media all and (max-width: 575px) {
  #deleteMGModal #startDeletion {
    min-height: 2.5em;
    height: auto;
    padding: 0.6em;
  }
}
.top-btns {
  position: absolute;
  z-index: 20;
}
.top-btns.top-btns-relative {
  position: relative;
}
@media all and (max-width: 767px) {
  .top-btns {
    margin-top: -40px;
  }
}
.top-btns .menu-content {
  position: absolute;
  flex-direction: column;
  width: auto;
  display: none;
  background-color: #8c868d;
}
.top-btns .menu-content.menu-content-shown {
  display: flex;
}
.top-btns .menu-content .button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.top-btns .menu-content .button i {
  margin-left: 5px;
}
.top-btns .menu-content .menu-separator {
  background-color: #333333;
  padding: 5px;
}
.top-btns .menu-content .menu-separator .line {
  width: 80%;
}
.custom-select {
  max-width: 100%;
  width: auto;
  display: inline-block;
}
.custom-select[data-disabled="true"] {
  opacity: 0.5;
}
.custom-select .select-description {
  position: absolute;
  font-size: 80%;
  padding: 3px;
}
.custom-select .custom-select-options {
  background-color: #ffffff;
  color: #090909;
  margin-top: 1px;
  display: none;
  z-index: 3;
  position: absolute;
  border: 1px solid #758291;
  border-top: none;
  box-shadow: 3px 3px 10px #090909;
}
.custom-select .custom-select-options .custom-select-option {
  padding: 5px 10px;
  width: auto;
  cursor: pointer;
}
.custom-select .custom-select-options .custom-select-option:not(.custom-select .custom-select-options .custom-select-option.disabled):hover {
  background-color: #c7c7c7;
}
.custom-select .custom-select-options .custom-select-option.selected {
  background-color: #b2b1b1;
}
.custom-select .custom-select-options .custom-select-option.disabled {
  color: #444444;
  font-style: italic;
  cursor: not-allowed;
}
.custom-select .current-selection-input {
  border: 1px solid #b2b1b1;
  min-height: 30px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-right: 5px;
  width: 100%;
  cursor: pointer;
}
.custom-select .current-selection-input .current-selection-entry {
  flex-grow: 1;
  padding: 5px;
}
.custom-select .current-selection-input i {
  color: #ffffff;
  margin-right: 5px;
}
.custom-checkbox {
  cursor: pointer;
}
.custom-checkbox i {
  color: white;
  font-size: 105%;
}
.custom-checkbox[data-checked="true"] i {
  background-color: #176ceb;
  border-radius: 2px;
  padding: 1px;
  font-size: 90%;
}
.custom-progress-bar {
  background-color: #333333;
  height: 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.custom-progress-bar .progress-bar-value {
  background-color: #1c7a19;
  width: 0%;
  height: 100%;
}
.tile-container {
  display: flex;
  flex-wrap: wrap;
}
.tile-container .tile-wrapper {
  cursor: pointer;
  position: relative;
  width: 28%;
  margin-right: 5%;
  margin-bottom: 5%;
}
@media screen and (max-width: 767px) {
  .tile-container .tile-wrapper {
    width: 45%;
  }
}
.tile-container .tile-wrapper.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tile-container .tile-wrapper.disabled .tile-title {
  opacity: 0.5;
}
.tile-container .tile-wrapper .right-top-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 2em;
  height: 2em;
  z-index: 5;
}
.tile-container .tile-wrapper .tile-counter {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  background-color: red;
  border-radius: 50px;
  right: -8px;
  top: -8px;
}
.tile-container .tile-wrapper .tile-image img {
  width: 100%;
}
.tile-container .tile-wrapper .additional-tile-title {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  padding: 4%;
  text-align: center;
  color: #b2b1b1;
  font-size: 90%;
}
.tile-container .tile-wrapper .tile-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 4%;
  text-align: center;
  font-size: 110%;
}
#fullscreen-loader,
.fullscreen-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fullscreen-loader .loader-wrapper,
.fullscreen-modal .loader-wrapper {
  font-size: 500%;
}
#delivery-download-modal .box-content {
  padding: 0;
}
#delivery-download-modal .box-content .type-block {
  padding: 1rem;
}
#delivery-download-modal .box-content .inner-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex: 1;
}
#delivery-download-modal .box-content .inner-content .type-header {
  font-size: 120%;
}
#delivery-download-modal .box-content .inner-content .type-body {
  padding-left: 1.5em;
}
#delivery-download-modal .box-content .inner-content .type-body .type-body-entry {
  display: flex;
  flex-direction: row;
  align-items: start;
  margin-top: 10px;
  margin-bottom: 10px;
}
#delivery-download-modal .box-content .inner-content .type-body .type-body-entry.disabled {
  opacity: 0.7;
}
#delivery-download-modal .box-content .inner-content .type-body .type-body-entry .type-body-text {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
}
#delivery-download-modal .box-content .inner-content .type-body .type-body-entry .type-body-text label {
  padding-left: 0;
}
#delivery-download-modal .box-content .inner-content .type-body .type-body-entry .type-body-text small {
  padding-top: 3px;
}
#delivery-download-modal .box-content .inner-content hr {
  width: 100%;
  border-color: #758291;
  margin: 0;
}
.tab-container .tab-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media all and (max-width: 991px) {
  .tab-container .tab-wrapper {
    flex-direction: column;
  }
}
.tab-container .tab-wrapper .tabs {
  overflow-x: hidden;
  display: flex;
}
.tab-container .tab-wrapper .tabs.full-width {
  flex-grow: 1;
}
@media all and (max-width: 991px) {
  .tab-container .tab-wrapper .tabs {
    flex-direction: column;
  }
}
.tab-container .tab-wrapper .tabs .tab {
  background-color: #2d2d2b;
  color: #b2b1b1;
  display: inline;
  float: left;
  padding: 10px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  border-left: 1px solid #444444;
  border-top: 2px solid transparent;
}
.tab-container .tab-wrapper .tabs .tab:first-of-type {
  border-left: none;
}
.tab-container .tab-wrapper .tabs .tab.tab_body_aktiv {
  color: #ffffff;
  border-bottom: 2px solid white;
  background: #444444;
}
@media all and (max-width: 991px) {
  .tab-container .tab-wrapper .tabs .tab.tab_body_aktiv {
    border-bottom: 0;
  }
}
.tab-container .tab-wrapper .tabs .tab:hover {
  background: #646769;
}
@media all and (max-width: 991px) {
  .tab-container .tab-wrapper .tabs .tab {
    width: 100%;
  }
}
.tab-container .tab-wrapper .button-part {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media all and (max-width: 991px) {
  .tab-container .tab-wrapper .button-part {
    flex-direction: column;
  }
}
.tab-container .tab-wrapper .button-part .button {
  width: 30px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border: 0;
  background-color: #2d2d2b;
}
@media all and (max-width: 991px) {
  .tab-container .tab-wrapper .button-part .button {
    min-height: 30px;
    width: 100%;
    text-align: center;
  }
  .tab-container .tab-wrapper .button-part .button.navigation {
    display: none;
  }
}
.tab-container .tab-wrapper .button-part .button:hover {
  background: #646769;
}
.tab-container .badge {
  padding: 3px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 11px;
  position: relative;
  top: -5px;
  display: inline-block;
  min-width: 20px;
  text-align: center;
}
.tab-container .badge-open-count {
  background-color: #e30017;
  margin-left: 5px;
}
.tab-container .badge_count_highlighted {
  background: #1c7a19;
}
.tab-container .counter {
  font-size: 90%;
  color: #b2b1b1;
}
.tab-container .changes_count {
  margin-left: 5px;
  background: #e2b007;
}
.tab-container #tab_bodys {
  background-color: #444444;
  width: 100%;
}
@media all and (max-width: 991px) {
  .tab-container #tab_bodys {
    margin-top: 20px;
  }
}
.tab-container #tab_bodys .tab_body {
  padding: 1em;
  padding-top: 3em;
  padding-bottom: 3em;
}
@media all and (max-width: 991px) {
  .tab-container #tab_bodys .tab_body {
    padding-top: 5em;
  }
}
.tab-container .tab_body_aktiv .edit-category-details-read,
.tab-container .tab_body_aktiv .edit-category-details-read-only {
  padding: 6px;
}
.tab-container .tab_body_aktiv .edit-category-details-read:hover,
.tab-container .tab_body_aktiv .edit-category-details-read-only:hover {
  padding: 5px;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  background-color: #797a7a;
}
.mixin-privacy-policy {
  counter-reset: item-counter;
}
.mixin-privacy-policy div.col {
  padding: 0 0 0 3rem;
  border-left: 1px solid #b2b1b1;
}
.mixin-privacy-policy div.col:first-of-type {
  padding: 0 3rem 0 0;
  border-left: none;
}
.mixin-privacy-policy article {
  counter-increment: item-counter;
}
.mixin-privacy-policy article h2:before {
  content: counter(item-counter, upper-roman) ". ";
}
.mixin-privacy-policy ol.roman {
  list-style-type: upper-roman;
}
.mixin-privacy-policy ol.decimal {
  list-style-type: decimal;
}
.mixin-privacy-policy ol.normal {
  font-weight: normal;
}
.mixin-privacy-policy ol.bold {
  font-weight: normal;
}
.mixin-privacy-policy ol table tbody tr td {
  font-size: 1rem;
  font-weight: normal;
}
.mixin-privacy-policy a.iconLink {
  line-height: normal;
  display: flex;
  margin-top: 50px;
}
.mixin-privacy-policy a.iconLink div {
  display: inline-block;
  margin-left: 0.5rem;
}
.mixin-privacy-policy a.iconLink div span {
  clear: both;
}
body main #Content .privacy-policy {
  counter-reset: item-counter;
  line-height: 20px;
}
body main #Content .privacy-policy div.col {
  padding: 0 0 0 3rem;
  border-left: 1px solid #b2b1b1;
}
body main #Content .privacy-policy div.col:first-of-type {
  padding: 0 3rem 0 0;
  border-left: none;
}
body main #Content .privacy-policy article {
  counter-increment: item-counter;
}
body main #Content .privacy-policy article h2:before {
  content: counter(item-counter, upper-roman) ". ";
}
body main #Content .privacy-policy ol.roman {
  list-style-type: upper-roman;
}
body main #Content .privacy-policy ol.decimal {
  list-style-type: decimal;
}
body main #Content .privacy-policy ol.normal {
  font-weight: normal;
}
body main #Content .privacy-policy ol.bold {
  font-weight: normal;
}
body main #Content .privacy-policy ol table tbody tr td {
  font-size: 1rem;
  font-weight: normal;
}
body main #Content .privacy-policy a.iconLink {
  line-height: normal;
  display: flex;
  margin-top: 50px;
}
body main #Content .privacy-policy a.iconLink div {
  display: inline-block;
  margin-left: 0.5rem;
}
body main #Content .privacy-policy a.iconLink div span {
  clear: both;
}
body main #Content .privacy-policy h2 {
  margin-top: 50px;
}
body main #Content .privacy-policy p,
body main #Content .privacy-policy table {
  margin-left: 20px;
}
body#Privacy main #Content p {
  text-align: justify;
  line-height: 1.5em;
}
body#Privacy main #Content table {
  width: 50%;
}
@media all and (max-width: 767px) {
  body#Privacy main #Content table {
    width: 100%;
  }
}
body#Privacy main #Content table tbody tr td {
  padding: 0.2em 0;
  text-align: right;
}
body#Privacy main #Content table tbody tr td:first-of-type {
  text-align: left;
}
body#Privacy main #Content i.fad {
  font-size: 2em;
}
body#Privacy main #Content .privacy-policy {
  counter-reset: item-counter;
}
body#Privacy main #Content .privacy-policy div.col {
  padding: 0 0 0 3rem;
  border-left: 1px solid #b2b1b1;
}
body#Privacy main #Content .privacy-policy div.col:first-of-type {
  padding: 0 3rem 0 0;
  border-left: none;
}
body#Privacy main #Content .privacy-policy article {
  counter-increment: item-counter;
}
body#Privacy main #Content .privacy-policy article h2:before {
  content: counter(item-counter, upper-roman) ". ";
}
body#Privacy main #Content .privacy-policy ol.roman {
  list-style-type: upper-roman;
}
body#Privacy main #Content .privacy-policy ol.decimal {
  list-style-type: decimal;
}
body#Privacy main #Content .privacy-policy ol.normal {
  font-weight: normal;
}
body#Privacy main #Content .privacy-policy ol.bold {
  font-weight: normal;
}
body#Privacy main #Content .privacy-policy ol table tbody tr td {
  font-size: 1rem;
  font-weight: normal;
}
body#Privacy main #Content .privacy-policy a.iconLink {
  line-height: normal;
  display: flex;
  margin-top: 50px;
}
body#Privacy main #Content .privacy-policy a.iconLink div {
  display: inline-block;
  margin-left: 0.5rem;
}
body#Privacy main #Content .privacy-policy a.iconLink div span {
  clear: both;
}
body#Imprint main #Content .flexGrid .row.gutters {
  justify-content: space-between;
}
@media all and (max-width: 767px) {
  body#Imprint main #Content .flexGrid .row.gutters {
    flex-direction: column-reverse;
  }
}
body#Imprint main #Content .flexGrid .row.cols-2 > .col {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2rem;
}
body#Imprint main #Content p {
  text-align: justify;
  line-height: 1.5em;
}
body#Imprint main #Content table {
  width: 50%;
}
@media all and (max-width: 991px) {
  body#Imprint main #Content table {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  body#Imprint main #Content table {
    width: 50%;
  }
}
@media all and (max-width: 575px) {
  body#Imprint main #Content table {
    width: 100%;
  }
}
body#Imprint main #Content table tbody tr td {
  padding: 0.2em 0;
  text-align: right;
}
body#Imprint main #Content table tbody tr td:first-of-type {
  text-align: left;
}
body#Imprint main #Content i.fad {
  font-size: 2em;
}
body#Settings button {
  font-size: unset;
}
body#Settings button.btn-alias {
  float: right;
  color: #ffffff;
}
body#Settings button.btn-alias:hover {
  color: #8c868d;
}
body#Settings fieldset.formular {
  padding: 1em;
  border: 1px solid #b2b1b1;
}
body#Settings fieldset.formular legend {
  font-size: 1.2rem;
  margin: 0;
  font-weight: normal;
}
body#Settings #UserSettingsChangePassword {
  width: 100%;
}
body#Settings #UserSettingsAddressPreference {
  width: 50%;
}
body#Settings #UserSettingsAddressPreference.new-design {
  width: 100%;
}
@media all and (max-width: 767px) {
  body#Settings #UserSettingsAddressPreference {
    width: 100%;
  }
}
body#Settings #UserSettingsAddressPreference .no-choice {
  font-style: italic;
}
body#Settings #initiate-2fa,
body#Settings #confirm-2fa {
  width: 100%;
  background-color: #1c7a19;
}
body#Settings #initiate-2fa:hover,
body#Settings #confirm-2fa:hover {
  background-color: #2c9328;
}
body#Settings #reactivate-2fa {
  width: 100%;
}
body#Settings #deactivate-2fa,
body#Settings #confirm-deactivate-2fa {
  width: 100%;
  background-color: #b11f23;
}
body#Settings #deactivate-2fa:hover,
body#Settings #confirm-deactivate-2fa:hover {
  background-color: #e30017;
}
body#Settings #qrcode {
  padding: 1em;
}
body#Settings #qrcode img {
  margin-left: auto;
  margin-right: auto;
}
.client-code {
  width: 5em;
  font-size: 140%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 0.5em !important;
  text-align: center;
}
body#Login .preLoginForm .formular input[type="text"],
body#Login .preLoginForm .formular input[type="password"] {
  line-height: 2.3rem;
  height: 2.3rem;
}
body#Login .preLoginForm .more-links .iconLink {
  font-size: 110%;
  line-height: 2em;
}
body#Login #LoginBox {
  max-width: 450px;
}
body#Login #LoginBox #locked-display span {
  color: #e30017;
  font-weight: bold;
  text-align: center;
}
body#Login .FormBox {
  margin-top: 5%;
  background-color: #ffffff;
  padding-bottom: 5%;
}
@media all and (max-width: 991px) {
  body#Login .FormBox .span-6 {
    flex-basis: 100%;
    max-width: 100%;
  }
  body#Login .FormBox .items-left {
    justify-content: center;
  }
}
body#Login .FormBox .alt-button {
  margin-top: 30px;
}
@media all and (max-width: 991px) {
  body#Login .FormBox > .row {
    flex-direction: column-reverse;
  }
}
body#Login .rop-video {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body#Login .rop-video video {
  padding: 5%;
  position: relative;
  min-height: 350px;
}
@media all and (max-width: 991px) {
  body#Login .rop-video video {
    max-width: 650px;
    width: 100%;
  }
}
body#Login .rop-video video a {
  color: #8c868d;
}
body#Login .rop-video h3 {
  text-align: center;
  margin-bottom: 0;
  font-weight: bold;
}
body#Login .rop-video .link-container {
  display: flex;
  align-items: center;
}
@media all and (max-width: 575px) {
  body#Login .rop-video .link-container {
    flex-direction: column;
  }
}
body#Login .rop-video .link-container .store-link img {
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
body#Login .rop-video .link-container .store-link:first-of-type img {
  width: 190px;
}
@media all and (max-width: 575px) {
  body#Login .rop-video .link-container .store-link:first-of-type img {
    width: auto;
    height: 90px;
  }
}
body#Login .rop-video .link-container .store-link:last-of-type img {
  width: 150px;
}
@media all and (max-width: 575px) {
  body#Login .rop-video .link-container .store-link:last-of-type img {
    width: auto;
    height: 70px;
  }
}
body#Login #Features {
  background-color: #f2f2f2;
  color: #171717;
  padding: 5%;
}
body#Login #Features h1 {
  font-size: 120%;
}
body#Login #Features h2 {
  font-size: 110%;
}
body#Login #Features .tile {
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 3%;
  flex-basis: 100%;
  max-width: 100%;
  height: 10%;
}
body#Login #Features .tile p {
  margin: 0;
  display: block;
  text-align: left;
}
body#Login #Features .tile .title {
  display: block;
  height: auto;
  text-align: left;
  margin-top: 0;
}
body#Login #Features .tile .icon {
  text-align: center;
}
@media all and (max-width: 767px) {
  body#Login #Features .tile p,
  body#Login #Features .tile h3.title {
    text-align: center;
  }
  body#Login #Features .tile .icon {
    margin-bottom: 20px;
  }
}
body#Login #Features .tile h3 {
  height: 50px;
}
#news-container-wrapper {
  margin-top: 10rem;
}
.news-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em;
}
.old-news-header {
  display: flex;
  justify-content: space-between;
  border: none;
  background-color: transparent;
  width: 100%;
}
.old-news-header i {
  font-size: 2em;
}
.newsletter-container {
  margin-bottom: 1rem;
}
.newsletter-container .single-news {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.newsletter-container .single-news .news-body {
  flex-grow: 1;
}
#news-container .fav-switch-dashboard,
.news-container .fav-switch-dashboard,
#ruecklieferung-todos .fav-switch-dashboard,
#my-properties-tile .fav-switch-dashboard {
  margin-left: 230px;
}
#news-container .single-news,
.news-container .single-news,
#ruecklieferung-todos .single-news,
#my-properties-tile .single-news {
  margin-top: 2rem;
  width: fit-content;
}
#news-container .single-news .news-header,
.news-container .single-news .news-header,
#ruecklieferung-todos .single-news .news-header,
#my-properties-tile .single-news .news-header {
  position: relative;
  min-height: 40px;
  padding: 10px 20px;
  background-color: #444444;
}
#news-container .single-news .news-header.d-flex,
.news-container .single-news .news-header.d-flex,
#ruecklieferung-todos .single-news .news-header.d-flex,
#my-properties-tile .single-news .news-header.d-flex {
  justify-content: space-between;
}
#news-container .single-news .news-header.d-flex h3,
.news-container .single-news .news-header.d-flex h3,
#ruecklieferung-todos .single-news .news-header.d-flex h3,
#my-properties-tile .single-news .news-header.d-flex h3 {
  margin: 0;
  margin-left: 1em;
  flex-grow: 1;
  display: flex;
  padding-right: 20px;
}
#news-container .single-news .news-header.d-flex h3 span,
.news-container .single-news .news-header.d-flex h3 span,
#ruecklieferung-todos .single-news .news-header.d-flex h3 span,
#my-properties-tile .single-news .news-header.d-flex h3 span {
  margin-left: 10px;
}
#news-container .single-news .news-header .icon,
.news-container .single-news .news-header .icon,
#ruecklieferung-todos .single-news .news-header .icon,
#my-properties-tile .single-news .news-header .icon {
  font-size: 130%;
  display: inline;
  margin-right: 10px;
  width: 10px;
}
#news-container .single-news .news-header .icon.exclamation-icon,
.news-container .single-news .news-header .icon.exclamation-icon,
#ruecklieferung-todos .single-news .news-header .icon.exclamation-icon,
#my-properties-tile .single-news .news-header .icon.exclamation-icon {
  color: #e30017;
}
#news-container .single-news .news-header .icon.info-icon,
.news-container .single-news .news-header .icon.info-icon,
#ruecklieferung-todos .single-news .news-header .icon.info-icon,
#my-properties-tile .single-news .news-header .icon.info-icon {
  color: #006eff;
}
#news-container .single-news .news-header .icon.reminder-icon,
.news-container .single-news .news-header .icon.reminder-icon,
#ruecklieferung-todos .single-news .news-header .icon.reminder-icon,
#my-properties-tile .single-news .news-header .icon.reminder-icon {
  color: #e2b007;
}
#news-container .single-news .news-header .icon.unimportant-icon,
.news-container .single-news .news-header .icon.unimportant-icon,
#ruecklieferung-todos .single-news .news-header .icon.unimportant-icon,
#my-properties-tile .single-news .news-header .icon.unimportant-icon {
  color: #b2b1b1;
}
#news-container .single-news .news-header h3,
.news-container .single-news .news-header h3,
#ruecklieferung-todos .single-news .news-header h3,
#my-properties-tile .single-news .news-header h3 {
  display: inline;
}
#news-container .single-news .news-header .button,
.news-container .single-news .news-header .button,
#ruecklieferung-todos .single-news .news-header .button,
#my-properties-tile .single-news .news-header .button {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: 40px;
  width: 40px;
}
#news-container .single-news .news-header .news-date,
.news-container .single-news .news-header .news-date,
#ruecklieferung-todos .single-news .news-header .news-date,
#my-properties-tile .single-news .news-header .news-date {
  float: right;
  padding-right: 30px;
}
#news-container .single-news .news-body,
.news-container .single-news .news-body,
#ruecklieferung-todos .single-news .news-body,
#my-properties-tile .single-news .news-body {
  padding: 10px 20px;
  padding-left: 53px;
  background-color: #333333;
}
#news-container .single-news .todo-property-table,
.news-container .single-news .todo-property-table,
#ruecklieferung-todos .single-news .todo-property-table,
#my-properties-tile .single-news .todo-property-table {
  border-spacing: 0;
  border-collapse: collapse;
  border-spacing: 0 !important;
  border-spacing: 1px;
  font-size: 12px;
  /*
            td,
            th {
                border: 1px solid @LightGrey;
            }

            tr {
                td:last-child {
                    text-decoration: underline;
                }
            }

            th {
                background-color: @LighterMediumGrey;
            }
            */
}
#news-container .single-news .todo-property-table tbody tr td:first-child,
.news-container .single-news .todo-property-table tbody tr td:first-child,
#ruecklieferung-todos .single-news .todo-property-table tbody tr td:first-child,
#my-properties-tile .single-news .todo-property-table tbody tr td:first-child {
  width: 220px;
}
#news-container .single-news .todo-property-table > thead,
.news-container .single-news .todo-property-table > thead,
#ruecklieferung-todos .single-news .todo-property-table > thead,
#my-properties-tile .single-news .todo-property-table > thead {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #2d2d2b;
}
#news-container .single-news .todo-property-table tbody td,
.news-container .single-news .todo-property-table tbody td,
#ruecklieferung-todos .single-news .todo-property-table tbody td,
#my-properties-tile .single-news .todo-property-table tbody td {
  border-right: 1px solid #1f1f1f;
  border-top: 1px solid #1f1f1f;
}
#news-container .single-news .todo-property-table tbody td:last-child,
.news-container .single-news .todo-property-table tbody td:last-child,
#ruecklieferung-todos .single-news .todo-property-table tbody td:last-child,
#my-properties-tile .single-news .todo-property-table tbody td:last-child {
  border-right: 0;
}
#news-container .single-news .todo-property-table tbody tr:last-child td,
.news-container .single-news .todo-property-table tbody tr:last-child td,
#ruecklieferung-todos .single-news .todo-property-table tbody tr:last-child td,
#my-properties-tile .single-news .todo-property-table tbody tr:last-child td {
  border-bottom: 1px solid #1f1f1f;
}
#news-container .single-news .todo-property-table span.sort-string,
.news-container .single-news .todo-property-table span.sort-string,
#ruecklieferung-todos .single-news .todo-property-table span.sort-string,
#my-properties-tile .single-news .todo-property-table span.sort-string {
  display: none;
}
#news-container .single-news .todo-property-table thead th,
.news-container .single-news .todo-property-table thead th,
#ruecklieferung-todos .single-news .todo-property-table thead th,
#my-properties-tile .single-news .todo-property-table thead th,
#news-container .single-news .todo-property-table thead td,
.news-container .single-news .todo-property-table thead td,
#ruecklieferung-todos .single-news .todo-property-table thead td,
#my-properties-tile .single-news .todo-property-table thead td {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#news-container .single-news .todo-property-table thead th,
.news-container .single-news .todo-property-table thead th,
#ruecklieferung-todos .single-news .todo-property-table thead th,
#my-properties-tile .single-news .todo-property-table thead th {
  height: 2em;
  padding: 0.2rem 0.2rem !important;
  text-align: left;
  background-color: transparent;
  font-weight: normal;
  border-bottom: 1px solid #b2b1b1;
  font-size: 14px;
}
#news-container .single-news .todo-property-table thead th.sorting,
.news-container .single-news .todo-property-table thead th.sorting,
#ruecklieferung-todos .single-news .todo-property-table thead th.sorting,
#my-properties-tile .single-news .todo-property-table thead th.sorting {
  background-repeat: no-repeat;
  background-position: center right;
}
#news-container .single-news .todo-property-table thead th.sorting_desc,
.news-container .single-news .todo-property-table thead th.sorting_desc,
#ruecklieferung-todos .single-news .todo-property-table thead th.sorting_desc,
#my-properties-tile .single-news .todo-property-table thead th.sorting_desc {
  color: #ffffff;
  background-image: url("../images/sort_desc.png");
  background-repeat: no-repeat;
  background-position: center right;
}
#news-container .single-news .todo-property-table thead th.sorting_desc:after,
.news-container .single-news .todo-property-table thead th.sorting_desc:after,
#ruecklieferung-todos .single-news .todo-property-table thead th.sorting_desc:after,
#my-properties-tile .single-news .todo-property-table thead th.sorting_desc:after {
  content: "\00a0\00a0\00a0\00a0";
}
#news-container .single-news .todo-property-table thead th.sorting_asc,
.news-container .single-news .todo-property-table thead th.sorting_asc,
#ruecklieferung-todos .single-news .todo-property-table thead th.sorting_asc,
#my-properties-tile .single-news .todo-property-table thead th.sorting_asc {
  color: #ffffff;
  background-image: url("../images/sort_asc.png");
  background-repeat: no-repeat;
  background-position: center right;
}
#news-container .single-news .todo-property-table thead th.sorting_asc:after,
.news-container .single-news .todo-property-table thead th.sorting_asc:after,
#ruecklieferung-todos .single-news .todo-property-table thead th.sorting_asc:after,
#my-properties-tile .single-news .todo-property-table thead th.sorting_asc:after {
  content: "\00a0\00a0\00a0\00a0";
}
#news-container .single-news .todo-property-table thead th div.DataTables_sort_wrapper span,
.news-container .single-news .todo-property-table thead th div.DataTables_sort_wrapper span,
#ruecklieferung-todos .single-news .todo-property-table thead th div.DataTables_sort_wrapper span,
#my-properties-tile .single-news .todo-property-table thead th div.DataTables_sort_wrapper span {
  position: unset;
  top: unset;
  margin-top: unset;
  right: unset;
  cursor: pointer;
}
#news-container .single-news .todo-property-table thead th div.DataTables_sort_wrapper span.DataTables_sort_icon,
.news-container .single-news .todo-property-table thead th div.DataTables_sort_wrapper span.DataTables_sort_icon,
#ruecklieferung-todos .single-news .todo-property-table thead th div.DataTables_sort_wrapper span.DataTables_sort_icon,
#my-properties-tile .single-news .todo-property-table thead th div.DataTables_sort_wrapper span.DataTables_sort_icon {
  display: inline-block;
  float: right;
  margin-top: 1px;
  position: relative;
}
#news-container .single-news .todo-property-table tbody tr,
.news-container .single-news .todo-property-table tbody tr,
#ruecklieferung-todos .single-news .todo-property-table tbody tr,
#my-properties-tile .single-news .todo-property-table tbody tr {
  background-color: transparent;
}
#news-container .single-news .todo-property-table tbody tr:nth-child(odd),
.news-container .single-news .todo-property-table tbody tr:nth-child(odd),
#ruecklieferung-todos .single-news .todo-property-table tbody tr:nth-child(odd),
#my-properties-tile .single-news .todo-property-table tbody tr:nth-child(odd),
#news-container .single-news .todo-property-table tbody tr.odd td,
.news-container .single-news .todo-property-table tbody tr.odd td,
#ruecklieferung-todos .single-news .todo-property-table tbody tr.odd td,
#my-properties-tile .single-news .todo-property-table tbody tr.odd td {
  background-color: #333333;
}
#news-container .single-news .todo-property-table tbody tr:nth-child(even),
.news-container .single-news .todo-property-table tbody tr:nth-child(even),
#ruecklieferung-todos .single-news .todo-property-table tbody tr:nth-child(even),
#my-properties-tile .single-news .todo-property-table tbody tr:nth-child(even),
#news-container .single-news .todo-property-table tbody tr.even td,
.news-container .single-news .todo-property-table tbody tr.even td,
#ruecklieferung-todos .single-news .todo-property-table tbody tr.even td,
#my-properties-tile .single-news .todo-property-table tbody tr.even td {
  background-color: #444444;
}
#news-container .single-news .todo-property-table tbody tr:hover td,
.news-container .single-news .todo-property-table tbody tr:hover td,
#ruecklieferung-todos .single-news .todo-property-table tbody tr:hover td,
#my-properties-tile .single-news .todo-property-table tbody tr:hover td {
  background-color: rgba(199, 199, 199, 0.3);
}
#news-container .single-news .todo-property-table tbody tr.active:nth-child(odd) td,
.news-container .single-news .todo-property-table tbody tr.active:nth-child(odd) td,
#ruecklieferung-todos .single-news .todo-property-table tbody tr.active:nth-child(odd) td,
#my-properties-tile .single-news .todo-property-table tbody tr.active:nth-child(odd) td {
  background-color: rgba(57, 170, 54, 0.2);
}
#news-container .single-news .todo-property-table tbody tr.active:nth-child(even) td,
.news-container .single-news .todo-property-table tbody tr.active:nth-child(even) td,
#ruecklieferung-todos .single-news .todo-property-table tbody tr.active:nth-child(even) td,
#my-properties-tile .single-news .todo-property-table tbody tr.active:nth-child(even) td {
  background-color: rgba(44, 147, 40, 0.2);
}
#news-container .single-news .todo-property-table tbody tr.broken:nth-child(odd) td,
.news-container .single-news .todo-property-table tbody tr.broken:nth-child(odd) td,
#ruecklieferung-todos .single-news .todo-property-table tbody tr.broken:nth-child(odd) td,
#my-properties-tile .single-news .todo-property-table tbody tr.broken:nth-child(odd) td {
  background-color: rgba(227, 0, 23, 0.2);
}
#news-container .single-news .todo-property-table tbody tr.broken:nth-child(even) td,
.news-container .single-news .todo-property-table tbody tr.broken:nth-child(even) td,
#ruecklieferung-todos .single-news .todo-property-table tbody tr.broken:nth-child(even) td,
#my-properties-tile .single-news .todo-property-table tbody tr.broken:nth-child(even) td {
  background-color: rgba(227, 0, 23, 0.2);
}
#news-container .single-news .todo-property-table tbody td,
.news-container .single-news .todo-property-table tbody td,
#ruecklieferung-todos .single-news .todo-property-table tbody td,
#my-properties-tile .single-news .todo-property-table tbody td {
  padding: 0.2rem 0.2rem !important;
  text-align: left;
  line-height: 18px !important;
  vertical-align: middle;
}
#news-container .single-news .todo-property-table tbody td span.cropped,
.news-container .single-news .todo-property-table tbody td span.cropped,
#ruecklieferung-todos .single-news .todo-property-table tbody td span.cropped,
#my-properties-tile .single-news .todo-property-table tbody td span.cropped {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
#news-container .single-news .todo-property-table tbody td.dataTables_empty,
.news-container .single-news .todo-property-table tbody td.dataTables_empty,
#ruecklieferung-todos .single-news .todo-property-table tbody td.dataTables_empty,
#my-properties-tile .single-news .todo-property-table tbody td.dataTables_empty,
#news-container .single-news .todo-property-table tbody td.center-td,
.news-container .single-news .todo-property-table tbody td.center-td,
#ruecklieferung-todos .single-news .todo-property-table tbody td.center-td,
#my-properties-tile .single-news .todo-property-table tbody td.center-td {
  text-align: center;
}
#news-container .single-news .todo-property-table tbody td button i,
.news-container .single-news .todo-property-table tbody td button i,
#ruecklieferung-todos .single-news .todo-property-table tbody td button i,
#my-properties-tile .single-news .todo-property-table tbody td button i {
  margin: 0px !important;
}
#news-container .single-news .todo-property-table tbody td:first-of-type.dtr-control,
.news-container .single-news .todo-property-table tbody td:first-of-type.dtr-control,
#ruecklieferung-todos .single-news .todo-property-table tbody td:first-of-type.dtr-control,
#my-properties-tile .single-news .todo-property-table tbody td:first-of-type.dtr-control {
  min-width: 30px;
  width: 30px;
}
#news-container .single-news .todo-property-table tbody td:first-of-type.dtr-control::before,
.news-container .single-news .todo-property-table tbody td:first-of-type.dtr-control::before,
#ruecklieferung-todos .single-news .todo-property-table tbody td:first-of-type.dtr-control::before,
#my-properties-tile .single-news .todo-property-table tbody td:first-of-type.dtr-control::before {
  font-family: "Font Awesome 5 Pro" !important;
  background-color: transparent !important;
  border: none !important;
  font-weight: 300;
  content: "\f329" !important;
  font-size: 150%;
  box-shadow: none !important;
}
#news-container .single-news .todo-property-table button,
.news-container .single-news .todo-property-table button,
#ruecklieferung-todos .single-news .todo-property-table button,
#my-properties-tile .single-news .todo-property-table button {
  width: 100%;
  justify-content: center;
}
#my-properties-tile .single-news {
  width: 100%;
}
.all-icon {
  border: 1px solid white;
  width: 2em;
  height: 2em;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 80%;
  margin-right: 5px;
}
.fav-switch-with-all-icon {
  float: right;
  display: flex;
  align-items: center;
}
.fav-switch-with-all-icon i {
  margin-left: 5px;
  color: #1c7a19;
}
.fav-switch-with-all-icon i.fa-building-user {
  font-size: 140%;
}
.fav-switch-with-all-icon i.icon-checked {
  color: #ffffff;
}
.fav-switch-with-all-icon .switch input:checked + .slider {
  background-color: #1c7a19;
}
#ruecklieferung-todos,
#my-properties-tile {
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 991px) {
  #ruecklieferung-todos,
  #my-properties-tile {
    display: block;
  }
}
#ruecklieferung-todos .spacer,
#my-properties-tile .spacer {
  width: 2%;
  height: 30px;
}
#ruecklieferung-todos .single-news,
#my-properties-tile .single-news {
  margin-bottom: 10px;
}
#ruecklieferung-todos .single-news.col-6,
#my-properties-tile .single-news.col-6 {
  width: 48%;
}
@media all and (max-width: 991px) {
  #ruecklieferung-todos .single-news,
  #my-properties-tile .single-news {
    width: 100%;
  }
  #ruecklieferung-todos .single-news.col-6,
  #my-properties-tile .single-news.col-6 {
    width: 100%;
  }
}
#ruecklieferung-todos .single-news .fav-switch,
#my-properties-tile .single-news .fav-switch {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
#ruecklieferung-todos .single-news .fav-switch i,
#my-properties-tile .single-news .fav-switch i {
  margin-left: 5px;
  color: #e2b007;
}
#ruecklieferung-todos .single-news .fav-switch .switch input:checked + .slider,
#my-properties-tile .single-news .fav-switch .switch input:checked + .slider {
  background-color: #e2b007;
}
#ruecklieferung-todos .single-news .news-body,
#my-properties-tile .single-news .news-body {
  padding: 30px 53px;
}
#ruecklieferung-todos .single-news .news-body p,
#my-properties-tile .single-news .news-body p {
  margin: 0;
  padding-right: 10px;
}
#ruecklieferung-todos .single-news .news-body .todo-form,
#my-properties-tile .single-news .news-body .todo-form {
  margin-bottom: 10px;
}
#ruecklieferung-todos .single-news .news-body .todo-form .button,
#my-properties-tile .single-news .news-body .todo-form .button {
  display: flex;
  align-items: center;
  border-color: #646769;
  margin-left: auto;
}
#ruecklieferung-todos .single-news .news-body .todo-form .button i,
#my-properties-tile .single-news .news-body .todo-form .button i {
  margin-right: 5px;
}
#ruecklieferung-todos .single-news .news-body ul,
#my-properties-tile .single-news .news-body ul {
  padding-left: 0;
}
#ruecklieferung-todos .single-news .news-body ul li,
#my-properties-tile .single-news .news-body ul li {
  list-style-type: none;
}
#ruecklieferung-todos .single-news .news-body ul li form,
#my-properties-tile .single-news .news-body ul li form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#my-properties-tile {
  margin-top: 50px;
}
#my-properties-tile h3 i {
  color: #e2b007;
}
#TableAuftragsListe tbody td i.status {
  font-size: 1em;
  color: #090909;
}
#TableAuftragsListe tbody td i.status.red {
  color: #e30017;
}
#TableAuftragsListe tbody td i.status.yellow {
  color: #FFFF22;
}
#TableAuftragsListe tbody td i.status.orange {
  color: orange;
}
#TableAuftragsListe tbody td i.status.green {
  color: #2c9328;
}
body#ContractUpload main #Content #Schritt_1 {
  margin-top: 1.5rem;
}
body#ContractUpload main #Content #Schritt_1 .box-content {
  min-height: 8rem;
}
body#ContractUpload main #Content #Schritt_1 .box-content .row {
  margin-top: 0;
}
body#ContractUpload main #Content #Schritt_1 .box-content select {
  width: 100%;
}
body#ContractUpload main #Content #Schritt_1 #FreigabeLegend {
  padding: 0 0 0 1.1rem;
}
body#ContractUpload main #Content #Schritt_1 #FreigabeLegend div.item {
  display: none;
}
body#ContractUpload main #Content #Schritt_1 #FreigabeLegend div.item p {
  margin: 0;
}
@media all and (max-width: 767px) {
  body#ContractUpload main #Content #Schritt_1 #FreigabeLegend div.item p {
    margin: 1em;
    margin-left: 0;
  }
}
body#ContractUpload main #Content #Schritt_1 #FreigabeLegend div.item.active {
  display: block;
}
body#ContractUpload main #Content #Schritt_2 p {
  min-height: 2.5em;
}
body#ContractUpload main #Content #Schritt_2 textarea {
  width: 100%;
  height: 15em;
  resize: none;
  overflow-y: scroll;
}
body#ContractUpload main #Content #Schritt_2 .box-content .row {
  margin-top: 0;
}
body#ContractUpload main #Content #Schritt_3 .dropzone {
  height: 16em;
  overflow-y: scroll;
}
body#ContractUpload main #Content #Schritt_3 .box-content .row {
  margin-top: 0;
}
body#ContractUpload main #Content #Schritt_4 button {
  background-color: #333333;
  display: inline-block;
}
@media all and (max-width: 575px) {
  body#ContractUpload main #Content #Schritt_4 button {
    display: block;
    width: 100%;
  }
}
#trackingLinksModal .links {
  text-align: center;
}
#trackingLinksModal .links #error {
  text-align: justify;
}
#trackingLinksModal .links a {
  display: block;
  width: 100%;
  border: 1px solid #b2b1b1;
  padding: 5px;
  margin-bottom: 10px;
}
#trackingLinksModal .links a:last-child {
  margin-bottom: 0px;
}
#trackingLinksModal .links a:hover {
  text-decoration: none;
  background-color: #333333;
}
#trackingLinksModal #dokNummer {
  white-space: nowrap;
  font-weight: bold;
}
.term-contract-status {
  display: block;
  text-align: center;
  padding: 5px;
}
.term-contract-details-row:hover td {
  background-color: transparent !important;
}
.term-contract-details-container {
  padding: 1em;
}
.term-contract-details-container .title {
  font-weight: bold;
  font-size: 120%;
}
.term-contract-details-container .subtitle {
  color: #c7c7c7;
}
.term-contract-details-container .details-table {
  margin-top: 1em;
  margin-bottom: 1em;
  border-spacing: 0;
}
.term-contract-details-container .details-table tr {
  border: 0;
  background-color: transparent;
}
.term-contract-details-container .details-table tr td:first-child {
  width: 200px;
}
.term-contract-details-container .details-table tr td {
  border: 0 !important;
}
#TermContractList th {
  font-size: 100%;
}
#TableTaskListe tbody .rdyforDelivery,
.TableTaskListe tbody .rdyforDelivery {
  background: #2e571b !important;
  background-color: #2e571b !important;
}
#TableTaskListe tbody .rdyforDelivery td,
.TableTaskListe tbody .rdyforDelivery td {
  background: #2e571b !important;
  background-color: #2e571b !important;
}
#TableTaskListe tbody .emphasize,
.TableTaskListe tbody .emphasize,
#TableTaskListe tbody .emphasize td,
.TableTaskListe tbody .emphasize td {
  background-color: rgba(46, 87, 27, 0.3) !important;
  font-weight: bold;
}
#PropertyFLKs #TableDraftList thead,
#PropertyFPs #TableDraftList thead,
#PropertyFRPs #TableDraftList thead,
#ShareFileRead #TableDraftList thead,
#ShareFileEdit #TableDraftList thead,
#PropertyFLKs #TableDokuList thead,
#PropertyFPs #TableDokuList thead,
#PropertyFRPs #TableDokuList thead,
#ShareFileRead #TableDokuList thead,
#ShareFileEdit #TableDokuList thead {
  background-color: #444444;
  z-index: 2;
}
#TableDraftDeliveryList thead,
#TableDokuDeliveryList thead,
#mglist thead,
.file-delivery-list thead,
#TableAttachmentList thead {
  background-color: #444444 !important;
  z-index: 2;
}
#TableDraftListe tbody .hasCases,
#mglist tbody .hasCases,
#TableDocumentationOpenListe tbody .hasCases,
#TableDraftList tbody .hasCases,
#TableDokuList tbody .hasCases {
  background: #2e571b !important;
  background-color: #2e571b !important;
}
#TableDraftListe tbody .hasCases td,
#mglist tbody .hasCases td,
#TableDocumentationOpenListe tbody .hasCases td,
#TableDraftList tbody .hasCases td,
#TableDokuList tbody .hasCases td {
  background: #2e571b !important;
  background-color: #2e571b !important;
}
#TableDraftListe tbody .isDelivered,
#mglist tbody .isDelivered,
#TableDocumentationOpenListe tbody .isDelivered,
#TableDraftList tbody .isDelivered,
#TableDokuList tbody .isDelivered {
  color: #8c868d !important;
}
#TableDraftListe tbody .isDelivered td a,
#mglist tbody .isDelivered td a,
#TableDocumentationOpenListe tbody .isDelivered td a,
#TableDraftList tbody .isDelivered td a,
#TableDokuList tbody .isDelivered td a {
  color: #8c868d !important;
}
#TableDraftListe tbody .isDelivered td .button,
#mglist tbody .isDelivered td .button,
#TableDocumentationOpenListe tbody .isDelivered td .button,
#TableDraftList tbody .isDelivered td .button,
#TableDokuList tbody .isDelivered td .button,
#TableDraftListe tbody .isDelivered td button,
#mglist tbody .isDelivered td button,
#TableDocumentationOpenListe tbody .isDelivered td button,
#TableDraftList tbody .isDelivered td button,
#TableDokuList tbody .isDelivered td button {
  color: #8c868d !important;
}
#TableDraftListe tbody .isCopied,
#mglist tbody .isCopied,
#TableDocumentationOpenListe tbody .isCopied,
#TableDraftList tbody .isCopied,
#TableDokuList tbody .isCopied {
  background-color: rgba(86, 105, 0, 0.2);
}
#TableDraftListe tbody .isCopied td,
#mglist tbody .isCopied td,
#TableDocumentationOpenListe tbody .isCopied td,
#TableDraftList tbody .isCopied td,
#TableDokuList tbody .isCopied td {
  background-color: rgba(86, 105, 0, 0.2);
}
#TableDraftListe tbody .returnTypeChange,
#mglist tbody .returnTypeChange,
#TableDocumentationOpenListe tbody .returnTypeChange,
#TableDraftList tbody .returnTypeChange,
#TableDokuList tbody .returnTypeChange {
  width: 200px;
}
#TableDraftListe tbody .returnTypeChange .small,
#mglist tbody .returnTypeChange .small,
#TableDocumentationOpenListe tbody .returnTypeChange .small,
#TableDraftList tbody .returnTypeChange .small,
#TableDokuList tbody .returnTypeChange .small {
  font-size: 90%;
}
#TableDraftListe tbody .custom-select .current-selection-input,
#mglist tbody .custom-select .current-selection-input,
#TableDocumentationOpenListe tbody .custom-select .current-selection-input,
#TableDraftList tbody .custom-select .current-selection-input,
#TableDokuList tbody .custom-select .current-selection-input {
  max-width: 200px;
  background-color: #ffffff;
  color: #090909;
  min-height: 25px;
  height: 25px;
}
#TableDraftListe tbody .custom-select .current-selection-input i,
#mglist tbody .custom-select .current-selection-input i,
#TableDocumentationOpenListe tbody .custom-select .current-selection-input i,
#TableDraftList tbody .custom-select .current-selection-input i,
#TableDokuList tbody .custom-select .current-selection-input i {
  color: #090909;
}
#TableDraftListe tbody .custom-select .custom-select-option,
#mglist tbody .custom-select .custom-select-option,
#TableDocumentationOpenListe tbody .custom-select .custom-select-option,
#TableDraftList tbody .custom-select .custom-select-option,
#TableDokuList tbody .custom-select .custom-select-option {
  min-height: 30px;
}
#TableDraftListe tbody .returnLabelColor,
#mglist tbody .returnLabelColor,
#TableDocumentationOpenListe tbody .returnLabelColor,
#TableDraftList tbody .returnLabelColor,
#TableDokuList tbody .returnLabelColor {
  min-width: 240px;
}
#TableDraftListe tbody .hasToManyCases,
#mglist tbody .hasToManyCases,
#TableDocumentationOpenListe tbody .hasToManyCases,
#TableDraftList tbody .hasToManyCases,
#TableDokuList tbody .hasToManyCases {
  background: #000022 !important;
  background-color: #000022 !important;
}
#TableDraftListe tbody .hasToManyCases td,
#mglist tbody .hasToManyCases td,
#TableDocumentationOpenListe tbody .hasToManyCases td,
#TableDraftList tbody .hasToManyCases td,
#TableDokuList tbody .hasToManyCases td {
  background: #000022 !important;
  background-color: #000022 !important;
}
#TableDraftListe tbody .info-readyForDelivery,
#mglist tbody .info-readyForDelivery,
#TableDocumentationOpenListe tbody .info-readyForDelivery,
#TableDraftList tbody .info-readyForDelivery,
#TableDokuList tbody .info-readyForDelivery,
#TableDraftListe tbody .info-pruefvermerkMissing,
#mglist tbody .info-pruefvermerkMissing,
#TableDocumentationOpenListe tbody .info-pruefvermerkMissing,
#TableDraftList tbody .info-pruefvermerkMissing,
#TableDokuList tbody .info-pruefvermerkMissing {
  font-size: 150%;
  margin: 5px;
  color: #e30017;
}
#TableDraftListe tbody .info-pruefvermerkMissing,
#mglist tbody .info-pruefvermerkMissing,
#TableDocumentationOpenListe tbody .info-pruefvermerkMissing,
#TableDraftList tbody .info-pruefvermerkMissing,
#TableDokuList tbody .info-pruefvermerkMissing {
  color: #ff6600;
}
#TableDraftListe tbody .cell-flex-between,
#mglist tbody .cell-flex-between,
#TableDocumentationOpenListe tbody .cell-flex-between,
#TableDraftList tbody .cell-flex-between,
#TableDokuList tbody .cell-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#TableDraftListe tbody .mg-info,
#mglist tbody .mg-info,
#TableDocumentationOpenListe tbody .mg-info,
#TableDraftList tbody .mg-info,
#TableDokuList tbody .mg-info {
  font-size: 120%;
  margin-left: 5px;
}
.col-with-casedeletion span.container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.col-with-casedeletion span.container span.text {
  white-space: normal;
}
.col-with-casedeletion.hasTooManyCases {
  background: #000022 !important;
  background-color: #000022 !important;
}
.col-with-casedeletion.hasTooManyCases td {
  background: #000022 !important;
  background-color: #000022 !important;
}
.sure-check {
  display: none;
  position: absolute;
  background-color: #e30017;
  padding: 10px;
  margin-top: -10px;
  margin-left: -70px;
  width: 120px;
  z-index: 10;
}
.flkEditor-showbtn,
.filelink-btn {
  text-align: left;
  width: 100%;
  height: auto;
  min-height: 2.5em;
}
.flkEditor-showbtn.flkeditor-switch-btn,
.filelink-btn.flkeditor-switch-btn {
  padding: 10px !important;
  min-height: fit-content;
}
#mglist .sorting_asc,
#mglist .sorting_desc {
  display: flex;
}
#mglist a {
  text-decoration: underline;
}
#mglist .returnTypeRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#mglist .returnTypeRow .returntype-indicator {
  font-size: 18px;
}
#mglist .returnTypeRow .current-selection {
  cursor: pointer;
}
#mglist .returnTypeRow .current-selection .fa-caret-down {
  color: #f2f2f2;
  font-size: 20px;
}
#mglist tbody .returnTypeChange {
  width: auto;
}
#mglist .custom-select-options .returntype-indicator i {
  font-size: 12px;
}
body#PropertyFLKs .firstMenu,
#ShareFileEdit .firstMenu,
#ShareFileRead .firstMenu,
body#PropertyFPs .firstMenu,
body#PropertyFRPs .firstMenu {
  justify-content: end;
  margin-bottom: 1em;
  margin-top: -1em;
}
body#PropertyFLKs .panel,
#ShareFileEdit .panel,
#ShareFileRead .panel,
body#PropertyFPs .panel,
body#PropertyFRPs .panel {
  background-color: #444444;
  border: 1px solid #2d2d2b;
}
body#PropertyFLKs .panel table,
#ShareFileEdit .panel table,
#ShareFileRead .panel table,
body#PropertyFPs .panel table,
body#PropertyFRPs .panel table {
  width: 90%;
  margin: auto;
  margin-bottom: 2em;
}
body#PropertyFLKs .tab_body .filter-row,
#ShareFileEdit .tab_body .filter-row,
#ShareFileRead .tab_body .filter-row,
body#PropertyFPs .tab_body .filter-row,
body#PropertyFRPs .tab_body .filter-row {
  margin-bottom: 30px;
  margin-top: -20px;
  align-items: start;
}
body#PropertyFLKs .tab_body .filter-row table,
#ShareFileEdit .tab_body .filter-row table,
#ShareFileRead .tab_body .filter-row table,
body#PropertyFPs .tab_body .filter-row table,
body#PropertyFRPs .tab_body .filter-row table {
  margin-left: 10px;
  min-width: 200px;
}
@media all and (max-width: 575px) {
  body#PropertyFLKs .tab_body .filter-row table,
  #ShareFileEdit .tab_body .filter-row table,
  #ShareFileRead .tab_body .filter-row table,
  body#PropertyFPs .tab_body .filter-row table,
  body#PropertyFRPs .tab_body .filter-row table {
    margin-bottom: 1em;
    width: 100%;
  }
}
@media all and (max-width: 575px) {
  body#PropertyFLKs .tab_body .filter-row .delivered-toggle,
  #ShareFileEdit .tab_body .filter-row .delivered-toggle,
  #ShareFileRead .tab_body .filter-row .delivered-toggle,
  body#PropertyFPs .tab_body .filter-row .delivered-toggle,
  body#PropertyFRPs .tab_body .filter-row .delivered-toggle {
    margin-bottom: 1em;
  }
}
body#PropertyFLKs .tab_body .dataTables_wrapper,
#ShareFileEdit .tab_body .dataTables_wrapper,
#ShareFileRead .tab_body .dataTables_wrapper,
body#PropertyFPs .tab_body .dataTables_wrapper,
body#PropertyFRPs .tab_body .dataTables_wrapper {
  margin-top: 10px;
}
body#PropertyFLKs .tab_body .task_body,
#ShareFileEdit .tab_body .task_body,
#ShareFileRead .tab_body .task_body,
body#PropertyFPs .tab_body .task_body,
body#PropertyFRPs .tab_body .task_body {
  margin-bottom: 40px;
}
@media all and (max-width: 767px) {
  body#PropertyFLKs .tab_body .task_body,
  #ShareFileEdit .tab_body .task_body,
  #ShareFileRead .tab_body .task_body,
  body#PropertyFPs .tab_body .task_body,
  body#PropertyFRPs .tab_body .task_body {
    margin-bottom: 50px;
    margin-top: -50px;
  }
}
body#PropertyFLKs .tab_body .task_body .cssAccordion input[type="checkbox"].state:checked ~ label,
#ShareFileEdit .tab_body .task_body .cssAccordion input[type="checkbox"].state:checked ~ label,
#ShareFileRead .tab_body .task_body .cssAccordion input[type="checkbox"].state:checked ~ label,
body#PropertyFPs .tab_body .task_body .cssAccordion input[type="checkbox"].state:checked ~ label,
body#PropertyFRPs .tab_body .task_body .cssAccordion input[type="checkbox"].state:checked ~ label {
  background-color: rgba(199, 199, 199, 0.3);
}
body#PropertyFLKs .tab_body .task_body .cssAccordion label,
#ShareFileEdit .tab_body .task_body .cssAccordion label,
#ShareFileRead .tab_body .task_body .cssAccordion label,
body#PropertyFPs .tab_body .task_body .cssAccordion label,
body#PropertyFRPs .tab_body .task_body .cssAccordion label {
  background-color: inherit;
}
body#PropertyFLKs .tab_body .task_body .cssAccordion label:hover,
#ShareFileEdit .tab_body .task_body .cssAccordion label:hover,
#ShareFileRead .tab_body .task_body .cssAccordion label:hover,
body#PropertyFPs .tab_body .task_body .cssAccordion label:hover,
body#PropertyFRPs .tab_body .task_body .cssAccordion label:hover,
body#PropertyFLKs .tab_body .task_body .cssAccordion label:active,
#ShareFileEdit .tab_body .task_body .cssAccordion label:active,
#ShareFileRead .tab_body .task_body .cssAccordion label:active,
body#PropertyFPs .tab_body .task_body .cssAccordion label:active,
body#PropertyFRPs .tab_body .task_body .cssAccordion label:active {
  background-color: rgba(199, 199, 199, 0.3);
}
body#PropertyFLKs .tab_body .task_body .cssAccordion label .badge_count,
#ShareFileEdit .tab_body .task_body .cssAccordion label .badge_count,
#ShareFileRead .tab_body .task_body .cssAccordion label .badge_count,
body#PropertyFPs .tab_body .task_body .cssAccordion label .badge_count,
body#PropertyFRPs .tab_body .task_body .cssAccordion label .badge_count {
  margin-top: 7px;
  margin-left: 5px;
}
body#PropertyFLKs .tab_body .task_body .cssAccordion .dataTables_wrapper,
#ShareFileEdit .tab_body .task_body .cssAccordion .dataTables_wrapper,
#ShareFileRead .tab_body .task_body .cssAccordion .dataTables_wrapper,
body#PropertyFPs .tab_body .task_body .cssAccordion .dataTables_wrapper,
body#PropertyFRPs .tab_body .task_body .cssAccordion .dataTables_wrapper {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
body#PropertyFLKs .tab_body .task_body input[type="checkbox"].state:checked ~ .panel,
#ShareFileEdit .tab_body .task_body input[type="checkbox"].state:checked ~ .panel,
#ShareFileRead .tab_body .task_body input[type="checkbox"].state:checked ~ .panel,
body#PropertyFPs .tab_body .task_body input[type="checkbox"].state:checked ~ .panel,
body#PropertyFRPs .tab_body .task_body input[type="checkbox"].state:checked ~ .panel {
  max-height: 100%;
}
body#PropertyDetails .aplis-tile-wrapper {
  position: relative;
}
body#PropertyDetails .aplis-tile-wrapper .aplis-tile.with-selectbox {
  padding-top: 3em;
}
body#PropertyDetails .aplis-tile-wrapper select {
  width: fit-content;
  position: absolute;
  top: 1.5em;
  left: 1.5em;
}
body#PropertyDetails .aplis-tile-wrapper a {
  display: block;
}
body#PropertyDetails .option-container {
  display: flex;
  flex-direction: column;
}
body#PropertyDetails .option-container button.option-entry {
  height: auto;
  text-align: left;
}
body#PropertyDetails .option-container .content {
  padding-top: 10px;
}
body#PropertyDetails .option-container .content .info-icon {
  display: inline-block;
  margin: 5px;
  margin-left: 0;
  font-size: 120%;
}
body#PropertyDetails .option-container .content .info-icon.active .openKAs,
body#PropertyDetails .option-container .content .info-icon.active .undeliveredKAs,
body#PropertyDetails .option-container .content .info-icon.active .undeliveredDocs,
body#PropertyDetails .option-container .content .info-icon.active .undeliveredTasks {
  color: #e30017;
}
body#PropertyDetails .option-container .option-entry-flex {
  display: flex;
  align-items: center;
  width: 100%;
}
@media all and (max-width: 575px) {
  body#PropertyDetails .option-container .option-entry-flex {
    flex-direction: column;
  }
  body#PropertyDetails .option-container .option-entry-flex i.icon {
    margin-right: 0;
    width: auto;
    min-width: auto;
    margin-bottom: 10px;
  }
  body#PropertyDetails .option-container .option-entry-flex p.title {
    margin-right: 0;
    text-align: center;
  }
  body#PropertyDetails .option-container .option-entry-flex span.descr {
    text-align: center;
  }
  body#PropertyDetails .option-container .option-entry-flex.content span.descr {
    text-align: left;
  }
  body#PropertyDetails .option-container .option-entry-flex i.caret {
    /*
                    position: absolute;
                    right: 40px;
                    margin-top: 20px;
                    */
    display: none;
  }
}
body#PropertyDetails .option-container .option-entry {
  color: #c7c7c7;
  padding: 20px;
  background-color: #444444;
  border: 1px solid #b2b1b1;
  margin-top: 10px;
  margin-bottom: 10px;
}
body#PropertyDetails .option-container .option-entry.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
body#PropertyDetails .option-container .option-entry:hover {
  background-color: #646769;
  text-decoration: none;
}
body#PropertyDetails .option-container .option-entry i.icon {
  font-size: 180%;
  margin-right: 10px;
  width: 40px;
  flex-shrink: 0;
}
@media all and (max-width: 575px) {
  body#PropertyDetails .option-container .option-entry i.icon {
    margin-right: 0;
    width: fit-content;
  }
}
body#PropertyDetails .option-container .option-entry p.title {
  flex-shrink: 0;
  margin: 0;
  font-size: 120%;
  display: inline-block;
  width: 200px;
  margin-right: 20px;
}
@media all and (max-width: 575px) {
  body#PropertyDetails .option-container .option-entry p.title {
    margin-right: 0;
  }
}
body#PropertyDetails .option-container .option-entry p.title .small {
  font-size: 80%;
  font-style: italic;
}
body#PropertyDetails .option-container .option-entry span.descr {
  font-size: 90%;
  color: #b2b1b1;
}
body#PropertyDetails .option-container .option-entry i.caret {
  font-size: 200%;
  float: right;
  flex-grow: 1;
  text-align: right;
}
body#PropertyDocumenation .documentationNotice {
  font-size: 10pt;
  margin: 0;
  position: relative;
  top: -1.6rem;
  text-align: left;
  display: block;
  align-self: flex-start;
}
body#PropertyQuestions main #Content table.infoTable tbody tr.active td {
  background-color: rgba(57, 170, 54, 0.2);
}
.objekt-ruecklieferung,
.objekt-ruecklieferung-mglist {
  background-color: #1c7a19;
}
.objekt-ruecklieferung:hover,
.objekt-ruecklieferung-mglist:hover {
  background-color: #2c9328;
}
.objekt-ruecklieferung button,
.objekt-ruecklieferung-mglist button {
  border: 0;
  background-color: transparent;
}
#PropertyFLKs .responsive-child,
#PropertyFPs .responsive-child,
#PropertyFRPs .responsive-child,
#ShareFileEdit .responsive-child,
#ShareFileRead .responsive-child {
  border-bottom: 2px solid #ffffff;
}
@media all and (max-width: 575px) {
  #PropertyFLKs .chooseProvisorium .col,
  #PropertyFPs .chooseProvisorium .col,
  #PropertyFRPs .chooseProvisorium .col,
  #ShareFileEdit .chooseProvisorium .col,
  #ShareFileRead .chooseProvisorium .col {
    padding-left: 0;
  }
}
.nowrap {
  white-space: nowrap;
}
#ObjektDetails,
#ObjektDelivery,
#ObjektDeliveryDetails,
.delivery-inner {
  background: #1f1f1f;
}
#ObjektDetails #propDeliveryNotice,
#ObjektDelivery #propDeliveryNotice,
#ObjektDeliveryDetails #propDeliveryNotice,
.delivery-inner #propDeliveryNotice,
#ObjektDetails #close-share-note,
#ObjektDelivery #close-share-note,
#ObjektDeliveryDetails #close-share-note,
.delivery-inner #close-share-note,
#ObjektDetails .textfield,
#ObjektDelivery .textfield,
#ObjektDeliveryDetails .textfield,
.delivery-inner .textfield {
  width: 100%;
  height: 300px;
}
#ObjektDetails .liefertermin,
#ObjektDelivery .liefertermin,
#ObjektDeliveryDetails .liefertermin,
.delivery-inner .liefertermin {
  font-size: 110%;
}
#ObjektDetails .liefertermin .col:first-child,
#ObjektDelivery .liefertermin .col:first-child,
#ObjektDeliveryDetails .liefertermin .col:first-child,
.delivery-inner .liefertermin .col:first-child {
  margin-top: 15px;
}
#ObjektDetails .liefertermin #liefertermin-error,
#ObjektDelivery .liefertermin #liefertermin-error,
#ObjektDeliveryDetails .liefertermin #liefertermin-error,
.delivery-inner .liefertermin #liefertermin-error {
  color: #e30017;
  font-size: 90%;
}
#ObjektDetails .liefertermin input,
#ObjektDelivery .liefertermin input,
#ObjektDeliveryDetails .liefertermin input,
.delivery-inner .liefertermin input {
  margin-top: 15px;
}
#ObjektDetails .liefertermin input[type=checkbox],
#ObjektDelivery .liefertermin input[type=checkbox],
#ObjektDeliveryDetails .liefertermin input[type=checkbox],
.delivery-inner .liefertermin input[type=checkbox] {
  margin-top: 10px;
}
#ObjektDetails .info-delivery,
#ObjektDelivery .info-delivery,
#ObjektDeliveryDetails .info-delivery,
.delivery-inner .info-delivery {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  font-size: 120%;
}
#ObjektDetails .info-delivery p,
#ObjektDelivery .info-delivery p,
#ObjektDeliveryDetails .info-delivery p,
.delivery-inner .info-delivery p {
  color: #e30017;
}
#ObjektDetails .info-delivery table,
#ObjektDelivery .info-delivery table,
#ObjektDeliveryDetails .info-delivery table,
.delivery-inner .info-delivery table {
  width: auto;
  margin-left: -10px;
}
#ObjektDetails .delivery-status-icon,
#ObjektDelivery .delivery-status-icon,
#ObjektDeliveryDetails .delivery-status-icon,
.delivery-inner .delivery-status-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#ObjektDetails .delivery-status-icon i,
#ObjektDelivery .delivery-status-icon i,
#ObjektDeliveryDetails .delivery-status-icon i,
.delivery-inner .delivery-status-icon i {
  font-size: 20px;
}
#ObjektDetails .dropzone,
#ObjektDelivery .dropzone,
#ObjektDeliveryDetails .dropzone,
.delivery-inner .dropzone {
  height: 300px;
  overflow-y: scroll;
}
#ObjektDetails .tab_body,
#ObjektDelivery .tab_body,
#ObjektDeliveryDetails .tab_body,
.delivery-inner .tab_body {
  display: none;
  padding: 10px !important;
  min-height: 100px;
}
#ObjektDetails button i,
#ObjektDelivery button i,
#ObjektDeliveryDetails button i,
.delivery-inner button i {
  margin-right: 5px;
}
#ObjektDetails .sub-filter,
#ObjektDelivery .sub-filter,
#ObjektDeliveryDetails .sub-filter,
.delivery-inner .sub-filter {
  display: flex;
  position: relative;
}
@media all and (max-width: 575px) {
  #ObjektDetails .sub-filter,
  #ObjektDelivery .sub-filter,
  #ObjektDeliveryDetails .sub-filter,
  .delivery-inner .sub-filter {
    flex-direction: column;
  }
  #ObjektDetails .sub-filter button,
  #ObjektDelivery .sub-filter button,
  #ObjektDeliveryDetails .sub-filter button,
  .delivery-inner .sub-filter button {
    width: 100%;
    margin-bottom: 5px;
  }
}
#ObjektDetails .sub-filter #open-filter,
#ObjektDelivery .sub-filter #open-filter,
#ObjektDeliveryDetails .sub-filter #open-filter,
.delivery-inner .sub-filter #open-filter {
  cursor: default;
  border: none;
  margin-right: 10px;
}
#ObjektDetails .sub-filter #open-filter:hover,
#ObjektDelivery .sub-filter #open-filter:hover,
#ObjektDeliveryDetails .sub-filter #open-filter:hover,
.delivery-inner .sub-filter #open-filter:hover {
  background-color: #444444;
}
#ObjektDetails .sub-filter .filter-criterion,
#ObjektDelivery .sub-filter .filter-criterion,
#ObjektDeliveryDetails .sub-filter .filter-criterion,
.delivery-inner .sub-filter .filter-criterion {
  margin-right: 10px;
}
#ObjektDetails .sub-filter .filter-criterion.standort,
#ObjektDelivery .sub-filter .filter-criterion.standort,
#ObjektDeliveryDetails .sub-filter .filter-criterion.standort,
.delivery-inner .sub-filter .filter-criterion.standort {
  margin-right: 0;
}
#ObjektDetails .sub-filter .standort,
#ObjektDelivery .sub-filter .standort,
#ObjektDeliveryDetails .sub-filter .standort,
.delivery-inner .sub-filter .standort {
  border-right: none;
}
#ObjektDetails .sub-filter .standort:nth-child(3),
#ObjektDelivery .sub-filter .standort:nth-child(3),
#ObjektDeliveryDetails .sub-filter .standort:nth-child(3),
.delivery-inner .sub-filter .standort:nth-child(3) {
  border-left: 1px solid #c7c7c7;
}
#ObjektDetails .sub-filter .standort:last-child,
#ObjektDelivery .sub-filter .standort:last-child,
#ObjektDeliveryDetails .sub-filter .standort:last-child,
.delivery-inner .sub-filter .standort:last-child {
  border-right: 1px solid #c7c7c7;
}
#ObjektDetails .sub-filter .sub_menu,
#ObjektDelivery .sub-filter .sub_menu,
#ObjektDeliveryDetails .sub-filter .sub_menu,
.delivery-inner .sub-filter .sub_menu {
  position: absolute;
  left: 75px;
  top: 35px;
}
#ObjektDetails .sub-filter .sub_menu .button,
#ObjektDelivery .sub-filter .sub_menu .button,
#ObjektDeliveryDetails .sub-filter .sub_menu .button,
.delivery-inner .sub-filter .sub_menu .button,
#ObjektDetails .sub-filter .open-standorte,
#ObjektDelivery .sub-filter .open-standorte,
#ObjektDeliveryDetails .sub-filter .open-standorte,
.delivery-inner .sub-filter .open-standorte {
  width: 150px;
}
#ObjektDetails .sub-filter .sub_menu .button,
#ObjektDelivery .sub-filter .sub_menu .button,
#ObjektDeliveryDetails .sub-filter .sub_menu .button,
.delivery-inner .sub-filter .sub_menu .button {
  display: block;
}
#ObjektDetails .top-btn,
#ObjektDelivery .top-btn,
#ObjektDeliveryDetails .top-btn,
.delivery-inner .top-btn {
  position: relative;
  top: 30px;
  z-index: 3;
  display: inline-block;
}
@media all and (max-width: 575px) {
  #ObjektDetails .top-btn,
  #ObjektDelivery .top-btn,
  #ObjektDeliveryDetails .top-btn,
  .delivery-inner .top-btn {
    margin-bottom: 30px;
    width: 100%;
  }
  #ObjektDetails .top-btn button,
  #ObjektDelivery .top-btn button,
  #ObjektDeliveryDetails .top-btn button,
  .delivery-inner .top-btn button {
    width: 100%;
  }
}
#ObjektDetails .checkout,
#ObjektDelivery .checkout,
#ObjektDeliveryDetails .checkout,
.delivery-inner .checkout {
  width: 100%;
  text-align: right;
  padding: 10px;
  background: #1f1f1f;
  border-bottom: 1px solid #444444;
  border-top: 1px solid #444444;
  margin-bottom: 20px;
}
#ObjektDetails .checkout .clear,
#ObjektDelivery .checkout .clear,
#ObjektDeliveryDetails .checkout .clear,
.delivery-inner .checkout .clear {
  clear: both;
}
#ObjektDetails .checkout .checkout_badge,
#ObjektDelivery .checkout .checkout_badge,
#ObjektDeliveryDetails .checkout .checkout_badge,
.delivery-inner .checkout .checkout_badge {
  display: inline-block;
  background: #333333;
  margin-right: 10px;
  padding: 9px;
  font-size: 15px;
  width: 100px;
}
#ObjektDetails .checkout .checkout_badge i:nth-child(1),
#ObjektDelivery .checkout .checkout_badge i:nth-child(1),
#ObjektDeliveryDetails .checkout .checkout_badge i:nth-child(1),
.delivery-inner .checkout .checkout_badge i:nth-child(1) {
  float: left;
  position: relative;
  top: 2px;
}
#ObjektDetails .checkout .checkout_badge #commentCheck i,
#ObjektDelivery .checkout .checkout_badge #commentCheck i,
#ObjektDeliveryDetails .checkout .checkout_badge #commentCheck i,
.delivery-inner .checkout .checkout_badge #commentCheck i {
  float: right;
  position: relative;
  top: 2px;
}
#ObjektDetails .checkout .checkout_badge .loading,
#ObjektDelivery .checkout .checkout_badge .loading,
#ObjektDeliveryDetails .checkout .checkout_badge .loading,
.delivery-inner .checkout .checkout_badge .loading {
  float: none !important;
}
#ObjektDetails .checkout button,
#ObjektDelivery .checkout button,
#ObjektDeliveryDetails .checkout button,
.delivery-inner .checkout button {
  height: 36px !important;
}
#ObjektDetails .tab_body_aktiv,
#ObjektDelivery .tab_body_aktiv,
#ObjektDeliveryDetails .tab_body_aktiv,
.delivery-inner .tab_body_aktiv {
  display: block !important;
}
#ObjektDetails #tabs_2,
#ObjektDelivery #tabs_2,
#ObjektDeliveryDetails #tabs_2,
.delivery-inner #tabs_2 {
  display: flex;
}
#ObjektDetails #tabs .tab,
#ObjektDelivery #tabs .tab,
#ObjektDeliveryDetails #tabs .tab,
.delivery-inner #tabs .tab,
#ObjektDetails #tabs_2 .tab,
#ObjektDelivery #tabs_2 .tab,
#ObjektDeliveryDetails #tabs_2 .tab,
.delivery-inner #tabs_2 .tab,
#ObjektDetails #tabs_3 .tab,
#ObjektDelivery #tabs_3 .tab,
#ObjektDeliveryDetails #tabs_3 .tab,
.delivery-inner #tabs_3 .tab {
  float: left;
  margin-right: 1px;
  width: calc(25% - 1px);
  background: #2d2d2b;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
@media all and (max-width: 575px) {
  #ObjektDetails #tabs .tab,
  #ObjektDelivery #tabs .tab,
  #ObjektDeliveryDetails #tabs .tab,
  .delivery-inner #tabs .tab,
  #ObjektDetails #tabs_2 .tab,
  #ObjektDelivery #tabs_2 .tab,
  #ObjektDeliveryDetails #tabs_2 .tab,
  .delivery-inner #tabs_2 .tab,
  #ObjektDetails #tabs_3 .tab,
  #ObjektDelivery #tabs_3 .tab,
  #ObjektDeliveryDetails #tabs_3 .tab,
  .delivery-inner #tabs_3 .tab {
    width: 100%;
  }
}
#ObjektDetails #tabs .tab .badge,
#ObjektDelivery #tabs .tab .badge,
#ObjektDeliveryDetails #tabs .tab .badge,
.delivery-inner #tabs .tab .badge,
#ObjektDetails #tabs_2 .tab .badge,
#ObjektDelivery #tabs_2 .tab .badge,
#ObjektDeliveryDetails #tabs_2 .tab .badge,
.delivery-inner #tabs_2 .tab .badge,
#ObjektDetails #tabs_3 .tab .badge,
#ObjektDelivery #tabs_3 .tab .badge,
#ObjektDeliveryDetails #tabs_3 .tab .badge,
.delivery-inner #tabs_3 .tab .badge {
  padding: 3px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 11px;
  position: relative;
  top: -5px;
  display: inline-block;
  min-width: 20px;
  text-align: center;
}
#ObjektDetails #tabs .tab .badge_count,
#ObjektDelivery #tabs .tab .badge_count,
#ObjektDeliveryDetails #tabs .tab .badge_count,
.delivery-inner #tabs .tab .badge_count,
#ObjektDetails #tabs_2 .tab .badge_count,
#ObjektDelivery #tabs_2 .tab .badge_count,
#ObjektDeliveryDetails #tabs_2 .tab .badge_count,
.delivery-inner #tabs_2 .tab .badge_count,
#ObjektDetails #tabs_3 .tab .badge_count,
#ObjektDelivery #tabs_3 .tab .badge_count,
#ObjektDeliveryDetails #tabs_3 .tab .badge_count,
.delivery-inner #tabs_3 .tab .badge_count {
  background: #1c7a19;
}
#ObjektDetails #tabs .tab .changes_count,
#ObjektDelivery #tabs .tab .changes_count,
#ObjektDeliveryDetails #tabs .tab .changes_count,
.delivery-inner #tabs .tab .changes_count,
#ObjektDetails #tabs_2 .tab .changes_count,
#ObjektDelivery #tabs_2 .tab .changes_count,
#ObjektDeliveryDetails #tabs_2 .tab .changes_count,
.delivery-inner #tabs_2 .tab .changes_count,
#ObjektDetails #tabs_3 .tab .changes_count,
#ObjektDelivery #tabs_3 .tab .changes_count,
#ObjektDeliveryDetails #tabs_3 .tab .changes_count,
.delivery-inner #tabs_3 .tab .changes_count {
  margin-left: 5px;
  background: #e2b007;
}
#ObjektDetails #tabs .tab_aktiv,
#ObjektDelivery #tabs .tab_aktiv,
#ObjektDeliveryDetails #tabs .tab_aktiv,
.delivery-inner #tabs .tab_aktiv,
#ObjektDetails #tabs_2 .tab_aktiv,
#ObjektDelivery #tabs_2 .tab_aktiv,
#ObjektDeliveryDetails #tabs_2 .tab_aktiv,
.delivery-inner #tabs_2 .tab_aktiv,
#ObjektDetails #tabs_3 .tab_aktiv,
#ObjektDelivery #tabs_3 .tab_aktiv,
#ObjektDeliveryDetails #tabs_3 .tab_aktiv,
.delivery-inner #tabs_3 .tab_aktiv {
  background: #444444;
}
#ObjektDetails #tabs .clear,
#ObjektDelivery #tabs .clear,
#ObjektDeliveryDetails #tabs .clear,
.delivery-inner #tabs .clear,
#ObjektDetails #tabs_2 .clear,
#ObjektDelivery #tabs_2 .clear,
#ObjektDeliveryDetails #tabs_2 .clear,
.delivery-inner #tabs_2 .clear,
#ObjektDetails #tabs_3 .clear,
#ObjektDelivery #tabs_3 .clear,
#ObjektDeliveryDetails #tabs_3 .clear,
.delivery-inner #tabs_3 .clear {
  clear: both;
}
#ObjektDetails .step_buttons,
#ObjektDelivery .step_buttons,
#ObjektDeliveryDetails .step_buttons,
.delivery-inner .step_buttons {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #444444;
  border-top: 1px solid #444444;
  padding: 10px;
}
#ObjektDetails .step_buttons.on-bottom,
#ObjektDelivery .step_buttons.on-bottom,
#ObjektDeliveryDetails .step_buttons.on-bottom,
.delivery-inner .step_buttons.on-bottom {
  margin-top: -20px;
}
#ObjektDetails .step_buttons .step_button:nth-child(1),
#ObjektDelivery .step_buttons .step_button:nth-child(1),
#ObjektDeliveryDetails .step_buttons .step_button:nth-child(1),
.delivery-inner .step_buttons .step_button:nth-child(1) {
  float: left;
  display: none;
}
#ObjektDetails .step_buttons .step_button:nth-child(2),
#ObjektDelivery .step_buttons .step_button:nth-child(2),
#ObjektDeliveryDetails .step_buttons .step_button:nth-child(2),
.delivery-inner .step_buttons .step_button:nth-child(2) {
  float: right;
}
#ObjektDetails .step_buttons div,
#ObjektDelivery .step_buttons div,
#ObjektDeliveryDetails .step_buttons div,
.delivery-inner .step_buttons div {
  clear: both;
}
#ObjektDetails .step-buttons,
#ObjektDelivery .step-buttons,
#ObjektDeliveryDetails .step-buttons,
.delivery-inner .step-buttons {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #444444;
  border-top: 1px solid #444444;
  padding: 10px;
}
#ObjektDetails #tabs_2,
#ObjektDelivery #tabs_2,
#ObjektDeliveryDetails #tabs_2,
.delivery-inner #tabs_2 {
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
}
#ObjektDetails #tabs_2 .checkout_badge_outer,
#ObjektDelivery #tabs_2 .checkout_badge_outer,
#ObjektDeliveryDetails #tabs_2 .checkout_badge_outer,
.delivery-inner #tabs_2 .checkout_badge_outer {
  display: inline-block;
}
#ObjektDetails #tabs_2 .checkout_badge_outer .checkout_badge,
#ObjektDelivery #tabs_2 .checkout_badge_outer .checkout_badge,
#ObjektDeliveryDetails #tabs_2 .checkout_badge_outer .checkout_badge,
.delivery-inner #tabs_2 .checkout_badge_outer .checkout_badge {
  text-align: right;
  display: inline-block;
  background: #2d2d2b;
  margin-left: 2px;
  padding: 5px;
  font-size: 13px;
  min-width: 50px;
  position: relative;
  top: -2px;
  z-index: 2;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
#ObjektDetails #tabs_2 .checkout_badge_outer .checkout_badge i:nth-child(1),
#ObjektDelivery #tabs_2 .checkout_badge_outer .checkout_badge i:nth-child(1),
#ObjektDeliveryDetails #tabs_2 .checkout_badge_outer .checkout_badge i:nth-child(1),
.delivery-inner #tabs_2 .checkout_badge_outer .checkout_badge i:nth-child(1) {
  float: left;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
#ObjektDetails #tabs_2 .checkout_badge_outer .checkout_badge #commentCheck i,
#ObjektDelivery #tabs_2 .checkout_badge_outer .checkout_badge #commentCheck i,
#ObjektDeliveryDetails #tabs_2 .checkout_badge_outer .checkout_badge #commentCheck i,
.delivery-inner #tabs_2 .checkout_badge_outer .checkout_badge #commentCheck i {
  float: right;
  position: relative;
  top: 2px;
}
#ObjektDetails #tabs_2 .checkout_badge_outer .checkout_badge .loading,
#ObjektDelivery #tabs_2 .checkout_badge_outer .checkout_badge .loading,
#ObjektDeliveryDetails #tabs_2 .checkout_badge_outer .checkout_badge .loading,
.delivery-inner #tabs_2 .checkout_badge_outer .checkout_badge .loading {
  float: none !important;
}
#ObjektDetails #tabs_2 .tab,
#ObjektDelivery #tabs_2 .tab,
#ObjektDeliveryDetails #tabs_2 .tab,
.delivery-inner #tabs_2 .tab {
  display: inline-block;
  margin-right: 1px;
  width: calc(20% - 1px);
  background: #2d2d2b;
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  text-align: left;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
  border: 2px solid #1f1f1f;
}
#ObjektDetails #tabs_2 .tab .step,
#ObjektDelivery #tabs_2 .tab .step,
#ObjektDeliveryDetails #tabs_2 .tab .step,
.delivery-inner #tabs_2 .tab .step {
  padding: 3px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  font-size: 15px;
  position: relative;
  top: 0px;
  display: inline-block;
  min-width: 27px;
  border: 1px solid #b2b1b1;
  text-align: center;
  margin-right: 10px;
}
#ObjektDetails #tabs_2 .tab_end,
#ObjektDelivery #tabs_2 .tab_end,
#ObjektDeliveryDetails #tabs_2 .tab_end,
.delivery-inner #tabs_2 .tab_end {
  background: #2d2d2b;
  padding: 10px;
  font-size: 21px;
  display: inline-block;
  position: relative;
  top: 2px;
  text-align: center;
  cursor: pointer;
}
#ObjektDetails #tabs_2 .tab_end i,
#ObjektDelivery #tabs_2 .tab_end i,
#ObjektDeliveryDetails #tabs_2 .tab_end i,
.delivery-inner #tabs_2 .tab_end i {
  position: relative;
  top: 3px;
}
#ObjektDetails #tabs_2 .tab_end .step,
#ObjektDelivery #tabs_2 .tab_end .step,
#ObjektDeliveryDetails #tabs_2 .tab_end .step,
.delivery-inner #tabs_2 .tab_end .step {
  padding: 3px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  font-size: 15px;
  position: relative;
  top: 0px;
  display: inline-block;
  min-width: 27px;
  border: 1px solid #b2b1b1;
  text-align: center;
  margin-right: 10px;
}
#ObjektDetails #tabs_2 .tab_aktiv,
#ObjektDelivery #tabs_2 .tab_aktiv,
#ObjektDeliveryDetails #tabs_2 .tab_aktiv,
.delivery-inner #tabs_2 .tab_aktiv {
  background: #444444;
}
#ObjektDetails #tabs_2 .clear,
#ObjektDelivery #tabs_2 .clear,
#ObjektDeliveryDetails #tabs_2 .clear,
.delivery-inner #tabs_2 .clear {
  clear: both;
}
#ObjektDetails #tabs_3 .tab,
#ObjektDelivery #tabs_3 .tab,
#ObjektDeliveryDetails #tabs_3 .tab,
.delivery-inner #tabs_3 .tab {
  width: calc(50% - 1px);
  left: 0px !important;
}
@media all and (max-width: 575px) {
  #ObjektDetails #tabs_3 .tab,
  #ObjektDelivery #tabs_3 .tab,
  #ObjektDeliveryDetails #tabs_3 .tab,
  .delivery-inner #tabs_3 .tab {
    width: 100%;
  }
}
#ObjektLieferungSenden {
  background: #1f1f1f;
}
#ObjektLieferungSenden .message {
  padding: 20px;
}
#ObjektLieferungSenden .message i {
  font-size: 40px;
  margin-right: 20px;
}
#ObjektLieferungSenden .message span {
  font-size: 18px;
  position: relative;
  top: -10px;
}
#ObjektLieferungSenden .success {
  background: #008800;
}
#ObjektLieferungSenden .error {
  background: #880000;
}
#tableDataCases {
  background: #444444;
}
#tableDataCases td {
  background: #000022;
}
#removeChangesModal .box-content {
  display: inline-block;
}
#removeChangesModal .box-content button#submit-remove-all-changes {
  float: left;
  background-color: #e30017;
}
#removeChangesModal .box-content button#cancel-remove-all-changes {
  float: right;
}
body#PropertyUpload main #Content #Schritt_1 {
  margin-top: 1.5rem;
}
body#PropertyUpload main #Content #Schritt_1 .box-content {
  min-height: 8rem;
}
body#PropertyUpload main #Content #Schritt_1 .box-content .row {
  margin-top: 0;
}
body#PropertyUpload main #Content #Schritt_1 .box-content select {
  width: 100%;
}
body#PropertyUpload main #Content #Schritt_1 #FreigabeLegend {
  padding: 0 0 0 1.1rem;
}
body#PropertyUpload main #Content #Schritt_1 #FreigabeLegend div.item {
  display: none;
}
body#PropertyUpload main #Content #Schritt_1 #FreigabeLegend div.item p {
  margin: 0;
}
body#PropertyUpload main #Content #Schritt_1 #FreigabeLegend div.item.active {
  display: block;
}
body#PropertyUpload main #Content #Schritt_2 p {
  min-height: 2.5em;
}
body#PropertyUpload main #Content #Schritt_2 textarea {
  width: 100%;
  height: 15em;
  resize: none;
  overflow-y: scroll;
}
body#PropertyUpload main #Content #Schritt_2 .box-content .row {
  margin-top: 0;
}
body#PropertyUpload main #Content #Schritt_3 p,
body#PropertyUpload main #Content #Schritt_4 p {
  min-height: 2.5em;
}
body#PropertyUpload main #Content #Schritt_3 .box-content .row,
body#PropertyUpload main #Content #Schritt_4 .box-content .row {
  margin-top: 0;
}
body#PropertyUpload main #Content #Schritt_5 button {
  background-color: #333333;
  display: inline-block;
}
#tabs_2 .tab-container {
  display: flex;
  flex-direction: column;
  margin-left: -20px;
  min-width: 80px;
}
#tabs_2 .tab-container:first-of-type {
  margin-left: 0;
  z-index: 8;
}
#tabs_2 .tab-container:first-of-type .tabclick {
  padding-left: 10px !important;
}
#tabs_2 .tab-container:nth-child(2) {
  z-index: 7;
}
#tabs_2 .tab-container:nth-child(3) {
  z-index: 6;
}
#tabs_2 .tab-container:nth-child(4) {
  z-index: 5;
}
#tabs_2 .tab-container:nth-child(5) {
  z-index: 4;
}
#tabs_2 .tab-container .tabclick {
  width: 100% !important;
  padding-left: 30px !important;
  padding-right: 10px !important;
}
#tabs_2 .tab-container .tabclick.tab_aktiv {
  background: #444444;
}
#tabs_2 .tab-container .tab_end {
  width: 100% !important;
  min-width: 120px;
  height: 47px;
}
@media all and (max-width: 575px) {
  #tabs_2 .tab-container .text {
    display: none;
  }
}
#flkDeliveryOptionsModal label {
  padding: 0;
}
#fileDeliveryTaskNotice #prepareDelivery {
  float: right;
  background-color: #e30017;
}
.relink-placeholder {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 140%;
}
.dt-details-control .button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.dt-details-control .button i {
  font-size: 120% !important;
}
.dt-child-container {
  padding-left: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}
.dt-child-container .dt-child-box {
  border: 1px solid #333333;
  margin-right: 5px;
}
.dt-child-container .dt-child-box .dt-child-box-header {
  background-color: #333333;
}
.dt-child-container .dt-child-box .dt-child-box-content,
.dt-child-container .dt-child-box .dt-child-box-header {
  padding: 5px 15px 5px 15px;
}
.dt-child-container .dt-child-box .dt-child-box-content a,
.dt-child-container .dt-child-box .dt-child-box-header a {
  cursor: pointer;
  text-decoration: underline;
}
.dt-child-container .dt-child-box .dt-child-box-content a:hover,
.dt-child-container .dt-child-box .dt-child-box-header a:hover {
  text-decoration: none;
}
.dt-child-container .dt-child-box .dt-child-box-content .disabled,
.dt-child-container .dt-child-box .dt-child-box-header .disabled {
  font-style: italic;
  color: #b2b1b1;
}
tr:nth-child(odd) .dt-child-box {
  border: 1px solid #444444;
}
tr:nth-child(odd) .dt-child-box .dt-child-box-header {
  background-color: #444444;
}
#TableIncomingListe .send-direction {
  white-space: nowrap;
}
#TableIncomingListe .send-direction .arrow {
  font-size: 200%;
  margin: 5px;
}
.returntype-indicator {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  color: #AAAAAA;
}
.returntype-indicator.type-1 {
  color: #008800;
}
.returntype-indicator.type-2 {
  color: #e8c626;
}
.returntype-indicator.type-4 {
  color: #AA2222;
}
.add-documentation-table {
  border-spacing: 5px;
}
.add-documentation-table td {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
}
.add-documentation-table td:last-child {
  padding-left: 10px;
}
.add-documentation-table td:last-child button {
  width: 100%;
}
#flkUploadModal {
  max-width: 50vw;
}
#flkUploadModal #flk-upload-dropzone {
  overflow-y: auto;
  min-height: 400px;
}
#flkUploadModal #flk-upload-dropzone .dz-preview {
  display: block;
}
#flkUploadModal #flk-upload-dropzone .dz-filename {
  display: flex;
  flex-direction: column;
}
#flkUploadModal #flk-upload-dropzone .dz-filename .mg_error {
  color: #e30017;
}
#flkUploadModal #flk-upload-dropzone .entry-row {
  width: 100%;
  padding-top: 10px;
  /*
            &.progress-row{                
                position   : absolute;
                height     : 100%;
                .col{
                    z-index: 2;
                }
            }*/
}
#flkUploadModal #flk-upload-dropzone .mg-col {
  display: flex;
  align-items: center;
}
#flkUploadModal #flk-upload-dropzone .mg-col input {
  max-width: 100%;
}
#flkUploadModal #flk-upload-dropzone .mg-col input.invalid {
  border: 2px solid #e30017;
}
.ds-box {
  border: 1px solid #b2b1b1;
}
.login-info {
  color: #ffffff !important;
  font-size: 1.5em;
}
.ds-title {
  display: flex;
  align-items: center;
}
.ds-title select {
  cursor: pointer;
}
.ds-title .relinkState {
  margin-right: 10px;
}
.ds-title select {
  margin-left: 10px;
}
.relinkState {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.relinkState .aplis-state {
  font-size: 170%;
  padding-right: 5px;
}
.aplis-state .aplis-online {
  color: #228822;
}
.aplis-state .aplis-in-revision {
  color: #2558ff;
}
.aplis-state .aplis-offline {
  color: #ff2222;
}
.aplis-state .aplis-partly-offline {
  color: #ff8502;
}
.relinkMeldung {
  text-align: center !important;
}
.relinkMeldung .aplis-meldung {
  font-size: 150%;
}
.task-entry {
  white-space: normal;
}
.flk-manual-upload {
  white-space: normal;
}
.relink-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2em;
}
.state-progress {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.state-progress i {
  margin-right: 10px;
  font-size: 120%;
}
.state-progress .state-progress-indicator .bar-container {
  display: flex;
}
.state-progress .state-progress-indicator .bar-container .single-bar {
  width: 100%;
  min-width: 15px;
  height: 10px;
  border: 1px solid #171717;
  background-color: #444444;
}
.state-progress .state-progress-indicator .single-bar.active {
  background-color: #f2f2f2;
}
.state-progress .state-progress-indicator.state-2 .single-bar.active,
.state-progress .state-progress-indicator.state-4 .single-bar.active {
  background-color: #FFFF22;
}
.state-progress .state-progress-indicator.state-3 .single-bar.active {
  background-color: #e30017;
}
.state-progress .state-progress-indicator.state-5 .single-bar.active {
  background-color: #2c9328;
}
.remed-search {
  border: 1px solid #758291;
  padding: 5px;
  border-radius: 3px;
  margin-left: -8px;
  margin-right: -8px;
}
#FilterRelinkListe {
  display: flex;
}
#FilterRelinkListe .filter-entry {
  display: flex;
  align-items: center;
  justify-content: center;
}
#FilterRelinkListe .filter-entry .switch {
  margin-right: 10px;
}
#FilterRelinkListe .filter-tag {
  background-color: #444444;
  margin-right: 2em;
  border: 1px solid #c7c7c7;
  padding-left: 1em;
}
#FilterRelinkListe .filter-tag button {
  border: none;
}
#remote-admin-login-placeholder {
  white-space: nowrap;
  margin-bottom: 2em;
}
#resetRelinkUserPassword .pw-row {
  display: flex;
  justify-content: space-between;
}
#fileHistoryTable button {
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 200%;
  height: fit-content;
}
#PropertyDetailsRelink .open-indicator {
  cursor: pointer;
}
#PropertyDetailsRelink .alert-box {
  background-color: #2d2d2b;
  margin-bottom: 2em;
  padding: 1em;
}
#PropertyDetailsRelink .alert-box .alert-header {
  font-size: 150%;
  display: flex;
  align-items: center;
}
#PropertyDetailsRelink .alert-box .alert-header .title {
  flex-grow: 1;
}
#PropertyDetailsRelink .alert-box .alert-header i {
  margin-right: 0.5em;
  font-size: 180%;
}
#PropertyDetailsRelink .alert-box .dataTable thead {
  background-color: #444444;
}
#PropertyDetailsRelink .alert-box .history-dt .paginate_button:not(.previous):not(.next) {
  display: none;
}
#PropertyDetailsRelink .alert-box .dataTable .left-content {
  float: left;
}
#PropertyDetailsRelink .alert-box .dataTable .right-content {
  float: right;
  font-size: 150%;
  padding-right: 1em;
}
#PropertyDetailsRelink .alert-box .dataTable .right-content .revision {
  color: #2558ff;
}
#PropertyDetailsRelink .show-user-details i {
  font-size: 200%;
}
#PropertyDetailsRelink .device-row {
  font-size: 200%;
  display: flex;
  justify-content: space-between;
}
#PropertyDetailsRelink .device-row .device-type {
  display: flex;
  align-items: center;
}
#PropertyDetailsRelink .device-row .device-type:first-child {
  margin-right: 40px;
}
#PropertyDetailsRelink .device-row .device-enabled {
  color: #1c7a19;
  margin-right: 10px;
}
#PropertyDetailsRelink .device-row .device-disabled {
  color: #e30017;
  margin-right: 10px;
}
#PropertyDetailsRelink .device-row .deletion-disabled {
  opacity: 0.3;
}
#PropertyDetailsRelink #relink-remoteusers td:last-child,
#PropertyDetailsRelink #relink-remoteusers th:last-child {
  text-align: center;
}
#PropertyDetailsRelink .user-edit-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#PropertyDetailsRelink .tooltip_show {
  border: 1px solid #c7c7c7;
  background-color: #444444;
  display: flex;
  align-items: center;
}
#PropertyDetailsRelink .tooltip_show i {
  margin-right: 10px !important;
}
#PropertyDetailsRelink .title-rights {
  font-size: 1.5em;
  margin-top: 1em;
  display: block;
  padding-left: 1em;
}
#PropertyDetailsRelink .right-container {
  display: flex;
  flex-wrap: wrap;
  padding: 1em;
  flex-direction: column;
  max-height: 200px;
  width: fit-content;
}
#PropertyDetailsRelink .right-container .right-section {
  display: flex;
  align-items: center;
  border: 1px solid #333333;
  margin-right: 2em;
}
#PropertyDetailsRelink .right-container .right-section .right-name {
  padding: 0.5em;
  background-color: #646769;
  width: 12em;
  text-align: center;
}
#PropertyDetailsRelink .right-container .right-section .right-value {
  width: fit-content;
  padding: 0.5em;
}
#relinkGfxModal .gfx-box {
  background-color: #171717;
  margin-bottom: 1em;
}
#relinkGfxModal .gfx-box .gfx-header {
  border-bottom: 1px solid #758291;
  line-height: 1em;
  padding: 1em;
  font-size: 105%;
}
#relinkGfxModal .gfx-box .gfx-content {
  padding: 1em;
}
#relinkGfxModal .gfx-box .gfx-content a {
  display: block;
  line-height: 1.5em;
}
#PropertyMaintenanceReports .details-button {
  border: 0;
  background-color: transparent;
  font-size: 150%;
}
.task-switch {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  margin-left: auto;
  width: 90%;
  justify-content: end;
  margin-right: auto;
}
.task-switch span.label {
  margin-left: 0.5em;
}
/*
@keyframes blink-animation {
    0% {
        opacity: 0;
    }

    55% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
    }
}

.blink-container {
    background-color: @CIRed;
    opacity: 0;
    animation-name: blink-animation;
    animation-duration: 0.5s;
    position: absolute;
    z-index: 100;
    display: none;
}
    */
.mark-selected {
  background-color: #e30017 !important;
  opacity: 0.5;
}
#add-own-property {
  float: right;
  margin-bottom: 10px;
  background-color: #1c7a19;
}
#add-own-property-form {
  display: block;
  width: 100%;
}
#add-own-property-form .input-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
#add-own-property-form .input-wrapper label {
  color: #b2b1b1;
  padding: 0.5em 0;
  font-size: 90%;
}
#add-own-property-form .input-wrapper input {
  border-radius: 3px;
}
#add-own-property-form .input-fav-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
#add-own-property-form .input-fav-wrapper button {
  cursor: pointer;
  color: #e2b007;
  border: none;
  background-color: transparent;
  padding: 0;
  padding-right: 0.6em;
  font-size: 120%;
  height: fit-content;
}
.inline-edit-row {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.inline-edit-button {
  display: inline-block;
  border: none;
  background-color: transparent;
  height: fit-content;
  font-size: 100%;
  padding: 0;
  margin-left: 10px;
  color: #b2b1b1;
}
.inline-edit-button:hover {
  background-color: transparent;
}
.file-upload-dropzone {
  margin-bottom: 20px;
  border-radius: 10px;
  border-style: dashed;
  border-width: 2px;
  border-color: #758291;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.file-upload-dropzone .dz-default {
  width: 100%;
}
.file-upload-dropzone[data-disabled="true"] {
  opacity: 0.5;
}
.own-property-details-table {
  width: auto !important;
}
.own-property-details-table td {
  padding-left: 0 !important;
}
.own-property-details-table td:first-child {
  white-space: nowrap;
}
.own-property-details-table td .inline-edit-row {
  justify-content: start;
}
#OwnPropertyFileTypeDetails .inline-edit-row > span {
  flex-grow: 1;
}
#OwnPropertyFileTypeDetails .inline-edit-row button {
  color: #ffffff;
}
#OwnPropertyFileTypeDetails .inline-edit-row button i {
  font-size: 130%;
}
#OwnPropertyFileTypeDetails .inline-edit-row input {
  max-width: 100px;
}
#OwnPropertyFileTypeDetails .category-tab-header .inline-edit-button {
  color: #b2b1b1;
  font-size: 90%;
}
.trigger-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 150%;
}
#allgemeineHinweise-container .wichtig {
  color: #e30017;
}
#allgemeineHinweise-container h3 {
  margin-top: 3rem;
}
#allgemeineHinweise-container .allgemeineHinweise-closeBtn.new-btn {
  width: 350px;
}
#allgemeineHinweise-container .allgemeineHinweise-closeBtn#topright-btn {
  float: right;
  font-size: 150%;
  height: 40px;
  background-color: #1c7a19;
}
#allgemeineHinweise-container .allgemeineHinweise-closeBtn#topright-btn:hover {
  background-color: #2c9328;
}
#allgemeineHinweise-container .button-container {
  float: right;
  display: flex;
  flex-direction: column;
  align-items: end;
}
#allgemeineHinweise-container .button-container .button {
  font-size: 150%;
  height: 40px;
  background-color: #1c7a19;
  margin-bottom: 5px;
}
#allgemeineHinweise-container .button-container .button small {
  font-size: 60%;
}
#allgemeineHinweise-container .button-container .button:hover {
  background-color: #2c9328;
}
#TablePreislisteListe .info-display {
  color: #e2b007;
}
#TablePreislisteListe thead th {
  box-shadow: 0 2px #171717;
}
#TablePreislisteListe thead th.th_under {
  font-size: 12px;
  padding-right: 5px;
}
#TablePreislisteListe thead th.s_start {
  border-left: 1px solid #AAAAAA;
}
#TablePreislisteListe thead th.staffel_1,
#TablePreislisteListe thead th.staffel_2 {
  text-align: center;
}
#TablePreislisteListe tbody {
  /*
        td.staffel_1{
            background:#484848;
        }
        td.staffel_2{
            background:#383838;
        }
        */
}
#TablePreislisteListe tbody td {
  padding: 3px !important;
}
#TablePreislisteListe tbody td.aligntop {
  vertical-align: top;
}
#TablePreislisteListe tbody td.staffel_1 {
  text-align: right;
  padding-right: 5px;
}
#TablePreislisteListe tbody td.staffel_2 {
  text-align: right;
  padding-right: 5px;
}
#TablePreislisteListe tbody td.s_start {
  border-left: 1px solid #AAAAAA;
}
#TablePreislisteListe tbody tr:hover td {
  background-color: #e30017 !important;
}
#TablePreislisteListe tbody tr:hover td .artID-display,
#TablePreislisteListe tbody tr:hover td .lower-display {
  color: #b2b1b1;
}
#TablePreislisteListe tbody.hasAllPrices tr:nth-child(even) > td:nth-child(25n+8) {
  background: #2e571b;
  color: #FFFFFF;
}
#TablePreislisteListe tbody.hasAllPrices tr:nth-child(even) > td:nth-child(25n+9) {
  background: #2e571b;
  color: #FFFFFF;
}
#TablePreislisteListe tbody.hasAllPrices tr:nth-child(odd) > td:nth-child(25n+8) {
  background: #234e0f;
  color: #FFFFFF;
}
#TablePreislisteListe tbody.hasAllPrices tr:nth-child(odd) > td:nth-child(25n+9) {
  background: #234e0f;
  color: #FFFFFF;
}
#TablePreislisteListe tbody.hasSonderpreiseOnly tr:nth-child(even) > td:nth-child(25n+6) {
  background: #2e571b;
  color: #FFFFFF;
}
#TablePreislisteListe tbody.hasSonderpreiseOnly tr:nth-child(even) > td:nth-child(25n+7) {
  background: #2e571b;
  color: #FFFFFF;
}
#TablePreislisteListe tbody.hasSonderpreiseOnly tr:nth-child(odd) > td:nth-child(25n+6) {
  background: #234e0f;
  color: #FFFFFF;
}
#TablePreislisteListe tbody.hasSonderpreiseOnly tr:nth-child(odd) > td:nth-child(25n+7) {
  background: #234e0f;
  color: #FFFFFF;
}
#TablePreislisteListe tbody .info_alert {
  color: #d9d51e;
  opacity: 0.7;
  font-size: 18px;
  cursor: pointer;
}
#TablePreislisteListe tbody .info_alert_off {
  opacity: 0;
  font-size: 18px;
}
.preisliste-btns .button {
  float: right;
  width: 230px;
}
#Vorschriften {
  /*
    #anfrage_popup_bg {
        position  : fixed;
        display   : none;
        top       : 0;
        left      : 0;
        width     : 100%;
        height    : 100%;
        z-index   : 200;
        background: rgba(0, 0, 0, 0.6);
    }
    */
  /*
    #anfrage_popup {

        display: none;

        font-size: 14px;

        width : 400px;
        height: 300px;

        position: fixed;
        top     : 50%;
        left    : 50%;
        z-index : 250;

        margin-left: -200px;
        margin-top : -400px;

        .box-container {
            background: #1f1f1f;
        }

        input {
            padding: 7px;

        }

        input[type=checkbox] {
            float  : left;
            display: inline !important;
            width  : auto;
        }


    }
    */
}
#Vorschriften .pkDiv {
  background: #8c868d;
  padding: 10px;
  float: left;
  width: 250px;
  font-size: 18px;
  text-align: center;
  align-self: flex-start;
}
@media all and (max-width: 783px) and (min-width: 769px) {
  #Vorschriften .pkDiv {
    font-size: 120%;
  }
}
@media all and (max-width: 767px) {
  #Vorschriften .pkDiv {
    width: 100%;
  }
}
#Vorschriften .search-entry-description {
  float: left;
  padding-left: 30px;
}
@media all and (max-width: 767px) {
  #Vorschriften .search-entry-description {
    padding-left: 0;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
#Vorschriften #anfrage_formular {
  float: right;
}
#Vorschriften #anfrage_antwort {
  display: none;
}
#Vorschriften #anfrage_antwort .row {
  align-items: center;
  background: #1c7a19;
  padding: 10px;
}
#Vorschriften #anfrage_antwort .row i {
  font-size: 40px;
}
#Vorschriften .important {
  color: #e30017;
  font-weight: bold;
}
.selected_pk {
  font-weight: bold;
  font-size: 110%;
}
.current-pk,
.current-pk td {
  background-color: #4395ff !important;
}
#ergebnisse_outer {
  display: none;
}
#suchergebnisse-table {
  border-collapse: collapse;
}
#suchergebnisse-table tr {
  border-bottom: 1px solid white !important;
}
#suchergebnisse-table tr:last-child,
#suchergebnisse-table tr:first-child {
  border-bottom: none !important;
}
#suchergebnisse-table tr td {
  vertical-align: top;
}
#vorschriften_suche input[type="text"],
#vorschriften_suche input[type="date"] {
  padding: 5px;
  height: 30px;
  width: 100%;
  margin-top: 3px;
}
#vorschriften_suche label {
  position: relative;
  top: 8px;
}
#vorschriften_suche #suche_ausgabe {
  display: none;
  position: absolute;
  top: 35px;
  background: #333333;
  padding: 10px;
  width: calc(100% - 15px);
  z-index: 20;
  background-color: #ffffff;
  color: #171717;
}
#vorschriften_suche #suche_ausgabe table {
  width: 100%;
}
#vorschriften_suche #suche_ausgabe table th {
  text-align: left;
  background: #222222;
}
#vorschriften_suche #suche_ausgabe .button {
  width: 100%;
  text-align: left;
  background-color: transparent;
  color: #171717;
  border: none;
  display: block;
  height: auto;
  padding: 0.5em;
}
#vorschriften_suche #suche_ausgabe .button .unimportant {
  color: #8c868d;
  font-style: italic;
}
#vorschriften_suche #suche_ausgabe .button .unimportant.plz-info {
  font-size: 80%;
}
#vorschriften_suche #suche_ausgabe .button .unimportant.show-info {
  border-bottom: 1px dotted #8c868d;
  display: inline-block;
}
@media all and (max-width: 767px) {
  #vorschriften_suche #suche_ausgabe .button .unimportant.show-info {
    display: none;
  }
}
#vorschriften_suche #suche_ausgabe .button:hover {
  background: #c7c7c7;
}
#anfrage_popup {
  font-size: 14px;
}
#anfrage_popup .box-container {
  background: #1f1f1f;
}
#anfrage_popup input {
  padding: 7px;
}
#anfrage_popup input[type=checkbox] {
  float: left;
  display: inline !important;
  width: auto;
}
@media all and (max-width: 575px) {
  #anfrage_popup {
    width: 100%;
  }
}
#add-ap {
  float: right;
  margin-bottom: 20px;
}
#addApModal .col {
  margin-bottom: 5px;
  padding: 5px;
}
#addApModal input {
  width: 100%;
  border-radius: 3px;
  border: 0;
  padding: 5px;
  font-size: 110%;
}
#TableBenutzerListe th:nth-child(2),
#TableBenutzerListe tbody td:nth-child(2),
#TableBenutzerListe th:nth-child(6),
#TableBenutzerListe tbody td:nth-child(6),
#TableBenutzerListe th:nth-child(7),
#TableBenutzerListe tbody td:nth-child(7),
#TableBenutzerListe th:nth-child(8),
#TableBenutzerListe tbody td:nth-child(8),
#TableBenutzerListe th:nth-child(9),
#TableBenutzerListe tbody td:nth-child(9) {
  text-align: center;
}
#TableBenutzerListe th .switch,
#TableBenutzerListe tbody td .switch {
  margin-left: 10px;
}
#TableBenutzerListe tr.currentUserEntry td {
  background-color: #646769;
}
#TableBenutzerListe tr.currentUserEntry:hover td {
  background-color: #8c868d;
}
#TableBenutzerListe .info-yes,
#TableBenutzerListe .info-no {
  margin-left: 5px;
  font-size: 120%;
}
#TableBenutzerListe .action-btn-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#TableBenutzerListe .action-btn-container .info-text {
  padding-left: 10px;
}
#TableBenutzerListe .action-btn-container .action-btn {
  margin-right: 5px;
  border: 1px solid #c7c7c7;
  background-color: #444444;
}
#TableBenutzerListe .action-btn-container .action-btn:hover {
  background-color: #646769;
}
#useractionModal .main-btn {
  margin: 5%;
  width: 90%;
}
#objectrightsModal table .button,
#userrightsModal table .button {
  border: none;
  background-color: transparent;
  font-size: 150%;
  height: auto;
  padding: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#objectrightsModal table .button:hover,
#userrightsModal table .button:hover {
  opacity: 0.5;
}
.katalog-info {
  font-size: 120%;
  margin-bottom: 1em;
}
.katalog-divider {
  height: 2px;
  background-image: url('/images/linie_horizontal.png');
}
.katalog-entry .katalog-link {
  font-size: 120%;
  display: block;
  padding: 10px;
  padding-bottom: 5px;
}
.katalog-entry .katalog-link:hover {
  text-decoration: none;
  color: #b2b1b1;
  background: #444444;
}
.katalog-entry .katalog-link i {
  margin-top: 6px;
  margin-right: 10px;
  font-size: 150%;
}
.katalog-entry .katalog-link img {
  margin-top: 8px;
}
.katalog-entry .katalog-link .katalog-details {
  font-size: 70%;
  margin-top: 5px;
  color: #8c868d;
}
body#OrderUpload main #Content #Schritt_1 {
  margin-top: 1.5rem;
}
body#OrderUpload main #Content #Schritt_1 p {
  min-height: 2.5em;
}
body#OrderUpload main #Content #Schritt_1 textarea {
  width: 100%;
  height: 15em;
  resize: none;
  overflow-y: scroll;
}
body#OrderUpload main #Content #Schritt_1 .box-content {
  min-height: 8rem;
}
body#OrderUpload main #Content #Schritt_1 .box-content .row {
  margin-top: 0;
}
body#OrderUpload main #Content #Schritt_2 {
  margin-top: 1.5rem;
}
body#OrderUpload main #Content #Schritt_2 p {
  min-height: 2.5em;
}
body#OrderUpload main #Content #Schritt_2 .dropzone {
  height: 16em;
  overflow-y: scroll;
}
body#OrderUpload main #Content #Schritt_2 .box-content .row {
  margin-top: 0;
}
body#OrderUpload main #Content #Schritt_3 button {
  background-color: #333333;
  display: inline-block;
}
.webshop .zusatzinfo .delete-option {
  font-style: italic;
}
.webshop .fav_button {
  border: none;
  background-color: transparent;
  font-size: 130%;
  padding: 0;
}
.webshop .main-search input[type=search] {
  width: 100%;
  padding: 5px;
}
.webshop .cart-btn {
  margin-top: 10px;
}
.webshop .cart-btn .badge {
  padding: 3px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 11px;
  min-width: 20px;
  text-align: center;
  background: #1c7a19;
  margin-left: 5px;
}
.webshop .article-title h2,
.webshop .article-title h3 {
  margin: 0 !important;
  line-height: 1.5em;
}
.webshop .article-title h3 {
  font-weight: normal;
  color: #b2b1b1;
}
.webshop #index-menu {
  margin-left: 10px;
}
.webshop .menu-content {
  position: fixed;
  z-index: 30;
  width: 200px;
  margin-top: 43px;
  background-color: #1f1f1f;
}
.webshop .menu-content .button {
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  width: 100%;
}
.webshop .menu-content .button i {
  margin-right: 5px;
}
.webshop .schnelleingabe input {
  width: 90%;
  margin-right: 5px;
}
.webshop .suggestions {
  position: fixed;
  background-color: #ffffff;
  color: #444444;
  width: 250px;
  padding: 5px;
  font-weight: normal;
  max-height: 300px;
  overflow-y: scroll;
}
.webshop .suggestions .suggestion-entry {
  margin-bottom: 5px;
  cursor: pointer;
  width: 100%;
}
.webshop .suggestions .suggestion-entry:hover {
  background-color: #f2f2f2;
  font-weight: bold;
}
.webshop section#showArticles .group-description {
  display: flex;
  align-items: start;
}
.webshop section#showArticles .group-description .table_li {
  display: block;
}
.webshop section#showArticles .group-description .table_li td:first-child {
  color: #e30017;
  padding-right: 10px;
}
.webshop section#showArticles .group-description .table_li td {
  vertical-align: top;
}
.webshop section#showArticles .group-description .sub_li {
  margin-left: 50px;
}
.webshop section#showArticles .group-description .sub2_li {
  margin-left: 100px;
}
.webshop section#showArticles .group-description .main_ul,
.webshop section#showArticles .group-description .sub_ul,
.webshop section#showArticles .group-description .sub2_ul {
  margin: 0px;
  padding: 0px;
}
.webshop section#showArticles .group-image {
  display: flex;
  justify-content: end;
  margin-left: 30px;
}
.webshop section#showArticles .group-image img {
  max-height: 300px;
  max-width: 300px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
}
.webshop section#showArticles #list-articles {
  padding-right: 20px;
}
.webshop section#showArticles #list-articles .article-entry {
  padding: 20px;
  padding-bottom: 10px;
  border: 1px solid #c7c7c7;
}
.webshop section#showArticles #list-articles .article-entry#loading-indicator {
  border: none;
}
.webshop section#showArticles #list-articles .article-entry .article-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 185px;
  width: 230px;
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: -18px;
  background-color: #c7c7c7;
}
.webshop section#showArticles #list-articles .article-entry .article-image img {
  max-height: 100%;
  max-width: 100%;
  margin: -20px;
}
.webshop section#showArticles #list-articles .article-entry .span-9 {
  padding-left: 25px;
}
.webshop section#showArticles #list-articles .article-entry .article-buttons {
  display: flex;
  justify-content: end;
  align-items: center;
}
.webshop section#showArticles #list-articles .article-entry .article-buttons .button {
  margin-left: 5px;
}
.webshop section#showArticles .menu-bar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 20;
  margin-bottom: 10px;
  background-color: #1f1f1f;
  min-height: 50px;
  /*
            .filter-criteria {
                clear      : both;
                display    : flex;
                flex-wrap  : wrap;
                padding-top: 10px;

                .filter-criteria-entry {
                    background-color: @DarkGrey;
                    padding         : 5px;
                    margin-right    : 10px;
                    margin-bottom   : 10px;

                    &:first-of-type {
                        margin-left: 0;
                    }
                }
            }*/
}
.webshop section#showArticles .menu-bar-sticky #favoriteform {
  margin-left: 10px;
  display: inline-block;
  margin-top: 5px;
}
.webshop section#showArticles .menu-bar-sticky .sortOptions {
  position: absolute;
  z-index: 10;
  right: 0;
  background-color: #1f1f1f;
  margin-top: 17px;
}
.webshop section#showArticles .menu-bar-sticky .sortOptions .button {
  width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
}
.webshop section#showArticles .menu-bar-sticky .sortOptions .button i {
  margin-right: 5px;
}
.webshop section#showArticles .menu-bar-sticky .sortOptions .button.sortSelected {
  background-color: #8c868d;
}
.webshop section#showArticles .menu-bar-sticky .sortOptions .button.sortDirOption {
  width: 50%;
  float: left;
}
.webshop section#showArticles .menu-bar-sticky .sortOptions .menu-separator {
  cursor: default;
  width: 100%;
  border: none;
  height: 20px;
}
.webshop section#showArticles .menu-bar-sticky .sortOptions .menu-separator:hover {
  background-color: #444444;
}
.webshop section#showArticles .menu-bar-sticky .filterTags {
  display: flex;
  margin-top: 20px;
  margin-bottom: -20px;
  max-height: 80px;
  overflow-y: auto;
}
.webshop section#showArticles .subcategory-container {
  position: relative;
  padding: 5px;
  background-color: #2d2d2b;
}
.webshop section#showArticles .subcategory-container .button {
  height: 30px;
}
.webshop section#showArticles .subcategory-container .scroll-btn {
  position: absolute;
  width: 30px;
}
.webshop section#showArticles .subcategory-container .scroll-btn#prior-items {
  left: 5px;
}
.webshop section#showArticles .subcategory-container .scroll-btn#next-items {
  right: 5px;
}
.webshop section#showArticles .subcategory-container .inner-contents {
  margin-left: 35px;
  margin-right: 35px;
  white-space: nowrap;
  overflow: hidden;
}
.webshop section#showArticles .subcategory-container .inner-contents a:hover {
  text-decoration: none;
}
.webshop section#showArticles .subcategory-container .inner-contents .button {
  padding: 5px;
  min-width: 30%;
}
.webshop section#showArticles .page-buttons .col {
  padding: 10px;
}
.webshop section#showArticles .page-buttons .col:first-child {
  display: flex;
  justify-content: start;
}
.webshop section#showArticles .page-buttons .col:last-child {
  display: flex;
  justify-content: end;
}
.webshop section#showArticle .article-title h2 {
  font-weight: bold !important;
}
.webshop section#showArticle .article-title h2 button {
  height: auto;
}
.webshop section#showArticle .article-title .article-thirdname {
  color: #8c868d;
  display: block;
  margin-bottom: 5px;
}
.webshop section#showArticle .shopping-container .article-buttons,
.webshop section#showArticle .shopping-container .price,
.webshop section#showArticle .shopping-container .availability {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.webshop section#showArticle .shopping-container .article-buttons input,
.webshop section#showArticle .shopping-container .price input,
.webshop section#showArticle .shopping-container .availability input {
  max-width: 70px;
  text-align: right;
}
.webshop section#showArticle .shopping-container .toggle-scaled-prices {
  background-color: transparent;
  position: absolute;
  right: 50px;
  margin-right: 5px;
  border: none;
  font-size: 150%;
  margin-top: -10px;
}
.webshop section#showArticle .shopping-container .price {
  padding-top: 5px;
  flex-direction: column;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.webshop section#showArticle .shopping-container .price table {
  border-collapse: collapse;
}
.webshop section#showArticle .shopping-container .price .hidden {
  display: none;
}
.webshop section#showArticle .shopping-container .price .active {
  background-color: #444444;
}
.webshop section#showArticle .shopping-container .price .price-display {
  font-size: 130%;
  margin-bottom: 5px;
}
.webshop section#showArticle .shopping-container .price .toggle-btn {
  background-color: #2d2d2b;
  padding: 0.5em;
  text-align: left;
}
.webshop section#showArticle .shopping-container .availability {
  font-size: 110%;
}
.webshop section#showArticle .shopping-container .availability .state-0 {
  color: #8c868d;
}
.webshop section#showArticle .shopping-container .availability .state-1 {
  color: #2c9328;
}
.webshop section#showArticle .shopping-container .availability .state-2 {
  color: #FFFF22;
}
.webshop section#showArticle .shopping-container .availability .state-3 {
  color: #e30017;
}
.webshop section#showArticle .cart-and-option-row {
  align-items: center;
}
.webshop section#showArticle .cart-and-option-row .zusatzinfo {
  display: flex;
  justify-content: end;
}
.webshop section#showArticle .cart-and-option-row .zusatzinfo select {
  height: 30px;
  margin-top: 17px;
}
.webshop section#showArticle .cart-and-option-row .zusatzinfo .freitext {
  height: 31px;
  margin-top: 17px;
  margin-right: 10px;
}
.webshop section#showArticle .article-image {
  float: right;
  width: 50%;
  margin-left: 20px;
  margin-bottom: 20px;
}
.webshop section#showArticle .article-image img {
  max-width: 100%;
  background-color: #c7c7c7;
  margin-bottom: -20px;
}
.webshop section#showArticle .separator {
  height: 20px;
}
.webshop section#showArticle .details .table-container {
  padding-right: 10px;
}
.webshop section#showArticle .details .table-container table,
.webshop section#showArticle .details .table-container tr,
.webshop section#showArticle .details .table-container td {
  border-collapse: collapse;
}
.webshop section#showArticle .details .table-container tr th:first-child,
.webshop section#showArticle .details .table-container tr td:first-child {
  width: 200px;
}
.webshop section#showArticle .details .table-container th {
  text-align: left;
}
.webshop section#showArticle .details .table-container table tbody tr:nth-child(odd),
.webshop section#showArticle .details .table-container thead tr:nth-child(even) {
  background-color: #2d2d2b;
}
.webshop section#showArticle .details .table-container table tbody tr:nth-child(even),
.webshop section#showArticle .details .table-container thead tr:nth-child(odd) {
  background-color: #1f1f1f;
}
.webshop section#showArticle .details .text-container {
  padding-left: 10px;
  border-left: 1px solid #758291;
}
.webshop section#showArticle .zubehoer .content {
  text-align: center;
}
.webshop section#showArticle .zubehoer .loading {
  font-size: 180%;
  text-align: center;
  font-weight: bold;
  width: 100%;
}
.webshop section#showArticle .zubehoer .equip-entry {
  position: relative;
  border: 1px solid #c7c7c7;
  /*
                .search-icon {
                    font-size       : 900%;
                    background-color: @DarkGrey;
                    height          : 100%;
                    width           : 100%;
                    display         : flex;
                    align-items     : center;
                    justify-content : center;
                    position        : absolute;
                    opacity         : 0.8;
                }
                */
}
.webshop section#showArticle .zubehoer .equip-entry:hover {
  background-color: #333333;
}
.webshop section#showArticle .zubehoer .equip-entry .equip-link:hover {
  text-decoration: none;
}
.webshop section#showArticle .zubehoer .equip-entry .equip-link .header-img {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 250px;
  background-color: #c7c7c7;
}
.webshop section#showArticle .zubehoer .equip-entry .equip-link .header-img img {
  max-width: 100%;
  max-height: 100%;
}
.webshop section#showArticle .zubehoer .equip-entry .equip-link .content h4,
.webshop section#showArticle .zubehoer .equip-entry .equip-link .content h5 {
  display: inline-block;
  width: 100%;
}
.webshop section#showArticle .zubehoer .equip-entry .equip-link .content h4 {
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  .webshop section#showArticle .span-4,
  .webshop section#showArticle .span-5,
  .webshop section#showArticle .span-6,
  .webshop section#showArticle .span-7,
  .webshop section#showArticle .span-8 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .webshop section#showArticle .article-image {
    width: 100%;
  }
  .webshop section#showArticle .text-container {
    border-left: none !important;
  }
}
.webshop section#showCart .proceed-buttons,
.webshop section#showCheckout .proceed-buttons,
.webshop section#showSummary .proceed-buttons,
.webshop section#setOrderInfo .proceed-buttons {
  margin-top: 80px;
  display: flex;
  justify-content: end;
}
.webshop section#showCart .proceed-buttons .button,
.webshop section#showCheckout .proceed-buttons .button,
.webshop section#showSummary .proceed-buttons .button,
.webshop section#setOrderInfo .proceed-buttons .button {
  margin-left: 10px;
}
.webshop section#showCart .notice-container,
.webshop section#showCheckout .notice-container,
.webshop section#showSummary .notice-container {
  margin-top: 30px;
}
.webshop section#showCart .notice-container h3,
.webshop section#showCheckout .notice-container h3,
.webshop section#showSummary .notice-container h3 {
  color: #e30017;
}
.webshop section#showCart .notice-container .emphasize,
.webshop section#showCheckout .notice-container .emphasize,
.webshop section#showSummary .notice-container .emphasize {
  color: #b11f23;
}
.webshop section#showCheckout .cart-content td,
.webshop section#showSummary .cart-content td {
  padding: 10px !important;
}
.webshop section#showCheckout .agree-container,
.webshop section#showSummary .agree-container {
  margin-top: 80px;
}
.webshop section#showCheckout .agree-container p,
.webshop section#showSummary .agree-container p {
  color: #b2b1b1;
}
.webshop section#showCheckout .agree-container .checkbox-container,
.webshop section#showSummary .agree-container .checkbox-container {
  color: #e30017;
}
.webshop section#showCheckout .proceed-buttons,
.webshop section#showSummary .proceed-buttons {
  margin-top: 50px;
}
.webshop section#showSummary .sum-total-container {
  background-color: transparent;
  font-size: 120%;
  margin-top: -10px;
}
.webshop section#setOrderInfo #form-error {
  color: #e30017;
  font-size: 110%;
  text-align: center;
}
.webshop section#setOrderInfo .form-container {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #758291;
}
.webshop section#setOrderInfo .form-container:last-of-type {
  border-bottom: none;
}
.webshop section#setOrderInfo .form-container label,
.webshop section#setOrderInfo .form-container input,
.webshop section#setOrderInfo .form-container textarea,
.webshop section#setOrderInfo .form-container option,
.webshop section#setOrderInfo .form-container select {
  display: block;
  width: 100%;
}
.webshop section#setOrderInfo .form-container label.invalid,
.webshop section#setOrderInfo .form-container input.invalid,
.webshop section#setOrderInfo .form-container textarea.invalid,
.webshop section#setOrderInfo .form-container option.invalid,
.webshop section#setOrderInfo .form-container select.invalid {
  border: 2px solid #e30017;
}
.webshop section#setOrderInfo .form-container label {
  color: #b2b1b1;
  padding-bottom: 3px;
  padding-top: 5px;
}
.webshop section#setOrderInfo .form-container label #numOfChars {
  float: right;
}
.webshop section#setOrderInfo .form-container input:disabled {
  background-color: #b2b1b1;
}
.webshop section#setOrderInfo .form-container input,
.webshop section#setOrderInfo .form-container textarea,
.webshop section#setOrderInfo .form-container option,
.webshop section#setOrderInfo .form-container select {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: none;
  border: 1px solid #8c868d;
}
.webshop section#setOrderInfo .form-container input,
.webshop section#setOrderInfo .form-container select {
  min-height: 30px;
}
.webshop section#setOrderInfo .form-container .select-prop label,
.webshop section#setOrderInfo .form-container .select-prop input {
  display: inline-block;
  width: auto;
  padding: inherit;
  margin: inherit;
  color: #ffffff;
  min-height: auto;
}
.webshop section#setOrderInfo .form-container .select-prop label {
  padding-right: 20px;
}
.webshop section#setOrderInfo .form-container .suggestions {
  position: relative;
  width: 100%;
}
.webshop section#setOrderInfo .form-container #reset-property-fields {
  float: right;
  margin-top: -20px;
}
.webshop #showSavedCarts .savedCartComment .show-info {
  color: #8c868d;
}
.webshop #showSavedCarts .savedCartComment .show-info:hover {
  text-decoration: underline;
}
#optionsFilterModal {
  max-width: 700px;
}
#optionsFilterModal .hidden {
  display: none;
}
#optionsFilterModal .filter-options {
  margin-left: 5%;
  width: 90%;
  margin-right: 5%;
  margin-top: 20px;
}
#optionsFilterModal .filter-options .filter-headline {
  margin-bottom: 10px;
  margin-top: 10px;
}
#optionsFilterModal .filter-options .btn-filter-detail {
  cursor: pointer;
  background-color: #333333;
  padding: 10px;
  margin-bottom: 10px;
}
#optionsFilterModal .filter-options .btn-filter-detail label {
  cursor: pointer;
}
#optionsFilterModal .filter-options label.label {
  font-size: 90%;
}
#optionsFilterModal .filter-options label.superlabel,
#optionsFilterModal .filter-options label.label {
  font-weight: bold;
}
#optionsFilterModal .filter-options label.sublabel {
  color: #b2b1b1;
}
#optionsFilterModal .filter-options label.active-filter {
  font-weight: bold;
}
#optionsFilterModal .filter-options label.icon {
  float: right;
}
#optionsFilterModal .filter-options label.badge {
  background-color: #2c9328;
  padding: 2px;
  border-radius: 20px;
  min-width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  margin-left: 5px;
}
#optionsFilterModal .filter-options label.badge.hidden {
  display: none;
}
#optionsFilterModal .filter-options .apply-filter-checkbox:disabled {
  display: none;
}
#optionsFilterModal .filter-options input,
#optionsFilterModal .filter-options select {
  width: 100%;
}
#optionsFilterModal .filter-options .not-changeable-value {
  color: gray;
  font-style: italic;
  text-align: center;
  display: block;
}
#optionsFilterModal .filter-options .flkCapacityInfo {
  color: #e2b007;
}
#optionsFilterModal .filter-options .apply-filter-category .badge {
  background-color: #646769;
  float: right;
  margin-right: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
#optionsFilterModal .filter-options .apply-filter-category .icon {
  float: right;
}
#optionsFilterModal .filter-options .apply-filter-category .apply-filter-checkbox-category {
  width: auto;
}
#optionsFilterModal .filter-options ul {
  padding-left: 0;
}
#optionsFilterModal .filter-options ul li {
  list-style-type: none;
}
#optionsFilterModal .button {
  width: 100%;
}
#quickSearchModal .col,
#addToCartModal .col {
  display: flex;
  align-items: center;
}
#quickSearchModal .col input,
#addToCartModal .col input,
#quickSearchModal .col select,
#addToCartModal .col select {
  width: 100%;
  padding-left: 5px;
  height: 33px;
}
#addToCartModal .art-display {
  font-weight: bold;
  align-items: center;
}
#addToCartModal select {
  height: 100%;
}
#parkOptionsModal textarea {
  width: 100%;
  min-height: 50px;
}
#parkOptionsModal .button {
  float: right;
}
#showImageModal {
  max-width: 60%;
}
#showImageModal img {
  background-color: #ffffff;
}
#order-metainfo .col {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#order-metainfo .col p {
  margin-top: 5px;
  margin-bottom: 5px;
}
.cart-content {
  margin-top: 10px;
  /*
    td:nth-child(2),
    th:nth-child(2) {
        text-align: center;
    }
    */
}
.cart-content thead {
  background-color: #2d2d2b;
}
.cart-content thead th {
  color: #b2b1b1;
}
.cart-content td {
  height: 40px;
}
.cart-content td .show-info {
  font-size: 120%;
  color: #e2b007;
}
.cart-content td i {
  padding: 5px;
}
.cart-content td select {
  width: 100%;
}
.cart-content td.artnr-display {
  font-weight: bold;
}
.cart-content td.price-display,
.cart-content th.price-display {
  text-align: right;
}
.cart-content .amount-entry input {
  max-width: 70px;
}
.cart-content .amount-entry,
.cart-content .zusatzinfo {
  display: flex;
  align-items: center;
}
.cart-content .amount-entry input,
.cart-content .zusatzinfo input {
  width: 100%;
  height: 80%;
}
.cart-content .info-display {
  color: #e2b007;
}
.cart-content .not-available td {
  background: #e30017 !important;
}
.sum-total-container {
  clear: both;
  float: right;
  padding: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-align: right;
  font-size: 150%;
  background-color: #758291;
}
.sum-total-container small {
  display: block;
  font-size: 50%;
}
.sum-total-container small a {
  text-decoration: underline;
}
.sum-total-container #sum-total {
  font-weight: bold;
}
.sum-total-container #sum-total .small {
  font-weight: normal;
  font-size: 80%;
}
#cartContentModal {
  max-height: 80%;
  max-width: 800px;
}
#cartContentModal .sum-total-container {
  display: none;
}
.fzo-info-page input,
.fzo-info-page select {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ffffff;
}
.fzo-info-page #menu-content-fzo .button,
.fzo-info-page #menu-content-fzo-key .button {
  justify-content: start;
}
.fzo-info-page #menu-content-fzo {
  width: 300px;
}
.fzo-info-page .menu-btn-fzo-key {
  background-color: transparent !important;
}
.fzo-info-page .menu-btn-fzo-key:hover {
  text-decoration: none !important;
  background-color: #333333 !important;
}
.fzo-info-page #menu-content-fzo-key {
  width: 150px;
  margin-left: -59px;
}
.fzo-info-page #menu-content-fzo-key .button {
  border: 1px solid #b2b1b1 !important;
  min-height: 30px !important;
}
.fzo-info-page #menu-content-fzo-key .button:hover {
  text-decoration: none;
  background-color: #444444;
}
.fzo-info-page .fzo-header {
  margin-left: 80px;
  float: left;
  height: 100%;
}
.fzo-info-page .fzo-header #change-fzo {
  height: 100%;
  min-width: 200px;
}
.fzo-info-page #exportFileForm .button {
  float: right;
}
.fzo-info-page .fzo-container {
  padding-top: 30px;
}
.fzo-info-page .fzo-container > .col {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.fzo-info-page .fzo-container #fzo-display {
  float: left;
  background-color: black;
  width: 300px;
  height: 480px;
  border-collapse: collapse;
  border: 10px solid red;
  box-shadow: 0 0 0 2px #090909;
}
.fzo-info-page .fzo-container #fzo-display tr th {
  line-height: 1.2em;
  color: #bbb;
  font-weight: bold;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 150%;
}
.fzo-info-page .fzo-container #fzo-display tr td {
  border: 2px solid #bbb;
  min-width: 130px;
  padding-bottom: 1em !important;
  cursor: pointer;
}
.fzo-info-page .fzo-container #fzo-display tr td:hover {
  background-color: #222222;
}
.fzo-info-page .fzo-container #fzo-display tr td.selected-key {
  cursor: default;
  background-color: #222222;
}
.fzo-info-page .fzo-container #fzo-display tr td p {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin: 0;
}
.fzo-info-page .fzo-container #fzo-display tr td img {
  max-width: 100%;
  width: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.fzo-info-page .fzo-container .key-configuration-container {
  float: left;
  max-width: 590px;
  margin-left: 20px;
}
.fzo-info-page .fzo-container .key-configuration-container .sync-icon {
  position: absolute;
  margin-left: 200px;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .sync-icon {
  font-size: 140%;
  padding: 5px;
  padding-top: 8px;
  padding-right: 10px;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .key-option {
  margin-top: 10px;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .key-option .col {
  margin-bottom: 10px;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs {
  padding-left: 10px;
  padding-top: 5px;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs p {
  font-weight: bold;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container.row {
  margin-top: 0;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container .separator-col {
  flex-grow: 0;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container label {
  font-size: 80%;
  color: #b2b1b1;
  padding-bottom: 5px;
  padding-top: 5px;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input {
  border: 1px solid #ffffff;
  max-width: 95%;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.start_mn,
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.end_mn {
  max-width: 50px;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.not-selected {
  font-style: italic;
  background-color: #b2b1b1;
  border-color: #b2b1b1;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input:disabled,
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.unused {
  border-color: #b2b1b1;
  background-color: #b2b1b1;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input:disabled {
  cursor: not-allowed;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.unused:focus {
  border-color: #ffffff;
  background-color: #ffffff;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container .delete-section {
  margin-top: -10px;
  border: none;
  float: right;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container .delete-section:focus {
  border: 1px dashed white;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .selected-mgs #add-section {
  margin-top: 20px;
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .key-option-buttons {
  padding-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  padding-right: 0;
}
@media all and (max-width: 575px) {
  .fzo-info-page .fzo-container .key-configuration-container #key-configuration .key-option-buttons {
    flex-direction: column;
  }
}
.fzo-info-page .fzo-container .key-configuration-container #key-configuration .key-option-buttons .button {
  margin-bottom: 5px;
  margin-right: 5px;
  width: 100%;
}
.fzo-loading {
  font-size: 300%;
  margin-left: auto;
  margin-right: auto;
}
#generalSettingsModal input,
#generalSettingsModal select {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ffffff;
}
#generalSettingsModal #menu-content-fzo .button,
#generalSettingsModal #menu-content-fzo-key .button {
  justify-content: start;
}
#generalSettingsModal #menu-content-fzo {
  width: 300px;
}
#generalSettingsModal .menu-btn-fzo-key {
  background-color: transparent !important;
}
#generalSettingsModal .menu-btn-fzo-key:hover {
  text-decoration: none !important;
  background-color: #333333 !important;
}
#generalSettingsModal #menu-content-fzo-key {
  width: 150px;
  margin-left: -59px;
}
#generalSettingsModal #menu-content-fzo-key .button {
  border: 1px solid #b2b1b1 !important;
  min-height: 30px !important;
}
#generalSettingsModal #menu-content-fzo-key .button:hover {
  text-decoration: none;
  background-color: #444444;
}
#generalSettingsModal .fzo-header {
  margin-left: 80px;
  float: left;
  height: 100%;
}
#generalSettingsModal .fzo-header #change-fzo {
  height: 100%;
  min-width: 200px;
}
#generalSettingsModal #exportFileForm .button {
  float: right;
}
#generalSettingsModal .fzo-container {
  padding-top: 30px;
}
#generalSettingsModal .fzo-container > .col {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#generalSettingsModal .fzo-container #fzo-display {
  float: left;
  background-color: black;
  width: 300px;
  height: 480px;
  border-collapse: collapse;
  border: 10px solid red;
  box-shadow: 0 0 0 2px #090909;
}
#generalSettingsModal .fzo-container #fzo-display tr th {
  line-height: 1.2em;
  color: #bbb;
  font-weight: bold;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 150%;
}
#generalSettingsModal .fzo-container #fzo-display tr td {
  border: 2px solid #bbb;
  min-width: 130px;
  padding-bottom: 1em !important;
  cursor: pointer;
}
#generalSettingsModal .fzo-container #fzo-display tr td:hover {
  background-color: #222222;
}
#generalSettingsModal .fzo-container #fzo-display tr td.selected-key {
  cursor: default;
  background-color: #222222;
}
#generalSettingsModal .fzo-container #fzo-display tr td p {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin: 0;
}
#generalSettingsModal .fzo-container #fzo-display tr td img {
  max-width: 100%;
  width: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#generalSettingsModal .fzo-container .key-configuration-container {
  float: left;
  max-width: 590px;
  margin-left: 20px;
}
#generalSettingsModal .fzo-container .key-configuration-container .sync-icon {
  position: absolute;
  margin-left: 200px;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .sync-icon {
  font-size: 140%;
  padding: 5px;
  padding-top: 8px;
  padding-right: 10px;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .key-option {
  margin-top: 10px;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .key-option .col {
  margin-bottom: 10px;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs {
  padding-left: 10px;
  padding-top: 5px;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs p {
  font-weight: bold;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container.row {
  margin-top: 0;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container .separator-col {
  flex-grow: 0;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container label {
  font-size: 80%;
  color: #b2b1b1;
  padding-bottom: 5px;
  padding-top: 5px;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input {
  border: 1px solid #ffffff;
  max-width: 95%;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.start_mn,
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.end_mn {
  max-width: 50px;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.not-selected {
  font-style: italic;
  background-color: #b2b1b1;
  border-color: #b2b1b1;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input:disabled,
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.unused {
  border-color: #b2b1b1;
  background-color: #b2b1b1;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input:disabled {
  cursor: not-allowed;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container input.unused:focus {
  border-color: #ffffff;
  background-color: #ffffff;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container .delete-section {
  margin-top: -10px;
  border: none;
  float: right;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs .section-container .delete-section:focus {
  border: 1px dashed white;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .selected-mgs #add-section {
  margin-top: 20px;
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .key-option-buttons {
  padding-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  padding-right: 0;
}
@media all and (max-width: 575px) {
  #generalSettingsModal .fzo-container .key-configuration-container #key-configuration .key-option-buttons {
    flex-direction: column;
  }
}
#generalSettingsModal .fzo-container .key-configuration-container #key-configuration .key-option-buttons .button {
  margin-bottom: 5px;
  margin-right: 5px;
  width: 100%;
}
@media all and (max-width: 575px) {
  #generalSettingsModal {
    padding-bottom: 50px;
  }
}
#generalSettingsModal select {
  width: 100%;
}
#generalSettingsModal input {
  width: 99%;
}
#generalSettingsModal #toggle-advanced-options {
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}
#generalSettingsModal .advanced-options {
  padding-top: 10px;
}
#generalSettingsModal #zentralennummer {
  align-items: end;
}
#generalSettingsModal #zentralennummer .span-8 {
  display: flex;
}
#generalSettingsModal #zentralennummer .input-with-label {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#generalSettingsModal #zentralennummer .input-with-label label {
  font-size: 80%;
  color: #b2b1b1;
  padding-bottom: 5px;
  padding-top: 5px;
}
#generalSettingsModal #zentralennummer .input-with-label input {
  border: 1px solid #ffffff;
}
#loading-fullscreen {
  background-color: transparent;
  box-shadow: none;
  text-align: center;
  font-size: 500%;
}
select.not-valid {
  border-color: #e30017 !important;
  border-width: 2px !important;
}
body#Delivery {
  /*
    .section-title{
        background-color: #444;
        padding: 10px;
        margin-bottom: 7px;;
    }
    */
}
body#Delivery button {
  font-size: unset;
}
body#Delivery .cssTabs label.tab i.fa {
  padding: 0 0.5rem 0;
}
body#Delivery .attachment-wrapper {
  margin-bottom: 5px;
}
body#Delivery .section-header {
  background-color: #444444;
  margin-bottom: 5px;
  display: flex;
}
@media all and (max-width: 991px) {
  body#Delivery .section-header {
    flex-direction: column;
  }
}
body#Delivery .section-header .section-tab {
  display: flex;
  padding: 10px;
  border: 1px solid #758291;
  cursor: pointer;
}
@media all and (max-width: 991px) {
  body#Delivery .section-header .section-tab {
    justify-content: space-between;
  }
}
body#Delivery .section-header .section-tab.active,
body#Delivery .section-header .section-tab:hover {
  background-color: #646769;
}
body#Delivery .section-header .section-tab h2 {
  margin: 0;
}
body#Delivery .section-header .section-tab .badge {
  font-size: 90%;
  margin-left: 5px;
  background-color: #1c7a19;
  height: 25px;
  min-width: 25px;
  text-align: center;
  padding: 5px;
  border-radius: 20px;
}
.propdelivery-tabs-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: row;
}
.propdelivery-tabs-header .step_button {
  margin-top: 10px;
  margin-right: 10px;
}
#PropAdminView .space-usage-section {
  margin-top: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*
        #more-info-space-usage{
            width: fit-content;
        }
            */
}
#PropAdminView .space-usage-section h5 {
  margin-top: 0;
}
#PropAdminView #space-usage-content {
  width: 100%;
  max-width: 600px;
}
#PropAdminView .space-usage-wrapper {
  margin-bottom: 10px;
  width: 100%;
}
#PropAdminView .space-usage-wrapper .adrname {
  display: block;
  margin-bottom: 5px;
}
#PropAdminView .space-usage-wrapper .bar-wrapper {
  display: flex;
  flex-direction: row;
}
#PropAdminView .space-usage-wrapper .bar-wrapper .absolute-numbers {
  color: #b2b1b1;
  margin-left: 5px;
  width: 20%;
  text-align: center;
  font-size: 90%;
}
#PropAdminView .space-usage-wrapper .space-usage .loading-message {
  display: none;
  width: 100%;
  text-align: center;
}
#PropAdminView .space-usage-wrapper .space-usage.loading .loading-message {
  display: block;
}
#PropAdminView .space-usage-wrapper .space-usage.danger .progress-bar-value {
  background-color: #b11f23;
}
#PropAdminView .space-usage-wrapper .progress-bar-value {
  opacity: 0.7;
}
#PropAdminView .space-usage-wrapper .progress-bar-value.mouseenter {
  opacity: 1;
}
#PropAdminView .space-usage-wrapper .detailled-info {
  padding-top: 0.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 80%;
}
#PropAdminView .space-usage-wrapper .detailled-info .detailled-info-section {
  margin-right: 1em;
  padding-bottom: 0.5em;
}
#PropAdminView .space-usage-wrapper .detailled-info .detailled-info-section.mouseenter {
  font-weight: bold;
}
#PropAdminView #own-property-changelog td.timestamp-col {
  color: #b2b1b1;
}
#PropAdminView #own-property-changelog td.action-col {
  font-weight: bold;
}
@media all and (min-width: 1441px) {
  :root {
    font-size: 10pt;
  }
  .wrapper {
    width: 1271px;
  }
  .preLoginForm .centered {
    width: 1271px;
  }
  body.navigation-in-sidebar header #NavToggle {
    display: none;
  }
  body.navigation-in-sidebar main {
    flex: 1;
  }
  body.navigation-in-sidebar main aside#NavBar {
    transform: translate(100%, 0);
    left: calc(-1 * var(--sidebar-width));
    width: var(--sidebar-width);
  }
  body.navigation-in-sidebar main.with-sidebar section#Workspace {
    left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
  }
}
@media all and (min-width: 1271px) and (max-width: 1440px) {
  :root {
    font-size: 10pt;
  }
  .wrapper {
    width: 1271px;
  }
  .preLoginForm .centered {
    width: 100%;
  }
  button {
    font-size: 10pt;
  }
  body.navigation-in-sidebar header #NavToggle {
    display: none;
  }
  body.navigation-in-sidebar main {
    flex: 1;
  }
  body.navigation-in-sidebar main aside#NavBar {
    transform: translate(100%, 0);
    left: calc(-1 * var(--sidebar-width));
    width: var(--sidebar-width);
  }
  body.navigation-in-sidebar main.with-sidebar section#Workspace {
    left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
  }
  .switch_field label {
    font-size: 10pt;
  }
}
@media all and (min-width: 801px) and (max-width: 1270px) {
  :root {
    font-size: 10pt;
  }
  mark#Motd {
    right: 20vw;
  }
  .wrapper {
    width: 100%;
  }
  .preLoginForm .centered {
    width: 100%;
  }
  body.navigation-in-sidebar header #NavToggle {
    display: block;
  }
  body.navigation-in-sidebar main.with-sidebar aside#NavBar {
    z-index: 20;
    transform-origin: 0 0;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  body.navigation-in-sidebar main.with-sidebar section#Workspace {
    left: 0;
    width: 100%;
  }
  body.navigation-in-sidebar input[type="checkbox"]#NavToggleCheck:checked ~ header #NavToggle label#NavToggleTrigger span.bar:nth-child(1) {
    transform: rotate(45deg) translate(0.15em, -0.1em);
  }
  body.navigation-in-sidebar input[type="checkbox"]#NavToggleCheck:checked ~ header #NavToggle label#NavToggleTrigger span.bar:nth-last-child(2) {
    opacity: 0;
  }
  body.navigation-in-sidebar input[type="checkbox"]#NavToggleCheck:checked ~ header #NavToggle label#NavToggleTrigger span.bar:nth-child(3) {
    transform: rotate(-45deg) translate(0.1em, 0);
  }
  body.navigation-in-sidebar input[type="checkbox"]#NavToggleCheck:checked ~ main.with-sidebar aside#NavBar {
    opacity: 1;
    transform: translate(0, 0);
  }
  .visibility {
    display: inherit;
  }
  button {
    font-size: 10pt;
  }
  .switch_field label {
    font-size: 10pt;
    max-width: 75px;
  }
  *[data-show-responsive="trivial"] {
    display: none;
  }
}
@media all and (min-width: 801px) and (max-width: 1270px) and all and (max-width: 767px) {
  body.navigation-in-sidebar main.with-sidebar-sm aside#NavBar {
    z-index: 1;
    transform-origin: 0 0;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  body.navigation-in-sidebar main.with-sidebar-sm section#Workspace {
    left: 0;
    width: 100%;
  }
}
@media all and (max-width: 800px) {
  :root {
    font-size: 10pt;
  }
  .wrapper {
    width: 100%;
  }
  .preLoginForm .centered {
    width: 100%;
  }
  body.navigation-in-sidebar header #NavToggle {
    display: block;
  }
  body.navigation-in-sidebar main.with-sidebar aside#NavBar {
    z-index: 20;
    transform-origin: 0 0;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  body.navigation-in-sidebar main.with-sidebar section#Workspace {
    left: 0;
    width: 100%;
  }
  body.navigation-in-sidebar input[type="checkbox"]#NavToggleCheck:checked ~ header #NavToggle label#NavToggleTrigger span.bar:nth-child(1) {
    transform: rotate(45deg) translate(0.15em, -0.1em);
  }
  body.navigation-in-sidebar input[type="checkbox"]#NavToggleCheck:checked ~ header #NavToggle label#NavToggleTrigger span.bar:nth-last-child(2) {
    opacity: 0;
  }
  body.navigation-in-sidebar input[type="checkbox"]#NavToggleCheck:checked ~ header #NavToggle label#NavToggleTrigger span.bar:nth-child(3) {
    transform: rotate(-45deg) translate(0.1em, 0);
  }
  body.navigation-in-sidebar input[type="checkbox"]#NavToggleCheck:checked ~ main.with-sidebar aside#NavBar {
    opacity: 1;
    transform: translate(0, 0);
  }
  button {
    font-size: 10pt;
  }
  .switch_field label {
    font-size: 10pt;
    max-width: 75px;
  }
  *[data-show-responsive="minor"] {
    display: none;
  }
  *[data-show-responsive="trivial"] {
    display: none;
  }
}
@media all and (max-width: 800px) and all and (max-width: 767px) {
  body.navigation-in-sidebar main.with-sidebar-sm aside#NavBar {
    z-index: 1;
    transform-origin: 0 0;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  body.navigation-in-sidebar main.with-sidebar-sm section#Workspace {
    left: 0;
    width: 100%;
  }
}
html.ie body main {
  flex: 0 1 auto;
  min-height: 97vh;
}
html.ie body main #Logo.centered {
  justify-content: flex-start !important;
}
html.ie body main .formular input[type='text'],
html.ie body main .formular input[type='password'],
html.ie body main .formular input[type='date'] {
  height: 2rem;
}
html.ie body form {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
html.ie body#Login #Content .box button.iconic,
html.ie body#Register #Content .box button.iconic,
html.ie body#RecoverUsername #Content .box button.iconic,
html.ie body#RecoverPassword #Content .box button.iconic,
html.ie body#PrivacyConfirm #Content .box button.iconic {
  color: #c7c7c7;
  font-size: 1.7rem;
  height: 1em;
}
@media all and (min-width: 1441px) {
  html.ie body.navigation-in-sidebar main aside#NavBar {
    position: absolute;
    width: 250px;
    height: 100%;
    box-sizing: border-box;
    transform: translate(100%);
    left: calc(-1 * 250px);
  }
  html.ie body.navigation-in-sidebar main.with-sidebar section#Workspace {
    left: 250px;
    width: calc(100% - 250px);
  }
}
@media all and (min-width: 1271px) and (max-width: 1440px) {
  html.ie main aside#NavBar {
    position: absolute;
    width: 250px;
    height: 100%;
    box-sizing: border-box;
  }
  html.ie main.with-sidebar section#Workspace {
    left: 250px;
    width: calc(100% - 250px);
  }
}