/* monda-regular - latin */
@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 400;
  src: local('Monda Regular'), local('Monda-Regular'),
  url('/skin/googlefonts/monda-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('/skin/googlefonts/monda-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* monda-700 - latin */
@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 700;
  src: local('Monda Bold'), local('Monda-Bold'),
  url('/skin/googlefonts/monda-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('/skin/googlefonts/monda-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* carrois-gothic-regular - latin */
@font-face {
  font-family: 'Carrois Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/skin/googlefonts/carrois-gothic-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Carrois Gothic Regular'), local('CarroisGothic-Regular'),
  url('/skin/googlefonts/carrois-gothic-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/skin/googlefonts/carrois-gothic-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('/skin/googlefonts/carrois-gothic-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('/skin/googlefonts/carrois-gothic-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('/skin/googlefonts/carrois-gothic-v10-latin-regular.svg#CarroisGothic') format('svg'); /* Legacy iOS */
}

/*--- STANDARD CSS ---*/
html {
  height: 100%;
}
body {
  padding: 0;
  margin: 0;
  height: calc( 100% - 75px );
  font-size: 1em;
  font-family: 'Carrois Gothic', verdana, helvetica, sans-serif;
  color: #333;
}

a:link, a:visited, a:hover, a:focus, a:active {
  text-decoration: none;
  color: #FFB600;
}

a:hover, a:focus, a:active {
  color: #cccccc;
}

form, h1, h2, h3, h4, h5, h6, img {
  padding: 0;
  margin: 0;
  border: 0;
}

img {
  max-width: 100%;
  height:auto;
}

h1 {
  padding-bottom: 0.9em;
  font-family: 'Monda';
  font-size: 1.3em;
  font-weight: normal;
  text-shadow: 1px 1px 1px #CCCCCC;
  color: #161616;
}

h2 {
  padding-bottom: 0.6em;
  font-family: 'Monda';
  font-size: 1.3em;
  font-weight: normal;
  text-shadow: 1px 1px 1px #CCCCCC;
  color: #FFB600;
}

h3 {
  padding-top: 0.6em;
  padding-bottom: 0.4em;
  font-family: 'Monda';
  font-size: 1.1em;
  font-weight: normal;
  text-shadow: 1px 1px 1px #CCCCCC;
  text-align: left;
  color: #000000;
}

.cf-invisible, dfn {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
}

.cf-left {
  float: left;
}
/*--- END STANDARD CSS ---*/



/* Kopf */
header.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

header.header div.glow {
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 100%;
  height: 18px;
  text-align: center;
  transform: translate(-50%,6px) scaleX(-1);
  overflow: hidden;
}
header.header div.glow img {
  max-width: none;
  margin: 0;
  vertical-align: top;
}

div.header-container {
  display: flex;
  padding: 0;
  align-items: center;
  border-bottom: 2px solid #FAB116;
  background: #232C35;
  flex-wrap: wrap;
  justify-content: space-between;
}

div.logo {
  position: relative;
  width: 130px;
  padding: 18px 40px 17px 40px;
}
div.logo img {
  height: 30px;
  width: 130px;
}

div.mainmenu {
  position: relative;
  padding: 0 13px 2px 40px;
  color: #FFFFFF;
  z-index: 100;
}

div.mainmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
div.mainmenu ul li {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  background: none;
}

div.mainmenu ul li.hasSub {
  cursor: pointer;
}
div.mainmenu ul li.hasSub::after {
  display: inline-block;
  content: '▲';
  font-size: 0.6em;
  padding-left: 5px;
  vertical-align: middle;
  transition: 300ms;
}
div.mainmenu ul li.hasSub:hover::after {
  transform: scale(1,-1);
  color:#ffb600;
}

div.mainmenu ul li ul {
  position: absolute;
  left: 50%;
  border: 1px solid black;
  z-index: 1000;
  margin: 0;
  padding: 5px 0;
  background-color: white;
  border-radius: 3px;
  color: black;
  visibility: hidden;
  transform: translate( -50%, 0);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
div.mainmenu ul li:hover ul,
div.mainmenu ul li:active ul,
div.mainmenu ul li:focus ul {
  visibility: visible;
}
div.mainmenu ul li ul li {
  display: block;
}

div.mainmenu > ul li+li {
  margin-left: 25px;
}
div.mainmenu ul li ul li+li {
  margin-left: 0;
}
div.mainmenu ul li a {
  position: relative;
  display: inline-block;
  padding: 0;
  font-weight: 300;
  color: #FFFFFF;
  cursor: pointer;
  text-transform: uppercase;
}
div.mainmenu ul li a:hover, div.mainmenu ul li a.active, div.mainmenu ul li a.menu-list-marked, div.mainmenu ul li strong {
  color: #FFB600;
}

div.mainmenu ul li+li {
  margin-left: 25px;
}
div.mainmenu ul li a {
  position: relative;
  display: inline-block;
  padding: 0;
  font-weight: 300;
  color: #FFFFFF;
  cursor: pointer;
  text-transform: none;
}
div.mainmenu ul li a:hover, div.mainmenu ul li a.active, div.mainmenu ul li a.menu-list-marked, div.mainmenu ul li strong {
  color: #FFB600;
}
div.mainmenu ul li ul li a {
  position: relative;
  width: calc( 100% - 30px );
  display: block;
  padding: 10px 15px;
  font-weight: 300;
  color: black;
  cursor: pointer;
  text-transform: none;
}

div.mainmenu ul li ul li a:hover {
  background-color: #EFEFEF;
}


.unsichtbar, dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

/* Menu */

div.menu-overlay {
  display: none;
  position: absolute;
  top: 67px;
  left: 0;
  width: 100%;
  height: calc( 100vh - 67px );
  background: #232B33AA;
  z-index: 99;
}
div.menu-container {
  position: relative;
  display: none;
  width: 100%;
  max-width: 100%;
  margin: 0;
  height: calc( 100vh - 67px );
  overflow: auto;
  z-index: 102;
}
#menu-switch {
  display: none;
  background: none;
  border: 0;
  margin: 0 0 0 20px;
  outline: none;
}
#menu-switch span:nth-child(1),#menu-switch span:nth-child(2){-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center}#menu-switch{width:35px;height:25px;position:relative;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;vertical-align:bottom}#menu-switch span{display:block;position:absolute;height:2px;width:100%;background:#FFF;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#menu-switch span:nth-child(1){top:6px;transform-origin:left center}#menu-switch span:nth-child(2){top:14px;transform-origin:left center}#menu-switch span:nth-child(3){top:22px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#menu-switch.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:2px;left:2px}#menu-switch.open span:nth-child(2){width:0;opacity:0}#menu-switch.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:26px;left:2px}
#menu-switch span {
  background: #FFF;
}

#menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#menu .col {
  position: absolute;
  top: 0;
  left: 0;
  width: calc( 25% - 1px );
  height: 100%;
  border-right: 1px solid #CCC;
  background: #FFF;
  overflow: hidden;
  overflow-y: auto;
}
#menu ul, #menu li {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  background: none;
}
#menu ul {
  margin: 80px 20px 40px 20px;
}
#menu ul li a, #menu ul li strong {
  display: block;
  font-weight: 300;
  padding: 15px 32px 15px 20px;
  color: #333;
}
#menu ul li a:hover, #menu ul li strong, #menu ul li.hasSub:hover, #menu ul li.active, #menu ul li.active a, #menu ul li a.menu-list-marked {
  color: #F18A03;
}
#menu ul li ul {
  display: none;
}

#menu ul li.hasSub a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  cursor: pointer;
  font-weight: bold;
  transition: 150ms;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  display: block;
  border: 7px solid transparent;
  border-right: 0;
  border-left: 8px solid #999;
  content: '';
}
#menu ul li.hasSub.active a:after {
  right: 0;
  border-left: 8px solid #FAB116;
}

div.menu-container-back {
  display: none;
  position: fixed;
  top: 100px;
  left: 0;
  padding: 30px 10px;
  cursor: pointer;
  z-index: 110;
  background: #F1F1F1;
}
div.menu-container-back:after {
  display: block;
  border: 7px solid transparent;
  border-left: 0;
  border-right: 8px solid #FAB116;
  content: '';
}

#menu-container-close {
  position: fixed;
  width: 30px;
  height: 30px;
  top: 85px;
  right: 20px;
  cursor: pointer;
  z-index: 110;
  background: inherit;
}
#menu-container-close:before,
#menu-container-close:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 30px;
  transform-origin: 50% 50%;
  transform: translate(-50%,-50%) rotate(45deg);
  background: #FFF;
  content: '';
  transition: background 300ms;
}
#menu-container-close.black:before,
#menu-container-close.black:after {
background: #232C35;
}
#menu-container-close:after {
  transform: translate(-50%,-50%) rotate(135deg);
}
#menu-container-close:hover:before,
#menu-container-close:hover:after {
  background: #FAB116;
}

.cf-loginwindow {
  position: relative;
  width: 550px;
  margin: 10% auto 0;
  padding: 2em 2%;
  box-shadow: 1px 1px 5px 1px #ccc;
  background: #FFF;
}

div.cf-module {
  position: absolute;
  top: 40px;
  right: 10px;
  width: 172px;
  height: 1em;
  font-size: 1em;
  color: white;
  text-align: center;
}
div.cf-module img {
  cursor: pointer;
}

div.cf-module-list {
  position: absolute;
  top: 62px;
  right: 10px;
  width: 160px;
  padding: 2px 7px;
  border: 1px solid #ffb600;
  border-radius: 4px;
  background-color: white;
  font-size: 1em;
  color: black;
  text-align: left;
  z-index: 2 !important;
  display: none;
}
div.cf-module-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.cf-module-list ul li {
  margin: 7px 0 7px 0;
}
div.cf-module-list a:link, div.cf-module-list a:visited, div.cf-module-list a:hover, div.cf-module-list a:focus, div.cf-module-list a:active  {
  position: relative;
  width: calc( 100% - 14px );
  padding: 3px 7px;
  background-color: rgb(223, 220, 217);
  color: black;
  display: block;
}
div.cf-module-list a:hover, div.cf-module-list a:focus, div.cf-module-list a:active {
  background-color: rgb(245,242,239);
  color: #ffb600;
}

div.cf-loggedin {
  position: absolute;
  top: 14px;
  right: 240px;
  width: 400px;
  height: 1em;
  font-size: 0.87em;
  color: white;
  text-align: right;
}

div.cf-ov-filter {
  position: relative;
  min-height: 1.28em;
  margin: 0.4em 1% 0.8em 0;
  padding: 0.4em 1em 0.4em 1em;
  background-color: #DFDFDF;
  border-radius: 4px;
  font-size: 0.97em;
}
div.cf-ov-filter form {
  display: flex;
  justify-content: space-between;
}
div.cf-ov-filter p {
  position: relative;
  text-align: left;
  margin: 0;
  clear: both;
  display: inline-block;
}
div.cf-ov-filter label {
  position: relative;
  text-align: left;
  margin: 4px 10px 0 0;
  clear: both;
}
div.cf-ov-filter input, div.cf-ov-filter select {
  width: 140px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 1px #EEE;
  -webkit-box-shadow: inset 1px 1px #EEE;
  box-shadow: inset 1px 1px #EEE;
  background-color: white;
  font-size: 0.9em;
}
div.cf-ov-filter input {
  width: 240px;
}


div.cf-content {
  position: fixed;
  top: 90px;
  left: 0;
  padding: 0 0 0 20px;
  width: calc( 100% - 20px );
  height: calc( 100% - 90px );
  z-index: 10;
  overflow: auto;
}

div.cf-box {
  position: relative;
  margin: 0 0 1em 0;
  box-shadow: 1px 1px 5px 1px #ccc;
  padding: 2%;
}
div.cf-box-quarter, div.cf-box-half, div.cf-box-three-fourths, div.cf-box-full, div.cf-box-third, div.cf-box-two-thirds {
  position: relative;
  margin: 1em 0 1em 0;
  box-shadow: 1px 1px 5px 1px #ccc;
  float: left;
}
div.cf-box-quarter {
  width: 23%;
  padding: 0.5%;
  margin-right: 1%;
}
div.cf-box-half {
  width: 48%;
  padding: 0.5%;
  margin-right: 1%;
}
div.cf-box-three-fourths {
  width: 73%;
  padding: 0.5%;
  margin-right: 1%;
}
div.cf-box-full {
  width: 99%;
  padding: 0.5%;
}
div.cf-box-third {
  width: 31.3%;
  padding: 0.5%;
  margin-right: 1%;
}
div.cf-box-two-thirds {
  width: 64.6%;
  padding: 0.5%;
  margin-right: 1%;
}
a.cf-btndo, a.cf-btnadd, a.cf-btnedit, a.cf-btndel, a.cf-btnmove, a.cf-btnclose, a.cf-btndownload, a.cf-btnnext, a.cf-btnprev, a.cf-btnnextfull, a.cf-btnschedulefull, a.cf-btnprevfull, a.cf-btnfirst, a.cf-btnlast, a.cf-btnfilter,
button.cf-btndo, button.cf-btnadd, button.cf-btnedit, button.cf-btndel, button.cf-btnmove, button.cf-btnclose, button.cf-btndownload, button.cf-btnnext, button.cf-btnprev, button.cf-btnnextfull, button.cf-btnschedulefull, button.cf-btnprevfull, button.cf-btnfirst, button.cf-btnlast , button.cf-btnfilter {
  position: relative;
  width: auto;
  min-height: 1em;
  margin: 0;
  padding: 3px 12px 3px 28px;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: inset 1px 1px #EEE;
  background-color: rgb(223,220,217);
  font-family: 'Carrois Gothic', verdana, helvetica, sans-serif;
  font-size: 0.97em;
  color: black;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

a.cf-btnadd,
button.cf-btnadd {
  background-image: url('/skin/images/btn-add.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
a.cf-btnedit:link, a.cf-btnedit:visited, a.cf-btnedit:focus, a.cf-btnedit:hover, a.cf-btnedit:active,
button.cf-btnedit {
  background-image: url('/skin/images/btn-edit.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}

a.cf-btndel,
button.cf-btndel {
  border-color: #CCC;
  background-color: white;
  background-image: url('/skin/images/btn-del.png');
  background-position: 4px center;
  background-repeat: no-repeat;
  color: #444;
}
button.cf-btnmove {
  background-image: url('/skin/images/btn-move.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
button.cf-btnclose {
  background-image: url('/skin/images/btn-close.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
button.cf-btndownload {
  background-image: url('/skin/images/btn-download.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
button.cf-btndo {
  padding-left: 9px;
}

button.cf-btndo.sp-filter {
  width: 85%;
  margin-bottom: 5px;
}

button.cf-btndo.sp-filter.bg-red {
  background-color: DarkRed;
  color: #FFFFFF;
}

button.cf-btndo.sp-filter.bg-green {
  background-color: DarkGreen;
  color: #FFFFFF;
}

a.cf-btnnext,
button.cf-btnnext {
	background-image: url('/skin/images/btn-next.png');
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	padding: 5px;
	width:20px;
	height:20px;
	text-align:center;
}

a.cf-btnprev,
button.cf-btnprev {
	background-image: url('/skin/images/btn-prev.png');
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
  	padding: 5px;
	width:20px;
	height:20px;
	text-align:center;
}

button.cf-btnfirst {
	background-image: url('/skin/images/btn-start.png');
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	padding: 5px;
	width:20px;
	height:20px;
	text-align:center;
}

button.cf-btnlast {
	background-image: url('/skin/images/btn-end.png');
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
  	padding: 5px;
	width:20px;
	height:20px;
	text-align:center;
}

button.cf-btnfilter {
  background-image: url('/skin/images/btn-filter.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}

button.cf-btndo:hover, button.cf-btndo:focus,
button.cf-btnprev:hover, button.cf-btnprev:focus,
button.cf-btnnext:hover, button.cf-btnnext:focus,
button.cf-btnfirst:hover, button.cf-btnfirst:focus,
button.cf-btnlast:hover, button.cf-btnlast:focus,
button.cf-btnadd:hover, button.cf-btnadd:focus,
button.cf-btnedit:hover, button.cf-btnedit:focus,
button.cf-btndel:hover, button.cf-btndel:focus,
button.cf-btnmove:hover, button.cf-btnmove:focus,
button.cf-btnclose:hover, button.cf-btnclose:focus,
button.cf-btndownload:hover, button.cf-btndownload:focus {
  background-color: rgb(210,208,205);
  border-color: #999;
}
button.cf-btndel:hover, button.cf-btndel:focus {
  background-color: white;
  color: red;
}
button.cf-btndo img, button.cf-btnadd img, button.cf-btnedit img, button.cf-btndel img, button.cf-btnmove img, button.cf-btnclose img, button.cf-btndownload img {
  vertical-align: middle;
  margin: 0 10px 0 0;
  padding: 0;
}

a.cf-btndo:link, a.cf-btndo:visited, a.cf-btndo:focus, a.cf-btndo:hover, a.cf-btndo:active,
a.cf-btnadd:link, a.cf-btnadd:visited, a.cf-btnadd:focus, a.cf-btnadd:hover, a.cf-btnadd:active,
a.cf-btnedit:link, a.cf-btnedit:visited, a.cf-btnedit:focus, a.cf-btnedit:hover, a.cf-btnedit:active,
a.cf-btndel:link, a.cf-btndel:visited, a.cf-btndel:focus, a.cf-btndel:hover, a.cf-btndel:active,
a.cf-btnmove:link, a.cf-btnmove:visited, a.cf-btnmove:focus, a.cf-btnmove:hover, a.cf-btnmove:active,
a.cf-btnclose:link, a.cf-btnclose:visited, a.cf-btnclose:focus, a.cf-btnclose:hover, a.cf-btnclose:active,
a.cf-btnfilter:link, a.cf-btnfilter:visited, a.cf-btnfilter:focus, a.cf-btnfilter:hover, a.cf-btnfilter:active,
a.cf-btndownload:link, a.cf-btndownload:visited, a.cf-btndownload:focus, a.cf-btndownload:hover, a.cf-btndownload:active {
  position: relative;
  width: auto;
  min-height: 0.97em;
  margin: 0;
  padding: 3px 10px 3px 28px;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: inset 1px 1px #EEE;
  background-color: rgb(223,220,217);
  font-size: 0.97em;
  color: black;
  text-align: center;
  display: inline-block;
}
a.cf-btnadd:link, a.cf-btnadd:visited, a.cf-btnadd:focus, a.cf-btnadd:hover, a.cf-btnadd:active {
  background-image: url('/skin/images/btn-add.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
a.cf-btnedit:link, a.cf-btnedit:visited, a.cf-btnedit:focus, a.cf-btnedit:hover, a.cf-btnedit:active {
  background-image: url('/skin/images/btn-edit.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
a.cf-btndel:link, a.cf-btndel:visited, a.cf-btndel:focus, a.cf-btndel:hover, a.cf-btndel:active {
  border-color: #CCC;
  background-color: white;
  background-image: url('/skin/images/btn-del.png');
  background-position: 4px center;
  background-repeat: no-repeat;
  color: #444;
}
a.cf-btnmove:link, a.cf-btnmove:visited, a.cf-btnmove:focus, a.cf-btnmove:hover, a.cf-btnmove:active {
  background-image: url('/skin/images/btn-move.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
a.cf-btnclose:link, a.cf-btnclose:visited, a.cf-btnclose:focus, a.cf-btnclose:hover, a.cf-btnclose:active {
  background-image: url('/skin/images/btn-close.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
a.cf-btnfilter:link, a.cf-btnfilter:visited, a.cf-btnfilter:focus, a.cf-btnfilter:hover, a.cf-btnfilter:active {
  background-image: url('/skin/images/btn-filter.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
a.cf-btndownload:link, a.cf-btndownload:visited, a.cf-btndownload:focus, a.cf-btndownload:hover, a.cf-btndownload:active {
  background-image: url('/skin/images/btn-download.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
a.cf-btndo:link, a.cf-btndo:visited, a.cf-btndo:focus, a.cf-btndo:hover, a.cf-btndo:active {
  padding-left: 13px;
}
a.cf-btndo:focus, a.cf-btndo:hover, a.cf-btndo:active,
a.cf-btnadd:focus, a.cf-btnadd:hover, a.cf-btnadd:active,
a.cf-btnedit:focus, a.cf-btnedit:hover, a.cf-btnedit:active,
a.cf-btndel:focus, a.cf-btndel:hover, a.cf-btndel:active,
a.cf-btnmove:focus, a.cf-btnmove:hover, a.cf-btnmove:active,
a.cf-btnclose:focus, a.cf-btnclose:hover, a.cf-btnclose:active,
a.cf-btnfilter:focus, a.cf-btnfilter:hover, a.cf-btnfilter:active,
a.cf-btndownload:focus, a.cf-btndownload:hover, a.cf-btndownload:active {
  background-color: rgb(210,208,205);
  border-color: #999;
}
a.cf-btndel:focus, a.cf-btndel:hover, a.cf-btndel:active {
  background-color: white;
  color: red;
}

a.cf-btndo img, a.cf-btnadd img, a.cf-btnedit img, a.cf-btndel img, a.cf-btnmove img, a.cf-btnclose img {
  vertical-align: middle;
  margin: 0 5px 0 0;
  padding: 0;
}

button.cf-btnnotext {
  width: 2em;
  height: 2em;
  padding-right: 0;
}
a.cf-btnnotext:link, a.cf-btnnotext:visited, a.cf-btnnotext:focus, a.cf-btnnotext:hover, a.cf-btnnotext:active {
  height: 1.3em;
  padding-right: 0;
}
button.cf-btndo[disabled], button.cf-btnadd[disabled], button.cf-btnedit[disabled], button.cf-btndel[disabled], button.cf-btnmove[disabled], button.cf-btnclose[disabled], button.cf-btnprev[disabled], button.cf-btnnext[disabled], button.cf-btnnextfull[disabled], button.cf-btnschedulefull[disabled], button.cf-btnfirst[disabled], button.cf-btnlast[disabled] {
  border-color: #DDD;
  background-color: rgb(223,220,217);
  color: black;
  opacity: 0.5;
  cursor:initial;
}

.cf-btnsmall {
  padding: 0 14px !important;
  background-position: center center !important;
}

div.cf-ovfilter {
  position: relative;
  min-height: 1.28em;
  margin: 0.4em 1% 0.8em  0;
  padding: 0.4em 1em 0.4em 1em;
  background-color: #DFDFDF;
  border-radius: 4px;
  font-size: 0.97em;
}

div.cf-ovfilter input, div.cf-ovfilter select {
  width: 160px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 1px 1px #EEE;
  -webkit-box-shadow: inset 1px 1px #EEE;
  box-shadow: inset 1px 1px #EEE;
  background-color: white;
  font-size: 0.9em;
}

div.cf-ovfilter input {
  width: 240px;
}

/* DURCHFORSTEN */
/* Formulare */
form {
  margin: 0;
  padding: 0;
}
form.overview {
  margin-bottom: 12px;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
fieldset.half-sized {
  float: left;
}

.page-tasks {
}
@media only screen and (min-width:2200px) {
  #taskForm .mobileumbruch {
    display: none;
  }
}
@media only screen and (min-width:1650px) and (max-width:1800px) {
  #taskForm label {
    min-width: 110px;
  }
  #taskForm label.unit {
     min-width: 0;
  }
  #taskForm input[type="date"] {
    width: 130px;
  }
  #addProgressForm label {
    min-width: 100px;
  }
}
@media only screen and (max-width:1650px) {
  form.forms div.row {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

a.pagination:link, a.pagination:visited, a.pagination:focus, a.pagination:hover, a.pagination:active,
a.pagination-marked:link, a.pagination-marked:visited, a.pagination-marked:focus, a.pagination-marked:hover, a.pagination-marked:active {
  position: relative;
  width: auto;
  min-height: 1em;
  margin: 0 3px 0 0;
  padding: 3px 9px;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: inset 1px 1px #EEE;
  background-color: rgb(223,220,217);
  font-size: 1em;
  color: black;
  text-align: center;
  display: inline-block;
}

a.pagination-marked:link, a.pagination-marked:visited, a.pagination-marked:focus, a.pagination-marked:hover, a.pagination-marked:active {
  border: 1px solid white;
  box-shadow: none;
  background-color: white;
}

a.pagination:focus, a.pagination:hover, a.pagination:active,
a.pagination-marked:focus, a.pagination-marked:hover, a.pagination-marked:active {
  box-shadow: inset 1px 1px #EEE;
  background-color: rgb(210,208,205);
  border-color: #999;
}

button.buttonsinput, button.buttonsinput:hover, button.buttonsinput:focus, button.buttonsinput:active, button.buttonsinput[disabled]:hover, button.buttonsinput[disabled]:focus, button.buttonsinput[disabled]:active, button.buttonsinput[disabled] {
  width: auto;
  height: 36px;
  margin-top: 1px;
  padding: 7px 3% 7px 3%;
  border: 0;
  border-radius: 5px;
  background: #008bcf;
  background: -moz-radial-gradient(center, ellipse cover,  #008bcf 1%, #1e5799 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#008bcf), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #008bcf 1%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #008bcf 1%,#1e5799 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #008bcf 1%,#1e5799 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #008bcf 1%,#1e5799 100%); /* W3C */
  font-size: 0.9em;
  font-weight: 600;
  color: #FFFFFF;
  -webkit-box-shadow: 0 0 1px #333333;
  box-shadow: 0 0 1px #333333;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bcf', endColorstr='#1e5799',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  cursor: pointer;
}
button.buttonsinput:hover, button.buttonsinput:focus, button.buttonsinput:active {
  border: 0;
  border-radius: 5px;
  background: #008bcf;
  background: -moz-radial-gradient(center, ellipse cover,  #1e5799 0%, #008bcf 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#1e5799), color-stop(100%,#008bcf)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 0%,#008bcf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #1e5799 0%,#008bcf 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #1e5799 0%,#008bcf 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #1e5799 0%,#008bcf 100%); /* W3C */
  color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#008bcf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -moz-box-shadow: 0 0 3px #1D4F8E;
  -webkit-box-shadow: 0 0 3px #1D4F8E;
  box-shadow: 0 0 3px #1D4F8E;
}

button.buttonsinput[disabled]:hover, button.buttonsinput[disabled]:focus, button.buttonsinput[disabled]:active, button.buttonsinput[disabled] {
  width: auto;
  border: 0;
  border-radius: 5px;
  background: #CCC;
  color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], select, textarea, input {
  padding: 5px 6px 5px 9px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: white;
  font-weight: 400;
  outline: none;
  min-width: 307px;
}
textarea.form-small, input[type="text"].form-small, select.form-small {
  max-width: none;
  min-width: 0;
  width: 160px;
}
textarea.form-big, input[type="text"].form-big, select.form-big {
/* width: calc( 100% - 200px ); */
}
textarea.form-big {
  min-height: 60px;
}
input[type="text"]:read-only {
  background-color: #F0F0F0;
  border: 1px solid #ececec;
}
input[type="date"] {
  min-width: 0;
  width: 160px;
}
input[type="checkbox"] {
  min-width: 0;
  vertical-align: middle;
}
input[type="checkbox"] + label {
  float: none !important;
  display: inline !important;
}
div.checkboxes {
  padding-left: 180px;
  display: inline-block;
}
span.checkboxes input[type="checkbox"] {
  min-width: 0;
  margin-left: 0 !important;
  vertical-align: top;
  float: none !important;
}
form.forms span.checkboxes label {
  padding-left: 2px !important;
}
input[type="number"] {
  min-width: 0;
  width: 100px;
}
input[type="number"].form-small {
  max-width: none;
  min-width: 0;
  width: 60px;
}
input.changed, select.changed, textarea.changed, input[type="text"].changed:read-only {
  border-color: #000;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:hover,
input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="date"]:hover,
select:focus,  select:hover,  textarea:focus,  textarea:hover {
  border-color: #999;
}

input[type="radio"] {
  min-width: 0;
  vertical-align: middle;
  display: inline;
}
input[type="radio"] + label.radio {
  position: relative;
  right: 0;
  min-width: 0;
  margin: 2px 15px 2px 0;
  padding: 2px 0 3px 4px;
  vertical-align: middle;
  float: none;
  display: inline;
}

/*label {
  font-size: 1em;
  font-weight: 600;
  margin-right: 0.5em;
  cursor: pointer;
}*/

span.text-value {
}
span.text-value.task-closed {
  background-image: url('/skin/icons/check.svg');
  background-size: 24px 24px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
}
span.text-value.task-processing {
  background-image: url('/skin/icons/users-cog.svg');
  background-size: 24px 24px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
}
span.text-value.task-open {
  background-image: url('/skin/icons/clock.svg');
  background-size: 24px 24px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

div.checkbox {
  position: relative;
  width: 23%;
  margin: 0 1.5% 1.5em 0;
  float: left;
}

div.ac2 {
  width: 42.5%;
}

div.ac3, div.ac5, div.ac6 {
  width: 31.5%;
}

form.forms {
  margin-top: 10px;
  line-height: 150%;
}

form.forms fieldset {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}

fieldset legend,
form.forms legend {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
  color: rgb(30, 30, 30);
  text-align: left;
}

form.forms label {
  position: relative;
  min-width: 140px;
  min-height: 2px;
  margin: 3px;
  margin-right: 17px;
  margin-top: 2px;
  padding: 0;
  font-weight: 400;
  vertical-align: top;
  line-height: 1.3;
  text-align: right;
  display: block;
  float: left;
}
form.forms label.boolean {
  width: 80%;
  margin: 2px 0 0 3px;
}
form.forms label[disabled] {
  color: lightgray;
}
form.forms fieldset ol {
  margin: 0;
  padding: 0;
}
form.forms fieldset li {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.9em;
  clear: both;
}
form.forms fieldset li.sectiondesc {
  padding-left: 25px;
  width: 350px;
  margin-bottom: 7px;
}

form.forms fieldset li.comment {
  font-size: 90%;
  padding-top: 7px;
}

form.forms fieldset li.formsp {
  display: none;
}

form.forms fieldset li.textright {
  text-align: right;
}

form.forms div.readonly {
  position: relative;
  margin-top: 4px;
  display: block;
  float: left;
}

div.forms-readonlyvalue {
  position: relative;
  width: 302px;
  min-height: 16px;
  margin-left: 236px;
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  color: #000000;
  display: block;
  clear: both;
}

form.forms input, form.forms select, form.forms textarea.forms-textarea, form.forms textarea.forms-textarealong {
  margin: 3px;
  margin-left: 0;
}

form.forms textarea.forms-textarealong {
  padding: 10px;
}

form.forms select.forms-select, form.forms select.forms-selectbox, form.forms select.forms-selectgroups  {
  min-width: 160px;
  max-width: 230px;
}

form.forms input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

form.forms input[type="radio"] {
  -webkit-appearance: radio;
}


form.forms input.forms-textline {
  width: 200px;
}
form.forms input.forms-textlinelong {
  width: 215px;
}

form.forms input.forms-integer {
  width: 10%;
}

form.forms input.forms-date {
  width: 115px;
}

form.forms input.forms-textlinedate {
  width: 115px;
}

form.forms input.lplabel {
  color: #AAA;
}
form.forms input.forms-datetime {
}

form.forms input.forms-time {
  width: 115px;
}


form.forms textarea.forms-textarealong {
  width: 80%;
  height: 80%;
  min-height: 260px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.93em;
}

form.forms input.forms-checkbox {
  margin: 5px 5px 0 0;
  padding: 0;
  float: left;
}

form.forms input.forms-radio {
  margin: 5px;
  vertical-align: middle;
}
form.forms div.forms-radioitem {
  margin-right: 15px;
  float: left;
}
form.forms div.radio-title {
  position: relative;
  margin: 2px 5px 0 0;
  float: left;
}
form.forms input.forms-rate {
  margin: 5px;
  vertical-align: middle;
}
form.forms div.forms-rateitem {
}


form input.forms-fileupload {
  width: 290px;
  border-color: #CCC;
}

form input:focus, form.forms textarea:focus {
  background-color: rgb(255,255,255);
}

form p {
  position: relative;
  text-align: left;
  margin: 0;
  clear: both;
}

#formsuccess {
  display: none;
  vertical-align: middle;
  margin-right: 15px;
}

/* Browser Reset */
input:invalid, select:invalid, textarea:invalid {
 border-color: rgba(255,0,0,0.3);
}
/* ersetzt Asterisk */
input:required + label:before, select:required + label:before {
 content: "* ";
 color: red;
}
/* nicht oder falsch ausgefuellte Felder rot markieren */
form.forms input:focus:invalid {
 color:red;
}
form.forms input:focus:valid {
 color:green;
}
form.forms input:required + label:before, .form.forms select:required + label:before {
    content: "* ";
    color: red;
}
form.forms input[type="submit"]:hover,
form.forms input[type="submit"]:focus:invalid, form.forms input[type="submit"]:focus:valid {
 color:#FFF;
 background-color: #FFD700;
}
/* richtig ausgefuellte Felder gruen markieren
form.forms input:required:valid + label {
 color: green;
}*/

hr{
  border: 0;
  border-bottom: 1px solid lightgray;
  clear: both;
}


#ovfilterform input+input {
  margin-left: 5px;
}

itemtable table {
  width: 100%;
}

itemtable table th {
  padding: 7px 10px;
  font-size: 0.83em;
  text-align: left;
}
itemtable table td {
  padding: 4px 8px;
  background-color: Gainsboro;
  font-size: 0.83em;
  text-align: left;
}
itemtable table td.buttons {
  white-space: nowrap;
}
itemtable table td.buttons button {
  vertical-align: top;
  margin-left: 4px;
  margin-right: 4px;
}
body.payment itemtable table td {
  background-color: #faebd6;
  background-color: #f4e5dc;
}

itemtable div.noitems {
  padding: 30px 0 10px 0;
  text-align: center;
  font-style: italic;
}
itemtable div.error {
  padding: 30px 0 10px 0;
  text-align: center;
  font-style: italic;
  color: red;
}
.progress-background {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width:100%;
  height: 3px;
  background: #BBB;
}

.progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width:100%;
  height: 3px;
  background: lightgray;
}

.progress-bar-color0 {
 background-color: #999;
}
.progress-bar-color1 {
 background-color: #d6b374;
}
.progress-bar-color2 {
 background-color: #b98686;
}

.taskinfo, .projectinfo, .userinfo {
  margin-top: 10px;
  margin-bottom: 30px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.taskinfo .label, .projectinfo .label, .userinfo .label {
  font-size: 0.78em;
  color: gray;
  text-align: center;
}
.taskinfo .values, .projectinfo .values, .userinfo .values {
  font-size: 0.83em;
  text-align: center;
}

.files {
  grid-template-columns: 3fr 1fr 1fr;
  row-gap: 5px;
  display: grid;
}
.file {
}

.files .fileinfo {
  grid-column: span 3;
  padding: 3px 10px 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.files .fileinfo.hide {
  display: none;
}
.files .toggle {
  cursor: pointer;
  display: inline-block;
}
.files .toggle:hover {
  color: #FFB600;
}

/* Toggle-Grundklasse */
.hide {
  display: none;
}

form.forms fieldset[disabled] {
  opacity: 0.4;
}

.task-closed  {
  padding: 5px 0 25px;
  list-style: none;
}
.task-closed li {
  margin: 5px 0;
  padding: 3px;
  border: 1px solid black;
}

.task-pool  {
  padding: 10px 0;
}
.task-pool li {
  margin: 5px 0;
  padding: 3px;
  border: 1px solid black;
}
.dragging {
  opacity: 0.6;
}
.dragdropactive {

}
.dropbefore  {
  border-top: 1px solid red !important;
}
.dropafter {
  border-bottom: 1px solid red !important;
}

.placeholderparallel {
  border: 1px dotted black;
  height: 5px;
  background-color: gray;
  margin: 5px 0;
  display: none;
}
.dropinside .placeholderparallel {
  display: block;
}

.loading {
  background-image: url('/skin/images/ajax-loader.gif');
  background-position: 99% 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}
.failed {
  background-image: url('/skin/images/failure.png');
  background-position: 99% 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}
.success {
  background-image: url('/skin/images/success.png');
  background-position: 99% 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.task:hover .sortable-list-inner, .parallel:hover {
  background-image: url('/skin/icons/arrows-alt.svg');
  background-position: 99% 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}

@media only screen and (max-width:1100px) {
  nav.cf-mainmenu ul li a:link, nav.cf-mainmenu ul li a:visited, nav.cf-mainmenu ul li a:focus, nav.cf-mainmenu ul li a:hover, nav.cf-mainmenu ul li a:active, nav.cf-mainmenu ul li strong {
    padding: 0.2em 0.45em;
    font-size: 0.8em;
  }
  div.cf-module, div.cf-modul {
    font-size: 0.7em;
  }

  input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], select, textarea, input {
    min-width: 140px;
  }
  filter, filter input {
    font-size: 0.87em;
  }
  a.cf-btnadd:link, a.cf-btnadd:visited, a.cf-btnadd:focus, a.cf-btnadd:hover, a.cf-btnadd:active {
    font-size: 0.85em;
  }
}
@media only screen and (max-width:600px) {
  div.cf-box-third {
    width: 99%;
    margin: 0;
  }
}

.grid-col {
  position: relative;
  padding: 0;
  box-sizing: content-box;
  display: grid;
  grid-template-columns:  100%;
  align-content: start;
  row-gap: 10px;
}

.grid-row {
  position: relative;
  margin-bottom: 1em;
  display: grid;
  grid-template-columns: repeat( 12, minmax(0,1fr) );
  column-gap: 30px;
  row-gap: 10px;
}

.grid-block {
  position: relative;
  text-overflow: ellipsis;
}

.hideoncreate {
  display: none;
}

/* Task-Form */
.grid3c {
  position: relative;
  margin: 10px 0;
  padding: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.grid2c {
  position: relative;
  margin: 0 auto 10px;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.grid3c {
  margin: 10px auto 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grid3c label {
  margin:0;
  padding:0;
  text-align: left;
}


@media all and (min-width: 1101px) {
  .hide-default { display: none; }
  .col-1 { grid-column: span 1; }
  .col-2 { grid-column: span 2; }
  .col-3 { grid-column: span 3; }
  .col-4 { grid-column: span 4; }
  .col-5 { grid-column: span 5; }
  .col-6 { grid-column: span 6; }
  .col-7 { grid-column: span 7; }
  .col-8 { grid-column: span 8; }
  .col-9 { grid-column: span 9; }
  .col-10 { grid-column: span 10; }
  .col-11 { grid-column: span 11; }
  .col-12 { grid-column: span 12; }
}

@media all and (min-width: 601px) and (max-width: 1100px) {
  .hide-tablet { display: none; }
  .col-t-1 { grid-column: span 1; }
  .col-t-2 { grid-column: span 2; }
  .col-t-3 { grid-column: span 3; }
  .col-t-4 { grid-column: span 4; }
  .col-t-5 { grid-column: span 5; }
  .col-t-6 { grid-column: span 6; }
  .col-t-7 { grid-column: span 7; }
  .col-t-8 { grid-column: span 8; }
  .col-t-9 { grid-column: span 9; }
  .col-t-10 { grid-column: span 10; }
  .col-t-11 { grid-column: span 11; }
  .col-t-12 { grid-column: span 12; }
}

@media all and (max-width: 600px) {
  .grid-row { column-gap: 20px; padding: 4px 7px; row-gap: 3px; }
  .hide-mobile { display: none; }
  .col-m-1 { grid-column: span 1; }
  .col-m-2 { grid-column: span 2; }
  .col-m-3 { grid-column: span 3; }
  .col-m-4 { grid-column: span 4; }
  .col-m-5 { grid-column: span 5; }
  .col-m-6 { grid-column: span 6; }
  .col-m-7 { grid-column: span 7; }
  .col-m-8 { grid-column: span 8; }
  .col-m-9 { grid-column: span 9; }
  .col-m-10 { grid-column: span 10; }
  .col-m-11 { grid-column: span 11; }
  .col-m-12 { grid-column: span 12; }
}

@media all and (max-width: 660px) {
  .grid3c {
    grid-template-columns: 1fr;
  }
  div.mainmenu {
    display: none;
  }
  #menu-switch {
    display: block;
    margin-right: 20px;
  }
}

.preloader {
  position: relative;
  width: 80px;
  height: 18px;
  display: inline-block;
}
.preloader div {
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.preloader div:nth-child(1) {
  left: 8px;
  animation: preloader1 0.6s infinite;
}
.preloader div:nth-child(2) {
  left: 8px;
  animation: preloader2 0.6s infinite;
}
.preloader div:nth-child(3) {
  left: 32px;
  animation: preloader2 0.6s infinite;
}
.preloader div:nth-child(4) {
  left: 56px;
  animation: preloader3 0.6s infinite;
}
.preloader.onwhite div {
  background: #005baa;
}
@keyframes preloader1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes preloader2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes preloader3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

table.overview {
  width: 100%;
}
table.overview td, table.overview th {
  padding: 4px;
  text-align: left;
}

table tr.open td {
  background-color: #ebe7e1;
}
.loginmonitor table.overview tr td {
  background-color: #fafafa;
}
.loginmonitor table.overview tr:nth-child(even) td {
  background-color: #f5f5f5;
}

table.budgethistory {
  width: 100%;
}
table.budgethistory th {
  padding: 3px 5px;
  vertical-align: top;
  text-align: left;
}
table.budgethistory td {
  padding: 3px 5px;
  vertical-align: top;
  background-color: #F8F8F8;
  text-align: left;
}

.ul-toggle {
  padding-top: 5px;
  font-size: 0.9em;
  text-align: center;
  cursor: pointer;
}
.ul-toggle:hover {
  color: #FFB600;
};

#budgetinfo:empty {
  display: none;
}
#partinfo2comment {
  margin-left: 180px;
  font-size: 0.87em;
  color: gray;
}