@media ( min-width : 1200px) and (max-width: 1700px) {
	.hidden-mtl {
		display: none !important;
	}
	.strech100-mtl {
		width: 100% !important;
	}
	.strech50-mtl {
		width: 100% !important;
	}
}

.grid {
	margin: 0pt;
}

.nopad {
	padding: 0pt !important;
}

.maincardwrapper {
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	min-height: 100vh;
}

body .ui-widget {
	font-family: "BaWue", "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px;
}

.ui-card {
	box-shadow: none !important;
	border-radius: 0px !important;
}

.card{
	margin-top:20px;
	border: 1px solid rgb(206, 212, 218);
	background: none !important; 
	background-color: white !important; 
	padding: 7px;
	margin-bottom: 16px !important; 
}
.card:last-child {
  	margin-bottom: 16px !important; 
}

.layout-wrapper .layout-main .layout-main-content {
	padding: 0px 0px !important;
	flex: 1 1 0;
}

.lgl-topbar-element span {
	transform: translate(50%, 10%) !important;
}

.lgl-topbar-element i {
	line-height: inherit;
	font-size: 28px;
}

.lgl-topbar-element {
	display: inline-block;
	position: absolute;
	top: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	color: #212121;
	text-align: center;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

#topbar-usermenu {
	right: 10px !important;
}

@media ( min-width : 1025px)  {
  .layout-wrapper .layout-topbar #menu-button {
	  left: 380px !important;
  }
  .layout-wrapper .layout-topbar #layout-megamenu-button {
	  left: 440px !important;
  }
}

.logo {
  padding: 5px 0px !important;
}
.logo img {
  height: 50px !important;
}

.layout-wrapper .layout-topbar #topbar-menu-button {
	right: 20px !important;
}


.inboxlink {
	--right: 60px !important;
}

.notificationlink {
	right: 0px !important;	
}
.notificationlink:hover {
	 background-color: #f1f1f1;
	 --border-bottom: 3px solid #4D7F0A !important;
}
.layout-wrapper .layout-topbar #menu-button:hover {
	background-color: #f1f1f1;
 	--border-bottom: 3px solid #4D7F0A !important;
}

.layout-wrapper #layout-megamenu-button:hover {
  background-color: #f1f1f1;
  --border-bottom: 3px solid #4D7F0A !important;
}

.headerDescription {
	font-weight: bold;
	color: #2A2623;	
	margin-top: 10px;
}

.noRightBorder>input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0 none;
}

.layout-footer * {
	color:white;
}

.layout-footer a {
	color:white;
}

.layout-footer a:hover {
	color:white;
	font-weight:bold;
}

/*
	Damit Tabellen nicht so aufgebläht werden
*/
.smallButton > span{
	padding: 0px !important;
}
.smallButtonIcon > span:not([class*="ui-icon"]){
	padding: 0px 5px 0px 0px !important;
	margin-left:20px
}
.smallButtonIcon .ui-icon{
	font-size:8pt;
	margin-top:-0.4em !important;
}

/*
	Abstand zwischen Label * bei Pflichtfeldern
*/
.ui-outputlabel .ui-outputlabel-rfi {
  margin-left: .1em;
  font-weight: bold;
}

/*
	In MessageBlöcken wird sonst ab der 3 Message nicht die gleiche Einrückung verwendet
*/
.ui-messages li {
	margin-left:30px;
}

.ui-messages li:first-child {
	margin-top:3px;
}

.ui-messages-error-icon, .ui-messages-warn-icon, .ui-messages-info-icon{
	color:white !important;
}

body .ui-message.ui-message-error {
	background-color: #f44336 !important;
	border-color: #f44336 !important;
	color: #ffffff;
}

body .ui-inputfield.ui-state-error {
	border-color: #BF1C0D;
	--background-image: linear-gradient(to bottom, #f44336, #f44336),linear-gradient(to bottom, #f44336, #f44336);
}

body .ui-messages .ui-messages-error {
	background-color: #f44336 !important;
	border-color: #f44336 !important;
	color: #ffffff;
	padding: 0.5em;
}

body .ui-messages .ui-messages-info {
	background-color: #2196F3;
	border-color: #2196F3;
	color: #ffffff;
	padding: 0.5em;
}


body .ui-messages{
	min-height: 35px !important;
	margin: 10px 0px
}

body .ui-messages div {
	margin:0px !important;
}

/*
Um einen Container wie ein DIV zu machen (dem eine ID gegeben werden kann) ohne padding und border
*/
.div .ui-panel-content{
	padding:0px !important;	
	border:0px !important;
}

.noti-row td{
 	height:50px !important;	
}
.msg-noti-WARNUNG{
	background-color: #f2e9c2 !important;
}
.msg-noti-FEHLER{
	background-color: #fce0dc !important;
}
.msg-noti-INFO{
	background-color: #e1f5ce !important;
}

.filter-lion-svg{
	/*https://codepen.io/sosuke/pen/Pjoqqp*/
	filter: invert(78%) sepia(16%) saturate(320%) hue-rotate(171deg) brightness(110%) contrast(83%);
}

.filter-lgl-png{
	filter: invert(68%) sepia(16%) saturate(320%) hue-rotate(171deg) brightness(150%) contrast(83%);
}

.ar-granted {
	color: rgb(76, 175, 80);
}
.ar-denied {
	color: #BF1C0D;
}
.ar-open {
	color: #888;
}

.loginLink {
	right: 20px !important;
	position: absolute;
	top: 10px;
	height: 40px;color:#4D7F0A;
}

@media only screen and (max-width: 570px) {
	.shown-on-xxs {
		display: unset !important;
	}
	.hidden-on-xxs {
		display: none !important;
	}
}
@media only screen and (min-width: 570px) {
	.shown-on-xxs {
		display: none !important;
	}
	.hidden-on-xxs {
		display: unset !important;
	}
}