@font-face {
	font-family: "SourceSansPro";
	src: 	url("../Fonts/source-sans-pro/sourcesanspro-regular.eot");
	src: 	url("../Fonts/source-sans-pro/sourcesanspro-regular.eot?#iefix") format("embedded-opentype"),
				url("../Fonts/source-sans-pro/sourcesanspro-regular.woff") format("woff"),
				url("../Fonts/source-sans-pro/sourcesanspro-regular.ttf") format("truetype"),
				url("../Fonts/source-sans-pro/sourcesanspro-regular.svg#SourceSansPro") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "SourceSansProExtraLight";
	src: 	url("../Fonts/source-sans-pro/sourcesanspro-extralight.eot");
	src: 	url("../Fonts/source-sans-pro/sourcesanspro-extralight.eot?#iefix") format("embedded-opentype"),
				url("../Fonts/source-sans-pro/sourcesanspro-extralight.woff") format("woff"),
				url("../Fonts/source-sans-pro/sourcesanspro-extralight.ttf") format("truetype"),
				url("../Fonts/source-sans-pro/sourcesanspro-extralight.svg#SourceSansProExtraLight") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "SourceSansProBold";
	src: 	url("../Fonts/source-sans-pro/sourcesanspro-bold.eot");
	src: 	url("../Fonts/source-sans-pro/sourcesanspro-bold.eot?#iefix") format("embedded-opentype"),
				url("../Fonts/source-sans-pro/sourcesanspro-bold.woff") format("woff"),
				url("../Fonts/source-sans-pro/sourcesanspro-bold.ttf") format("truetype"),
				url("../Fonts/source-sans-pro/sourcesanspro-bold.svg#SourceSansProBold") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "SourceSansProSemiBold";
	src: 	url("../Fonts/source-sans-pro/sourcesanspro-semibold.eot");
	src: 	url("../Fonts/source-sans-pro/sourcesanspro-semibold.eot?#iefix") format("embedded-opentype"),
				url("../Fonts/source-sans-pro/sourcesanspro-semibold.woff") format("woff"),
				url("../Fonts/source-sans-pro/sourcesanspro-semibold.ttf") format("truetype"),
				url("../Fonts/source-sans-pro/sourcesanspro-semibold.svg#SourceSansProSemiBold") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* entferne blur Effekt bei Links*/
:link:focus,
:visited:focus {
	outline: none;
}

/* Layout CSS */
body {
	padding-top: 50px;
}

/*
### Abstands Klassen alla BT4
*/
.mt-0{
	margin-top:0;
}
.mt-1{
	margin-top:5px;
}
.mt-2{
	margin-top:10px;
}
.mt-3{
	margin-top:15px;
}

.mb-0{
	margin-bottom:0;
}
.mb-1{
	margin-bottom:5px;
}
.mb-2{
	margin-bottom:10px;
}
.mb-3{
	margin-bottom:15px;
}

.pt-0{
	padding-top:0;
}
.pt-1{
	padding-top:5px;
}
.pt-2{
	padding-top:10px;
}
.pt-3{
	padding-top:15px;
}

.pb-0{
	padding-bottom:0;
}
.pb-1{
	padding-bottom:5px;
}
.pb-2{
	padding-bottom:10px;
}
.pb-3{
	padding-bottom:15px;
}


/* toople sidebar */
.operatingElements {
	cursor: pointer;
	float:left;
	width: 50px;
	height: auto;
	padding: 12px 0 13px;
	text-align: center;
	font-size: 25px;
	line-height: 1;
}

/* operating Elements top */
.operatingElementsLeft .fa,
.operatingElementsRight .fa{
	color: #999999;
}
.operatingElementsRight{
	float: right;
}
.navbar-fixed-top .container-fluid{
	padding-left: 0;
	padding-right: 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse{
	margin-left: 10px;
}
/*!
* Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
* Copyright 2013-2016 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/
/* Toggle Styles */
.sidebarOpen #wrapper,
.sidebarOpen .sidebar-wrapper {
	overflow: hidden;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
.sidebarOpen.sidebarOpenTransition #wrapper,
.sidebarOpen.sidebarOpenTransition .sidebar-wrapper,
#wrapper,
.sidebar-wrapper {
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#wrapper {
	min-height: 600px;
	min-height: calc(100vh - 50px);
	padding-left: 0;
}
.sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	width: 0;
	height: 100%;
	background: #2b2b2b;
	top: 0;
	padding-top: 50px;
	overflow: hidden;
}
.sidebarWrapperLeft{
	left: 50px;
	margin-left: -50px;
}
.sidebarWrapperLeftToggled .sidebarWrapperLeft{
	width: 250px !important;
}
.sidebarWrapperLeftToggled{
	padding-left: 250px !important;
}
@media (max-width:767px){
	/*Sidebar schiebt sich über Inhalt*/
	.sidebarWrapperLeftToggled{
		padding-left: 0 !important;
	}
}

.sidebarWrapperRight{
	background: #2b2b2b;
	right: -50px;
	margin-right: 0;
}
.sidebarWrapperRightToggled .sidebarWrapperRight{
	width: 250px !important;
}
.sidebarWrapperRightToggled{
	/* right = schiebe inhalt zur seite
	padding-right: 200px !important;
	*/
	/* rechte seite als overlay */
	padding-right: 0;
}
.sidebarWrapperRight .fa,
.sidebarWrapperLeft .fa{
	text-align: center;
	width: 30px;
	margin-left: 10px;
	margin-right: 8px;
	font-size: 1.3em;
	position: relative;
	top: 1px;
}
/* Username mobileansicht */
.mobileNavbarCurrentUser{
	color: #ffffff;
}
.navDivider{
	color: #ffffff;
}

#page-wrapper {
	padding: 15px;
}
#wrapper.toggled #page-wrapper {
	position: absolute;
	margin-right: -250px;
}

.toogleLeftMenu{
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.toogleLeftMenuOpen{
	-ms-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);

}

.toogleRightMenu{
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.toogleRightMenuOpen{
	-ms-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
/* Standard Sidebar Styles */
.sidebar-nav {
	position: absolute;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar-nav li {
	line-height: 40px;
}
.navStyleDefault .sidebar-wrapper.ps-container > .ps-scrollbar-y-rail,
.navStyleDefault .sidebar-wrapper.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
	display: none;
}
.sidebar-nav li a {
	display: block;
	text-decoration: none;
}

/*
### BOF: Default Navigation Menu
*/
.navStyleDefault .sidebar-nav li a {
	color: #999999;
}
.navStyleDefault .sidebar-nav li a:hover {
	text-decoration: none;
	color: #fff;
	background: rgba(255,255,255,0.2);
}
.navStyleDefault .sidebar-nav li.active a,
.navStyleDefault .sidebar-nav li a:active,
.navStyleDefault .sidebar-nav li a:focus {
	text-decoration: none;
	background: #337ab7 none repeat scroll 0 0;
	color: #ffffff;
}
.navStyleDefault .sidebar-nav > .sidebar-brand {
	height: 65px;
	font-size: 18px;
	line-height: 60px;
}
.navStyleDefault .sidebar-nav > .sidebar-brand a {
	color: #999999;
}
.navStyleDefault .sidebar-nav > .sidebar-brand a:hover {
	color: #fff;
	background: none;
}

.navStyleDefault .sidebar-nav li.menuDivider {
	color: #ffffff;
	display: block;
	font-size: 14px;
	line-height: 0.1;
	padding-left: 0;
	padding-top: 15px;
	text-decoration: none;
	transition: all 0.5s ease 0s;
	text-transform: uppercase;
}
.navStyleDefault .sidebar-nav li.menuDivider i {
	color: #ffffff;
	font-size: 1.6em;
	margin-right: 5px;
	top: 0;
}
.navStyleDefault .sidebar-nav li.menuDivider > span {
	position: relative;
	top: -4px;
}
/*
### EOF: Default Navigation Menu
*/


/*
### BOF: Extended Navigation Menu
*/
/* breiten Variablen */
:root {
	--left-sidebar-width-toggled: 250px;
	--left-sidebar-fly-width: 150px;
}
.mpManagementMainMenuExtended.sidebar-nav > li+li {
	margin-top: 0px;
}
.mpManagementMainMenuExtended .menuitem > a {
	width: 50px;
	max-height: 40px;
	overflow: hidden;
}
.sidebarWrapperLeftToggled .mpManagementMainMenuExtended .menuitem a {
	width: var(--left-sidebar-width-toggled);
}
/* erste Ebene Linkzustände */
.mpManagementMainMenuExtended li.menuitem a{
	text-decoration: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/*
### erste Ebene
*/
/* Fake Link auf Hauptpunkten */
.menuitem a,
.menuitem > span{
	color: #999999;
	cursor: pointer;
}
/* nicht verlinkte Menupunkte*/
.mpManagementMainMenuExtended li.menuitem.expandable span{
	display: block;
}
.mpManagementMainMenuExtended li.menuitem.expandable span .menuItemName{
	display: inline-block;
}
.mpManagementMainMenuExtended li.menuitem a.firstLevel:hover,
.mpManagementMainMenuExtended li.menuitem.expandable > span:hover{
	color: #ffffff;
	background-color: rgba(255,255,255,0.2);
}
.mpManagementMainMenuExtended li.menuitem.active a.firstLevel,
.mpManagementMainMenuExtended li.menuitem.expandable.active a.firstLevel,
.mpManagementMainMenuExtended li.menuitem.expandable.active > span{
	color: #ffffff;
	background-color: rgba(51, 122, 183,1);
}

.mpManagementMainMenuExtended li.menuitem.expandable.expanded > span {
	color: #ffffff;
	background-color: #2b2b2b;
}
.mpManagementMainMenuExtended li.menuitem.expandable.expanded:hover > span {
	color: #ffffff;
	background-color: rgba(255,255,255,0.2);
}

/* Status Pfeil */
.mpManagementMainMenuExtended .expandable .submenuToggler {
	float: right;
	line-height: 38px;
	font-weight: bold;
	color: rgb(153, 153, 153);
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-webkit-transition: transform 0.5s ease;
}
.mpManagementMainMenuExtended .expanded .submenuToggler {
	color: rgb(255, 255, 255);
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
.mpManagementMainMenuExtended li.menuitem.expandable span:hover .submenuToggler {
	color: rgb(255, 255, 255);
}
.mpManagementMainMenuExtended.sidebar-nav li.extMenuDivider {
	background: rgb(68, 68, 68);
	max-width: 32px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 8px;
	height: 1px;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.mpManagementMainMenuExtended.sidebar-nav li.extMenuDivider {
	max-width: 100%;
	height: 1px;
}
/*
### zweite Ebene
*/
.sidebarWrapperLeftToggled .mpManagementMainMenuExtended .expanded ul.submenu {
	display: block;
	left: 0;
	/*margin-left: 40px;*/
}
.mpManagementMainMenuExtended .submenu .submenuitem a{
	background-color: #202020;
	color: #999999;
}
.mpManagementMainMenuExtended .submenu .submenuitem a:hover{
	background-color: rgba(255,255,255,0.2);
	color: #ffffff;
}
.mpManagementMainMenuExtended .submenu .submenuitem.active a{
	background-color: rgba(51, 122, 183,1);
	color: #ffffff;
}

/*
### Eingeklappt
*/
/* Iconabstand zu Text bei MenuExtended */
.sidebarWrapperLeft .mpManagementMainMenuExtended .menuitem .fa {
	margin-right: 10px;
}
/* Navigationspunkt Name eingeklappte Sidebar */
.mpManagementMainMenuExtended .expandable .submenuTitleToggler {
	display: block;
	float: right;
	line-height: 38px;
	font-weight: bold;
	color: #ffffff;
	transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-webkit-transition: transform 0.5s ease;
}
/* Pfeil für beide Richtungen */
.mpManagementMainMenuExtended .expandable .upAndDown,
.mpManagementMainMenuExtended .expandable .upOnly,
.mpManagementMainMenuExtended .expandable .downOnly{
	display: inline-block !important;
	position: absolute;
	right: 0;
	width: 25px;
	height: 40px;
}
.mpManagementMainMenuExtended .expandable .upAndDown > i,
.mpManagementMainMenuExtended .expandable .upOnly > i,
.mpManagementMainMenuExtended .expandable .downOnly > i{
	position: relative;
	top: 12px;
	right: -13px;
	display: inline-block;
	line-height: 0px;
	left: auto;
}
.mpManagementMainMenuExtended .expandable .upAndDown .fa-angle-down{
	top: 25px;
}
.mpManagementMainMenuExtended .expandable .upAndDown .fa-angle-up{
	top: 15px;
}
/* Pfeil nur nach oben */
.mpManagementMainMenuExtended .expandable .upOnly .fa-angle-down{
	display: none;
}
.mpManagementMainMenuExtended .expandable .upOnly .fa-angle-up{
	top: 20px;
}
/* Pfeil nur nach unten */
.mpManagementMainMenuExtended .expandable .downOnly .fa-angle-down{
	top: 20px;
}
.mpManagementMainMenuExtended .expandable .downOnly .fa-angle-up{
	display: none;
}

.mpManagementMainMenuExtended .submenuitem.title {
	position: relative;
	padding-left: 10px;
	padding-right: 25px;
	color: #ffffff;
	background-color: #2b2b2b;
}
/* Ausklappmenu */
.mpManagementMainMenuExtended .expanded ul.submenu {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-left: 0;
	left: 50px;
	position: fixed;
	margin-top: -40px;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

/*** SubmenuNP für Submenu-Items oberhalb des SubmenuTitles */
ul.submenuNP {
	display: none;
}

ul.submenuNP.show {
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-left: 0;
	left: 50px;
	position: fixed;
	margin-top: -80px;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.mpManagementMainMenuExtended .submenuNP .submenuitem a{
	background-color: #202020;
	color: #999999;
}
.mpManagementMainMenuExtended .submenuNP .submenuitem a:hover{
	background-color: rgba(255,255,255,0.2);
	color: #ffffff;
}
.mpManagementMainMenuExtended .submenuNP .submenuitem.active a{
	background-color: rgba(51, 122, 183,1);
	color: #ffffff;
}

/* Workaround damit lange menulisten scrollbar sind
.sidebarFolded .mpManagementMainMenuExtended .expanded ul.submenu {
	overflow-y: auto;
	max-height: 285px;
} */

.mpManagementMainMenuExtended .submenuitem {
	background-color: #202020;
	/*left: -40px;*/
	margin-left: 0px;
	margin-right: 0px;
}
.mpManagementMainMenuExtended .menuitem a {
	width: auto;
}
.submenulink {
	display: block;
	background-color: #202020;
	padding-left: 15px;
	padding-right: 15px;
	transform: translate3d(0,0,0);
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.submenuitem.active > .submenulink {
	color: #ffffff;
	background-color: #3a3a3a;
}
.sidebarWrapperLeftToggled .submenulink {
	padding-left: 52px;
}
.expandable .submenuToggler {
	display: none;
}
.sidebarWrapperLeftToggled .submenuToggler {
	display: inline-block;
}
.sidebarWrapperLeftToggled .sidebar-nav li.expanded > a,
.sidebarWrapperLeftToggled .sidebar-nav li.expanded > a:focus {
	color: #ffffff;
	background-color: #3a3a3a;
}
.submenuTitle {
	background-color: #4a4a4a;
}
.sidebarWrapperLeftToggled .expanded ul.submenu li.title {
	display: none;
}
li.menuitem.expandable > a:hover {
	color: #ffffff;
	background-color: #4a4a4a;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
ul.submenu {
	display: none;
	background-color: #202020;
	list-style: none;
}
.sidebarWrapperLeftToggled .expanded ul.submenu {
	display: block;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
}
.sidebarWrapperLeftToggled .expanded ul.submenu li {
	width: var(--left-sidebar-width-toggled);
	display: block;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
}
toolbar input.searchFilter {
	width:200px !important;
}

/* Border left */
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.sidebarFolded .menuitem::before {
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s; /* Firefox < 16 */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera < 12.1 */
	animation: fadein 1s;
}
.sidebarFolded .menuitem.expandable::before {

	/* Strich */
	background:	rgb(51, 122, 183);
	position: absolute;
	display: inline-block;
	width: 2px;
	height: 20px;
	margin-top:8px;
	margin-left: 2px;
	content:"";
	display: inline-block;
	/* dot
	position: absolute;
	display: inline-block;
	width: 2px;
	height: 20px;
	margin-top:15px;
	margin-left: 2px;
	content: "\f111";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 7px;
	line-height: 1;
	color:rgb(51, 122, 183);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	*/
}
/*
.sidebarFolded .menuitem{
	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sidebarFolded .menuitem.expandable::before {
	transition: all 0.5s ease;
	display: block;
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color:
	transparent transparent transparent
	#999;
	content: "";
	position: absolute;
	left: -1px;
	bottom: 16px;
}
*/
/*
### EOF: Extended Navigation Menu
*/

@media(min-width:768px) {
	#wrapper {
		padding-left: 50px;
		padding-right: 0;
	}
	#wrapper.toggled {
		padding-left: 0;
	}
	.sidebar-wrapper {
		width: 50px;
	}
	#wrapper.toggled .sidebar-wrapper {
		width: 0;
	}

	#wrapper.toggled #page-wrapper {
		margin-right: 0;
	}
}

@media (max-width:767px){
	.fixed-brand{
		text-align: center;
	}
}
/* Layout CSS */


body {
	font-family: "SourceSansPro", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

a:hover,
a:focus,
a:active{
	text-decoration: none;
}
.label-development {
	float: left;
	font-size: 12px;
	font-family: "SourceSansProExtraLight";
	letter-spacing: 0.8px;
	margin-top: 15px;
	padding: 0.3em .6em .3em;
	display: block;
	margin-left: -10px;
}
.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

/* a.general-action comes without href, therefore we need to set the cursor ourself */
a.general-action,
a.confirm-action,
.pointer {
	cursor:pointer;
}

.fixed-brand {
	top: 2px;
}
.navbar-brand {
	line-height: 26px;
}

/* eigene button styles basierend auf bootstrap */
/* save*/
.btn-mp-save{
	color: #fff;
	background-color: #0275d8;
	border-color: #0275d8;
}
.btn-mp-save:focus,
.btn-mp-save:hover,
.btn-mp-save:active{
	color: #fff;
	background-color: #025aa5;
	border-color: #01549b;
}
.btn-mp-save:active:hover,
.btn-mp-save:active:focus{
	color: #fff;
	background-color: #014682;
	border-color: #01315a;
}
/* outline save */
.btn-outline-save{
	color: #0275d8;
	background-image: none;
	background-color: transparent;
	border-color: #0275d8;
}
.btn-mp-outline-save:focus,
.btn-mp-outline-save:hover,
.btn-mp-outline-save:active{
	color: #fff;
	background-color: #0275d8;
	border-color: #0275d8;
}

.btn-mp-outline-save:active:hover,
.btn-mp-outline-save:active:focus{
	color: #fff;
	background-color: #014682;
	border-color: #01315a;
}

/* cancel*/
.btn-mp-cancel{
	color:#333333;
	background-color:#fff;
	border-color:#cccccc;
}
.btn-mp-cancel:focus,
.btn-mp-cancel:hover,
.btn-mp-cancel:active{
	color:#333333;
	background-color:#e6e6e6;
	border-color:#adadad;
}
.btn-mp-cancel:active:hover,
.btn-mp-cancel:active:focus{
	color:#333333;
	background-color:#d4d4d4;
	border-color:#8c8c8c;
}
/* outline cancel */
.btn-mp-outline-cancel{
	color:#cccccc;
	background-color:transparent;
	border-color:#cccccc;
}
.btn-mp-outline-cancel:focus,
.btn-mp-outline-cancel:hover,
.btn-mp-outline-cancel:active{
	color: #ffffff;
	background-color: #cccccc;
	border-color: #cccccc;
}

.btn-mp-outline-cancel:active:hover,
.btn-mp-outline-cancel:active:focus{
	color: #fff;
	background-color: #a1a1a1;
	border-color: #8c8c8c;
}
/* edit */
.btn-mp-edit{
	color:#ffffff;
	background-color:#5cb85c;
	border-color:#5cb85c;
}
.btn-mp-edit:focus,
.btn-mp-edit:hover,
.btn-mp-edit:active{
	color:#ffffff;
	background-color:#449d44;
	border-color:#419641;
}
.btn-mp-edit:active:hover,
.btn-mp-edit:active:focus{
	color:#333;
	background-color:#d4d4d4;
	border-color:#8c8c8c;
}
/* outline edit */
.btn-mp-outline-edit{
	color:#5cb85c;
	background-color:transparent;
	border-color:#5cb85c;
}
.btn-mp-outline-edit:focus,
.btn-mp-outline-edit:hover,
.btn-mp-outline-edit:active{
	color: #ffffff;
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.btn-mp-outline-edit:active:hover{
		color: #fff;
		background-color: #398439;
		border-color: #2d672d;
}

/* btn for cancel */
.btn.cancel {
	color:#333;
	background-color:#fff;
	border-color:#ccc
}
.btn.cancel:focus,
.btn.cancel.focus {
	color:#333;
	background-color:#e6e6e6;
	border-color:#8c8c8c
}
.btn.cancel:hover {
	color:#333;
	background-color:#e6e6e6;
	border-color:#adadad
}
.btn.cancel:active,
.btn.cancel.active,
.open>.dropdown-toggle.btn.cancel {
	color:#333;
	background-color:#e6e6e6;
	border-color:#adadad
}
.btn.cancel:active:hover,
.btn.cancel.active:hover,
.open>.dropdown-toggle.btn.cancel:hover,
.btn.cancel:active:focus,
.btn.cancel.active:focus,
.open>.dropdown-toggle.btn.cancel:focus,
.btn.cancel:active.focus,
.btn.cancel.active.focus,
.open>.dropdown-toggle.btn.cancel.focus {
	color:#333;
	background-color:#d4d4d4;
	border-color:#8c8c8c
}
.btn.cancel:active,
.btn.cancel.active,
.open>.dropdown-toggle.btn.cancel {
	background-image:none
}
.btn.cancel.disabled:hover,
.btn.cancel[disabled]:hover,
fieldset[disabled] .btn.cancel:hover,
.btn.cancel.disabled:focus,
.btn.cancel[disabled]:focus,
fieldset[disabled] .btn.cancel:focus,
.btn.cancel.disabled.focus,
.btn.cancel[disabled].focus,
fieldset[disabled] .btn.cancel.focus {
	background-color:#fff;
	border-color:#ccc
}
/* default animate */
a {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.navbar-default .navbar-nav.navbarModules > .dropdown > a {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.transformRotate360 {
	-webkit-animation:spin 0.5s linear 3;
	-moz-animation:spin 0.5s linear 3;
	animation:spin 0.5s linear 3;
	animation-delay: 0.2s;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); background-color: #009900;} }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); background-color: #009900;} }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); background-color: #009900;} }

/* login page style image is set in the page resources */
#fmpmtbaseLogin{
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.tile {
	border-radius: 6px;
	/*padding: 35px 25px 40px 25px;*/
	padding: 25px;
	position: relative;
	text-align: center;
	height: 100%;
}
.tile-login {
	background: #ffffff;
	background: rgba(255,255,255,0.9);
	-webkit-box-shadow: 5px 5px 10px 0px rgba(38,38,38,1);
	-moz-box-shadow: 5px 5px 10px 0px rgba(38,38,38,1);
	box-shadow: 5px 5px 10px 0px rgba(38,38,38,1);
	/*padding-bottom: 55px;*/
}
.tile-login .logo {
	border-bottom: 1px solid #337ab7;
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.tile-login .logo img{
	margin: 0 auto;
	display: block;
}
.tile-login .subTitleLogo {
	padding: 15px 0 0;
	display: block;
}
.tile-login input {
	background: rgba(0, 0, 0, 0.05);
	border: none;
	color: #333333;
}
.tile-login .input-icon [class*="ss-"]{
	color: #337ab7;
}
.tile-login input[type="text"] {
	margin-bottom: 10px;
}
.tile-login input[type="password"] {
	margin-bottom: 20px;
}
.tile-login input[type="submit"] {
	color: #ffffff;
	border: 1px solid #337ab7;
	background: rgba(51,122,183,0.95);
}
.tile-login input[type="submit"]:hover{
	border: 1px solid #337ab7;
	background: rgba(51,122,183,0.75);
}
.tile-login input[type="submit"]:active,
.tile-login input[type="submit"]:focus{
	border: 1px solid #337ab7;
	background: rgba(51,122,183,0.85);
}
.tile-login a.btn {
	margin-bottom: 10px;
}
.tile-login .checkbox .first-icon,
.tile-login .checkbox .second-icon {
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid #999999;
}
.tile-login .checkbox .icons{
	color: #337ab7;
}
.tile-login .checkbox .icons .second-icon::before{
	left: -3px;
}
.tile-login .login-action div[class*='col-'] {
	padding: 0;
}
.tile-login .login-action a {
	font-size: 14px;
	margin-top: 10px;
	display: block;
}
.tile-login label.checkbox {
	color: #93A4AA;
	padding-left: 0;
	margin-bottom: 0;
	text-indent: -25px;
}

.tile-login .login-action{
	margin-top:25px;
}
.tile-login .login-action .checkbox {
	padding-left: 20px;
}
.tile-login .login-action .permalogin{
	color: #999999;
	text-align: left;
}
.tile-login .login-action .permalogin span{
	padding-left: 5px;
	cursor: pointer;
}
.tile-login .login-action .forgotPassword{
	text-align: right;
}
.tile-login .login-action .forgotPassword a {
	margin-top: 11px;
}
.tile-login .alert{
	font-size: 12px;
}
.tile-login .alert-danger {
	background-color: rgba(248, 69, 69, 0.8);
	color: #ffffff;
}
.tile-login .alert-primary {
	background-color: rgba(2, 186, 242, 0.8);
	color: #ffffff;
}
.footerLogin{
	padding: 5px 15px;
	position: fixed;
	bottom: 0;
	width: 100%;
	background:rgba(255,255,255,0.8);
	line-height: 1;
}
.footerLoginText{
	font-size: 12px;
	margin-right: 10px;
}
.footerLoginImg{
	display: inline-block;
	max-width: 80px;
	max-height: 35px;
	margin-left: 10px;
}
/* misc */
.labelLeft{
	text-align: left !important;
}

/* navbarModules user, search etc */
.dropdown-menu {
	width: auto; /* set auto instead of 100% */
}
/*
### Korrektur Userbadged in dropdown
*/
.dropdown-usersOnline .userBadgeContainer {
	position:relative;
	top:-5px;
}

.navbarModules {
	margin-right: 10px;
}
.navbarModules .ss-navigatedown{
	line-height: 18px;
}
.navbar-default {
	z-index: 10000;
	background-color: #2b2b2b;
	border-color: #000000;
	border-width: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	min-height: 50px;
	height:50px;
	padding: 0;
	margin: 0;
}
.navbar-nav > li > a {
	padding-bottom: 13px;
	padding-top: 14px;
}
.navbar-default .navbar-nav > li > a{
	color: #999999;
}
.navbar-default .navbar-nav.navbarModules > .dropdown > a:hover,
.navbar-default .navbar-nav.navbarModules > .dropdown > a:focus {
	background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
	color: #ffffff;
}
.navbar-default .navbar-nav.navbarModules > .open > a,
.navbar-default .navbar-nav.navbarModules > .open > a:hover,
.navbar-default .navbar-nav.navbarModules > .open > a:focus {
	background: #337ab7;
	color: #ffffff;
}
.navbar-default .navbar-nav.navbarModules a .fa {
	font-size: 1.3em;
}

/* BOF Userbagde */
.userBadgeContainer{
	display: inline-block;
	text-align: center;
	background: #999999;
	overflow: hidden;
	vertical-align: bottom;
	width: 20px;
	height: 20px;
	font-size: 14px;
	padding-top: 1.2px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-indent: -3px;
}
.userBadgeContainer.badge-sm{
	width: 24px;
	height: 24px;
	font-size: 16px;
	padding-top: 2.5px;
	text-indent: inherit;
}
.userBadgeContainer.badge-md{
	width: 28px;
	height: 28px;
	font-size: 16px;
	font-weight: bolder;
	padding-top: 4px;
	text-indent: inherit;
}
.userBadgeContainer.badge-lg{
	width: 32px;
	height: 32px;
	font-size: 18px;
	font-weight: bolder;
	padding-top: 4px;
	text-indent: inherit;
}
.userBadgeContainer.badge-xl{
	width: 42px;
	height: 42px;
	font-size: 22px;
	font-weight: bolder;
	padding-top: 5px;
	text-indent: inherit;
}
.userBadgeContainer.badge-xxl{
	width: 55px;
	height: 55px;
	font-size: 34px;
	font-weight: bolder;
	padding-top: 4px;
	text-indent: inherit;
}
.userBadgeLetters {
	font-family: SourceSansProExtraLight;
	color: #ffffff;
	text-transform: uppercase;
}
/* EOF Userbagde */

/* ### User Avatar + Name */
.userSettings > .dropdown-toggle{
	padding-bottom: 13px;
	padding-top: 13px;
	padding-left: 10px;
	margin-left: 5px;
}
.userSettings .userBadgeLetters{
	line-height: 22px !important;
}
.userSettings .mobileNavbarLinkText{
	margin-right: 5px;
	margin-left: 5px;
	vertical-align: top;
	margin-top: 3px;
	display: inline-block;
}
.userSettings .mobileNavbarLinkText + span{
	vertical-align: top;
	margin-top: 2px;
}
img.userAvatar{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mobileNavbarCurrentUser .userBadgeContainer{
	top: 7px;
	position: relative;
	left: 5px;
	margin-left: 9px;
	margin-right: 15px;
}

.nav li a:focus {
	background: #80a0bc;
}
.navbarModules .dropdown-menu {
	padding: 0;
}
.navbarModules .dropdown-menu > li > a {
	padding: 10px 20px;
}
.navbarModules .dropdown-menu > li > span {
	padding: 10px 20px;
}
.navbarModules .dropdown-menu .divider {
	margin: 1px 0;
}
.navbarModules .dropdown-menu {
	width: inherit;
	border-width: 1px;
}
.noActiveLink{
	white-space: nowrap;
	display: block;
}
.recentUser .fa{
	text-align: center;
	width: 24px;
}
.table.tableNoBorderTop > thead > tr:first-child > th,
.table.tableNoBorderTop > thead > tr:first-child > td,
.table.tableNoBorderTop > tbody > tr:first-child > th,
.table.tableNoBorderTop > tbody > tr:first-child > td,
.table.tableNoBorderTop > tfoot > tr:first-child > th,
.table.tableNoBorderTop > tfoot > tr:first-child > td {
	border-top: none;
}

.table.tableFixed{
	table-layout: fixed;
}

/* *** diff table (activity log) */
.diff td{
	padding:0 0.667em;
	vertical-align:top;
	white-space:pre;
	white-space:pre-wrap;
	font-family:Consolas,'Courier New',Courier,monospace;
	font-size:0.75em;
	line-height:1.333;
}

.diff span{
/*	display:block;*/
	min-height:1.333em;
	margin-top:-1px;
	padding:0 3px;
}

* html .diff span{
	height:1.333em;
}

.diff span:first-child{
	margin-top:0;
}

.diffDeleted span{
	border:1px solid rgb(255,192,192);
	background:rgb(255,224,224);
}

.diffInserted span{
	border:1px solid rgb(192,255,192);
	background:rgb(224,255,224);
}

/*
### BOF Messages 2019
*/
.mpmgmtbase-messages-list-overview{
	overflow-x: auto;
	max-height: 68vh;
}
.mpmgmtbase-messages-list-footer{
	border: 1px solid #ddd;
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 10px;
	/*margin-right: 15px;*/
}
.mpmgmtbase-messages-list-allinall{
	font-size: 14px;
}
.mpmgmtbase-messages-list-pagination{
	line-height: 0;
}
.mpmgmtbase-messages-list-pagination .pagination{
	margin: 0;
}
.mpmgmtbase-messages-list-pagination .pagination > li > a,
.mpmgmtbase-messages-list-pagination .pagination > li > span{
	padding: 3px 6px !important;
	margin-left: 3px;
	margin-right: 3px;
}
.mpmgmtbase-messages-list{
	padding: 5px;
	/*margin-right: 15px;*/
}
.mpmgmtbase-messages-list:last-child{
	border-bottom:none;
}
.mpmgmtbase-messages-list:hover {
	background-color: rgba(51, 122, 183,.3);
	border-color: transparent;
}
.mpmgmtbase-messages-list.active,
.mpmgmtbase-messages-list.active:focus,
.mpmgmtbase-messages-list.active:hover {
	color: #333;
	background-color: rgba(51, 122, 183,1);
	border-color: transparent;
}
.mpmgmtbase-messages-list .panel {
	margin-bottom: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.messageMessagePanel{
	margin-bottom: 0;
}
.messageContainer{
	display:flex;
	flex-direction: row;
}
.messageUserAvatar{
	margin-right: 15px;
}
.messageMessageContainer{
	flex-grow: 1;
	flex-direction: column;
}
.messageMessageHeader{
	display:flex;
	flex-direction: row;
}
.messageMessageHeader .messageMessageTime{
	font-family: "SourceSansProExtraLight";
	font-size: 90%;
	color: #a89898;
}
.messageMessageHeader .messageMessageTimeStatus{
	display: flex;
}
.messageMessageHeader .messageMessageTimeStatus i{
	margin-left: 5px;
}
.messageMessageHeader .messageMessageTimeStatus i{
	color: #a89898;
}
.messageMessageHeader .messageMessageTimeStatus.readAll i{
	color: #009900;
}
.messageMessageHeader .messageMessageTimeStatus.readSome i{
	color: #f0ad4e;
}

.messageMessageHeader .messageMessageSender{
	flex-grow: 1;
	font-weight: 900;
}
.messageMessageSender .more-than-one-message{
	color: rgba(51, 122, 183,1);
	margin-left: 10px;
}
.messageMessageSender .badge-green{
	top: -3px;
	position: relative;
	background: rgba(0, 128, 0, .8);
	margin-left: 10px;
}
#mpmgmtbase-messages-message-detail-container{
	overflow: hidden;
}
.messageMessageBody{
	margin-top: 0;
	padding-top: 10px;
	border-top: 1px solid #f5f5f5;
}
.messageMessageBody .messageMessageSubject{
	font-family: "SourceSansProSemiBold";
	color: #4a4a4a;
}
.messageMessageBody .messageMessageBodytext{
	color: #8a8a8a;
}

.mpmgmtbase-messages-detail .panel{
	margin-bottom: 30px;
}
.mpmgmtbase-messages-detail .panel-footer .list-unstyled{
	margin-bottom: 0;
}
.mpmgmtbase-messages-detail .panel-footer .list-unstyled li{
	padding: 5px 0;
}
.messageOpposite{
	margin-right: 20%;
}
.messageMyself{
	margin-left: 20%;
}
.messageMyself .messageUserAvatar{
	margin-right: 0;
	margin-left: 15px;
}
.messageMessageConversationContainer{
	border-bottom:none;
	height: 65vh;
	overflow-y: scroll;
	padding: 5px 0;
	padding-right: 15px;
}
.messageMessageTextareaContainer{
	position: relative;
	border-top: 1px solid #ddd;
	padding-top: 22px;
	margin-top: 5px;
}
.messageMessageTextarea{
	position: relative;
}
.messageMessageTextareaContainer textarea{
	resize: none;
	position: relative;
	padding-right: 70px;
	height: 55px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.messageMessageTextareaContainer .btn{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 60px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/*
### EOF Messages 2019
*/


/* *** Messages */
#mpmgmtbase-messages-container .list-group-item.first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
li.mpmgmtbase-messages-unread-messagescontainer {
	white-space: nowrap;
	border-top: 1px solid #eeeeee;
}
li.mpmgmtbase-messages-unread-messagescontainer.first-item {
	border-top: none;
}
.messagesUnreadHeader {
	min-width: 240px;
}
.messagesUnreadHeader strong{
	margin-right:10px;
}
.messagesUnreadHeader span{
	font-size: 10px;
	display: block;
}
.messagesUnreadMessage{
	white-space: nowrap;
}
.mpmgmtbase-messages-more-functions-dropdown-container {
	padding: 5px 20px;
}
.mpmgmtbase-messages-more-functions-dropdown-new-message{
	margin-right: 15px;
}
.mpmgmtbase-messages-list {
	overflow-y:auto;
}
.mpmgmtbase-messages-list-action {
	margin-bottom: 25px;
}
.mpmgmtbase-messages-detail {
	overflow-y:auto;
}
.mpmgmtbase-messages-message-detail-loading {
	display: block;
	margin-top: 20%;
	text-align: center;
}
.mpmgmtbase-messages-reply {
	margin-bottom: 25px;
}
.mpmgmtbase-messages-list-header{
	position: relative;
	white-space: nowrap;
	margin-bottom: 10px;
}
.mpmgmtbase-messages-list-header span{
	position: absolute;
	right: 0;
}
.mpmgmtbase-messages-list-header:after{
	clear:both;
	content: " ";
	display: table;
}
.mpmgmtbase-messages-message-action{
	text-align: right;
	margin-top:5px;
}
.mpmgmtbase-messages-message strong{
	margin-bottom: 5px;
}
.mpmgmtbase-messages-currentmessage-sender{
	display: block;
	background:#f0f0f0;
	padding: 10px;
	font-size: 14px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.mpmgmtbase-messages-currentmessage-sender span{
	float:right;
}
.itsMe,
.itsOther{
	margin-bottom: 25px;
}
.itsMe .panel,
.itsOther .panel{
	margin-bottom: 0px;
}
.itsMe .senderUserCol{
	padding-top: 0;
}
.mpmgmtbase-messages-detail blockquote{
	font-size: inherit;
}
.noMessageSenderEmail {
	display: block;
	height: 55px;
}

/* *** chat */
.mpmgmtbase-chat-messages {
	min-height:240px;
	max-height:480px;
	overflow-y: scroll;
	padding-right:20px;
}


/* *** Calendar dates */
#mpmgmtbase-calendar-container .list-group-item.first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.upcomingDatesContainer {
	white-space: nowrap;
	border-top: 1px solid #eeeeee;
}

.upcomingDatesContainer.first-item {
	border-top: none;
}
.upcomingDatesContainer table{
	margin-bottom: 0;
}
.upcomingDatesContainer table > thead > tr > th,
.upcomingDatesContainer table > thead > tr > td,
.upcomingDatesContainer table > tbody > tr > th,
.upcomingDatesContainer table > tbody > tr > td,
.upcomingDatesContainer table > tfoot > tr > th,
.upcomingDatesContainer table > tfoot > tr > td {
	border-top: none;
	padding: 0;
}
.upcomingDatesContainer table > tbody > tr > td:first-child{
	width: 45px;
	padding-right:5px;
}
.upcomingDatesContainer section.date {
	float: none;
	display: block;
	height: auto;
	width: 45px;

}
.upcomingDatesContainer .upcomingDatesHeader{
	display: inline-block;
}
.upcomingDatesHeader strong{
	margin-right:10px;
}
.upcomingDatesHeader span{
	font-size: 10px;
	display: block;
}
.upcomingDatesDescription{
	white-space: nowrap;
}
.mpmgmtbase-calendar-more-functions-dropdown-container {
	padding: 5px 20px;
}
.mpmgmtbase-calendar-more-functions-dropdown-new-message {
	margin-right: 15px;
}
.modalFullScreen hr {
	border-color: #aaa currentcolor currentcolor;
}

/* calendar recentContainer */
ul.recentDatesDashboard{
	margin:0 0 0 5px;
	padding: 0;
}
ul.recentDatesDashboard li{
	list-style: none;
	color: #c0c0c0;
}
table.recentContainer > tbody > tr > td {
	padding-top: 5px;
	padding-bottom: 5px;
}
table.recentContainer .small {
	font-size: 12px;
}

table.recentContainer strong {
	line-height: 1;
	display: block;
}
table.recentContainer .recentDescription {
	line-height: 1.2;
	display: block;
}

/* form */

/* ckeditor maximize */
.cke_maximized {
/*	top: 47px !important;*/
	z-index: 10000 !important;
}

/* override editor.css form-control padding */
.form-control {
	padding: 6px 12px;
}
.form-control:focus {
	border: 1px solid #66afe9;
	/*background: unset;*/
	box-shadow:none;
	outline: 0 none;
}
.control-label {
	margin-top: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
		height: auto;
		margin-bottom: 0;
}
input + .input-group-addon {
	border-left: 0;
}
/* zwei inputs in einer group und einer col z.b. myedit passwort */
.form-control.form-control-formfield-first{
	margin-bottom: 15px;
}

.form-group.form-group-last{
	margin-bottom: 0;
}

/* checkbox und radio hack */
.checkbox-inline.checkbox,
.radio-inline.radio{
	margin-top: 5px;
	margin-bottom: 0;
}

/* *** Counter */
.numberCounter a .badge {
	/* Badget liegt innerhalb des link somit kein sprung beim nachladen per ajax */
	position: absolute;
	right: 3px;
	top: 3px;
	padding: 1px 3px;
	border-radius: 8px;
	background-color: #000000;
	border: 1px solid #ffffff;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sidebarWrapperRight .numberCounter a .badge {
	background-color: #000000;
	border: 1px solid #ffffff;
	text-indent: 0;
	border-radius: 24px;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	left: 33px;
	padding: 0;
	position: absolute;
	right: auto;
	top: 3px;
	transition: all 0.5s ease 0s;
}
.numberCounter a:hover .badge,
.numberCounter a:focus .badge {
	background-color: #009900;
}

/* *** whoIsOnline */
.mpmgmtbase-users-online-active {
	max-width: 400px;
	max-height: 60vh;
	margin-bottom: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}

.mpmgmtbase-users-online-usercontainer {
	display: block;
	clear: both;
	font-weight: normal;
	line-height: 1.3 !important;
	color: #333;
	white-space: nowrap;
	border-top: 1px solid #eeeeee;
	cursor: default;
}

.mpmgmtbase-users-online-username {
	display: inline-block;
	padding-left:5px;
}
.mpmgmtbase-users-online-username:after {
	content: "";
}
.mpmgmtbase-users-online-time {
	display: inline;
	font-size:10px;
	vertical-align: middle;
}
.mpmgmtbase-users-online-usergroups {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.searchModuleContainerTop {
	padding: 10px 15px;
	min-width: 300px;
}
.searchModuleContainerTop .btn {
	padding: 8px 12px;
}

/* breadcrumb  http://bootsnipp.com/snippets/featured/responsive-breadcrumbs */
/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn-breadcrumb .currentStepItem{
	display: inline-block;
	margin-right: 2px;
}
.btn-breadcrumb .currentStepItem::after{
	content: ".";
}
.btn-breadcrumb {
	display: block;
}
.btn-breadcrumb .btn{
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}
.btn-breadcrumb .btn:not(:last-child):after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid white;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 100%;
	z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid rgb(173, 173, 173);
	position: absolute;
	top: 50%;
	margin-top: -17px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
}
.btn-breadcrumb .btn {
	padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
	padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
	padding:6px 18px 6px 24px;
}
/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
	border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
	border-left: 10px solid #ccc;
}

/* hover */
.btn-breadcrumb .btn-default:active,
.btn-breadcrumb .btn-default:focus {
	background-color: #fff;
	border-color: #cccccc;
}
.btn-breadcrumb .btn.btn-default:active:not(:last-child):after,
.btn-breadcrumb .btn.btn-default:focus:not(:last-child):after  {
	border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:active:not(:last-child):before,
.btn-breadcrumb .btn.btn-default:focus:not(:last-child):before {
	border-left: 10px solid #ccc;
}

/* hover */
.btn-breadcrumb .btn-default:hover {
	background-color: #fff;
	border-color: #cccccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
	border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
	border-left: 10px solid #ccc;
}
/* active */
.btn-breadcrumb .btn-default.bcActive {
	color: #fff;
	background-color: #337ab7;
	border-color: #adadad;
}
.btn-breadcrumb .btn.btn-default.bcActive:not(:last-child):after {
	border-left: 10px solid #337ab7;
}
.btn-breadcrumb .btn.btn-default.bcActive:not(:last-child):before {
	border-left: 10px solid #fff;
}
/* done*/
.btn-breadcrumb .btn-default.bcDone {
	color: #fff;
	background-color: #7dadd6;
	border-color: #adadad;
}
.btn-breadcrumb .btn.btn-default.bcDone:not(:last-child):after {
	border-left: 10px solid #7dadd6;
}
.btn-breadcrumb .btn.btn-default.bcDone:not(:last-child):before {
	border-left: 10px solid #fff;
}

/* The responsive part */
.btn-breadcrumb > * > div {
		/* With less: .text-overflow(); */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-breadcrumb > *:nth-child(n+2) {
	display:none;
}

/* === For phones =================================== */
@media (max-width: 767px) {
	.btn-breadcrumb > *:nth-last-child(-n+2) {
		display:block;
	}
	.btn-breadcrumb > * div {
		max-width: 60px;
	}
}

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
	.btn-breadcrumb > *:nth-last-child(-n+4) {
		display:block;
	}
	.btn-breadcrumb > * div {
		max-width: 100px;
	}
}

/* === For desktops ================================== */
@media (min-width: 992px) {
	.btn-breadcrumb > *:nth-last-child(-n+6) {
		display:block;
	}
	.btn-breadcrumb > * div {
		max-width: 170px;
	}
}
/* EOF breadcrumb  http://bootsnipp.com/snippets/featured/responsive-breadcrumbs */

/* ss-junior */
.btn .ss-navigatedown{
	line-height: 1.2;
	top: 3px;
	position: relative;
}

/* btn */
.btn {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* Wenn Icon innerhalb des Buttons dann setzte den Abstand zwischen Icon und Text */
.btn > .fa{
	margin-right:4px;
}
/* Icon ohne Text im Button only textonly notext icononly frank */
.btn.noDescriptionBtn > .fa{
	margin-right:0;
}

.form-control.disabled {
	cursor: not-allowed;
}

/* multiselect */
.multiselect-selected-text,
.multiselect-selected-text + b{
	color: #364347;
}

/* iconSelector */
.iconpicker-container .input-group-addon{
	cursor: pointer;
}

.selectRequired::before {
	color: white;
	content: "*";
	font-size: 20px;
	position: absolute;
	right: 3px;
	top: 11px;
	z-index: 2;
}
.selectRequired::after {
	background: #fad46b none repeat scroll 0 0;
	border-radius: 3px;
	content: "";
	height: 40px;
	position: absolute;
	right: -32px;
	top: 0;
	transform: rotate(45deg);
	width: 40px;
}

.selectRequired {
	display: block;
	height: 40px;
	overflow: hidden;
	position: absolute;
	right: -5px;
	top: -24px;
	transform: rotate(135deg);
	width: 20px;
	z-index: 3;
}
.selectRequired > select{
	z-index:1;
}

.input-icon {
	position: relative;
}
.input-icon [class*="ss-"] {
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -11px;
	color: #B2C6CD;
}
.input-icon .form-control {
	text-indent: 30px;
}
table .form-control {
	padding-top:0;
	padding-bottom: 0;
}

/* fluid autocomplete */
.ui-autocomplete{
	background: rgba(255,255,255,0.9);
	max-width: 250px;
	overflow-x: hidden;
	list-style: none;
	padding-left: 0;
	border: 1px solid #d6e1e5;
}
.ui-autocomplete li{
	padding: 10px 20px;
	color: #5e6969;
	font-size: 16px;
}
.ui-autocomplete li:focus,
.ui-autocomplete li:active,
.ui-autocomplete li:hover,
.ui-autocomplete .ui-state-focus{
	background-image: linear-gradient(to bottom, #08c, #0077b3);
	background-repeat: repeat-x;
	color: #ffffff;
}

.ui-helper-hidden-accessible{
	display: none;
}
/* multiselect Dropdown */
.hide-native-select .dropdown-menu > li:first-child > a {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.hide-native-select .dropdown-menu > li:last-child > a {
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
/** multiselect fullwidth */
.hide-native-select .multiselectFullWidth + .btn-group,
.hide-native-select .multiselectFullWidth + .selectRequired + .btn-group .btn-group{
	width: 100%;
}
.hide-native-select .multiselectFullWidth + .btn-group .btn{
	width: 100%;
}
.hide-native-select .multiselectFullWidth + .btn-group .btn span{
	display: block;
	float: left;
	overflow: hidden;
	text-align: left;
	width: 100%;
}
.hide-native-select .multiselectFullWidth + .btn-group .btn b{
	margin-top: -2px;
	position: absolute;
	right: 12px;
	top: 50%;
	vertical-align: middle;
}
.hide-native-select .multiselectFullWidth + .btn-group .dropdown-menu {
	width: 100%;
}
/* bootstrap select bugfix*/
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	width: initial;
}
.bootstrap-select.btn-group.open .dropdown-menu > li > a {
	margin-right: 0;
}
/* Automatisches abschneiden wenn Text breiter als Select ist */
.bootstrap-select .dropdown-toggle{
	overflow-x: hidden;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
	width: 100%;
	text-overflow: ellipsis;
}
/* disable drunken parrot checkbox in multiselect dropdown
.multiselect-container label.radio input[type="radio"],
.multiselect-container label.radio-inline input[type="radio"],
.multiselect-container label.checkbox input[type="checkbox"],
.multiselect-container label.checkbox-inline input[type="checkbox"] {
	margin-left: -20px;
	position: absolute;
	display: block;
}*/
.multiselect.dropdown-toggle + .multiselect-container{
	right: auto;
	left: 0;
}
.multiselect.dropdown-toggle + .multiselect-container.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}
.multiselect-container input{
	height: 40px;
}
.multiselect-container .btn{
	margin-top: 0 !important;
}
.multiselect-filter .input-group .input-group-addon{
	padding: 0 5px;
}
.multiselect-filter .input-group input{
	padding: 5px;
}
.multiselect-filter .input-group .input-group-btn .btn{
	padding: 9px 7px;
}
.multiselect-filter .input-group .input-group-btn .btn .glyphicon{
	top: 3px;
}
.multiselect-container > li > a {
	padding: 5px 0;
}
.multiselect-container label.checkbox,
.multiselect-container label.radio {
	padding: 3px 20px 3px 40px;
}
.multiselect-container .checkbox .icons,
.multiselect-container .radio .icons {
	left: 8px;
	top: 4px;
}

/* *** colorpicker */
.colorpicker-2x {
    z-index:20000;
}
/* fix width because drunken parrot use 100% for dropdown */
.colorpicker.colorpicker-2x.dropdown-menu {
	width: 280px;
	margin-bottom: 50px;
}
.colorpicker-2x .colorpicker-saturation {
	width: 200px;
	height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
	width: 30px;
	height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
	height: 30px;
}
.input-required .colorpicker-component span {
	right: -5px;
	z-index: 10;
}
.colorpicker-component.colorViewLeft.input-group-addon:not(:first-child):not(:last-child),
.colorpicker-component.colorViewLeft.input-group-btn:not(:first-child):not(:last-child),
.colorpicker-component.colorViewLeft.input-group .form-control:not(:first-child):not(:last-child) {
	-webkit-border-top-right-radius: 4px !important;
	-webkit-border-bottom-right-radius: 4px !important;
	-moz-border-radius-topright: 4px !important;
	-moz-border-radius-bottomright: 4px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

/* mehrere cols in einer einer row mit abstand nach unten */
.galleryContainer > div{
	margin-bottom: 30px;
}

#gallery-image-info {
	position:absolute; top:30px; left:30px; background:#FFF; opacity:0.75; padding:12px;
}

/* kacheln tile */
.defaultTile {
		margin-bottom: 30px;
}
.defaultTile a {
		background: #02baf2 none repeat scroll 0 0;
		display: block;
}
.defaultTile .fa {
		color: #ffffff;
		display: block;
		padding: 10px 0;
		text-align: center;
}
.defaultTile span {
		background: #0491bc none repeat scroll 0 0;
		color: #ffffff;
		display: block;
		padding: 10px 0;
		text-align: center;
}

/* *** fileupload */
.fileuploadDropTarget {
	padding:12px;
	border:1px dotted #e0e0e0;
	text-align:center;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
}
.fileuploadDropTarget .uploadIconCol .fa {
	color: #e0e0e0;
	display: block;
	font-size: 85px;
	line-height: 69px;
	position: relative;
	top: 5px;
}
.progress-container .progress {
	height: 0px;
	margin: 0;
	overflow: hidden;
}
.progress-container.in .progress {
	height: 20px;
	margin: 5px 0;
	overflow: hidden;
}
.progress-bar {
	text-align: center;
	font-size: 14px;
	overflow: hidden;
}
.progress-bar > span {
	bottom: 20px;
	display: inline-block;
	position: static;
	margin-right: 5px;
}
.fileuploadDropTarget .uploadButtonCol{
	margin-top:15px;
}
.fileuploadSuccess td{
	background: #ecffeb !important;
	/*border: 1px solid #c8f2c2 !important;*/
}
.fileuploadError td{
	background: #FFECEB !important;
	/*border: 1px solid #F2C4C2 !important;*/
}

.filesUploadList td{
	border-top: 3px solid #ffffff !important;
}
.filesUploadList td span{
	padding-bottom: 10px;
	display: inline-block;
}
.filesUploadList td.message .btn{
	margin-top: 5px;
}
.filesUploadList td.preview {
	white-space: nowrap;
	width: 90px;
}
.filesUploadList td.message {
	white-space: nowrap;
	width: 200px;
	text-align: right;
}
.fileupload-progress {
	padding-left: 25px;
	padding-right: 30px;
}
/**smaller 991*/
@media (max-width:991px){
	.fileuploadDropTarget > div{
		font-size: 85%;
		text-align: center;
	}
	.fileuploadDropTarget .uploadIconCol{
		margin-bottom: 5px;
	}
	.fileuploadDropTarget .uploadButtonCol {
		margin-top: 5px;
	}
}

/* Pdf Viewer */
#pdfViewerFrame {
	width:100%; height:90vh;
}

/* BOF Breadcrumb Dateiliste */
.breadcrumbContainer{
	padding-top: 5px;
	padding-bottom: 0;
}

.breadcrumbContainer .well{
	margin-bottom:0;
	padding: 5px;
	background-color: #f8f8f8;
	border: 1px solid #d6e1e5;
	border-bottom: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.storageBlock{
	padding-left: 10px;
}
.breadcrumbStorage{
	font-weight: 800;
}
.storageBlock .mpmgmtbase-files-breadcrumb-show-root,
.storageBlock .mpmgmtbase-files-breadcrumb-show-storage,
.breadcrumbContent .mpmgmtbase-files-breadcrumb-show-folder{
	color:#337ab7
}
.storageBlock .mpmgmtbase-files-breadcrumb-show-root:hover,
.storageBlock .mpmgmtbase-files-breadcrumb-show-storage:hover,
.breadcrumbContent .mpmgmtbase-files-breadcrumb-show-folder:hover{
	color: #23527c;
}
/* EOF Breadcrumb Dateiliste */
.fade .progress-extended {
	padding: 0;
}
.fade.in .progress-extended {
	padding: 0;
}

.fade.in .progress-extended {
	padding: 5px 0px 20px;
	font-size: 12px;
}

/* *** record disabled */
tr.disabled td {
	background-color:#FCC;
}

/*
 *** bootstrap tables
 */

/*
### Loader
*/
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading{
	margin-top: 45px;
	padding-top: 0px;
	background: #fff;
	left: 0;
	/*height: 10vh;*/
}
/* Loader POsition für Tabellen mit fixer Höhe*/
.bootstrap-table .fixed-table-container.fixed-height .fixed-table-body .fixed-table-loading{
	margin-top: 35px;
	left: 5px;
}
/*
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap{
	top: 50px;
	position: absolute;
}
*/
.bootstrap-table{
	min-height: 120px;
	background: #ffffff !important;
}
/* orginal Loader ausblenden*/
.fixed-table-loading span.loading-wrap span.animation-wrap {
	display: none !important;
}
.bootstrap-table {
	background: #fafafa;
	border: 1px solid #d6e1e5;
}
.bootstrap-table .dropdown-menu {
	min-width: 190px;
}
/*
### Tableheader
*/

.fixed-table-toolbar .btn-default.multiselect {
	background: #ffffff;
}
.fixed-table-toolbar .btn-default.multiselect:hover,
.fixed-table-toolbar .btn-default.multiselect:active,
.fixed-table-toolbar .btn-default.multiselect:focus,
.fixed-table-toolbar .btn-default.multiselect:active:hover,
.fixed-table-toolbar .btn-default.multiselect:active:focus {
	background-color: #fafafa;
	border-color: #e7e7e7;
	color: #333333;
}
.fixed-table-toolbar select,
.fixed-table-toolbar textarea,
.fixed-table-toolbar input[type="text"],
.fixed-table-toolbar input[type="password"],
.fixed-table-toolbar input[type="datetime"],
.fixed-table-toolbar input[type="datetime-local"],
.fixed-table-toolbar input[type="date"],
.fixed-table-toolbar input[type="month"],
.fixed-table-toolbar input[type="time"],
.fixed-table-toolbar input[type="week"],
.fixed-table-toolbar input[type="number"],
.fixed-table-toolbar input[type="email"],
.fixed-table-toolbar input[type="url"],
.fixed-table-toolbar input[type="search"],
.fixed-table-toolbar input[type="tel"],
.fixed-table-toolbar input[type="color"]{
	margin-bottom: 0;
}
.fixed-table-toolbar {
	padding: 0 15px;
	background-color: #fafafa;
	background-color: rgb(250, 250, 250,1);
}
.clearSearch{
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 6px;
	right: 9px;
}
.clearSearch .fa{
	color: #c0c0c0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	transition: all 0.5s ease-out;
}
.clearSearch:hover .fa{
	color: #900;
}

.fixed-table-container{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #ffffff;
	background: rgba(255,255,255,1)
}

.fixed-table-body {
	padding: 10px;
}
/*
### Spezielle Konfiguration für fester Tabellehöhe
### Verringern des Abstands, optische Abgrenzung zum Tabellenfooter
### https://bootstrap-table.com/docs/api/table-options/#height
*/
.fixed-height .fixed-table-header,
.fixed-height .fixed-table-body {
	padding: 0 5px;
}
.fixed-height .fixed-table-body {
	border-bottom: 5px solid #ffffff;
}


.fixed-table-footer {
	padding: 10px;
}
.bootstrap-table .table {
	border-bottom: none;
}
/* Wenn Touchdevice dann überschreibe .fade so das es immer sichtbar ist */
.isTouchDevice .table .fade {
	opacity: 1;
}

.table .fade {
	-webkit-transition: opacity .05s linear;
	-o-transition: opacity .05s linear;
	transition: opacity .05s linear;
}


.fixed-table-container.table-no-bordered {
	border: none;
	border-top: 1px solid #7b7b7b;
}
/*
### Entfernen der orginal Sortierungsicons
*/
.fixed-table-container thead th .both,
.fixed-table-container thead th .asc,
.fixed-table-container thead th .desc,
.bootstrap-table .fixed-table-container .table thead th .asc,
.bootstrap-table .fixed-table-container .table thead th .desc,
.bootstrap-table .fixed-table-container .table thead th .both {
	background-image: none;
}
/* *** Neue table cells sorting icons */
.fixed-table-container thead th .sortable::after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 10px;
	color: #c0c0c0;
}
.fixed-table-container thead th .both::after {
	content: "\f0dc";
}
.fixed-table-container thead th .asc::after {
	content: "\f0de ";
}
.fixed-table-container thead th .desc::after {
	content: "\f0dd ";
}
.fixed-table-container thead th .th-inner{
	color: #000000;
	padding: 0 5px;
}
.bootstrap-table .table.table-no-bordered > thead > tr > th {
	border-bottom: 2px solid #ddd;
}
.bootstrap-table .table.table-no-bordered > tbody > tr > td,
.bootstrap-table .table.table-no-bordered > thead > tr > th {
	border-right: none;
	border-left: none;
}
.bootstrap-table .fixed-table-toolbar .btn > .fa {
	margin-right: 0;
}
.bootstrap-table .pull-right.bars{
	margin-left: 15px;
}

/*ehemals .tableActionCol*/
.bootstrap-table thead tr th:last-child,
.bootstrap-table tbody tr td:last-child{
	min-width: 10%;
	white-space: nowrap;
	text-align: right;
	background-color: #FFFFFF;
}
.bootstrap-table .normalizeLastCol thead tr th:last-child,
.bootstrap-table .normalizeLastCol tbody tr td:last-child{
	min-width: auto;
	white-space: inherit;
	text-align: left;
	background-color: inherit;
}
.bootstrap-table .lastColCenter thead tr th:last-child,
.bootstrap-table .lastColCenter tbody tr td:last-child{
	text-align: center;
}
.bootstrap-table .lastColLeft thead tr th:last-child,
.bootstrap-table .lastColLeft tbody tr td:last-child{
	text-align: left;
}
.fixed-table-container .bs-checkbox td :last-child,
.fixed-table-container .no-records-found td:last-child{
	text-align: center;
}
.fixed-table-body tbody select{
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0 4px;
	-webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
}
.fixed-table-body tbody select:focus {
	outline: none;
}
.fixed-table-body tbody select{
	/* styling */
	background-color: white;
	display: inline-block;
	/* reset */
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.fixed-table-body tbody select::-ms-expand{
	display: none;
}
.fixed-table-pagination {
	background-color: #fafafa;
	background-color: rgb(250, 250, 250,1);
	padding: 0 15px;
}
.bootstrap-table .fixed-table-pagination > .pagination-detail,
.bootstrap-table .fixed-table-pagination > .pagination {
	line-height: 0;
}
.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group {
	margin-right: 5px;
}
.bootstrap-table .pagination-detail,
.bootstrap-table .pagination-detail .page-size {
	font-size: 90%;
}
.bootstrap-table .page-list .btn {
	padding: 3px 8px;
}

/* ellipsis */
td.nowrap{
	white-space: nowrap;
}
td.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 40vw !important;
}
@media only screen and (max-width: 1400px) {
	td.ellipsis{
		max-width: 25vw !important;
	}
}
@media only screen and (max-width: 1100px) {
	td.ellipsis{
		max-width: 15vw !important;
	}
}
@media only screen and (max-width: 950px) {
	td.ellipsis{
		max-width: 5vw !important;
	}
}

/*
### bootstrap-table card-view
*/
.bootstrap-table .card-view{
	text-align: left;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 5px;
	padding: 2px 0;
}
.bootstrap-table .card-view:last-child{
	border-bottom: none;
}
.bootstrap-table .card-views .label{
	display: inline;
}

/* datetimepicker */
.datetimepicker.dropdown-menu{
	width: auto;
	right: auto;
}
.datetimepicker th.switch {
	display: table-cell;
}

/* BOF clickEventLabel */
.clickEventLabel{
	font-weight: 400;
	color: #ffffff;
	opacity: 1;
	transition: all 0.3s;
}
.clickEventLabel:hover{
	opacity: 0.8;
}
/* EOF clickEventLabel */

/* alert, modal*/
.alert-primary {
	color: #333;
}
.alert-primary .close {
	color: #333;
}
.alert-success {
	color: #333;
}
.alert-success .close {
	color: #333;
}
.alert-info {
	color: #333;
}
.alert-info .close {
 color: #333;
}
.alert-warning {
	color: #333;
}
.alert-warning,
.alert-warning .close {
	color: #333;
}
.alert-danger,
.errorMsg.alert-danger {
	color: #333;
}

.alert-danger .close {
	color: #333;
}
.alert .close{
	opacity: 0.4;
	text-shadow: none;
}
.alert-danger.inTableCol {
	color: #333;
	font-size: 14px;
	margin: 0;
	padding: 0 10px;
}
.errorMsg {
	display: none;
	color: #ee0000;
}

.alertContainer{
	position: fixed;
	top: 65px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 100;
}
.alert-wrapper {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 600px;
	z-index: 9998;
	display: none;
}
/* BOF Modal und alert z-indexs */
/* BOF alert über Modal */
.modal-open .alertContainer,
.alertContainer{
	z-index:20020;
}
.alert-wrapper{
	z-index:20018;
}

#modal-error-wrapper{
	z-index:18000;
}
#modal-info-wrapper{
	z-index:17090;
}
#modal-top-wrapper {
	z-index: 17080;
	background: rgba(255,255,255,.9);
}
#modal-wrapper {
	z-index: 17070;
	background: rgba(255,255,255,.9);
}
#modal-fullscreen-wrapper{
	z-index:17060;
}
#modal-messages-wrapper{
	z-index:17050;
}
#modal-left-wrapper,
#modal-right-wrapper{
	z-index:17040;
}

/* Super Modal welches über allen anderen Modals liegt*/
.modal-supreme{
	z-index: 20000 !important;
	background: rgba(255,255,255,.95);
}
/* Super Error Modal welches über allen normalen Modals liegt*/
.modal-error-supreme{
	z-index: 20001 !important;
	background: rgba(255, 0, 0, 0.3);
}
/* EOF Modal und alert z-indexs */
.modal-dialog {
	margin-top: 80px;
}
#modal-wrapper img.single:not(:first-child) {
	margin-top:10px;
}

/* modal xl spezielles Modal für viel Inhalte */
.modal-xl{
	width: 100%;
	max-width: 90vw;
}

/* BOF accordion collapse */
.panel-group .panel {
	margin-bottom: 5px;
}
.panel-group .panel + .panel {
	margin-top: 1px;
}
.panel-group .panel,
.panel-heading {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.panel-group .panel-heading{
	padding: 0;
}

.panel-group h4 > a{
	position: relative;
	padding: 10px 35px 10px 15px;
	display: block;
}

.panel-group h4 > a.collapsed:after{
	position: absolute;
	right: 10px;
	top: 11px;
	content: "\f053";
	display: inline-block;
	font-family: FontAwesome;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
}
.panel-group h4 > a:after{
	position: absolute;
	right: 10px;
	top: 10px;
	content: "\f078";
	display: inline-block;
	font-family: FontAwesome;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
}

.panel-group h4 > a .fa{
	display: none;
	position: absolute;
	right: 25px;
}
/* EOF accordion collapse */

/* Tab */
.tab-content{
	border: 1px solid #d6e1e5;
	border-top: none;
}
.nav-tabs > li > a{
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	border-top: 2px solid transparent;
	color: #666666;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
	background: #e0e0e0;
	border: 1px solid #f0f0f0;
	border-top: 2px solid #337ab7;
	color: #666666;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
	background: #337ab7;
	border: 1px solid #337ab7;
	border-top: 2px solid #337ab7;
	color: #ffffff;
}
.tab-content > .active{
	background: #fcfcfc;
}
.tab-content > div{
	padding: 15px;
}
/* tab ohne border */
.noBorderTab .tab-content{
	border: none;
}
.noBorderTab .nav-tabs > li > a{
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	color: #666666;
}
.noBorderTab .nav-tabs > li > a:hover,
.noBorderTab .nav-tabs > li > a:focus{
	background: #e0e0e0;
	border: 1px solid #f0f0f0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	color: #666666;
}
.noBorderTab .nav-tabs > li.active > a,
.noBorderTab .nav-tabs > li.active > a:hover,
.noBorderTab .nav-tabs > li.active > a:focus{
	background: #e0e0e0;
	border: 1px solid #f0f0f0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid #02baf2;
	color: #666666;
}
.noBorderTab .tab-content > .active{
	background: transparent;
}
.noBorderTab .tab-content > div{
	padding: 15px;
}
.fade.in {
	display: block;
}

/*
### Tabs mit error / pflichtfeld evrgessen
*/
.nav-tabs li.error::after {
	content: "\f12a";
	font-family: 'FontAwesome';
	font-size: 11px;
	color: #ffffff;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	top: -8px;
	right: 5px;
	display: block;
	background: #990000;
	z-index: 500;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	text-align: center;
	overflow: hidden;
}

/* error */
.has-error .form-control:not(.multiselect-search), .has-error .hide-native-select .btn-group > button {
	border-color: #990000;
	background-color: #f2dede;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-error .form-control, .has-error .hide-native-select .btn-group label {
	color:#000;
}

.has-error .form-control.multiselect-search{
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	border-right-color: #ccc;
	border-top-color: #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-error .multiselect-item .input-group-addon {
	color:#93a4aa;
	background-color: #fff;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	border-right-color: #ccc;
	border-top-color: #ccc;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #990000;
}


label.required::after {
	position: absolute;
	content: "*";
	vertical-align: 2px;
	display: inline-block;
	font-family: sans-serif;
	font-size: 14px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 2px;
	color: #990000;
}
.toggle-group label::after {
	content:"";
}

/* required fields */
select.required + .btn-group > .btn,
div.required > button.btn,
input.required,
textarea.required,
input[readonly="readonly"].required{
	border-bottom-color: #990000;
}
/* valid required input */
select.required.valid + .btn-group > .btn,
div.required.valid > button.btn,
input.required.valid,
textarea.required.valid{
	border-bottom-color: #cccccc;
}
/* valid required input on focus/active */
select.required.valid:focus + .btn-group > .btn,
select.required.valid:active + .btn-group > .btn,
div.required.valid:focus  > button.btn,
div.required.valid:active > button.btn,
input.required.valid:focus,
input.required.valid:active,
textarea.required.valid:focus,
textarea.required.valid:active{
	border-bottom-color: #ff9800;
}

/* error input */
input.error, textarea.error{
	border-color: #990000;
	background-color: #f2dede;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
button.btn.error{
	border-color: #990000;
	background-color: #f2dede;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
/* ### error labels ### */
/* error label */
label.error {
	position: absolute;
	top: 4px;
	right: 10px;
	color: #990000;
	font-weight: 400;
	font-size: 12px;
	padding: 1px 10px;
}
h4.error {
	position: absolute;
	top: 4px;
	right: 10px;
	color: #990000;
	font-weight: 400;
	font-size: 12px;
	padding: 1px 10px;
}
.input-group.date > label.error {
	top: -24px;
}
.bootstrap-select label.error {
	top: -25px;
	right: -5px;
}
/* multiselect error label */
.hide-native-select label.error{
	max-width: inherit;
	min-width: 150px;
	right: 0;
	text-align: right;
	top: -22px;
}

/* login */
.tile-login .form-control{
	border: none;
}
.tile-login .form-control:focus,
.tile-login .form-control:active,
.tile-login .form-control:hover{
	border: none;
}
.tile-login input.required {
	border-bottom-color: none
}
/* services Helper */
.btn.servicesHelperIcon {
	-webkit-border-radius: 25px !important;
	-moz-border-radius: 25px !important;
	border-radius: 25px !important;
	position: fixed;
	padding-left: 40px;
	right: 125px;
	bottom: 40px;
	font-size: 16px;
	padding: 6px 10px 5px 35px
}
.servicesHelperIcon span {
	background: #ffffff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	position: absolute;
	top: 1px;
	left: 1px;
}
.servicesHelperIcon span i {
	color: #dd5928;
	position: relative;
	top: 5px;
	font-size: 20px;
}
/* Transfer formatting from DrunkenParrot */
/*
.has-error .hide-native-select .btn-group button:focus {
	border-color: #F84545;
	-webkit-box-shadow: none;
	box-shadow: none; }
}
*/

label sup {
	color: #990000;
	font-size: 16px;
	left: 2px;
	top: -2px;
}

label.separator {
	font-weight: bold;
}

.label-block{
	display: block;
	width: 100%;
}

/*
.navbar-default .navbar-brand {
	float:none;
	display: block;
	white-space: nowrap;
	color: #ffffff;
	height: auto;
	padding: 0;
}
.navbar-brand > img {
	display: inline;
	position: relative;
	top: -2px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #f0f0f0;
}
*/
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
	margin-left: -10px;
}

.navbar-header .navbar-brand{
	padding-top: 12px;
	padding-left: 0;
}
.navbar-header .navbar-brand:hover,
.navbar-header .navbar-brand:focus {
	color: #ffffff;
}
.navbar-header .navbar-brand .pageSubTitle{
	font-size: 80%;
	line-height: 2.1em;
}
.navbar-header .navbar-brand .pageLogo{
	float:left;
	margin-right: 15px;
	height: 30px;
	vertical-align:top;
	padding-top:3px;
}
.navbar-header .navbar-brand .pageTitle{
	float:left;
	margin-right: 10px;
	height: 30px;
	vertical-align:top;
}
.navbar-header .navbar-brand .pageSubTitle{
	float:left;
	height: 30px;
	vertical-align:top;
}

.fixed-brand{
	position: relative;
	top: 4px;
	width: auto;
	margin: 10px 0 0 25px;
}
.fixed-brand .pageTitle{
	display: inline;
	margin-left: 15px;
}
.fixed-brand .pageSubTitle{
	display: inline;
	color: #828282;
	font-size: 14px;
}
@media(max-width: 767px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: 0;
	}
	.navbar-header .navbar-brand .pageSubTitle{
		display: none;
	}
}

/* inhalt unscharft maskieren bei öffen des modal*/
.modal-open #page-wrapper{
	-ms-filter: blur(0.12em);
	-webkit-filter: blur(0.12em);
	filter: blur(0.12em);
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.modal-open .sidebarWrapperLeft,
.modal-open .sidebarWrapperRight{
	-ms-filter: blur(0.1em);
	-webkit-filter: blur(0.1em);
	filter: blur(0.1em);
	-webkit-transition: all 0.05s ease;
	-moz-transition: all 0.05s ease;
	-o-transition: all 0.05s ease;
	transition: all 0.05s ease;
}
/* modal */

/* modal -> softe Seite ab */
.modal-backdrop {
	background-color: #fff;
}
.modal-backdrop.in {
	opacity: .8;
	filter: alpha(opacity=80);
}
#modal-error-wrapper {
	background: rgba(255, 0, 0, 0.3);
}
#modal-error-wrapper .modal-content {
	border: 1px solid rgba(255, 0, 0, 0.8);
}

/* *** modal fullscreen */
.modalFullScreen {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	padding: 0 !important;
	margin: 0;
	background: #ffffff;
	background: rgba(255, 255, 255, 1);
	overflow-y: auto;
	opacity: 1;
	animation-duration: 0.6s;
}

.modalFullScreen .documentTitle{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 15px;
}

.modalFullScreen .modal-dialog{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.modalFullScreen .modal-content {
	border: none;
	height: 100%;
}

.modalFullScreen .modal-content .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
.modal-open .modalFullScreen {
	z-index: 10005;
	overflow-x: hidden;
	overflow-y: hidden;
}
.modalFullScreen .modal-header {
	padding-top: 12px;
	position: fixed;
	z-index: 500; /* set z-index for dropdown in modal-header */
	top: 0px;
	width: 100%;
	height: 50px;
	background: #2b2b2b;
}
.modalFullScreen .modal-header .modal-title > .pull-right{
	position: relative;
	top: -5px;
}
.modalFullScreen .modal-body{
	position: relative;
	max-height: calc(100vh - 50px);
	height: calc(100vh - 50px);
	padding: 0;
	top: 50px;
	overflow-y: auto;
	background: #fff;
}
.modalFullScreen .modal-title{
	color: #ffffff;
	font-size: 18px;
}

/* modal fade in right or */
.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	padding-top:50px;
	margin: auto;
	height: 100vh;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
	padding-top: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 15px 15px 0;
}

/*Left*/
.modal.left.fade .modal-dialog{
	left: -320px;
	-webkit-transition:	opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition:		opacity 0.3s linear, left 0.3s ease-out;
	-o-transition:			opacity 0.3s linear, left 0.3s ease-out;
	transition:					opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
	left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition:	opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition:		opacity 0.3s linear, right 0.3s ease-out;
	-o-transition:			opacity 0.3s linear, right 0.3s ease-out;
	transition:					opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
	right: 0;
}

/*
#### Bootbox Overlay
*/
.bootbox.modal {
	z-index: 18100;
}

/* listview modal */
.rowThumbs{
	margin-top: 0px;
}
.outerThumb{
	margin-bottom: 30px;
}
.innerThumb{
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	background: #ffffff;
	border: 1px solid #c0c0c0;
	height: 150px;
	height: 20vh;
}
.innerThumb img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 0;
	width: auto;
	height: auto;
	margin: auto;
	padding: 5px;
}

.rowSingleImage{
	margin-top: 0px;
}
.outerSingleImage{
	margin-bottom: 0px;
}
.innerSingleImage{
	position: relative;
	vertical-align: middle;
	background: transparent;
	border: none;
	height: 150px;
	height: 88vh;
	margin-bottom: 5px;
}
.innerSingleImage img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: auto;
	height: auto;
	margin: auto;
	padding: 5px;
	-webkit-transition: all 1s ease; /* Safari and Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-ms-transition: all 1s ease; /* IE 9 */
	-o-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
}
.innerSingleImage img:hover {
	-webkit-transform:scale(1); /* Safari and Chrome */
	-moz-transform:scale(1); /* Firefox */
	-ms-transform:scale(1); /* IE 9 */
	-o-transform:scale(1); /* Opera */
	 transform:scale(1);
}

/* *** mapview */
.gm-style{
	top: -5px !important;
}

/* BOF */
.userModuleContainer {
	bottom: 0 !important;
	height: 135px;
	margin-top: 30px;
	margin-bottom: 0;
	position: absolute;
}
.bootstrap-select .dropdown-menu{
	overflow-x: hidden;
}

/* Content */
#page-wrapper {
	margin-bottom: 15px;
}
.page-header {
	padding-bottom: 5px;
	margin: 20px 0px 20px;
}
/* hack! font-size von headline verändert abstand zwischen dn Buttons, negatives margin behebt das */
.page-header > div > button:first-child {
	margin-left: 0;
}
.page-header > div > button {
	margin-left: -4px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #626262;
	font-weight: 500;
}
.innerHeadline{
	font-size: initial;
	color: initial;
}

footer.poweredBy {
	position: fixed;
	bottom: 0px;
	left:0;
	display: block;
	width: 100%;
	text-align: right;
	padding: 5px 15px;
	color: #626262;
	z-index: 500;
	background: rgba(255,255,255,0.7);
	font-size: 12px;
}
footer.poweredBy a{
	color: #626262;
	font-size: 12px;
	text-decoration: none;
}

/* reportError */
.reportError{
	cursor: pointer;
	margin-left: 15px;
}
.reportError .fa,
.reportError:hover,
.reportError:focus{
	color: #990000;
}

.reportError:hover .fa,
.reportError:focus .fa{
	color: #990000;
	-webkit-animation: pulsate 1s ease-out;
	animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	opacity: 0.0
}
@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0.5;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0.5;}
}
/* glyphicons adjustment */
.btn .glyphicons,
.btn .halflings,
.btn .filetypes,
.btn .social {
	vertical-align: initial;
	margin-right: 0;
}

/* clear */
.pull-right:after{
	clear: right;
}

.clearLeft{
	clear: left;
}

.clearBoth{
	clear: both;
}

/* upload buttons type=file*/
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
input[readonly] {
	background-color: white !important;
	cursor: text !important;
}
.uploadedFile {
	display: block;
	padding: 10px 5px;
	margin-top: 5px;
}

/* default table adjustment */
/*
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
	padding: 5px 5px 2px;
}
*/

/* mpManagementFiles */
#mpManagementFiles.panelWithTable .panel-heading{
	font-size: 14px;
}

#mpManagementFiles .breadcrumb {
	padding: 4px 5px 2px;
	margin: 27px -5px 0;
	font-size: 14px;
}

/* *** Tree view */
.tree {
	min-height: 20px;
	padding: 3px;
	margin-bottom: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.tree > ul:before {
	content: "\E464";
	color: #337ab7;
	color: linear-gradient(to top, white 0%, black 50%);
	font-size: 2em;
	left: -32px;
	position: relative;
	top: 0;
	display: inline-block;
	font-family: 'Glyphicons Regular';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}

.tree li.node {
	list-style-type: none;
	margin: 0px;
	padding: 10px 5px 0px 5px;
	position: relative;
}
.tree li.node::before,
.tree li.node::after {
	content: '';
	left: -20px;
	position: absolute;
	right: auto;
}
.tree li.node::before {
	border-left: 1px solid #999;
	bottom: 50px;
	height: 100%;
	top: 0;
	width: 1px;
}
.tree li.node::after {
	border-top: 1px solid #999;
	height: 20px;
	top: 25px;
	width: 25px;
}
.tree li.node span.node {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #999;
	border-radius: 5px;
	display: inline-block;
	padding: 3px 8px;
	text-decoration: none;
}
.tree li.parent_li > span {
	cursor: pointer;
}
.tree > ul > li::before,
.tree > ul > li::after {
	border: 0;
}
.tree li.node:last-child::before {
	height: 26px;
}
.tree li.parent_li > span:hover,
.tree li.parent_li > span:hover + ul li span.node {
	background: #eee;
	border: 1px solid #94a0b4;
	color: #000;
}

.tree li button > span {
	font-size: 24px;
}

.tree li .btn-group > .btn {
	padding-top: 11px;
	padding-bottom: 11px;
}

.tree li .btn-group > .btn + .dropdown-toggle {
	padding-top: 16px;
	padding-bottom: 16px;
}

.tree .btn-sm, .btn-group-sm > .btn {
	padding-top: 6px;
	padding-bottom: 6px;
}

.tree li button > span.caret {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px dashed;
	display: inline-block;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	width: 0;
}

/* listView */
.listView .table{
	margin-bottom: 0;
}
.listView table td:last-child {
	white-space: nowrap;
	width: 200px;
	text-align: right;
}
.listView .table .label {
	display: inline-block;
	font-weight: normal;
	line-height: 0.9;
	padding: 3px 4px 2px;
	position: relative;
}
.mpManagementFiles-storage .fa,
.mpManagementFiles-list-files .fa,
.mpManagementFiles-list-folder .fa,
.mpManagementFiles-file .fa{
	margin-right: 5px;
}
/* icon and previewimage in table */
.popoverImage {
	cursor:pointer;
}

/* dateilisten */
.listView span.fa,
.listView .popoverImage,
.latestFiles span.fa,
.latestFiles i.fa {
	text-align: center;
	width: 24px;
}


/*
	mpmgmtbase-files-table 27.04.2018
	Neue Dateiliste
*/
@media(max-width:768px) {
	.mpmgmtbase-files-table-toolbar .btn{
		margin-bottom: 5px;
	}
}

.mpmgmtbase-files-table tbody td a.showStorage >i,
.mpmgmtbase-files-table tbody td a.showFolder >i,
.mpmgmtbase-files-table tbody td a.showFile >i{
	margin-right:5px;
}
.mpmgmtbase-files-table .card-view {
	text-align: left;
}
.mpmgmtbase-files-table .card-view .value .btn{
	opacity: 1;
}

.irre-create{
	margin-top: 10px;
}

/* Dateiliste Dashboard */
.mpmgmtbase-files-panel-block{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.mpmgmtbase-files-panel-block .bootstrap-table{
	border: none;
}
.mpmgmtbase-files-panel tbody td a.showStorage >i,
.mpmgmtbase-files-panel tbody td a.showFolder >i,
.mpmgmtbase-files-panel tbody td a.showFile >i{
	margin-right:5px;
}
.mpmgmtbase-files-panel .card-view {
	text-align: left;
}
.mpmgmtbase-files-panel .card-view .value .btn{
	opacity: 1;
}

/* Fileliste Dashboard mit Kürzung des Textes */
.mpmgmtbase-files-panel thead th,
.mpmgmtbase-files-panel tbody td{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mpmgmtbase-files-panel tbody td:nth-child(1){
	max-width: 100px;
}
.mpmgmtbase-files-panel tbody td:nth-child(2){
	max-width: 250px;
}
.mpmgmtbase-files-panel tbody td:nth-child(3){
	max-width: 85px;
}
.mpmgmtbase-files-panel tbody td:nth-child(4){
	max-width: 150px;
}

/* popoover - fix for small col's */
.popover-info {
	cursor:help;
	margin-left:9px;
}
.popover {
	min-width:200px;
}

/* *** dates */
section.date {
	/*
	float:left;
	height:0px;
	*/
	text-align:center;
	width:45px;
	background: #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
section.date span {
	display:block;
}
section.date span.day {
/*	background:#d57b03;*/
	opacity:.6;
	padding:2px 10px;
	font-size:16px;
	font-weight:500;
	color:#fff;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
section.date span.month {
	/*background:#d57b03;*/
	padding:0px 10px 2px 10px;
	color:#fff;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.07);
}
section.date span.time {
	color:#333;
	font-size:12px;
}

/*  */

/* Error Page */
.errorPage{
	font-family: courier, sans-serif;
	height: 100vh;
	border-top: 5px solid #d67e22;
	background: #333333;
	color: #ffffff;
}
.errorPage h1{
	color: #ffffff;
	font-size: 24px;
}
.errorPage h2{
	color: #a0a0a0;
	font-size: 24px;
}
.errorPage p{
	color: #a0a0a0;
}
.errorPage .mt-15{
	margin-top: 15px;
}
.errorPage h1{
	margin-bottom: 5px;
	margin-top: 0;
}
.errorPage h1 + h2{
	margin-top: 0;
}
.errorPage .errorLogo{
	margin-bottom: 45px;
	margin-top: 45px;
}
.errorPage .errorLogo img{
	max-width: 45%;
	display: inline-block;
}
.errorPage .fa-bug{
	font-size: 1000%;
	color: #e0e0e0;
	display: inline-block;
}

/*
 * *** media selectors
 */
@media(min-width:768px) {

}

/**smaller 768*/
@media (max-width:767px){
	body#fmpmtbaseLogin {
		padding-top: 15px;
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
	}
	.footerLogin .text-right{
		text-align: center;
	}
	.footerLoginText{
		display: block;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.footerLoginImg{
		max-width: 50px;
	}
	.navbar-nav {
		float: left;
		margin: 0;
	}
	.fixed-brand {
		float: left;
		width: auto;
	}
	.navbar-toggle {
		float: inherit;
	}
	/*fixes for mobile list view*/
	.showHideColumns {
		display: none;
	}
	#searchField {
		margin-bottom:5px;
	}
	/* bootstrap-table */
	.fixed-table-body tbody tr .card-views .card-view{
		padding: 0 0 5px 0;
	}
/*	.fixed-table-body .card-view .title {
		float: left;
		max-width: 30%;
	}
	.fixed-table-body tbody tr .card-view .value{
		display: block;
		margin-left: 30%;
	}

	.fixed-table-body tbody tr .card-view:last-child .title{
		min-width: 0;
		width: 0;
	}
*/
	.bootstrap-table .pagination-detail{
		float: none !important;
		width: 100%;
		text-align: center;
	}
	.bootstrap-table div.pagination{
		float: none !important;
		width: 100%;
		text-align: center;
	}
	.bootstrap-table .pagination ul{
		margin: 0 auto;
	}

	.btn-group + .btn-group {
		margin-left: 0;
	}
	.form-group.pull-right {
		float:none !important;
	}
	.input-required .date span {
		right: 32px;
		top: -18px;
	}

	.input-required span {
		width: 14px;
		height: 35px;
		top: -12px;
	}

	.input-required span:after {
		right: -37px;
	}

	.input-required span:before {
		font-size: 12.8px;
		content: "*";
		top: 14px;
		right: 2px;
	}
	/* form */
	.control-label {
		margin-top: 5px;
	}

	/* bei kleiner 4 alle Steps mobil einblenden*/
	.btn-breadcrumb > :nth-child(n+2) {
		display: block;
	}
}

@media (max-width:450px){
	.btn-breadcrumb .currentStepText{
		display: none;
	}
}

/**smaller 320*/
@media (max-width:320px){
	.input-required .date span {
		right: 35px;
		top: -15px;
	}
}
/*bigger 768*/
@media (min-width:768px) and (max-width: 991px){

}

/*bigger 992*/
@media (min-width: 992px) and (max-width: 1199px){

}

/*bigger 1200*/
@media (min-width: 1200px) {

}


/* ipad hacks */
@media only screen and (device-width: 768px) {
	/* iPad screen size rules */
	input[type="text"],
	input[type="email"],
	input[type="search"],
	input[type="password"],
	textarea {-webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* Portrait iPad display */
	input[type="text"],
	input[type="email"],
	input[type="search"],
	input[type="password"]
	textarea {-webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* Landscape iPad display */
	input[type="text"],
	input[type="email"],
	input[type="search"],
	input[type="password"]
	textarea {-webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */}
}

/* --------- EDITOR STYLES  ---------------------------------------------------------------------------------------- */

.editor__editable,
/* Classic build. */
main .ck-editor[role='application'] .ck.ck-content,
/* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
/* Inline & Balloon build. */
.ck.editor[role='textbox'] {
	width: 100%;
	background: #fff;
	font-size: 1em;
	line-height: 1.6em;
	min-height: var(--ck-sample-editor-min-height);
	padding: 1.5em 2em;
}

.ck.ck-editor__editable {
	background: #fff;
	border: 1px solid hsl(0, 0%, 70%);
	width: 100%;
}

/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
	position: relative;
	z-index: var(--ck-sample-editor-z-index);
}

.editor-container {
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
	width: 100%;
	justify-content: center;
}

.ck-body-wrapper {
	z-index: 100000 !important;
	position: absolute !important;
}