@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900";
#user-avatar,
#notification-holder .notification-bullet,
#calls-holder .notification-bullet,
ul.pagination li a.active,
.section-tabs.section-tabs-count ul li.on a:after,
input[type="radio"] + i:before {
  background-color: #416dea !important;
}

#calls-holder .notification-bullet.green {
  background-color: green !important;
}

#new-ticket {
  background-color: #416dea !important;
}

#notification-holder .notification-list div.notification-inner div.notification-link div.notification-info i {
  color: #333333 !important;
}

/* Font-Color */
.route-bullet,
.phone-bullet,
.mail-bullet,
.section-tabs ul li.on a,
.section-tabs ul li.on > span,
#menu > ul > li > ul > li.on > a > i,
input[type="checkbox"] + label:before,
input[type="radio"] + label:before,
.cust-maincolor-color,
.head-icon {
  color: #416dea !important;
}

a {
  color: #416dea;
}

/* Border-Color */
.route-bullet,
.phone-bullet,
.mail-bullet,
.section-tabs ul li.on a,
select:active,
label.nicecheck input[type="checkbox"] + i:before,
.multi-menu ul li.on a,
.multi-menu ul li.on > span {
  border-color: #416dea !important;
}

#new-ticket:before {
  border-color: transparent #333333 transparent transparent !important;
}

#new-ticket:after {
  border-color: #333333 transparent transparent transparent !important;
}

@-webkit-keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #416dea;
  }
}

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #416dea;
  }
}

/* jquery datetimepicker */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #416dea;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #333333;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: 'icon-font';
  src: url("icon-font/icon-font.eot?hz71eb");
  src: url("icon-font/icon-font.eot?hz71eb#iefix") format("embedded-opentype"), url("icon-font/icon-font.ttf?hz71eb") format("truetype"), url("icon-font/icon-font.woff?hz71eb") format("woff"), url("icon-font/icon-font.svg?hz71eb#icon-font") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fire:before {
  content: "\e928";
}

.icon-fire_color span:first-child:before {
  content: "\e929";
  color: #ffa900;
}

.icon-fire_color span:nth-child(2):before {
  content: "\e92a";
  margin-left: -0.75em;
  color: #ff421d;
}

.icon-statistic:before {
  content: "\e927";
}

.icon-export:before {
  content: "\e900";
}

.icon-workshop:before {
  content: "\e901";
}

.icon-dossier:before {
  content: "\e902";
}

.icon-users:before {
  content: "\e903";
}

.icon-edit:before {
  content: "\e904";
}

.icon-insurance:before {
  content: "\e905";
}

.icon-dashboard:before {
  content: "\e906";
}

.icon-settings:before {
  content: "\e907";
}

.icon-waste:before {
  content: "\e908";
}

.icon-setting:before {
  content: "\e909";
}

.icon-success:before {
  content: "\e90a";
}

.icon-error:before {
  content: "\e90b";
}

.icon-warning:before {
  content: "\e90c";
}

.icon-user:before {
  content: "\e90d";
}

.icon-clock:before {
  content: "\e90e";
}

.icon-date:before {
  content: "\e90f";
}

.icon-puzzle:before {
  content: "\e910";
}

.icon-phone:before {
  content: "\e911";
}

.icon-dossier-empty:before {
  content: "\e912";
}

.icon-notification:before {
  content: "\e913";
}

.icon-caraccident:before {
  content: "\e914";
}

.icon-cardamage:before {
  content: "\e915";
}

.icon-mail:before {
  content: "\e916";
}

.icon-gutachter:before {
  content: "\e917";
}

.icon-mietwagen:before {
  content: "\e918";
}

.icon-person:before {
  content: "\e919";
}

.icon-staatsanwaltschaft:before {
  content: "\e91a";
}

.icon-abgeschlepptdurch:before {
  content: "\e91b";
}

.icon-aktendokumente:before {
  content: "\e91c";
}

.icon-autohaus:before {
  content: "\e91d";
}

.icon-filiale:before {
  content: "\e91e";
}

.icon-finanziertdurch:before {
  content: "\e91f";
}

.icon-view:before {
  content: "\e920";
}

.icon-download:before {
  content: "\e921";
}

.icon-invoice:before {
  content: "\e922";
}

.icon-team:before {
  content: "\e923";
}

.icon-file-empty:before {
  content: "\e924";
}

.icon-edit_box:before {
  content: "\e925";
}

.icon-edit1:before {
  content: "\e926";
}

.icon-location:before {
  content: "\e947";
}

.icon-search:before {
  content: "\e986";
}

.icon-lock:before {
  content: "\e98f";
}

.icon-unlocked:before {
  content: "\e990";
}

.icon-clipboard:before {
  content: "\e9b8";
}

.icon-list:before {
  content: "\e9bb";
}

.icon-star-full:before {
  content: "\e9d9";
}

.icon-question:before {
  content: "\ea09";
}

.icon-plus:before {
  content: "\ea0a";
}

.icon-minus:before {
  content: "\ea0b";
}

.icon-cross:before {
  content: "\ea0f";
}

.icon-checkmark:before {
  content: "\ea10";
}

.icon-sort-amount-asc:before {
  content: "\ea4c";
}

.icon-sort-amount-desc:before {
  content: "\ea4d";
}

.icon-libreoffice:before {
  content: "\eae3";
}

.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: 0;
}

.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_noselect::selection {
  background: transparent;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

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

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: .5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: .5;
  -ms-filter: "alpha(opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #3af;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: .5;
  -ms-filter: "alpha(opacity=50)";
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: .2;
  -ms-filter: "alpha(opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #3af !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans","Book Antiqua",sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa));
  background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
  background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0);
}

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF));
  background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -o-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: -ms-linear-gradient(top, #f4f8fa 0, #FFF 73%);
  background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0);
}

/* MAIN CSS FILE
	- Document: formate.css
	- Version:  1
	- Author:   mpunkt GmbH
*/
/* CSS DIRECTORY
	1. =GLOBAL
	2. =KENNZEICHNUNGEN
	3. =PRIMARY
	4. =HEADER
	5. =MAIN
	6. =FUNKTIONEN
	7. =SEITEN
*/
/* ===GLOBAL=== */
/*** Universelle Shorties ***/
/*** Icons ***/
.icon-info {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  font-size: 12px;
  margin: -1px;
  padding: 1px 0;
}

.vip {
  display: inline-block;
  height: 24px;
  width: 24px;
  position: relative;
  vertical-align: top;
  top: -4px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../img/icon-vip-crown.svg");
}

.vip:before {
  content: '';
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  bottom: -2px;
  left: -2px;
  z-index: 2;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../img/icon-vip-star.svg");
  -webkit-animation: rotatingStar 3s linear infinite;
  -moz-animation: rotatingStar 3s linear infinite;
  -o-animation: rotatingStar 3s linear infinite;
  animation: rotatingStar 3s linear infinite;
}

.vip:after {
  content: '';
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: -3px;
  left: 5px;
  z-index: 2;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../img/icon-vip-star.svg");
  -webkit-animation: rotatingStar 3s linear infinite -.2s;
  -moz-animation: rotatingStar 3s linear infinite -.2s;
  -o-animation: rotatingStar 3s linear infinite -.2s;
  animation: rotatingStar 3s linear infinite -.2s;
}

@-webkit-keyframes rotatingStar {
  0%, 60% {
    -webkit-transform: rotate(0deg) scale(0);
    -moz-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
  }
  80% {
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
    -moz-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0);
  }
}

@keyframes rotatingStar {
  0%, 90% {
    -webkit-transform: rotate(0deg) scale(0);
    -moz-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
  }
  95% {
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
    -moz-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0);
  }
}

legend .vip {
  top: 4px;
}

/*** Icon-Status ***/
.icon-status {
  display: inline-block;
  position: relative;
  width: 34px;
  height: 34px;
}

.icon-status:after {
  content: '';
  display: block;
  position: absolute;
  left: 3px;
  bottom: 3px;
  height: 28px;
  width: 28px;
  z-index: 1;
  background: #bdc3c7;
}

.icon-status:before {
  content: '';
  display: block;
  position: absolute;
  right: 3px;
  bottom: 3px;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 28px 28px;
  border-color: transparent transparent transparent transparent;
}

.icon-status.grey:after {
  background: #bdc3c7;
}

.icon-status.red:after {
  background: #E74C3C;
}

.icon-status.yellow:after {
  background: #f1c40f;
}

.icon-status.green:after {
  background: #86C129;
}

.icon-status.sub-grey:before {
  border-bottom-color: #bdc3c7;
}

.icon-status.sub-red:before {
  border-bottom-color: #E74C3C;
}

.icon-status.sub-yellow:before {
  border-bottom-color: #f1c40f;
}

.icon-status.sub-green:before {
  border-bottom-color: #86C129;
}

.icon-status[data-tippy] {
  border-bottom: 0 !important;
}

/*.icon-status.red:after {
  background: #E74C3C;
}

.icon-status.lightgreen-yellow:after {
  background-image: linear-gradient(135deg, #F0dF60 25%, #93E36D 25%, #93E36D 50%, #F0DF60 50%, #F0DF60 75%, #93E36D 75%, #93E36D 100%);
  background-size: 14.14px 14.14px;
}

.icon-status.lightgreen-white:after {
  background-image: linear-gradient(135deg, white 25%, #93E36D 25%, #93E36D 50%, white 50%, white 75%, #93E36D 75%, #93E36D 100%);
  background-size: 14.14px 14.14px;
}

.icon-status.lightgreen-red:after {
  background-image: linear-gradient(135deg, #E74C3C 25%, #93E36D 25%, #93E36D 50%, #E74C3C 50%, #E74C3C 75%, #93E36D 75%, #93E36D 100%);
  background-size: 14.14px 14.14px;
}

.icon-status.grey-white:after {
  background-image: linear-gradient(135deg, lightgrey 25%, white 25%, white 50%, lightgrey 50%, lightgrey 75%, white 75%, white 100%);
  background-size: 14.14px 14.14px;
}*/
/*.icon-status.lightgreen:after {
  background: #93E36D;
}

.icon-status.green:after {
  background: #1CB606;
}*/
.icon-status > i {
  pointer-events: none;
}

.icon-status i.leftbox,
.icon-status i.botbox {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-style: solid;
  border-color: #3C3C3C;
}

.icon-status i.leftbox {
  height: 100%;
  width: 12px;
  border-width: 3px 0 0 3px;
}

.icon-status.icon-status-anwalt i.leftbox {
  width: 19px;
}

.icon-status.icon-status-versicherung i.leftbox {
  width: 14px;
}

.icon-status.icon-status-abgeschlossen i.leftbox {
  width: 22px;
}

.icon-status.icon-status-gutachter i.leftbox {
  width: 13px;
}

.icon-status.icon-status-mandant i.leftbox {
  width: 18px;
}

.icon-status.icon-status-polizei i.leftbox {
  width: 15px;
}

.icon-status i.botbox {
  height: 12px;
  width: 100%;
  border-width: 0 3px 3px 0;
}

.icon-status.icon-status-versicherung i.botbox {
  height: 14px;
}

.icon-status.icon-status-abgeschlossen i.botbox {
  height: 22px;
}

.icon-status.icon-status-gutachter i.botbox {
  height: 20px;
}

.icon-status.icon-status-polizei i.botbox {
  height: 15px;
}

.icon-status.icon-status-mandant i.botbox {
  height: 13px;
}

.icon-status i.imgbox {
  display: block;
  height: 19px;
  width: 19px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.icon-status.icon-status-anwalt i.imgbox {
  background-image: url("../img/icon-status-anwalt.png");
}

.icon-status.icon-status-autohaus i.imgbox,
.icon-status.icon-status-own_file i.imgbox {
  background-image: url("../img/icon-status-autohaus.png");
}

.icon-status.icon-status-versicherung i.imgbox {
  background-image: url("../img/icon-status-versicherung.png");
}

.icon-status.icon-status-abgeschlossen i.imgbox {
  background-image: url("../img/icon-status-abgeschlossen.png");
}

.icon-status.icon-status-gutachter i.imgbox {
  background-image: url("../img/icon-status-gutachter.png");
}

.icon-status.icon-status-gericht i.imgbox {
  background-image: url("../img/icon-status-gericht.png");
}

.icon-status.icon-status-polizei i.imgbox {
  background-image: url("../img/icon-status-polizei.png");
  height: 17px;
  width: 17px;
}

.icon-status.icon-status-mandant i.imgbox {
  background-image: url("../img/icon-status-mandant.png");
  height: 17px;
  width: 17px;
  right: -1px;
}

.icon-status i.status-notification {
  position: absolute;
  left: -3px;
  bottom: -3px;
  z-index: 2;
  height: 18px;
  width: 18px;
  background: #e20d18;
  font-size: 12px;
  color: #fff;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  line-height: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid white;
}

.icon-letter {
  height: 24px;
  width: 24px;
  line-height: 20px;
  text-align: center;
  border: 3px solid #fff;
  display: inline-block;
  vertical-align: baseline;
  font-family: 'Roboto', sans-serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.icon-big {
  height: 26px;
  width: 26px;
  line-height: 26px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  margin-left: 3px;
}

.completion-container {
  width: 34px;
  height: 34px;
  margin: 0 auto;
}

.completion-prec {
  position: relative;
  height: 34px;
  width: 34px;
  text-align: center;
  line-height: 30px;
  top: 0;
  font-size: 11px;
}

.completion-circle {
  position: relative;
  top: 3px;
  left: 3px;
  text-align: center;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background-color: white;
}

.completion-active-border {
  position: relative;
  text-align: center;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background-color: #666666;
  background-image: linear-gradient(162deg, transparent 50%, #dddfe2 50%), linear-gradient(90deg, #dddfe2 50%, transparent 50%);
}

.completion-active-border.deg-0 {
  background-image: linear-gradient(90deg, transparent 50%, #dddfe2 50%), linear-gradient(90deg, #dddfe2 50%, transparent 50%);
}

.completion-active-border.deg-90 {
  background-image: linear-gradient(180deg, transparent 50%, #dddfe2 50%), linear-gradient(90deg, #dddfe2 50%, transparent 50%);
}

.completion-active-border.deg-180 {
  background-image: linear-gradient(90deg, transparent 50%, #666666 50%), linear-gradient(90deg, #dddfe2 50%, transparent 50%);
}

.completion-active-border.deg-270 {
  background-image: linear-gradient(180deg, transparent 50%, #666666 50%), linear-gradient(90deg, #dddfe2 50%, transparent 50%);
}

.completion-active-border.deg-360 {
  background-image: linear-gradient(270deg, transparent 50%, #666666 50%), linear-gradient(90deg, #dddfe2 50%, transparent 50%);
}

/*** Sonstiges ***/
.middot-space {
  display: inline-block;
  margin: 0 6px;
  width: 3px;
  height: 3px;
  background-color: #757575;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.lighter {
  color: rgba(0, 0, 0, 0.45);
  font-weight: 500;
}

.lighter a {
  color: rgba(0, 0, 0, 0.45);
  opacity: 1;
}

.lighter a:hover {
  text-decoration: underline;
}

/*** Inputs ***/
input[type=text],
input[type=number],
input[type=password],
input[type=file],
textarea,
select {
  outline: 0;
  background: white;
  padding: 6px 10px;
  width: 100%;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: black;
  font-size: 14px;
}

input[type=text],
input[type=number],
input[type=password],
input[type=file],
textarea {
  -webkit-appearance: none;
}

option {
  font-weight: 500;
}

textarea {
  resize: vertical;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  border-color: black;
}

select[disabled],
input[disabled] {
  /*opacity:0.5;*/
}

input[readonly],
input[disabled],
select[readonly],
select[disabled],
textarea[readonly],
textarea[disabled] {
  background: #eee;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b7b7b7;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #b7b7b7;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #b7b7b7;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #b7b7b7;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

select.ui-datepicker-year {
  padding: 1px;
}

/*** Buttons ***/
input[type=submit], input[type=button], input[type=reset], button {
  outline: 0;
  border: 0;
  background: #E4E4E4;
  padding: 10px 8px;
  color: #4A4A4A;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover {
  background: #dcdcdc;
}

.flexbuttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flexbuttons > input:not(:last-child),
.flexbuttons > button:not(:last-child) {
  margin-right: 10px;
}

.fixwidth {
  width: 130px;
  font-size: 11px;
  font-size: 1.1rem;
}

.text-btn {
  font-weight: 700;
  cursor: pointer;
}

.text-btn.red {
  color: #F32C52;
}

.settings-btn {
  height: 35px;
  width: 35px;
  line-height: 12px;
  padding: 7px;
}

.settings-btn.active {
  color: white;
  background: #353535;
}

/*** Button Colors ***/
input[type=submit],
input[type=button],
input[type=reset],
button,
.button {
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: none;
  color: #202129;
  background-color: #f2f2f2;
  border: 0 none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  /*line-height: 1.3;
    line-height: 42px;*/
  min-height: 36px;
  min-width: 36px;
  padding: 10px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  -webkit-box-shadow: 0 0 0 #e4e4e4;
  box-shadow: 0 0 0 #e4e4e4;
}

input[type=submit].button-icon-only,
input[type=button].button-icon-only,
input[type=reset].button-icon-only,
button.button-icon-only,
.button.button-icon-only {
  line-height: 40px;
  padding-top: 2px;
}

input[type=submit].small,
input[type=button].small,
input[type=reset].small,
button.small,
.button.small {
  padding: 5px 18px;
  margin-left: 10px;
  min-height: 26px;
}

input[type=submit].reduce,
input[type=button].reduce,
input[type=reset].reduce,
button.reduce,
.button.reduce {
  padding: 9px 12px 8px 12px;
}

input[type=submit].large,
input[type=button].large,
input[type=reset].large,
button.large,
.button.large {
  padding: 0 10px;
  min-height: auto;
  line-height: 30px;
  font-size: 12px;
}

input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
button:hover,
.button:hover {
  opacity: .85;
  -webkit-box-shadow: 2px 5px 10px #e4e4e4;
  box-shadow: 2px 5px 10px #e4e4e4;
}

input[type=submit]:active,
input[type=button]:active,
input[type=reset]:active,
button:active,
.button:active {
  opacity: .75;
}

input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
button:disabled,
.button:disabled {
  opacity: .2;
  cursor: not-allowed;
}

input[type=submit].red,
input[type=button].red,
input[type=reset].red,
button.red,
.button.red {
  color: white;
  background: #F32C52;
}

input[type=submit].orange,
input[type=button].orange,
input[type=reset].orange,
button.orange,
.button.orange {
  color: white;
  background: #F0Ad4D;
}

button.orange.hover-orange svg {
  fill: white;
}

input[type=submit].blue,
input[type=button].blue,
input[type=reset].blue,
button.blue,
.button.blue {
  color: white;
  background: #416dea;
}

input[type=submit].turquoise,
input[type=button].turquoise,
input[type=reset].turquoise,
button.turquoise,
.button.turquoise {
  color: white;
  background: #1abc9c;
}

input[type=submit].green,
input[type=button].green,
input[type=reset].green,
button.green,
.button.green {
  color: white;
  background: #3dd28d;
}

input[type=submit].hover-red:hover,
input[type=button].hover-red:hover,
input[type=reset].hover-red:hover,
button.hover-red:hover,
.button.hover-red:hover {
  color: white;
  background: #F32C52;
}

input[type=submit].hover-orange:hover,
input[type=button].hover-orange:hover,
input[type=reset].hover-orange:hover,
button.hover-orange:hover,
.button.hover-orange:hover {
  color: white;
  background: #F0Ad4D;
}

input[type=submit].hover-green:hover,
input[type=button].hover-green:hover,
input[type=reset].hover-green:hover,
button.hover-green:hover,
.button.hover-green:hover {
  color: white;
  background: #3dd28d;
}

.floating-button-holder {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*** Inputs - small ***/
.input-wrap-small {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.input-wrap-small select {
  position: relative;
  cursor: pointer;
  left: -4px;
  padding: 0;
  border: 0;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  font-size: 14px;
}

/*** input wrap ***/
.input-wrap {
  width: 100%;
  overflow: hidden;
}

.input-wrap > label {
  float: left;
  width: 190px;
  padding-top: 7px;
  cursor: pointer;
}

.input-wrap > div {
  overflow: hidden;
}

.input-wrap > div > input:not([type="checkbox"]):not([type="radio"]),
.input-wrap > div > select,
.input-wrap > div > textarea {
  width: 100%;
  max-width: 250px;
}

.input-wrap > div > input:not([type="checkbox"]):not([type="radio"]),
.input-group > div > input:not([type="checkbox"]):not([type="radio"]),
.input-wrap > div > select {
  height: 33px;
}

.input-wrap > div > input[type=month], .input-wrap > div > input[type=year] {
  padding: 0 12px;
}

.input-wrap > div > input[type="checkbox"],
.input-wrap > div > input[type="radio"] {
  margin-top: 7px;
}

.input-limiter {
  max-width: 250px;
}

.overlay-body .input-wrap {
  display: flex;
  align-items: center;
}

.overlay-body .input-wrap > label {
  width: 150px;
  padding-top: 0;
}

.overlay-body .input-wrap > div {
  flex: 1;
}

.overlay-body .input-wrap > div > input:not([type="checkbox"]):not([type="radio"]),
.overlay-body .input-wrap > div > select,
.overlay-body .input-wrap > div > textarea {
  max-width: 999px;
}

.overlay-body .input-group {
  max-width: 999px !important;
}

.overlay-body .input-group > div.input-group-append > select {
  margin-left: 10px;
}

.overlay-body .input-limiter {
  max-width: 999px !important;
}

/*** input error ***/
.input-wrap.err > label,
.field-wrap.err label {
  color: #e74c3c;
}

.input-wrap.err > div > input:not([type="checkbox"]):not([type="radio"]),
.input-wrap.err > div > select,
.input-wrap.err textarea,
.field-wrap.err input:not([type="checkbox"]):not([type="radio"]),
.field-wrap.err select {
  color: #e74c3c;
  border-color: #e74c3c;
}

.optional-container {
  position: relative;
}

.optional-container.cols:after {
  left: 1em;
  right: 1em;
}

.overlay-body .section-add-file-dialog {
  padding: 0;
  overflow: hidden;
}

.overlay-body .section-add-file-dialog .section-tabs > ul {
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}

.overlay-body .section-add-file-dialog .section-content {
  border: 0;
}

/*** Checkbox und Radio ***/
label.nicecheck {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

label.nicecheck input[type="checkbox"] {
  display: none;
}

label.nicecheck input[type="checkbox"] + i {
  display: inline-block;
  height: 18px;
  width: 18px;
  position: relative;
  border: 1px solid #747474;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

label.nicecheck input[type="checkbox"]:disabled + i {
  /*opacity:.3;
    cursor: not-allowed;*/
  background: #eee;
  border-color: #bdbdbd;
}

label.nicecheck input[type="checkbox"] + i:before {
  content: '';
  display: block;
  height: 8px;
  width: 19px;
  background: white;
  position: absolute;
  left: 13px;
  top: 2px;
  z-index: 1;
  border-style: solid;
  border-width: 0 0 3px 3px;
  /*    border-color: #34495E;*/
  -webkit-box-shadow: 3px 3px 0 0 white;
  box-shadow: 3px 3px 0 0 white;
  -webkit-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
  -o-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
  transform: translate(-50%, -50%) scale(0) rotate(-45deg);
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

label.nicecheck.bg-green input[type="checkbox"] + i:before {
  background: #DCEDC2;
  -webkit-box-shadow: 3px 3px 0 0 #DCEDC2;
  box-shadow: 3px 3px 0 0 #DCEDC2;
}

label.nicecheck.bg-red input[type="checkbox"] + i:before {
  background: #FFAAA6;
  -webkit-box-shadow: 3px 3px 0 0 #FFAAA6;
  box-shadow: 3px 3px 0 0 #FFAAA6;
}

label.nicecheck.bg-blue input[type="checkbox"] + i:before {
  background: #f7f7f7;
  -webkit-box-shadow: 3px 3px 0 0 #f7f7f7;
  box-shadow: 3px 3px 0 0 #f7f7f7;
}

table.list tbody > * label.nicecheck input[type="checkbox"] + i:before {
  background: #f7f7f7;
  -webkit-box-shadow: 3px 3px 0 0 #f7f7f7;
  box-shadow: 3px 3px 0 0 #f7f7f7;
}

table.list tbody > *:nth-child(2n - 1) label.nicecheck input[type="checkbox"] + i:before {
  background: #f5f8fe;
  -webkit-box-shadow: 3px 3px 0 0 #f5f8fe;
  box-shadow: 3px 3px 0 0 #f5f8fe;
}

table.list:not(#table_buchungen) tbody tr:hover:not(.nohover-nopointer) label.nicecheck input[type="checkbox"] + i:before {
  background: #F0F0F0 !important;
  -webkit-box-shadow: 3px 3px 0 0 #F0F0F0 !important;
  box-shadow: 3px 3px 0 0 #F0F0F0 !important;
}

label.nicecheck input[type="checkbox"]:checked + i:before {
  -webkit-transform: translate(-50%, -50%) scale(1) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) scale(1) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) scale(1) rotate(-45deg);
  -o-transform: translate(-50%, -50%) scale(1) rotate(-45deg);
  transform: translate(-50%, -50%) scale(1) rotate(-45deg);
}

label.nicecheck input[type="checkbox"] + i:after {
  content: '';
  display: block;
  height: 10px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

label.nicecheck input[type="checkbox"]:checked + i:after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

label.nicecheck input[type="radio"] {
  display: none;
}

label.nicecheck input[type="radio"] + i {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  border: 1px solid #757575;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

label.nicecheck input[type="radio"]:disabled + i {
  /*    opacity:.3;
        cursor: not-allowed;*/
  background: #eee;
}

label.nicecheck input[type="radio"]:checked + i {
  border-color: #34495E;
}

label.nicecheck input[type="radio"] + i:before {
  content: '';
  display: block;
  background: #34495E;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

label.nicecheck input[type="radio"]:checked + i:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

/* Switch Checkbox */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  width: 37px;
  margin-left: 5px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

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

input:checked + .slider {
  background-color: #3dd28d;
}

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

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

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

div.input-icon {
  position: relative;
  max-width: 250px;
}

div.input-icon i {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 18px;
  opacity: .5;
  pointer-events: none;
}

div.input-icon i.icon-cancel {
  cursor: pointer;
}

div.input-icon input {
  padding-right: 30px;
}

@-webkit-keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #ccc;
  }
}

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #ccc;
  }
}

/*** Fieldset ***/
fieldset {
  position: relative;
  margin-bottom: 10px;
  padding: 37px 20px 0 20px;
  border: 0;
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

fieldset > legend {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 37px;
  background: #efefef;
}

fieldset:not(.closed) > legend {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

fieldset:not(.nofold) > legend {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

fieldset:not(.nofold) > legend:before {
  content: "";
  display: block;
  z-index: 5;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 16px;
  right: 20px;
  background: transparent;
  border-top: 2px solid #7F7F7F;
  border-right: 2px solid #7F7F7F;
  webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

fieldset.closed:not(.nofold) > legend:before {
  top: 13px;
  webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.overlay-body fieldset > legend h3 {
  padding: 0 1em;
  line-height: 37px;
  font-size: 16px;
}

fieldset > legend h3,
.section-body fieldset > legend h3 {
  color: #333333;
  margin: 0;
  padding: 0 1em;
  line-height: 2.1em;
  font-weight: 500;
}

fieldset > legend > h2 {
  padding: 0.6em 1.4em;
  margin: 0;
}

fieldset > legend button {
  position: absolute;
  top: -5px;
  right: 10px;
  border-right: 6px solid white;
  border-left: 6px solid white;
}

body:not(.winload) fieldset.closed div.fieldset-content {
  display: none;
}

.overlay fieldset > legend {
  cursor: auto;
}

.overlay fieldset > legend > .button {
  position: absolute;
  right: 15px;
  top: 5px;
}

.overlay fieldset > legend:before {
  display: none;
}

/*** Filter ***/
.filter-wrap div {
  padding: 0;
}

.filter-wrap div:first-of-type {
  width: calc(100% - 33px);
}

.filter-wrap div:first-of-type select, .filter-wrap div:first-of-type select input {
  width: calc(100% - 1rem) !important;
}

.filter-wrap div:first-of-type input {
  display: none;
}

.filter-wrap div:last-of-type button {
  height: 33px;
  width: 33px;
  max-height: 33px;
  min-height: 0;
  min-width: 0;
  line-height: 0;
  padding: 0;
}

#add-filter-team-head {
  position: relative;
  width: 220px;
  margin: 0 0.3em;
}

/*** Font Colors ***/
.yellow {
  color: #f1c40f;
}

.orange {
  color: #e67e22;
}

.red {
  color: #e74c3c;
}

.pink {
  color: #ED4E6E;
}

.purple {
  color: #8e44ad;
}

.blue {
  color: #3498db;
}

.turquoise {
  color: #1abc9c;
}

.green {
  color: #86C129;
}

.brown {
  color: #816D62;
}

.black {
  color: black;
}

.white {
  color: white;
}

ul.treelist {
  margin: 0;
  padding: 0;
}

ul.treelist li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
}

ul.treelist li > span,
ul.treelist li > a {
  margin: 0;
  padding: 3px 0;
  display: block;
}

ul.treelist li > span,
ul.treelist li > a {
  margin: 0;
  padding: 5px 0;
  display: block;
}

ul.treelist li ul {
  margin: 0 0 0 33px;
  padding: 0;
}

ul.treelist li ul li {
  position: relative;
}

ul.treelist li ul li:before {
  content: '';
  display: block;
  height: 34px;
  width: 13px;
  border-left: 1px solid #707070;
  border-bottom: 1px solid #707070;
  position: absolute;
  left: -21px;
  bottom: 15px;
}

ul.treelist li ul li:first-child:before {
  height: 24px;
}

ul.treelist li small {
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

/*** fileupload ***/
.file-icon {
  position: relative;
  display: block;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 0 !important;
  direction: ltr;
  cursor: pointer;
  height: 0;
}

/*** button bei bild hinzufügen ***/
button#add-img {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

button#add-img > span {
  display: block;
  padding-top: 10px;
  font-size: 60px;
  opacity: .5;
}

/*** Flex Row ***/
.flex-col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.flex-col > * {
  margin-right: 20px;
}

.flex-col > *:last-child {
  margin-right: 0;
}

/*** Alerts ***/
.alert {
  position: relative;
  margin: 10px 0;
  padding: 10px 10px 10px 45px;
  font-size: 1.3rem;
  background-color: white;
  color: #111;
  font-weight: 400;
  text-transform: none;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.05);
}

.alert:before {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-family: "icon-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  width: 1.8em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  height: 100%;
  left: -3px;
  top: 0;
  bottom: 0;
  padding: 0 7px;
  font-size: 2rem;
}

.alert a {
  font-weight: bold;
  color: #867f7f;
}

.alert.alert-error:before {
  content: "\e90b";
  background-color: #F32C52;
  color: white;
}

.alert.alert-warning:before {
  content: "\e90c";
  background-color: #f0ad4e;
  color: white;
}

.alert.alert-success:before {
  content: "\e90a";
  background-color: #3dd28d;
  color: white;
}

#vorsteuer-alert,
#zahlungen-alert {
  background-color: #f0ad4d;
  border-color: #f0ad4d;
  color: white;
  font-size: 1.3em;
  margin: 0 20px;
}

#vorsteuer-alert,
#zahlungen-alert > .flex-col {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 10px;
}

/* ===KENNZEICHNUNGEN=== */
/*** Pins ***/
#map .pin {
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

.pin.plus:after {
  content: '\e815';
  position: absolute;
  top: 0;
  right: -2px;
  display: inline-block;
  font-family: "toolits";
  width: 17px;
  height: 17px;
  background-color: #57b114;
  color: white;
  font-style: normal;
  line-height: 17px;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  font-size: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

.pin .pin-inner {
  display: inline-block;
  position: relative;
}

#map .pin .pin-inner {
  cursor: pointer;
}

.pin .pin-inner:after {
  content: attr(data-value);
  position: absolute;
  top: 3px;
  left: 4px;
  display: block;
  width: 27px;
  height: 27px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-style: normal;
  line-height: 27px;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#map .pin .pin-inner:after {
  top: 8px;
}

/* Pin kleiner */
#list_map_ticket .pin .icon-pin,
table .pin .icon-pin {
  font-size: 30px;
}

#list_map_ticket .pin .pin-inner:after,
table .pin .pin-inner:after {
  top: 2px;
  left: 3px;
  width: 18px;
  height: 18px;
  line-height: 20px;
  font-size: 11px;
  font-weight: 500;
}

.pin .icon-pin {
  display: block;
  position: relative;
  font-size: 43px;
}

.pin .icon-pin:before {
  margin: 0;
  display: inline;
}

.pin .icon-pin.prio-3 {
  color: #e20d18;
}

.pin .icon-pin.prio-2 {
  color: #ffd839;
}

.pin .icon-pin.prio-1 {
  color: #416dea;
}

/*** Prio-Status-Box ***/
.prio-status-box {
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 34px;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.prio-status-box .prio-bullet {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 1.2rem;
}

.prio-status-box span,
.prio-status-box div {
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  display: inline-block;
}

.prio-status-box span:nth-child(2),
.prio-status-box div:nth-child(2) {
  position: relative;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 23px;
  vertical-align: middle;
  margin-left: 8px;
  padding-left: 10px;
}

.prio-status-box select {
  display: inline-block;
  padding: 2px 5px;
  margin-left: 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.nr {
  font-size: 18px;
  font-size: 1.8rem;
  color: #95989A;
  font-weight: 700;
}

/*** Icons / Bullets ***/
.route-bullet,
.phone-bullet,
.mail-bullet {
  height: 31px;
  width: 31px;
  line-height: 26px;
  text-align: center;
  display: inline-block;
  text-indent: -1px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: white;
  border: 3px solid #ccc;
}

.route-bullet.small,
.phone-bullet.small,
.mail-bullet.small {
  height: 20px;
  width: 20px;
  line-height: 18px;
  border: 2px solid #ccc;
}

.phone-bullet {
  font-size: 1.2em;
}

.phone-bullet.small {
  font-size: 0.8em;
}

.mail-bullet {
  text-indent: 0;
}

.route-bullet.small {
  font-size: 1.2rem;
  line-height: 17px;
}

.cust-bullet {
  height: 16px;
  width: 16px;
  font-size: 8px;
  line-height: 17px;
  text-align: center;
  color: white;
  background: black;
  background: rgba(0, 0, 0, 0.54);
  display: inline-block;
  margin-right: 4px;
  text-indent: -0.5px;
  vertical-align: bottom;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.prio-bullet {
  display: inline-block;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
  color: white;
  font-weight: 500;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 22px;
  text-align: center;
  font-style: normal;
  background-color: #777;
}

.prio-bullet.small {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.prio-bullet.high {
  background-color: #e20d18;
}

.prio-bullet.mid {
  background-color: #ffd839;
}

.prio-bullet.low {
  background-color: #416dea;
}

/* ===PRIMARY=== */
/*** tile-wrap ***/
.tile-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.tile-wrap > * {
  height: 0;
  width: 20%;
  padding-bottom: 20%;
  position: relative;
}

.tile-wrap > * > * {
  position: absolute;
  top: 5px;
  right: 5px;
  left: 5px;
  bottom: 5px;
}

.filling-bgimg {
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ccc;
}

/* Fixes for IE < 8 */
@media screen {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

/* Wenn kein Logo vorhanden */
.fileinput-button > .file-icon > button {
  height: 44px;
  width: 44px;
  font-size: 0;
  opacity: .75;
}

.fileinput-button:hover > .file-icon > button {
  opacity: 1;
}

.fileinput-button > .file-icon > button > i {
  font-size: 27px;
  text-indent: -10px;
  opacity: .5;
}

/* Wenn Logo vorhanden */
.file-icon > img {
  display: block;
  position: relative;
  z-index: 3;
  height: 44px;
  width: auto;
  background: white;
}

.file-icon > .file-controls,
.attachment .file-controls {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  height: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.attachment .file-controls {
  left: auto;
  right: 0;
  height: auto;
}

.file-icon:hover > .file-controls,
.touchevents .file-icon > .file-controls,
.attachment:hover .file-controls {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.file-icon > .file-controls > button,
.attachment .file-controls button {
  display: block;
  width: 22px;
  height: 22px;
  background: transparent;
  padding: 0;
  color: white;
}

.attachment .file-controls button {
  width: 40px;
  height: 40px;
  font-size: 20px;
}

.no-touchevents .file-icon > .file-controls > button:hover {
  background: black;
  background: rgba(0, 0, 0, 0.6);
}

/* ===HEADER=== */
#menu-toggle {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 20px 2px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 48px;
  font-weight: 700;
  color: #7F7F7F;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

#menu-toggle .menu-desktop > span {
  position: relative;
  padding-left: 14px;
}

#menu-toggle .menu-desktop > span:before {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: transparent;
  z-index: 5;
  border-top: 2px solid #7F7F7F;
  border-right: 2px solid #7F7F7F;
  webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

#menu-toggle > .menu-resp {
  display: none;
}

#menu-toggle > .menu-desktop span:after {
  content: "einklappen";
}

/*** Menu ***/
#menu-wrap {
  position: fixed;
  top: 55px;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: white;
  width: 235px;
}

#settings-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background: #353535;
  height: 60px;
  color: #95A5A6;
}

#settings-menu b {
  color: white;
}

#user-panel {
  height: 100%;
  padding: 14px;
  cursor: pointer;
  position: relative;
}

#user-avatar {
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #cccccc;
  height: 32px;
  width: 32px;
  line-height: 38px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}

#user-panel > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0;
}

#menu-wrap:hover #user-panel > div {
  padding-right: 20px;
}

#user-panel > div:after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  height: 6px;
  width: 6px;
  border-style: solid;
  border-color: white;
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  -webkit-transition: transform .25s ease;
  -moz-transition: transform .25s ease;
  -ms-transition: transform .25s ease;
  -o-transition: transform .25s ease;
  transition: transform .25s ease;
}

.touchevents #user-panel.on > div:after,
.no-touchevents #user-panel:hover > div:after {
  -webkit-transform: translateY(-50%) rotate(225deg);
  -moz-transform: translateY(-50%) rotate(225deg);
  -ms-transform: translateY(-50%) rotate(225deg);
  -o-transform: translateY(-50%) rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
}

#user-panel > div > span {
  display: block;
  line-height: 2em;
  vertical-align: middle;
  font-size: 1.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 167px;
  padding-left: 10px;
  flex: 1;
}

#user-avatar i {
  font-size: 18px;
  color: white;
  line-height: 30px;
}

/*** User Menu ***/
#user-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 5;
  width: 100%;
  background: #353535;
  margin: 0;
  padding: 0;
}

.no-touchevents #user-panel:hover #user-menu,
.touchevents #user-panel.on #user-menu {
  display: block;
}

#user-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#user-menu li a {
  display: block;
  padding: 10px 20px;
  color: white;
  opacity: .7;
  background: white;
  background: rgba(255, 255, 255, 0);
}

.no-touchevents #user-menu li a:hover {
  opacity: 1;
  background: white;
  background: rgba(255, 255, 255, 0.05);
}

#status-switch {
  float: right;
  height: 100%;
  width: 160px;
  background: black;
  background: rgba(0, 0, 0, 0.2);
}

#status-switch > div {
  width: 50%;
  height: 100%;
  float: left;
  padding: 15px 0 15px 20px;
}

#status-switch > #switch-wrap {
  text-align: center;
  padding: 15px;
}

#switch-wrap .switch {
  display: inline-block;
  margin-top: 7px;
}

#user-menu .menu-status-switch {
  display: none;
}

#online-watchlist {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 2;
  background: #F8F8F8;
  padding: 17px 20px 17px;
  height: 46px;
  line-height: 12px;
}

#online-watchlist > i {
  height: 12px;
  width: 12px;
  background: #65D412;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

#menu {
  height: 100%;
  overflow-y: auto;
  padding-top: 60px;
  border-right: 1px solid #dddfe2;
}

#menu ul {
  margin: 0;
  padding: 0;
}

#menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1em;
}

#menu ul li#menu-quick-search {
  padding: 12px 20px 0 20px;
  margin-bottom: -12px;
}

#menu ul li#menu-quick-search .short {
  display: none;
}

@media screen and (max-width: 1550px) {
  #menu ul li#menu-quick-search {
    padding-left: 0;
    padding-right: 0;
  }
  #menu ul li#menu-quick-search .input-wrap {
    display: none;
  }
  #menu ul li#menu-quick-search .input-wrap.short {
    display: block;
    padding-left: 0;
    padding-right: 3px;
  }
  #menu ul li#menu-quick-search .input-wrap.short input {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    font-size: 0;
  }
  #menu-wrap:hover #menu ul li#menu-quick-search {
    padding: 12px 20px 0 20px;
  }
  #menu-wrap:hover #menu ul li#menu-quick-search .input-wrap {
    display: block;
  }
  #menu-wrap:hover #menu ul li#menu-quick-search .input-wrap.short {
    display: none;
  }
}

.no-touchevents #menu ul li:not(.on) > a:hover {
  background: #F8F8F8;
  background: rgba(0, 0, 0, 0.03);
}

#menu ul li.on > a {
  background: #F8F8F8;
  background: rgba(0, 0, 0, 0.06);
  font-weight: bold;
}

#menu > ul > li > span {
  display: block;
  padding: 30px 20px 10px;
  text-transform: uppercase;
  font-weight: 700;
}

#menu > ul > li > span.short {
  display: none;
}

#menu > ul > li > ul > li > a {
  padding: 10px 20px;
  display: block;
  border-bottom: 1px solid #E4E4E4;
  color: #7B7B7B;
  font-weight: 400;
}

#menu > ul > li:last-child > ul > li:last-child > a {
  border-bottom: 0 solid #E4E4E4;
}

#menu > ul > li > ul > li > a > i,
#menu > ul > li > ul > li > a > svg,
#menu > ul > li > ul > li > ul > li > a > i {
  display: inline-block;
  margin-right: 16px;
  width: 27px;
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
  color: #ccc;
  font-size: 18px;
  text-indent: -2px;
  text-align: center;
}

#menu > ul > li > ul > li > a > span {
  display: inline-block;
  vertical-align: middle;
}

/*Submenü*/
#menu li.has-sub ul {
  display: none;
}

#menu li.has-sub ul li a {
  padding: 20px;
  display: block;
  background: rgba(0, 0, 0, 0.03);
  color: #7B7B7B;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#menu li.has-sub ul li a:hover {
  background: #efeded !important;
}

#menu li.has-sub.open ul {
  display: block;
}

#menu-toggle > .menu-resp .hamburger {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
}

#menu-toggle > .menu-resp .hamburger-box {
  width: 18px;
  height: 15px;
  display: inline-block;
  position: relative;
}

#menu-toggle > .menu-resp .hamburger-inner {
  display: block;
  top: 9px;
}

#menu-toggle > .menu-resp .hamburger-inner,
#menu-toggle > .menu-resp .hamburger-inner:before,
#menu-toggle > .menu-resp .hamburger-inner:after {
  position: absolute;
  width: 17px;
  height: 2px;
  background-color: #7F7F7F;
}

#menu-toggle > .menu-resp .hamburger-inner:before,
#menu-toggle > .menu-resp .hamburger-inner:after {
  content: "";
  display: block;
}

#menu-toggle > .menu-resp .hamburger-inner:before {
  top: -10px;
}

#menu-toggle > .menu-resp .hamburger-inner {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu-toggle > .menu-resp .hamburger-inner:before {
  opacity: 0;
}

#menu-toggle > .menu-resp .hamburger-inner:after {
  bottom: 0;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* Main Ticket button (Schadensakte) */
#new-ticket {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 210px;
  height: 50px;
  opacity: 1;
  border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
}

#new-ticket > span {
  line-height: 45px;
  color: white;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#new-ticket > span > span {
  font-size: 19px;
  line-height: 4px;
  vertical-align: middle;
  margin-right: 8px;
}

/* Weitere Ticket Typen */
#additional-ticket-types {
  position: absolute;
  top: 100%;
  right: 10px;
  left: 10px;
  z-index: 1;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#additional-ticket-types > button {
  display: block;
  width: 100%;
  background: #2a4ba9;
  color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#additional-ticket-types > button:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

#additional-ticket-types > button:hover {
  opacity: 1;
  background: #4264bd;
}

/*** Suche ***/
#search-bullet {
  display: inline-block;
  vertical-align: middle;
  line-height: 37px;
  background-color: #416dea;
  cursor: pointer;
  text-align: center;
  height: 35px;
  width: 35px;
  color: white;
  margin-right: 16px;
  font-size: 17px;
  border: 1px solid #416dea;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#search-bullet.active {
  background-color: transparent;
  color: #416dea;
}

#search-wrap {
  position: fixed;
  top: 55px;
  right: 0;
  left: 250px;
  z-index: 10;
  border-bottom: 1px solid #dddfe2;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.search-open #search-wrap {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

#search-wrap > i {
  position: absolute;
  top: 50%;
  left: 26px;
  z-index: 2;
  font-size: 1.8rem;
  color: #b7b7b7;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#search-wrap input#search {
  border: 0;
  outline: 0;
  font-size: 1.8rem;
  padding: 19px 26px 19px 50px;
  background: #f9f9f9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* ===MAIN=== */
#form-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

/*** Breadcrumb ***/
.breadcrumb {
  font-size: 13px;
  font-size: 1.3rem;
  color: #6e7072;
  margin-bottom: 10px;
  width: 100%;
}

.breadcrumb > ul {
  padding: 0;
  display: inline-block;
  margin: 0 0 0 3px;
}

.breadcrumb > ul > li {
  margin: 0;
  padding: 0;
  display: inline-block;
  list-style: none;
  color: black;
}

.breadcrumb > ul > li:after {
  content: '\e804';
  display: inline-block;
  font-family: "toolits";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.breadcrumb > ul > li:last-child:after {
  display: none;
}

/*** Contentboxen ***/
#maincontent {
  width: 100%;
}

.bigger {
  font-size: 1.14em;
}

.section-content {
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dddfe2;
}

.section-content:not(:last-child) {
  margin-bottom: 40px;
}

.section-head {
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.section-head h1,
.section-head h2,
.section-head h3 {
  margin-top: 0;
  line-height: 1.2em;
  margin-bottom: 0;
}

.section-head h1 small,
.section-head h2 small,
.section-head h3 small {
  opacity: 0.54;
  display: block;
  font-weight: 500;
}

.section-head h1 > span,
.section-head h2 > span,
.section-head h3 > span {
  display: inline-block;
  vertical-align: middle;
}

.section-head h2 > svg {
  margin-right: 0.3em;
  vertical-align: bottom;
}

/*** sticky header ***/
.section-head-sticky {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  text-align: center;
  padding: 10px 20px;
  background: white;
  border-radius: 3px;
  border: 1px solid #dddfe2;
  box-shadow: lightgrey 3px 3px 5px;
  border-top: 0;
}

.sticky {
  z-index: 13;
  position: sticky;
  margin-bottom: 40px;
  top: 55px;
  background-color: white;
}

.section-head-btn-holder [class*="icon-"],
.section-head-btn-holder [class*="svg-"] {
  display: inline-block;
  height: 36px;
  width: 36px;
  padding: 10px 8px;
  margin-right: 5px;
  font-size: 16px;
  border-radius: 50%;
  background-color: #416dea;
  color: white;
  text-align: center;
}

.ico-divider-left:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 25px;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 15px;
  vertical-align: middle;
}

.head-icon {
  display: inline-block;
  vertical-align: bottom;
  font-size: 18px;
  line-height: 20px;
  margin-right: 0.5em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.head-button {
  margin-left: 10px;
}

.side-buttons-resp {
  display: none;
}

.side-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.side-buttons > * {
  margin-bottom: 20px;
}

.side-buttons > *:not(:last-child) {
  margin-right: 15px;
}

.sidenote {
  font-size: 12px;
  font-size: 1.2rem;
  color: #757575;
}

.section-tabs-border {
  box-shadow: 0 5px 10px rgba(22, 22, 22, 0.05);
  -webkit-box-shadow: 0 5px 10px rgba(22, 22, 22, 0.05);
}

.section-tabs {
  position: relative;
  padding: 0;
  overflow-x: auto;
}

#additional-files .section-tabs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#additional-files .section-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.section-tabs ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.section-tabs ul li {
  background: #f5f5f5;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top: 1px solid #dddfe2;
  border-left: 1px solid #dddfe2;
  border-right: 1px solid #dddfe2;
  margin-right: 2px;
  padding: 0;
  list-style: none;
  /*display:-webkit-box;*/
  /*display:-moz-box;*/
  /*display:-ms-flexbox;*/
  /*display:-webkit-flex;*/
  /*display:flex;*/
  /*-webkit-box-align:center;*/
  /*-ms-flex-align:center;*/
  /*align-items:center;*/
}

.section-tabs ul li:last-child {
  margin-right: 0;
}

.section-tabs ul li a,
.section-tabs ul li > span {
  display: block;
  position: relative;
  padding: 10px 15px;
  text-transform: uppercase;
  color: black;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  white-space: nowrap;
  cursor: pointer;
}

.section-tabs ul li.on {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.section-tabs ul li.on a {
  color: #ccc;
}

.section-tabs.section-tabs-count ul li a[data-count]:after {
  content: attr(data-count);
  display: inline-block;
  position: relative;
  top: -2px;
  height: 15px;
  margin-left: 3px;
  color: #4A4A4A;
  font-weight: 500;
  font-size: 10px;
  padding: 0 5px;
  line-height: 16px;
  text-align: center;
  background-color: #E4E4E4;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.section-tabs.section-tabs-count ul li.on a:after {
  color: white;
  font-weight: 400;
}

.section-tabs .mCSB_dragger_bar {
  display: none;
}

.section-tabs.scrollable:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
}

.horizontal-scroll-wrapper > * {
  overflow-y: hidden;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.horizontal-scroll-wrapper > *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.horizontal-scroll-wrapper > *::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}

.horizontal-scroll-wrapper > *::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
  outline: 0;
  cursor: pointer;
}

.section-body {
  padding: 20px;
}

.section-body-user {
  padding: 0;
}

.section-sidebar .section-body {
  font-size: 0.85em;
}

.section-head + .section-body {
  padding-top: 0;
}

.section-body h1,
.section-body h2,
.section-body h3 {
  margin: 0 0 20px;
}

.section-sidebar .section-body small {
  display: inline-block;
  font-size: 0.9em;
  margin: 5px 0;
}

.dark {
  background: #353535;
  color: white;
  border-top: 1px solid #dddfe2;
}

.section-head.dashboard {
  cursor: pointer;
  max-height: 200px;
}

.section-head.dashboard h1,
.section-head.dashboard h2,
.section-head.dashboard h3 {
  position: relative;
}

.section-head.dashboard h1:before,
.section-head.dashboard h2:before,
.section-head.dashboard h3:before {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 5px;
  right: -15px;
  background: transparent;
  z-index: 5;
  border-top: 2px solid #7F7F7F;
  border-right: 2px solid #7F7F7F;
  webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.section-head.dashboard.open h1:before,
.section-head.dashboard.open h2:before,
.section-head.dashboard.open h3:before {
  webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.section-head button {
  vertical-align: top;
}

.section-head i[class*=icon],
.section-head.dashboard i[class*=icon],
legend i[class*=icon] {
  margin-right: 0.4em;
}

.section-head i[class*=icon-waste],
.section-head i[class*=icon-setting] {
  margin-right: 0;
}

.section-head.dashboard + .section-body {
  opacity: 0;
  display: none;
}

.section-head.dashboard.open + .section-body {
  opacity: 1;
  display: block;
}

div.dashboard.section-tabs.section-tabs-status,
.section-tabs.section-tabs-status {
  padding: 0;
  position: relative;
  margin-bottom: -1px;
  z-index: 1;
}

div.dashboard.section-tabs.section-tabs-status.open {
  display: block;
}

div.dashboard.section-tabs ul {
  overflow: hidden;
}

div.dashboard.section-tabs ul li {
  background: #f5f5f5;
  border: 1px solid #dddfe2;
}

div.dashboard.section-tabs.section-tabs.section-tabs-status ul li a.status-high {
  color: #ccc;
}

div.dashboard.section-tabs ul li.on,
.section-tabs ul li.on {
  background: white;
  border-bottom: 0;
}

div.dashboard.section-tabs.section-tabs-status a.status-low,
div.dashboard.section-tabs.section-tabs-status a.company-tab {
  border-bottom: none;
}

/*.route-bullet,
.phone-bullet,
.mail-bullet,
.section-tabs ul li.on a,
select:active, input[type="checkbox"] + label:after,
.multi-menu ul li.on a {
    padding-right:16px;
}*/
.tachos {
  text-align: center;
  margin: 30px 0;
}

.tacho-wrap {
  max-width: 350px;
  width: 30%;
  display: inline-block;
  text-align: center;
}

.tacho-wrap img {
  width: 100%;
  margin-bottom: 10px;
}

/*** Cols ***/
.cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: -1em;
  margin-right: -1em;
}

.cols > * {
  margin-top: .4em;
  margin-bottom: .4em;
  padding-right: 1em;
  padding-left: 1em;
}

.button-fix {
  padding-left: 0;
  padding-right: .4em;
}

.col-1 > * {
  width: 100%;
}

.col-2 > * {
  width: 50%;
}

.col-2 > *.colspan-2 {
  width: 100%;
}

.col-3 > * {
  width: 33.333333%;
}

.col-3.hergang {
  max-width: 75%;
}

.col-3.hergang > * {
  width: auto;
}

.col-3.hergang div:nth-child(2) {
  min-width: 400px;
}

.col-3.hergang div:first-child,
.col-3.hergang div:last-child {
  min-width: 120px;
}

.col-3 > *.colspan-2 {
  width: 66.666666%;
}

.col-3 > *.colspan-3 {
  width: 100%;
}

.col-4 > * {
  width: 25%;
}

.col-4 > *.colspan-2 {
  width: 50%;
}

.col-4 > *.colspan-3 {
  width: 75%;
}

.col-4 > *.colspan-4 {
  width: 100%;
}

/*** Textcols ***/
.txt-cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.txt-cols.txt-cols-centered {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.txt-cols > *:not(:last-child) {
  margin-right: 5px;
}

/*** field-wrap ***/
.field-wrap {
  margin: 10px 0;
}

.field-accordion {
  padding: 0 20px;
}

.field-wrap > small,
.field-wrap > label > small {
  display: block;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 900;
  font-size: 1.2rem;
  margin-bottom: 5px;
}

.field-wrap > strong {
  display: block;
  padding-top: 1.4rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 900;
  font-size: 1.5rem;
  margin-bottom: 5px;
}

/*** multi-container (tab-container) ***/
.multi-contents div.tabdiv {
  display: none;
}

.multi-contents div.tabdiv.on {
  display: block;
}

.multi-menu ul {
  margin: 0;
  padding: 0;
}

.multi-menu ul li {
  margin: 0 0 10px -1px;
  padding: 0;
  list-style: none;
  font-weight: 500;
}

.multi-menu ul li a {
  display: block;
  padding: 5px 15px;
  margin-left: 1px;
  border-left: 3px solid transparent;
  color: black;
  opacity: .54;
}

.multi-menu ul li.on a {
  border-color: #ccc;
  opacity: 1;
}

/*** Kommentare ***/
.comments-wrap .comment {
  padding: 20px 0;
  border-bottom: 1px solid #e7e7e7;
}

.comments-wrap .comment:last-child {
  border-bottom: 0;
}

.comments-wrap .comment .user-info {
  overflow: hidden;
  margin-bottom: 10px;
  padding-left: 40px;
  position: relative;
}

.comments-wrap .comment .user-info > i {
  height: 31px;
  width: 31px;
  border: 3px solid #7B7B7B;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 26px;
  color: #7B7B7B;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.comments-wrap .comment .user-info > span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: black;
  font-weight: 500;
  text-transform: none;
}

.comments-wrap .comment .user-info > span > small {
  color: #757575;
  display: block;
}

/**** sidebar-left ***/
.sidebar-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.sidebar-left > *:first-child {
  width: 220px;
}

.sidebar-left > *:last-child {
  border-left: 1px solid #E4E4E4;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* Ajax Overlay */
.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background: black;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.overlay .overlay-close {
  font-size: 16px;
  cursor: pointer;
  margin-top: 3px;
  display: block;
}

.overlay-container {
  position: relative;
  max-height: 95%;
  width: auto;
  min-width: 400px;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 auto 6px;
}

.overlay-header {
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  z-index: 3;
}

.overlay-footer {
  border-top: 1px solid #ccc;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  height: 68px;
  z-index: 3;
}

.overlay-header,
.overlay-body,
.overlay-footer {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  background: white;
  padding: 15px;
}

.overlay-body {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px 15px 77px 15px;
}

.overlay-body.no-footer {
  padding: 15px;
}

.team_user {
  display: inline-block;
  padding-top: 10px;
  width: 50%;
}

label.team-user.nicecheck {
  padding-bottom: 10px;
}

label.team-user.nicecheck input[type="radio"] + i {
  width: 24px;
  height: 24px;
  font-size: 10px;
  min-width: unset;
  min-height: unset;
  border: none;
  border-radius: 4px;
  background: #f2f2f2;
  color: #f2f2f2;
  font-family: 'icon-font' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 24px;
  padding-left: 6px;
  -webkit-font-smoothing: antialiased;
}

label.team-user.nicecheck input[type="radio"]:checked + i {
  background: #3dd28d;
  color: white;
}

label.team-user.nicecheck input[type="radio"] + i:before {
  background-color: transparent !important;
}

label.team-user.nicecheck input[type="radio"]:checked + i:before {
  content: "\ea10";
  -webkit-transform: translate(-6px, -12px);
  -moz-transform: translate(-6px, -12px);
  -ms-transform: translate(-6px, -12px);
  -o-transform: translate(-6px, -12px);
  transform: translate(-6px, -12px);
}

/*** table.list ***/
table.list {
  width: 100% !important;
  width: calc(100% + 40px) !important;
  margin-left: -20px;
  border-collapse: collapse;
  font-size: 14px;
  table-layout: fixed;
}

#list_open_payment_list table.list,
#list_neue_dokumente table.list {
  table-layout: initial;
}

table.list td {
  white-space: nowrap;
  overflow: hidden;
}

table.list th:first-child,
table.list td:first-child {
  padding-left: 20px;
}

table.list th:last-child,
table.list td:last-child {
  padding-right: 20px;
}

#document-table {
  max-width: 120px;
  white-space: nowrap;
}

table.list th,
table.list td {
  padding: 10px 6px 8px;
  border-bottom: 1px solid #E4E4E4;
}

table.list th {
  color: #7B7B7B;
  font-weight: 500;
  font-size: 1.4rem;
}

table.list td.table-cell-cols {
  overflow: hidden;
}

table.list td.table-cell-cols > div {
  float: left;
}

table.list td.table-cell-cols > div:not(:last-child) {
  margin-right: 15px;
}

table.list th:not(.tar):not(.tac) {
  text-align: left;
}

table.list.sortable thead th {
  width: 100%;
}

#list_open_payment_list table.list.sortable thead th,
#list_neue_dokumente table.list.sortable thead th {
  width: auto;
}

table.list.sortable thead.disabled {
  pointer-events: none;
  opacity: 0.5;
}

table.list.sortable th input {
  padding: 5px 10px;
  margin-top: 5px;
}

table.list.sortable th i {
  position: absolute;
  right: 5px;
  top: 13px;
  opacity: 0.7;
  pointer-events: none;
}

table.list.sortable th:not(.no-sort) {
  position: relative;
  /*padding-right: 20px;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

table.list th.sort-asc,
table.list th.sort-desc,
table.list th > div.sorting.sort-asc,
table.list th > div.sorting.sort-desc {
  color: black;
  position: relative;
  padding-right: 20px;
}

table.list th.sort-asc:after,
table.list th.sort-desc:after,
table.list th > div.sorting.sort-asc:after,
table.list th > div.sorting.sort-desc:after {
  position: absolute;
  display: inline-block;
  height: 12px;
  vertical-align: baseline;
  content: '\ea4c';
  font-family: "icon-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

table.list th.sort-desc:after,
table.list th > div.sorting.sort-desc:after {
  content: '\ea4d';
}

table.list td {
  font-weight: 500;
}

table.list tr:last-child td {
  border-bottom: 0 solid #E4E4E4;
}

table.list td small {
  font-size: .8em;
  color: rgba(0, 0, 0, 0.45);
}

table.list td a small {
  opacity: 1;
}

table.list td .route-bullet {
  float: left;
  margin-right: 6px;
}

table.list tr[onclick] {
  cursor: pointer;
}

table.list tr[onclick]:hover {
  background-color: #f5f5f5;
}

table.list button:not(:first-child) {
  margin-left: 5px;
}

/*table.list button:nth-child(3) {
    margin-top: 10px;
}*/
table.list:not(#kollisionen) tbody > *:nth-child(2n-1) {
  background: #f5f8fe;
}

table.list tbody tr.in-klage {
  background-color: #cde7f0 !important;
}

table.list tbody tr.active-reminder {
  background-color: #ff990075 !important;
}

table.list tbody tr.autarkic {
  background-color: #d4ffe8  !important;
}

table.list tbody tr.kollision {
  background-color: #e20d1840 !important;
}

table.list tbody tr.active-reminder {
  background-color: #ff990075 !important;
}

table.list:not(#table_buchungen) tbody tr.in-klage:hover:not(.nohover-nopointer) {
  background-color: #b5dbe8 !important;
}

table.list:not(#table_buchungen) tbody tr.autarkic:hover:not(.nohover-nopointer) {
  background-color: #c4f7db !important;
}

table.list:not(#table_buchungen) tbody tr.active-reminder:hover:not(.nohover-nopointer) {
  background-color: #ff99009c !important;
}

table.list:not(#table_buchungen) tbody tr.kollision:hover:not(.nohover-nopointer) {
  background-color: #e20d1860 !important;
}

table.list:not(#table_buchungen) tbody tr.active-reminder:hover:not(.nohover-nopointer) {
  background-color: #ff99009c !important;
}

.good {
  background: #C5EfC5;
}

.bad {
  background: #FFD2D2;
}

.inactive {
  opacity: .6;
}

table.list tr.inactive {
  cursor: pointer;
}

table#table_buchungen.list tr.active {
  background-color: #416dea;
  color: white;
}

table#table_buchungen.list tr.inactive {
  background-color: white;
  color: black;
  opacity: 1;
}

.color-show {
  width: 12px;
  height: 12px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

table.list h3 {
  font-size: 1em;
}

table.list button.button-icon-only {
  display: inline-block;
  line-height: 21px;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 10px;
  min-width: unset;
  min-height: unset;
}

/* Normale List, Grid List */
ul.grid-list,
ul.standard-list {
  margin: 0;
  padding: 0;
}

ul.grid-list li,
ul.standard-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.grid-list > li:not(:first-child),
ul.standard-list > li:not(:first-child) {
  margin-top: 15px;
}

ul.grid-list > li > span,
ul.standard-list > li > span {
  color: #7F7F7F;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 900;
  margin-top: 25px;
}

ul.grid-list > li:first-child,
ul.standard-list > li:first-child {
  margin-top: 0;
}

ul.grid-list > li > ul {
  margin: 10px 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.standard-list > li > ul {
  margin: 0;
  padding: 0;
}

ul.grid-list > li > ul > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50%;
  overflow: hidden;
  border-right: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  position: relative;
  padding: 10px 0;
  font-size: 1.3rem;
}

ul.standard-list > li > ul > li {
  position: relative;
  padding: 15px 0;
  font-size: 1.3rem;
}

ul.standard-list > li > ul > li p {
  margin: 0;
}

ul.standard-list > li > ul > li:not(:last-child) {
  border-bottom: 1px solid #E4E4E4;
}

ul.grid-list > li > ul > li:nth-child(2n) {
  border-right: none;
  padding-left: 10px;
}

ul.grid-list > li > ul > li:nth-last-child(1):first-child {
  border-right: 0;
}

ul.grid-list > li > ul > li:last-child,
ul.grid-list > li > ul > li:nth-last-child(2):nth-child(odd) {
  border-bottom: none;
}

ul.grid-list > li > ul > li .name-bullet,
.name-bullet {
  display: inline-block;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 31px;
  width: 31px;
  border: 3px solid #7B7B7B;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  color: #7B7B7B;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 1.1rem;
}

ul.grid-list > li > ul > li.cf .name-bullet {
  top: 10px;
}

ul.grid-list > li > ul > li span.name {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  color: black;
  font-weight: 500;
  text-transform: none;
}

ul.grid-list > li > ul > li span.name > small {
  display: block;
}

ul.grid-list.one-row > li > ul > li,
ul.grid-list.one-row > li > ul > li:nth-last-child(2):nth-child(odd) {
  width: 100%;
  overflow: hidden;
  border-right: none;
  border-bottom: 1px solid #E4E4E4;
  padding: 10px 0 10px 0;
}

ul.grid-list.one-row > li > ul > li:last-child {
  border-bottom: none;
}

.cust-maincolor-color {
  color: #cccccc;
}

/*** iframe-wrap ***/
.iframe-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 33%;
  padding-bottom: 375px;
}

.iframe-wrap > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

/* ===FUNKTIONEN=== */
/*** Switch ***/
.switch {
  position: relative;
  width: 30px;
  height: 16px;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.switch-bullet {
  background: #65D412;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%) translateX(25%);
  -moz-transform: translateY(-50%) translateX(25%);
  -ms-transform: translateY(-50%) translateX(25%);
  -o-transform: translateY(-50%) translateX(25%);
  transform: translateY(-50%) translateX(25%);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.switch.off .switch-bullet {
  background: #e74c3c;
  right: auto;
  left: 0;
  -webkit-transform: translateY(-50%) translateX(-25%);
  -moz-transform: translateY(-50%) translateX(-25%);
  -ms-transform: translateY(-50%) translateX(-25%);
  -o-transform: translateY(-50%) translateX(-25%);
  transform: translateY(-50%) translateX(-25%);
}

/*** Seitenschaltung ***/
.pager-n {
  text-align: right;
  width: 100%;
  display: block;
  margin-bottom: 6px;
  opacity: 0.7;
}

ul.pagination {
  display: block;
  margin: 0;
  padding: 0;
}

ul.pagination li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.pagination li a {
  display: block;
  height: 30px;
  min-width: 30px;
  line-height: 29px;
  text-align: center;
  color: black;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #E4E4E4;
  padding: 0 5px;
}

ul.pagination li a:hover {
  background: #dcdcdc;
}

/*** Temporäre Seitenschaltung für mehrere Inhalte einer Seite ***/
#temp-pageswitch {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  max-width: 300px;
  padding: 50px 15px 20px 15px;
  width: 100%;
  background-color: #fafafa;
  z-index: 100;
  border-left: 1px solid #dddfe2;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 250ms ease;
  -moz-transition: transform 250ms ease;
  -ms-transition: transform 250ms ease;
  -o-transition: transform 250ms ease;
  transition: transform 250ms ease;
}

#temp-pageswitch.tps-open {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

#temp-pageswitch > .tps-toggle {
  position: absolute;
  left: 0;
  top: 200px;
  width: 52px;
  height: 56px;
  cursor: pointer;
  background-color: #fafafa;
  font-size: 1.4em;
  color: black;
  text-align: center;
  padding: 20px 0;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  border-left: 1px solid #dddfe2;
  border-top: 1px solid #dddfe2;
  border-bottom: 1px solid #dddfe2;
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

#temp-pageswitch nav ul,
#temp-pageswitch nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}

#temp-pageswitch nav ul li:not(:last-child) {
  margin-bottom: 10px;
}

#temp-pageswitch nav ul li label {
  display: block;
  cursor: pointer;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  color: black;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  transition: all 250ms;
}

#temp-pageswitch nav ul li label:before,
#temp-pageswitch nav ul li label:after {
  content: none;
}

#temp-pageswitch nav ul li:hover label,
#temp-pageswitch nav ul li.active label {
  background-color: #ddd;
}

/*** Breadcrumb ***/
#bread-holder {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#bread-holder > #breadcrumb {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#breadcrumb {
  width: 100%;
  font-size: 1.3rem;
  color: #828282;
  margin-bottom: 10px;
}

#breadcrumb ul,
#breadcrumb ul li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#breadcrumb ul li {
  position: relative;
  padding-right: 15px;
}

#breadcrumb ul > li:not(:last-child):after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 6px;
  right: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #b3b5b7;
}

#breadcrumb ul > li:not(:first-child) {
  padding-left: 5px;
}

#breadcrumb ul li a {
  font-weight: 500;
  color: #828282;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#breadcrumb ul > li:last-child a {
  pointer-events: none;
  font-weight: 400;
}

#additional-files strong {
  font-size: 1.3rem;
}

/* ===SEITEN=== */
/*** Login ***/
#login {
  background-color: white;
  width: 100%;
  max-width: 400px;
  max-height: 100%;
  overflow-y: auto;
  padding: 80px 65px;
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  box-shadow: 0 5px 26px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#login input {
  width: 100%;
  margin-top: 11px;
  font-size: 15px;
}

#login input[type=submit] {
  font-size: inherit;
}

#login-logo img {
  max-width: 270px;
  width: 100%;
}

/*** Akkordion ***/
.accordion {
  position: relative;
  overflow: hidden;
  border: 1px solid #E4E4E4;
}

.accordion:not(:last-of-type) {
  margin-bottom: 15px;
}

.accordion .accordion-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px 20px;
}

.accordion .accordion-top .num {
  font-size: 22px;
  font-size: 2.2rem;
  color: #95989A;
  font-weight: 700;
  line-height: 35px;
  margin-right: 15px;
}

.accordion .accordion-top .accordion-head,
.accordion-head {
  font-size: 1.5rem;
  margin: 0;
  cursor: pointer;
}

.accordion .accordion-top .accordion-head small,
.accordion-head small {
  display: block;
  opacity: 0.54;
  font-weight: 500;
  font-size: 1.15rem;
  margin-top: 3px;
}

.accordion .accordion-top .prio-status-box {
  margin-left: 15px;
}

.accordion .accordion-top .accordion-toggle {
  position: relative;
  align-self: center;
  -webkit-align-self: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: auto;
}

.accordion .accordion-top .accordion-toggle:after {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  top: 8px;
  height: 6px;
  width: 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-4px) rotate(45deg);
  -moz-transform: translateY(-4px) rotate(45deg);
  -ms-transform: translateY(-4px) rotate(45deg);
  -o-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
  -webkit-transition: transform .25s ease;
  -moz-transition: transform .25s ease;
  -ms-transition: transform .25s ease;
  -o-transition: transform .25s ease;
  transition: transform .25s ease;
}

.accordion.open .accordion-top .accordion-toggle:after {
  -webkit-transform: translateY(0) rotate(-135deg);
  -moz-transform: translateY(0) rotate(-135deg);
  -ms-transform: translateY(0) rotate(-135deg);
  -o-transform: translateY(0) rotate(-135deg);
  transform: translateY(0) rotate(-135deg);
}

.accordion .accordion-inner {
  border-top: 1px solid #E4E4E4;
}

.accordion .field-wrap {
  margin: 15px 0;
}

.accordion .field-wrap.ticket-created {
  margin: 0;
  background-color: #F8F8F8;
  color: #414141;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #E4E4E4;
}

.accordion .field-wrap.ticket-contact > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 30px;
}

.accordion .field-wrap.ticket-contact > div:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.accordion .field-wrap.ticket-contact > div .route-bullet,
.accordion .field-wrap.ticket-contact > div .phone-bullet {
  height: 24px;
  width: 24px;
  border: 2px solid #ccc;
  font-size: 1.3rem;
  line-height: 21px;
}

.accordion .field-wrap.ticket-contact > div span {
  margin-left: 10px;
}

.accordion .field-wrap.ticket-contact > div span small,
.accordion .field-wrap.ticket-contact > div span a {
  font-size: 1.2rem;
  font-weight: 600;
}

.accordion .field-wrap.ticket-contact > div span small {
  color: rgba(0, 0, 0, 0.54);
}

.accordion .field-wrap.ticket-info {
  padding: 5px 20px 0 20px;
}

.accordion .field-wrap.ticket-info > header > h4 {
  margin: 0;
}

.accordion .field-wrap.ticket-info .field-wrap > span {
  font-size: 1.4rem;
}

/** Loader **/
.loader {
  margin: 20px 0;
  display: none;
}

.loader img,
.loader span {
  vertical-align: middle;
}

/*** Inputs - small ***/
.input-wrap-small {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.input-wrap-small select {
  position: relative;
  cursor: pointer;
  left: -4px;
  padding: 0;
  border: 0;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  font-size: 14px;
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group > input,
.input-group > select,
.input-group > .autocomplete-wrap {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1% !important;
  margin-bottom: 0;
}

.input-group > .autocomplete-wrap > input,
.input-group > .autocomplete-wrap > select {
  width: 100%;
  margin-bottom: 0;
}

.input-group > input:not(:first-child),
.input-group > select:not(:first-child),
.input-group > .autocomplete-wrap:not(:first-child) > input,
.input-group > .autocomplete-wrap:not(:first-child) > select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > input:not(:last-child),
.input-group > select:not(:last-child),
.input-group > .autocomplete-wrap:not(:last-child) > input,
.input-group > .autocomplete-wrap:not(:last-child) > select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-append,
.input-group-prepend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  border-radius: .25rem;
}

.input-group-button {
  padding: 0;
}

.input-group-button button {
  padding: 0 10px;
  min-height: 31px;
  line-height: 31px;
}

/*** Prio-Status-Box ***/
.prio-status-box {
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 34px;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.prio-status-box .prio-bullet {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 1.2rem;
}

.prio-status-box span {
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  display: inline-block;
}

.prio-status-box span:nth-child(2) {
  position: relative;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 23px;
  vertical-align: middle;
  margin-left: 8px;
  padding-left: 10px;
}

/*** Prio Edit-Status-Box ***/
.edit-prio-status-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 10px;
  width: 100%;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.edit-prio-status-box div:first-child {
  margin-right: 5px;
}

.edit-prio-status-box div select {
  padding: 6px;
}

/*** Akkordion ***/
.accordion {
  position: relative;
  overflow: hidden;
  border: 1px solid #E4E4E4;
}

.accordion .accordion-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px 20px;
}

.accordion .accordion-top .num {
  font-size: 22px;
  font-size: 2.2rem;
  color: #95989A;
  font-weight: 700;
  line-height: 35px;
  margin-right: 15px;
}

.accordion .accordion-top .accordion-head {
  font-size: 1.5rem;
  margin: 0;
}

.accordion .accordion-top .accordion-head small {
  display: block;
  opacity: 0.54;
  font-weight: 500;
  font-size: 1.15rem;
  margin-top: 3px;
}

.accordion .accordion-top .prio-status-box {
  margin-left: 15px;
}

.accordion .accordion-top .accordion-toggle {
  position: relative;
  align-self: center;
  -webkit-align-self: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: auto;
}

.accordion .accordion-top .accordion-toggle:after {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  top: 8px;
  height: 6px;
  width: 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
  border-width: 0 2px 2px 0;
  -webkit-transform: translateY(-4px) rotate(45deg);
  -moz-transform: translateY(-4px) rotate(45deg);
  -ms-transform: translateY(-4px) rotate(45deg);
  -o-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
  -webkit-transition: transform .25s ease;
  -moz-transition: transform .25s ease;
  -ms-transition: transform .25s ease;
  -o-transition: transform .25s ease;
  transition: transform .25s ease;
}

.accordion.open .accordion-top .accordion-toggle:after {
  -webkit-transform: translateY(0) rotate(-135deg);
  -moz-transform: translateY(0) rotate(-135deg);
  -ms-transform: translateY(0) rotate(-135deg);
  -o-transform: translateY(0) rotate(-135deg);
  transform: translateY(0) rotate(-135deg);
}

.accordion .accordion-inner {
  border-top: 1px solid #E4E4E4;
}

.accordion .field-wrap {
  margin: 15px 0;
}

.accordion .field-wrap.ticket-created {
  margin: 0;
  background-color: #F8F8F8;
  color: #414141;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #E4E4E4;
}

#list_map_ticket .accordion .field-wrap.ticket-contact {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  border-bottom: 1px solid #E4E4E4;
  padding: 10px 0;
}

.accordion .field-wrap.ticket-contact > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 30px;
}

.accordion .field-wrap.ticket-contact > div:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.accordion .field-wrap.ticket-contact > div .route-bullet,
.accordion .field-wrap.ticket-contact > div .phone-bullet {
  height: 24px;
  width: 24px;
  border: 2px solid #ccc;
  font-size: 1.3rem;
  line-height: 21px;
}

.accordion .field-wrap.ticket-contact > div span {
  margin-left: 10px;
}

.accordion .field-wrap.ticket-contact > div span small,
.accordion .field-wrap.ticket-contact > div span a {
  font-size: 1.2rem;
  font-weight: 600;
}

.accordion .field-wrap.ticket-contact > div span small {
  color: rgba(0, 0, 0, 0.54);
}

.accordion .field-wrap.ticket-info {
  padding: 5px 20px 0 20px;
}

.accordion .field-wrap.ticket-info > header > h4 {
  margin: 0;
}

.accordion .field-wrap.ticket-info .field-wrap > span {
  font-size: 1.4rem;
}

.list-record-detail {
  margin: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*** Kalender ***/
table.clndr {
  table-layout: fixed;
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: separate;
}

table.clndr tr th {
  font-weight: normal;
  padding: 10px;
}

#clndr > table {
  margin-bottom: 15px;
}

#clndr .month-head {
  font-size: 1.25em;
}

table.clndr tr td {
  text-align: center;
  padding: 0;
}

table.clndr tr td.current {
  background: white;
}

table.clndr tr td label {
  display: block;
  text-align: center;
  padding: 8px 10px;
  color: black;
  text-decoration: none;
  border: 0;
}

table.clndr tr td a {
  display: block;
  text-align: center;
  padding: 8px 10px;
  color: #aaa;
  text-decoration: none;
  border: 0;
}

table.clndr tr td.has-ticket label {
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 2px;
}

table.clndr tr td.today > label {
  background-color: #dedfe0;
  font-weight: 600;
}

table.clndr tr td input[type=text],
table.clndr tr td input[type=number] {
  background: transparent;
  padding: 1em;
  border: 0;
  margin: 0 auto;
  width: 100%;
  text-align: right;
  color: blue;
}

table.clndr div.day-ticket {
  line-height: 1em;
  margin: 0 2px;
}

table.clndr tr td.has-ticket label + div.day-ticket {
  margin-top: -1px;
}

table.clndr div.day-ticket:last-child {
  margin-bottom: 0;
}

/** Labels **/
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  cursor: pointer;
}

table.clndr .label {
  display: block;
  padding: 5px 2px;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 500;
}

.label-high {
  background-color: #d9534f;
}

.label-mid {
  background-color: #ffd839;
  color: black;
}

.label-low {
  background-color: #416dea;
}

.ui-tooltip {
  box-shadow: 0 0 0;
  background: white;
  opacity: 1;
  border-radius: 3px;
  border: 1px solid #ccc !important;
}

div.pin-monteure > div {
  text-align: center;
  font-size: 12px;
  padding: 5px;
  margin-bottom: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #353535;
  color: white;
}

div.pin-monteure > div.prio-progress {
  background: #2ecc71;
  color: white;
}

/** jquery Datetimepicker **/
.xdsoft_datetimepicker .xdsoft_month {
  text-align: left;
}

/** Progress bar **/
.progress-wrap {
  padding: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.progress-wrap > .progress-item {
  display: block;
  position: relative;
  padding: 20px 0;
}

.progress-wrap > .progress-item.inactive {
  opacity: .3;
}

.progress-wrap > .progress-item:hover {
  z-index: 3;
}

.progress-wrap > div.progress-item {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.progress-wrap > .progress-item > .progress-bullet {
  display: block;
  height: 70px;
  width: 70px;
  background: #DDE0E9;
  margin: 0 auto;
  color: #b1b1b1;
  font-size: 40px;
  position: relative;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.progress-wrap > .progress-item.progress-item-checkmark > .progress-bullet {
  background: transparent;
}

.progress-wrap > .progress-item > .progress-bullet .colorstatus {
  height: 24px;
  width: 24px;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.progress-wrap > .progress-item > .progress-bullet .colorstatus.red {
  background-color: #F32C52;
  color: white;
}

.progress-wrap > .progress-item > .progress-bullet .colorstatus.orange {
  background-color: #F0AD4E;
  color: white;
}

.progress-wrap > .progress-item > .progress-bullet .colorstatus.green {
  background-color: #87c02d;
  color: white;
}

.progress-wrap > .progress-item > .progress-bullet .icon-checkmark {
  color: #DDE0E9;
}

.progress-wrap > .progress-item > .progress-bullet .icon-checkmark.red {
  color: #F32C52;
}

.progress-wrap > .progress-item > .progress-bullet .icon-checkmark.orange {
  color: #F0AD4E;
}

.progress-wrap > .progress-item > .progress-bullet .icon-checkmark.green {
  color: #87c02d;
}

.progress-wrap > .progress-item:not(.inactive):hover > .progress-bullet > i[class*=icon] {
  opacity: 1;
}

.progress-wrap > .progress-item > .progress-bullet > i[class*=icon] {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #676767;
  opacity: .5;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.progress-wrap > .progress-item.progress-item-checkmark > .progress-bullet > i[class*=icon] {
  opacity: 1;
}

.progress-wrap > .progress-item > .progress-bar {
  display: block;
  height: 5px;
  background: #DDE0E9;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
}

.progress-wrap > div.progress-item:first-of-type > .progress-bar {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}

.progress-wrap > div.progress-item:last-of-type > .progress-bar {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.progress-wrap > .progress-item.current > .progress-bullet {
  background: #4B6DEF;
}

.progress-wrap > .progress-item.current > .progress-bar {
  background: #4B6DEF;
}

.progress-wrap > .progress-item.current > .progress-bullet > i[class*=icon] {
  color: white;
  opacity: 1;
}

/*.progress-wrap > .progress-item.past > .progress-bullet {
    background:#a5a5a5;
}
.progress-wrap > .progress-item.past > .progress-bar {
    background:#a5a5a5;
}*/
.progress-wrap > .progress-item.red > .progress-bullet {
  color: #e20d18;
}

.progress-wrap > .progress-item.orange > .progress-bullet {
  color: #f0ad4e;
}

.progress-wrap > .progress-item.green > .progress-bullet {
  color: #87c02d;
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 0;
  width: 0;
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet {
  height: 44px;
  width: 44px;
  background: #416dea;
  display: block;
  margin-top: -22px;
  margin-left: -22px;
  opacity: 0;
  pointer-events: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  position: absolute;
  left: 50%;
  top: 50%;
}

.progress-wrap > .progress-item:hover > .progress-bullet .sub-bullets-holder > .sub-bullet {
  opacity: 1;
  pointer-events: auto;
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet > i {
  font-size: 20px;
  color: white;
  line-height: 42px;
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet > span {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet > span > span {
  font-size: 16px;
  display: block;
  padding: 5px 10px;
  text-transform: uppercase;
  font-style: normal;
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet.text-left > span > span {
  left: auto;
  right: 100%;
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet:hover > span > span {
  font-weight: bold;
}

.progress-item > .progress-bullet .sub-bullet-0 {
  -webkit-transform: rotate(45deg) translateY(0px);
  -moz-transform: rotate(45deg) translateY(0px);
  -ms-transform: rotate(45deg) translateY(0px);
  -o-transform: rotate(45deg) translateY(0px);
  transform: rotate(45deg) translateY(0px);
}

.progress-item > .progress-bullet .sub-bullet-1 {
  -webkit-transform: rotate(135deg) translateY(0px);
  -moz-transform: rotate(135deg) translateY(0px);
  -ms-transform: rotate(135deg) translateY(0px);
  -o-transform: rotate(135deg) translateY(0px);
  transform: rotate(135deg) translateY(0px);
}

.progress-item > .progress-bullet .sub-bullet-2 {
  -webkit-transform: rotate(225deg) translateY(0px);
  -moz-transform: rotate(225deg) translateY(0px);
  -ms-transform: rotate(225deg) translateY(0px);
  -o-transform: rotate(225deg) translateY(0px);
  transform: rotate(225deg) translateY(0px);
}

.progress-item > .progress-bullet .sub-bullet-3 {
  -webkit-transform: rotate(315deg) translateY(0px);
  -moz-transform: rotate(315deg) translateY(0px);
  -ms-transform: rotate(315deg) translateY(0px);
  -o-transform: rotate(315deg) translateY(0px);
  transform: rotate(315deg) translateY(0px);
}

.progress-item:hover > .progress-bullet .sub-bullet-0 {
  -webkit-transform: rotate(45deg) translateY(-65px);
  -moz-transform: rotate(45deg) translateY(-65px);
  -ms-transform: rotate(45deg) translateY(-65px);
  -o-transform: rotate(45deg) translateY(-65px);
  transform: rotate(45deg) translateY(-65px);
}

.progress-item:hover > .progress-bullet .sub-bullet-1 {
  -webkit-transform: rotate(135deg) translateY(-65px);
  -moz-transform: rotate(135deg) translateY(-65px);
  -ms-transform: rotate(135deg) translateY(-65px);
  -o-transform: rotate(135deg) translateY(-65px);
  transform: rotate(135deg) translateY(-65px);
}

.progress-item:hover > .progress-bullet .sub-bullet-2 {
  -webkit-transform: rotate(225deg) translateY(-65px);
  -moz-transform: rotate(225deg) translateY(-65px);
  -ms-transform: rotate(225deg) translateY(-65px);
  -o-transform: rotate(225deg) translateY(-65px);
  transform: rotate(225deg) translateY(-65px);
}

.progress-item:hover > .progress-bullet .sub-bullet-3 {
  -webkit-transform: rotate(315deg) translateY(-65px);
  -moz-transform: rotate(315deg) translateY(-65px);
  -ms-transform: rotate(315deg) translateY(-65px);
  -o-transform: rotate(315deg) translateY(-65px);
  transform: rotate(315deg) translateY(-65px);
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet-0 > i, .progress-item > .progress-bullet .sub-bullet-0 > span {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet-1 > i, .progress-item > .progress-bullet .sub-bullet-1 > span {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet-2 > i, .progress-item > .progress-bullet .sub-bullet-2 > span {
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet-3 > i, .progress-item > .progress-bullet .sub-bullet-3 > span {
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
}

span.progress-bullet[data-tippy] {
  border-bottom: none;
}

/*** Clone-Model ***/
.clone_model {
  display: none;
}

.clone-item {
  position: relative;
  border-color: transparent;
}

.clone-new {
  text-align: center;
  cursor: pointer;
  color: #7c7c7c;
  margin: 1rem 0;
  padding: 20px;
  border: 1px solid #ccc;
}

.clone-new:hover {
  color: black;
  background: #eeeeee;
}

.clone-delete {
  position: relative;
  /*    height: 44px;
        width: 44px;
        text-align: center;

        font-size: 20px;*/
  cursor: pointer;
}

.clone-delete:hover {
  background: #ccc;
}

.clone-delete i.icon-arrow {
  height: 44px;
  width: 44px;
  display: block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 200ms ease-in-out;
  -moz-transition: 200ms ease-in-out;
  -ms-transition: 200ms ease-in-out;
  -o-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}

.clone-delete i.icon-arrow:before {
  content: "";
  display: block;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 20px;
  right: 18px;
  background: transparent;
  z-index: 5;
  border-top: 2px solid #7F7F7F;
  border-right: 2px solid #7F7F7F;
  webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.clone-delete.close i.icon-arrow {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

/*** clone-list ***/
.clone-list > *:not(.clone-new) {
  padding: 1rem;
  border: 1px solid #ccc;
  margin: 1rem 0;
}

.clone-list .clone-item:nth-of-type(even) {
  background-color: #f7f7f7;
}

.clone-list .clone-item:nth-of-type(even) div.input-wrap > label.nicecheck input[type="checkbox"] + i::before {
  background: #f7f7f7;
  -webkit-box-shadow: 3px 3px 0 0 #f7f7f7;
  box-shadow: 3px 3px 0 0 #f7f7f7;
}

/* Clone Model Mandant */
#additional-contact-possibilities.clone-list > fieldset {
  margin: 0 2px 10px;
  padding: 57px 20px 20px 20px;
  border: 0;
}

#additional-contact-possibilities #address,
#additional-contact-possibilities #phone,
#additional-contact-possibilities #email {
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  counter-reset: address-counter;
}

.overlay-body #additional-contact-possibilities #address,
.overlay-body #additional-contact-possibilities #phone,
.overlay-body #additional-contact-possibilities #email {
  margin: -20px;
}

#additional-contact-possibilities #address > .clone-item,
#additional-contact-possibilities #phone > .clone-item,
#additional-contact-possibilities #email > .clone-item {
  padding: 55px 20px 10px;
}

#additional-contact-possibilities #address > .clone-item > div,
#additional-contact-possibilities #phone > .clone-item > div,
#additional-contact-possibilities #email > .clone-item > div {
  overflow: hidden;
}

#additional-contact-possibilities #address > .clone-item > button,
#additional-contact-possibilities #phone > .clone-item > button,
#additional-contact-possibilities #email > .clone-item > button {
  position: absolute;
  right: 20px;
  top: 5px;
}

#additional-contact-possibilities #address .clone-item:nth-of-type(even),
#additional-contact-possibilities #phone .clone-item:nth-of-type(even),
#additional-contact-possibilities #email .clone-item:nth-of-type(even) {
  background: rgba(0, 0, 0, 0.05);
}

#additional-contact-possibilities #address .clone-item:not(:last-child),
#additional-contact-possibilities #phone .clone-item:not(:last-child),
#additional-contact-possibilities #email .clone-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#additional-contact-possibilities #address .clone-new,
#additional-contact-possibilities #phone .clone-new,
#additional-contact-possibilities #email .clone-new {
  margin: 10px auto;
  max-width: 250px;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: none;
  color: #202129;
  background-color: #f2f2f2;
  border: 0 none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  min-height: 36px;
  min-width: 36px;
  padding: 10px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  -webkit-box-shadow: 0 0 0 #e4e4e4;
  box-shadow: 0 0 0 #e4e4e4;
  color: white;
  background: #416dea;
}

/* Counter der Items der Clones */
#additional-contact-possibilities #address {
  counter-reset: address-counter;
}

#additional-contact-possibilities #phone {
  counter-reset: phone-counter;
}

#additional-contact-possibilities #email {
  counter-reset: email-counter;
}

#additional-contact-possibilities #address > .clone-item:before,
#additional-contact-possibilities #phone > .clone-item:before,
#additional-contact-possibilities #email > .clone-item:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 18px;
  font-weight: bold;
  color: #808596;
  opacity: .8;
}

#additional-contact-possibilities #address > .clone-item:before {
  counter-increment: address-counter;
  content: counter(address-counter) ".";
}

#additional-contact-possibilities #phone > .clone-item:before {
  counter-increment: phone-counter;
  content: counter(phone-counter) ".";
}

#additional-contact-possibilities #email > .clone-item:before {
  counter-increment: email-counter;
  content: counter(email-counter) ".";
}

.overlay-body #mitarbeiter:before {
  content: 'Mitarbeiter';
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  margin: 0.83em 0;
}

/* Tabelle Schadenpositionen Edit und View */
table tbody tr td .cols {
  /*    padding-left: 10px;*/
  padding-right: 10px;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}

table tbody tr td div.input-wrap div input,
table tbody tr td div.input-wrap div textarea,
table tbody tr td div.input-wrap div select {
  max-width: none !important;
  padding-left: 6px;
  padding-right: 6px;
  cursor: pointer;
}

.damage_deleted {
  text-decoration: line-through;
  opacity: .5;
}

.damage_deleted input[disabled],
.damage_deleted textarea[disabled],
.damage_deleted select[disabled] {
  cursor: not-allowed !important;
  text-decoration: line-through;
}

table.list.table-monetary {
  table-layout: auto;
}

table.list.table-monetary thead tr th {
  border-top: 0;
}

table.list.table-monetary tbody td {
  border-bottom: 0;
  padding: 0 6px;
}

table.list.table-monetary tbody td:last-child {
  padding-right: 20px;
  width: 44px;
}

table.list.table-monetary tbody td:first-child {
  padding-left: 20px;
}

table.list.table-monetary tbody > *:nth-child(2n - 1) {
  background: transparent;
}

table.list.table-monetary tbody:nth-child(2n) {
  background: rgba(0, 0, 0, 0.02);
}

table.list.table-monetary tbody.clone-item.open:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.075) !important;
}

table.list.table-monetary table.teilzahlungen thead th {
  text-transform: uppercase;
  font-size: .8em;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.45);
  padding: 0;
}

table.list.table-monetary table.teilzahlungen tbody td {
  padding: 10px 5px 0 0;
}

/*Schadensposition Eingegangene Zahlungen*/
#received_money.section-body .clone-delete:hover {
  background: lightgrey;
}

#received_money.section-body table.list tbody > *:nth-child(2n-1) {
  background: lightgrey;
}

#received_money.section-body table.list tbody > tr {
  height: 44px;
  background: lightgrey;
}

#received_money.section-body table.list tfoot td {
  padding: 10px 0;
}

#received_money.section-body .inner-section > div {
  background: #f5f8fe;
  padding: 16px 16px 16px 155px;
}

#received_money.section-body .inner-section > div table {
  width: 100%;
}

#received_money.section-body .inner-section > div table tr {
  background: #f5f8fe !important;
  border-bottom: #E4E4E4 1px solid;
}

#received_money.section-body .inner-section > div table tr:last-child {
  border-bottom: none;
}

#received_money.section-body .inner-section > div table thead tr th:first-child {
  padding-left: 10px;
}

#received_money.section-body .inner-section > div table tbody tr td {
  padding: 10px 6px 8px 6px;
}

#received_money.section-body .inner-section > div table tbody tr td:last-of-type {
  padding: 10px 20px 8px 6px;
}

#received_money.section-body .inner-section > div table tbody tr td:first-child {
  padding-left: 10px;
}

tbody.clone-item.open {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

tr.tr-info {
  display: none;
  padding: 0;
  margin: 0;
  border: 0;
}

tr.exported {
  color: rgba(0, 0, 0, 0.3);
}

tbody.open > tr.tr-info {
  display: table-row;
}

tr.tr-info > td {
  padding: 0;
  margin: 0;
  border: 0;
}

tbody.clone-list.edit,
tbody.clone-list.ausgabe {
  border-bottom: 1px solid #E4E4E4;
}

tbody.clone-list.edit.open,
tbody.clone-list.ausgabe.open {
  border-bottom: 0 !important;
}

td.green,
td.red,
td.orange {
  color: white;
  background: #86C129;
  border: 1px solid #E4E4E4;
}

td.red {
  background: #e74c3c;
}

td.orange {
  background: #f77214;
}

table#schaden td.red.err {
  position: relative;
}

table#schaden td.red.err:before {
  content: 'Die Minderung darf den noch offenen Betrag nicht überschreiten';
  position: absolute;
  top: -95px;
  left: -75px;
  right: -45px;
  padding: 15px;
  background: #fff5ab;
  color: #333;
  font-weight: 500;
  text-align: left;
  -webkit-box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.12);
}

table#schaden td.red.err:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #fff5ab;
  position: absolute;
  top: -29px;
  right: 15px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Schadenpositionen View*/
tr.honorar {
  border-left: 0;
  border-right: 0;
}

tbody.clone-list.ausgabe:nth-child(2n - 1) {
  background: rgba(0, 0, 0, 0.02);
}

tbody.clone-list.ausgabe tr:nth-child(2n - 1) td {
  border-bottom: 0;
}

tbody.clone-list.ausgabe tr,
tbody.clone-list.edit tr {
  border: 0;
}

tbody.clone-list.ausgabe,
tbody.clone-item.ausgabe,
tbody.clone-list.edit,
tbody.clone-item.edit {
  /*border-top:1px solid #E4E4E4;*/
  border-bottom: 1px solid #E4E4E4;
}

/*** optional-content ***/
.optional-content {
  display: none;
}

/*** Switch Content ***/
.switch-content .switch-menu ul,
.switch-content .switch-menu ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.switch-content .switch-menu ul {
  display: flex;
}

.switch-content .switch-menu ul li {
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid transparent;
  margin-bottom: -1px;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-size: 1.2rem;
}

.switch-content .switch-menu ul li.active {
  border: 1px solid #ccc;
  border-bottom: 1px solid white;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.switch-content .switch-list {
  border: 1px solid #ccc;
  padding: 20px;
}

.switch-content .switch-list *[data-sec] {
  display: none;
}

.switch-content .switch-list *[data-sec].active {
  display: block;
}

/*** Car Schema */
.car-schema-outer {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  opacity: 1;
  transition: all ease-in-out 300ms;
}

.car-schema-outer.disabled {
  pointer-events: none;
  opacity: .3;
}

.car-schema-wrap {
  /*margin-left:auto;
  margin-right:auto;*/
  max-width: 240px;
}

div.car-schema {
  margin: 40px 50px;
  width: 146px;
  height: 80px;
  position: relative;
  z-index: 1;
}

div.car-schema:before {
  content: '';
  width: 146px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;
}

div.car-schema.pkw:before {
  background-image: url("../img/car-neutral.svg");
}

div.car-schema.pkw.geschaedigter:before {
  background-image: url("../img/car-good.svg");
}

div.car-schema.pkw.gegner:before {
  background-image: url("../img/car-bad.svg");
}

div.car-schema.lkw:before {
  background-image: url("../img/truck-neutral.svg");
}

div.car-schema.lkw.geschaedigter:before {
  background-image: url("../img/truck-good.svg");
}

div.car-schema.lkw.gegner:before {
  background-image: url("../img/truck-bad.svg");
}

div.car-schema.fahrrad:before {
  background-image: url("../img/bicycle-neutral.svg");
}

div.car-schema.fahrrad.geschaedigter:before {
  background-image: url("../img/bicycle-good.svg");
}

div.car-schema.fahrrad.gegner:before {
  background-image: url("../img/bicycle-bad.svg");
}

div.car-schema.motorrad:before {
  background-image: url("../img/bike-neutral.svg");
}

div.car-schema.motorrad.geschaedigter:before {
  background-image: url("../img/bike-good.svg");
}

div.car-schema.motorrad.gegner:before {
  background-image: url("../img/bike-bad.svg");
}

div.car-schema.bus:before {
  background-image: url("../img/bus-neutral.svg");
}

div.car-schema.bus.geschaedigter:before {
  background-image: url("../img/bus-good.svg");
}

div.car-schema.bus.gegner:before {
  background-image: url("../img/bus-bad.svg");
}

div.car-schema.sonstiges:before {
  background-image: url("../img/others-neutral.svg");
}

div.car-schema.sonstiges.geschaedigter:before {
  background-image: url("../img/others-good.svg");
}

div.car-schema.sonstiges.gegner:before {
  background-image: url("../img/others-bad.svg");
}

div.car-schema.anhaenger:before {
  background-image: url("../img/trailer-neutral.svg");
}

div.car-schema.anhaenger.geschaedigter:before {
  background-image: url("../img/trailer-good.svg");
}

div.car-schema.anhaenger.gegner:before {
  background-image: url("../img/trailer-bad.svg");
}

div.car-schema > .nicecheck {
  position: absolute;
}

div.car-schema > .top {
  top: -30px;
}

div.car-schema > .top:not(.left):not(.right) {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

div.car-schema > .top.left,
div.car-schema > .top.right {
  top: -20px;
}

div.car-schema > .right {
  right: -10px;
}

div.car-schema > .bottom {
  bottom: -30px;
}

div.car-schema > .bottom:not(.left):not(.right) {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

div.car-schema > .bottom.left,
div.car-schema > .bottom.right {
  bottom: -20px;
}

div.car-schema > .left {
  left: -10px;
}

div.car-schema > .left:not(.top):not(.bottom) {
  top: 50%;
  left: -30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

div.car-schema > .right:not(.top):not(.bottom) {
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

div.car-schema {
  margin: 0;
  width: 100%;
  height: 0;
  padding-bottom: 70%;
}

div.car-schema:before {
  width: auto;
  height: auto;
  top: 25px;
  left: 20px;
  right: 20px;
  bottom: 25px;
}

div.car-schema > .top {
  top: 0;
}

div.car-schema > .top.left {
  top: 6px;
  left: 19px;
}

div.car-schema > .top.right {
  top: 6px;
  right: 19px;
}

div.car-schema > .right:not(.top):not(.bottom) {
  right: 0;
}

div.car-schema > .bottom {
  bottom: 0;
}

div.car-schema > .bottom.left {
  bottom: 6px;
  left: 19px;
}

div.car-schema > .bottom.right {
  bottom: 6px;
  right: 19px;
}

div.car-schema > .left:not(.top):not(.bottom) {
  left: 0;
}

div.car-schema > .abs > .icon-cross {
  display: block;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* Autocomplete */
.autocomplete-wrap {
  position: relative;
  width: 100%;
  /*max-width: 250px;*/
  /* Sprungmarke TMP */
}

.autocomplete-big .autocomplete-wrap {
  max-width: 9999px;
}

.autocomplete-wrap i {
  position: absolute;
  right: 6px;
  top: 50%;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.autocomplete-wrap i.icon-search {
  pointer-events: none;
}

.autocomplete-wrap i.icon-cross {
  cursor: pointer;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background: white;
  cursor: default;
  margin: 0;
  padding: 0;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ccc;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.ui-autocomplete > .ui-menu-item {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.ui-autocomplete > .ui-menu-item > a {
  display: block;
  color: black;
  padding: 10px 15px;
  cursor: pointer;
}

.ui-autocomplete > .ui-menu-item > a:hover {
  background: #007fff;
}

.ui-autocomplete > .ui-menu-item .ui-state-active,
.ui-autocomplete > .ui-menu-item .ui-widget-content .ui-state-active {
  background: #007fff;
  color: white;
}

.ui-helper-hidden-accessible {
  display: none !important;
}

/** Sortable **/
.sortable-holder {
  display: flex;
  flex-wrap: wrap;
}

.sortable-holder > * {
  width: 50%;
  margin: 0;
  padding-right: 10px;
}

.sortable-holder > *:nth-child(2n) {
  padding-right: 0;
}

.sortable-list-holder {
  height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}

.sortable-wrapper {
  background-color: white;
  border: 1px solid #dddddd;
  list-style-type: none;
  padding: 5px 0;
  margin: 0;
  height: 350px;
}

.sortable-list .sortable {
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 1.2em;
  cursor: pointer;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.sortable-header {
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 1.2em;
  cursor: pointer;
  text-align: center;
  background: white;
  border: 1px solid #cccccc;
}

.sortable-list .sortable:last-child {
  margin-bottom: 0;
}

.sortable-list .sortable:hover {
  opacity: 0.5;
}

#sortable2 li {
  border: 1px solid #416dea;
}

.sortable-list .sortable-placeholder {
  border: 1px solid rgba(65, 109, 234, 0.2);
  background-color: rgba(65, 109, 234, 0.1);
  height: 27px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.action-list-akte {
  margin: 0 0 1em 74em;
  padding: 0;
}

.action-list-akte > li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}

.action-list-akte > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.action-list-akte > li > a > i {
  height: 28px;
  width: 28px;
  background: #416dea;
  line-height: 28px;
  display: inline-block;
  color: white;
  margin-right: 5px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.action-list {
  margin: 0;
  padding: 0;
}

.action-list > li {
  list-style: none;
  margin-left: 0;
  padding: 0;
}

.action-list > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.action-list > li > a > i {
  height: 28px;
  width: 28px;
  background: #416dea;
  line-height: 28px;
  display: inline-block;
  color: white;
  margin-right: 5px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* Anwesenheitsliste */
.section-sidebar .active-users-low {
  color: #F32C52;
}

.section-sidebar .active-users-middle {
  color: #f0ad4e;
}

.section-sidebar .active-users-high {
  color: #3dd28d;
}

.section-sidebar [class*="active-users-"] {
  font-size: 0.85em;
  font-weight: 800;
}

/* Klappbox */
.foldbox-header {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: border .10s ease .15s;
  -moz-transition: border .10s ease .15s;
  -ms-transition: border .10s ease .15s;
  -o-transition: border .10s ease .15s;
  transition: border .10s ease .15s;
}

.open > .foldbox-header {
  border-color: #E4E4E4;
  -webkit-transition: border .10s ease 0s;
  -moz-transition: border .10s ease 0s;
  -ms-transition: border .10s ease 0s;
  -o-transition: border .10s ease 0s;
  transition: border .10s ease 0s;
}

.foldbox-header:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #bdc3c7 transparent transparent transparent;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.open > .foldbox-header:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.foldbox-header h1,
.foldbox-header h2,
.foldbox-header h3,
.foldbox-header h4,
.foldbox-header h5,
.foldbox-header h6 {
  padding: 20px;
  margin: 0;
}

.foldbox-body {
  display: none;
}

.foldbox-body.open {
  display: block;
}

/*** involved cards ***/
.involved-card-wrap {
  margin-left: -12px;
  margin-right: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.involved-card-wrap:first-child {
  margin-top: 12px;
}

.involved-card-wrap:last-child {
  margin-bottom: 12px;
}

.involved-card {
  padding: 12px;
  width: 33.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.overlay-body .involved-card .involved-card-inner {
  box-shadow: none;
}

.section-content .involved-card .involved-card-inner {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.section-content .involved-card:hover .involved-card-inner {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}

.involved-card.client, .involved-card.opponent {
  width: 50%;
}

.involved-card-inner.small-client, .involved-card-inner.small-opponent {
  min-height: 218px;
}

.involved-card.client .involved-card-inner {
  background: #DCEDC2;
}

.involved-card.opponent .involved-card-inner {
  background: #FFAAA6;
}

.involved-card .involved-card-inner {
  /*border: 1px solid #cccccc;*/
  background: white;
  padding: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-around;
  box-shadow: lightgrey 3px 3px 5px;
  border-radius: 5px;
}

.involved-card-inner [data-tippy] {
  cursor: pointer;
}

.involved-card-inner.with-btn {
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: flex-start;
  position: relative;
  padding-right: 50px;
}

.involved-card-inner .involved-card-btn-holder [class*="icon-"],
.involved-card-inner .involved-card-btn-holder [class*="svg-"],
.btn-icon [class*="icon-"],
.btn-icon [class*="svg-"] {
  display: block;
  padding: 10px;
  font-size: 16px;
  border-radius: 50%;
  background-color: #416dea;
  color: white;
  text-align: center;
}

.involved-card-inner.rel .involved-card-btn-holder,
.involved-card-inner.with-btn .involved-card-btn-holder {
  position: absolute;
  top: 18px;
  right: 18px;
}

.involved-card-inner .involved-card-btn-holder [class*="icon-"]:not(:first-child),
.involved-card-inner .involved-card-btn-holder [class*="svg-"]:not(:first-child),
.btn-icon [class*="icon-"]:not(:first-child),
.btn-icon [class*="svg-"]:not(:first-child) {
  margin-top: 10px;
}

.involved-card-btn-holder {
  display: block;
  width: 38px;
  margin-left: 20px;
}

.involved-card-btn-holder i.icon-edit.hand.fr:not(:last-of-type),
.involved-card-btn-holder .svg-icon,
.involved-card-btn-holder-car i.icon-edit.hand.fr:not(:last-of-type),
.involved-card-btn-holde-car .svg-icon {
  margin-bottom: 1rem;
}

.involved-card-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.involved-card-content .involved-card-txt:not(:first-child):before {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  border-top: 1px dashed rgba(0, 0, 0, 0.3);
  margin-top: 3px;
  margin-bottom: 5px;
}

.involved-card .involved-card-inner .involved-card-img {
  width: 93px;
}

.involved-card .involved-card-inner .involved-card-img > i {
  width: 93px;
  height: 93px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #676767;
  background: rgba(103, 103, 103, 0.55);
  display: block;
  line-height: 100px;
  text-align: center;
  font-size: 50px;
  color: white;
}

.involved-card .involved-card-inner .involved-card-img > i.smaller-font {
  line-height: 100px;
  font-size: 33px;
}

.involved-card.client .involved-card-inner .involved-card-img > i {
  background: #88C188;
}

.involved-card.opponent .involved-card-inner .involved-card-img > i {
  background: #EA7171;
}

.involved-card .involved-card-inner .involved-card-img > i i.icon-finanziertdurch {
  margin-left: -15px;
}

.involved-card-txt.cols.col-1 strong {
  padding-left: .84em;
}

.involved-card-txt.cols.col-2 small {
  width: 40%;
}

.involved-card-txt.cols.col-2 span {
  width: 60%;
  padding-left: 0;
}

.overlay-body .involved-card-txt.cols.col-2 span {
  width: auto;
}

.involved-card-txt.cols.col-1 small:nth-of-type(2) {
  color: black;
}

.involved-card .involved-card-inner .involved-card-txt {
  flex: 1;
  padding-left: 20px;
  font-size: 14px;
}

.involved-card .involved-card-inner .involved-card-txt > small {
  display: block;
  font-weight: 900;
  font-size: 12px;
  color: black;
  color: rgba(0, 0, 0, 0.54);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.overlay-body .involved-card:hover .involved-card-inner {
  background: white;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

@media screen and (max-width: 1400px) {
  .involved-card {
    padding: 12px;
    width: 50%;
    display: flex;
    flex-direction: column;
  }
}

/*** placeholder involved cards ***/
.involved-card.placeholder.zeuge,
.involved-card.placeholder.firma {
  width: 50%;
}

.involved-card.placeholder.firma {
  margin: 0 auto;
}

.involved-card.placeholder:hover > .involved-card-inner {
  background-color: #bbbbbb;
  border-color: #bbbbbb;
}

.involved-card.placeholder .involved-card-img i {
  background: transparent;
}

.placeholder .involved-card-content {
  margin: 0 auto;
}

.placeholder .involved-card-img {
  display: flex;
  height: 93px;
  margin: 0 auto;
  align-self: center;
}

.involved-card.placeholder > .involved-card-inner {
  background-color: lightgrey;
  -webkit-transition: 150ms ease-in-out;
  -moz-transition: 150ms ease-in-out;
  -ms-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}

.map-wrap {
  position: relative;
  width: 90%;
  height: 300px;
  padding-bottom: 10%;
  border: 1px solid #E0E0E0;
}

.map-wrap > iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

/*** Dokumente ***/
/* Dateiliste */
#fileupload-wrap #file-list,
#file-upload-wrap #file-list-after {
  margin: 10px 0;
}

#fileupload-wrap #file-list div.cols.cols-2,
#fileupload-wrap #file-list-after div.cols.cols-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0.05);
}

#fileupload-wrap #file-list div.cols.cols-2 > .doc-info,
#fileupload-wrap #file-list-after div.cols.cols-2 > .doc-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#fileupload-wrap #file-list div.cols.cols-2 > .doc-info .doc-title,
#fileupload-wrap #file-list div.cols.cols-2 > .doc-info .doc-size,
#fileupload-wrap #file-list-after div.cols.cols-2 > .doc-info .doc-title,
#fileupload-wrap #file-list-after div.cols.cols-2 > .doc-info .doc-size {
  display: block;
}

#fileupload-wrap #file-list div.cols.cols-2 > .doc-info .doc-title,
#fileupload-wrap #file-list-after div.cols.cols-2 > .doc-info .doc-title {
  font-size: 1.35rem;
  font-weight: 500;
}

#file-list.overlay-file-list > div,
#file-list-after.overlay-file-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0.05);
}

#file-list.overlay-file-list > div:nth-child(2n),
#file-list-after.overlay-file-list > div:nth-child(2n) {
  background: rgba(0, 0, 0, 0);
}

#file-list.overlay-file-list > div > .doc-info,
#file-list-after.overlay-file-list > div > .doc-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#file-list.overlay-file-list > div > .doc-info .doc-title,
#file-list.overlay-file-list > div > .doc-info .doc-size,
#file-list-after.overlay-file-list > div > .doc-info .doc-title,
#file-list-after.overlay-file-list > div > .doc-info .doc-size {
  display: block;
}

#file-list.overlay-file-list > div > .doc-info .doc-title,
#file-list-after.overlay-file-list > div > .doc-info .doc-title {
  font-size: 1.35rem;
  font-weight: 500;
}

#schadensbilder-table table.list tbody > *:nth-child(2n-1) {
  background: rgba(0, 0, 0, 0.05);
}

/* Spezial bei Fileuploads mit Container */
#fileupload-wrap #fileupload-holder,
#fileupload-wrap #fileupload-holder-after {
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding: 0 12px;
  min-height: 30px;
  line-height: 30px;
}

#fileupload-holder,
#fileupload-holder-after {
  width: 100%;
  padding: 0;
  height: 30px;
  min-height: 0;
}

#fileupload-holder input[type="file"],
#fileupload-holder-after input[type="file"] {
  display: none;
}

#fileupload-wrap #progress,
#fileupload-wrap #progress-after {
  height: 25px;
  width: 100%;
  padding: 3px;
  border: 1px solid #E4E4E4;
  border-radius: 50px;
  -webkit-border-radius: 50px;
}

#fileupload-wrap #progress .progress-bar,
#fileupload-wrap #progress-after .progress-bar {
  display: block;
  height: 100%;
  background-color: #3dd28d;
  width: 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

/************************/
/*#additional-files ul {
    margin:0;
    padding:0;
}
#additional-files ul li {
    margin:0;
    padding:0;
    list-style: none;
    display: inline-block;
}
#additional-files ul li a {
    display:block;
    padding: 6px 8px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-decoration: none !important;
    text-transform: none;
    color: #202129;
    background-color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;

    border: 0 none;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;

    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;

    -webkit-box-shadow: 0 0 0 #e4e4e4;
    box-shadow: 0 0 0 #e4e4e4;
}
#additional-files ul li a:hover {
    background: #dcdcdc;

    opacity: .85;
    -webkit-box-shadow: 2px 5px 10px #e4e4e4;
    box-shadow: 2px 5px 10px #e4e4e4;
}
#additional-files ul li a .icon-letter {
    border-color:#202129;
}*/
/*** Section Sidebar ***/
.has-sidebar {
  padding-right: 270px;
  position: relative;
}

.has-sidebar .section-sidebar {
  width: 250px;
  position: absolute;
  right: 0;
  top: 0;
  margin-bottom: 30px;
}

.has-sidebar .section-sidebar:first-child {
  margin-left: 0;
  margin-right: 20px;
}

.has-sidebar .button.small {
  margin-left: 10px;
}

/*** Status bei Section Tabs ***/
.section-tabs.section-tabs-status ul li a[class*="status-"]:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.section-tabs.section-tabs-status ul li a.status-high:before {
  background-color: #F32C52;
}

.section-tabs.section-tabs-status ul li a.status-middle:before {
  background-color: #f0ad4e;
}

.section-tabs.section-tabs-status ul li a.status-low:before {
  background-color: #3dd28d;
}

.section-tabs.section-tabs-status ul li a.status-middle {
  color: #ccc;
}

.section-tabs.section-tabs-status ul li a.status-low {
  color: #ccc;
}

/*** OVERWRITE ***/
.section-content:not(:last-child) {
  margin-bottom: 20px;
}

.alert {
  border: 1px solid #dddfe2;
  background-color: transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

.alert:before {
  left: -5px;
  top: -1px;
}

.alert.alert-warning:before,
.alert.alert-error:before,
.alert.alert-success:before {
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
}

.alert.alert-warning:before {
  border: 1px solid #f0ad4e;
  top: 0;
}

.alert.alert-error:before {
  border: 1px solid #F32C52;
}

.alert.alert-success:before {
  border: 1px solid #3dd28d;
}

.client > .field-wrap > small,
.client > .field-wrap {
  color: #88c188;
}

.opponent > .field-wrap > small,
.opponent > .field-wrap {
  color: #ea7171;
}

.nicecheck.flexlist > span:first-of-type {
  padding-right: 10px;
}

#u_firma {
  max-width: 100%;
}

#u_kuerzel {
  max-width: 33%;
}

#u_sachbearbeiter, #u_gutachter, #u_user, #u_autarkic, .input-list {
  background: #fff;
  max-height: 20rem;
  overflow-y: auto;
  padding: 6px 12px;
  border: 1px solid #ccc;
  transition: 0.3s ease-in;
}

.input-list {
  max-height: 15rem;
}

#u_sachbearbeiter:hover, #u_gutachter:hover, #u_user:hover, #u_autarkic:hover, .input-list:hover {
  border: 1px solid grey;
}

#u_sachbearbeiter > div, #u_gutachter > div, #u_user > div, #u_autarkic > div, .input-list > div {
  margin: .4em 0;
}

/*
[id*="list_"] tr {
    cursor: pointer;
}*/
/* nur Tables oder tbodys mit der ID list_XXXXX */
table[id*="list_"] tr, tbody[id*="list_"] tr {
  cursor: pointer;
}

table.list:not(#table_buchungen) tbody tr:hover:not(.nohover-nopointer) {
  background: #F0F0F0 !important;
}

table tbody tr {
  transition: .22s ease-in;
}

[data-balloon] {
  display: inline-block;
}

.floating-button-placeholder > .cf.floating-button-holder {
  background: rgba(255, 255, 255, 0.85);
  padding: 10px;
}

.nohover-nopointer {
  cursor: auto !important;
}

/*** Progress Bar ***/
.progress-item > .progress-bullet .sub-bullet-0 {
  -webkit-transform: rotate(45deg) translateY(0px);
  -moz-transform: rotate(45deg) translateY(0px);
  -ms-transform: rotate(45deg) translateY(0px);
  -o-transform: rotate(45deg) translateY(0px);
  transform: rotate(45deg) translateY(0px);
}

.progress-item > .progress-bullet .sub-bullet-1 {
  -webkit-transform: rotate(135deg) translateY(0px);
  -moz-transform: rotate(135deg) translateY(0px);
  -ms-transform: rotate(135deg) translateY(0px);
  -o-transform: rotate(135deg) translateY(0px);
  transform: rotate(135deg) translateY(0px);
}

.progress-item > .progress-bullet .sub-bullet-2 {
  -webkit-transform: rotate(225deg) translateY(0px);
  -moz-transform: rotate(225deg) translateY(0px);
  -ms-transform: rotate(225deg) translateY(0px);
  -o-transform: rotate(225deg) translateY(0px);
  transform: rotate(225deg) translateY(0px);
}

.progress-item > .progress-bullet .sub-bullet-3 {
  -webkit-transform: rotate(315deg) translateY(0px);
  -moz-transform: rotate(315deg) translateY(0px);
  -ms-transform: rotate(315deg) translateY(0px);
  -o-transform: rotate(315deg) translateY(0px);
  transform: rotate(315deg) translateY(0px);
}

.progress-item:hover > .progress-bullet .sub-bullet-0 {
  -webkit-transform: rotate(45deg) translateY(-65px);
  -moz-transform: rotate(45deg) translateY(-65px);
  -ms-transform: rotate(45deg) translateY(-65px);
  -o-transform: rotate(45deg) translateY(-65px);
  transform: rotate(45deg) translateY(-65px);
}

.progress-item:hover > .progress-bullet .sub-bullet-1 {
  -webkit-transform: rotate(135deg) translateY(-65px);
  -moz-transform: rotate(135deg) translateY(-65px);
  -ms-transform: rotate(135deg) translateY(-65px);
  -o-transform: rotate(135deg) translateY(-65px);
  transform: rotate(135deg) translateY(-65px);
}

.progress-item:hover > .progress-bullet .sub-bullet-2 {
  -webkit-transform: rotate(225deg) translateY(-65px);
  -moz-transform: rotate(225deg) translateY(-65px);
  -ms-transform: rotate(225deg) translateY(-65px);
  -o-transform: rotate(225deg) translateY(-65px);
  transform: rotate(225deg) translateY(-65px);
}

.progress-item:hover > .progress-bullet .sub-bullet-3 {
  -webkit-transform: rotate(315deg) translateY(-65px);
  -moz-transform: rotate(315deg) translateY(-65px);
  -ms-transform: rotate(315deg) translateY(-65px);
  -o-transform: rotate(315deg) translateY(-65px);
  transform: rotate(315deg) translateY(-65px);
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet-0 > i, .progress-item > .progress-bullet .sub-bullet-0 > span {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet-1 > i, .progress-item > .progress-bullet .sub-bullet-1 > span {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet-2 > i, .progress-item > .progress-bullet .sub-bullet-2 > span {
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.progress-wrap > .progress-item > .progress-bullet .sub-bullets-holder > .sub-bullet-3 > i, .progress-item > .progress-bullet .sub-bullet-3 > span {
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
}

.unseen-vermerk {
  color: #416dea !important;
  cursor: pointer;
}

[id*="seen-info-"] .icon-gutachter::before {
  top: 0;
}

label.nicecheck.flexlist[for*="unfall_hergang_"] {
  align-items: normal;
}

.foldbox-body {
  display: none;
}

.foldbox-body.open {
  display: block;
}

.accordion-header.sortable-header {
  background: #D2D9F6;
}

input:read-only, input:disabled {
  cursor: not-allowed !important;
}

strong.value:after {
  content: ' €';
}

.document-mail {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin-left: 0.5em;
}

.is-fixed-recipient {
  background-color: #e20d18 !important;
  color: white;
  cursor: not-allowed !important;
}

.overlay-header span i.icon-move.hand {
  position: relative;
  top: 3px;
  margin-right: 1em;
}

.document-mail {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin-left: 0.5em;
}

.payment-impossible {
  opacity: 0.75;
  cursor: not-allowed;
}

.accordion-header.sortable-header {
  background: #D2D9F6;
}

input:read-only, input:disabled {
  cursor: not-allowed !important;
}

small.unseen-vermerk i.icon-gutachter:before {
  top: 0;
}

.document-mail {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin-left: 0.5em;
}

.overlay-header span i.icon-move.hand {
  position: relative;
  top: 3px;
  margin-right: 1em;
}

.document-mail {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin-left: 0.5em;
}

.payment-impossible {
  opacity: 0.75;
  cursor: not-allowed;
}

/*** Status bei Section Tabs ***/
.section-tabs.section-tabs-status ul li a[class*="status-"]:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.section-tabs.section-tabs-status ul li a.status-high:before {
  background-color: #F32C52;
}

.section-tabs.section-tabs-status ul li a.status-middle:before {
  background-color: #f0ad4e;
}

.section-tabs.section-tabs-status ul li a.status-low:before {
  background-color: #3dd28d;
}

.section-tabs.section-tabs-status ul li a.status-middle {
  color: #ccc;
}

.section-tabs.section-tabs-status ul li a.status-low {
  color: #ccc;
}

.section-tabs.section-tabs-status {
  overflow-y: hidden;
}

input:invalid {
  border: 1px solid coral;
}

#list_akten_dashboard_table > .loader {
  display: none;
}

#sidebar button {
  width: 100%;
}

#document_file_form .overlay-body,
#csv_file_form .overlay-body {
  max-height: none !important;
}

div.err input {
  border-color: #e74c3c;
}

:-ms-input-placeholder {
  color: grey !important;
  font-weight: 400 !important;
}

#menu-wrap {
  z-index: 100;
}

.has-sidebar .section-sidebar {
  height: 100%;
}

#list_teams tbody tr:hover {
  cursor: auto;
}

#list_teams table.list th:nth-last-child(1),
#list_teams table.list th:nth-last-child(2),
#list_teams table.list th:nth-last-child(3),
#list_teams table.list td:nth-last-child(1),
#list_teams table.list td:nth-last-child(2),
#list_teams table.list td:nth-last-child(3) {
  width: 10%;
  text-align: center;
}

#list_teams table.list th:nth-child(1),
#list_teams table.list th:nth-child(2) {
  width: 23%;
}

*:not(button):not(.button):not(.hand):not(.icon-letter)[data-tippy],
.tippy:not(button):not(.button):not(.hand):not(.icon-letter) {
  border-bottom: 1px dotted grey;
  cursor: help;
}

.tippy-box[data-theme~=light] {
  border: 1px solid #dddfe2 !important;
  border-radius: 11px !important;
  -webkit-border-radius: 11px !important;
  -webkit-box-shadow: 2px 11px 20px 0 rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 2px 11px 20px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 2px 11px 20px 0 rgba(0, 0, 0, 0.1) !important;
}

.tippy-box[data-theme~=light] .tippy-content {
  font-size: 1.5rem;
  line-height: 1.2em;
  color: #333333;
  padding: 30px;
}

.tippy-box[data-theme~=light] .tippy-arrow {
  display: none;
}

.tooltip-info {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: #416dea;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.tooltip-info svg {
  height: 11px !important;
  width: 11px !important;
  top: -1px !important;
  left: 3px;
  cursor: help;
}

.tooltip-info svg path {
  fill: #fff !important;
}

.unread-info-wrapper {
  color: white;
  background: #e74c3c;
  border-radius: 5px;
  padding: 2px 5px;
}

[id*="_wrap_zugehörigkeit"] {
  display: none;
}

li a.company-tab span.vip, li a.company-tab span.silver_vip {
  height: 16px;
  width: 16px;
  top: -1px;
  right: 2px;
}

.silver_vip {
  display: inline-block;
  height: 24px;
  width: 24px;
  position: relative;
  vertical-align: top;
  top: -4px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/icon-silver-vip-crown.svg);
}

label.nicecheck.flexlist[for="altbestandsakte"] i::before {
  box-shadow: 3px 3px 0 0 #f0ad4d !important;
  -webkit-box-shadow: 3px 3px 0 0 #f0ad4d;
  background: #f0ad4d;
  border-color: #101115 !important;
}

/*** Filter ***/
.filter-wrap div {
  padding: 0;
}

.filter-wrap div:first-of-type {
  width: calc(100% - 33px);
}

.filter-wrap div:first-of-type select, .filter-wrap div:first-of-type select input {
  width: calc(100% - 1rem) !important;
}

.filter-wrap div:first-of-type input {
  display: none;
}

.filter-wrap div:last-of-type {
  width: auto;
}

.filter-wrap div:last-of-type button {
  height: 33px;
  width: 33px;
  max-height: 33px;
  min-height: 0;
  min-width: 0;
  line-height: 0;
  padding: 0;
}

select:disabled {
  cursor: not-allowed !important;
}

button.red.hover-red svg {
  fill: white;
}

/*** Platzhalter Liste ***/
div.textmodule_list_wrap,
div.placeholder_list_wrap {
  position: absolute;
  z-index: 9999;
  right: 34px;
  top: 250px;
  text-align: right;
}

div.textmodule_list_wrap {
  top: 312px;
}

div.textmodule_list,
div.placeholder_list {
  background: #fff;
  text-align: left;
  padding: 0;
  border: 1px #999 solid;
  right: 0;
  width: 360px;
  max-height: 230px;
  _height: 230px;
  overflow: auto;
  overflow-x: hidden;
}

div.textmodule_list {
  position: absolute;
}

div.textmodule_list a,
div.placeholder_list a {
  display: block;
  padding: 3px 5px;
  text-decoration: none;
  color: #666;
  cursor: pointer;
}

div.textmodule_list a:hover,
div.placeholder_list a:hover {
  color: #ccc;
  background-color: #416dea;
}

div.textmodule_list a span,
div.placeholder_list a span {
  display: block;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
}

#xml_payment_export .overlay-body {
  max-width: unset !important;
}

/*.icon-staatsanwaltschaft::before,
.icon-mietwagen::before {
    position: relative;
    top: -2px;
}*/
.section-tabs ul li:not(.on):hover {
  transition: 300ms ease-in-out;
  background-color: lightgrey;
}

[data-copy] {
  font-size: .9em;
}

.col-5 > * {
  width: 20%;
}

.tippy-tooltip[data-size=large] {
  font-size: 1.25rem;
  padding: .5rem 1rem;
}

li.on path {
  fill: #416dea !important;
}

.zeugentypen .section-content,
.benachrichtigungsverlauf table.list.table-resp {
  display: none;
}

.zeugentypen .section-content:last-of-type {
  margin-bottom: 20px;
}

.zeugentypen .section-content.on {
  display: block;
}

.benachrichtigungsverlauf table.list.table-resp.on {
  display: table;
}

.svg-icon {
  border-radius: 50%;
  background-color: #416dea;
  padding: 10px;
  width: 36px;
  height: 36px;
}

label > input[type="checkbox"]:hover + img {
  opacity: 1;
}

label > input[type="checkbox"] + img {
  opacity: 0.3;
  transition: 300ms ease-in-out all;
  cursor: pointer;
}

label > input[type="checkbox"]:checked + img {
  opacity: 1;
}

#previewtable {
  min-height: 461.19px;
}

.section-head i[class*=icon],
.section-head.dashboard i[class*=icon],
legend i[class*=icon] {
  margin-right: 0.5em;
}

.car-schema.anhaenger {
  transition: all ease-in-out 300ms;
}

.car-schema.anhaenger.disabled {
  pointer-events: none;
  opacity: .3;
}

.involved-card.opponent .involved-card-inner {
  align-content: baseline;
}

[data-wrapper-for] {
  display: none;
}

.overflow-col {
  background: #fff;
  height: 15rem;
  overflow-y: auto;
  padding: 6px 12px;
  border: 1px solid #ccc;
}

i.warning-icon {
  background-color: #e20d18 !important;
}

.involved-card-inner.small-client,
.overlay-body .involved-card.client:hover .involved-card-inner {
  background: #DCEDC2;
}

.involved-card-inner.small-opponent,
.overlay-body .involved-card.opponent:hover .involved-card-inner {
  background: #FFAAA6;
}

#beifahrer .involved-card,
#fahrer .involved-card,
#insassen .involved-card,
#weitere-zeugen .involved-card {
  min-height: 233px;
}

.overlay-body .involved-card .involved-card-inner {
  border: none;
  padding-bottom: 0;
  padding-top: 0;
}

select[readonly] {
  pointer-events: none;
}

.involved-card.placeholder .involved-card-inner {
  padding-right: 18px;
}

table.list td button i[class*="icon"],
button.icbutton i[class*="icon"] {
  margin-right: 0 !important;
  position: relative;
  width: 12px;
  display: block;
}

table.list td button i[class*="icon"]:before,
button.icbutton i[class*="icon"]:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}

.icon-cross i {
  vertical-align: middle;
}

table.list td button i.icon-waste:before,
table.list td button i.icon-view:before,
table.list td button i.icon-download:before {
  left: 45%;
}

table.list td button i.icon-lock:before {
  left: 75%;
}

#fileupload-holder,
#emptypdfwrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

button#fileupload-holder {
  display: block;
  text-align: center;
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}

#emptypdfwrapper {
  width: auto;
  margin-right: 0;
  margin-top: -7px;
}

#pdfexportbutton {
  padding-top: 4px;
}

#pdfexportbutton i {
  vertical-align: middle;
}

#pdfdialogfooter {
  width: 50%;
}

.pdfpreview {
  border: 1px solid #021a40;
}

#pdfdialogcontainer {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

div.cards-beteiligte-outer {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.blx-error {
  font-size: 2rem;
  line-height: 2;
  display: inline-block;
  margin: 0 auto;
  margin-left: 20%;
  margin-right: 20%;
  width: 60%;
  text-align: left;
}

.involved-card.optional-card > .involved-card-inner {
  border-color: orange;
}

#fragebogen .involved-card-inner {
  padding: 9px;
}

#fragebogen .involved-card {
  width: 25%;
  padding: 6px;
}

#fragebogen .involved-card-content {
  width: calc(100% - 18px);
}

#fragebogen .involved-card-content .input-wrap:first-child > label:first-child {
  border-bottom: 1px solid #dedede;
  display: block;
  width: 100% !important;
  padding-bottom: 5px !important;
}

@-webkit-keyframes drawCheck {
  0% {
    stroke-dashoffset: 32.3px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes drawCheck {
  0% {
    stroke-dashoffset: 32.3px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.svg-success path {
  animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck;
  stroke-dasharray: 33px;
}

.svg-success path, .svg-success circle {
  stroke: white;
  stroke-width: 3px;
}

.svg-success {
  fill: #fff;
  vertical-align: -.345em;
  width: 18px;
  height: 100%;
  display: none;
  margin-right: 10px;
}

/** Versicherungsdaten (Beteiligte) **/
div.inner-versicherung {
  border-bottom: 1px solid #416dea;
}

#versicherung-list > div.inner-versicherung:nth-last-child(2) {
  border-bottom: 0;
}

/** Paginierung-Hervorheben der aktuellen Seite **/
li.pagenumber.active > a {
  background-color: #7b7b7b;
}

li.pagenumber.active > a:hover {
  background-color: #7b7b7b;
}

#fragebogen-hint {
  padding: 10px;
  margin-right: 12px;
  line-height: 20px;
}

#fragebogen legend h3 i[data-tippy],
#unfall-flag {
  border: none;
}

#unfall-flag {
  vertical-align: text-top;
  margin-left: 5px;
}

.involved-card.answered .involved-card-inner {
  border: 1.5px solid #416dea;
}

.benachrichtigungsverlauf .section-content {
  border: none;
}

p.warning.hint {
  color: red;
  font-size: 12px;
}

.mce-branding {
  display: none !important;
}

.communication-tag {
  display: inline-block;
  color: white;
  cursor: pointer;
  margin-right: 5px;
  margin-top: 14px;
}

.communication-tag-description, .communication-tag-icon {
  padding: 6px;
}

.communication-tag-description {
  background-color: #416dea;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.communication-tag-icon {
  background-color: #353535;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.tr-info .mail-preview {
  background-color: #fff;
  padding: 20px;
  white-space: nowrap;
  word-break: break-word;
  max-height: 500px;
  overflow: auto;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin: 15px 0;
}

/*Navbar Rechnungsicon grau*/
.rafill {
  fill: #ccc !important;
}

.overlay .overlay-container form {
  overflow-y: auto;
}

.loader-wrap {
  position: relative;
  height: 90px;
  width: 100%;
  text-align: center;
  pointer-events: none;
  cursor: default;
}

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

.loader {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.section-head > .loader,
.loader-wrap-inline > .loader {
  width: 16px;
  height: 16px;
  margin: 0 15px 0 0;
}

.section-head > .loader > span,
.loader-wrap-inline > .loader > span {
  width: 16px;
  height: 16px;
  margin: 0;
  border-width: 2px;
}

.section-head > .loader + h1,
.section-head > .loader + h2,
.section-head > .loader + h3,
.loader-wrap-inline > .loader + h1,
.loader-wrap-inline > .loader + h2,
.loader-wrap-inline > .loader + h3 {
  margin: 0 auto 0 0;
}

.loader-wrap-inline > .loader {
  margin: 0 5px 0 0;
}

.loader > span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #e20d18;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #e20d18 transparent transparent transparent;
}

.loader > span:nth-child(1) {
  -webkit-animation-delay: -0.45s;
  animation-delay: -0.45s;
}

.loader > span:nth-child(2) {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.loader > span:nth-child(3) {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.cases-list .cases-single {
  background: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  margin: 20px 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.cases-list .cases-single strong > .icon-letter {
  height: 20px;
  width: 20px;
  line-height: 17px;
  font-size: 13px;
  border: 2px solid #333333;
  margin-left: 5px;
}

.cases-list .cases-single table.list {
  width: 100% !important;
  margin: 0;
}

/* RESPONSIVE CSS FILE
	- Document: responsive.css
	- Version:  1
	- Author:   mpunkt GmbH
*/
/* CSS DIRECTORY
	1. =GLOBAL
	2. =KENNZEICHNUNGEN
	3. =PRIMARY
	4. =HEADER
	5. =MAIN
	6. =FUNKTIONEN
	7. =SEITEN
*/
@media screen and (max-width: 1550px) {
  #menu-wrap {
    -webkit-transition: all .2s ease .15s;
    -moz-transition: all .2s ease .15s;
    -ms-transition: all .2s ease .15s;
    -o-transition: all .2s ease .15s;
    transition: all .2s ease .15s;
  }
  #menu-wrap:hover {
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
  }
  #menu-wrap #menu > ul > li > span:not(.short),
  #menu-wrap #user-panel > div > span,
  #menu-wrap #user-panel > div:after,
  #menu-wrap #menu > ul > li > ul > li > a > span,
  #menu-wrap #menu > ul > li > span.short {
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
  }
  #menu-wrap:hover #menu > ul > li > span:not(.short),
  #menu-wrap:hover #user-panel > div > span,
  #menu-wrap:hover #user-panel > div:after,
  #menu-wrap:hover #menu > ul > li > ul > li > a > span,
  #menu-wrap:hover #menu > ul > li > span.short {
    -webkit-transition: all .2s ease .15s;
    -moz-transition: all .2s ease .15s;
    -ms-transition: all .2s ease .15s;
    -o-transition: all .2s ease .15s;
    transition: all .2s ease .15s;
  }
  #user-panel > div > span {
    padding: 0;
  }
  #menu-wrap:hover #user-panel > div > span {
    padding-left: 10px;
  }
  #menu-wrap {
    width: 65px;
    overflow: hidden;
  }
  #menu {
    overflow-x: hidden;
    overflow-y: auto;
  }
  #menu ul li {
    white-space: nowrap;
  }
  #menu > ul > li {
    position: relative;
  }
  #menu > ul > li > span:not(.short),
  #user-panel > div > span,
  #user-panel > div:after,
  #menu > ul > li > ul > li > a > span {
    opacity: 0;
  }
  #menu > ul > li > span:not(.short) {
    position: absolute;
    top: 0;
  }
  #menu > ul > li > span.short {
    display: block;
    opacity: 1;
  }
  #menu-wrap:hover {
    width: 230px;
  }
  #menu-wrap:hover #menu > ul > li > span:not(.short),
  #menu-wrap:hover #user-panel > div > span,
  #menu-wrap:hover #user-panel > div:after,
  #menu-wrap:hover #menu > ul > li > ul > li > a > span {
    opacity: 1;
  }
  #menu-wrap:hover #menu > ul > li > span.short {
    opacity: 0;
  }
  .section-content:not(:last-child) {
    margin-bottom: 15px;
  }
  ul.grid-list > li > ul > li {
    display: block;
    width: 100%;
    border-right: 0;
  }
  ul.grid-list > li > ul > li:last-child,
  ul.grid-list > li > ul > li:nth-last-child(2):nth-child(odd) {
    border-bottom: 1px solid #E4E4E4;
  }
  ul.grid-list > li > ul > li:nth-child(2n) {
    padding-left: 0;
  }
  ul.grid-list > li > ul > li:last-child {
    border-bottom: 0;
  }
  table.list td {
    font-size: 1.25rem;
    font-weight: 600;
  }
  table.list td small {
    font-size: 0.9em;
  }
  table.list th {
    font-size: 14px;
    font-size: 1.35rem;
  }
}

@media screen and (max-width: 1400px) {
  #clndr .month-head {
    font-size: 1em;
  }
  #clndr .month-prev button,
  #clndr .month-next button {
    font-size: 0;
    padding: 5px 10px;
  }
  #clndr .month-prev button:after,
  #clndr .month-next button:after {
    content: "<";
    font-size: 1rem;
  }
  #clndr .month-next button {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 1280px) {
  .side-buttons-resp {
    display: block;
  }
  .side-buttons {
    display: none;
  }
  button#toggle-mapaside {
    display: block;
    position: fixed;
    right: 10px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    text-align: center;
    opacity: 1;
    padding: 0 5px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  button#toggle-mapaside:focus {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
  button#toggle-mapaside i {
    font-size: 20px;
  }
  #mapaside-close {
    display: block;
  }
  .ticket_map #mapbar {
    display: none;
    top: 0;
    z-index: 12;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 300px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  .mapaside-open.ticket_map #mapbar {
    display: block;
  }
  .ticket_map #mapbar .section-content {
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .ticket_map #mapbar .section-filter.section-content {
    background-color: #f8f8f8;
    color: #fff;
    padding-top: 55px;
    margin-bottom: 0;
    box-shadow: 2px 5px 10px rgba(22, 22, 22, 0.1);
    -webkit-box-shadow: 2px 5px 10px rgba(22, 22, 22, 0.1);
  }
  .ticket_map #mapbar .section-filter.section-content .section-head h3 {
    display: none;
  }
  .ticket_map #mapbar .section-filter.section-content .cols > *:nth-child(2n) {
    padding-left: 0;
  }
  .ticket_map #mapbar .section-listmap.section-content {
    margin: 8px 10px 0 10px;
    height: auto;
    max-height: 78vh;
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    background: transparent;
  }
  .ticket_map #mapbar .section-listmap.section-content .ticket {
    background: #fff;
    padding-top: 15px;
  }
  .ticket_map #mapbar .section-listmap.section-content .section-body {
    padding: 0 0 15px;
  }
  .ticket_map #mapbar .section-listmap.section-content .section-head {
    padding: 15px 0;
  }
  #list_map_ticket .section-body {
    height: 100%;
    overflow-y: visible;
  }
  #list_map_ticket .accordion .field-wrap.ticket-contact > div,
  #list_map_ticket .accordion .field-wrap.ticket-contact > div:not(:last-child) {
    border-right: 0;
    width: 100%;
    padding: 0 10px;
  }
  #list_map_ticket .accordion .field-wrap.ticket-info {
    padding: 5px 10px 0 10px;
  }
  #list_map_ticket .col-2 > *:nth-child(2n-1) {
    padding-right: 5px;
  }
  #list_map_ticket .col-2 > *:nth-child(2n) {
    padding-left: 5px;
  }
  #list_map_ticket .ticket-info .col-2 > *:nth-child(2n) {
    padding-left: 0;
  }
}

/**
 * basics.css
 *
 * Grundlegendes, HTML-Tag styling, etc...
 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

body {
  background: #E6ECF0;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  line-height: 1.4em;
  color: #333333;
  min-width: 1250px;
}

a {
  outline: none;
  text-decoration: none;
}

h1 {
  font-size: 1.8rem;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.6rem;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

p {
  margin: 0.5em 0;
}

pre {
  page-break-inside: avoid;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 500;
  position: relative;
}

hr {
  border: 0;
  border-bottom: 1px solid #dedede;
}

.divider {
  display: inline-block;
  width: 1px;
  height: 2em;
  vertical-align: middle;
  margin: 0 15px;
  background: rgba(0, 0, 0, 0.2);
}

/*** Layout ***/
#page {
  padding-top: 55px;
  padding-left: 230px;
}

#content-wrap {
  padding: 40px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2em;
  width: 100%;
}

@media screen and (max-width: 1550px) {
  #page {
    padding-left: 65px;
  }
  #content-wrap {
    padding: 25px 15px 15px 15px;
  }
}

@media screen and (max-width: 1400px) {
  body {
    font-size: 11px;
    font-size: 1.1rem;
  }
  #content-wrap {
    font-size: 14px;
    font-size: 1.35rem;
    line-height: 1.2em;
  }
}

/**
 * shortcuts.css
 */
/**
 * Floating & Clearing
 */
.fl {
  float: left;
}

.fr {
  float: right;
}

.cl {
  clear: both;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

/**
 * Textausrichtungen
 */
.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.vat {
  vertical-align: top;
}

.vam {
  vertical-align: middle;
}

.vab {
  vertical-align: bottom;
}

/**
 * Positionierungen
 */
.rel {
  position: relative;
}

.abs {
  position: absolute;
}

/**
 * Cursor
 */
.hand {
  cursor: pointer;
}

.move {
  cursor: move;
}

.help {
  cursor: help;
}

/**
 * Margin
 */
.no-margin {
  margin: 0;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.ml-5 {
  margin-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.m-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.m-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

/**
 * Padding
 */
.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.p-5 {
  padding: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

/**
 * Spaces
 */
.space-5,
.space-10,
.space-20,
.space-30,
.space-40 {
  display: block;
  overflow: hidden;
  font-size: 0;
}

.space-5 {
  width: 5px;
  height: 5px;
}

.space-10 {
  width: 10px;
  height: 10px;
}

.space-20 {
  width: 20px;
  height: 20px;
}

.space-30 {
  width: 30px;
  height: 30px;
}

.space-40 {
  width: 40px;
  height: 40px;
}

/**
 * Display
 */
.block {
  display: block !important;
}

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

.inline {
  display: inline !important;
}

/**
 * Flexbox
 */
.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* flex-direction */
.flex-direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-direction-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-direction-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

/* flex-wrap */
.flex-wrap-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

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

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

/* justify-content */
.justify-content-flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-content-space-evenly {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

/* align-items */
.align-items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-items-flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-flex-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-items-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

/* align-content */
.align-content-flex-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-flex-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-space-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-content-space-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

/* order */
.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

/* flex-grow */
.flex-grow-0 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.flex-grow-1 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-grow-2 {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.flex-grow-3 {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}

.flex-grow-4 {
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
}

.flex-grow-5 {
  -webkit-box-flex: 5;
  -ms-flex-positive: 5;
  flex-grow: 5;
}

.flex-grow-6 {
  -webkit-box-flex: 6;
  -ms-flex-positive: 6;
  flex-grow: 6;
}

/* flex-shrink */
.flex-shrink-1 {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.flex-shrink-2 {
  -ms-flex-negative: 2;
  flex-shrink: 2;
}

.flex-shrink-3 {
  -ms-flex-negative: 3;
  flex-shrink: 3;
}

.flex-shrink-4 {
  -ms-flex-negative: 4;
  flex-shrink: 4;
}

.flex-shrink-5 {
  -ms-flex-negative: 5;
  flex-shrink: 5;
}

.flex-shrink-6 {
  -ms-flex-negative: 6;
  flex-shrink: 6;
}

/* flex-basis */
.flex-basis-auto {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.flex-basis-0 {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

/* flex */
.flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* align-self */
.align-self-auto {
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

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

.align-self-flex-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-self-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.align-self-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

/* flexlist (combi) */
.flexlist {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
}

/**
 * Sonstiges
 */
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bold {
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.w-auto {
  width: auto !important;
}

.w-100 {
  width: 100% !important;
  max-width: 100% !important;
}

/*
 + Dropshadow
 */
.dropshadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.dropshadow:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}

.shadowdepth-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.shadowdepth-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.shadowdepth-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.shadowdepth-4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -o-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.shadowdepth-5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -o-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.fs-14 {
  font-size: 14px;
}

/**
 * header.css
 */
#header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 55px;
  width: 100%;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  text-align: center;
  border-bottom: 1px solid #dddfe2;
}

/**
 * Header Controls (Header-Button mittig)
 */
#header-controls {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/**
 * Notes-Holder (Notifications)
 */
#notes-holder {
  position: relative;
  margin-left: auto;
  padding: 10px 45px 10px 0;
}

#notification-holder,
#calls-holder,
#header #action-call-holder {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.section-head-btn-holder #action-call-holder {
  position: relative;
  display: inline-block;
}

#notification-holder:not(:first-child),
#calls-holder:not(:first-child),
#action-call-holder:not(:first-child) {
  margin-left: 5px;
}

#notification-holder .notification-bullet,
#calls-holder .notification-bullet,
#action-call-holder .notification-bullet {
  cursor: pointer;
  text-align: center;
  height: 35px;
  width: 35px;
  background: #ccc;
  color: white;
  font-size: 17px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

#notification-holder .notification-bullet > i:before,
#calls-holder .notification-bullet > i:before,
#header #action-call-holder .notification-bullet > i:before {
  display: block;
  top: 9px;
  position: relative;
  z-index: 3;
}

.section-head-btn-holder #action-call-holder .notification-bullet > i:before {
  display: block;
  position: relative;
  z-index: 3;
}

.section-head-btn-holder #action-call-holder .notification-bullet {
  margin-right: 5px;
}

/* Bei neuer Meldung */
#notification-holder .notification-bullet.new_notif,
#calls-holder .notification-bullet.new_notif,
#action-call-holder .notification-bullet.new_notif {
  background: #F13131 !important;
}

#notification-holder .notification-bullet.new_notif:after,
#calls-holder .notification-bullet.new_notif:after,
#action-call-holder .notification-bullet.new_notif:after {
  content: '';
  height: 35px;
  width: 35px;
  display: block;
  opacity: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  position: absolute;
  top: 0;
  left: 0;
  background: #F13131;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

@-webkit-keyframes pulse {
  0%, 48% {
    opacity: .9;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  98%, 100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
  }
}

@keyframes pulse {
  0%, 48% {
    opacity: .9;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  98%, 100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
  }
}

#notification-holder .notification-bullet.new_notif > i:before,
#calls-holder .notification-bullet.new_notif > i:before,
#action-call-holder .notification-bullet.new_notif > i:before {
  -webkit-animation: shake 2s linear infinite;
  -moz-animation: shake 2s linear infinite;
  -o-animation: shake 2s linear infinite;
  animation: shake 2s linear infinite;
}

@-webkit-keyframes shake {
  46%, 54% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  48% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  52% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes shake {
  46%, 54% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  48% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  52% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

#notification-holder .notification-bullet > span,
#calls-holder .notification-bullet > span,
#action-call-holder .notification-bullet > span {
  display: block;
  height: 18px;
  padding: 4px;
  line-height: 6px;
  background: #F13131;
  color: white;
  font-size: 10px;
  border: 2px solid white;
  position: absolute;
  left: 100%;
  top: -5px;
  z-index: 5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50px;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Notification Overlay */
#notification-holder .notification-list,
#calls-holder .notification-list,
#action-call-holder .notification-list {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 100;
  right: -36px;
  top: calc(100% + 10px);
  background-color: white;
  border: 1px solid #ccc;
  width: 300px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

#notification-holder .notification-list.notif-open,
#calls-holder .notification-list.notif-open,
#action-call-holder .notification-list.notif-open {
  display: block;
}

#notification-holder .notification-list:after,
#notification-holder .notification-list:before,
#calls-holder .notification-list:after,
#calls-holder .notification-list:before,
#action-call-holder .notification-list:after,
#action-call-holder .notification-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

#notification-holder .notification-list:after,
#calls-holder .notification-list:after,
#action-call-holder .notification-list:after {
  right: 47px;
  border-style: solid;
  border-width: 0 7px 10px 7px;
  border-color: transparent transparent #e5e5e5 transparent;
}

#notification-holder .notification-list:before,
#calls-holder .notification-list:before,
#action-call-holder .notification-list:before {
  right: 45px;
  border-style: solid;
  border-width: 0 9px 11px 9px;
  border-color: transparent transparent #cecece transparent;
}

#notification-holder .notification-list header,
#calls-holder .notification-list header,
#action-call-holder .notification-list header {
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

#notification-holder .notification-list header span,
#calls-holder .notification-list header span,
#action-call-holder .notification-list header span {
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.2rem;
}

#notification-holder .notification-list header span:first-child,
#calls-holder .notification-list header span:first-child,
#action-call-holder .notification-list header span:first-child {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 900;
}

#notification-holder .notification-list header span:nth-child(2),
#calls-holder .notification-list header span:nth-child(2),
#action-call-holder .notification-list header span:nth-child(2) {
  font-weight: 500;
}

#notification-holder .notification-list div.notification-inner,
#calls-holder .notification-list div.notification-inner,
#action-call-holder .notification-list div.notification-inner {
  max-height: 400px;
}

#notification-holder .notification-list div.notification-inner div.notification-link,
#calls-holder .notification-list div.notification-inner div.notification-link,
#action-call-holder .notification-list div.notification-inner div.notification-link {
  color: black;
  padding: 10px 10px 10px 7px;
  width: 100%;
  border-left: 3px solid transparent;
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  -ms-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  position: relative;
}

#notification-holder .notification-list div.notification-inner div.notification-link:not(:first-child),
#calls-holder .notification-list div.notification-inner div.notification-link:not(:first-child),
#action-call-holder .notification-list div.notification-inner div.notification-link:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#notification-holder .notification-list div.notification-inner div.notification-link:hover,
#calls-holder .notification-list div.notification-inner div.notification-link:hover,
#action-call-holder .notification-list div.notification-inner div.notification-link:hover {
  background-color: #efefef;
}

#notification-holder .notification-list div.notification-inner div.notification-link .notification-delete,
#calls-holder .notification-list div.notification-inner div.notification-link .notification-delete,
#action-call-holder .notification-list div.notification-inner div.notification-link .notification-delete {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9999;
  display: none;
  cursor: pointer;
}

#notification-holder .notification-list div.notification-inner div.notification-link:hover .notification-delete,
#calls-holder .notification-list div.notification-inner div.notification-link:hover .notification-delete,
#action-call-holder .notification-list div.notification-inner div.notification-link:hover .notification-delete {
  display: block;
}

#notification-holder .notification-list div.notification-inner div.notification-link div.notification-info,
#calls-holder .notification-list div.notification-inner div.notification-link div.notification-info,
#action-call-holder .notification-list div.notification-inner div.notification-link div.notification-info {
  position: relative;
  text-align: left;
  line-height: 1.4em;
}

#notification-holder .notification-list div.notification-inner div.notification-link div.notification-info i,
#calls-holder .notification-list div.notification-inner div.notification-link div.notification-info i,
#action-call-holder .notification-list div.notification-inner div.notification-link div.notification-info i {
  position: absolute;
  top: 50%;
  left: 5px;
  font-size: 1.4em;
  text-align: center;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#notification-holder .notification-list div.notification-inner div.notification-link div.notification-info time,
#calls-holder .notification-list div.notification-inner div.notification-link div.notification-info time,
#action-call-holder .notification-list div.notification-inner div.notification-link div.notification-info time {
  display: block;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  margin-top: 10px;
}

#notification-holder .notification-list div.notification-inner.hide-seen div.notification-link,
#calls-holder .notification-list div.notification-inner.hide-seen div.notification-link,
#action-call-holder .notification-list div.notification-inner.hide-seen div.notification-link {
  display: none;
}

/**
 * Logo
 */
#logo {
  display: inline-block;
  vertical-align: middle;
  margin: 7px 20px 0 0;
}

#logo > a {
  display: block;
}

#logo > a > img {
  height: 40px;
  width: auto;
  display: block;
}

/* Kollisionsabfrage (z.B. bei Mandant anlegen und Name eintragen) */
/*#kollisionsabfrage {
  color: #D8000C;
  background-color: #FFBABA;
  padding-left: 60px;
  position: relative;

  &:before {
    content: '!';
    display: block;
    font-size: 60px;
    color: #D8000C;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 20px;
    opacity: .3;

    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px);
  }

  > legend {
    background-color: #f1adae;

    > h3 {
      color: #D8000C;
    }
  }
}

#kollisionsabfrage {
  legend {
    cursor: pointer;
  }

  &.closed {

    &:before {
      font-size: 1px;
    }

    .fieldset-content {
      display: none;
    }
  }
}*/
#kollisionsabfrage {
  border-color: #FFBABA;
}

#kollisionsabfrage h3.collision_warning_title {
  margin-bottom: 5px;
}

#kollisionsabfrage > legend {
  background-color: #FFBABA;
}

#kollisionsabfrage > legend:before {
  border-top: 2px solid #b12828;
  border-right: 2px solid #b12828;
}

#kollisionsabfrage > legend > h3 {
  color: #b12828;
  line-height: 37px;
}

#kollisionsabfrage .fieldset-content {
  display: none;
}

#kollisionsabfrage table.list {
  width: 100% !important;
  margin: 0;
}

#kollisionsabfrage table.list tbody.main {
  background-color: #e8e8e8;
}

#kollisionsabfrage table.list tbody.empty-placer tr td {
  padding: 0;
  height: 30px;
}

#kollisionsabfrage table.list tbody.headline {
  display: block;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 900;
  font-size: 1.2rem;
  margin-bottom: 5px;
}

#kollisionsabfrage table.list tbody tr.collision_tr .linkToFile {
  color: #416dea;
  cursor: pointer;
  font-weight: 500;
}

#kollisionsabfrage table.list tbody tr.collision_tr div {
  font-weight: 400;
}

#kollisionsabfrage table.list tbody tr td {
  padding: 0 5px;
}

#kollisionsabfrage table.list tbody tr td.hasVal {
  padding: 0;
}

#kollisionsabfrage table.list tbody tr td.hasVal .cherry_pick {
  position: relative;
  padding: 19px 6px 17px 30px;
  min-height: 38px;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color .15s ease;
  -moz-transition: background-color .15s ease;
  -ms-transition: background-color .15s ease;
  -o-transition: background-color .15s ease;
  transition: background-color .15s ease;
}

#kollisionsabfrage table.list tbody tr td.hasVal .cherry_pick:hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

#kollisionsabfrage table.list tbody tr td.hasVal .cherry_pick:before {
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  border: 1px solid #757575;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#kollisionsabfrage table.list tbody tr td.hasVal .cherry_pick:after {
  content: '';
  display: block;
  background: #416dea;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  -o-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#kollisionsabfrage table.list tbody tr td.hasVal .cherry_pick.active:before {
  border-color: #34495E;
}

#kollisionsabfrage table.list tbody tr td.hasVal .cherry_pick.active:after {
  -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}

#kollisionsabfrage table.list tbody tr td.hasVal .exact_collision {
  color: #e74c3c;
  font-weight: 500;
}

#kollisionsabfrage table.list tbody tr td:first-child {
  padding-left: 20px;
}

#kollisionsabfrage table.list tbody tr td:first-child.hasVal {
  padding: 0;
}

#kollisionsabfrage table.list tbody tr td:first-child.hasVal .cherry_pick {
  padding: 19px 6px 17px 45px;
}

#kollisionsabfrage table.list tbody tr td:first-child.hasVal .cherry_pick:before {
  left: 20px;
}

#kollisionsabfrage table.list tbody tr td:first-child.hasVal .cherry_pick:after {
  left: 25px;
}

.dashboard-modules {
  position: relative;
  padding-left: 240px;
}

.dashboard-modules .dashboard-modules-main {
  width: 220px;
  position: absolute;
  top: 0;
  left: 0;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single.smaller > a > span.dashboard-icon-button > .title-wrap > .title-main {
  font-size: 2.5rem;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > * {
  display: block;
  border: 1px solid #dddfe2;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  background: white;
  padding: 20px;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a {
  color: #000;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a > span.dashboard-icon-button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a > span.dashboard-icon-button > .ico-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-basis: 25%;
  flex-basis: 25%;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a > span.dashboard-icon-button > .ico-wrap .ico {
  display: block;
  position: relative;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a > span.dashboard-icon-button > .ico-wrap .ico > span > svg {
  height: 40px !important;
  width: 40px !important;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a > span.dashboard-icon-button > .ico-wrap .ico > span > i {
  font-size: 3rem;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a > span.dashboard-icon-button > .ico-wrap .ico .ico-count {
  position: absolute;
  top: -5px;
  right: -25px;
  height: 22px;
  width: 22px;
  line-height: 22px;
  font-size: 1.3rem;
  font-weight: bolder;
  text-align: center;
  background-color: #f32c52;
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a > span.dashboard-icon-button > .title-wrap {
  max-width: 120px;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-basis: 75%;
  flex-basis: 75%;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a > span.dashboard-icon-button > .title-wrap > .title-main {
  display: block;
  text-align: center;
  font-size: 3rem;
  line-height: 1em;
  margin-bottom: 6px;
}

.dashboard-modules .dashboard-modules-main > .dashboard-module-single > a > span.dashboard-icon-button > .title-wrap > .title-sub {
  display: block;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4em;
  font-weight: bolder;
}

.dashboard-modules .dashboard-modules-side {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.dashboard-modules .dashboard-modules-side > .dashboard-module-multi,
.dashboard-modules .dashboard-modules-side > .dashboard-module-single {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
}

.dashboard-modules .dashboard-modules-side > .dashboard-module-multi > .statistic-wrap,
.dashboard-modules .dashboard-modules-side > .dashboard-module-single > .statistic-wrap {
  height: 100%;
  border: 1px solid #dddfe2;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  background: white;
  padding: 20px;
}

.dashboard-modules .dashboard-modules-side > .dashboard-module-single {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  width: 50%;
}

.dashboard-modules .dashboard-modules-side > .dashboard-module-single:last-child:nth-child(odd) {
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}

#user-avatar,
#notification-holder .notification-bullet,
#calls-holder .notification-bullet,
ul.pagination li a.active,
.section-tabs.section-tabs-count ul li.on a:after,
input[type="radio"] + i:before {
  background-color: #416dea !important;
}

#calls-holder .notification-bullet.green {
  background-color: green !important;
}

#new-ticket {
  background-color: #416dea !important;
}

#notification-holder .notification-list div.notification-inner div.notification-link div.notification-info i {
  color: #333333 !important;
}

/* Font-Color */
.route-bullet,
.phone-bullet,
.mail-bullet,
.section-tabs ul li.on a,
.section-tabs ul li.on > span,
#menu > ul > li > ul > li.on > a > i,
input[type="checkbox"] + label:before,
input[type="radio"] + label:before,
.cust-maincolor-color,
.head-icon {
  color: #416dea !important;
}

a {
  color: #416dea;
}

/* Border-Color */
.route-bullet,
.phone-bullet,
.mail-bullet,
.section-tabs ul li.on a,
select:active,
label.nicecheck input[type="checkbox"] + i:before,
.multi-menu ul li.on a,
.multi-menu ul li.on > span {
  border-color: #416dea !important;
}

#new-ticket:before {
  border-color: transparent #333333 transparent transparent !important;
}

#new-ticket:after {
  border-color: #333333 transparent transparent transparent !important;
}

@-webkit-keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #416dea;
  }
}

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #416dea;
  }
}

/* jquery datetimepicker */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #416dea;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #333333;
}

.highcharts-credits,
.highcharts-exporting-group {
  display: none;
}

.highcharts-data-label-connector {
  stroke: none;
}

.highcharts-figure,
.highcharts-data-table table {
  margin: 1em auto;
}

.highcharts-data-table table {
  font-family: Roboto, sans-serif;
  border-collapse: collapse;
  border: 1px solid #EBEBEB;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}

.statistic-wrap {
  position: relative;
}

.statistic-wrap header {
  padding: 0 20px;
  margin: 1em 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

.statistic-wrap header > script {
  height: 0;
  width: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 0;
}

.statistic-wrap header .title-wrap {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
}

.statistic-wrap header .title {
  font-size: 1.17em;
  font-weight: 700;
  float: left;
  clear: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.statistic-wrap header .title .tooltip-info {
  margin-left: 5px;
}

.statistic-wrap header .info {
  margin: 0.5em 0;
  float: left;
  clear: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.statistic-wrap .stat-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.statistic-wrap .stat-row > .stat-col {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

.statistic-wrap .stat-row.cols-1 > .stat-col {
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}

.statistic-wrap .stat-row.cols-2 > .stat-col {
  width: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
}

.statistic-wrap .stat-row.cols-3 > .stat-col {
  width: 33.333333%;
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  -ms-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
}

.statistic-wrap .stat-row.cols-4 > .stat-col {
  width: 25%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-basis: 25%;
  flex-basis: 25%;
}

.statistic-wrap .stat-row.cols-5 > .stat-col {
  width: 20%;
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
}

.statistic-wrap .stat-row.cols-6 > .stat-col {
  width: 16.666666%;
  -webkit-flex-basis: 16.66667%;
  -moz-flex-basis: 16.66667%;
  -ms-flex-basis: 16.66667%;
  flex-basis: 16.66667%;
}

.statistic-wrap .stat-row.cols-7 > .stat-col {
  width: 14.285714%;
  -webkit-flex-basis: 14.28571%;
  -moz-flex-basis: 14.28571%;
  -ms-flex-basis: 14.28571%;
  flex-basis: 14.28571%;
}

.statistic-wrap .stat-row.cols-8 > .stat-col {
  width: 12.5%;
  -webkit-flex-basis: 12.5%;
  -moz-flex-basis: 12.5%;
  -ms-flex-basis: 12.5%;
  flex-basis: 12.5%;
}

.filter-stat-wrap .filter-chart {
  display: none;
  width: 400px;
  background: #fff;
  padding: 30px;
  position: absolute;
  z-index: 1;
  top: 60px;
  right: 20px;
  border: 1px solid #dddfe2;
  -webkit-box-shadow: 2px 11px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 11px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 11px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 11px;
  -webkit-border-radius: 11px;
}

.filter-stat-wrap .filter-chart > div:not(:last-child) {
  margin-bottom: 30px;
}

.filter-stat-wrap .filter-chart > div > strong {
  display: block;
}

.filter-stat-wrap .filter-chart > div > label {
  padding: 8px 0;
}

.filter-stat-wrap .filter-chart > div .input-wrap select {
  border: 1px solid black;
}

.statistic-chart {
  margin: 0;
}

.statistic-infobox .statistic-content {
  position: relative;
  border: #416dea 1px solid;
  padding: 20px;
  text-align: center;
  display: inline-block;
  width: 100%;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.statistic-infobox .statistic-content .tooltip-info {
  position: absolute;
  top: 5px;
  right: 5px;
}

.statistic-infobox .statistic-content .tooltip-info svg {
  left: 0;
  top: 0 !important;
}

.statistic-infobox .statistic-content .txt-top {
  font-weight: 500;
  color: #416dea;
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.statistic-infobox .statistic-content .txt-top span {
  display: none;
}

.statistic-infobox .statistic-content .txt-bottom {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1em;
}

.statistic-infobox.cl-red > .statistic-content {
  border: #f32c52 1px solid;
}

.statistic-infobox.cl-red > .statistic-content .txt-top {
  color: #f32c52;
}

.statistic-infobox.cl-black > .statistic-content {
  border: black 1px solid;
}

.statistic-infobox.cl-black > .statistic-content .txt-top {
  color: black;
}

.statistic-infobox.cl-green > .statistic-content {
  border: #87c129 1px solid;
}

.statistic-infobox.cl-green > .statistic-content .txt-top {
  color: #87c129;
}

.statistic-infobox.cl-darkgreen > .statistic-content {
  border: #448e47 1px solid;
}

.statistic-infobox.cl-darkgreen > .statistic-content .txt-top {
  color: #448e47;
}

.statistic-group > .group-inner > .stat-col:not(:last-child) {
  margin-bottom: 20px;
}

.statistic-text-bottom {
  margin-top: 6px;
}

.folding-box .title {
  cursor: pointer;
}

.folding-box > div,
.folding-box > span {
  display: none;
}

.folding-box.open {
  color: #000;
}

.folding-box.open > div {
  display: block;
}

.folding-box.open > span {
  display: inline-block;
}

.folding-box.open > header:before {
  transform: rotate(-45deg);
}

.folding-box.open.grey-round span.title {
  border-radius: 20px 0 20px 0;
}

.folding-box.grey-round {
  border: grey 1px solid;
  border-radius: 22px;
  background: white;
}

.folding-box.grey-round span.title {
  border-radius: 22px;
  background: grey;
  padding: 6px 20px;
  color: white;
  min-width: 302px;
  display: inline-block;
}

.folding-box.lightgrey-angular > header {
  background: lightgrey;
}

.folding-box.lightgrey-angular > header span.title {
  color: black;
  padding: 6px 20px;
  display: block;
}

.folding-box > header {
  position: relative;
}

.folding-box > header:before {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 8px;
  right: 15px;
  background: transparent;
  z-index: 5;
  border-top: 2px solid #7F7F7F;
  border-right: 2px solid #7F7F7F;
  webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.folding-box > span {
  position: relative;
  width: 100%;
}

.folding-box > span button.lightgreen {
  position: absolute;
  right: 12px;
  top: -48px;
  background: #87c129;
  color: #fff;
}

/* Altes Styling vorrübergehend */
.statistic-wrap.old,
.statistic-wrap-main {
  position: relative;
}

.statistic-wrap.old .filter-stat-wrap,
.statistic-wrap-main .filter-stat-wrap {
  top: 40px;
  right: 20px;
  z-index: 10;
}

.statistic-wrap.old .info-boxes,
.statistic-wrap-main .info-boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 100%;
  padding: 0 20px;
  margin: 20px 0;
}

.statistic-wrap.old .info-boxes > div,
.statistic-wrap-main .info-boxes > div {
  width: 18%;
}

.statistic-wrap.old .infobox-blue,
.statistic-wrap-main .infobox-blue {
  border: #416dea 1px solid;
  width: fit-content;
  padding: 20px;
  text-align: center;
}

.statistic-wrap.old .infobox-blue .txt-top,
.statistic-wrap-main .infobox-blue .txt-top {
  font-weight: 500;
  color: #416dea;
  margin-bottom: 10px;
}

.statistic-wrap.old .infobox-blue .txt-top span,
.statistic-wrap-main .infobox-blue .txt-top span {
  display: none;
}

.statistic-wrap.old .infobox-blue.cl-red,
.statistic-wrap-main .infobox-blue.cl-red {
  border: #f32c52 1px solid;
}

.statistic-wrap.old .infobox-blue.cl-red .txt-top,
.statistic-wrap-main .infobox-blue.cl-red .txt-top {
  color: #f32c52;
}

.statistic-wrap.old .infobox-blue.cl-black,
.statistic-wrap-main .infobox-blue.cl-black {
  border: black 1px solid;
}

.statistic-wrap.old .infobox-blue.cl-black .txt-top,
.statistic-wrap-main .infobox-blue.cl-black .txt-top {
  color: black;
}

.statistic-wrap.old .infobox-blue.cl-green,
.statistic-wrap-main .infobox-blue.cl-green {
  border: #87c129 1px solid;
}

.statistic-wrap.old .infobox-blue.cl-green .txt-top,
.statistic-wrap-main .infobox-blue.cl-green .txt-top {
  color: #87c129;
}

.statistic-wrap.old .infobox-blue.cl-darkgreen,
.statistic-wrap-main .infobox-blue.cl-darkgreen {
  border: #448e47 1px solid;
}

.statistic-wrap.old .infobox-blue.cl-darkgreen .txt-top,
.statistic-wrap-main .infobox-blue.cl-darkgreen .txt-top {
  color: #448e47;
}

.statistic-wrap.old .infobox-blue .txt-bottom,
.statistic-wrap-main .infobox-blue .txt-bottom {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1em;
}

.statistic-wrap.old .infobox-blue.top-big .txt-top,
.statistic-wrap-main .infobox-blue.top-big .txt-top {
  font-size: 46px;
}

.statistic-wrap.old .infobox-blue.value-up,
.statistic-wrap-main .infobox-blue.value-up {
  text-align: left;
}

.statistic-wrap.old .infobox-blue.value-up .txt-top,
.statistic-wrap-main .infobox-blue.value-up .txt-top {
  position: relative;
  font-size: 46px;
}

.statistic-wrap.old .infobox-blue.value-up .txt-top span:last-of-type,
.statistic-wrap-main .infobox-blue.value-up .txt-top span:last-of-type {
  position: absolute;
  right: 0;
  top: -10px;
  font-size: 30px;
  font-weight: 100;
  display: block;
}

.statistic-wrap.old .box-inline,
.statistic-wrap-main .box-inline {
  display: inline-block;
}

.statistic-meta-info {
  display: block;
  margin: 40px 0 20px 0;
  padding: 0 0 0 20px;
  font-size: 1.17em;
}

.statistic-meta-info > strong,
.statistic-meta-info > span {
  display: block;
  line-height: 1.6em;
}

.section-head.thin-blue {
  background: #416dea;
  color: white;
  padding: 10px 20px;
}

.section-head.thin-blue .statistic-wrap header {
  padding: 0;
  margin: 0;
  z-index: 4;
}

.section-head.thin-blue .statistic-wrap header .filter-stat-wrap {
  position: initial;
  margin-right: -13px;
  margin-top: 2px;
}

.section-head.thin-blue .statistic-wrap header form {
  color: #000;
}

#dashboard-header {
  display: flex;
  justify-content: space-between;
}

#dashboard-header #filter-dashboard-statistics {
  display: flex;
  align-items: center;
}

#dashboard-header #filter-dashboard-statistics #open-filter-dashboard-statistics {
  font-size: 13px;
  font-weight: 600;
}

#dashboard-header #filter-dashboard-statistics .statistic-wrap {
  padding-right: 5px;
}

#dashboard-header #filter-dashboard-statistics .statistic-wrap header {
  padding: 0;
  margin: 0;
  z-index: 4;
}

#dashboard-header #filter-dashboard-statistics .statistic-wrap header .filter-stat-wrap {
  position: static;
}

.highcharts-figure .title h3 {
  font-size: 17.55px;
}

.simple-loader {
  display: inline-block;
  width: 50px;
  height: 50px;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
  border: 5px solid #416dea;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: 1s simple-loader linear infinite;
  position: relative;
  opacity: .7;
}

@keyframes simple-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

.w-60 {
  width: 60px;
}

.w-80 {
  width: 80px;
}

.w-90 {
  width: 90px;
}

.w-100 {
  width: 100px;
}

.w-110 {
  width: 110px;
}

.w-125 {
  width: 125px;
}

.w-140 {
  width: 140px;
}

.w-150 {
  width: 150px;
}

.w-210 {
  width: 210px;
}

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

/*Ergänzung Icons*/
.involved-card-inner .involved-card-btn-holder [class*="icon-edit"] {
  padding: 9px 10px 11px 11px;
}

.involved-card-inner .involved-card-btn-holder [class*="icon-edit_box"] {
  padding: 9px 10px 11px 12px;
}

.textmodules-container {
  display: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
  background-color: white !important;
}

.textmodules-container a {
  text-align: center;
}

.textmodules-container a.mce-menu-item {
  border-left: none;
}

.communication-tag-hint {
  color: gold;
}

.kennzeichen-limiter {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.kennzeichen {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.kennzeichen > small {
  display: none;
}

.kennzeichen > span {
  height: 25px;
  background: #fff;
  padding: 0px 6px 0px 18px;
  font-weight: bold;
  position: relative;
  border: 1px solid #333333;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.kennzeichen > span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 12px;
  background: #416dea;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.kennzeichen > span .bullets {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: middle;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.kennzeichen > span .bullets:before, .kennzeichen > span .bullets:after {
  content: '';
  display: block;
  height: 5px;
  width: 5px;
  background: #cccccc;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.kennzeichen > span .bullets:after {
  margin-top: 1px;
  height: 7px;
  width: 7px;
}

h3 .kennzeichen.geschaedigter > span:before {
  background: #8cc129;
}

h3 .kennzeichen.gegner > span:before {
  background: #e20d18;
}

.kennzeichen-overview-mandant {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.kennzeichen-overview-mandant > small {
  display: none;
}

.kennzeichen-overview-mandant > span {
  height: 20px;
  background: #fff;
  padding: 0px 6px 0px 18px;
  font-weight: bold;
  position: relative;
  border: 1px solid #333333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.kennzeichen-overview-mandant > span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 12px;
  background: #416dea;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.kennzeichen-overview-mandant > span .bullets {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: middle;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.kennzeichen-overview-mandant > span .bullets:before, .kennzeichen-overview-mandant > span .bullets:after {
  content: '';
  display: block;
  height: 5px;
  width: 5px;
  background: #cccccc;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.kennzeichen-overview-mandant > span .bullets:after {
  margin-top: 1px;
  height: 7px;
  width: 7px;
}

.kennzeichen-overview-gegner {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.kennzeichen-overview-gegner > small {
  display: none;
}

.kennzeichen-overview-gegner > span {
  height: 20px;
  background: #fff;
  padding: 0px 6px 0px 18px;
  font-weight: bold;
  position: relative;
  border: 1px solid #333333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.kennzeichen-overview-gegner > span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 12px;
  background: #e20d18;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.kennzeichen-overview-gegner > span .bullets {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: middle;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.kennzeichen-overview-gegner > span .bullets:before, .kennzeichen-overview-gegner > span .bullets:after {
  content: '';
  display: block;
  height: 5px;
  width: 5px;
  background: #cccccc;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.kennzeichen-overview-gegner > span .bullets:after {
  margin-top: 1px;
  height: 7px;
  width: 7px;
}

/* Drag & Drop Fileupload */
.fileupload-wrap {
  margin-bottom: 10px;
  background-color: #cddce1;
  padding: 4px;
}

.fileupload-wrap .fileupload,
.fileupload-wrap .fileupload-2 {
  position: relative;
  width: 100%;
  height: 130px;
  border: 2px dashed #99b2b2;
}

.fileupload-wrap .fileupload input,
.fileupload-wrap .fileupload-2 input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100% !important;
  outline: none;
  opacity: 0;
}

.fileupload-wrap .fileupload p,
.fileupload-wrap .fileupload-2 p {
  text-align: center;
  color: #1d3845;
  pointer-events: none;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fileupload-wrap .fileupload p small,
.fileupload-wrap .fileupload-2 p small {
  display: block;
  font-weight: normal;
  padding-top: 6px;
}

/* Fehler Meldung */
#invalid-file-wrap {
  border: 1px solid #dddfe2;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  padding-left: 46px;
}

#invalid-file-wrap:before {
  content: '!';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 36px;
  background: #F32C52;
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 47px;
  color: #fff;
}

#documents-list fieldset > legend > h3,
#communication fieldset > legend > h3 {
  font-size: 1em;
}

#communication pre {
  word-break: initial;
  white-space: pre-line;
  z-index: inherit;
}

td[data-title="Aktion"] {
  max-width: none !important;
}

.tr-info.open {
  display: table-row;
}

#documents-list table th:last-of-type {
  width: 225px;
}

#documents-list td {
  padding: 10px 6px 8px;
}

#documents-list ul {
  list-style: none;
  padding: 10px;
}

#documents-list ul li {
  padding: 5px 0;
}

#aktenfreigabe {
  width: 100%;
  padding: 20px;
  padding-top: 10px;
}

#aktenfreigabe button[data-freigabe] {
  width: 100%;
}

.login-bg {
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.login-bg input[type="submit"][value="Login"] {
  background: -webkit-linear-gradient(90deg, #e70339 0%, #b00030 80%);
  background: -o-linear-gradient(90deg, #e70339 0%, #b00030 80%);
  background: -moz-linear-gradient(90deg, #e70339 0%, #b00030 80%);
  background: linear-gradient(90deg, #e70339 0%, #b00030 80%);
  color: white;
}

.reverted-payment {
  color: orange !important;
}

#is-parking-filter:disabled {
  color: black;
}

[data-amount-hint] {
  display: none;
}

tr.is-filiale {
  color: grey;
}

@-moz-document url-prefix() {
  div.overlay-body.optional-container {
    max-height: 100% !important;
  }
  div.overlay-body {
    max-height: 100% !important;
  }
  fieldset:last-of-type {
    margin-bottom: 100px;
  }
}

fieldset legend {
  width: 100%;
}

#reminders-dialog fieldset {
  padding-bottom: 10px;
}

#reminders-dialog .cols {
  white-space: nowrap;
}

#reminders-dialog .cols > small {
  display: block;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 900;
  font-size: 1.2rem;
  margin-bottom: 5px;
  padding-top: 10px;
}

#reminders-dialog .cols > small:first-child {
  width: 60px;
}

#reminders-dialog .cols > small:nth-child(2) {
  width: 40%;
}

#reminders-dialog .cols > small:last-child {
  width: 75px;
  margin-left: auto;
}

#reminders-dialog .cols > div:first-child {
  width: 60px;
}

#reminders-dialog .cols > div:nth-child(2) {
  width: 40%;
}

#reminders-dialog .cols > div:last-child {
  width: 75px;
  margin-left: auto;
}

#reminders-dialog .cols > div.input-wrap input {
  margin: 0 10px;
  width: 60px;
  text-align: center;
}

.reminder-state {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  width: 32px;
  height: 32px;
  line-height: 25px;
  border-width: 4px;
  border-style: solid;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.reminder-state.reminder-state-1 {
  border-color: #ffca6a;
  color: #000;
}

.reminder-state.reminder-state-2 {
  border-color: orange;
  color: #000;
}

.reminder-state.reminder-state-3 {
  border-color: #f74c0b;
  color: #000;
}

.reminder-state.reminder-state-4 {
  border-color: #000;
  color: #f74c0b;
}

.reminders-list fieldset > legend button {
  top: 6px;
  right: 18px;
  border: none;
}

.reminders-list table {
  width: 100%;
  margin-bottom: 6px;
}

.reminders-list table thead tr {
  text-align: left;
}

.reminders-list table thead tr th {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 900;
  font-size: 1.2rem;
  margin-bottom: 5px;
  padding-top: 10px;
}

#list_akte_view_schadenspositionen table tbody tr.reminder-active {
  background-color: #fba7a7 !important;
}

#list_akte_edit_schadenspositionen table tbody tr.reminder-active {
  background-color: #fba7a7 !important;
}

#list_akte_edit_schadenspositionen table tbody tr.reminder-active td:last-of-type:hover {
  background: #ff7070 !important;
}

#list_akte_edit_schadenspositionen table tbody tr.reminder-active td:last-of-type div.clone-delete:hover {
  background: #ff7070 !important;
}

#list_akte_edit_schadenspositionen table:not(.teilzahlungen) tbody tr:not(.tr-info) td:not(.nohover-nopointer):last-of-type:hover {
  background-color: #ccc;
}

#list_akte_edit_schadenspositionen select[readonly] {
  cursor: not-allowed !important;
  color: #6d6d6d;
}

#list_akte_edit_schadenspositionen .ust-checkbox {
  position: relative;
}

#list_akte_edit_schadenspositionen .ust-checkbox .input-wrap > div {
  padding-right: 40px;
}

#list_akte_edit_schadenspositionen .ust-checkbox .input-wrap > div > div {
  position: absolute;
  top: 22px;
  right: 2px;
}

#list_akte_view_schadenspositionen .ust-checkbox {
  position: relative;
  padding-right: 40px;
}

#list_akte_view_schadenspositionen .ust-checkbox div {
  position: absolute;
  top: 13px;
  right: 1px;
}

#list_akte_view_schadenspositionen .ust-checkbox div label.nicecheck {
  cursor: default;
}

label.nicecheck.cl-green *:not(button):not(.button):not(.hand):not(.icon-letter)[data-tippy] {
  border-bottom: none;
}

label.nicecheck.cl-green input[type="checkbox"] + i:before {
  border-color: green !important;
}

.cl-grey {
  background-color: grey !important;
}

.send-call-box {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
  padding: 2px 0;
}

.send-call-box span {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.5);
}

.send-call-box .ok-call-button {
  background-color: #416dea;
  padding: 5px 5px;
  margin: 5px 5px 5px 10px;
  color: #ffffff;
  min-height: 27px;
  border-radius: 3px;
  margin-left: 3px;
}

.send-call-box .ok-call-button:hover {
  background-color: #416dea;
}

.notification-wrap .notification-content > div {
  display: none;
}

.notification-wrap .notification-content > div.active {
  display: block;
}

.notification-wrap .notification-content > div table.list {
  width: 100% !important;
  margin-left: 0;
}

/*.dashboard-modules {
    @include flexbox();
    @include justify-content(space-between);
    @include align-items(flex-start);

    // Tiles general
    > div {
        .dashboard-module-single {
            width: 100%;

            > div,
            > a {
                @include flexbox();
                @include flex-direction(column);
                @include align-items(center);
                padding: 30px 20px;
                background-color: #fff;
                color: #000;
                border: 1px solid #dddfe2;
                height: 100%;
                @include border-radius(11px);

                > div:not(.filter-stat-wrap),
                > span {
                    @include flexbox();
                    @include align-items(center);
                    @include justify-content(space-between);
                    max-width: 450px;
                    width: 100%;
                    height: 100%;
                    margin: 0 auto;
                }
            }
        }

        // Main content left
        &.dashboard-modules-main {
            max-width: 220px;
            width: 100%;
            margin-right: 20px;

            > .dashboard-module-single {
                &:not(:first-child) {
                    margin-top: 20px;
                }

                > div,
                > a {
                    // Überschrift und Unterüberschrift
                    .title-wrap {
                        width: 75%;
                        max-width: 120px;

                        > .title-main,
                        > .title-sub {
                            display: block;
                            text-align: center;
                        }

                        > .title-main {
                            font-size: 3rem;
                            line-height: 1em;
                            margin-bottom: 6px;
                        }

                        > .title-sub {
                            font-size: 1.3rem;
                            line-height: 1.4em;
                            font-weight: bolder;
                        }
                    }

                    // Icon mit Counter
                    .ico-wrap {
                        @include flexbox();
                        @include justify-content(center);
                        @include align-items(center);
                        width: 25%;

                        // Icon
                        .ico {
                            display: block;
                            position: relative;

                            > span {
                                > svg {
                                    height: 40px !important;
                                    width: 40px !important;
                                }

                                > [class^=icon] {
                                    font-size: 3rem;
                                }
                            }

                            // Counter
                            .ico-count {
                                position: absolute;
                                top: -5px;
                                right: -25px;
                                height: 22px;
                                width: 22px;
                                line-height: 22px;
                                font-size: 1.3rem;
                                font-weight: bolder;
                                text-align: center;
                                background-color: #f32c52;
                                color: #fff;
                                @include border-radius(50%);
                            }
                        }
                    }
                }

                // Kachel ist ein Link
                > a {
                    @include transform(translateY(0));
                    @include box-shadow(0);
                    @include transition(box-shadow 150ms ease, transform 150ms ease, background-color 150ms ease);

                    &:hover {
                        background-color: #f5f5f5;
                        @include box-shadow(2px 11px 20px 0px rgba(0, 0, 0, 0.1));
                        @include transform(translateY(-3px));
                    }
                }
            }
        }

        // Sidebar right
        &.dashboard-modules-side {
            @include flexbox();
            @include flex-wrap(wrap);
            @include flex(1);
            margin: 0 -10px;

            .dashboard-module-single {
                width: 50%;

                &:not(:nth-of-type(2n)) {
                    padding: 0 10px;
                }

                &:nth-of-type(2n) {
                    padding-left: 10px;
                }

                &:not(:nth-of-type(-n+2)) {
                    margin-top: 20px;
                }

                &:nth-last-of-type(1):nth-of-type(odd) {
                    width: 100%;
                    padding-right: 0;
                }

                > div,
                > a {
                    padding: 20px;

                    &:not(:last-child) {
                        margin-bottom: 20px;
                    }
                }

                .statistic-wrap {
                    figure {
                        width: 100%;
                    }
                }
            }
        }
    }
}*/
.accordion-simple {
  display: block;
  width: 100%;
}

.accordion-simple > strong {
  display: block;
  position: relative;
  cursor: pointer;
  width: 100%;
  padding: 15px;
  margin: -15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.accordion-simple > strong:after {
  content: "";
  display: block;
  position: absolute;
  right: -15px;
  top: 15px;
  border: solid black;
  border-width: 0 3px 3px 0;
  padding: 3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.accordion-simple > strong.active:after {
  top: 20px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.accordion-simple > strong + div {
  padding: 30px 0 0 0;
}

.corrections {
  width: 25%;
}

.add-correction-box {
  display: inline-block;
  margin-top: 20px;
}

.correction-box {
  margin-top: 10px;
}

.correction-box .open-correction {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  display: block;
  padding: 7px 20px;
  cursor: pointer;
}

.correction-box .open-correction:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.45);
  border-right: 1px solid rgba(0, 0, 0, 0.45);
  transform: rotate(45deg);
  bottom: 12px;
  left: 2px;
}

.correction-box .open-correction .delete-correction {
  position: absolute;
  right: 0;
  background: red;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  cursor: pointer;
  top: 1px;
}

.correction-box .open-correction.del {
  text-decoration: line-through;
  color: #7B7B7B;
}

.correction-box > div {
  display: none;
}

.correction-box > div small {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 5px;
}

.correction-box.open .open-correction:after {
  transform: rotate(-135deg);
}

.correction-box.open > div {
  display: block;
}

.additional-filter-checkbox {
  margin-top: 37px;
}

.additional-filter-checkbox span {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 900;
  font-size: 1.2rem;
  margin-left: 5px;
}

#error-404 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30px;
}

fieldset#assign-company:not(.nofold) > legend:before {
  display: block;
}

fieldset#assign-company:not(.nofold) ul {
  font-size: 13px;
  line-height: 1.5;
}

fieldset#assign-company:not(.nofold) li:not(:last-of-type) {
  padding-bottom: 2px;
}

fieldset#assign-company:not(.nofold) li span {
  cursor: pointer;
}

fieldset#assign-company:not(.nofold) li span:hover {
  color: #416dea;
}

#create-documents {
  /*label.tippy, div.tippy {
        border-bottom: none;
    }*/
}

#create-documents label.disabled {
  color: rgba(51, 51, 51, 0.8);
  cursor: not-allowed;
}

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