@charset "UTF-8";
/*=============== BASE ====================================================================*/
/*--- Colors ---*/
/*--- Screen Breakpoints ---*/
/*=============== Functions ====================================================================*/
/*--------------- PX to EM ----------------------------------*/
/*--- Linkcolor, Bordercolor & Backgroundcolor ---*/
/*--- css3 vendor ---*/
/*--- opacity ---*/
/*--- white & black with Opacity ---*/
/*--- Box-embosss ---*/
/*--- Letterpress ---*/
/*--- Transition ---*/
/* devanagari */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(webfonts/yantramanav_100_1.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(webfonts/yantramanav_100_2.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(webfonts/yantramanav_100_3.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/yantramanav_400.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/yantramanav_400.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/yantramanav_400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(webfonts/yantramanav_700.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(webfonts/yantramanav_700.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(webfonts/yantramanav_700.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!
 * jquery-confirm v2.5.1 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2016 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes jconfirm-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.jconfirm-noscroll {
  overflow: hidden !important;
}

.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  font-family: inherit;
  overflow: hidden;
}

.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.jconfirm .jconfirm-bg.seen {
  opacity: 1;
}

.jconfirm .jconfirm-scrollpane {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: center;
  perspective-origin: center;
}

.jconfirm .jconfirm-box {
  background: white;
  border-radius: 4px;
  position: relative;
  outline: none;
  padding: 15px 15px 0;
}

.jconfirm .jconfirm-box div.closeIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: 0.6;
  text-align: center;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  display: none;
  font-size: 27px;
  line-height: 14px;
}

.jconfirm .jconfirm-box div.closeIcon .fa {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.closeIcon .glyphicon {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.closeIcon .zmdi {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.closeIcon:hover {
  opacity: 1;
}

.jconfirm .jconfirm-box div.title-c {
  display: block;
  font-size: 22px;
  line-height: 20px;
}

.jconfirm .jconfirm-box div.title-c .icon-c {
  font-size: inherit;
  padding-bottom: 15px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.title-c .icon-c i {
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.title-c .icon-c:empty {
  display: none;
}

.jconfirm .jconfirm-box div.title-c .title {
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.title-c .title:empty {
  display: none;
}

.jconfirm .jconfirm-box div.content-pane {
  margin-bottom: 15px;
  height: auto;
  -webkit-transition: height 0.4s ease-in;
  transition: height 0.4s ease-in;
  display: inline-block;
  width: 100%;
  position: relative;
}

.jconfirm .jconfirm-box div.content-pane .content {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  right: 0;
}

.jconfirm .jconfirm-box div.content-pane .content img {
  width: 100%;
  height: auto;
}

.jconfirm .jconfirm-box div.content-pane .content:empty {
  display: none;
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading {
  height: 40px;
  position: relative;
  opacity: 0.6;
  display: block;
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:before {
  content: "";
  height: 20px;
  width: 20px;
  border: solid 2px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  border-radius: 50%;
  -webkit-animation: jconfirm-rotate 1s infinite linear;
  animation: jconfirm-rotate 1s infinite linear;
  border-bottom-color: #aaa;
  top: 50%;
  margin-top: -10px;
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -15px;
}

.jconfirm .jconfirm-box .buttons {
  padding-bottom: 15px;
}

.jconfirm .jconfirm-box .buttons button + button {
  margin-left: 5px;
}

.jconfirm .jquery-clear {
  clear: both;
}

.jconfirm.rtl {
  direction: rtl;
}

.jconfirm.rtl div.closeIcon {
  left: 12px;
  right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.2);
}

.jconfirm.jconfirm-white .jconfirm-box {
  -webkit-box-shadow: 0 0px 1000px 50px #669b15;
          box-shadow: 0 0px 1000px 50px #669b15;
  border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons {
  float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button {
  border: none;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover {
  background: #ddd;
}

.jconfirm.jconfirm-black .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.5);
}

.jconfirm.jconfirm-black .jconfirm-box {
  -webkit-box-shadow: 0 0px 1000px 100px #669b15;
          box-shadow: 0 0px 1000px 100px #669b15;
  background: #444;
  border-radius: 5px;
  color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .buttons {
  float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .buttons button {
  border: none;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .buttons button.btn-default {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  background: none;
}

.jconfirm.jconfirm-black .jconfirm-box .buttons button.btn-default:hover {
  background: #666;
}

.jconfirm .jconfirm-box.hilight {
  -webkit-animation: hilight 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: hilight 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes hilight {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}
@keyframes hilight {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}
/*Transition rules*/
.jconfirm {
  -webkit-perspective: 400px;
  perspective: 400px;
}

.jconfirm .jconfirm-box {
  opacity: 1;
  -webkit-transition-property: -webkit-transform, opacity, box-shadow;
  -webkit-transition-property: opacity, -webkit-transform, -webkit-box-shadow;
  transition-property: opacity, -webkit-transform, -webkit-box-shadow;
  transition-property: transform, opacity, box-shadow;
  transition-property: transform, opacity, box-shadow, -webkit-transform, -webkit-box-shadow;
}

.jconfirm .jconfirm-box.anim-top,
.jconfirm .jconfirm-box.anim-left,
.jconfirm .jconfirm-box.anim-right,
.jconfirm .jconfirm-box.anim-bottom,
.jconfirm .jconfirm-box.anim-opacity,
.jconfirm .jconfirm-box.anim-zoom,
.jconfirm .jconfirm-box.anim-scale,
.jconfirm .jconfirm-box.anim-none,
.jconfirm .jconfirm-box.anim-rotate,
.jconfirm .jconfirm-box.anim-rotatex,
.jconfirm .jconfirm-box.anim-rotatey,
.jconfirm .jconfirm-box.anim-scaley,
.jconfirm .jconfirm-box.anim-scalex {
  opacity: 0;
}

.jconfirm .jconfirm-box.anim-rotate {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.jconfirm .jconfirm-box.anim-rotatex {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-rotatexr {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-rotatey {
  -webkit-transform: rotatey(90deg);
  transform: rotatey(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-rotateyr {
  -webkit-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-scaley {
  -webkit-transform: scaley(1.5);
  transform: scaley(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-scalex {
  -webkit-transform: scalex(1.5);
  transform: scalex(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-top {
  -webkit-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.anim-left {
  -webkit-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.anim-right {
  -webkit-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.anim-bottom {
  -webkit-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.anim-zoom {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.jconfirm .jconfirm-box.anim-scale {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.jconfirm .jconfirm-box.anim-none {
  display: none;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
  background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
  background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.closeIcon {
  color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c {
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c > * {
  padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.content-pane {
  margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.content {
  text-align: center;
  color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .buttons {
  text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .buttons button {
  font-size: 16px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: none;
  color: white;
  padding: 10px;
  min-width: 100px;
}

.jconfirm.jconfirm-material .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box div.closeIcon {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.content {
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box .buttons {
  text-align: right;
}

.jconfirm.jconfirm-material .jconfirm-box .buttons button {
  text-transform: uppercase;
  font-weight: 500;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.4);
  padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.closeIcon {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.content {
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding: 0px 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons {
  text-align: right;
  padding: 0px 0 0px;
  margin: -5px 0 0px;
  border-top: solid 1px #ddd;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons button {
  font-weight: 500;
  border-radius: 0px;
  margin: 0;
  border-left: solid 1px #ddd;
}

.jconfirm-box-container {
  width: 38.4615384615em;
  margin: 0 auto;
}
.jconfirm-box-container .buttons button {
  border: none;
  padding: 1.1538461538em;
  border-radius: 0.3076923077em;
  background-image: none;
  text-transform: uppercase;
  font-size: 1.0769230769em;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white;
  background: #fff;
}
.jconfirm-box-container .buttons button:hover {
  background: #ddd;
  cursor: pointer;
}

/*!
 * jQuery ClassyScroll
 * http://www.class.pm/projects/jquery/classyscroll
 *
 * Copyright 2011 - 2013, Class.PM www.class.pm
 * Written by Marius Stanciu - Sergiu <marius@picozu.net>
 * Licensed under the GPL Version 3 license.
 * Version 1.1.0
 *
*/
.scrollbar-path-vertical, .scrollbar-path-horizontal {
  position: absolute;
  background-color: #eee;
  background-color: rgba(102, 155, 21, 0.2);
  z-index: 100;
}

.scrollbar-path-horizontal {
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 10px;
}

.scrollbar-path-vertical {
  right: 5px;
  top: 0;
  height: 100%;
  width: 10px;
}

.scrollbar-handle {
  position: relative;
  top: 0;
  left: 0;
  background-color: rgba(102, 155, 21, 0.5);
}

.scrollbar-path-vertical .scrollbar-handle {
  height: 20%;
  width: 100%;
}

.scrollbar-path-horizontal .scrollbar-handle {
  width: 20%;
  height: 100%;
}

.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle {
  border-radius: 5px;
}

.scrollbar-content {
  padding: 0 20px 0 0;
}

/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
  position: relative;
}

.btn {
  background: #333;
  color: #fff;
  padding: 6px 15px;
  margin-top: -23px;
  border-radius: 3px;
}

.unslider-wrap {
  position: relative;
}

.unslider-wrap.unslider-carousel > li {
  float: left;
}

.unslider-vertical > ul {
  height: 100%;
}

.unslider-vertical li {
  float: none;
  width: 100%;
}

.unslider-fade {
  position: relative;
}

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}

.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}

.unslider ul, .unslider ol, .unslider li {
  list-style: none;
  /* Reset any weird spacing */
  margin: 0;
  padding: 0;
  border: none;
}

.unslider-arrow {
  background: #888;
  top: 219px;
  padding: 18px 6px;
  position: absolute;
  left: 20px;
  z-index: 2;
  cursor: pointer;
}

.unslider-arrow.next {
  left: auto;
  right: 20px;
}

.unslider-nav ol {
  list-style: none;
  text-align: center;
}

.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}

.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}

/**
 * @package PickMeUp
 * @author  Nazar Mokrynskyi <nazar@mokrynskyi.com>
 * @license 0BSD
 */
.pickmeup {
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2), 0 24px 22px -33px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2), 0 24px 22px -33px rgba(0, 0, 0, 0.8);
  background: #fff;
  border-radius: 0.4em;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  position: absolute;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  z-index: 10;
  padding-left: 2em;
}
.pickmeup * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pickmeup.pmu-flat {
  position: relative;
}
.pickmeup.pmu-hidden {
  display: none;
}
.pickmeup .pmu-instance {
  position: relative;
  display: inline-block;
  height: 13.8em;
  padding: 0.5em;
  text-align: center;
  width: 15em;
}
.pickmeup .pmu-instance .pmu-button {
  color: #000;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}
.pickmeup .pmu-instance .pmu-today {
  background: #fff;
  color: #669b15;
}
.pickmeup .pmu-instance .pmu-button:hover {
  background: transparent;
  color: #669b15;
}
.pickmeup .pmu-instance .pmu-not-in-month {
  color: #666;
}
.pickmeup .pmu-instance .pmu-disabled,
.pickmeup .pmu-instance .pmu-disabled:hover {
  color: #333;
  cursor: default;
}
.pickmeup .pmu-instance .pmu-selected {
  font-weight: bold;
  background: #fff;
  color: #669b15;
}
.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
  background: #ddd;
}
.pickmeup .pmu-instance nav {
  color: #000;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  line-height: 2em;
}
.pickmeup .pmu-instance nav *:first-child :hover {
  color: #669b15;
}
.pickmeup .pmu-instance nav .pmu-prev,
.pickmeup .pmu-instance nav .pmu-next {
  display: none;
  height: 2em;
  width: 1em;
}
.pickmeup .pmu-instance nav .pmu-month {
  width: 14em;
}
.pickmeup .pmu-instance .pmu-years *,
.pickmeup .pmu-instance .pmu-months * {
  display: inline-block;
  line-height: 3.6em;
  width: 3.5em;
}
.pickmeup .pmu-instance .pmu-day-of-week {
  color: #999;
  cursor: default;
}
.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * {
  display: inline-block;
  line-height: 1.5em;
  width: 2em;
}
.pickmeup .pmu-instance .pmu-kws {
  position: absolute;
  top: 0;
  left: -1.2em;
  top: 2.7em;
  line-height: 1.5em;
}
.pickmeup .pmu-instance .pmu-kws div {
  color: #333;
  font-weight: bold;
}
.pickmeup .pmu-instance .pmu-day-of-week * {
  line-height: 1.8em;
}
.pickmeup .pmu-instance:first-child .pmu-prev,
.pickmeup .pmu-instance:last-child .pmu-next {
  display: block;
}
.pickmeup .pmu-instance:first-child .pmu-month,
.pickmeup .pmu-instance:last-child .pmu-month {
  width: 13em;
}
.pickmeup .pmu-instance:first-child:last-child .pmu-month {
  width: 12em;
}
.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
  display: none;
}

/*------------------ Kalender ------------- -------*/
.disabled, .fc-past {
  background-color: rgba(0, 0, 0, 0.03);
}

.disabled .fc-day-number, .fc-past .fc-day-number {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.blockday {
  background-color: rgba(217, 21, 21, 0.6);
}

.blockdaymax {
  background-color: rgba(198, 73, 73, 0.6);
}

.blockday.disabled .fc-day-number {
  opacity: 1;
}

.fc {
  direction: ltr;
  text-align: left;
}

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

html .fc,
.fc table {
  font-size: 1em;
}

.fc td,
.fc th {
  padding: 0;
  vertical-align: top;
}

/* Header
------------------------------------------------------------------------*/
.fc-header td {
  white-space: nowrap;
}

.fc-header-left {
  width: 25%;
  text-align: left;
}

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

.fc-header-right {
  width: 25%;
  text-align: right;
}

.fc-header-title {
  display: inline-block;
  vertical-align: top;
}

.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
}

.fc .fc-header-space {
  padding-left: 10px;
}

.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
}

.fc-button.fc-button-today {
  display: none;
}

/* buttons edges butting together */
.fc-header .fc-button {
  margin-right: -1px;
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right { /* theme */
  margin-right: 0; /* back to normal */
}

/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
}

.fc-header .fc-state-down {
  z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4;
}

/* Content
------------------------------------------------------------------------*/
.fc-content {
  position: relative;
  z-index: 1; /* scopes all other z-index's to be inside this container */
  clear: both;
  zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header,
.fc-widget-content { /* <td>, usually */
  border: 1px solid #ddd;
}

.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
  background: #eee;
}

.fc-cell-overlay { /* semi-transparent rectangle while dragging */
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
}

/* Buttons
------------------------------------------------------------------------*/
.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 0.6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer;
}

.fc-state-default { /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/
.fc-button .fc-icon {
  margin: 0 0.1em;
  font-size: 2em;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline; /* for IE7 */
}

.fc-icon-left-single-arrow:after {
  content: "‹";
  font-weight: bold;
}

.fc-icon-right-single-arrow:after {
  content: "›";
  font-weight: bold;
}

.fc-icon-left-double-arrow:after {
  content: "«";
}

.fc-icon-right-double-arrow:after {
  content: "»";
}

/* icon (for jquery ui) */
.fc-button .ui-icon {
  position: relative;
  top: 50%;
  float: left;
  margin-top: -8px; /* we know jqui icons are always 16px tall */
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
  z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9;
}

.fc-event {
  background-color: rgba(40, 40, 40, 0.8); /* default BACKGROUND color */
  color: #fff; /* default TEXT color */
  font-size: 0.85em;
  cursor: default;
}

a.fc-event {
  text-decoration: none;
}

a.fc-event:hover {
  color: #fff;
  background-color: rgba(40, 40, 40, 0.9);
}

a.fc-event,
.fc-event-draggable {
  cursor: pointer;
}

.fc-rtl .fc-event {
  text-align: right;
}

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fc-event-time,
.fc-event-title {
  display: block;
  padding: 5px 10px;
}

.fc-event-time {
  display: none;
}

.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden; /* hacky spaces (IE6/7) */
  font-size: 300%; /* */
  line-height: 50%; /* */
}

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* resizable */
.fc-event-hori .ui-resizable-e {
  top: 0 !important; /* importants override pre jquery ui 1.7 styles */
  right: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
  top: 0 !important;
  left: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px; /* IE6 had 0 height */
}

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
  border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
  border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px;
}

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
}

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
  text-align: center;
}

.fc .fc-week-number {
  width: 22px;
  text-align: center;
}

.fc .fc-week-number div {
  padding: 0 2px;
}

.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number, .disabled .fc-day-number {
  -webkit-transition: none;
  transition: none;
  opacity: 0.2;
  filter: alpha(opacity=20); /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

.fc-other-month {
  color: #ccc !important;
  background-color: #fff !important;
}

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px; /* distance between events and day edges */
}

/* event styles */
.fc-grid .fc-event-time {
  font-weight: bold;
}

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
  float: left;
}

.fc-rtl .fc-grid .fc-event-time {
  float: right;
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
  border-collapse: separate;
}

.fc-agenda-days th {
  text-align: center;
}

.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  font-weight: normal;
}

.fc-agenda-slots .fc-agenda-axis {
  white-space: nowrap;
}

.fc-agenda .fc-week-number {
  font-weight: bold;
}

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
}

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
  border-left-width: 0;
}

/* all-day area */
.fc-agenda-allday th {
  border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
  min-height: 52px; /* TODO: doesnt work well in quirksmode */
  _height: 34px;
}

/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
  background: #eee;
  height: 30px;
}

.fc-widget-header {
  line-height: 30px;
}

.fc-widget-header:first-child {
  border-radius: 10px 0 0 0;
}

.fc-widget-header:last-child {
  border-radius: 0 10px 0 0;
}

/* slot rows */
.fc-agenda-slots th {
  border-width: 1px 1px 0;
}

.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none;
}

.fc-agenda-slots td div {
  height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid; /* doesn't work with background in IE6/7 */
}

.avalible:not(.disabled):not(.fc-past):not(.fc-other-month):not(.blockday):hover {
  cursor: pointer;
}

.avalible:not(.disabled):not(.fc-past):not(.fc-other-month):not(.blockday):before {
  content: "Add New Action";
  position: absolute;
  font-size: 13px;
  color: rgba(0, 0, 0, 0);
  padding: 3px;
}

.avalible:not(.disabled):not(.fc-past):not(.fc-other-month):not(.blockday):hover:before {
  color: rgba(0, 0, 0, 0.8);
}

.status1:before, .status2:before, .status3:before, .status4:before, .status5:before {
  content: "P";
  position: absolute;
  right: 5px;
  top: 5px;
}

.status1 {
  background-color: #ef9718;
}

.status2 {
  background-color: #37bb47;
}
.status2:before {
  content: "B";
}

.status3 {
  background-color: #d8d8d8;
}
.status3:before {
  content: "D";
}

.status4 {
  background-color: #bb3737;
}
.status4:before {
  content: "C";
}

.status5 {
  background-color: #333;
}
.status5:before {
  content: "";
}

.statusLegend {
  color: #fff;
  font-size: 11px;
  padding: 4px;
  margin: 3px;
  border-radius: 4px;
}

.tipsy {
  font-size: 12px;
  position: absolute;
  padding: 5px;
  z-index: 100000;
  margin-top: -3px;
}

.tipsy-inner {
  background-color: #f3f3f3;
  color: #333;
  max-width: 200px;
  padding: 5px 8px 4px 8px;
  text-align: center;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}

/* Rounded corners */
.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #eee;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
  border-bottom-color: #eee;
}

.tipsy-arrow-s {
  border-top-color: #eee;
}

.tipsy-arrow-e {
  border-left-color: #eee;
}

.tipsy-arrow-w {
  border-right-color: #eee;
}

.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* ####################################################################################################################
MAIN STYLES
#################################################################################################################### */
body {
  margin: 0 auto;
  padding: 0;
  font-size: 15px;
  font-family: "Yantramanav", sans-serif;
  color: #191d23;
  background: #f9f9f9;
  font-weight: 400;
}
body.testversion #nav {
  background: #df0052;
}
body.testversion #nav a.active {
  color: #df0052;
}

a {
  color: #669b15;
}
a:hover, a:active, a:focus {
  color: #2b4109;
}

/*--------------- Transitions ----------------*/
.reiter a {
  -webkit-transition: border 300ms ease-in-out;
  transition: border 300ms ease-in-out;
}

a.btn {
  -webkit-transition: box-shadow 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
}

.blur .logo, .login .logo, .blur #loginWrapper, .login #loginWrapper {
  -webkit-transition: filter 500ms ease-in-out, opacity 500ms ease-in-out;
  -webkit-transition: opacity 500ms ease-in-out, -webkit-filter 500ms ease-in-out;
  transition: opacity 500ms ease-in-out, -webkit-filter 500ms ease-in-out;
  transition: filter 500ms ease-in-out, opacity 500ms ease-in-out;
  transition: filter 500ms ease-in-out, opacity 500ms ease-in-out, -webkit-filter 500ms ease-in-out;
}

.login input, .login a[xsdata-submit], a.button {
  -webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
  -webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, transform 200ms ease-in-out, box-shadow 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
}

#content h1 {
  padding: 0.8461538462em;
  font-weight: 100;
  margin: 0;
  position: absolute;
}
#content h1.hasReiter {
  top: 1.7692307692em;
}
#content h1.noAbsolute {
  position: relative;
  top: 0;
}

@-webkit-keyframes fade_in_show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}

@keyframes fade_in_show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@-webkit-keyframes fade_out_show {
  0% {
    opacity: 1;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes fade_out_show {
  0% {
    opacity: 1;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
/* ####################################################################################################################
WEBKIT AUTOFILL
#################################################################################################################### */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* ####################################################################################################################
LOGIN
#################################################################################################################### */
body.login {
  height: 100vh;
  background: linear-gradient(112.65deg, #000 0%, rgba(0, 0, 0, 0.69) 100%);
}
body.login.blur #loginWrapper, body.login.blur img {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0;
}
body.login.hide #loginWrapper, body.login.hide img {
  display: none;
}
body.login .msg-error {
  background-color: #c1922d;
  width: 30.7692307692em;
  text-align: center;
  padding: 1.1538461538em;
  border-radius: 0.7692307692em;
  color: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}
body.login .msg-error.notShow {
  top: -15.3846153846em;
}
body.login > img {
  width: 20%;
  position: absolute;
  left: 25%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.login #loginWrapper {
  padding: 3.8461538462em 0 3.8461538462em 3.8461538462em;
  width: calc(50% - 7.6923076923em);
  right: 0%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.login #loginWrapper h1 {
  font-weight: 100;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 3.8461538462em;
}
body.login #loginWrapper h2 {
  font-weight: 500;
  color: #fff;
  margin: 0em 0 2.3076923077em 0;
  padding: 0;
  font-size: 0.9230769231em;
}
body.login #loginWrapper label {
  display: block;
}
body.login #loginWrapper label i {
  position: absolute;
  color: #fff;
  font-size: 120%;
  padding: 1.2307692308em;
}
body.login #loginWrapper label input, body.login #loginWrapper label input:active, body.login #loginWrapper label input:hover, body.login #loginWrapper label input:focus {
  width: 24.6153846154em;
  padding: 1.5384615385em 1.5384615385em 1.5384615385em 3.8461538462em;
  margin-bottom: 1.5384615385em;
  border-radius: 0.7692307692em;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid transparent;
  color: #fff;
  outline: none;
  -webkit-appearance: none;
}
body.login #loginWrapper label input::-webkit-input-placeholder, body.login #loginWrapper label input:active::-webkit-input-placeholder, body.login #loginWrapper label input:hover::-webkit-input-placeholder, body.login #loginWrapper label input:focus::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input::-moz-placeholder, body.login #loginWrapper label input:active::-moz-placeholder, body.login #loginWrapper label input:hover::-moz-placeholder, body.login #loginWrapper label input:focus::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input:-ms-input-placeholder, body.login #loginWrapper label input:active:-ms-input-placeholder, body.login #loginWrapper label input:hover:-ms-input-placeholder, body.login #loginWrapper label input:focus:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input::-ms-input-placeholder, body.login #loginWrapper label input:active::-ms-input-placeholder, body.login #loginWrapper label input:hover::-ms-input-placeholder, body.login #loginWrapper label input:focus::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input::placeholder, body.login #loginWrapper label input:active::placeholder, body.login #loginWrapper label input:hover::placeholder, body.login #loginWrapper label input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input:hover, body.login #loginWrapper label input:active:hover, body.login #loginWrapper label input:hover:hover, body.login #loginWrapper label input:focus:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.1);
}
body.login #loginWrapper label input:focus, body.login #loginWrapper label input:-webkit-autofill, body.login #loginWrapper label input:-webkit-autofill:focus, body.login #loginWrapper label input:active:focus, body.login #loginWrapper label input:active:-webkit-autofill, body.login #loginWrapper label input:active:-webkit-autofill:focus, body.login #loginWrapper label input:hover:focus, body.login #loginWrapper label input:hover:-webkit-autofill, body.login #loginWrapper label input:hover:-webkit-autofill:focus, body.login #loginWrapper label input:focus:focus, body.login #loginWrapper label input:focus:-webkit-autofill, body.login #loginWrapper label input:focus:-webkit-autofill:focus {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
}
body.login #loginWrapper label input:-webkit-autofill, body.login #loginWrapper label input:-webkit-autofill:hover, body.login #loginWrapper label input:-webkit-autofill:focus, body.login #loginWrapper label input:-webkit-autofill, body.login #loginWrapper label input:active:-webkit-autofill, body.login #loginWrapper label input:active:-webkit-autofill:hover, body.login #loginWrapper label input:active:-webkit-autofill:focus, body.login #loginWrapper label input:active:-webkit-autofill, body.login #loginWrapper label input:hover:-webkit-autofill, body.login #loginWrapper label input:hover:-webkit-autofill:hover, body.login #loginWrapper label input:hover:-webkit-autofill:focus, body.login #loginWrapper label input:hover:-webkit-autofill, body.login #loginWrapper label input:focus:-webkit-autofill, body.login #loginWrapper label input:focus:-webkit-autofill:hover, body.login #loginWrapper label input:focus:-webkit-autofill:focus, body.login #loginWrapper label input:focus:-webkit-autofill {
  border: 2px solid rgba(255, 255, 255, 0.3);
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
body.login #loginWrapper a[xsdata-submit], body.login #loginWrapper a.button {
  color: #669b15;
  font-size: 150%;
  font-weight: 500;
  display: block;
  width: 21.3076923077em;
  padding: 0.6153846154em 0.7692307692em;
  margin-bottom: 0.3846153846em;
  border-radius: 0.4615384615em;
  text-align: center;
  background: #000;
  text-decoration: none;
  border: 4px solid transparent;
}
body.login #loginWrapper a[xsdata-submit]:hover, body.login #loginWrapper a.button:hover {
  background: rgb(0, 0, 0) !important;
  border: 4px solid #669b15;
  color: #669b15;
}
body.login #loginWrapper a[xsdata-submit], body.login #loginWrapper a.button {
  width: 15.7692307692em;
}
body.login #loginWrapper a.loginLink {
  width: 34.6153846154em;
  text-align: center;
  display: block;
  position: absolute;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
body.login #loginWrapper a.loginLink:hover {
  text-decoration: underline;
}
body.login.error {
  background: linear-gradient(112.65deg, #E74536 0%, rgba(231, 69, 54, 0.69) 100%);
}
body.login.error #loginWrapper a.button {
  color: #E74536;
  width: auto;
  display: inline-block;
}
body.login.error #loginWrapper a.button:hover {
  color: #fff;
}

/* ####################################################################################################################
NAV - SHOP
#################################################################################################################### */
#nav {
  position: relative;
  z-index: 3;
  width: 6.1538461538em;
  background: #669b15;
  -webkit-box-shadow: inset -1.4615384615em 0.3076923077em 1.1538461538em -1.3076923077em rgba(0, 0, 0, 0.2);
          box-shadow: inset -1.4615384615em 0.3076923077em 1.1538461538em -1.3076923077em rgba(0, 0, 0, 0.2);
  height: 100%;
  position: fixed;
  text-align: center;
}
#nav #logo {
  width: 5em;
  height: 3.4615384615em;
  margin: 0.7692307692em;
  background-size: contain;
  border-radius: 6.9230769231em;
  background: url(../img/logo_small_white.png) no-repeat center center transparent;
  background-size: contain;
}
#nav > .middle {
  position: absolute;
  bottom: 50%;
  top: 38%;
  width: 100%;
}
#nav > .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#nav:hover a i {
  opacity: 0.6;
}
#nav:hover a.active i {
  opacity: 1;
}
#nav a {
  display: block;
  text-decoration: none;
  position: relative;
  color: #fff;
  border-radius: 7.6923076923em 7.6923076923em 2.3076923077em 2.3076923077em;
  margin: 0.7692307692em;
}
#nav a i {
  font-size: 1.7692307692em;
  display: block;
  margin: 0.7692307692em 0 0 0;
  padding: 0.7692307692em 0;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
#nav a i span {
  position: absolute;
  font-size: 0.4615384615em;
  margin: -1.0769230769em 0 0 -1.1538461538em;
}
#nav a i span.orders {
  margin: -1.0769230769em 0 0 -0.3846153846em;
}
#nav a span {
  margin-top: -0.7692307692em;
  padding-bottom: 0.3846153846em;
  display: block;
}
#nav a:hover {
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: inset 0 0 0 0.1538461538em #fff;
  box-shadow: inset 0 0 0 0.1538461538em #fff;
  cursor: pointer;
}
#nav a:hover i {
  opacity: 1;
}
#nav a:hover div, #nav a:hover span {
  opacity: 0.8;
}
#nav a.active {
  background: #f9f9f9;
  color: #669b15;
}
#nav a.active i {
  text-shadow: none;
}
#nav .fa-fire {
  color: #c1922d;
}
#nav #footNav {
  position: absolute;
  bottom: -0.3846153846em;
  left: 0;
  right: 0;
}
/* ####################################################################################################################
Buttons
#################################################################################################################### */
div.buttons {
  float: right;
}

.buttons.wrap {
  padding-right: 1.3846153846em;
}
.buttons.wrap a {
  margin-top: 1.3846153846em;
  float: right;
  margin-bottom: 0;
}

a.btn {
  background: transparent;
  font-weight: 700;
  display: inline-block;
  margin: 0.5384615385em;
  padding: 0.9230769231em 1.5384615385em;
  color: #191d23;
  border-radius: 0.1538461538em;
  text-decoration: none;
  letter-spacing: 0.0153846154em;
  border: 1px solid transparent;
  border-color: #191d23;
  border-width: 1px;
  border-radius: 0.1538461538em;
  -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
}
a.btn:hover {
  color: #fff;
  background: #191d23 !important;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn[xsdata-submit], a.btn.editRow, a.btn.submitEdit, a.btn.save {
  color: #8aa026;
  border-color: #8aa026;
}
a.btn[xsdata-submit]:hover, a.btn.editRow:hover, a.btn.submitEdit:hover, a.btn.save:hover {
  background-color: #8aa026 !important;
  color: #fff;
}
a.btn.alternate, a.btn.black {
  color: #c1922d;
  border-color: #c1922d;
}
a.btn.alternate:hover, a.btn.black:hover {
  background-color: #c1922d !important;
  color: #fff;
}
a.btn.red, a.btn.deleteRow, a.btn.delete {
  color: #E74536;
  border-color: #E74536;
}
a.btn.red:hover, a.btn.deleteRow:hover, a.btn.delete:hover {
  background-color: #E74536 !important;
  color: #fff;
}
a.btn.small {
  font-size: 80%;
  padding: 0.3076923077em 0.7692307692em;
}
a.btn.boxbtn {
  margin: 0.3846153846em 0;
}

/* ####################################################################################################################
FORM
#################################################################################################################### */
#content {
  position: relative;
  z-index: 2;
  width: calc(100% - 6.1538461538em);
  margin-left: 6.1538461538em;
  margin-bottom: 1.5384615385em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
#content.popup {
  width: calc(100% - 3.8461538462em);
  margin: 0;
  padding: 1.9230769231em;
  background: #fff;
}
#content label {
  -ms-grid-column-span: 12;
  grid-column: span 12;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
#content label.relative {
  position: relative;
}
#content label.width-60 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
#content label.width-50 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
#content label.width-40 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
#content label.width-25 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
#content label.width-20 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
#content label.width-30 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
#content label.width-33 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
#content label.staticWidth.width-50 {
  width: 50%;
}
#content label.staticWidth.width-40 {
  width: 40%;
}
#content label.staticWidth.width-20 {
  width: 20%;
}
#content label.staticWidth.width-10 {
  width: 10%;
}
#content label input, #content label select, #content label textarea, #content label .input {
  margin-top: 0.3846153846em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.9230769231em;
  border-radius: 0.2307692308em;
  width: 100%;
  border: 1px solid rgba(25, 29, 35, 0.2);
  font-size: 0.9230769231em;
  outline: none;
  -webkit-appearance: none;
}
#content label input:-webkit-autofill, #content label select:-webkit-autofill, #content label textarea:-webkit-autofill, #content label .input:-webkit-autofill {
  color: #fff !important;
}
#content label input:hover, #content label select:hover, #content label textarea:hover, #content label .input:hover {
  border: 1px solid rgba(102, 155, 21, 0.8);
}
#content label input:focus, #content label select:focus, #content label textarea:focus, #content label .input:focus {
  border: 1px solid rgba(102, 155, 21, 0.8);
  background-color: rgba(102, 155, 21, 0.08);
}
#content label input[disabled], #content label input[disabled]:focus, #content label input[disabled]:hover, #content label select[disabled], #content label select[disabled]:focus, #content label select[disabled]:hover, #content label textarea[disabled], #content label textarea[disabled]:focus, #content label textarea[disabled]:hover, #content label .input[disabled], #content label .input[disabled]:focus, #content label .input[disabled]:hover {
  cursor: default;
  border: 1px solid rgba(25, 29, 35, 0.1);
  background-color: rgba(25, 29, 35, 0.1);
}
#content label input.smallInp, #content label select.smallInp, #content label textarea.smallInp, #content label .input.smallInp {
  width: 9.2307692308em;
}
#content label input:-webkit-autofill {
  -webkit-text-fill-color: #191d23 !important;
}
#content label .mandatory {
  color: #E74536;
}
#content label .errorHint {
  display: none;
}
#content label.error input, #content label.error select, #content label.error textarea {
  border-color: rgba(231, 69, 54, 0.5) !important;
  background-color: rgba(231, 69, 54, 0.03);
}
#content label.error input:hover, #content label.error select:hover, #content label.error textarea:hover {
  border-color: #e74536;
}
#content label.error input:focus, #content label.error select:focus, #content label.error textarea:focus {
  border-color: #e74536;
  background-color: rgba(102, 155, 21, 0.08);
}
#content label.error .errorHint {
  display: block;
  color: #E74536;
  opacity: 1;
}
#content label input.error, #content label select.error, #content label textarea.error {
  border-color: rgba(231, 69, 54, 0.5) !important;
  background-color: rgba(231, 69, 54, 0.03) !important;
}
#content label input.error:hover, #content label select.error:hover, #content label textarea.error:hover {
  border-color: #e74536 !important;
}
#content label input.error:focus, #content label select.error:focus, #content label textarea.error:focus {
  border-color: #e74536 !important;
  background-color: rgba(102, 155, 21, 0.08) !important;
}
#content label input.error .errorHint, #content label select.error .errorHint, #content label textarea.error .errorHint {
  display: block;
  color: #E74536;
  opacity: 1;
}
#content label.valid input, #content label.valid select, #content label.valid textarea {
  border-color: rgba(62, 178, 86, 0.5);
  background-color: rgba(62, 178, 86, 0.03);
}
#content label.valid input:hover, #content label.valid select:hover, #content label.valid textarea:hover {
  border-color: #3eb256;
}
#content label.valid input:focus, #content label.valid select:focus, #content label.valid textarea:focus {
  border-color: #3eb256;
  background-color: rgba(102, 155, 21, 0.08);
}
#content label .hint {
  display: block;
  opacity: 0.7;
}
#content label > span {
  display: block;
  margin-top: 0.3846153846em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.6153846154em 0 1.2307692308em 0;
  font-weight: bold;
  border-radius: 0.2307692308em;
  width: 100%;
  font-size: 0.9230769231em;
  outline: none;
  -webkit-appearance: none;
}
#content label > span.smallError {
  color: #E74536;
  margin: 0;
  padding: 0;
  padding-top: 0.1538461538em;
  font-size: 70%;
}
#content label > span.input {
  border: none;
  margin: 2.1538461538em 1.1538461538em 1.1538461538em 0;
  font-weight: 600;
  padding: 0;
}
#content .tableList .smallError {
  font-size: 70%;
  color: #E74536;
  margin: 0;
  padding: 0;
  padding-top: 0.1538461538em;
}

[readonly] {
  border: none !important;
  background: transparent;
}

#content input, select, textarea {
  margin-top: 0.3846153846em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.7692307692em;
  border-radius: 0.2307692308em;
  width: 100%;
  border: 1px solid rgba(25, 29, 35, 0.2);
  outline: none;
  -webkit-appearance: none;
}
#content input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
  color: #191d23 !important;
}
#content input:hover, select:hover, textarea:hover {
  border: 1px solid rgba(102, 155, 21, 0.8);
}
#content input:focus, select:focus, textarea:focus {
  border: 1px solid rgba(102, 155, 21, 0.8);
  background-color: rgba(102, 155, 21, 0.08);
}
#content input[disabled], #content input[disabled]:focus, #content input[disabled]:hover, select[disabled], select[disabled]:focus, select[disabled]:hover, textarea[disabled], textarea[disabled]:focus, textarea[disabled]:hover {
  cursor: default;
  border: 1px solid rgba(25, 29, 35, 0.1);
  background-color: rgba(25, 29, 35, 0.1);
}
#content input.smallInp, select.smallInp, textarea.smallInp {
  width: 9.2307692308em;
  font-weight: bold;
}

.muststock, .muststock:hover {
  color: #669b15;
  font-weight: bold;
}

.tableList tbody tr[attr-sub] td.inputLike {
  padding: 1.2307692308em !important;
  font-weight: bold;
}

#content .matTr td div {
  text-align: center;
  margin-top: 0.3846153846em;
  font-weight: bold;
  display: inline-block;
  width: 32.5%;
}
#content .matTr td div input {
  width: 90%;
  text-align: right;
}

.fa-solid.fa-trash-can.delete {
  color: #e10000;
  opacity: 0.5;
}
.fa-solid.fa-trash-can.delete:hover {
  opacity: 1;
  cursor: pointer;
}

.lasttwo td {
  border-bottom: 1px solid #d5d5d5 !important;
}

.darkborder td {
  border-bottom: 1px solid #d5d5d5 !important;
}

.zielChart {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
.zielChart .getZiel {
  width: calc(50% - 4px);
  border-right: 1px dashed #eee;
  display: inline-block;
  text-align: center;
  position: relative;
  height: 11.5384615385em;
}
.zielChart .getZiel:nth-child(n+5) {
  border-right: none;
}
.zielChart .getZiel:nth-child(n+2) {
  border-top: 1px dashed #eee;
}
.zielChart .getZiel > span {
  position: absolute;
  font-weight: bold;
  display: block;
  height: 2.3076923077em;
  width: 100%;
  margin-top: 0.7692307692em;
  margin-bottom: 7.6923076923em;
}
.zielChart .getZiel .zielTarget {
  width: calc(25% - 1px);
  position: absolute;
  top: 4.2307692308em;
}
.zielChart .getZiel .zielTarget.fullWidth {
  width: calc(100% - 1px);
}
.zielChart .getZiel .zielTarget:nth-child(2) {
  left: 0%;
}
.zielChart .getZiel .zielTarget:nth-child(3) {
  left: 25%;
}
.zielChart .getZiel .zielTarget:nth-child(4) {
  left: 50%;
}
.zielChart .getZiel .zielTarget:nth-child(5) {
  left: 75%;
}
.zielChart .getZiel .circleFill {
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 20px;
  position: absolute;
  width: 6.1538461538em;
  height: 6.1538461538em;
  background: conic-gradient(rgb(219, 219, 219) 181deg, rgb(219, 219, 219) 182deg, rgb(219, 219, 219) 182deg, rgb(255, 255, 255) 183deg);
  border-radius: 100%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.zielChart .getZiel .circleOverlay {
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 1.8461538462em;
  position: absolute;
  width: 5.3846153846em;
  height: 5.3846153846em;
  background: #fff;
  border-radius: 100%;
}
.zielChart .getZiel .procent {
  line-height: 19px;
  color: #939393;
  z-index: 20;
  margin: 0 auto;
  right: 0;
  left: 0;
  width: 100%;
  top: 3.3076923077em;
  position: absolute;
  font-weight: normal;
  border-radius: 100%;
}

.zielDD {
  float: right;
  width: 19.2307692308em;
  margin: -0.5384615385em;
  padding: 0.7692307692em;
}

.zielDD2 {
  float: right;
  width: 7.6923076923em;
  margin: -0.5384615385em -0.5384615385em -0.5384615385em 1.5384615385em;
  padding: 0.7692307692em;
}

#content .zielDiv {
  position: relative;
}
#content .zielDiv span {
  display: block;
  padding: 0.3846153846em 0;
}
#content .zielDiv a {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
#content .zielDiv div {
  text-align: center;
  margin-top: 0.3846153846em;
  font-weight: bold;
  display: inline-block;
  width: 32.5%;
  border-bottom: 1px dashed #e3e3e3;
  padding-bottom: 0.7692307692em;
  margin-bottom: 0.7692307692em;
}
#content .zielDiv div input {
  width: 90%;
  text-align: right;
}

#content input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: #669b15;
  width: 1.15em;
  height: 1.15em;
  border-radius: 0.15em;
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
  display: -ms-grid;
  display: grid;
  place-content: center;
}

input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 1px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em #669b15;
          box-shadow: inset 1em 1em #669b15;
}

input[type=checkbox]:checked::before {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid #669b15;
  outline-offset: max(2px, 0.15em);
}

input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

select {
  background: url("../img/dd_down.svg") no-repeat center right 0.7692307692em #fff;
  background-size: 0.5384615385em;
  padding-right: 1.5384615385em !important;
}

/* ####################################################################################################################
Reiter
#################################################################################################################### */
.reiter {
  border-bottom: 1px solid #e3e3e3;
}
.reiter > a {
  color: #191d23;
  text-decoration: none;
  display: inline-block;
  margin: 1.5384615385em 0.7692307692em 0 0.7692307692em;
  padding: 0 0.7692307692em 0.7692307692em 0.7692307692em;
  border-bottom: 4px solid transparent;
}
.reiter > a:hover {
  border-bottom: 4px solid rgba(78, 119, 16, 0.5);
}
.reiter > a.active {
  color: #4e7710;
  font-weight: bold;
  border-bottom: 4px solid #4e7710;
}

/* ####################################################################################################################
GRID
#################################################################################################################### */
.grid {
  margin: 1.9230769231em;
}

.gutter-sizer {
  width: 1.9230769231em;
}

.grid-item, table.grid-item, .grid-sizer {
  padding: 1.5384615385em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 0 1.5384615385em 0 rgba(25, 29, 35, 0.1);
  box-shadow: 0 0 1.5384615385em 0 rgba(25, 29, 35, 0.1), 54px 84px -83px rgba(25, 29, 35, 0.9);
  border-radius: 1.1538461538em;
  width: calc((100% - 3.8461538462em) / 3);
  margin-bottom: 1.9230769231em;
  -ms-grid-column-span: 1;
  grid-column: span 1;
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 1.9230769231em;
     -moz-column-gap: 1.9230769231em;
          column-gap: 1.9230769231em;
  row-gap: 0.7692307692em;
  -ms-grid-columns: 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr;
  grid-template-columns: repeat(12, 1fr);
}
.grid-item .buttons, table.grid-item .buttons, .grid-sizer .buttons {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.grid-item .buttons a, table.grid-item .buttons a, .grid-sizer .buttons a {
  display: inline-block;
}
.grid-item > h2, table.grid-item > h2, .grid-sizer > h2 {
  width: calc(100% - 0em);
  color: #191d23;
  -ms-grid-column-span: 4;
  grid-column: span 4;
  display: block;
  font-size: 15px;
  padding: 1.5384615385em 1.9230769231em 0.7692307692em 1.9230769231em;
  margin: 0;
  border-bottom: 3px solid #f2f2f2;
  line-height: 1.5384615385em;
  margin: -1.9230769231em -1.9230769231em -0.3846153846em -1.9230769231em;
}
.grid-item > h2 a, table.grid-item > h2 a, .grid-sizer > h2 a {
  float: right;
  font-size: 70%;
  padding: 0.3076923077em 1.0769230769em 0.3076923077em 0;
  margin-top: -0.4615384615em;
}
.grid-item > h2 a.fullSize, table.grid-item > h2 a.fullSize, .grid-sizer > h2 a.fullSize {
  padding: 0.3076923077em 1.0769230769em 0.3076923077em 1.0769230769em;
  margin-right: 2.6923076923em;
}
.grid-item > h2.error, table.grid-item > h2.error, .grid-sizer > h2.error {
  color: #E74536;
  border: none;
}
.grid-item > h2:nth-child(2), .grid-item > h2:nth-child(3), .grid-item > h2:nth-child(4), .grid-item > h2.second, table.grid-item > h2:nth-child(2), table.grid-item > h2:nth-child(3), table.grid-item > h2:nth-child(4), table.grid-item > h2.second, .grid-sizer > h2:nth-child(2), .grid-sizer > h2:nth-child(3), .grid-sizer > h2:nth-child(4), .grid-sizer > h2.second {
  margin-top: 0em;
}
.grid-item > .chartDiv, .grid-item > h2, .grid-item > table, table.grid-item > .chartDiv, table.grid-item > h2, table.grid-item > table, .grid-sizer > .chartDiv, .grid-sizer > h2, .grid-sizer > table {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
.grid-item th a, table.grid-item th a, .grid-sizer th a {
  float: right;
  font-size: 70%;
  padding: 0.3076923077em 1.0769230769em;
  margin-top: -0.3076923077em;
  margin-left: 1.1538461538em;
}
.grid-item.grid-width-2, table.grid-item.grid-width-2, .grid-sizer.grid-width-2 {
  width: calc((100% - 1.5384615385em) / 3 * 2);
}
.grid-item.grid-width-3, table.grid-item.grid-width-3, .grid-sizer.grid-width-3 {
  width: calc((100% - 0em) / 3 * 3);
}

@media (max-width: 1200px) {
  .grid-item, .grid-sizer {
    width: calc((100% - 2.3076923077em) / 2);
  }
  .grid-width-3 {
    width: calc(100% - 0.7692307692em);
  }
}
@media (max-width: 1000px) and (orientation: portrait) {
  .grid-item, .grid-sizer {
    width: 100% !important;
  }
  .grid-width-3, .grid-width-2 {
    width: calc(100% - 0.7692307692em);
  }
}
.grid-box-loader {
  position: relative;
  overflow: hidden;
  height: 26.9230769231em;
  z-index: 8;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.7692307692em;
  min-height: 7.6923076923em;
  background: #def6b9;
  -webkit-animation: shopLoader 1000ms ease infinite;
  animation: shopLoader 1000ms ease infinite;
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.grid-box-loader.delay1 {
  -webkit-animation: shopLoader 700ms ease infinite;
  animation: shopLoader 700ms ease infinite;
}
.grid-box-loader.delay2 {
  -webkit-animation: shopLoader 850ms ease infinite;
  animation: shopLoader 850ms ease infinite;
}
.grid-box-loader.delay3 {
  -webkit-animation: shopLoader 1200ms ease infinite;
  animation: shopLoader 1200ms ease infinite;
}
.grid-box-loader.delay4 {
  -webkit-animation: shopLoader 1500ms ease infinite;
  animation: shopLoader 1500ms ease infinite;
}
.grid-box-loader.delay5 {
  -webkit-animation: shopLoader 1700ms ease infinite;
  animation: shopLoader 1700ms ease infinite;
}

.max-row-8 .flex-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 12%;
          flex: 1 1 12%;
}

/* ####################################################################################################################
Filter
#################################################################################################################### */
#content .filter {
  background: #fff;
  padding: 1.1538461538em;
  border-bottom: 1px solid #e3e3e3;
}
#content .filter label {
  display: inline-block;
  margin-right: 1.1538461538em;
  width: auto;
}
#content .filter label.right {
  float: right;
}
#content .filter label input, #content .filter label select {
  display: inline-block;
}
#content .filter label input:before, #content .filter label select:before {
  content: "";
  display: block;
}
#content .filter.buttons {
  float: none;
  padding: 0.3846153846em 1.1538461538em;
}
#content .filter.buttons a, #content .filter.buttons [type=button] {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0.7692307692em 1.5384615385em;
}

.filterBubble {
  white-space: nowrap;
  background: #ef98aa;
  padding: 0.3846153846em 0.7692307692em;
  font-size: 70%;
  border-radius: 1.5384615385em;
  font-weight: bold;
  display: inline-block;
  margin-right: 0.3846153846em;
}
.filterBubble.color1 {
  background: #c4dbe8;
}
.filterBubble.color2 {
  background: #c4e8db;
}
.filterBubble.color3 {
  background: #e3e8c4;
}
.filterBubble.color4 {
  background: #d0c4e8;
}
.filterBubble.color5 {
  background: #e8c4d9;
}
.filterBubble.color6 {
  background: #e8e3c4;
}
.filterBubble.color7 {
  background: #e8d2c4;
}
.filterBubble.color8 {
  background: #ef98aa;
}
.filterBubble.statusColor1 {
  background: #c4dbe8;
}
.filterBubble.statusColor2 {
  background: #e3e8c4;
}
.filterBubble.statusColor3 {
  background: #ef98aa;
}
.filterBubble.statusColor4 {
  background: #e8e3c4;
}

/* ####################################################################################################################
Bildzuordnung
#################################################################################################################### */
.bildzuordnung {
  clear: both;
  width: 23em;
}
.bildzuordnung .bildzuordnungBig {
  margin-left: 0.2em;
  margin-bottom: 0.2em;
  width: 21.6em;
  height: 21.6em;
  background: url(../img/wooAdd.jpg) no-repeat center center #d9d9d9;
}
.bildzuordnung .bildzuordnungSmall {
  margin: 0.2em;
  width: 4em;
  height: 4em;
  background: url(../img/wooAdd.jpg) no-repeat center center #d9d9d9;
  background-size: 66%;
  float: left;
}
.bildzuordnung .bildzuordnungBig i, .bildzuordnung .bildzuordnungSmall i {
  display: none;
  padding: 2px;
  opacity: 0.5;
}
.bildzuordnung .bildzuordnungBig i:hover, .bildzuordnung .bildzuordnungSmall i:hover {
  opacity: 1;
  cursor: pointer;
}
.bildzuordnung .bildzuordnungBig:hover i, .bildzuordnung .bildzuordnungSmall:hover i {
  display: block;
}

.bildVorschau {
  width: 100%;
}
.bildVorschau div {
  text-align: center;
  margin: 0.2em;
  width: calc(4em - 4px);
  height: calc(4em - 4px);
  border: 2px solid #d9d9d9;
  float: left;
}
.bildVorschau div img {
  max-width: 100%;
  max-height: 100%;
}
.bildVorschau :after {
  clear: both;
  display: block;
  height: 1px;
  width: 100%;
}

/* ####################################################################################################################
Accordion
#################################################################################################################### */
.accordion {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(40% - 1.5384615385em);
          flex: 1 0 calc(40% - 1.5384615385em);
  display: block;
}
.accordion h2 {
  width: 100%;
}
.accordion h2 span {
  float: right;
  font-size: 80%;
  padding-top: 0;
  opacity: 0.8;
}
.accordion h2 span:hover {
  cursor: pointer;
  opacity: 1;
}
.accordion div {
  width: 100%;
}
.accordion.close {
  height: 1.6923076923em;
  overflow: hidden;
}
.accordion .tableList {
  width: 100%;
}

/* ####################################################################################################################
Tabellen
#################################################################################################################### */
.tableList, .flex-box.tableList, .grid-box.tableList, .tableDetail, .flex-box.tableDetail, .grid-box.tableDetail {
  width: 100%;
  display: table !important;
  padding: 0;
  border-collapse: collapse;
  background: #fff;
}
.tableList thead tr th, .flex-box.tableList thead tr th, .grid-box.tableList thead tr th, .tableDetail thead tr th, .flex-box.tableDetail thead tr th, .grid-box.tableDetail thead tr th {
  width: calc(100% + 2.3076923077em);
  -ms-grid-column-span: 4;
  grid-column: span 4;
  padding: 1em 1em;
  border-bottom: 2px solid #f2f2f2;
  border-right: 1px dashed #f2f2f2;
  line-height: 1.5384615385em;
  text-align: left;
  background: #fff;
}
.tableList thead tr th:last-child, .flex-box.tableList thead tr th:last-child, .grid-box.tableList thead tr th:last-child, .tableDetail thead tr th:last-child, .flex-box.tableDetail thead tr th:last-child, .grid-box.tableDetail thead tr th:last-child {
  border-right: none;
}
.tableList thead tr.headline th, .flex-box.tableList thead tr.headline th, .grid-box.tableList thead tr.headline th, .tableDetail thead tr.headline th, .flex-box.tableDetail thead tr.headline th, .grid-box.tableDetail thead tr.headline th {
  text-align: center;
}
.tableList thead.alternate tr:first-child th:first-child, .flex-box.tableList thead.alternate tr:first-child th:first-child, .grid-box.tableList thead.alternate tr:first-child th:first-child, .tableDetail thead.alternate tr:first-child th:first-child, .flex-box.tableDetail thead.alternate tr:first-child th:first-child, .grid-box.tableDetail thead.alternate tr:first-child th:first-child {
  border-radius: 0.3846153846em 0 0 0;
}
.tableList thead.alternate tr:first-child th:last-child, .flex-box.tableList thead.alternate tr:first-child th:last-child, .grid-box.tableList thead.alternate tr:first-child th:last-child, .tableDetail thead.alternate tr:first-child th:last-child, .flex-box.tableDetail thead.alternate tr:first-child th:last-child, .grid-box.tableDetail thead.alternate tr:first-child th:last-child {
  border-radius: 0 0.3846153846em 0 0;
}
.tableList thead.alternate th, .flex-box.tableList thead.alternate th, .grid-box.tableList thead.alternate th, .tableDetail thead.alternate th, .flex-box.tableDetail thead.alternate th, .grid-box.tableDetail thead.alternate th {
  background-color: #669b15;
  color: #fff;
}
.tableList tbody tr td, .flex-box.tableList tbody tr td, .grid-box.tableList tbody tr td, .tableDetail tbody tr td, .flex-box.tableDetail tbody tr td, .grid-box.tableDetail tbody tr td {
  min-height: 3.0769230769em;
  padding: 0.8461538462em 1em;
  text-align: left;
  border-right: 1px dashed #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  line-height: 1.5384615385em;
}
.tableList tbody tr td:last-child, .flex-box.tableList tbody tr td:last-child, .grid-box.tableList tbody tr td:last-child, .tableDetail tbody tr td:last-child, .flex-box.tableDetail tbody tr td:last-child, .grid-box.tableDetail tbody tr td:last-child {
  border-right: none;
}
.tableList tbody tr td.euro, .flex-box.tableList tbody tr td.euro, .grid-box.tableList tbody tr td.euro, .tableDetail tbody tr td.euro, .flex-box.tableDetail tbody tr td.euro, .grid-box.tableDetail tbody tr td.euro {
  text-align: right;
  white-space: nowrap;
}
.tableList tbody tr:hover td, .flex-box.tableList tbody tr:hover td, .grid-box.tableList tbody tr:hover td, .tableDetail tbody tr:hover td, .flex-box.tableDetail tbody tr:hover td, .grid-box.tableDetail tbody tr:hover td {
  background: rgba(102, 155, 21, 0.07);
  color: #2b4109;
}
.tableList tbody tr:hover td a, .flex-box.tableList tbody tr:hover td a, .grid-box.tableList tbody tr:hover td a, .tableDetail tbody tr:hover td a, .flex-box.tableDetail tbody tr:hover td a, .grid-box.tableDetail tbody tr:hover td a {
  color: #2b4109;
}
.tableList tbody tr.subdetail, .flex-box.tableList tbody tr.subdetail, .grid-box.tableList tbody tr.subdetail, .tableDetail tbody tr.subdetail, .flex-box.tableDetail tbody tr.subdetail, .grid-box.tableDetail tbody tr.subdetail {
  border-left: 3.0769230769em solid #F4F8FB;
}
.tableList tbody tr.subdetail label, .flex-box.tableList tbody tr.subdetail label, .grid-box.tableList tbody tr.subdetail label, .tableDetail tbody tr.subdetail label, .flex-box.tableDetail tbody tr.subdetail label, .grid-box.tableDetail tbody tr.subdetail label {
  width: 19%;
  padding: 0;
  margin: 0;
}
.tableList tbody tr.subdetail label span, .flex-box.tableList tbody tr.subdetail label span, .grid-box.tableList tbody tr.subdetail label span, .tableDetail tbody tr.subdetail label span, .flex-box.tableDetail tbody tr.subdetail label span, .grid-box.tableDetail tbody tr.subdetail label span {
  width: 90%;
  padding: 0;
  margin: 0;
}
.tableList tbody tr.new td, .flex-box.tableList tbody tr.new td, .grid-box.tableList tbody tr.new td, .tableDetail tbody tr.new td, .flex-box.tableDetail tbody tr.new td, .grid-box.tableDetail tbody tr.new td {
  text-align: left;
  font-size: 15px;
  text-decoration: none;
}
.tableList tbody tr.new td i, .flex-box.tableList tbody tr.new td i, .grid-box.tableList tbody tr.new td i, .tableDetail tbody tr.new td i, .flex-box.tableDetail tbody tr.new td i, .grid-box.tableDetail tbody tr.new td i {
  display: inline-block;
  background-color: #669b15;
  color: #fff;
  padding: 0.6153846154em;
  border-radius: 7.6923076923em;
  margin-right: 0.7692307692em;
}
.tableList tbody tr.new td a, .flex-box.tableList tbody tr.new td a, .grid-box.tableList tbody tr.new td a, .tableDetail tbody tr.new td a, .flex-box.tableDetail tbody tr.new td a, .grid-box.tableDetail tbody tr.new td a {
  text-decoration: none;
}
.tableList tbody tr.new td:hover, .flex-box.tableList tbody tr.new td:hover, .grid-box.tableList tbody tr.new td:hover, .tableDetail tbody tr.new td:hover, .flex-box.tableDetail tbody tr.new td:hover, .grid-box.tableDetail tbody tr.new td:hover {
  cursor: pointer;
}
.tableList tbody tr.new td:hover i, .flex-box.tableList tbody tr.new td:hover i, .grid-box.tableList tbody tr.new td:hover i, .tableDetail tbody tr.new td:hover i, .flex-box.tableDetail tbody tr.new td:hover i, .grid-box.tableDetail tbody tr.new td:hover i {
  background-color: #191d23;
}
.tableList tbody tr.catBold, .flex-box.tableList tbody tr.catBold, .grid-box.tableList tbody tr.catBold, .tableDetail tbody tr.catBold, .flex-box.tableDetail tbody tr.catBold, .grid-box.tableDetail tbody tr.catBold {
  font-weight: bold;
  border-top: 4px solid rgba(0, 0, 0, 0.4);
}
.tableList tbody tr.catBold:hover td, .flex-box.tableList tbody tr.catBold:hover td, .grid-box.tableList tbody tr.catBold:hover td, .tableDetail tbody tr.catBold:hover td, .flex-box.tableDetail tbody tr.catBold:hover td, .grid-box.tableDetail tbody tr.catBold:hover td {
  background: #fff;
  color: #191d23;
}
.tableList tbody tr.catBold:hover td a, .flex-box.tableList tbody tr.catBold:hover td a, .grid-box.tableList tbody tr.catBold:hover td a, .tableDetail tbody tr.catBold:hover td a, .flex-box.tableDetail tbody tr.catBold:hover td a, .grid-box.tableDetail tbody tr.catBold:hover td a {
  color: #191d23;
}
.tableList tbody tr.catBold2 td, .flex-box.tableList tbody tr.catBold2 td, .grid-box.tableList tbody tr.catBold2 td, .tableDetail tbody tr.catBold2 td, .flex-box.tableDetail tbody tr.catBold2 td, .grid-box.tableDetail tbody tr.catBold2 td {
  border-top: 2px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: bold;
  padding-left: 3.0769230769em;
}
.tableList tbody tr.catBold2:hover td, .flex-box.tableList tbody tr.catBold2:hover td, .grid-box.tableList tbody tr.catBold2:hover td, .tableDetail tbody tr.catBold2:hover td, .flex-box.tableDetail tbody tr.catBold2:hover td, .grid-box.tableDetail tbody tr.catBold2:hover td {
  background: #fff;
  color: #191d23;
}
.tableList tbody tr.catBold2:hover td a, .flex-box.tableList tbody tr.catBold2:hover td a, .grid-box.tableList tbody tr.catBold2:hover td a, .tableDetail tbody tr.catBold2:hover td a, .flex-box.tableDetail tbody tr.catBold2:hover td a, .grid-box.tableDetail tbody tr.catBold2:hover td a {
  color: #191d23;
}
.tableList tbody tr.borderdot td, .flex-box.tableList tbody tr.borderdot td, .grid-box.tableList tbody tr.borderdot td, .tableDetail tbody tr.borderdot td, .flex-box.tableDetail tbody tr.borderdot td, .grid-box.tableDetail tbody tr.borderdot td {
  border-bottom: none;
  padding-bottom: 0;
}
.tableList tbody tr[attr-sub] td:first-child, .tableList tbody tr .newPadding, .flex-box.tableList tbody tr[attr-sub] td:first-child, .flex-box.tableList tbody tr .newPadding, .grid-box.tableList tbody tr[attr-sub] td:first-child, .grid-box.tableList tbody tr .newPadding, .tableDetail tbody tr[attr-sub] td:first-child, .tableDetail tbody tr .newPadding, .flex-box.tableDetail tbody tr[attr-sub] td:first-child, .flex-box.tableDetail tbody tr .newPadding, .grid-box.tableDetail tbody tr[attr-sub] td:first-child, .grid-box.tableDetail tbody tr .newPadding {
  padding-left: 4.6153846154em;
  width: 60%;
}
.tableList.right, .tableList .right, .flex-box.tableList.right, .flex-box.tableList .right, .grid-box.tableList.right, .grid-box.tableList .right, .tableDetail.right, .tableDetail .right, .flex-box.tableDetail.right, .flex-box.tableDetail .right, .grid-box.tableDetail.right, .grid-box.tableDetail .right {
  text-align: right !important;
}
.tableList .red td, .tableList .red td a, .tableList .red, .flex-box.tableList .red td, .flex-box.tableList .red td a, .flex-box.tableList .red, .grid-box.tableList .red td, .grid-box.tableList .red td a, .grid-box.tableList .red, .tableDetail .red td, .tableDetail .red td a, .tableDetail .red, .flex-box.tableDetail .red td, .flex-box.tableDetail .red td a, .flex-box.tableDetail .red, .grid-box.tableDetail .red td, .grid-box.tableDetail .red td a, .grid-box.tableDetail .red {
  color: #E74536 !important;
}
.tableList.width100, .flex-box.tableList.width100, .grid-box.tableList.width100, .tableDetail.width100, .flex-box.tableDetail.width100, .grid-box.tableDetail.width100 {
  width: 100%;
}
.tableList.loader tr td, .flex-box.tableList.loader tr td, .grid-box.tableList.loader tr td, .tableDetail.loader tr td, .flex-box.tableDetail.loader tr td, .grid-box.tableDetail.loader tr td {
  background: #def6b9;
  -webkit-animation: shopLoader 1000ms ease infinite;
  animation: shopLoader 1000ms ease infinite;
}
.tableList.loader tr td.delay1, .flex-box.tableList.loader tr td.delay1, .grid-box.tableList.loader tr td.delay1, .tableDetail.loader tr td.delay1, .flex-box.tableDetail.loader tr td.delay1, .grid-box.tableDetail.loader tr td.delay1 {
  -webkit-animation: shopLoader 700ms ease infinite;
  animation: shopLoader 700ms ease infinite;
}
.tableList.loader tr td.delay2, .flex-box.tableList.loader tr td.delay2, .grid-box.tableList.loader tr td.delay2, .tableDetail.loader tr td.delay2, .flex-box.tableDetail.loader tr td.delay2, .grid-box.tableDetail.loader tr td.delay2 {
  -webkit-animation: shopLoader 850ms ease infinite;
  animation: shopLoader 850ms ease infinite;
}
.tableList.loader tr td.delay3, .flex-box.tableList.loader tr td.delay3, .grid-box.tableList.loader tr td.delay3, .tableDetail.loader tr td.delay3, .flex-box.tableDetail.loader tr td.delay3, .grid-box.tableDetail.loader tr td.delay3 {
  -webkit-animation: shopLoader 1200ms ease infinite;
  animation: shopLoader 1200ms ease infinite;
}
.tableList.loader tr td.delay4, .flex-box.tableList.loader tr td.delay4, .grid-box.tableList.loader tr td.delay4, .tableDetail.loader tr td.delay4, .flex-box.tableDetail.loader tr td.delay4, .grid-box.tableDetail.loader tr td.delay4 {
  -webkit-animation: shopLoader 1500ms ease infinite;
  animation: shopLoader 1500ms ease infinite;
}
.tableList.loader tr td.delay5, .flex-box.tableList.loader tr td.delay5, .grid-box.tableList.loader tr td.delay5, .tableDetail.loader tr td.delay5, .flex-box.tableDetail.loader tr td.delay5, .grid-box.tableDetail.loader tr td.delay5 {
  -webkit-animation: shopLoader 1700ms ease infinite;
  animation: shopLoader 1700ms ease infinite;
}
.tableList.orderList tbody td.right, .tableList.orderList tbody td.right input, .flex-box.tableList.orderList tbody td.right, .flex-box.tableList.orderList tbody td.right input, .grid-box.tableList.orderList tbody td.right, .grid-box.tableList.orderList tbody td.right input, .tableDetail.orderList tbody td.right, .tableDetail.orderList tbody td.right input, .flex-box.tableDetail.orderList tbody td.right, .flex-box.tableDetail.orderList tbody td.right input, .grid-box.tableDetail.orderList tbody td.right, .grid-box.tableDetail.orderList tbody td.right input {
  text-align: right;
}
.tableList.orderList tbody td input, .flex-box.tableList.orderList tbody td input, .grid-box.tableList.orderList tbody td input, .tableDetail.orderList tbody td input, .flex-box.tableDetail.orderList tbody td input, .grid-box.tableDetail.orderList tbody td input {
  padding: 0.3846153846em !important;
  width: auto !important;
}
.tableList .inlineTable tbody tr td, .flex-box.tableList .inlineTable tbody tr td, .grid-box.tableList .inlineTable tbody tr td, .tableDetail .inlineTable tbody tr td, .flex-box.tableDetail .inlineTable tbody tr td, .grid-box.tableDetail .inlineTable tbody tr td {
  padding: 0 0.3846153846em 0 0 !important;
  border: 0;
  width: 33%;
  background: transparent !important;
}
.tableList .inlineTable tbody tr:hover, .flex-box.tableList .inlineTable tbody tr:hover, .grid-box.tableList .inlineTable tbody tr:hover, .tableDetail .inlineTable tbody tr:hover, .flex-box.tableDetail .inlineTable tbody tr:hover, .grid-box.tableDetail .inlineTable tbody tr:hover {
  background: transparent;
}
.tableList .inlineTable tbody tr:hover td, .flex-box.tableList .inlineTable tbody tr:hover td, .grid-box.tableList .inlineTable tbody tr:hover td, .tableDetail .inlineTable tbody tr:hover td, .flex-box.tableDetail .inlineTable tbody tr:hover td, .grid-box.tableDetail .inlineTable tbody tr:hover td {
  background: transparent;
}
.tableList.gewichtung tr td:last-child, .flex-box.tableList.gewichtung tr td:last-child, .grid-box.tableList.gewichtung tr td:last-child, .tableDetail.gewichtung tr td:last-child, .flex-box.tableDetail.gewichtung tr td:last-child, .grid-box.tableDetail.gewichtung tr td:last-child {
  vertical-align: top;
}
.tableList.gewichtung tr td:last-child, .flex-box.tableList.gewichtung tr td:last-child, .grid-box.tableList.gewichtung tr td:last-child, .tableDetail.gewichtung tr td:last-child, .flex-box.tableDetail.gewichtung tr td:last-child, .grid-box.tableDetail.gewichtung tr td:last-child {
  text-align: right;
}
.tableList.gewichtung .distTable, .flex-box.tableList.gewichtung .distTable, .grid-box.tableList.gewichtung .distTable, .tableDetail.gewichtung .distTable, .flex-box.tableDetail.gewichtung .distTable, .grid-box.tableDetail.gewichtung .distTable {
  width: 100%;
}
.tableList.gewichtung .distTable td, .flex-box.tableList.gewichtung .distTable td, .grid-box.tableList.gewichtung .distTable td, .tableDetail.gewichtung .distTable td, .flex-box.tableDetail.gewichtung .distTable td, .grid-box.tableDetail.gewichtung .distTable td {
  text-align: right;
  vertical-align: top;
  width: 33% !important;
}
.tableList.gewichtung .distTable span.distAnswer, .flex-box.tableList.gewichtung .distTable span.distAnswer, .grid-box.tableList.gewichtung .distTable span.distAnswer, .tableDetail.gewichtung .distTable span.distAnswer, .flex-box.tableDetail.gewichtung .distTable span.distAnswer, .grid-box.tableDetail.gewichtung .distTable span.distAnswer {
  display: block;
  font-weight: bold;
}
.tableList.gewichtung input, .flex-box.tableList.gewichtung input, .grid-box.tableList.gewichtung input, .tableDetail.gewichtung input, .flex-box.tableDetail.gewichtung input, .grid-box.tableDetail.gewichtung input {
  text-align: right;
}
.tableList.noHover td:hover, .tableList.noHover tr:hover td, .flex-box.tableList.noHover td:hover, .flex-box.tableList.noHover tr:hover td, .grid-box.tableList.noHover td:hover, .grid-box.tableList.noHover tr:hover td, .tableDetail.noHover td:hover, .tableDetail.noHover tr:hover td, .flex-box.tableDetail.noHover td:hover, .flex-box.tableDetail.noHover tr:hover td, .grid-box.tableDetail.noHover td:hover, .grid-box.tableDetail.noHover tr:hover td {
  background: #ffffff !important;
}

.grid-item .tableList {
  width: calc(100% + 3.0769230769em);
  margin-left: -1.5384615385em;
  border: none;
}

.tableDetail tbody tr:hover td, .flex-box.tableDetail tbody tr:hover td, .grid-box.tableDetail tbody tr:hover td {
  background: transparent;
  color: #191d23;
}

div.hierarchie {
  width: 100%;
  text-align: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 1.6666666667em;
  margin-bottom: 1.6666666667em;
}

table.hierarchie {
  width: 100%;
  text-align: center;
}

table.hierarchie a:after {
  content: "\a";
  white-space: pre;
}

table.hierarchie td {
  vertical-align: top;
}

.hierarchie a {
  border-radius: 50px;
  display: inline-block;
  padding: 0.8333333333em 1.25em;
  margin: 0.4166666667em;
  color: #fff;
  background-color: #63a300;
  text-decoration: none;
}

.hierarchie a:hover {
  text-decoration: underline;
  cursor: pointer;
}

body.login.error img.logo {
  display: block;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
  width: 150px;
  margin: 0 auto;
}
body.login.error #loginWrapper {
  margin-top: 50px;
  text-align: center;
  width: calc(100% - 100px);
  padding: 0 50px;
  display: block;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
}
body.login.error #loginWrapper h1 {
  font-size: 1.5em;
  font-weight: bold;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
}

body.login #content #loginWrapper {
  position: relative;
  -webkit-transform: none;
          transform: none;
}
body.login #content #loginWrapper h1, body.login #content #loginWrapper h2 {
  font-size: 18px;
}

/* ####################################################################################################################
Sortiment Admin
#################################################################################################################### */
.bubble, label.chanBubble span[attr-channel] {
  display: inline-block !important;
  background: #555;
  opacity: 0.8;
  color: #fff;
  width: auto !important;
  font-size: 0.9166666667em;
  padding: 0.4166666667em !important;
  border-radius: 0.4166666667em;
}
.bubble.active, label.chanBubble span[attr-channel].active {
  background: #669b15;
  opacity: 1;
}

.sortimentGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25% 25% 25% 25%;
  grid-template-columns: 25% 25% 25% 25%;
  margin: 1.1538461538em;
}
.sortimentGrid .sortimentDiv {
  border: 2px solid #191d23;
  border-right: 0 solid #191d23;
}
.sortimentGrid .sortimentDiv .bubble {
  margin-right: 0.2307692308em;
  margin-bottom: 0.2307692308em;
}
.sortimentGrid .sortimentDiv .bubble.alt {
  background: #c1922d;
}
.sortimentGrid .sortimentDiv a {
  display: block;
  position: relative;
  padding: 1.1538461538em 1.5384615385em;
  color: #191d23;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  font-weight: bold;
  text-decoration: none;
}
.sortimentGrid .sortimentDiv a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv a.active {
  background: #191d23;
  color: #fff;
}
.sortimentGrid .sortimentDiv a .up {
  position: absolute;
  right: 4.6153846154em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
  opacity: 0.7;
}
.sortimentGrid .sortimentDiv a .up:hover {
  opacity: 1;
  color: #669b15;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv a .down {
  position: absolute;
  right: 3.4615384615em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
  opacity: 0.7;
}
.sortimentGrid .sortimentDiv a .down:hover {
  opacity: 1;
  color: #669b15;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv a .edit {
  position: absolute;
  right: 0.7692307692em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
  opacity: 0.7;
}
.sortimentGrid .sortimentDiv a .edit:hover {
  opacity: 1;
  color: #669b15;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv.stage2 {
  border-radius: 0.1538461538em;
  overflow: hidden;
}
.sortimentGrid .sortimentDiv.stage3 {
  border-right: 2px solid #669b15;
}
.sortimentGrid .sortimentDiv.stage3 a {
  display: block;
  position: relative;
  padding: 1.1538461538em 1.5384615385em;
  color: #191d23;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  font-weight: bold;
  text-decoration: none;
}
.sortimentGrid .sortimentDiv.stage3 a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv.stage3 a.active {
  background: #191d23;
  color: #fff;
}
.sortimentGrid .sortimentDiv.stage3 a .up {
  position: absolute;
  right: 3.0769230769em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
}
.sortimentGrid .sortimentDiv.stage3 a .down {
  position: absolute;
  right: 1.9230769231em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
}
.sortimentGrid .sortimentDiv.stage3 a .edit {
  display: none;
}

/* ####################################################################################################################
AUTOCOMPLETE
#################################################################################################################### */
#autocomplete {
  z-index: 10;
  left: -5000px;
  position: absolute;
  border: 1px solid #888;
  background: #fff;
  margin: 0;
  padding: 0;
}

#autocomplete a {
  font-size: 90%;
  display: block;
  padding: 0.6153846154em 0.7692307692em;
  border-bottom: 1px solid #888;
}

#autocomplete a:hover {
  cursor: pointer;
}

.checkAutocomplete {
  color: #3eb256;
  position: absolute;
  right: 2.1538461538em;
  margin-top: 1.3076923077em;
}

.relative .checkAutocomplete {
  color: #3eb256;
  position: absolute;
  right: 6.9230769231em;
  margin-top: 1.3076923077em;
}

.ueberfaelligeOutlets {
  position: absolute;
  font-size: 80%;
  right: 1.1538461538em;
  bottom: 0.8461538462em;
  background: #669b15;
  text-decoration: none;
  color: #fff;
  padding: 0.3846153846em 1.1538461538em;
  border-radius: 2.2307692308em;
}
.ueberfaelligeOutlets:hover {
  background: #333;
  color: #fff;
}

/* ####################################################################################################################
POPUP
#################################################################################################################### */
body.pwpre #nav a, body.pwpre .reiter {
  display: none !important;
}

body.onepopup #nav, body.onepopup .reiter {
  display: none !important;
}
body.onepopup #content {
  width: auto;
  margin: 1.1538461538em;
}

.popup {
  bottom: 0;
  left: 0;
  top: 0;
  position: fixed;
  right: 0;
  z-index: 1000;
  background-color: rgba(51, 51, 51, 0.8);
  color: #fff;
  backdrop-filter: blur(10px);
  padding: 1.5384615385em;
}
.popup .wrapper {
  background: #fff;
  color: #333;
  max-height: 99%;
  position: absolute;
  overflow: hidden;
  overflow-y: auto;
}
.popup > span {
  right: 0.7692307692em;
  top: 0.7692307692em;
  position: absolute;
  font-size: 2.6153846154em;
}

#calendar.fc {
  background: #fff;
}
#calendar.fc .fc-toolbar-title {
  padding: 0.3846153846em 0.9230769231em;
}
#calendar.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
}
#calendar.fc .fc-timegrid-slot-label {
  padding-left: 0.9230769231em;
}
#calendar.fc .fc-button {
  background: transparent;
  font-weight: 700;
  display: inline-block;
  margin: 0.5384615385em;
  padding: 0.9230769231em 1.5384615385em;
  color: #191d23;
  border-radius: 0.1538461538em;
  text-decoration: none;
  line-height: 0;
  letter-spacing: 0.0153846154em;
  border: 1px solid transparent;
  border-color: #191d23;
  border-width: 1px;
  border-radius: 0.1538461538em;
  -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
}
#calendar.fc .fc-button:hover {
  color: #fff;
  background: #191d23;
}

a.gesperrt, a.gesperrt:hover {
  float: right;
  border: 0;
  margin-top: 1.9230769231em;
  padding: 0.3846153846em 0.7692307692em;
  font-size: 70%;
  color: #fff;
  border-radius: 2.2307692308em;
}
a.gesperrt.delete, a.gesperrt:hover.delete {
  background-color: #E74536;
}
a.gesperrt.green, a.gesperrt:hover.green {
  background-color: #3eb256;
}

/* ####################################################################################################################
MOBILE
#################################################################################################################### */
@media (max-width: 1200px) {
  body {
    font-size: 12px;
  }
  .zielChart .getZiel .circleFill {
    width: 4.6153846154em;
    height: 4.6153846154em;
  }
  .zielChart .getZiel .circleOverlay {
    top: 2.0769230769em;
    width: 3.8461538462em;
    height: 3.8461538462em;
  }
  .zielChart .getZiel .procent {
    top: 3.4615384615em;
  }
  .grid-item.grid-width-2 {
    width: 100%;
  }
}
@media (max-height: 700px) {
  body {
    font-size: 12.5px;
  }
  #nav a {
    margin: 0.3846153846em 0.7692307692em;
  }
  #nav a i {
    margin-top: 0.3846153846em;
  }
}
@media (max-width: 1000px) {
  .nomobile {
    display: none;
  }
  #nav a span {
    display: none;
  }
  .distTable td select, .distTable td input {
    font-size: 80%;
  }
  .tableList.gewichtung .inputLike {
    width: 20px !important;
  }
}
html, body {
  height: 100%;
}

#landscape {
  display: block;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #landscape {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #landscape {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}