html,body {
	padding:0px;margin:0px;
	width:100%;height:100%;
	background:#f5f5f5;
	display: flex;
	flex-direction: column;
}


main { 
	flex : 1;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

table tr td a.button { display:none;}
table tr:hover td a.button { display:inline-block;}
ul li a.button { display:none;}
ul li:hover a.button { display:inline-block;float:right;}

.clickable-row,.clickable-modalrow {
	cursor:pointer;
}

.uk-offcanvas-bar .uk-dark {
	color:#333 !important;
}
  
.color1 {
	background:#C6E170;
}
.color2 {
	background:#92C46D;
}
.color3 {
	background:#297D7D;
}
.color4 {
	background:#1C344E;
}
.color5 {
	background:#D2E68D;
}
.color6 {
	background:#A7D189;
}
.color7 {
	background:#539798;
}
.color8 {
	background:#485D70;
}
.color9 {
	background:#DDECA9;
}
.color10 {
	background:#BEDCA8;
}
.color11 {
	background:#7EB1B2;
}
.color12 {
	background:#788595;
}
.color13 {
	background:#F0F0F0;
}
.color14 {
	background:#F3F3F3;
}
.color15 {
	background:#F6F6F6;
}
.pl7-ball {
	width:50px;height:50px;
	border-radius:25px;
	float:left;
	margin-right:15px;
}
.pl7-ball-descr {
	font-size: 16pt;
	line-height:50px;
	text-transform:uppercase;
	float:left;
}
.hochgestellt {
	margin-top:-25px;
}
.uk-link, a, .uk-link:hover, a:hover {
    color: #539798; /* color3 */
}
.alt {
	background:#D2E68D!important;
}


.shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* Sichtbar machen */
.makeVisible {
	display:none;
}
.hoverVisible:hover .makeVisible {
	display:inline-block;
}


/* Ampel */
.ampel {
	width:16px;height:16px;border-radius:8px;
}
.ampel-green {
	background: #b4ddb4; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ampel-red {
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 37%, #f6290c 63%, #f02f17 76%, #e73827 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f85032 0%,#f16f5c 37%,#f6290c 63%,#f02f17 76%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f85032 0%,#f16f5c 37%,#f6290c 63%,#f02f17 76%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ampel-orange {
	background: #ffb76b; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffb76b 0%, #ffa73d 31%, #ff7c00 64%, #ff7f04 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffb76b 0%,#ffa73d 31%,#ff7c00 64%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffb76b 0%,#ffa73d 31%,#ff7c00 64%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ampel-grey {
	background: #f6f8f9; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f6f8f9 0%, #d7dee3 68%, #f5f7f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f6f8f9 0%,#d7dee3 68%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f6f8f9 0%,#d7dee3 68%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* MenuLeiste */
#menuLeiste {
     width:50px;height:100%;background:#333;color:#fff;z-index:5001;display:block;position:fixed;left:0px;top:0px;text-align:center;
}


/* Sidebar mit Menü */
.pl7-title {
	font-weight:bold;line-height:45px;margin-left:20px;
}
.pl7-full-controls {
    display: block;
	float:left;
    width: 45px;
    height: 41px;
    padding: 0px 2px 0 0;
    background: #eee;
    border: none;
        border-top-width: medium;
        border-right-width: medium;
        border-top-style: none;
        border-right-style: none;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
    border-top: 4px solid #eee;
    border-right: 1px solid #ddd;
    color: #444;
    text-align: left;
    cursor: pointer;
    transition: color .15s ease-in-out,border-color .15s ease-in-out,background .15s ease-in-out;
    box-sizing: content-box;
	line-height:33px;
    text-decoration: none;
}
.pl7-full-controls-left {
    display: block;
	float:left;
    width: 41px;
    height: 60px;
    padding: 0 2px 0 0;
    background: #eee;
    border: none;
        border-left-width: medium;
        border-right-width: medium;
        border-left-style: none;
        border-right-style: none;
        border-left-color: currentcolor;
        border-right-color: currentcolor;
    border-left: 4px solid #eee;
    border-right: 1px solid #ddd;
    color: #444;
    text-align: left;
    cursor: pointer;
    transition: color .15s ease-in-out,border-color .15s ease-in-out,background .15s ease-in-out;
    box-sizing: content-box;
	line-height:60px;
    text-decoration: none;
}
.pl7-full-controls:focus, .pl7-full-controls:hover {
    background: #fff;
    color: #0066CC;
    border-top-color: #0066CC;
    outline: 0;
    box-shadow: none;
}
.pl7-full-controls-left:focus, .pl7-full-controls-left:hover {
    background: #fff;
    color: #0066CC;
    border-left-color: #0066CC;
    outline: 0;
    box-shadow: none;
}
.customize-controls-icon {
	margin:5px 0 0 13px;
	font-weight:bold;
}
.pl7-full-controls-left .customize-controls-icon {
	margin:5px 0 0 9px;
}
#pl7-sidebar-info {
	background:#fff;
	border-bottom:1px solid #ddd;
	padding:6px 6px 12px 12px;
	line-height:5pt;
}
.pl7-sidebar-infobutton {
	background:#fff;
	border-bottom:1px solid #ddd;
	padding:0 6px 0 0;
	min-height:60px;
}
.pl7-selimage img {
	border: 4px solid #eee !important;
}
.pl7-selimage-sel img {
	border: 4px solid #0066CC !important;
}

.pl7-sidebar-infobutton .pl7-full-controls {
	min-height:100%!important;
}
#pl7-full-overlay-sidebar {
	box-sizing:border-box;padding:0;margin:0;z-index:10;background:#eee!important;border-right:1px solid #ddd;margin-left:0!important
}
#pl7-full-overlay-sidebar a {
	color:#333!important;
}
#pl7-full-overlay-sidebar-header {
	width:100%;height:45px;
}

#pl7-full-overlay-sidebar-content {
	position: absolute;
	overflow-x:none;
	top: 45px;
	bottom: 45px;
	left: 0;
	right: 0;
	border-top:1px solid #ddd;
	overflow-y:auto;
}

#pl7-full-overlay-sidebar-footer {
	position:fixed;left:0px;width:300px;height:45px;border-top:1px solid #ddd;bottom:0;min-width:300px;max-width:600px;width:18%;
}
#pl7-full-overlay-sidebar-footer a {
	line-height:33px;
}
.pl7-sidebar-infoform {
	padding:10px;
}
.pl7-sidebar-infoform p {
	margin-top: 2px;
	margin-bottom: 8px;
}
.pl7-full-menuitem a {
	color:#333!important;
}
.pl7-full-menuitem li, .pl7-full-menuitem-sub1 li {
	background:#fff;
	line-height:35px;
	border-bottom:1px solid #ddd;
	color:#333!important;
}
.pl7-full-menuitem .uk-active, .pl7-full-menuitem-sub1 .uk-active {
	border-left: 2px solid;
	color:#333!important;
}
#pl7-full-overlay-sidebar input, #pl7-full-overlay-sidebar textarea {
	color:#333;
	background:#fff;
	margin: 2px 4px 0px 4px;
}
.pl7-full-menuitem li:hover, .pl7-full-menuitem-sub1 li:hover {
	border-left: 2px solid;
	background:#f5f5f5;
	color:#333!important;
}
.pl7-full-menuitem-sub1 {
	margin-top: 20px;
}
.changecss {
	width:95%;
	height:100px;
	font-family: "Courier New", Courier, monospace;
	color:#444;
	font-size:9pt;
	margin-bottom:10px;
}


.pl7-load {
	width:50px;height:50px;background:url('img/load.gif');background-size: 100% 100%;float:left;display:none;
}

/* Modul CSS */
.boxicon, .boxicon2, .boxicon3 {
	display: none;
	margin-left: 3px;
}
.boxicon3 {
	color:#666 !important;
	margin-left: 1px;
}

/* Farbverlauf mit Hover Effekt */
.twoColorsHover {
	 background: linear-gradient(to top, #ccc, #f5f5f5);
	 cursor:pointer;
}
.twoColorsHover:hover {
	-webkit-box-shadow: inset 0px 0px 19px -5px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 0px 19px -5px rgba(0,0,0,0.25);
	box-shadow: inset 0px 0px 19px -5px rgba(0,0,0,0.25);
}

/* Belege */
.beleg-position-column {
	float:left;border-right:1px solid #ccc;text-align:left;padding-left:5px;font-weight:normal;
}
.beleg-position-column-r {
	float:left;border-right:1px solid #ccc;text-align:right;padding-right:5px;font-weight:normal;
}

/* Kreis */
.circle:before {
  content: ' \25CF';
  font-size: 30px;
}
/*.circleempty:before {
  content: ' \20DD';
  font-size: 19px;
}*/
.palette1 {
	background-color: #173F5F !important; color:#fff;
}
.palette2 {
	background-color: #20639B !important; color:#fff;
}
.palette3 {
	background-color: #3CAEA3 !important; color:#fff;
}
.palette4 {
	background-color: #F6D55C !important;
}
.palette5 {
	background-color: #ED553B !important; color:#fff;
}
.circleempty {
	font-size:17pt;padding-left:14px;min-width:30px;
}

.filtersel {
	width:100%;
	min-width:200px;
}

.uk-input::placeholder {
  color: #ccc!important;
}

.uk-offcanvas-bar .uk-select, .uk-offcanvas-bar .uk-select label {
	color:#333!important;
	background:#fff!important;
}

#pl7-mainmenu-content {
	 max-width:95%;padding:2px;
}

.avatar-s {
	width: 20px;height:20px;border-radius:50%;
}

#topline {
	background: rgba(0, 0, 0, 0) linear-gradient(to left, #f5f5f5, #d3d3d3) repeat scroll 0% 0%;
}

.pl7-canvasbtn {
	border-radius: 3px 3px 0 0;
	border: 1px solid #ccc;
	margin-bottom: -13px;
}

/* Badges */
.pl7-badge-grey {
    margin-top:-15px;background:#ccc;padding-left:8px;padding-right:8px;
}


/* Formulare */
.formTitel {
	margin-bottom:0px;
	font-size:10pt;
	color:#0f7ae5;
	font-weight:bold;
}
.formDescr {
	margin-bottom:0px;
	margin-top:0px;
	color:#999;
	font-size:10pt;
}
.formInput {
	margin-top:0px;
}

/* Top Menü */
.topMenuLink {
    background: #c2c2c2;
    padding: 5px;
    border-radius: 6px;
    color: #fff;
}
.topMenuLink:hover {
    color: #fff;
    text-decoration: none;
    background: #acacac;
}
.topMenuLink span:nth-child(2) {
  display: none; 
}
.topMenuLink:hover span:nth-child(2) {
  display: inline; 
}

.uk-alert-success, .uk-notification-message-success {
  color: #edfbf6;
  background: #32d296;
    border-radius:8px;
}
.uk-alert-danger, .uk-notification-message-danger {
  color: #fef4f6;
  background: #f0506e;
    border-radius:8px;
}
.uk-alert-primary, .uk-notification-message-primary {
  color: #d8eafc;
  background: #1e87f0;
    border-radius:8px;
}