@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: Gudea, "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;
}

.dashboard .overview-box {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	padding: 20px;
	color: #212121;
	margin-top: 0;
	border: 1px white solid;
	background: white;
	border-radius: 5px;
	box-shadow: 5px 5px 10px -10px gray;
}
.dashboard .overview-box:hover{
	box-shadow: 7px 7px 12px -10px #5A7328;
}


.dashboard .overview-box i {
	margin-top: 14px;
	margin-right:10px;
}

.iconInvisLink i {
  top: 0px !important;
  right: 0px !important;
  position:relative !important;
  float:none !important;
  margin-top: 0px !important;
  margin-right:0px !important;
}

.iconInvisLink {
  float: right;
  font-size: 21px;
  position: absolute;
  top: 10px;
  margin-top: 14px;
  margin-right:10px;
}

.dashboard .overview-box .shieldBadge{
  position: inherit !important;
  width: auto;
  border-radius: 10px !important;
  vertical-align: middle;
}
.dashboard .overview-box .customImage {
  max-width: 80px;
  right: 10px;
  bottom: 10px;
}

.dashboard .overview-box.greengradient {
	background: #a0a123;
	border-color: #757517;
}

.dashboard .overview-box.purplegradient {
	background: #903000;
	border-color: #7a2a02;
}

.dashboard .overview-box.yellowgradient {
	background: #c49003;
	border-color: #997103;
}

.dashboard .overview-box.bluegradient {
	background: #a0a123;
	border-color: #757517;
}

.dashboard .overview-box.greygradient {
	background: #d4d0a1;
	border-color: #ada96f;
}

.dashboard .overview-box.pinkgradient {
	background: #496b01;
	border-color: #3a5402;
}



.overview-box {
	cursor: pointer;
}

.overview-box {
	min-height: 150px !important;
}

.dashboard .overview-box.weinbau img {
	height: 64px !important;
	width: 57px !important;
}

.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: 370px !important;
  }
  .layout-wrapper .layout-topbar #layout-megamenu-button {
	  left: 430px !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 #5A7328 !important;
}
.layout-wrapper .layout-topbar #menu-button:hover {
	background-color: #f1f1f1;
 	--border-bottom: 3px solid #5A7328 !important;
}

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

.headerDescription {
	font-weight: bold;
	color: #5A7328;
	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:#9faebf;
}

.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: #f44336;
	--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(88%) contrast(83%);
}

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

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

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

@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;
	}
}