/*
Alle Elemente müssen innerhalb des Elements #allris sein. 
Damit werden Konflikte mit den gleich benannten Klassen außerhalb des AllrisNet Bereiches vermieden.
Responsiveness-Schwellen: 1024px, 850px, 760px, 600px
*/

/**************** Body *********************/
* {
	margin: 0;
	padding: 0;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
html, button, input, select, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
}

/* --------------PLEASE DO NOT ADD #allris CONTAINER BEFORE "html.htmlBackground"-------------- */
html.htmlBackground {
	background-color: #cccccc;
}
/* ----------------------------------------------------------------------------------------- */

/* --------------PLEASE DO NOT ADD #allris CONTAINER BEFORE "html.htmlBackgroundPrint"-------------- */
html.htmlBackgroundPrint {
	background-color: #ffffff;
	pointer-events: none;
}
/* ----------------------------------------------------------------------------------------- */

/* Reverted: applied only on special demands: wcag2.1/1.4.12: Spacing following paragraphs to at least 2 times the font size. ~b.yadav */
/* p {
	margin-bottom:1.5em;
} */
body {
	color: #333;
	font-size: 0.75em; /* 12px */
	margin-bottom: 1.667em; /* 20px; */
	line-height: 1.667em; /* 20px; */
	/* Reverted: applied only on special demands: wcag2.1/1.4.12: Letter spacing (tracking) to at least 0.12 times the font size (0.75*0.12 = 0.09em).
	wcag2.1/1.4.12: Word spacing to at least 0.16 times the font size (0.75*0.16 = 0.12em). ~b.yadav */
	/* 	letter-spacing: 0.12rem;
	word-spacing: 0.16rem; */
}

/* #allris .compFull.roundedBorder .docPart {
	all: initial;
}
 */
input, textarea, option, optgroup, select {
	line-height: 1.667em; /* 20px; */
}

/* To have the same default highlight color on all browsers ~b.yadav */
/*  Safari 6.0.3 Mac*: #B4D5FE
						Chrome 26.0.1410.65 Mac*: #ACCEF7
						Firefox 19.0 Mac*: #B4D5FF
						Chrome 26.0.1410.64 m Windows 8+: #3297FD
						Firefox 20.0.1 Windows 8+: #3399FF
						Safari 5.1.7 Windows 8+: #3298FD
						Internet Explorer 10.0.4 Windows 8+: #3399FF */
/* Changed the "::selection" color to selectize box ".active option" color ~b.yadav */
::selection {
	background-color: #0066cc;
	color: #ffffff;
}

/* @media screen {
	body {
		background: url(../images/bg.gif) repeat-x top;
	}
} */

/*** ALLRIS ***/
#allris {
	margin: 0 auto;
	width: 95%;
	position: relative;
	margin-bottom: 8em;
}

/* -------------------***Very Important*** To keep the default appearance same on all the browsers--------------------- ~b.yadav */
#allris * {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* ----------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 1024px) {
	#allris {
		width: 990px;
	}
}

/**************** Schnellsprungmarken Navigation *********************/
#allris .skip:focus, #allris .skip:active {
	position: static;
	top: 0;
	left: 0;
}

#allris #skipLinks {
	position: absolute;
	top: 0;
	left: -9999px;
	height: 1px;
	width: 1px;
	z-index: 1000;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none
}

#allris #skipLinks .skip:focus, #allris #skipLinks .skip:active {
	left: 9999px;
	outline: 0 none;
	position: absolute;
	width: 100%;
	height: auto;
	color: #fff;
	background: #204a87;
	opacity: .75;
	padding: 3px 0;
	text-align: center;
	text-decoration: none
}

/**************** Titelleiste *********************/
#allris #top {
	margin-top: 30px;
	position: relative;
}

#allris #logo {
	width: 51%;
}

#allris.logon h1.titlebar, #allris.logoff h1.titlebar, #allris.passwordforgotten h1.titlebar
	{
	text-align: left;
	margin-top: 0.3em;
	margin-bottom: 5.0em;
	padding-top: 1.5em;
	font-size: 1.17em;
}

/**************** Search *********************/
#allris #search {
	float: right;
	margin-top: 2.083em;
}

#allris #search input.searchtext {
	background: #ffffff url(../images/search.svg) 10em no-repeat;
	border: thin solid #204a87;
	width: 11em;
	font-size: 12px;
	padding: 3px;
	vertical-align: middle;
	background-size: 12px !important;
}

#allris #search input.searchsubmit {
	background: #204a87;
	color: #FFFFFF;
	border: none;
	padding: 3px;
	vertical-align: middle;
	margin-right: 0;
}

@media print {
	#allris .menubar {
		display: none;
	}
}

/**************** Header *********************/
#allris .header {
	clear: both;
	padding: 0px 0px 2px 0px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

#allris .header h1, #allris .header h3 {
	font-size: 1.5em; /* 18px; */
	font-weight: bold;
	letter-spacing: -1px;
	color: #204a87;
	white-space: break-spaces;
}

#allris .header p span.subtitle {
	white-space: break-spaces;
}

/**************** Kopf *********************/
#allris #head {
	width: 100%;
	margin: auto;
	float: left;
}

/**************** Kopf links *********************/
@media screen and (min-width: 760px) {
	#allris #headLeft {
		float: left;
		margin: 0px 5px 0px 0px;
		width: 75%;
	}
	#allris #headRight {
		float: right;
		width: 24%;
	}
}

#allris .headLeftInner {
	padding: 10px;
	padding-top: 15px;
}

/**************** Kopf rechts *********************/
#allris .headRightInner {
	padding: 10px;
	padding-top: 15px;
}

/**************** Hauptinhalt *********************/
#allris #mainContent {
	width: 100%;
	margin: auto;
}

/**************** Umrahmter Bereich volle Breite *********************/
#allris .compFull {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1em;
	overflow: inherit;
	/* 	Added to position the headers relative to itself but at the same time to behave as static (default),
	so that collapse, expand, Drucker, Email Tooltips can be positioned relative to their parents by setting
	absolute position with positioning attributes.If you add positioning attributes (top,left,bottom or right)
	then it'll no longer behave as static. ~b.yadav */
	position: relative;
}

/**************** Teilnahmebestätigung *********************/
#allris .reservation .compFull {
	background-color: #fdfd86;
}

#allris .present .compFull {
	background-color: #8ae234;
}

#allris .absent .compFull {
	background-color: #babdb6;
}

#allris .compFull form {
	background-color: white;
    padding: 0 1em;
}

/**************** Text *********************/
#allris h3 {
	margin: 10px 0px;
}

#allris h3.collapsedTitle, #allris h3.expandedTitle {
	margin: 0px;
}

#allris h2 a:link, #allris h2 a:visited {
	font-size: 22px;
	color: #333333;
	text-decoration: none;
}

#allris h2 a[href]:active:hover {
	color: #000000;
}

/* Added ".wfactions" --> wraps ".printlink" and ".emaillink" ~b.yadav */
#allris .wfactions {
	float: right;
	margin-right: -0.5em;
	display: flex;
	column-gap: 1em;
}

@media screen and (max-width: 759px) {
	#allris .wfactions {
		margin-top: -0.5em;
	}
}

#allris .spacer {
	border-bottom: thin solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
}

#allris h2.search {
	font-weight: lighter;
	font-size: 12px;
	padding-left: 20px;
	font-style: italic;
	background-color: #EFE7CB;
	width: 540px;
	margin: auto;
	padding: 2px 0px 2px 10px;
}

/**************** Entry *********************/
#allris .entry {
	float: left;
	margin-bottom: 10px;
	width: 590px;
}

#allris .entry h2 {
	padding-bottom: 6px;
	line-height: 30px;
}

#allris .entry p {
	padding: 0 0 10px 0;
}

#allris .post {
	padding: 20px;
	text-align: justify;
	margin-bottom: 20px;
	background: url(../images/postee.gif) repeat-x top;
}

#allris .lock {
	padding: 20px;
	text-align: justify;
	margin-bottom: 20px;
	background: url(../images/webclient/lock.svg) 0 50% no-repeat;
	background-size: 11px;
}

#allris .ownlock {
	padding: 20px;
	text-align: justify;
	margin-bottom: 20px;
	background: url(../images/webclient/ownlock.svg) 0 50% no-repeat;
	background-size: 11px;
}

#allris ul.actions {
	list-style: none;
}

#allris .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}

#allris .entry li {
	margin: 7px 0 8px 10px;
}

#allris .entry ul li:before {
	content: "\00BB \0020";
}

#allris .entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

#allris .entry ol li {
	margin: 0;
	padding: 0;
}

#allris .lightgray {
	color: #006699;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 15px;
}

#allris .meta {
	background-color: #FAF8DA;
	padding: 5px;
	font-size: 12px;
	border: thin dashed #cccccc;
}

#allris .kb1, #allris .kb2 {
	vertical-align: top;
	text-align: left;
	font-weight: bold;
}

/**************** Links *********************/
#allris a:link, #allris a:visited {
	color: #204a87;
	text-decoration: none;
	scroll-margin-top: 4rem;
}

/* Überlagerung zurücksetzen */
#allris .uebersicht th a:link, #allris .uebersicht th  a:visited,
	#allris .calendar th a:link, #allris .calendar th a:visited {
	color: #fff;
}

#allris a:not(.disable):hover {
	color: #333333;
}

/**************** Navigation *********************/
#allris #navigation {
	clear: both;
	width: 100%;
	position: relative;
	margin: 0px auto;
	top: 6px;
	/* 	padding: 2px; */
	left: 0;
	top: 0;
}

#allris #menu {
	height: 30px;
	list-style: none;
}

/**************** Buttons *********************/
#allris button, #allris input[type=button], #allris input[type=submit],
	#allris input[type=reset], #allris .button, #allris a.button {
	background-color: #d3d7cf;
	border: thin solid #888a85;
	color: #2e3436;
	cursor: pointer;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeec),
		to(#d3d7cf));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#eeeeec),
		to(#d3d7cf));
	background: -moz-linear-gradient(center top, #eeeeec, #d3d7cf);
	background: -ms-linear-gradient(top, #eeeeec 0%, #d3d7cf 50%);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	min-height: 2.1em;
	margin: 10px;
	text-decoration: unset;
	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d7cf), to(#f2f3f8));
	border: thin solid #bbb;
    color: #204a87;
}

#allris .button:active, #allris button:active {
	cursor: progress;
}

#allris .button[disabled] {
	cursor: default;
	color: #555753;
	font-weight: normal;
	border: thin solid #d3d7cf;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeec),
		to(#d3d7cf));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#eeeeec),
		to(#d3d7cf));
	background: -moz-linear-gradient(center top, #d3d7cf, #eeeeec);
	background: -ms-linear-gradient(top, #eeeeec 0%, #d3d7cf 50%);
}

#allris em.searchSymbol {
	background: url(../images/search.svg) 50% 50% no-repeat;
	background-size: 11px;
}

#allris em.cancelSymbol {
	background: url(../images/multiply2.svg) 50% 50% no-repeat;
	background-size: 11px;
}

#allris em.symbol {
	background: url(../images/multiply2.svg) 50% 50% no-repeat;
	background-size: 11px;
}

#allris #navmonth a.largeStepBack span, #allris #navmonth a.smallStepBack span,
	#allris #navmonth a.largeStepFwd span, #allris #navmonth a.smallStepFwd span,
	#allris #navmonth a.largeStepBack, #allris #navmonth a.largeStepFwd {
	display: none;
}

#allris #navmonth .button:empty {
	display: none;
}

#allris #navmonth a.largeStepBack, #allris #navmonth a.smallStepBack,
	#allris #navmonth a.largeStepFwd, #allris #navmonth a.smallStepFwd {
	display: inline;
	min-height: 1.667em;
	padding: 4px 10px;
	background-position: center;
	background-size: 11px;
	background-repeat: no-repeat;
	content: " ";
}

#allris #navmonth a.largeStepBack {
	background-image: url(../images/largeStepBack_Blue.svg);
	border-bottom-left-radius: 13px;
    border-top-left-radius: 13px;
}

#allris #navmonth a.smallStepBack {
	background-image: url(../images/smallStepBack_Blue.svg);
	border-bottom-left-radius: 13px;
    border-top-left-radius: 13px;
}

#allris #navmonth a.largeStepFwd {
	background-image: url(../images/largeStepFwd_Blue.svg);
    border-bottom-right-radius: 13px;
    border-top-right-radius: 13px;
}

#allris #navmonth a.smallStepFwd {
	background-image: url(../images/smallStepFwd_Blue.svg);
    border-bottom-right-radius: 13px;
    border-top-right-radius: 13px;
}

#allris em.iconReload {
	background: url(../images/available_updates.svg) 50% 25% no-repeat;
	background-size: 11px;
}

@media screen and (max-width: 759px) {
	#allris #navmonth a.largeStepBack,
	#allris #navmonth a.smallStepBack,
	#allris #navmonth a.largeStepFwd,
	#allris #navmonth a.smallStepFwd {
		padding: 5px 12px;
	}
}

#allris button.headerButton	{
	min-width: 25px;
	margin: 0.2em;
}

#allris button:before {
	float: left;
	width: 1.2em;
	text-align: center;
	font-size: 1.5em;
	box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
	pointer-events: none;
}

#allris .save:before {
	color: #047b22;
	/* content: "\2714"; */
	/* According to https://en.wikipedia.org/wiki/Dingbat, U+2714 is an emoji,
	while U+2713 is not. Since the iPhone renders emojis as images, one can't change the color. ~b.yadav */
	content: '\2713';
	font-size: 1.8em;
	width: 1em;
}

/* #allris .cancel:before, #allris .close:before {
	color: #ff0000;
	content: "\2718";        
} */
#allris .transit:before {
	color: #ff8000;
	content: '?';
}

#allris .cancel:before {
	color: #ff0000;
	content: '\2718';
}

/**************** Prozentbalken *********************/
#allris .percentblock-on.gfx {
	height: 10px;
	width: 298px;
	background: url(../images/percent_bg.png);
	padding: 3px 3px 4px;
}

#allris .percentblock-on.gfx .bg {
	display: none;
}

#allris .percentblock-on.gfx .bar {
	height: 10px;
	display: block;
	margin-bottom: -10px;
	background: url(../images/percent_bar.png);
}

#allris .percentblock-on.gfx .value {
	display: block;
	text-indent: 305px;
}

#allris .percentblock-on.nogfx {
	text-align: center;
    border: 0.1px solid #729fcf;
    height: 0.5em;
    margin-top: 1em;
}

#allris .percentblock-on.nogfx .bg {
	display: block;
	margin-bottom: -2em;
	background: #fff;
}

#allris .percentblock-on.nogfx .bar {
	display: block;
	background: #204a87;
	height: 0.4em;
	margin-bottom: -2em;
}

#allris .rangCol div.percentblock-on:focus {
	display: block;
}

#allris #legende .percentblock-on-nogfx-bar-50 {
	display: block;
	background: #204a87;
	height: 0.5em !important;
	width: 5em !important;
	border: 0.1px solid #729fcf;
	margin-left: 0.4em;
	background-image: repeating-linear-gradient(90deg, transparent, transparent 2.5em, rgba(255 , 255, 255, 1) 0px, rgba(255, 255, 255, 1) 5em);
}

#allris #legende .percentblock-on-nogfx-bar-0 {
	display: block;
	height: 0.4em !important;
	width: 4.5em !important;
	border: 0.1px solid #729fcf;
	margin-left: 0.4em;
}
/* #allris .percentblock-on.nogfx .value {
	visibility: hidden;
	display: none;
} */

#allris .percentinline-on {
	background: url(../images/percent_inline_bg.gif) repeat-y 0 50%;
}

#allris .percentinline-on span {
	padding-left: 105px;
	background: url(../images/percent_inline_bar.gif) repeat-y -100px 50%;
}

/**************** Workflow *********************/
#allris #kwdetailsRight {
	width: 59%;
	left: 41%;
	margin: 1em 0;
}

#allris #kwdetailsRight table.workflow {
	margin-top: 0;
	margin-bottom: 1em;
	box-shadow: none;
}

#allris #kwdetailsRight table.workflow td.auftragCol {
	word-break: break-all;
}

/**************** Comments *********************/
#allris .comlabel {
	background: url(../images/comment.gif) left no-repeat;
	font-weight: lighter;
	font-size: 14px;
	padding: 10px 0px 10px 20px;
	margin-top: 10px;
}

#allris .postlabel {
	background: url(../images/comment_new.gif) left no-repeat;
	font-weight: lighter;
	font-size: 14px;
	padding: 10px 0px 10px 20px;
	margin: 10px 0px 10px 0px;
}

#allris .commentlist {
	list-style: none;
}

#allris .tip {
	height: 15px;
	width: 500px;
	display: block;
	margin: 10px 0px 0px 0px;
}

#allris .authorcomment {
	padding: 3px;
	margin: 10px 0px 0px 0px;
}

#allris .commenttext {
	color: #000000;
	padding: 5px 10px 0px 0px;
	margin: 0;
	font-size: 12px;
}

#allris #author, #allris #email, #allris #url {
	width: 35%;
	border: thin solid #cbcbcb;
	font-size: 12px;
	margin-bottom: 0.6em;
	margin-top: 5px;
	padding: 1px 15px 1px 1px;
}

#allris #author {
	background: url(../images/user.png) no-repeat right;
}

#allris #email {
	background: url(../images/email.png) no-repeat right;
}

#allris #url {
	background: url(../images/link.png) no-repeat right;
}

#allris #comment {
	width: 98%;
	border: thin solid #cbcbcb;
	margin-bottom: 0.6em;
	margin-top: 5px;
	padding: 3px;
}

#allris #submit {
	background: #FFFFFF;
	padding: 1px;
	font-size: 12px;
	border-right: thin solid #CCCCCC;
	border-bottom: thin solid #CCCCCC;
	border-left: thin solid #E4E4E4;
	border-top: thin solid #E4E4E4;
}

/**************** Footer *********************/
#allris #footer {
	border-top: thin solid #CCCCCC;
	display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

#allris #footer .paging_separator {
	margin: 0 1em;
}

/**************** Misc *********************/
#allris acronym, #allris abbr, #allris span.caps {
	cursor: help;
}

#allris acronym, abbr {
	border-bottom: thin dashed #999;
}

#allris blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: thick solid #ddd;
}

#allris blockquote cite {
	margin: 5px 0 0;
	display: block;
}

#allris .center {
	text-align: center;
}

#allris hr {
	display: none;
}

#allris a img {
	border: none;
	vertical-align: middle;
}

#allris .alignright {
	background: url(../images/arrow_right.png) no-repeat right;
	float: right;
	padding-right: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-weight: bold;
}

#allris .alignleft {
	background: url(../images/arrow_left.png) no-repeat left;
	float: left;
	padding-left: 20px;
	margin-left: 20px;
	font-size: 14px;
	font-weight: bold;
}

#allris img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#allris img.alignright {
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}

#allris img.alignleft {
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}

#allris pre {
/* 	border: thin solid #9a9a9a;
	color: blue;
	margin: 10px;
	padding: 10px;
	background: #f3f2ed; */
	font-family: verdana, arial, helvetica, sans-serif;
}

#allris code {
	font-size: 1.0em;
	color: #000
}

#allris .searchsubmit {
	vertical-align: bottom;
}

#allris table.dataTable, #allris table.calenderView {
	width: 100%;
	font-size: 0.917em; /*11px;*/
	position: relative;
	margin-top: 1.5em;
}

#allris .uebersicht table {
	border-top: 5px;
}

#allris .uebersicht table, #allris .calendar table {
	border-collapse: collapse;
	/* border: thin solid #729fcf; */
	background: #ffffff;
}

#allris tr.linkstretch {
	cursor: pointer;
}

#allris .uebersicht td a.objAnchor, #allris .calendar td a.objAnchor {
	display: inline-block;
}

#allris .uebersicht thead, #allris .calendar thead {
	white-space: nowrap;
	text-align: left;
}

#allris td.time, #allris td.duration, #allris td.tovonr, #allris td.vonr,
#allris td.sinr, #allris td.wodat, #allris td.tonum {
	white-space: nowrap;
}

#allris th.colHide, #allris td.colHide {
	display: none;
}

#allris .uebersicht thead th, #allris .uebersicht tfoot td, #allris .calendar thead th,
#allris .calendar tfoot td {
	border: none;
	background-color: #3465a4;
	color: #fff;
	/* Changed padding from .2em .4em .2em .4em; to padding-left: 0.1em; ~b.yadav */
	padding-left: 0.1em;
	font-weight: normal;
	font-size: small;
}

#allris .list thead th, #allris .list tfoot td {
	padding: .0em .4em;
}

#allris .uebersicht thead th a:link, #allris .uebersicht thead th a:visited,
#allris .calender thead th a:link, #allris .calender thead th a:visited	{
	color: #fff;
	text-decoration: none;
}

#allris .uebersicht thead th a:hover, #allris .calendar thead th a:hover,
#allris .uebersicht tfoot td a:hover, #allris .calendar tfoot td a:hover {
	color: #fcaf3e;
}

#allris .uebersicht tbody th, #allris .calendar tbody th {
	border-right: none;
}

#allris .uebersicht tfoot td, #allris .calendar tfoot td {
	background: #3465a4;
	padding: 0.8em;
	color: #fff;
}

#allris .uebersicht tfoot td a:link, #allris .uebersicht tfoot td a:visited,
#allris .calendar tfoot td a:link, #allris .calendar tfoot td a:visited	{
	color: #fff;
}

#allris .list thead {
	white-space: nowrap;
}

#allris .roundedBorder table.dataTable td.norecords-td {
	padding: 0;
}

#allris .odd {
	background: #F2F3F8;
    border: thin solid #729fcf57;
    border-left: none;
    border-right: none;
}

#allris .calenderView tbody tr {
    border-top: thin solid #729fcf57;
    border-bottom: none;
}

#allris .calenderView .sameday {
	border-top: thin solid transparent;
}
	
#allris.ns058 .beratung, #allris.ns059 .beratung {
	padding: 1em;
	border-top: #204a87 solid;
	box-shadow: 0px -18px 0px 0px #fff;
	margin-top: 1.5em;
}

#allris.ns058 .top, #allris.ns059 .top {
	padding: 1em 3em;
	background: #F2F3F8;
    border: thin solid #729fcf57;
	border-top: none;
    border-bottom: none;
}

#allris.ns058 .topLabel {
	font-weight: bold;
}

#allris.ns058 .top.last, #allris.ns059 .top.last {
    border-bottom: thin solid #729fcf57;
}

#allris .docTable tr.checkout {
	background: #ffaa;
}

#allris .sortHead {
	padding-left: 2px;
}

#allris .wotag {
	text-align: left;
	float: left;
	margin-right: 5px;
}

#allris .wodat {
	text-align: right;
	margin-right: 20px;
}

#allris .sortHead img {
	padding-left: 1px;
}

#allris .filterInput {
	display: block;
	float: left;
	margin-right: 5px;
}

#allris .filterCheckbox {
	display: block;
	float: left;
	background-color: transparent;
	margin: 1px 2px 0px 8px;
}

#allris .firstCol {
	vertical-align: middle;
	text-align: center;
	width: 54px;
	padding: 0px 5px 0px 10px;
}

#allris .uebersicht .headerButton
#allris .uebersicht .pagingArrow, #allris .uebersicht #objPerPage ul,
#allris .uebersicht #navmonth ul ul {
	border: thin solid #cccccc;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-khtml-border-radius: 0.5em;
	border-radius: 0.5em;
	margin-right: 0;
	margin-bottom: 1em;
}

@media screen and (min-width: 760px) {
	#allris .search select, #allris .search .colEntry .selectize-input,
	#allris .search .colEntry3 .selectize-input, #allris .search .colEntry3 input[name*=trsimple],
	#allris .trsearch input, #allris.feeds .selectize-input {
		width: 385px;
		max-width: min(100%, 385px);
	}
	#allris .search label select {
		width: 140px;
	}
	#allris .voverf1, #allris .voverf2, #allris .voverf3 {
		width: 90px;
	}
}

#allris th.textCol {
	width: 50%;
}

#allris table.dataTable thead th, #allris table.dataTable tfoot td {
	text-align: left;
	white-space: nowrap;
	/* 	Added "position: relative;" to position the headers relative to itself but at the same time to behave as static (default),
	so that .wicket_orderDown/Up/None Tooltips can be positioned relative to their parents(headers) by setting
	absolute position with positioning attributes.If you add positioning attributes (top,left,bottom or right) in the parent(headers)
	then it'll no longer behave as static. ~b.yadav */
	position: relative;
}

#allris table.dataTable tbody th, #allris table.dataTable tbody td {
	font-style: normal;
	text-align: left;
	padding: 1em;
}

#allris table.dataTable.calender tbody td {
    padding: 0.8em;
}

#allris .list table.dataTable thead th {
	padding: 0.8em;
}

#allris .list table.dataTable tbody td {
	padding: 0.8em;
}

#allris table.dataTable thead th {
	padding: 1em;
}

#allris table.dataTable.calender thead th {
    padding: 0.4em 0;
    font-size: inherit;
    text-align: center;
}

#allris table.dataTable tfoot td {
	text-align: center;
}

#allris table.hoverRow tbody tr:hover, #allris table.hoverCell tbody td:not(.invalid):hover {
	background-color: #b0bfcf;
}

#allris table.dataTable tbody td.fileSize, #allris table.dataTable tbody td.betrag,
	#allris table.dataTable tfoot td.betrag {
	/* text-align changed from right to left (similar to every column) ~b.yadav */
	text-align: left;
	padding-right: 1em;
	white-space: nowrap;
}

#allris table.dataTable tbody td.betrag>div:after, #allris table.dataTable tfoot td.betrag>span:after {
	content: ' \20AC';
}

#allris table.dataTable tbody td.negativ {
	color: red;
}

#allris table.dataTable tbody tr.korrektur {
	background: #ccc;
}

#allris .noBorder {
	border-right: none;
	border-left: none;
}

#allris .dow, #allris .dom {
	display: inline-block;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	width: 2.2em;
	font-family: monospace;
	font-size: 1.25em;
}

#allris .date, #allris table.dataTable tbody td.duration {
	text-align: center;
}

@media screen and (max-width: 759px) {
	#allris table.dataTable tbody td.duration {
		text-align: left;
	}
}

#allris .date, #allris .time, #allris .tonr {
	white-space: nowrap;
}

#allris td.date, #allris td.time, #allris td.text, #allris td.status {
	padding-top: 6px;
	padding-bottom: 5px;
}

#allris .uebersicht .objAnchorText {
	position: relative;
}

#allris .uebersicht a img {
	padding-top: 1px;
}

#allris .uebersicht .docs {
	white-space: nowrap;
	text-align: right;
}

#allris .uebersicht .status {
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
}

#allris .clear {
	clear: both;
}

#allris aside {
	margin-bottom: 2px;
}

#allris .noBold {
	font-weight: normal;
}

#allris .paging {
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
}

@media screen and (max-width: 759px) {
	#allris .paging {
		display: inline-flex;
		justify-content: center;
    	flex-wrap: wrap;
	}
	#allris #objPerPage {
	    display: inline-block;
	}
}

#allris .paging.info {
    display: inline-flex;
    align-items: baseline;
    padding-right: 0px;
    padding-left: 0px;
}

#allris .paging a {
	margin: 0 0.2em;
	padding: 0 0.2em;
}

#allris .paging button {
	width: auto;
    min-width: auto;
    background: transparent;
    border: none;
    border-radius: 0;
    margin: 0 0.2em;
    padding: 0 0.2em;
    min-height: auto;
    color: #ffffff;
}

#allris .paging button:hover:enabled, #allris .paging a:hover {
    background: #204a87;
    border: none;
    border-radius: 0;
    color: #ffffff;
}

#allris .paging button:focus:hover:enabled {
    background: #204a87;
}

#allris .paging .goto button[disabled]:not(.nav-item) {
	background: #ffffff;
	color: #204a87;
	box-shadow: inset 0px 1px 3px rgb(0 0 0 / 15%), inset 0px 0px 1px 1px #3465a4;
	opacity: 1;
}

#allris .paging .goto button[disabled]:not(.nav-item) span {
	padding: 0.2em;
}

#allris #tablePageNavigation {
	display: inline-block;
}

#allris .pagingArrow {
	position: relative;
	top: 2px;
}

#allris .expcol {
	margin-bottom: 0.3em;
}

#allris.fa050 .expcol img {
	padding-left: 0.5em;
}

#allris .expcol a {
	padding: 0em 0.5em;
	height: 2em;
	width: 2em;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}

/* ---------- New wish from TK on 11.11.2021 ~b.yadav ----------- */
#allris .expcol a[data-simpletooltip-text *= einblenden] {
    position: absolute;
    top: 1em;
    padding: 1.1em 0 2em 97.5%;
    right: -0.1em;
    margin-top: -1.5%;
    height: 100%;
    width: 100%;
}
/* -------------------------------------------------------------- */

@media screen and (max-width: 759px) {
	#allris .expcol a  {
    	top: -0.3em;
    	right: -0.2em;
	}
	#allris .expcol a[data-simpletooltip-text *= einblenden] {
	    padding: 0.1em 0 2em 95%;
		top: 0;
	}
}
/* -------------------------------------------------------------- */

#allris .roundedBorder {
	border: thin solid #cccccc;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-khtml-border-radius: 0.5em;
	border-radius: 0.5em;
}

#allris .frameHeader {
	height: 10px;
	font-size: 10px;
	font-weight: bold;
}

#allris .frameHeader span, #allris .frameHeader h2 {
	margin-left: 10px;
	padding: 3px 5px;
	background-color: #f3f3f3;
	border-radius: 0.5em;
}

@media screen and (max-width: 759px) {
	#allris .frameHeader {
		height: 20px;
		font-size: 0.917em;
	}
	#allris #headLeft .frameHeader {
		height: 28px;
	}
}

#allris .objAnchor {
	display: inline-block;
	min-width: 18px;
	height: 21px;
	padding: 0px 1px 0px 1px;
	margin: 1px 1px 0px 1px;
	background: #e4e4e4;
	border: thin dashed #bbbbbb;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-khtml-border-radius: 0.5em;
	border-radius: 0.5em;
	font-size: small;
	text-align: center;
	vertical-align: top;
}

#allris .objAnchorText {
	position: relative;
	top: -2px;
}

#allris .objNoAnchor {
	height: 16px;
	padding: 0px 2px 0px 2px;
	margin: 2px 2px 0px 2px;
	font-size: small;
}

#allris .calexp a img {
	vertical-align: middle;
}

#allris .search option {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#allris div.docPart {
	width: 100%;
	border: thin dashed #cccccc;
	border-radius: 3px;
    padding: 0.5em 0;
}

#allris .compFull.roundedBorder div.docPart {
	border: none;
	padding: 1em;
    overflow: auto;
}

#allris .docPart table, #allris .docPart img {
	float: none !important;
}

#allris .noline {
	border: none;
	margin: 0;
}

#allris .nowrapContent {
	white-space: nowrap;
}

#allris table.dataTable tbody td.colFilVo {
	text-align: center;
}

#allris .toPartHeader {
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 5px;
}

#allris .toPart {
	width: 970px;
}

#allris .toPart ul {
	list-style-type: none;
	padding-bottom: 4px;
	clear: both;
}

#allris .toPart ul .topnr {
	font-weight: bold;
	white-space: nowrap;
	width: 44px;
	padding-left: 0;
	float: left;
}

#allris .toPart ul .links {
	white-space: nowrap;
	text-align: right;
}

#allris .toPart ul .subject {
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 10px 10px;
	border-bottom: thin solid #cccccc;
}

#allris .toPart ul .subject a {
	color: #2E3436;
}

#allris .toPart ul .subject a:hover, #allris .toPart ul .subjectShort a:hover
	{
	color: #204A87;
}

#allris .toPart ul .noline {
	border: none;
	margin: 0px 0px 0px 10px;
}

#allris .toPart ul li {
	list-style-type: none;
}

#allris .toPart ul .subjectShort {
	margin: 0px 0px 10px 10px;
	float: left;
}

#allris .toPart ul .subjectShort a {
	color: #2E3436;
}

#allris .expandedTitle, #allris .collapsedTitle, #allris .h2Title {
	font-size: 1em;
	font-weight: bold;
}

#allris .collapsedTitle .wfdate, #allris .collapsedTitle .wfstatus {
	font-weight: normal;
}

#allris .tree-theme-human div.tree-subtree {
	margin-left: 18px;
	padding: 0;
}

#allris .tree-theme-human .tree-folder-closed {
	padding-left: 0;
	/* background-image: none; */
}

#allris .tree-theme-human .tree-folder-open {
	padding-left: 0;
	/* background-image: none; */
}

#allris .tree-theme-human .tree-folder-other {
	padding-left: 0;
	/* background-image: none; */
}

#allris .wicket_orderDown::before, #allris .wicket_orderUp::before,
	#allris .wicket_orderNone::before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#allris .wicket_orderDown::before {
	content: '\f0dd';
}

#allris .wicket_orderUp::before {
	content: '\f0de';
}

#allris .wicket_orderNone::before {
	content: '\f0dc';
}

#allris .unselectable:not(.active), #allris .inactiv {
	color: inherit;
	background-color: #E8E8E8;
}

/* Better color contrast for selectize dropdown active element (also with Amt levels) ~b.yadav */
#allris .option.inactiv.active, #allris .option.inactiv.active[data-valid]:after,
	#allris option.inactiv.active, #allris option.inactiv.active[data-valid]:after,
	#allris div[class^="option level"][class$="active"], #allris .item.active,
	#allris .item.active a, #allris .option.myoption.active {
	background-color: #0066cc; /* #0066cc:#ffffff = 5.56 :1 */
	color: #ffffff;
}

#allris .item a.remove:hover, #allris .item a.remove:focus, #allris .item.active a.remove
	{
	background-color: #f54000;
	background-color: gray;
	color: #ffffff;
}

#allris .item a.remove:hover {
	border: 0.05px solid black;
	border-left: none;
}

#allris .selectize-control.multi .item:not(.active):hover {
	border: 0.05px solid black;
	background-color: white;
}

#allris .selectize-control.multi .item.active {
	border: 0.05px solid #ffffff;
}

#allris option.inactiv[data-valid]:after, #allris .option[data-valid]:after	{
	content: " (inaktiv: " attr(data-valid) ")";
	font-size: smaller;
}

#allris .option[data-value=""], #allris .item[data-value=""] {
	color: #8f8f8f;
}

#allris .ziel1 {
	padding-left: 1em;
}

#allris .ziel2 {
	padding-left: 2em;
}

#allris .ziel3 {
	padding-left: 3em;
}

#allris .label {
	text-align: left;
	font-weight: bold;
}

#allris label.status {
	text-align: left;
	font-weight: bold;
}

/* ==================================================================== */
/*	Links auf Documente (breite Symbole) */
/* ==================================================================== */
/*	Doc-Link als Button (DocType: (nicht spezifiziert))	*/
#allris a.actionlink, #allris a.doclink, #allris a.attlink, #allris a.verlink,
	#allris a.wflink, #allris a.geolink, #allris a.sitelink, #allris a.dmslink {
	/* Changed from 1.8em to 2.5em ~b.yadav */
	padding-left: 2.5em;
	color: #204a87;
	border: none;
	font-size: 0.917em; /* 11px; */
	background-position: center left;
	background-repeat: no-repeat;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	white-space: initial;
}

#allris .actions .headRightInner>li, #allris .documents .headRightInner>li,
	#allris .attachments .headRightInner>li, #allris .workflow .headRightInner>li, #allris .geobezug .headRightInner>li {
	list-style-type: none;
	white-space: nowrap;
	overflow: hidden;
	padding: 3px;
}

#allris .modal-dialog-content .sammelDocLink {
	float: right;
}

#allris img.icon {
	width: 2em;
	height: 2em;
	padding: 0.2em 0em;
}

#allris img.icon.il1 {
	margin-bottom: -0.7em;
}

#allris a.dmslink {
	width: 2em;
	height: 2em;
}

#allris td img.icon {
	width: 2em;
	height: 2em;
	/* 	padding: 0.2em 0em; */
}

#allris img.docSammlung {
	width: 1.8em;
	height: 1.8em;
}

/*	Link als Button (Teildokument)		*/
#allris a.anchor {
	background-image: url(../images/link_doc.svg);
	background-size: 1.8em 1.8em;
}

/*	Link als Button (Workflow)		*/
#allris a.wflink {
	background-image: url(../images/link_wf.svg);
	background-size: 1.8em 1.8em;
}

/*	Link als Button (GeoPosition)		*/
#allris a.geolink {
	background-image: url(../images/map_marker.svg);
	background-size: 1.8em 1.8em;
	margin-left: 0.2em;
}

/*	Doc-Link als Button (DocType: Office-Dokument)	*/
#allris a.odt, #allris a.jpg, #allris a.png,
	#allris a.gif, #allris a.bmp {
	background-image: url(../images/mime/office.svg);
	background-size: 1.8em 1.8em;
}

/*	Doc-Link als Button (DocType: Excel)	*/
#allris a.xls, #allris a.xlsx {
	background-image: url(../images/mime/excel.svg);
	background-size: 1.8em 1.8em;
}

/*	Doc-Link als Button (DocType: Office-Dokument)	*/
#allris a.doc, #allris a.docx {
	background-image: url(../images/mime/word.svg);
	background-size: 1.8em 1.8em;
}

/*	Doc-Link als Button (DocType: PDF-Dokument)		*/
#allris a.pdf {
	background-image: url(../images/mime/pdf.svg);
	background-size: 1.8em 1.8em;
}

/*	Doc-Link als Button (DocType: ALF-Dokument)		*/
#allris a.alf {
	background-image: url(../images/mime/alf.svg);
	background-size: 1.8em 1.8em;
}

/*	Doc-Link als Button (DocType: PPT-Dokument)		*/
#allris a.ppt, #allris a.pptx {
	background-image: url(../images/mime/powerpoint.svg);
	background-size: 1.8em 1.8em;
}

/*	Doc-Link als Button (DocType: zip-Dokument)		*/
#allris a.zip {
	background-image: url(../images/mime/zip.svg);
	background-size: 1.8em 1.8em;
}

/*	Doc-Link als Button (DocType: xml-Dokument)		*/
#allris a.xml {
	background-image: url(../images/mime/xml.svg);
	background-size: 1.8em 1.8em;
}

#allris a.pdf.annot {
	background-image: url(../images/mime/pdf_annot.svg);
	background-size: 1.8em 1.8em;
}

/*	Doc-Link als Button (DocType: RTF-Dokument)	*/
#allris a.rtf {
	background-image: url(../images/mime/rtf.svg);
	background-size: 1.8em 1.8em;
}

/*	Doc-Link als Button (DocType: TIF-Dokument)	*/
#allris a.tif {
	background-image: url(../images/mime/tif.svg);
	background-size: 1.8em 1.8em;
}

#allris a.doccreate {
	background-image: url(../images/webclient/document_new.svg);
	background-size: 1.8em 1.8em;
}

#allris a.docrefresh {
	background-image: url(../images/webclient/document_refresh.svg);
	background-size: 1.8em 1.8em;
}

#allris a.docdelete {
	background-image: url(../images/webclient/document_delete.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.submit {
	background-image: url(../images/webclient/send_file.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.wslink {
	background-image: url(../images/open_in_client.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.delete {
	background-image: url(../images/webclient/delete.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.copy {
	background-image: url(../images/webclient/copy.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.accept {
	background-image: url(../images/webclient/ok.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.reject {
	background-image: url(../images/webclient/cancel.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.konferenz {
	background-image: url(../images/webclient/video_call.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.vote {
	background-image: url(../images/webclient/checked_checkbox.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.dms, #allris a.dmslink {
	background-image: url(../images/mime/dms.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.termin {
	background-image: url(../images/calender.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.antrag {
	background-image: url(../images/webclient/send_file.svg);
	background-size: 1.8em 1.8em;
}

#allris a.actionlink.external {
	background-image: url(../images/webclient/external_link.svg);
	background-size: 1.8em 1.8em;
}

#allris a.aktenmappe_indiv {
	background-image: url(../images/briefcase.svg);
	background-size: 1.8em 1.8em;
}

#allris a.SI019 {
	background-image: url(../images/conference.svg);
	background-size: 1.8em 1.8em;
}

#allris a.TO035 {
	background-image: url(../images/checklist.svg);
	background-size: 1.8em 1.8em;
}

/* Sitzungskalender (mehrtägige Sitzungen) */
#allris.si010 .continued .textCol div a::after,
#allris.ap010 .continued .textCol div a::after {
	content: " (Fortsetzung) ";
	color: gray;
	font-weight: normal;
}

#allris.si010 .textCol div a[data-multidaynr]::after,
#allris.ap010 .textCol div a[data-multidaynr]::after {
	content: ' (' attr(data-multidaynr) ')';
	color: gray;
	font-weight: normal;
}

#allris.si010 .continued .textCol div a[data-multidaynr]::after,
#allris.ap010 .continued .textCol div a[data-multidaynr]::after {
	content: ' (Fortsetzung zu ' attr(data-multidaynr) ')';
	color: gray;
	font-weight: normal;
}

#allris .calenderView tbody tr.sameSitzung, #allris .calenderView tbody tr.sameSitzung:hover {
    background-color: #ffffc6;
/*     background-color: lightgray; */
    border: 1px double rgb(32, 74, 135);
}

#allris .calenderView tbody tr.sameSitzung *, #allris .calenderView tbody tr.sameSitzung:hover * {
    color: #204a87 !important;
}

#allris .calenderView tbody tr.sameSitzung.today-sides td:first-child span, #allris .calenderView tbody tr.sameSitzung.today-sides:hover td:first-child span {
    border: thin solid #ef2929;
}

#allris .calenderView tbody tr.sameSitzung.today-sides td:first-child span.dow, #allris .calenderView tbody tr.sameSitzung.today-sides:hover td:first-child span.dow {
    border-right: none;
}

#allris .calenderView tbody tr.sameSitzung.today-sides td:first-child span.dom, #allris .calenderView tbody tr.sameSitzung.today-sides:hover td:first-child span.dom {
    border-left: none;
}

#allris.si010 .continued .lfrist div,
	#allris.si010 .continued .efrist div, #allris.si010 .continued .dfrist div,
	#allris.si010 .continued .raum div, #allris.si010 .continued .toLink div,
	#allris.si010 .continued .fertig div, #allris.si010 .continued .tstat div,
	#allris.ap010 .continued .time div,	#allris.ap010 .continued .tstat div {
	visibility: hidden;
	color: transparent;
}

#allris .row {
	display: inline-block;
	width: 100%;
	margin: 0;
}

/* VO-Kopf */
#allris .headLeftInner .row {
	overflow: hidden;
	padding: 3px;
	/* Horizontaler Platz zwischen den Zeilen, besser mit Fokus */
	padding-bottom: 6px;
}

#allris .colTitle, #allris .colEntry, #allris .colEntry3 {
	float: left;
}

#allris .colTitle {
	/* min-width: 18%; */
	/* Added padding to create space between date selectize and date input box ~b.yadav */
	padding-right: 2em;
	min-width: 25%;
	max-width: 25%;
}

#allris .workflow .colTitle {
	min-width: 20%;
}

#allris .toBa .colTitle {
	min-width: 14.4%;
}

#allris .colEntry {
	/* 	min-width: 32%;
	max-width: 32%; */
	min-width: 25%;
	max-width: 25%;
}

#allris .colTitle.wfstatus {
	max-width: 30%;
}

#allris .colEntry.wfstatus {
	max-width: -webkit-fill-available;
	max-width: -moz-available;
	max-width: -o-available;
   	max-width: -ms-available;
}

#allris .colEntry3 {
	/* 	max-width: 82%; */
	/* 	min-width: 75%; */
	max-width: 75%;
}

#allris .workflow .colEntry3 {
	max-width: 65%;
}

/* ------colTitle, colEntry3, colEntry for headLeft block (vo020) ~b.yadav------ */
@media screen and (min-width: 851px) {
	#allris #headLeft .colTitle {
		min-width: 20%;
		word-break: break-word;
		padding-right: 1em;
	}
	#allris #headLeft .colEntry3 {
		min-width: auto;
		max-width: 78%;
	}
	#allris #headLeft .colEntry {
		min-width: 30%;
		max-width: 30%;
		word-break: break-word;
	}
	#allris #headLeft .colEntry4 {
		margin-left: 20%;
	}
}

@media screen and (max-width: 850px) {
	#allris #headLeft .colEntry3 {
		min-width: auto;
	}
}

@media screen and (max-width: 759px) {
	#allris #headLeft .colEntry3.tree-theme-human {
		min-width: 100%;
	}
}

/* ----------------------------------------------------------------------------- */
#allris .vofristhint {
	font-style: italic;
}

#allris .nachtrag {
	border-left: thick solid #335511;
}

/* #allris .selected.nachtrag {
	border-left: thick solid #335511;
	box-shadow: inset 1px 0px 0px 0px #000000, inset 6px 0px 0px 0px #950f3b;
} */

#allris .nachtrag.unauth {
	/* border-left: thick solid #7A1E8A; */
    border-left-style: dotted;
}

/* #allris .selected.nachtrag.unauth {
	border-left: thick solid #7A1E8A;
	box-shadow: inset 1px 0px 0px 0px #000000, inset 6px 0px 0px 0px #950f3b;
} */

@media screen and (max-width: 850px) {
	/* Anpassung TO,VO-Kopf */
	#allris .colEntry, #allris .colEntry.wfstatus {
		/* 		min-width: 78%;
		max-width: 78%; */
		min-width: 70%;
		max-width: 70%;
	}
	#allris .colEntry3 {
		max-width: 70%;
	}
	#allris .workflow .colEntry3 {
		max-width: 65%;
	}
	#allris .colTitle, #allris .colTitle.wfstatus {
		width: auto;
		padding-right: 0.5em;
	}
	#allris .colTitle.wfstatus {
		min-width: 30%;
	}
	#allris .compFull.roundedBorder .colEntry.wfstatusBefore {
		min-width: 60%;
	}
	#allris .compFull.roundedBorder .colTitle.wfstatus {
		min-width: 25%;
   		max-width: 25%;
	}
}

@media screen and (min-width: 851px) and (max-width: 990px) {
	#allris .colTitle.wfstatus {
		padding-right: 0.5em;
	}
	#allris .colEntry.wfstatus {
	    max-width: 40%;
	}
}
/* Hervorhebung von "heute" im Kalender */
#allris .calenderView .today-sides {
	border-left: 1px solid #ef2929;
	border-right: 1px solid #ef2929;
}

#allris .calenderView .today-top {
	border-top: 1px solid #ef2929;
}

#allris .calenderView tr.today-sides:last-child {
	border-bottom: 1px solid #ef2929;
}

#allris .child {
	background: #b0bfcf;
}

#allris .vertreter {
	
}

#allris .abwesend {
	color: #888;
}

#allris .nameCol.abwesend {
	text-decoration: line-through;
}

#allris.to010 .numodd {
	background: #E3E9F2;
/* 	border: none; */
/*     border-top: 10px solid white; */
}

#allris.to010 .numodd.unumodd, #allris.to010 .numodd.unumodd.uunumeven, #allris.to010 .numodd.unumodd.uunumodd {
	background: #f7f7fc;
}

#allris.to010 .numodd.unumeven, #allris.to010 .numodd.unumeven.uunumeven, #allris.to010 .numodd.unumeven.uunumod {
	background: #f7f7fc;
}

#allris.to010 .numeven {
	background: #E3E9F2;
/* 	border: none;
    border-top: 10px solid white; */
}

#allris.to010 .numeven.unumeven, #allris.to010 .numeven.unumodd {
    background: #f7f7fc;
}

#allris.to010 .uunumeven, #allris.to010 .uunumodd {
    background: #f7f7fc;
	border: none;
}

@media screen and (max-width: 759px) {
	#allris.to010 .numodd.unumeven, #allris.to010 .numodd.unumodd,
	#allris.to010 .numeven.unumeven, #allris.to010 .numeven.unumodd,
	#allris.to010 .uunumeven.numeven.unumeven, #allris.to010 .uunumeven.numeven.unumodd,
	#allris.to010 .uunumodd.numeven.unumeven, #allris.to010 .uunumodd.numeven.unumodd {
	    border: 1px solid #ccc;
        padding-left: 2em;
        border-top: none;
	}
}

#allris.to010 .numeven td,
#allris.to010 .numodd td,
#allris.to010 .unumeven td,
#allris.to010 .unumodd td,
#allris.to010 .uunumeven td,
#allris.to010 .uunumodd td {
	vertical-align: middle;
}

#allris.to010 .unumodd td.tobetreff, #allris.to010 .unumodd td.tonr,
#allris.to010 .unumeven td.tobetreff, #allris.to010 .unumeven td.tonr {
	padding-left: 2.5em;
}

/* Link über die ganze Zelle ausdehnen, Achtung mit datelinks in der Zelle */
#allris.to010 td.tobetreff a.tooltipProvider {
	display: block;
	height: 100%;
	width: 100%;
}

/* #allris.to010 .uunumodd td.tobetreff, #allris.to010 .uunumodd td.tonr,
#allris.to010 .uunumeven td.tobetreff, #allris.to010 .uunumeven td.tonr	{
	padding-left: 6em;
} */

#allris.to010 .uunumodd td.tonr,
#allris.to010 .uunumeven td.tonr {
	padding-left: 4.5em;
	padding-right: 0;
}

#allris .beratung, #allris .gruppe, #allris .trenn, #allris .hierarchy {
	/* box-shadow: 0px -10px 0px 0px #fff; */
	color: #204a87;
	background: #cedae8;
	font-weight: bold;
/* 	border-bottom: none; */
}

@media screen and (max-width: 759px) {
	#allris tr:not(.beratung):not(.gruppe):not(.trenn):not(.hierarchy):not(.navigation) {
		padding-bottom: 10px;
	}
}

#allris td.tofrei div, #allris td.tobahint div,
#allris #legende .baimportant, #allris #legende .notreleased {
	/* visibility: hidden; */
	color: transparent;
}

#allris td.tofrei div.notreleased::before, #allris td.tobahint div.baimportant::before,
#allris #legende .baimportant::before, #allris td.tobahint div.wfimportant::before,
#allris #legende .wfimportant::before, #allris #legende .notreleased::before {
	font-family: FontAwesome;
	font-style: normal;
	/* width: 1em; */
	font-size: 1.2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* display: inline-block;  IE: https://stackoverflow.com/questions/27875232/ie-crossing-out-pseudo-element-css */
	/* visibility: visible; */
	color: #204a87;
}

#allris td.tofrei .notreleased::before,
#allris #legende .notreleased::before {
	content: "\f129";
}

#allris td.tobahint .baimportant::before,
#allris #legende .baimportant::before {
	content: "\f12a";
}

#allris td.tobahint .wfimportant::before,
#allris #legende .wfimportant::before {
	content: "\f12a";
}

#allris #legende .notreleased, 
#allris #legende .baimportant,
#allris #legende .wfimportant {
	font-size: 1em;
    padding: 0.1em 0.7em;
    display: inherit;
}

#allris tr.beratung td {
	background: lightgray;
}

#allris .gemeinsam:not(.active) {
	background-color: #b0c4d9;
}

#allris .myoption {
	background-color: rgb(209, 223, 239);
}

#allris .dringlich:not(.active) {
	background-color: #fcaf3e;
}

#allris .fristgone:not(.active) {
	background-color: #ccc;
}

#allris .gruppe.soll {
	font-style: italic;
}

#allris .gruppe.ist.gone {
	font-weight: normal;
	background-color: #ccc;
}

#allris .grPaSelect option[disabled] {
	font-weight: bold;
	background-color: #ccc;
}

/* Aktiver Top */
#allris .selected, #allris .gruppe .selected {
/* 	background-color: #950F3B;
	color: white !important; */
	/* border-left: thick solid #950F3B; */
/*     border: 1px solid #ef2929 !important; */
    box-shadow: 0 0 0px 1px #ef2929;
}

#allris #dmsNavigatorFrame table.fileList tr.selected {
	box-shadow: 0 0 0px 1px #ef2929;
    border: 1px solid #ef2929 !important;
}

#allris #dmsNavigatorFrame table.fileList tr.odd.selected {
	box-shadow: none;
}

#allris #dmsNavigatorFrame table.fileList tr.selected:hover {
	color: inherit !important;
}

#allris #dmsNavigatorFrame table.fileList tr.file {
	cursor: not-allowed;
	pointer-events: none;
}

#allris table.dataTable tbody tr.deleted td, #allris table.dataTable tbody tr.deleted td a {
	font-style: italic;
	text-decoration: line-through;
}

#allris table>caption {
	color: transparent;
	margin: -1.5em 0;
}

#allris #dmsNavigatorFrame table>caption {
	margin: -0.5em 0;
}

#allris table:not(.captionVisible.sortable)>caption::selection {
	background-color: transparent;
}

#allris table.captionVisible.sortable>caption {
	margin: 5px;
	color: #333;
}

#allris .calendar .holiday, #allris .calendar tr.sat, #allris .calendar .freeholiday {
	background-color: #b0c4d9;
}

#allris .calendar tr.sun {
	background-color: #204a87;
}

#allris .calendar tr.sun:not(:hover) td.edit a img {
	background: url(images/webclient/edit_white.svg) no-repeat 0 50%;
    background-size: 1.5em;
    padding-left: 2em;
    background-color: currentColor;
}

#allris .calendar tr.sun:not(:hover) td.calexp a img {
	background: url(images/outlook_logo.svg) no-repeat 0 50%;
    background-size: 1.8em;
    padding-left: 2em;
    background-color: currentColor;
}

#allris table.dataTable.calender th.sat, #allris table.dataTable.calender th.sun,
#allris table.dataTable.calender th.holiday, #allris table.dataTable.calender th.freeholiday {
    background-color: #204a87;
}

#allris table.dataTable.calender td.sat, #allris table.dataTable.calender td.sun,
#allris table.dataTable.calender td.holiday, #allris table.dataTable.calender td.freeholiday {
    background-color: #3b60950f;
}

#allris .calendar .mark2 {
	background-color: #8AE234 !important;
}

#allris .calendar .mark2 a {
	color: #204a87;
}

#allris .calendar .mark2:hover a,  #allris .calendar .mark2 a:hover {
	color: #204a87;
}

#allris .calendar .invalid {
	background-image: repeating-linear-gradient(0deg, #E2E3E8, #E2E3E8 2px, transparent 2px,
		transparent 10px);
	cursor: not-allowed;
}

#allris .calendar .sun .textCol a:link, #allris .calendar .sun .textCol a:visited {
	color: #ffffff;
}

#allris .calendar .sun td {
	color: #ffffff;
}

#allris .calendar tr:hover td {
	color: black;
}

#allris p.logonhint {
	color: #3465a4;
	/* width: 51%; */
}

#allris #pwdForgot {
	margin-top: 10px;
	display: inline-block;
}

#allris div.feedbackPanel {
/* 	color: #00529B; */
	list-style-type: none;
	margin-bottom: 1em;
}

#allris div.feedbackPanel div {
	display: flex;
}

#allris div.feedbackPanel div span {
    display: flex;
    align-items: baseline;
    white-space: pre-line;
}

#allris div.feedbackPanelINFO {
	color: #00529B;
	background-color: #BDE5F8;
}

#allris div.feedbackPanelWARNING {
	color: #7A4A00;
	background-color: #FEEFB3;
}

#allris div.feedbackPanelERROR {
	color: #A80009;
	background-color: #FFD2D2;
}

#allris div.feedbackPanelSUCCESS {
	color: #44770E;
	background-color: #DFF2BF;
}

#allris .fas, #allris div.feedbackPanel div>span::before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.5em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#allris div.feedbackPanelINFO>span::before {
	content: "\f05a";
}

#allris div.feedbackPanelSUCCESS>span::before {
	content: "\f00c";
}

#allris div.feedbackPanelERROR>span::before {
	content: "\f057";
}

#allris div.feedbackPanelWARNING>span::before {
	content: "\f071";
}

#allris .titlebar {
	margin-top: 3.0em;
	margin-bottom: 2.0em;
}

#allris .colalign header {
	margin: 0 0 20px 0;
}

#allris .colalign header div {
	font-size: 90%;
	color: #999;
}

#allris .colalign header h2 {
	margin: 0 0 5px 0;
}

#allris fieldset {
	background: white;
	border: thin solid #ccc;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em;
	border-radius: 1em;
	margin: 5px 0px;
}

#allris legend {
	color: #757575;
	font-weight: bold;
}

#allris fieldset legend {
	font-size: 10px;
	padding: 0px 5px;
	background-color: rgb(248, 249, 250);
	border-radius: 0.5em;
}

#allris .colalign fieldset:focus-within {
	border-color: #dfac20;
	background: #fffbf0;
}

#allris .colalign fieldset:focus-within legend {
	color: black;
	background: white;
	border-bottom-color: #dfac20;
	border: thin solid #dfac20;
}

#allris .search fieldset {
	border: none;
	box-shadow: none;
	padding: 0px;
	margin: 0px; 
}

#allris .colalign .search fieldset:focus-within {
	border: none;
	background: #ffffff;
}

#allris .search legend {
	color: #333;
	border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
    width: -webkit-fill-available;
    width: -moz-available;
    width: -o-available;
    width: -ms-available;
    padding: 1em;
    padding-left: 0.8em;
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: 1em;
    background: #f3f3f3;
    box-shadow: 0px -1px 1px 1px rgb(0 0 0 / 5%);
/*  color: #204a87;
    font-size: 1.2em; */
}

#allris .colalign fieldset:focus-within .search fieldset legend {
	border: none;
	background: #f3f3f3;
}

@media screen and (max-width: 759px) {
	#allris .search legend {
		padding-left: 1em;
	}
}

#allris .searchFilters .search, #allris .searchFilters .trsearch fieldset {
	margin-top: -1.2em;
}

#allris .searchFilters .trsearch {
	margin-top: 0;
}

#allris .modal-dialog-content .formstretch {
	width: 100%;
}

#allris .modal-dialog-content .formstretch.file-input {
	width: 90%;
}

#allris .formstretch {
	width: 75%;
	display: inline-block;
}

#allris div.formrow {
	clear: both;
	overflow: inherit; /* Probleme mit Selectize-Comboboxen auf Vo050 */
	padding: 10px 0px;
	position: relative;
}

#allris div.buttonbar {
	overflow: hidden; /* Probleme mit Buttons auf Vo050 */
}

#allris div.formrow>label {
	width: 25%;
	float: left;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#allris div.formrow>div, #allris div.formrow.checks {
	width: 75%;
	float: right;
	margin-bottom: auto;
}

#allris div.formrow>label#radioGroupLabel {
	padding-top: 0;
}

#allris input:required:invalid, #allris textarea:required:invalid,
	#allris select:required:invalid, #allris .selectize-control.required .selectize-input.not-full {
	background-color: #ffffcc !important;
}

#allris label.required-field::after {
	content: "*";
	font-weight: bold;
	color: #f00;
	display: inline-block;
}

/**
 * style input elements that have focus state
 */
#allris .selectize-input:hover, #allris .roundedBorder .selectize-input:hover, #allris input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=checkbox]):hover:enabled,
	#allris .selectize-input.selectizeControlHover, #allris .roundedBorder .selectize-input.selectizeControlHover,
	#allris input[type=date]:hover:enabled,
	#allris input[type=datetime-local]:hover:enabled, #allris input[type=number]:hover:enabled,
	#allris #search input[type=search]:hover:enabled, #allris input[type=time]:hover:enabled,
	#allris input[type=url]:hover:enabled, #allris textarea:hover:enabled,
	#allris select:hover:enabled, #allris input[type=text]:hover:enabled,
	#allris input[type=file]:hover:enabled, #allris #fileUpload.is-active:enabled {
	background-color: #eeeeee;
	box-shadow: inset 1px 1px 3px rgb(0 0 0 / 50%), inset 0px 0px 1px 1px #656c6a;
}

#allris button:focus, #allris input[type=button]:focus, #allris input[type=submit]:focus,
	#allris input[type=reset]:focus, #allris input[type=checkbox]:focus, #allris input[type=radio]:focus, 
	#allris input[type=text]:focus, #allris input[type=date]:focus, #allris input[type=datetime-local]:focus,
	#allris input[type=number]:focus, #allris #search input[type=search]:focus,
	#allris input[type=time]:focus, #allris input[type=url]:focus, #allris input[type=email]:focus,
	#allris input[type=password]:focus, #allris textarea:focus, #allris select:focus,
	#allris a:focus, #allris .selectize-input.focus, #allris .roundedBorder .selectize-input.focus,
	#allris input[type=file]:focus, #allris span[tabindex="0"]:focus, #allris div[tabindex="0"]:focus,
	#allris th label:focus, #allris th a label:focus, #allris th a span:focus, #allris td img:focus,
	#allris img:focus, #allris #actions li a:focus, #allris #cookie-message p:focus, #allris input[type=image]:focus,
	#allris .addShortFocus {
	/* Adds a white border around the button, along with a blue glow. The white and blue have a color contrast ratio of at least 3:1, which means this will work against any background color. */
	box-shadow: 0 0 0 1px #ffffff, 0 0 2px 3px #3a97f9;
	/* NOTE: box-shadow is invisible in Windows high-contrast mode, so we need to add a transparent outline, which actually does show up in high-contrast mode. */
	outline: 2px dotted transparent;
	outline-offset: 2px;
	display: inline-block;
}

#allris .selectize-input .item.placeholder,
#allris .selectize-dropdown-content .placeholder,
#allris .selectize-input>input[placeholder]:not([aria-activedescendant]){
	color: #333;
	font-style: italic;
	letter-spacing: 0.1em;
    padding-left: 0.2em;
}

#allris .selectize-dropdown-content .placeholder {
	padding-left: 8px;
}

#allris .selectize-dropdown-content .placeholder.active {
	color: white;
}

#allris ::-webkit-input-placeholder {
	color: #333;
	font-style: italic;
	letter-spacing: 0.1em;
    padding-left: 0.2em;
}

/* -------  Browser placeholder: Always separate. If combined in one code block, they will not work ~b.yadav ------- */
#allris :hover::-webkit-input-placeholder {
	/* color: #545454; */
}

#allris :focus::-webkit-input-placeholder {
	color: transparent;
}

#allris ::-moz-placeholder {
	color: #333;
	font-style: italic;
	letter-spacing: 0.1em;
    padding-left: 0.2em;
}

#allris :hover::-moz-placeholder {
	/* color: #545454; */
}

#allris :focus::-moz-placeholder {
	color: transparent;
}

#allris :-ms-input-placeholder {
	color: #333;
	font-style: italic;
	letter-spacing: 0.1em;
    padding-left: 0.2em;
}

#allris :hover:-ms-input-placeholder {
	/* color: #545454; */
}

#allris :focus:-ms-input-placeholder {
	color: transparent;
}
/* ------------------------------------------------------------------------------------------------------------------ */
#allris a.button {
	padding-top: 1px;
	height: 24px;
	width: 100px;
	display: inline-block;
	text-align: center;
}

#allris .selectize-input.focus, #allris .selectize-input.focus:hover,
	#allris input:not([type=radio]):focus:hover, #allris input[type=checkbox]:focus:hover,
	#allris input[type=date]:focus:hover, #allris input[type=datetime-local]:focus:hover,
	#allris input[type=number]:focus:hover, #allris #search input[type=search]:focus:hover,
	#allris input[type=time]:focus:hover, #allris input[type=url]:focus:hover,
	#allris textarea:focus:hover, #allris select:focus:hover, #allris input[type=text]:focus:hover,
	#allris input[type=file]:focus:hover {
	box-shadow: 0 0 0 1px #ffffff, 0 0 2px 3px #3a97f9;
	background-color: white;
}

#allris button:hover:enabled, #allris input[type=button]:hover:enabled,
	#allris input[type=submit]:hover:enabled, #allris input[type=reset]:hover:enabled,
	#allris .button:hover:enabled, #allris a.button:hover,
	#allris button:focus:enabled, #allris input[type=button]:focus:enabled,
	#allris input[type=submit]:focus:enabled, #allris input[type=reset]:focus:enabled,
	#allris .button:focus:enabled, #allris a.button:focus {
	/* color: black; */
	background: linear-gradient(#babdb6, #eeeeec);
	/* border: 1px solid black; */
	border-radius: 3px;
	
	background: linear-gradient(#eeeeec, #eeeeec);
    font-weight: bold;
}

#allris a.w_close:hover, #allris a.w_close:focus {
	background-color: #f54000;
}

#allris input[type=button], #allris input[type=submit], #allris input[type=reset],
	#allris button {
	min-width: 120px;
	line-height: inherit;
}

#allris .statusButton, #allris .einwandButton {
	padding: 0 2em;
}

#allris.kp050 button[type=submit], #allris #DMSSearchButton {
	margin-left: 0.3em;
}

/* Added padding and margin to have more space on left and right side of
 submit(Kennwort anfordern) button and inside as well for text ~b.yadav 
 */
#allris.logon button[type=submit], #allris.passwordforgotten button[type=submit],
	#allris.passwordchange button[type=submit], #allris.mtan button[type=submit]
	{
	min-width: 140px;
	font-weight: bold;
	padding: 0 10px;
	margin: 5px 5px 5px 0;
}

/* Selectize Style auch für die anderen Eingabeelemente */
/* Adding email input type ~b.yadav 
*/
#allris input[type=text], #allris input[type=password], #allris input[type=email],
	#allris input[type=number], #allris input[type=time], #allris input[type=date],
	#allris input[type=datetime-local], #allris textarea, #allris select {
	padding: 8px 8px;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: inset 0px 1px 3px rgb(0 0 0 / 15%), inset 0px 0px 1px 1px #949494;
    border: 1px solid #ffffff;
}

#allris input[type=radio] {
/* 	transform: scale(1.2);
	margin: 13px 8px 13px 1.2px; */
	margin-right: 0.5em;
    transform: translateY(2px);
	/* -------------------***Very Important*** To keep the default appearance same on all the browsers--------------------- ~b.yadav */
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    /* ----------------------------------------------------------------------------------------------------------------------------- */
}

 #allris input[type=checkbox] {
	margin-right: 0.5em;
    transform: translateY(2px);
	/* -------------------***Very Important*** To keep the default appearance same on all the browsers--------------------- ~b.yadav */
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    /* ----------------------------------------------------------------------------------------------------------------------------- */
}

/* --- radio box inside td --- ~b.yadav */
#allris table td span.radio {
	display: grid;
	width: 100%;
	row-gap: 0;
}

#allris table td span.radio span {
	margin-right: 0;
	padding-right: 0;
	margin-bottom: 0.1em;
}

#allris table td span.radio label {
	margin-right: 0;
}
/* ------------------------------------ */

#allris .wcs {
	width: auto;
	line-height: 150%;
	margin: 5px 0px;
	padding: 0 10px;
}

#allris .hidden {
	display: none;
}

@media screen and (max-width: 759px) {
	#allris .wcs {
		width: 100%;
	}
}

/* Autocomplete */
#allris div.wicket-aa {
	background-color: white;
	border: 1px solid #CCCCCC;
	color: black;
}

#allris div.wicket-aa ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 5px;
}

#allris div.wicket-aa ul li.selected, #allris ul.kwList li.selected {
	background-color: #eeeeec;
}

#allris td .tooltip, #allris .tooltipProvider .tooltip {
	display: none;
	position: relative;
}

#allris td a:focus .tooltip, #allris td:not(.invalid):hover .tooltip, #allris .tooltipProvider:hover .tooltip {
	position: absolute;
	display: block;
	border: thin solid #cccccc;
	margin: 10px;
	padding: 2px;
	background-color: #EEEECC;
	color: black;
	z-index: 1;
	font-weight: normal;
}

/* Zusatzinfo grau und hinter den Top-Betreff darstellen */
#allris td.tobetreff>div>p {
	display: inline;
}

#allris .zusatzinfo {
	color: #60625d;
}

#allris .zusatzinfo:before {
	content: " ";
}

/* Palette */
#allris .palette-choices, #allris .palette-selected {
	float: left;
	width: 42%;
}

#allris .palette-selected option, #allris .palette-choices option {
	white-space: break-spaces;
}

#allris .palette-choices:enabled option:hover {
	background-color: #0066cc;
	color: #ffffff;
}

#allris .palette-choices select, #allris .palette-selected select {
	width: 100%;
    border-radius: unset;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#allris .palette-selected div {
	width: 100%;
	text-align: center;
}

#allris .palette-header {
	display: block;
	text-align: center;
	background-color: #3465a4;
	color: #FFFFFF;
	padding: 2px;
    border-radius: 3px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
}

#allris .palette-buttons {
	float: left;
	text-align: center;
	padding-top: 40px;
	width: 15%;
}

#allris .palette-buttons button {
	padding: 5px;
}

#allris .palette-clearer {
	clear: both;
}

#allris .palette-pane {
	width: 42%;
	text-align: center;
}

#allris .palette .pane select {
	width: 100%;
}

#allris .palette-buttons button, #allris .palette-selected button {
	min-width: 40px;
	width: 40px;
	height: 30px;
}

#allris .palette-buttons.button img {
	vertical-align: middle;
}

#allris .palette-buttons button, #allris .palette-selected button,
	#allris .palette button:ACTIVE {
	/*display: inline-block;*/
	margin: 10px;
	padding: 6px;
	/*
    color: #606060;
	border: medium outset #B7B7B7;
    -
    border-radius: 1em;
    -moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em;*/
}

#allris .palette-buttons button img, #allris .palette-selected button img {
	width: 15px;
	height: 15px;
}

/* TAB PANEL STYLES */
#allris div.tabpanel div.tab-row ul {
	display: flex;
	height: auto;
	margin: 0;
	padding-left: 10px;
	background: url(images/tab_bottom.gif ) repeat-x bottom;
}

@media screen and (max-width: 759px) {
	#allris div.tabpanel div.tab-row ul {
		height: 40px;
	}
}

#allris div.tabpanel div.tab-row li {
	margin: 0 4px 0 0;
	padding: 0;
	display: flex;
	list-style-type: none;
}

#allris div.tabpanel div.tab-row a, #allris div.tabpanel div.tab-row a:link,
	#allris div.tabpanel div.tab-row a:visited {
	float: left;
	background: #f3f3f3;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 0.8em;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
}

#allris div.tabpanel div.tab-row li.selected a, #allris div.tabpanel div.tab-row li.selected a:link,
	#allris div.tabpanel div.tab-row a:visited.active {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000 !important;
	cursor: not-allowed;
}

#allris div.tabpanel div.tab-row li:not(.selected) a:hover {
	background: #fff;
    box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 10%);
    color: black;
}

#allris .textRemain {
	margin-top: -2px;
	border-radius: 0 0 0.5em 0.5em;
	-moz-border-radius: 0 0 0.5em 0.5em;
	-webkit-border-radius: 0 0 0.5em 0.5em;
	-khtml-border-radius: 0 0 0.5em 0.5em;
	border-top: none;
	display: inline-block;
	padding: 2px 10px;
	text-align: center;
	background: #f3f3f3;
	/* Added to decrease the distance between TextArea and TextRemain ~b.yadav */
	vertical-align: top;
}

#allris .textRemain.warning {
	background: #fce2bd;
}

/* --------------Abstimmung panel und bar---------------*/
#allris .abstimmung {
	font-style: italic;
}

#allris .abstimmung_betreff {
	margin: 1em 0;
}

#allris .abstimmung_ergebnis {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 1em 0;
}

#allris .stacked-bar-graph {
	width: 100%;
	color: #414042;
	display: inline-flex;
	position: relative;
	box-shadow: 3px 3px #999;
	border: thin solid #999;
	margin: 1em 0;
}

#allris .stacked-bar-graph span {
	box-sizing: border-box;
	float: left;
	font-weight: bold;
	padding-left: 3px;
	white-space: nowrap;
	font-size: small;
}

@media screen and (max-width: 759px) {
	#allris .stacked-bar-graph span {
		padding-right: 3%;
	}
}

@media screen and (max-width: 320px) {
	#allris .stacked-bar-graph span {
		padding-right: 4%;
	}
}

#allris .stacked-bar-graph-legend {
	display: inline-flex;
	gap: 5%;
	margin-top: 1em;
}

#allris .stacked-bar-graph-legend b {
	padding: 2px;
	border: thin solid rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 759px) {
	#allris .stacked-bar-graph-legend {
		display: grid;
		grid-template-columns: none;
		gap: 0;
	}
}

#allris .stacked-bar-graph:empty {
	display: none;
}

#allris .preview .stacked-bar-graph span, #allris .preview .stacked-bar-graph-legend b.legend_num {
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255
		, 255, 255, .5) 5px, rgba(255, 255, 255, .5) 10px);
}
/* -----------------------------------------------------*/
#allris a.disable {
	/* Removed cursor: none; to resolve disappearing cursor. --> if not mentioned then cursor:auto; ~b.yadav */
	opacity: 0.75;
	text-decoration: none;
	color: black;
}

#allris .abstimmung_actions {
	padding: 2px;
	float: right;
	text-align: right;
	margin: 1em 0;
	margin-top: 2.5em;
}

#allris .abstimmung_actions img , #allris .abstimmungsPanel img {
	width: 1.7em;
	height: 1.7em;
}

@media screen and (max-width: 759px) {
	#allris .abstimmung_actions {
		display: grid;
		grid-template-columns: repeat(auto-fill, 16.667%);
		float: none;
		padding: 0;
		text-align: center;
	}
	#allris .abstimmung_actions img, #allris .abstimmungsPanel img {
		width: 1.3em;
		height: 1.3em;
		margin: 1em;
	}
}

#allris .beitrag {
	margin-top: 10px;
	border: 1px solid #ccc;
	width: 100%;
}

@media only screen and (min-width: 760px) {
	#allris .beitrag_left {
		width: 20%;
		float: left;
	}
	#allris .beitrag_right {
		width: 80%;
		border-left: 1px solid #ccc;
		float: left;
	}
}

#allris .beitrag_subj {
	padding: 5px;
	background-color: #3465a4;
	color: #fff;
	font-weight: lighter;
	border-bottom: 1px solid #ccc;
}

#allris .beitrag_subj input {
	width: 100%;
	color: #000 !important;
}

#allris .beitrag_text textarea {
	width: 100%;
}

#allris .beitrag_auth_icon {
	background: url('../images/forum/user.svg') 50% 50% no-repeat;
	background-size: 1em;
	width: 1em;
	display: inline-block;
}

#allris .beitrag_auth_mail img {
	height: 1em;
}

#allris .beitrag_auth {
	padding: 10px;
	color: #729ac2;
	border-bottom: 1px solid #ccc;
	color: #f54000;
	background: #D5E1F2;
}

#allris .beitrag_auth a {
	font-weight: bold;
}

#allris .beitrag_nr, #allris .beitrag_date {
	padding: 2px 10px;
	text-align: right;
	color: #888;
	font-size: smaller;
	font-weight: lighter;
}

#allris .beitrag_text {
	padding: 2px;
	min-height: 80px;
}

#allris .beitrag_text .textRemain {
	float: left;
}

#allris .beitrag_antw {
	padding: 2px 2px 2px 2px;
	text-align: right;
	position: relative;
}

#allris .beitrag_antw img {
	width: 1.7em;
	height: 1.7em;
}

#allris .filters {
	margin-top: -0.3em;
	border-radius: 0 0 0.5em 0.5em;
	-moz-border-radius: 0 0 0.5em 0.5em;
	-webkit-border-radius: 0 0 0.5em 0.5em;
	-khtml-border-radius: 0 0 0.5em 0.5em;
	border-top: none;
	display: inline-block;
	padding: 0px 10px;
	background: #f3f3f3;
	width: 100%;
}

#allris .filters input {
	background-color: #fff;
	min-height: unset;
	margin-right: 1em;
}

#allris .notes {
	padding: 0em 0.5em;
	position: relative;
	border: 1px solid #E8E8E8;
	border-top: 40px solid #fdfd86;
	border-bottom-right-radius: 60px 5px;
	display: inline-block;
	background: #ffff88; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%,
		#ffffc6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(81%, #ffff88
		), color-stop(82%, #ffff88), color-stop(82%, #ffff88),
		color-stop(100%, #ffffc6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%,
		#ffffc6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%,
		#ffffc6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%,
		#ffffc6 100%); /* IE10+ */
	background: linear-gradient(135deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6
		100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88',
		endColorstr='#ffffc6', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

#allris .notes:after {
	content: "";
	position: absolute;
	z-index: -1;
	right: -0px;
	bottom: 20px;
	width: 200px;
	height: 25px;
	background: rgba(0, 0, 0, 0.2);
	box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.40);
	-moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	transform: matrix(-1, -0.1, 0, 1, 0, 0);
}

#allris .notRead {
	font-weight: bold;
}

#allris .highlight {
	color: black;
	background-color: yellow;
	padding: 3px 0px;
	border-radius: 0.5em;
}

#allris .readOut {
	text-indent: -999em;
	/* text-indent: 20px; - falls Text anzeigen */
	display: inline-block;
	border: none;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url(images/provider/icon_16px_pdf.png);
	background-repeat: no-repeat;
}

#allris .message_header {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin-bottom: 8px;
}

#allris .message_text {
	font-size: 12px;
	color: #FF0000;
}

/* Sitzung entf�llt */
#allris .omitted {
	text-decoration: line-through;
}

/* Unterst�tzer im Antrag */
#allris .person {
	text-indent: 15px;
}

/* Sitzung in to035 */
#allris.to035 .sitzung, 
#allris.sv040 .sitzung {	
	background-color: #ABBECE;
	padding: 3px;
	font-weight: bold;
}

#allris.to035 .realisierung {
	margin-top: 1em;
}

#allris.to035 .realisierung .docPart {
	border-top: none;
	border-bottom: thin solid #F2F3F8;
	margin: 0px;
	padding: 5px;
}

#allris .fraktion {
	background-color: #9bb4cf;
	color: #ffffff;
}

/* ge�ffnete Vorlage im Stammbaum, disabled */
#allris .stammbaumTable .current, #allris .stammbaumTable .current a {
	color: #808080;
	cursor: not-allowed;
}

/* Volltextsuche */
#allris.tr010 .colTitle, #allris.vo051 .colTitle, #allris.feeds .colTitle {
	min-width: 33%;
}

@media screen and (min-width: 760px) {
	#allris.si010 .colEntry4, #allris.ra010 .colEntry4, #allris.rs010 .colEntry4, #allris.si013 .colEntry4, #allris.tm010 .colEntry4 {
		display: flex;
    	justify-content: center;
    	margin-left: 0;
	}
	#allris .colEntry4 {
		margin-left: 25%;
	}
	#allris.tr010 .colEntry4, #allris.vo051 .colEntry4, #allris.feeds .colEntry4 {
		margin-left: 32.5%;
	}
	#allris.tr010 .roundedBorder .colEntry4, #allris.vo051 fieldset .colEntry4, #allris.feeds fieldset .colEntry4 {
		margin-left: 32%;
	}
	#allris.tr010 .roundedBorder button {
		margin-left: 10px;
	}
}

/* AmtsHierarchie */
#allris .level0 {
	background-color: #ABC3E3;
	font-weight: bold;
}

#allris .level1 {
	background-color: #d1dfef;
	font-weight: bold;
}

#allris #atTreeTable .branch {
	font-weight: bold;
}

#allris .selectize-dropdown-content .level1 {
	padding-left: 1.2em;
}

#allris .selectize-dropdown-content .level2 {
	padding-left: 2.4em;
}

#allris .selectize-dropdown-content .level3 {
	padding-left: 3.6em;
}

#allris .selectize-dropdown-content .level4 {
	padding-left: 4.8em;
}

#allris .selectize-dropdown-content .level5 {
	padding-left: 6em;
}

#allris .selectize-dropdown-content .level6 {
	padding-left: 7.2em;
}

#allris .etyp11, #allris.fa051 .system {
	background-color: rgb(209, 223, 239);
}

#allris.fa051 tr.empty td.count>div, #allris.fa051 tr.check td.count>div {
	font-style: italic;
	font-weight: bold;
	color: #dfac20;
}

/* Was man auf den gelben Zettel schreibt ist hier wieder gelb. */
#allris .waLog {
	background: #fdfd86;
}

/* https://stackoverflow.com/questions/6447045/css3-selector-first-of-type-with-class-name */
#allris .wfLog {
	background: #ffaa;
	border-top: 1px solid #cccccc;
}

#allris .wfLog ~ .wfLog {
	border-top: none;
}

#allris .waFinished {
	color: #555753;
}

#allris .waNotStarted {
	color: #555753;
}

#allris .waEinwand {
	background-color: rgba(239, 41, 41, 0.3);
}

#allris .list table.dataTable tbody td.level1, #allris .list table.dataTable tbody td.level1 .tooltipProvider,
#allris .list table.paletteTable tbody tr.level1 td.treeCol {
	padding-left: 1.5em;
}

#allris .list table.dataTable tbody td.level2, #allris .list table.dataTable tbody td.level2 .tooltipProvider,
#allris .list table.paletteTable tbody tr.level2 td.treeCol {
	padding-left: 2.5em;
}

#allris .list table.dataTable tbody td.level3, #allris .list table.dataTable tbody td.level3 .tooltipProvider,
#allris .list table.paletteTable tbody tr.level3 td.treeCol {
	padding-left: 3.5em;
}

#allris .list table.dataTable tbody td.level4, #allris .list table.dataTable tbody td.level4 .tooltipProvider,
#allris .list table.paletteTable tbody tr.level4 td.treeCol {
	padding-left: 4.5em;
}

#allris .list table.dataTable tbody td.level5, #allris .list table.dataTable tbody td.level5 .tooltipProvider,
#allris .list table.paletteTable tbody tr.level5 td.treeCol {
	padding-left: 5.5em;
}

#allris a.opentask img {
/*     width: 2em;
    height: 2em;
    max-width: 2em;
    max-height: 2em; */
}

#allris a.opentask:after {
	content: attr(data-count);
	/* no quotes around attribute name! */
	display: inline;
	color: #204a87;
	font-weight: bold;
	font-family: arial;
	font-size: small;
	/* Added to make the circle similar on all devices and browsers ~b.yadav */
	height: 50%;
	left: 48%;
	position: absolute;
	top: 53%;
	transform: translate(-50%, -50%);
}

/* #allris .modal-dialog-content .colEntry {
	min-width: 33%;
	max-width: 33%;
} */

/* #allris .modal-dialog-content .colTitle {
	width: 8%;
} */
#allris div.modal-dialog .w_captionText {
	/* 	position: inherit;
    margin: 0em 1.4em 0.4em 0em; */
	position: absolute;
	top: 6px;
	margin: 0;
	z-index: 2;
	background: #fff;
	width: 93%;
}

#allris div.modal-dialog div.w_caption {
	/* 	height: unset;
	line-height: 1.4em; */
	color: #666;
	height: 2em;
}

@media screen and (max-width:760px) {
	#allris div.modal-dialog div.w_caption {
		height: 50px;
	}
	#allris div.modal-dialog .w_captionText {
		width: 90%;
		font-size: 1.25em;
	}
}

@media screen and (min-width:760px) {
	#allris div.modal-dialog-content input[type=checkbox]:not(:first-child)	{
		margin-left: 2em;
	}
}

#allris table.dataTable tbody td.checked, #allris table.dataTable tbody td.unchecked,
	#allris table.dataTable tbody td.important {
	text-align: center;
	padding-right: 3em;
	font-weight: bold;
}

#allris table.dataTable tbody td.checked {
	color: green;
}

#allris table.dataTable tbody td.checked div {
	font-size: 1.25em;
}

#allris table.dataTable tbody td.unchecked {
	color: #ec0909;
}

#allris table.dataTable tbody td.important {
	color: #204a87;
}

#allris div.modal-dialog-content th {
	padding-right: 1em;
}

#allris div.modal-dialog-content .wLabelSpaced {
	margin-right: 0.5em;
}

/**************** RTF-Editor *********************/
#allris #toolbar {
	line-height: normal;
	/* mindestens mehr als menuZeigen Button */
	z-index: 1002;
}

#allris .nicEdit-panelContain {
	line-height: normal;
}

#allris .scroll-fixed {
	position: fixed;
	top: 0px;
	/* center the element */
	right: 0px;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	max-width: 990px;
	width: 95%;
}

/* --------------PLEASE DO NOT ADD #allris CONTAINER BEFORE ".nicEdit-pane"-------------- */
.nicEdit-pane.scroll-fixed {
	position: fixed;
	top: 0px;
	/* center the element */
	right: 0px;
}
/* ----------------------------------------------------------------------------------------- */

@media screen and (max-width:759px) {
	#allris .scroll-fixed {
		width: 100%;
	}
}

#allris .nicEdit-selected {
	outline: none;
}

#allris .nicEdit-main-selected-parent {
	border-color: white !important;
	box-shadow: 0 0 0 1px #ffffff, 0 0 2px 3px #3a97f9;
}

/* Listen (o,ul mit Regel * {padding:0px} haben kein Aufz�hlungszeichen) */
/* .nicEdit-main ol, .nicEdit-main ul {
	margin: 0pt;
	padding-left: 0pt;
} */
#allris .nicEdit-main ol, #allris .nicEdit-main ul {
	margin: 12pt 0pt 12pt 32.02pt;
	text-indent: 0pt;
	padding-left: 3.98pt;
}

/* node */
#allris a.tree-junction-expanded, #allris a.tree-junction-collapsed {
	background-color: #d3d7cf;
	border: thin solid #888a85;
	color: #2e3436;
	cursor: pointer;
	font-weight: bold;
	background: #eeeeec;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeec),
		to(#babdb6));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#eeeeec),
		to(#babdb6));
	background: -moz-linear-gradient(center top, #eeeeec, #babdb6);
	background: -ms-linear-gradient(top, #eeeeec 0%, #babdb6 50%);
	border-radius: 3px;
	min-height: 2em;
	min-width: 2em;
	padding-left: 0.3em;
	text-align: center;
}

#allris a.tree-junction-expanded:before {
	content: "-";
}

#allris a.tree-junction-collapsed:before {
	content: "+";
}

/* FeedListe */
#allris .feed-list {
    border: thin solid #bbb;
    box-shadow: 3px 3px #999;
    margin: 1.5em;
    padding: 1em;
    background-color: white;
}

#allris .KonfigRss {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 759px) {
	#allris .KonfigRss {
		display: block;
	}
}

#allris .feed-list li, #allris .KonfigRss li {
	margin: 1em;
	list-style-type: none;
}

#allris .feedlink {
	float: right;
	display: flex;
    flex-direction: row-reverse;
}

#allris .feed-list li a, #allris .KonfigRss li a {
	padding: 0 10px 0 30px;
	background: url("images/rss_blue.svg") no-repeat 0 50%;
	background-size: 1.4em;
    display: inline-block;
    margin: 0 2em;
    padding: 0 3em;
}

#allris .rss li a {
	margin: 0;
}

#allris .calAbo li a {
	background: url("images/news_blue.svg") no-repeat 0 50%;
	background-size: 2em;
	margin: 0;
}

#allris .holidayAbo li a {
	background: url("images/news-holiday_blue.svg") no-repeat 0 50%;
	background-size: 2em;
	margin: 0;
}

#allris .ics li a {
	background: url("images/outlook_logo_blue.svg") no-repeat 0 50%;
	margin: 0;
}

#allris .vcf li a {
	background: url("images/outlook_logo_blue.svg") no-repeat 0 50%;
	margin: 0;
}

#allris .feed-list li a[aria-label*="konfigurieren"] {
	background: url("images/webclient/edit.svg") no-repeat 0 50%;
	background-size: 2em;
	background-size: 1.4em;
}

#allris .feed-list li a[aria-label*="konfigurieren"].empty {
	visibility: hidden;
}

@media screen and (max-width: 759px) {
	#allris .feed-list {
		padding: 0.5em;
	    margin: 1em 0.5em;
	}
	#allris .feed-list li {
		padding: 0.5em;
	    margin: 1em 0.5em;
	}
	#allris .feedlink {
		float: none;
    	flex-direction: column;
	}
	#allris .feed-list li a {
		display: block;
    	margin: 1em 0;
	}
	#allris .feed-list li a.empty {
    	display: none;
	}
}

#allris div#playerContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#allris div#playerContainer {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin: 2em 0;
}

#allris button.time {
	margin: 1px;
	padding: 0px;
	background: none;
	height: 2.2em;
	border: none;
}

#allris .icon-play {
	height: 2.2em;
	width: 11px;
	background: url(../images/smallStepFwd.svg) 50% 50% no-repeat;
	background-size: 11px;
	margin-left: 1em;
}

#allris.sm010 td.tonr>div {
	display: inline-block;
	margin-left: 3px;
}

#allris.at010 td.treeCol>div {
	display: inline-block;
	margin-left: 1.5em;
}

/* VideoContainer - verschieben beim Scrollen */
#allris div#floatOnScroll.video-scroll-fixed {
	z-index: 1000;
	top: 0;
}

#allris div#playerContainer.videoContainer-scroll-fixed {
	padding-bottom: 0%;
}

#allris.sm010 tr.branch>td.video-active-top {
	background: #fcaf3e;
}

/* #allris div#mainContent.videoContainer-scroll-fixed {
	padding-bottom: 55%;
} */
@media screen and (min-width:991px) {
	#allris div#floatOnScroll.video-scroll-fixed {
		width: 990px;
	}
}

@media screen and (max-width:990px) {
	#allris div#floatOnScroll.video-scroll-fixed {
		width: 95%;
		height: 36%;
	}
	/*	#allris div#playerContainer.videoContainer-scroll-fixed {
		padding-bottom: 67%;
	} */
	@media screen and (max-width:759px) {
		#allris.sm010 th.tovonr {
			display: none
		}
		#allris.sm010 td.tovonr {
			display: none
		}
		#allris.sm010 td {
			-moz-hyphens: auto;
			-o-hyphens: auto;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
		}
		/* 	To get the "scroll bar" for modal-dialog on small screen  ~b.yadav */
		#allris .modal-dialog .modal-dialog-content {
			overflow: auto;
		}
	}
	@media screen and (max-width:479px) {
		#allris.sm010 span.time {
			display: none
		}
		#allris button.time {
			min-width: 30px;
		}
	}
}

#allris .popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	/*   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143; */
	text-align: left;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

#allris .popover h3 {
	margin: 0px;
}

#allris .popover.top, #allris .popover.left {
	margin-top: -10px;
}

#allris .popover.right, #allris .popover.bottom {
	margin-left: 10px;
}

#allris .popover-title {
	padding: 6px 10px;
	margin: 0;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
	color: #204a87;
}

#allris .popover-content {
	padding: 6px 10px;
}

#allris .popover>.arrow, #allris .popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

#allris .popover>.arrow {
	border-width: 11px;
}

#allris .popover>.arrow:after {
	content: "";
	border-width: 10px;
}

#allris .popover.top>.arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0;
}

#allris .popover.top>.arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0;
}

#allris .popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25);
	border-left-width: 0;
}

#allris .popover.right>.arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0;
}

#allris .popover.bottom>.arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
}

#allris .popover.bottom>.arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff;
}

#allris .popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25);
}

#allris .popover.left>.arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff;
}

#allris .checks, #allris .oeffchoices, #allris .radio {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1em;
}


#allris .selectizeCheckbox {
	margin-left: 0.6em;
}

@media screen and (min-width: 760px) {
	#allris.selcol .radio {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
}

#allris.fa050 .checks {
	margin-bottom: 1em;
}

#allris .filter .radio {
	width: auto;
    align-items: center;
}

#allris .filter .radio span {
	margin-right: 1em;
}

#allris .calendar thead th {
	padding: 0.8em;
	font-size: small;
}

#allris .calendar tbody td {
	padding: 0.4em;
}

/* Anpassung - schmale Bildschirme / Tablets / Smartphones */
@media screen and (max-width: 759px) {
	#allris div.formrow>label {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
	#allris div.formrow>div {
		width: 100%;
		float: none;
	}
	#allris input[type=text][name="VANvorl"], #allris input[type=text][name="VANdat"],
		#allris input[type=text][name$=Datum], #allris input[type=text][id$=Date],
		#allris input[type=text][name$=Termin], #allris input[type=text][name*=date],
		#allris input[type=text][name*=Date], #allris input[type=text][name$=dat] {
		width: 80%;
		float: none;
		margin: 5px 0;
	}
	#allris .formstretch {
		width: 100%;
		margin: 10px 0;
	}
	/* To override the normal width(75% !important;) ~b.yadav */
	#allris textarea {
		width: 100% !important;
	}
	/* ------ Force table to not be like tables anymore ------- */
	#allris .uebersicht table, #allris .uebersicht table>*, #allris .calendar thead th,
		#allris .calendar tbody td, #allris .calendar tbody tr, #allris table.dataTable thead th,
		#allris table.dataTable tr, #allris table.dataTable tbody tr, #allris table.dataTable tbody td,
		#allris table.dataTable tfoot td, #allris table.dataTable tfoot td div.paging
		{
		display: block;
	}
	#allris .calendar tbody td:first-child, #allris .calendar tbody td:nth-child(2)
		{
		display: inline-block;
	}
	#allris .calendar tbody td:nth-child(n+3) {
		margin-left: 90.94px;
	}
	#allris .calendar tbody td {
		word-break: break-word;
		padding: 0;
	}
	#allris .calenderView tbody tr {
		border-top: 3px solid #729fcf57;
	}
	#allris .calenderView .today-top {
		border-top: 3px solid #ef2929;
	}
	#allris .calenderView .sameday {
	 	border-top: thin solid #729fcf57;
	}
	#allris table.dataTable thead tr:not(.dateHeader) {
		/* ------- Hide table headers (but not display: none;, for accessibility) ------- */
/* 		position: absolute;
		top: -9999px;
		left: -9999px; */
		
		/* ------- Hide table headers with display: none; to get rid of extra invisible tabindices ------- */
		display: none;
	}
	#allris table.dataTable tr, #allris table.dataTable tr.norecords-tr {
		border: 1px solid #ccc;
	}
	#allris .uebersicht tfoot td {
		padding: inherit;
		font-size: small;
	}
	/* ------ Behave  like a "row" ------ */
	#allris table.dataTable tbody td {
/* 		border: none; */
		position: relative;
		word-break: break-word;
		padding: 0.7em !important;
	}
	#allris th.textCol {
		width: 100%;
	}
	#allris .calendar thead, #allris .calendar thead th.toLink, #allris .calendar thead th.calexp {
		display: none;
	}
	#allris table.dataTable tbody td.colFilVo {
		display: none;
	}
	#allris tr.headers thead th.toLink, #allris .calendar thead th.calexp,
	#allris .calendar tbody td.calexp, #allris tr.navigation th .paging.info,
	#allris tr.navigation th span.paging_separator {
		display: none;
	}
	#allris.to010 .unumodd td.tobetreff, #allris.to010 .unumodd td.tonr,
	#allris.to010 .unumeven td.tobetreff, #allris.to010 .unumeven td.tonr,
	#allris.to010 .uunumodd td.tobetreff, #allris.to010 .uunumodd td.tonr,
	#allris.to010 .uunumeven td.tobetreff, #allris.to010 .uunumeven td.tonr {
		padding-left: 0em;
	}
	#allris .header {
		white-space: inherit;
		word-wrap: break-word;
	}
	#allris #subnavi {
		clear: both;
		overflow: visible;
		position: inherit;
		top: 0px;
		left: 84px;
/* 		background: #fff; */
		z-index: 1000;
		width: 100%;
		height: 68px;
		padding-top: 2px;
	}
	#allris #path {
		float: left;
		font-size: 0.917em;
		color: #204a87;
	    margin: 1em 0 1em 4px;
	}
	#allris fieldset legend {
		font-size: 0.917em;
	}
	#allris #actions {
		clear: both;
		float: none;
		display: block;
		font-size: 0.917em;
		color: #204a87;
		line-height: 1.33em;
	}
	#allris #actions li {
		padding: 0.167em 0.167em;
		/* 		margin-right: 0.167em;
		margin-left: 0; */
		margin: 0.15em;
	}
	#allris .wodat {
		text-align: left;
		padding-left: 35px;
	}
	body {
		font-size: 1.25em;
		line-height: 1.667em;
		/* Added wrap (white-space: normal;) because tooltip doesn't work on touch screens
		and therefore "hidden text" can't be read ~b.yadav */
		white-space: normal;
		letter-spacing: normal;
		word-spacing: normal;
		overflow-wrap: break-word;
		/* hyphens dosen't work on Chrome on Windows: No Solution yet ~b.yadav */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
	#allris .actions .headRightInner>span, #allris .documents .headRightInner>span,
		#allris .attachments .headRightInner>span, #allris .workflow .headRightInner>span {
		white-space: normal;
	}
	#allris .objAnchor {
		height: unset;
	 	width: 2.6em;
	}
	#allris .titlebar {
		margin-top: 1.5em;
		margin-bottom: 2.0em;
	}
	#allris button>em, #allris li>em {
		width: 20px;
		height: 20px;
		background-size: 20px !important;
		vertical-align: middle;
	}
	#allris #search input.searchtext {
		width: 9em;
		font-size: inherit;
		margin-right: 2em;
	}
	#allris #searchform {
		display: flex;
	}
	#allris #search {
		clear: both;
		float: left;
		margin-top: 3.5em;
	    margin-left: 4px;
	}
	#allris #search input.searchsubmit {
		background: url(../images/search.svg) no-repeat;
		text-indent: -9999px;
		margin: auto;
	    background-position-y: center;
	    min-width: 50px;
	}
	/* Added to adjust the width for change in resolution ~b.yadav */
	#allris .trsearch input {
		width: 100%;
	}
	#allris .expcol a {
		height: auto;
		width: auto;
	}
	#allris img.icon, #allris td img.icon, #allris img.docSammlung {
		width: 1.5em;
		height: 1.5em;
		/* padding: unset; */
	}
	#allris a.anchor, #allris a.wflink, #allris a.geolink, #allris a.odt,
		#allris a.xls, #allris a.xlsx, #allris a.ppt, #allris a.pptx, #allris a.jpg,
		#allris a.png, #allris a.gif, #allris a.bmp, #allris a.doc, #allris a.docx,
		#allris a.pdf, #allris a.alf, #allris a.ppt, #allris a.pptx, #allris a.zip,
		#allris a.xml, #allris a.pdf.annot, #allris a.rtf, #allris a.tif,
		#allris a.doccreate, #allris a.docrefresh, #allris a.docdelete,
		#allris a.actionlink.submit, #allris a.actionlink.wslink, #allris a.actionlink.delete,
		#allris a.actionlink.copy, #allris a.actionlink.dms, #allris a.actionlink.antrag,
		#allris a.actionlink.external, #allris a.aktenmappe_indiv, #allris a.SI019
		{
		background-size: auto;
	}
	#allris a.actionlink.termin {
		background-size: 1.5em;
	}
	#allris #navigation .menubar div.sub-nav.open ul.sub-nav-group {
		display: block;
		right: 0px;
		left: auto;
		width: 65%;
	}
	#allris #navigation .iconbar div.sub-nav.open ul.sub-nav-group {
		display: block;
		position: absolute;
		top: 110%;
		left: 3em;
		z-index: 500;
		width: 100%;
	}
	#allris #navigation .menubar ul.sub-nav-group li {
		text-align: left;
		width: 100%;
		min-height: auto;
		display: block;
		border-bottom: thin solid #3B6095;
		background: #0c1d36;
		color: #ffffff;
	}
	#allris #navigation .menubar a {
		padding-left: 1.2em;
	}
	#allris .menubar .nav-menu a:before {
		padding-right: 0.3em;
	}
	#allris #navigation .iconbar li:hover div.sub-nav ul.sub-nav-group {
		position: absolute;
		top: 110%;
		left: 3em;
		z-index: 500;
		width: 100%;
	}
	#allris #navigation .iconbar ul li ul li {
		/* 	    background: linear-gradient(45deg, black, #204a87); */
		background: #0c1d36;
		padding: 0.05em;
		width: 100%;
		margin: 0;
	}
	#allris #navigation>.iconbar>ul>li a {
		text-align: left;
		padding: 0.417em 0.3em 0.417em 1.333em;
		vertical-align: middle;
		width: 100%;
	}
	#allris #mehr {
		width: 100%;
	}
	#allris .iconbar img {
		padding: 0.5em;
		vertical-align: inherit;
		max-height: none;
		max-width: none;
	}
	#allris .unreadthreads {
		margin: 0.225em 0.1em;
	}
	#allris a.opentask img {
	    /* padding: 0.2em; */
	    padding: 0 0 0 0.3em;
	}
	#allris a.opentask:after {
		top: 0.9em;
		left: 3em;
		height: auto;
		width: auto;
		margin: 0;
		transform: none;
	}
	#allris .iconSubtitle {
		clip: unset;
		clip-path: none;
		height: auto;
		width: 100%;
		margin-left: 0.6em;
		overflow: hidden;
		position: absolute;
		visibility: visible;
		left: 3em;
		margin-top: 0.2em;
	}
	#allris .colTitle, #allris .colEntry, #allris .colEntry3,
	#allris .workflow .colTitle, #allris .workflow .colEntry3, #allris .colTitle.wfstatus, #allris .colEntry.wfstatus, #allris .compFull.roundedBorder .colTitle.wfstatus {
		min-width: 100%;
		max-width: 100%;
		margin: 5px;
	}
	#allris #kwdetailsRight {
		float: none;
		width: 100%;
		left: 0%;
	}
	#allris .button, #allris button, #allris a.button, #allris input[type=button],
		#allris input[type=submit], #allris input[type=reset] {
		width: 100%;
		margin: 10px 0;
	}
	#allris #navmonth {
		padding: 20px 10px;
		font-size: smaller;
	}
	#allris input[type=text], #allris input[type=password], #allris input[type=email],
		#allris input[type=number], #allris input[type=time], #allris textarea,
		#allris select {
		width: 100%;
	}
	#allris input[type=text][name*=date] {
		width: 60%;
	}
	#allris .dateHeader .colEntry3 input {
		display: block;
	}
	#allris .dateHeader .colEntry3 .searchClean {
		display: block;
		margin: 1em 0;
	}
	#allris .dateHeader .colEntry3 .searchClean input.il1[type=image] {
	    display: inherit;
		margin-right: 1em;
	}
	#allris .checks, #allris .oeffchoices, #allris .radio, #allris .selectizeCheckbox {
		width: 100%;
		display: grid;
		grid-row-gap: 1em;
	}
	#allris .palette-choices, #allris .palette-selected {
		float: left;
		width: 100%;
	}
	#allris .palette-buttons {
		float: none;
		text-align: center;
		width: inherit;
	}
	#allris .palette-buttons button, #allris .palette-selected button {
		min-width: 40px;
		width: 40px;
		height: 40px;
	}
	#allris .palette-buttons button, #allris .palette-selected button,
		#allris .palette button:ACTIVE {
		margin: 5px;
	}
	#allris table.dataTable tbody td.checked, #allris table.dataTable tbody td.unchecked,
		#allris table.dataTable tbody td.important {
		text-align: left;
	}
}

/* Wechselwirkung ReadSpeaker vermeiden */
#allris.rsbtn button, #allris .rs_addtools button, #allris .rsbtn input[type="button"],
	#allris .rs_addtools input[type="button"] {
	min-width: unset;
}

#allris.kp050 .dsgtitle {
	font-size: 16px;
	color: rgb(32, 74, 135);
	font-weight: bold;
}

#allris .beschluss_highlight {
	font-weight: bold;
}

#allris .wicketExtensionsBreadCrumbBar {
	display: inline-block;
}

#allris.app .important {
	color: red;
}

#allris.app dl, #allris.app .shadowBox {
	display: flex;
	flex-wrap: wrap;
	border: thin solid #bbb;
    box-shadow: 3px 3px #999;
    margin: 1.5em;
    padding: 1em;
    background-color: white;
    margin-left: 4em;
}

#allris.app dl + br + p, #allris.app dl + br + p + p {
	margin-left: 1.5em;
}

#allris.app .hint {
    width: fit-content;
    margin-bottom: 0.5em;
}

#allris.app dl dt {
	width: 160px;
}

#allris.app dl dd {
	width: calc(100% - 186px);
}

@media screen and (max-width: 759px) {
	#allris.app dl, #allris.app .shadowBox {
		margin: 0;
	    padding-left: 0.5em;
	}
	#allris.app dl dt, #allris.app dl dd {
		width: 100%;
	}
	#allris.app .hint {
	    width: fit-content;
	    margin-bottom: 2em;
	}
}
/**************** Cookie Content *********************/
#allris .cookie-message {
	display: none;
	text-align: center;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #fcc97e;
	z-index: 1000000001;
	width: auto;
	padding: 0.5em;
}

@media screen and (max-width: 759px) {
	#allris .cookie-message {
		font-size: 0.5em;
	}
	#allris #cookieMessageBtn {
		font-size: 1.5em;
	}
}

/**************** DMS Content *********************/
#allris #dmsNavigatorFrame {
	line-height: 1em;
}

#allris #dmsNavigatorFrame .dmsTopPart {
	width: 100%;
	padding: 1em;
	padding-left: 3px;
}

#allris #dmsNavigatorFrame .dmsCenterPart {
	width: 100%;
	display: inline-block;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#allris #dmsNavigatorFrame.dmsSearch .dmsCenterPart {
	width: auto;
	height: auto;
	display: block;
	padding: 0;
}

#allris #dmsNavigatorFrame .dmsBottomPart {
	clear: both;
	position: absolute;
	left: 15px;
	bottom: 0px;
	display: inline-block;
	width: 100%;
	height: 40px;
}

#allris #dmsNavigatorFrame .dmsBottomPart button {
	margin: 0 1em;
}

#allris #dmsNavigatorFrame .dmsLeftSide {
	float: left;
	width: 60%;
}

#allris #dmsNavigatorFrame span.dmsCrumb {
	line-height: 20px;
}

#allris #dmsNavigatorFrame button {
	margin: 0px;
}

#allris #dmsNavigatorFrame table.fileList .nameCol.enable {
	color: #204a87;
	text-decoration: none;
	cursor: pointer;
}

#allris #dmsNavigatorFrame table.fileList {
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background: #FFF;
	display: block;
	overflow-y: scroll;
	height: 457px;
	width: 100%;
	margin-top: 0;
}

#allris #dmsNavigatorFrame table.fileList .typCol {
	width: 3em;
}

#allris #dmsNavigatorFrame table.fileList .nameCol {
	width: 80%;
}

#allris #dmsNavigatorFrame table.fileList .akzCol {
	width: 15%;
}

#allris #dmsNavigatorFrame table.searchList {
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background: #FFF;
	display: block;
	overflow-y: scroll;
	height: 95px;
	width: 100%;
}

#allris #dmsNavigatorFrame.dmsSearch table.searchList {
	height: 22rem;
}

#allris #dmsNavigatorFrame table.searchList tr td:nth-child(2){
	width: 100%;
}

#allris #dmsNavigatorFrame img.dmsTyp {
	width: 2em;
	height: 2em;
}

#allris #dmsNavigatorFrame .dmsRightSide {
	float: right;
	width: 40%;
	height: 100%;
}

#allris #dmsNavigatorFrame .dmsInfoFrame {
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background: #FFF;
	display: table;
	table-layout: auto;
}

#allris #dmsNavigatorFrame.dmsSearch .dmsInfoFrame {
	margin-left: 0;
}

#allris #dmsNavigatorFrame .dmsInfoHead {
	font-weight: bold;
	padding: 3px;
	font-size: 0.917em;
}

#allris #dmsNavigatorFrame .dmsInfoLine {
	display: table-row;
	width: 100%;
}

#allris #dmsNavigatorFrame .dmsInfoName {
	display: table-cell;
	border-top: solid 1px #BBB;
	padding: 3px;
	width: 85px;
}

#allris #dmsNavigatorFrame .dmsInfoValue {
	display: table-cell;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	padding: 3px;
	overflow: hidden;
	width: 100%;
}

#allris #dmsNavigatorFrame .dmsSearchFrame {
	padding: 5px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #BBB;
	border-right: solid 1px #BBB;
	height: 100%;
	background-color: #eee;
}

#allris #dmsNavigatorFrame.dmsSearch .dmsSearchFrame {
	margin-left: 0;
}

#allris #dmsNavigatorFrame .dmsSearchFrame #dmsSearchFolderValue,
	#allris #dmsNavigatorFrame .dmsSearchFrame #dmsSearchAkzValue, #allris #dmsNavigatorFrame .dmsSearchFrame #dmsSearchComboValue
	{
	padding-top: 5px;
	padding-bottom: 5px;
}

#allris #dmsNavigatorFrame .dmsSearchFrame #dmsSearchFolderInp, #allris #dmsNavigatorFrame #dmsSearchAkzInp,
	#allris #dmsNavigatorFrame .dmsSearchFrame #dmsSearchComboSelect {
	width: 100%;
}

#allris #dmsNavigatorFrame .dmsSearchFrame #dmsSearchComboSelect option.root {
	background-color: #F2F3F8;
}

#allris .dmsSearchFrame #dmsSearchResultName {
	padding-top: 15px;
	padding-bottom: 5px;
}

#allris .dmsSearchFrame li {
	list-style: none;
}

#allris #dmsNavigatorFrame .dmsSelection #dmsSelectionName {
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	float: left;
}

#allris #dmsNavigatorFrame .dmsSelection #dmsSelectionValue {
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background: #FFF;
	padding: 6px;
	margin-right: 20px;
	float: left;
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
    height: 2.2em;
}

#allris #dmsNavigatorFrame.dmsSearch .dmsSelection #dmsSelectionValue {
	margin-right: 12px;
}

#allris .file-input {
	padding: 15px;
	position: relative;
	height: 100%;
	width: inherit;
	max-width: none;
	cursor: pointer;
	border-radius: 3px;
    box-shadow: inset 0px 1px 3px rgb(0 0 0 / 15%), inset 0px 0px 1px 1px #949494;
    border: 1px solid #ffffff;
    background-color: rgb(248, 249, 250);
}

#allris ol.local .file-input {
	width: 94%;
	margin: 10px 0 10px 10px;
}

#allris #dmsNavigatorFrame .context-menu {
	z-index: 3;
}

/* 
http://jsfiddle.net/0aehpxzf/ 
https://a11y.nicolas-hoffmann.net/simple-tooltip/js/jquery-accessible-simple-tooltip-aria_1531819938.js
*/

/* Tooltip hidden by default */
#allris .simpletooltip[aria-hidden="true"] {
	display: none;
}

/* position relative for containers */
#allris .simpletooltip_container {
	display: inline;
}

/* tooltip styles */
#allris .simpletooltip {
	/* 	position: absolute;
	bottom: calc(100% + 8px);
	left: 20%;
	transform: translate(-20%, -100%);
	padding: 5px 15px;
	background: #ffcb66;
	color: black;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	white-space: nowrap; */
	position: absolute;
	z-index: 1000;
	display: block;
	border: thin solid #cccccc;
	padding: 1px;
	background-color: #EEEECC;
	color: black;
	/* Added to resolve "blockiert andere" --> Reverted(commented: doesn't work properly inside table) ~b.yadav 
	left: 100%;		
	top: -100%; */
	/* Added monospace to resolve the problem of overlapping tooltips on collapse/expand button and
	 also to get the same length for all letters while keeping the same font family as the body ~b.yadav */
	font-family: verdana, arial, helvetica, sans-serif, monospace;
    font-weight: normal !important;
}

#allris [class^="icon-"], #allris [class*=" icon-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	*margin-right: .3em;
}

#allris [class^="icon-"], #allris [class*=" icon-"] {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
	vertical-align: middle;
	width: 2em;
	height: 2em;
}

#allris [class^="icon-"]::before, #allris [class*=" icon-"]::before {
	text-decoration: inherit;
	display: inline-block;
	speak: none;
}

#allris .icon-check::before {
	content: "\f046";
}

#allris .icon-unchecked::before, #allris .icon-check-empty::before {
	content: "\f096";
}

#allris .naaufgaben td {
	padding: 2px 10px;
}

@media screen and (min-width: 760px) {
	/* Screen-Reader-Only, nicht anzeigen, aber vorlesen -> tooltip weg gemacht und "iconSubtitle" wie ein tooltip gemacht ~b.yadav */
	#allris .iconbar a .iconSubtitle {
		display: none;
	}
	#allris .iconbar a:hover .iconSubtitle, #allris .iconbar a:focus .iconSubtitle {
	    position: absolute;
	    z-index: 1000;
	    display: block;
	    border: thin solid #cccccc;
	    padding: 1px;
	    background-color: #EEEECC;
	    color: black;
	    font-family: verdana, arial, helvetica, sans-serif, monospace;
	    left: auto;
	    right: 0px;
	    top: -68%;
	    width: max-content;
	}
}

/* tooltip style for Menubar under navigation*/
#allris #navigation .simpletooltip {
	left: 100%;
	top: 0%;
	width: max-content;
}

/* tooltip style for iconbar under navigation*/
#allris #navigation .iconbar .simpletooltip {
	left: auto;
	right: 0px;
	top: -68%;
	width: max-content;
}

/* tooltip style for email and print img in workflow collapsible */
#allris .wfactions .simpletooltip {
	right: 0px;
}

/* tooltip style for actions bar below Menubar */
#allris #actions .simpletooltip {
	right: 0px;
}

/* tooltip style for Table Header and calendar nav buttons */
#allris tr.headers .simpletooltip,
#allris .expandedTitle .simpletooltip, #allris .tooltipProvider .simpletooltip {
	top: -25px;
}

/* tooltip style for Tab panel date inside modal dialog */
#allris .modal-dialog .tab-panel .expandedTitle .simpletooltip {
	top: 10%;
}

/* tooltip style for Nachoben Button */
#allris .nachoben .simpletooltip {
    position: fixed;
    bottom: 56px;
    right: 60px;
    width: fit-content;
}

/* tooltip style for Filter Button(Img) */
#allris #searchImageButton + .simpletooltip, #allris #cleanImageButton + .simpletooltip {
	right: 14%;
	top: 15%;
}

/* tooltip style for Logo (Img) */
#allris #top .simpletooltip {
	bottom: 0;
}

/* tooltip style for Logo (Img) */
#allris.logon #logo + .simpletooltip, #allris.logoff #logo + .simpletooltip, #allris.passwordforgotten #logo + .simpletooltip {
	right: 0;
}

/* tooltip style for TO020 (links/rechts nav button) */
#allris .arrowRight .simpletooltip {
	position: fixed;
	right: 5%;
    bottom: 50%;
}

#allris .arrowLeft .simpletooltip {
	position: fixed;
	left: 5%;
    bottom: 50%;
}

#allris .beitrag_anl {
	position: relative;
}

#allris #fileUploadReset + .simpletooltip {
	right: 5%;
	top: 0%;
}

#allris.kp050 #fileUploadReset + .simpletooltip {
    right: 13%;
    top: 9%;
}

#allris.vo053x #fileUploadReset + .simpletooltip, #allris.to053x #fileUploadReset + .simpletooltip {
    right: 2%;
    top: auto;
}

#allris a[id*=VANDMSReset] + .simpletooltip, #allris a[id*=VANDMSSearch] + .simpletooltip,
#allris a[id*=VANbezugReset] + .simpletooltip, #allris a[id*=VANbezugSearch] + .simpletooltip {
	right: 4%;
}

@media screen and (max-width: 759px) {
	#allris .modal-dialog .tab-panel .expandedTitle .simpletooltip {
		top: 0%;
	}
}
/* tooltip style for Table columns' last 4 index */
#allris table.dataTable tbody tr td:nth-last-child(-n+4) .simpletooltip,
#allris tr.headers th:last-child .simpletooltip {
	right: 0px;
}

#allris.at010 table.dataTable tbody tr td:nth-last-child(-n+4) .simpletooltip {
	right: auto;
}

#allris #adinfos .text4 {
	position: relative;
}

#allris.kp020 #adinfos .simpletooltip {
	left: 170px;
}

#allris #adinfos .text4 .simpletooltip {
	left: 25px;
	width: max-content;
}

#allris .persPanel .simpletooltip {
	left: 150px;
}

#allris td.externalLinkColImg .simpletooltip {
	right: auto !important;
}

/* tooltip style for Right Frame Header*/
#allris #headRight {
	position: relative;
}

#allris .headRightInner .simpletooltip {
	right: 0px;
}

#allris.fa050 .expcol {
	position: relative;
}

#allris.fa050 .expcol .simpletooltip {
	top: 0;
	right: 28px;
}

/* tooltip style for printlink and emailink */
#allris .expcol .simpletooltip, #allris .expandedTitle .printlink+span,
#allris .expandedTitle .emaillink+span, #allris .beitrag_antw .simpletooltip,
#allris .modal-dialog .w_close .simpletooltip {
	top: -25px;
	right: 0px;
}

/* tooltip style for tab-panel customDateTextField */
#allris .tab-panel .customDateTextField+.simpletooltip {
	top: 0px;
	right: 0px;
}

/* tooltip style for modal-dialog close link */
#allris .modal-dialog-content .w_close+.simpletooltip {
	right: 0px;
}

/* tooltip style for palette-selected Buttons */
#allris .palette-selected {
	position: relative;
}

#allris .palette-selected .button.down+.simpletooltip {
	right: 36%;
}

#allris .palette-selected .button.up+.simpletooltip {
	left: 36%;
}

/* tooltip style for (si010) #navmonth button */
#allris #navmonth a.button+.simpletooltip {
	top: 110%;
}

/* tooltip style for table nav bar */
#allris .paging .simpletooltip_container {
	position: relative;
}

#allris .paging .simpletooltip {
	left: 0;
}

#allris .modal-dialog-content .selectize-control {
	position: inherit;
	word-break: break-word;
}

#allris.to010 .modal-dialog-content table.dataTable.docTable thead th:not(.checkbox) {
	width: 250px;
	padding-top: 30px;
}

#allris .modal-dialog-content table.dataTable thead th.checkbox {
	width: 50px;
}

/* Turn-off Tooltips for touch screens ~b.yadav */
@media ( pointer :coarse) {
	#allris .simpletooltip {
		display: none !important;
	}
}


@media ( pointer :coarse) and (max-width:759px) {
	#allris .selectize-control div.selectize-input.focus.dropdown-active {
		position: fixed;
		top: 0;
		left: 0;
		border: thin solid black;
		z-index: 1009;
		height: 120px;
		overflow-y: scroll;
		overflow-x: hidden;
		overscroll-behavior: contain;
	}
	#allris .selectize-control.single div.selectize-input.focus.dropdown-active	{
		height: 80px;
	}
	#allris .selectize-control.multi div.selectize-input.focus.dropdown-active {
		height: 120px;
	}
	#allris .selectize-dropdown {
		position: fixed !important;
		top: 70px !important;
		left: 0 !important;
		height: 100vh !important;
		width: 100vw !important;
		z-index: 1010;
		overflow-y: scroll;
		overflow-x: hidden;
		overscroll-behavior: contain;
		border: thin solid black;
	}
	#allris .selectize-dropdown.single {
		top: 70px !important;
	}
	#allris .selectize-dropdown.multi {
		top: 120px !important;
	}
	#allris .selectize-dropdown-content {
		max-height: 100%;
	}
}

#allris .selectize-input>input[placeholder] {
	width: auto !important;
}

#allris .modal-dialog-content input[type=number] {
	width: 175px;
}

#allris #sonst {
	padding-top: 1em;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(2, 2fr);
	overflow-wrap: break-word;
}

#allris #sonst div {
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	padding: 5px;
}

#allris #sonst .label {
	min-width: 100px;
	font-weight: bold;
	color: #204a87;
	padding: 5px;
}

#allris #sonst span {
	word-break: break-word;
}

#allris .colorCol>div {
	display: grid;
	grid-template-columns: 1fr 3fr;
    align-items: center;
}

@media screen and (max-width:760px) {
	#allris .colorCol {
		white-space: nowrap;
		width: auto;
	}
}

/* Fixing breaking of navigation bar ~b.yadav */
@media screen and (min-width:760px) {
	#allris #navigation {
		display: grid;
		grid-template-columns: 2.1fr 1fr;
	}
}

#allris .compFull h2, #allris h2.collapsedTitle, #allris .headers h2 {
	display: inline;
	font-size: inherit;
}

#allris .dataTable h3 {
	display: inline;
	font-size: inherit;
}

/* To hide all the elements within hidden fields, which was genereated by Wicket automatically,
 so that it passes ARIA Test.  ~b.yadav  */
#allris div.hidden-fields>* {
	visibility: hidden;
}

#allris ol {
	padding: 15px;
}

#allris ol li {
	margin-left: 35px;
	position: relative;
}

#allris .palette-choices .filter {
	display: flex;
    justify-content: space-between;
    margin: 1em 0;
}

@media screen and (max-width:760px) {
	#allris .palette-choices .filter {
		display: block;
		width: auto;
	}
	#allris .palette-choices .filter input[type=text] {
		margin-bottom: 1em;
	}
}

#allris div[class^=palette] select option:checked {
	background: linear-gradient(45deg, #b7d5f2, #b7d5f2); /* f54000 */
	/* "background-color and color" are must for IE, as IE doesn't paste a layer of color using gradient to override the wicket.pallete color ~b.yadav */
	background-color: #b7d5f2;
	color: black;
}

#allris div[class^=palette] select:focus option:checked {
    background: linear-gradient(45deg, #3465a4, #3465a4);
    /* "background-color and color" are must for IE, as IE doesn't paste a layer of color using gradient to override the wicket.pallete color ~b.yadav */
    background-color: #3465a4;
    color: white;
}

#allris .rsbtn .rsbtn_tooltoggle {
	width: auto;
	min-width: auto;
	min-height: auto;
	top: auto;
	margin: 7px 4px;
}

#allris th label, #allris th a label, #allris th a span {
	display: inherit;
}

#allris .abstimmungsPanel a.disable, #allris .abstimmung_actions a.disable {
	opacity: 0.25;
	cursor: not-allowed;
}

#allris .wicket-ajax-indicator {
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#allris .wicket-ajax-indicator img {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/ajax-loading-indicator.gif) no-repeat;
	width: 315px; /* Width of new image */
	height: 318px; /* Height of new image */
	padding-left: 315px; /* Equal to width of new image */
	padding-bottom: 318px;
}

#allris div.tab-panel {
	padding: 1em;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	position: relative;
	overflow: inherit;
	padding-bottom: 2em;
}

#allris.kp050 div.tabpanel {
	margin: 1em 0;
}

#allris.kp050 div.tab-panel {
	overflow: auto;
}

#allris div.tab-panel #adinfos {
	margin-left: 26em;
	margin-bottom: 1em;
	padding: 1em;
}

#allris #adinfos img.icon {
	vertical-align: middle;
	margin: 0.2em 1em 0.2em 0;
}

#allris .adressPanel {
	display: flow-root;
	padding-bottom: 2em;
}

@media screen and (max-width: 759px) {
	#allris div.tab-panel>div:first-child {
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;
		margin-top: 1em;
		padding: 0 !important;
	}
	#allris #adinfos {
		margin-top: 1em;
		display: inline-block;
	    word-break: break-all;
	}
	#allris .adressPanel {
		display: inline-block;
	}
	#allris div.tab-panel #adinfos {
		margin-left: 0;
		margin-top: 0;
		padding: 0;
	}
	#allris .file-input {
		margin: 0;
		width: 100%;
	}
	#allris div.tab-panel, #allris.kp050 div.tab-panel {
		overflow: inherit;
		padding: 0.5em;
	}
	#allris .emptyElement, #allris .emptyCol {
		display: none !important;
	}
	#allris tr.branch td:first-child {
		display: block !important;
	}
	#allris #sonst {
		grid-template-columns: none;
	}
}

/* -------an053v fileupload panel: button and input ~b.yadav------ */
#allris ol.local button.download, #allris ol.local button.upload {
	height: 52px;
	width: 98%;
	background: #F2F3F8;
}

@media screen and (max-width: 759px) {
	#allris ol.local button.download, #allris ol.local button.upload, #allris ol.local .file-input {
		width: 100%;
		margin: 10px 0;
	}
}
/* --------------------------------------------------------------------- */

/* -------------------------Uncomment this block if you desire animation for 
"Offene Aufgaben" -> becommes 1.5 times bigger every 5 sec (to remind of the tasks)---------------- ~b.yadav */

/* #allris .opentask {
    -webkit-animation: grow 5s infinite ease-in forwards;
    -moz-animation: grow 5s infinite ease-in forwards;
    -o-animation: grow 5s infinite ease-in forwards;
    animation: grow 5s infinite ease-in forwards;
}
#allris a.opentask:after {
  	top: 33%;
}
@-webkit-keyframes grow {
	0%, 12%, 29%, 100% {
		transform: scale(1);
	}
	26% {
		transform: scale(1.5);
	}
}
@-moz-keyframes grow {
	0%, 12%, 29%, 100% {
		transform: scale(1);
	}
	26% {
		transform: scale(1.5);
	}
}
@-o-keyframes grow {
	0%, 12%, 29%, 100% {
		transform: scale(1);
	}
	26% {
		transform: scale(1.5);
	}
}
@keyframes grow {
	0%, 12%, 29%, 100% {
		transform: scale(1);
	}
	26% {
		transform: scale(1.5);
	}
} */
/* --------------------------------------------------------------------- */

/* [VO040] Aligns the table (even with large number of columns) in the center of the page ~b.yadav */
@media screen and (min-width: 1324px) {

/************ tableLayoutBiggerThanAllris sets that automatically in js ************************/
/* 	#allris.vo040 .uebersicht table, #allris.vo045 .uebersicht table {
		width: min(100vw, calc(( 1 + 0.5)* 100%));
		100% means #allris width = 990px (default)
		margin-left: calc((( 100% - 100vw)/2)/2);
		left: 50%;
    	position: absolute;
   	    transform: translate(-50%, 0%);
	} */
	
	#allris .tablesaw-columntoggle-btnwrap {
		z-index: 2;
	}
}

/* --------------------------backToTop Button------------------------------------------- */
#allris #backToTop {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 10px;
	z-index: 1000001;
	font-size: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 18px;
	border-radius: 4px;
	min-width: unset;
	width: auto;
	background: #cccccc url(../images/webclient/up.svg) 50% no-repeat;
}

#allris #backToTop:hover {
	background: #204a87 url(../images/webclient/up_silver.svg) 50% no-repeat;
}

/* --------------------------Login/password Screen------------------------------------------- */
#allris.logon, #allris.logoff, #allris.passwordforgotten, #allris.passwordforgotten1,
	#allris.passwordchangeneeded, #allris.passwordactivate, #allris.mtan {
	position: relative;
	width: 350px;
	box-shadow: 0 5px 35px rgba(0, 0, 0, 0.2);
	margin: calc(( 100vh - 500px)/4) calc(( 100vw - 350px)/2);
	padding: 20px 25px 100px 25px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 6px;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: 15px;
	background-size: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
}

#allris.passwordchangeneeded {
/* 	width: 95%; */
	margin: calc(( 100vh - 600px)/4) auto;
}

#allris.passwordforgotten1 {
/* 	width: 70%; */
	margin: calc(( 100vh - 600px)/4) auto;
}

#allris.passwordforgotten1 header {
	margin: 0 1em;
}

#allris.logon h3.titlebar, #allris.logoff h3.titlebar, #allris.passwordforgotten h3.titlebar,
	#allris.passwordforgotten1 h3.titlebar, #allris.passwordchangeneeded h3.titlebar,
	#allris.passwordactivate h3.titlebar, #allris.mtan h3.titlebar {
	margin-bottom: 2em;
}

#allris.logon div.formrow>label, #allris.logon input[type=text], #allris.logon input[type=password],
	#allris.logon input[type=email], #allris.logon button, #allris.logon div.formrow>div,
	#allris.logoff div.formrow>label, #allris.logoff input[type=text],
	#allris.logoff input[type=password], #allris.logoff input[type=email],
	#allris.logoff button, #allris.logoff div.formrow>div, #allris.passwordforgotten div.formrow>label,
	#allris.passwordforgotten input[type=text], #allris.passwordforgotten input[type=password],
	#allris.passwordforgotten input[type=email], #allris.passwordforgotten button,
	#allris.passwordforgotten div.formrow>div, #allris.passwordforgotten1 div.formrow>label,
	#allris.passwordforgotten1 input[type=text], #allris.passwordforgotten1 input[type=password],
	#allris.passwordforgotten1 input[type=email], #allris.passwordforgotten1 button,
	#allris.passwordforgotten1 div.formrow>div, #allris.passwordchangeneeded div.formrow>label,
	#allris.passwordchangeneeded input[type=text], #allris.passwordchangeneeded input[type=password],
	#allris.passwordchangeneeded input[type=email], #allris.passwordchangeneeded button,
	#allris.passwordchangeneeded div.formrow>div, #allris.passwordactivate div.formrow>label,
	#allris.passwordactivate input[type=text], #allris.passwordactivate input[type=password],
	#allris.passwordactivate input[type=email], #allris.passwordactivate button,
	#allris.passwordactivate div.formrow>div, #allris.passwordactivate p.logonhint,
	#allris.mtan div.formrow>label, #allris.mtan input[type=text], #allris.mtan input[type=password],
	#allris.mtan input[type=email], #allris.mtan button, #allris.mtan div.formrow>div {
	width: 100%;
	margin-left: 0;
}

#allris.passwordactivate div.feedbackPanel, #allris.passwordchangeneeded div.feedbackPanel  {
	overflow-wrap: anywhere;
}
/* ----------------------------------------------------------------------------------------------- */

#allris.to020 .arrowLeft a:before {
	content: "\00ab";
}

#allris.to020 .arrowLeft a {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 45%;
	padding: 20px 10px;
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	/* border-radius: 90% 0; */
}

#allris.to020 .arrowLeft a:hover, #allris.to020 .arrowLeft a:focus {
	/* left: 5px; */
	padding: 20px 20px;
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	color: #fff;
}

#allris.to020 .arrowLeft a:hover:before, #allris.to020 .arrowLeft a:focus:before {
	display: none;
}

#allris.to020 .arrowLeft a:hover:after, #allris.to020 .arrowLeft a:focus:after {
	content: "\2039 \2039";
}

#allris.to020 .arrowRight a:before {
	content: "\00bb";
}

#allris.to020 .arrowRight a {
	position: fixed;
	z-index: 100;
	right: 0;
	top: 45%;
	padding: 20px 10px;
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	/* border-radius: 0 90%; */
}

#allris.to020 .arrowRight a:hover, #allris.to020 .arrowRight a:focus {
	/* right: 5px; */
	padding: 20px 20px;
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	color: #fff;
}

#allris.to020 .arrowRight a:hover:before, #allris.to020 .arrowRight a:focus:before {
	display: none;
}

#allris.to020 .arrowRight a:hover:after, #allris.to020 .arrowRight a:focus:after {
	content: "\203A \203A";
}

#allris.to020 .arrowNav a {
	background: #204a87;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-size: 20px;
}

#allris.to020 .voteColl .compFull {
	background-color: #fdfd86;
}

/* -----------------------------Styling for selfaction=print---------------------------- */
#allris.print tfoot {
	display: none;
}

#allris.print tr.headers th {
	background-color: white;
	color: black;
}

#allris.print table thead th a:link, #allris.print table thead th a:visited	{
	color: black;
}

/* --------------Expand Menubar if iconbar is not visible (display: none) on "screen >= 760px" -------------- */
@media screen and (min-width: 760px) {
	#allris #navigation.no-iconbar {
		grid-template-columns: auto;
	}
	#allris #navigation.no-iconbar .menubar>ul {
		display: flex;
	}
	#allris #navigation.no-iconbar .menubar>ul>li {
		width: 100%;
	}
	#allris #navigation.no-iconbar .menubar li:nth-last-child(-n+1) div.sub-nav ul.sub-nav-group {
		right: 75px;
		left: auto;
	}
	#allris #navigation.no-iconbar .menubar li:nth-last-child(-n+1) div.sub-nav ul.sub-nav-group li	{
		text-align: right;
	}
	#allris #navigation.no-iconbar .menubar li:nth-last-child(-n+3) div.sub-nav ul.sub-nav-group li .simpletooltip {
		right: 100%;
		left: auto;
	}
}
/* --------------Tooltip for menubar's last 3 children -------------- */
@media screen and (min-width: 760px) and (max-width: 890px) {
	#allris #navigation .menubar li:nth-last-child(-n+1) div.sub-nav ul.sub-nav-group li .simpletooltip	{
		max-width: 110px;
	}
	#allris #navigation .menubar li:nth-last-child(2) div.sub-nav ul.sub-nav-group li .simpletooltip {
		max-width: 166px;
	}
	#allris #navigation .menubar li:nth-last-child(3) div.sub-nav ul.sub-nav-group li .simpletooltip {
		max-width: 220px;
	}
}

#allris .compFull button {
	margin-left: 0;
}

#allris .compFull .search .colTitle label {
	line-height: 2.667em;
}

@media screen and (min-width: 760px) {
	#allris .customDateTextField {
		margin-right: 5em;
	}
}

@media screen and (max-width: 759px) {
	#allris .customDateTextField {
		width: 100%;
		margin-top: 0.5em;
	}
	#allris .customDateTextField[name *= "end"] {
		margin-top: 1em;
	}
}

@media screen and (min-width: 760px) {
	#allris .modal-dialog-content .formrow div.ch div {
		width: 25%;
		float: left;
	}
}

#allris table tr:not('#atTreeTableSelected').checkedRow {
	background-color: lightgray;
	border: 1px double rgb(32, 74, 135);
}

#allris table tr.checkedRow:hover {
	background-color: #b0bfcf;
}

/* --------------Ajax auto-complete-------------- ~b.yadav */
/* --------------PLEASE DO NOT ADD #allris CONTAINER BEFORE "div.wicket-aa"-------------- */
div.wicket-aa-container {
	z-index: 10;
	margin: -2.5em 0 !important;
}

div.wicket-aa {
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	z-index: 10;
	margin: -1px 0 0 0;
	border-top: 0 none;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 3px 3px;
	cursor: pointer;
	white-space: pre-wrap;
	padding-left: 0.2em;
}

div.wicket-aa ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div.wicket-aa ul li:not(:empty) {
	padding: 5px;
}

div.wicket-aa ul li:hover {
	background-color: #3465a4; /* #0066cc:#ffffff = 5.56 :1 */
	color: #ffffff;
}

/* ----------------------------------------------------------------------------------------- */
#allris .formrow div.txt {
	padding-top: 8px;
}

@media screen and (max-width: 759px) {
	#allris.si010 .continued .time, #allris.si010 .continued .lfrist,
		#allris.si010 .continued .efrist, #allris.si010 .continued .dfrist,
		#allris.si010 .continued .raum, #allris.si010 .continued .toLink,
		#allris.si010 .continued .fertig {
		display: none !important;
	}
}

#allris .namedTable {
	margin-top: 15px;
}

#allris td.abstimmtyp div {
	padding-left: 0.5em;
	display: inline-block;
}

#allris td.abstimmtyp::before, #allris .abstimmungsvote::before {
	font-family: FontAwesome;
	font-style: normal;
	font-size: small;
	width: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* display: inline-block;  IE: https://stackoverflow.com/questions/27875232/ie-crossing-out-pseudo-element-css */
	/* visibility: visible; */
	color: #204a87;
}

@media screen and (max-width: 759px) {
	#allris td.abstimmtyp::before, #allris .abstimmungsvote::before {
		font-size: x-large;
	}
}

#allris td.abstimmtyp.abstimmtyp1::before, #allris span.abstimmungsvote.abstimmtyp1::before	{
	color: #9fd773;
	content: "\f00c";
}

#allris td.abstimmtyp.abstimmtyp2::before, #allris span.abstimmungsvote.abstimmtyp2::before	{
	color: #f5907f;
	content: "\f00d";
}

#allris td.abstimmtyp.abstimmtyp4::before, #allris span.abstimmungsvote.abstimmtyp4::before	{
	color: #3399FF;
	content: "\f111";
}

#allris td.abstimmtyp.abstimmtyp8::before, #allris span.abstimmungsvote.abstimmtyp8::before	{
	color: #d3d7cf;
	content: "\f00d";
}

#allris td.abstimmtyp.abstimmtyp16::before, #allris span.abstimmungsvote.abstimmtyp16::before {
	color: #ffffff;
	content: "\f068";
}

#allris span.abstimmungsvote {
	font-weight: bold;
}

#allris a.collapse::after, #allris a.expand::after {
	font-family: FontAwesome;
	font-style: normal;
	width: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* display: inline-block;  IE: https://stackoverflow.com/questions/27875232/ie-crossing-out-pseudo-element-css */
	/* visibility: visible; */
	color: #204a87;
}

#allris a.collapse::after {
	content: " \f0d7";
}

#allris a.expand::after {
	content: " \f0d8";
}

#allris #SVsubmSugg::before, #allris #SVsubmStart::before, #allris #SVsubmStop::before,
	#allris #SVsubmRelease::before {
	font-family: FontAwesome;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#allris #SVsubmSugg::before {
	content: '\f0d0 ';
}

#allris #SVsubmStart::before {
	content: '\f04b ';
}

#allris #SVsubmStop::before {
	content: '\f04d ';
}

#allris #SVsubmRelease::before {
	content: '\f058 ';
}

#allris .switchtext {
	display: inline-flex;
	align-items: center;
	column-gap: 0.5em;
}

#allris .switchtext span {
	margin: 0.2em;
}

@media screen and (max-width: 759px) {
	#allris .switchtext span {
		margin: 0;
	}
}

#allris input.switch {
	position: relative;
	appearance: none;
	outline: none;
	width: 25px;
	height: 15px;
	background-color: #ffffff;
	border: 1px solid #D9DADC;
	border-radius: 50px;
	box-shadow: inset -20px 0 0 0 #ffffff;
	transition-duration: 200ms;
}

#allris input.switch:after {
	content: "";
	position: absolute;
	left: 1px;
	width: 13px;
	height: 13px;
	background-color: transparent;
	border-radius: 50%;
    box-shadow: 1px 0px 1px 1px #bbb;
}

#allris input.switch:checked {
	border-color: #3399FF;
	box-shadow: inset 10px 0 0 0 #3399FF;
	box-shadow: inset 10px 0 0 0 #8ae234;
}

#allris input.switch:checked:focus {
    border: 2px solid #3a97f9;
}

#allris input.switch:checked:after {
	left: 10px;
	box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}

/* #allris input.switch {
	box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
} */

#allris tr.conflict {
	background: #ff8080;
}

#allris #legende {
    position: fixed;
    bottom: 0;
    z-index: 999;
    padding: 5px 0 0;
    left: 0;
    width: 100px;
    margin-bottom: 0;
}

#allris #legendeTitle {
	display: inline-block;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    color: #fff;
    padding: 5px;
    background: #204a87;
    font-weight: normal;
    border: thin solid #204a87;
    border-bottom: none;
    border-top-left-radius: 0.3em;
	border-top-right-radius: 0.3em;
}

#allris #legendeTitle:focus {
	background: #0066cc;
	color: #ffffff;
}

#allris #legendeList {
    color: black;
    display: none;
    background: #fff;
    border: thin solid #204a87;
    padding: 0.5em;
    width: 100vw;
}

#allris #legendeList.showMe {
    display: block;
}

#allris #legende dl {
    display: grid;
    grid-template-columns: repeat(6, 1fr 9fr);
    grid-gap: 0.3em;
    align-items: center;
}

#allris #legende dt {
	display: inline-block;
	background: white;
	width: fit-content;
	width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
   	height: fit-content;
   	height: -moz-fit-content;
	height: -webkit-fit-content;
   	height: -ms-fit-content;
}

#allris #legende dt img.icon {
	width: 1.8em;
	height: 1.8em;
}

#allris #legende dt span.empty {
	display: block;
 	width: 1.8em;
	height: 1.8em;
}

#allris #legende dt span.selected,
#allris #legende dt span.nachtrag,
#allris #legende dt span.nachtrag.unauth {
	margin-left: 0.75em;
	display: unset;
}

#allris #legende dd {
	display: inline-block;
	margin: 0 0.5em;
}

@media screen and (max-width: 759px) {
	#allris #legendeList {
	    padding: 0;
	}
	#allris #legende dl {
	    display: grid;
    	grid-template-columns: 1fr 9fr;
    	grid-gap: 0 0.4em;
	}
	#allris #legende dt img.icon {
    	height: 1em;
	}
	#allris #legende dt .objAnchor {
	    margin-left: 0.4em;
	}
	#allris #legende .notreleased,
	#allris #legende .baimportant, 
	#allris #legende .wfimportant {
	    padding-right: 0;
	}
	#allris #legende dd {
    	margin-right: 0;
	}
}

@media screen and (min-width: 760px) {
	#allris .foBetButtons button {
	    width: 155px;
	}
}

#allris #pageContent {
	padding-bottom: 4em;
}

#allris #pageContent:focus, #allris nav:focus, #allris aside:focus,
#allris #pageContent:focus-visible, #allris nav:focus-visible, #allris aside:focus-visible {
    box-shadow: 0 0 0 1px #ffffff, 0 0 2px 3px #3a97f9;
    outline: 2px dotted transparent;
    outline-offset: 2px;
    z-index: 10;
/*    	outline: thin dashed #999; */
}

#allris #pageContent:focus:hover, #allris nav:focus:hover, #allris aside:focus:hover {
	outline: none;
	box-shadow: none;
	transition-delay: 0.25s;
}

#allris.si054 td.tobetreff div.abstimmungsPanel, #allris.to020 .vote, #allris.to020 .decision {
     box-shadow: 3px 3px #999;
     padding: 2em;
     background: #fff;
     margin: 2em 0;
     border: thin solid #bbb;
}

#allris.si054 td.tobetreff div.abstimmung {
	font-weight: bold;
	margin: 1em 0;
}

#allris.si054 .even {
	background: #F2F3F8;
}

#allris.to020 .vote, #allris.to020 .decision {
	background: #F2F3F8;
	padding: 3em 2em;
}

#allris .selectize-dropdown-content .optgroup .optgroup-header {
	cursor: not-allowed;
	color: gray;
	font-weight: bold;
}

#allris .uebersicht table:not(.tree-theme-human), #allris .calendar table:not(.tree-theme-human) {
    border: none;
    box-shadow: 0px 0px 0px 1px #729fcf;
}

@media screen and (max-width: 759px) {
	#allris table.treetable span.indenter {
	    display: inline;
	}
}

/* -------------- New Layout with shadow and background color -------------- ~b.yadav */
html,
#allris .dialog-theme-default .modal-dialog,
#allris #legendeList {
	background-color: rgb(248, 249, 250);
}
#allris .roundedBorder input:not([type=submit]):not([type=radio]):not([type=button]):not([type=checkbox]), #allris .roundedBorder textarea, #allris .roundedBorder select, #allris .roundedBorder .selectize-input,
#allris fieldset input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=button]):not([type=checkbox]), #allris fieldset textarea, #allris fieldset select, #allris fieldset .selectize-input,
#allris .tablesaw-advance .tablesaw-btn.btn-micro, #allris .dateHeader input[type=date] {
    box-shadow: inset 0px 1px 3px rgb(0 0 0 / 15%), inset 0px 0px 1px 1px #949494;
    border: 1px solid #ffffff;
   	background-color: rgb(248, 249, 250);
}
#allris .roundedBorder input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus, #allris .roundedBorder textarea:focus, #allris .roundedBorder select:focus, #allris .roundedBorder .selectize-input:focus,
#allris fieldset input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):focus, #allris fieldset textarea:focus, #allris fieldset select:focus, #allris fieldset .selectize-input:focus,
#allris .roundedBorder input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus:hover, #allris .roundedBorder textarea:focus:hover, #allris .roundedBorder select:focus:hover, #allris .roundedBorder .selectize-input:focus:hover,
#allris fieldset input:not([type=submit]):not([type=reset]):not([type=radio]):focus:hover, #allris fieldset textarea:focus:hover, #allris fieldset select:focus:hover, #allris fieldset .selectize-input:focus:hover,
#allris .tablesaw-advance .tablesaw-btn.btn-micro:focus {
	box-shadow: 0 0 0 1px #ffffff, 0 0 2px 3px #3a97f9;
	background-color: white;
}
#allris .tablesaw-advance .tablesaw-btn.btn-micro:hover:not(:focus) {
	box-shadow: inset 1px 1px 3px rgb(0 0 0 / 50%), inset 0px 0px 1px 1px #656c6a;
    background-color: rgb(248, 249, 250);
}
#allris #search input.searchtext:not(:focus):hover:enabled {
	box-shadow: none;
}

#allris div.modal-dialog .w_captionText {
    background: transparent;
}
#allris .roundedBorder,
#allris fieldset,
#allris div.tab-panel,
#allris .titleedPanel,
#allris .shadowBox,
#allris .beitrag,
#allris table, #allris .uebersicht table,
#allris .calendar table {
	box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 10%);
	background-color: white;
    border: thin solid #cccccc;
    border-top: none;
}
#allris div.tab-panel,
#allris fieldset {
    padding: 1em;
}

#allris div.tab-panel {
    padding-bottom: 2em;
    overflow: auto;
}

#allris .roundedBorder table, #allris fieldset table, #allris .modal-dialog table,
#allris #kwdetailsRight table.workflow,
#allris .tab-panel table,
#allris .titleedPanel table {
	box-shadow: none;
	background-color: transparent;
    border: none;
    border-collapse: collapse;
}

#allris .roundedBorder table thead th, #allris .roundedBorder table tfoot td,
#allris fieldset table thead th, #allris fieldset table tfoot td,
#allris .modal-dialog table thead th, #allris .modal-dialog table tfoot td,
#allris #kwdetailsRight table.workflow thead th, #allris #kwdetailsRight table.workflow tfoot td,
#allris .tab-panel table thead th, #allris .tab-panel table tfoot td {
	font-weight: bold;
    font-size: revert;
}
#allris table thead,
#allris .roundedBorder table thead,
#allris fieldset table thead,
#allris .modal-dialog table thead,
#allris .tab-panel table thead {
	background-color: #ffffff;
	box-shadow: 0 0 0px 1px #fff, inset 0px -3px 0px 0px #204a87;
}

#kwdetailsRight table thead {
	background-color: transparent;
	box-shadow: inset 0px -3px 0px 0px var(--allris-main-bg-color, #204a87);
}

#allris table.tree-theme-human {
	box-shadow: none;
    background-color: unset;
    border: none;
    border-collapse: separate;
}

#allris #actions li a {
	box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 10%);
    border: thin solid #3B6095;
    background: #D5E1F2;
    color: #000000;
    margin-left: 0.333em;
    padding: 0.167em 0.833em;
}

/* ----------------------------------------------------------------------------------------------- */

#allris .selectize-toolbar {
    text-align: center;
}

#allris .selectize-toolbar .btn-group button {
    min-width: 150px;
    width: 150px;
}

#allris #groupselectorBox[disabled], #allris #groupselectorBox[disabled] + label {
	display: none;
}

#allris.kp020 #head h3 + div img {
    width: 200px !important;
}

/* ----------------New Layout for Radio Buttons--------------------------------------------------- */
#allris input[type=radio] {
    transform: none;
    margin: 0;
	margin-bottom: -4px;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    /* border: 1px solid darkgray; */
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 2px 1px grey inset;
    margin-right: 0.5em;
}

#allris input[type='radio']:before {
    content: '';
    display: block;
    width: 50%;
    height: 50%;
    margin: 25% 25%;
    border-radius: 50%;
}

#allris input[type='radio']:checked:before {
    background: #0066cc;
}

#allris .oeffchoices span, #allris .radio span, #allris .checks span, #allris .loginchecks p {
	box-shadow: 0px 0px 1px 1px #f2f3f8;
    background-color: rgb(248 249 250);
    border-radius: 3px;
    margin-right: 2em;
    padding: 0.5em;
}

#allris .selectizeCheckbox span {
	padding: 8px;
}

#allris .loginchecks p {
	margin: 1em 0;
}

#allris .checks span {
    border-radius: 3px;
}

#allris .oeffchoices span:hover, #allris .radio span:hover, #allris .checks span:hover, #allris .loginchecks p:hover {
    background-color: #eeeeee;
    box-shadow: inset 1px 1px 3px rgb(0 0 0 / 50%), inset 0px 0px 1px 1px #656c6a;
}


@media screen and (max-width: 759px) {
	#allris input[type=radio], #allris table input[type=radio], #allris input[type=checkbox] {
		transform: scale(1.5);
		margin-bottom: 0;
	}
	#allris .oeffchoices span, #allris .radio span, #allris .checks span {
		width: 100%;
	}
	#allris .oeffchoices span:first-child, #allris .radio span:first-child, #allris .checks span:first-child {
		margin-top: 0.5em;
	}
}
/* ----------------------------------------------------------------------------------------------- */
#allris.fa050 .shadowBox {
	padding: 1.5em;
}

#allris #favDialog {
	position: fixed;
    top: 40%;
    left: 40%;
    z-index: 1000010;
    border-radius: 1em;
    padding: 1em;
    background-color: rgb(248, 249, 250);
    box-shadow: 0 0 60px 10px rgb(0 0 0 / 70%);
}

#allris #noMatchFoundDialog {
	position: relative;
    z-index: 10010;
    border-radius: 0.3em;
    padding: 0.3em;
    background-color: #ffffff;
    box-shadow: 0 0 5px 1px red;
    margin-right: -30%;
    margin-left: 105%;
    margin-top: -9%;
    margin-bottom: 2%;
    text-align: center;
}

#allris #customMapChoice-wrapper #noMatchFoundDialog {
    position: absolute;
    margin: -15% 0 0 0;
}

#allris .modal-dialog #noMatchFoundDialog {
    margin: 0;
    margin-top: 4%;
}

#allris #fileSizeDialog {
	position: relative;
    z-index: 10010;
    border-radius: 0.3em;
    padding: 0.3em;
    background-color: #ffffff;
    box-shadow: 0 0 5px 1px red;
    margin-top: 2%;
}

#allris.kp050 #fileSizeDialog {
	width: max-content;
}

#allris .selectize-control .selectize-input.not-full.noMatch {
	background-color: #ff000036 !important;
}

#allris .selectize-control .selectize-input.not-full.noMatch input {
	font-style: normal;
}

@media screen and (max-width: 759px) {
	#allris #favDialog {
        left: 10%;
        right: 10%;
        top: 10%;
	}
	#allris #noMatchFoundDialog {
	    margin-right: 0;
    	margin-left: 0;
    	margin-top: 10%;
	}
}

@media screen and (max-width: 479px) {
	#allris #favDialog {
        left: 5%;
    	right: 5%;
	}
}

@media screen and (min-width: 760px) {
	#allris #favDialog {
        max-width: 30%;
	}
}

#allris button.nicEdit-button {
	min-width: auto;
	min-height: auto;
	margin: 0;
	border: 0;
}
#allris button.nicEdit-button:hover, #allris button.nicEdit-button:focus {
	border: none;
}

#allris #menuZeigen, #allris #menuVerbergen {
	display: none;
}

#allris #mehr:after {
	content: " \25BC";
}

#allris #mehr.open:after {
	content: " \25B2";
}

@media screen and (max-width: 759px) {
	#allris #menuZeigen, #allris #menuVerbergen {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		width: 3.125em;
		height: 3.125em;
		min-width: auto;
		margin: 0;
	    background: #204a87;
	    border: none;
	    border-radius: 0;
	    z-index: 1001;
	}
	#allris #menuVerbergen {
		right: 0;
		left: auto;
		display: none;
	}
	#allris #menuZeigen:before, #allris #menuZeigen:after {
	    position: absolute;
	    border: 2px solid #fff;
	    top: 35%;
	    left: 25%;
	    right: 25%;
	    content: '';
	    width: auto;
	    box-shadow: none;
	}
	#allris #menuZeigen:after {
		top: 55%;
	}
	#allris #navigation {
		position: fixed;
		width: 100%;
		height: 100%;
		display: none;
		background: #204a87;
		overflow-x: hidden;
	}
	#allris #navigation, #allris .menubar, #allris .iconbar {
		z-index: 1000;
	}
	 #allris #navigation .iconbar li ul, #allris #navigation .menubar ul.sub-nav-group {
		z-index: 1002 !important;
	}
	#allris #menuVerbergen:before, #allris #menuVerbergen:after {
	    position: absolute;
	    border: 2px solid #fff;
	    top: 45%;
	    left: 20%;
	    right: 20%;
	    content: '';
	    width: auto;
	    box-shadow: none;
	    background-color: white;
	}
	#allris #menuVerbergen:before {
		transform: rotate(45deg);
	}
	#allris #menuVerbergen:after {
		transform: rotate(-45deg);
	}
	#allris .menubar {
		top: 62.5px;
		margin-bottom: 60px;
	}
	#allris #navigation .iconbar ul {
		float: none;
	}
	#allris #navigation ul.showMenu {
		display: flex;
		flex-direction: column;
	}
}

#allris .formrow.buttonbar .checks {
	padding-left: 10px;
}

@media screen and (min-width: 760px) {
	#allris .buttonRow {
		display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    column-gap: 1.6em;
	    flex-wrap: wrap;
	}
	#allris .foBetButtons, #allris .externButtons {
		justify-content: center;
	}
}

#allris .mark3 {
	margin-right: 2em;
}

#allris .ui-widget {
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0 1em;
}

#allris.kp020 label.dateLabel {
	margin-right: 2em;
}

@media screen and (max-width: 759px) {
	#allris.kp020 label.dateLabel {
		display: block;
		margin: 1em 0;
	}
}

#allris.kp020 .list {
	margin: 1em 0;
}

#allris.kp020 #adinfos {
    display: inline-block;
    word-break: break-all;
}

#allris .placeHolder {
	font-style: italic;
	opacity: 0.7;
}

#allris .placeHolder:before, #allris .placeHolder:after {
	content: " - ";
}

#allris #adinfos .personDetails {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#allris #adinfos .personDetails:first-of-type {
	margin-top: 1em;
}

#allris #adinfos .personDetails dd {
	width: 50%;
	word-break: break-all;
}

#allris #adinfos dl {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#allris.kp020 #adinfos dl {
	display: grid;
   	grid-template-columns: 1fr 4fr;
}

#allris.gr020 #adinfos .personDetails:first-of-type {
	margin-top: 4em;
}

#allris #adinfos dd {
	margin-top: 0.3em;
}

#allris .titleedPanel {
	padding: 2em;
	padding-top: 0;
	margin-bottom: 3em;
	overflow: auto;
	width: 100%;
}

@media screen and (max-width: 759px) {
	#allris #adinfos .personDetails {
	    display: grid;
    	grid-template-columns: 1fr 9fr;
    	grid-gap: 0 0.4em;
    	margin-bottom: 1em;
	}
	#allris #adinfos .personDetails dd {
		width: 100%;
		word-break: break-all;
	}
	#allris .titleedPanel {
		padding: 0.5em;
	}
	#allris .adressPanel h2 {
		display: block;
		margin-left: 0;
	}
	#allris #adinfos dd {
		margin-top: 0;
	}
}

#allris .panelHeading {
    padding: 1em;
    margin-left: -2em;
    margin-right: -2em;
    margin-bottom: 2em;
    padding-left: 1em;
   /*  background: #DFE8F1;
    color: #204a87; */
    box-shadow: 0px -1px 1px 1px rgb(0 0 0 / 10%);
}

#allris .panelHeading.inputHeading {
	padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#allris .panelHeading h2 {
	font-size: 1.2em;
}

#allris .panelHeading h2 a {
	color: #204a87;
	font-size: inherit;
}

#allris .panelHeading h2 img {
	width: 1.5em;
    height: 1.5em;
}

#allris .inlineHeading {
	display: inline-block;
}

@media screen and (max-width: 759px) {
	#allris .panelHeading {
	    padding: 0.5em;
	    margin-top: -0.5em;
	    margin-left: -0.5em;
	    margin-right: -0.5em;
	    margin-bottom: 2em;
	}
}
/* ----------------------------- Tabelle Header icons ~b.yadav ------------------------------- */
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .bearbeitungImg {
	background: url(images/self_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .bearbeitungImg, #allris.print th .bearbeitungImg {
	background: url(images/self_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .verantwortlichImg {
	background: url(images/ver_self_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .verantwortlichImg, #allris.print th .verantwortlichImg {
	background: url(images/ver_self_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht .bearbeitenImg {
	background: url(images/wa_edit_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .bearbeitenImg, #allris.print th .bearbeitenImg {
	background: url(images/wa_edit_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .notizImg {
	background: url(images/note_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .notizImg, #allris.print th .notizImg  {
	background: url(images/note.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .notizLoeschenImg {
	background: url(images/note_delete_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .notizLoeschenImg, #allris.print th .notizLoeschenImg {
	background: url(images/note_delete.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .anlagenImg {
	background: url(images/attach_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .anlagenImg, #allris.print th .anlagenImg  {
	background: url(images/attach.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .nocompImg {
	background: url(images/no_compile.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .nocompImg, #allris.print th .nocompImg  {
	background: url(images/no_compile.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .outlookImg {
	background: url(images/outlook_logo.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0;
}
#allris th .outlookImg, #allris.print th .outlookImg {
	background: url(images/outlook_logo_blue.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .exportCalenderImg, #allris .calendar th .exportCalenderImg {
	background: url(images/outlook_logo.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .exportCalenderImg, #allris.print th .exportCalenderImg {
	background: url(images/outlook_logo_blue.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .anlageBearbeitenImg {
	background: url(images/webclient/edit_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .anlageBearbeitenImg, #allris.print th .anlageBearbeitenImg {
	background: url(images/webclient/edit_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .wordImg {
	background: url(images/webclient/word_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.1em;
}
#allris th .wordImg, #allris.print th .wordImg {
	background: url(images/webclient/word_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.1em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .nachObenVerschiebenImg {
	background: url(images/webclient/up_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .nachObenVerschiebenImg, #allris.print th .nachObenVerschiebenImg {
	background: url(images/webclient/up_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .nachUntenVerschiebenImg {
	background: url(images/webclient/down_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .nachUntenVerschiebenImg, #allris.print th .nachUntenVerschiebenImg {
	background: url(images/webclient/down_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .anlageloeschenImg {
	background: url(images/webclient/delete_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .anlageloeschenImg, #allris.print th .anlageloeschenImg  {
	background: url(images/webclient/delete_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .verschiebenImg {
	background: url(images/webclient/move_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .verschiebenImg, #allris.print th .verschiebenImg {
	background: url(images/webclient/move_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .serial_tasksImg {
	background: url(images/webclient/serial_tasks_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .serial_tasksImg, #allris.print th .serial_tasksImg  {
	background: url(images/webclient/serial_tasks_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .parallel_tasksImg {
	background: url(images/webclient/parallel_tasks_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .parallel_tasksImg, #allris.print th .parallel_tasksImg {
	background: url(images/webclient/parallel_tasks_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .nachObenBlockVerschiebenImg {
	background: url(images/webclient/block_up_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .nachObenBlockVerschiebenImg, #allris.print th .nachObenBlockVerschiebenImg {
	background: url(images/webclient/block_up_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .nachUntenBlockVerschiebenImg {
	background: url(images/webclient/block_down_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .nachUntenBlockVerschiebenImg, #allris.print th .nachUntenBlockVerschiebenImg {
	background: url(images/webclient/block_down_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .document_newImg {
	background: url(images/webclient/document_new_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .document_newImg, #allris.print th .document_newImg  {
	background: url(images/webclient/document_new_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .document_refreshImg {
	background: url(images/webclient/document_refresh_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .document_refreshImg, #allris.print th .document_refreshImg {
	background: url(images/webclient/document_refresh_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .save_asImg {
	background: url(images/webclient/save_as_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .save_asImg, #allris.print th .save_asImg {
	background: url(images/webclient/save_as_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .document_deleteImg {
	background: url(images/webclient/document_delete_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .document_deleteImg, #allris.print th .document_deleteImg {
	background: url(images/webclient/document_delete_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .checkboxImg {
	background: url(images/webclient/checked_checkbox_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .checkboxImg, #allris.print th .checkboxImg {
	background: url(images/webclient/checked_checkbox_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .teilnahmeImg {
	background: url(images/sn/maybe_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .teilnahmeImg, #allris.print th .teilnahmeImg {
	background: url(images/sn/maybe_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .stimmberechtigtImg {
	background: url(images/sn/stimmberechtigt_write_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .stimmberechtigtImg, #allris.print th .stimmberechtigtImg {
	background: url(images/sn/stimmberechtigt_write_black.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.35em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .pdfImg {
	background: url(images/mime/pdf_white.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.2em;
}
#allris th .pdfImg, #allris.print th .pdfImg {
	background: url(images/mime/pdf.svg) no-repeat 0 50%;
	background-size: 1.6em;
	padding: 4px 8px 4px 12px;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .externalLinkImg {
	background: url(images/external_link_white.svg) no-repeat 0 50%;
	background-size: 1.4em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.1em;
}
#allris th .externalLinkImg, #allris.print th .externalLinkImg {
	background: url(images/external_link_blue.svg) no-repeat 0 50%;
	background-size: 1.4em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.1em;
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .cursorImg {
	background: url(images/cursor_white.svg) no-repeat 0 50%;
	background-size: 1.4em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.1em;
}
#allris th .cursorImg, #allris.print th .cursorImg {
	background: url(images/cursor.svg) no-repeat 0 50%;
	background-size: 1.4em;
	padding: 4px 8px 4px 12px;
	margin-left: 0.1em;
}
/* ----------------------------------------------------------------------- */
#allris th .baimportant:before, #allris th .wfimportant:before, #allris th .notreleased:before {
    font-family: FontAwesome;
    font-style: normal;
    font-size: 1.2em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: black;
}
#allris .uebersicht th .baimportant:before, 
#allris .uebersicht th .wfimportant:before {
	content: "\f12a";
	color: #ffffff;
}
#allris th .baimportant:before, #allris.print th .baimportant:before,  
#allris th .wfimportant:before, #allris.print th .wfimportant:before {
	content: "\f12a";
}
/* ----------------------------------------------------------------------- */
#allris .uebersicht th .notreleased:before {
	content: "\f129";
	color: #ffffff;
}
#allris th .notreleased:before, #allris.print th .notreleased:before {
	content: "\f129";
}
/* ----------------------------------------------------------------------- */
#allris th .bearbeitungImg:focus,
#allris th .verantwortlichImg:focus,
#allris th .bearbeitenImg:focus,
#allris th .notizImg:focus,
#allris th .notizLoeschenImg:focus,
#allris th .anlagenImg:focus,
#allris th .outlookImg:focus,
#allris th .exportCalenderImg:focus,
#allris th .anlageBearbeitenImg:focus,
#allris th .wordImg:focus,
#allris th .nachObenVerschiebenImg:focus,
#allris th .nachUntenVerschiebenImg:focus,
#allris th .anlageloeschenImg:focus,
#allris th .verschiebenImg:focus 
#allris th .serial_tasksImg:focus,
#allris th .parallel_tasksImg:focus,
#allris th .nachObenBlockVerschiebenImg:focus,
#allris th .nachUntenBlockVerschiebenImg:focus,
#allris th .document_newImg:focus,
#allris th .document_refreshImg:focus,
#allris th .save_asImg:focus,
#allris th .document_deleteImg:focus,
#allris th .checkboxImg:focus,
#allris th .teilnahmeImg:focus,
#allris th .stimmberechtigtImg:focus,
#allris th .pdfImg:focus {
	display: inherit;
}
/* ------------------------------------------------------------------------------------------- */

#allris .profilePic {
	width: 150px;
	float: left;
	margin-right: 7em;
}

#allris .qrcode {
	float: right;
	margin-left: 20px;
}

@media screen and (max-width: 759px) {
	#allris .profilePic {
		margin-right: 1em;
		float: none;
	}
	#allris .qrcode {
		margin-left: 0;
		float: none;
	}
}

@media screen and (min-width: 375px) and (max-width: 425px) {
	#allris .profilePic {
		margin-right: 4em;
		float: left;
	}
}

#allris .iconbar a .iconSubtitle.hideOnEsc {
	display: none;
}

.nicEdit-pane .nicEdit-moveOpt:hover, .nicEdit-pane .nicEdit-moveOpt:focus {
	background-color: #0066cc !important;
	color: #ffffff !important;
	outline: none;
}

.nicEdit-cursorDisable {
	cursor: not-allowed !important;
}

@media screen and (max-width: 759px) {
	#allris .docPart table tr {
	    display: table-row !important;
	}
	#allris .docPart table tbody td {
	    display: table-cell !important;
	}
}

#allris table.stickyHeader:not(.nonStickyHeader) thead {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1;
}

#allris .tab-panel h3 {
	margin-top: 2em;
}

#allris .searchExtern {
	padding: 0 1em;
}

#allris .twoColGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#allris .twoColGrid .line {
	display: grid;
	grid-template-columns: 1fr 3fr;
	margin: 0.5em 0;
}

@media screen and (max-width: 759px) {
	#allris .twoColGrid, #allris .twoColGrid .line {
		display: block;
	}
}

#allris input[type=date] {
	cursor: text;
}

#allris input[type=date]::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

@media screen and (min-width: 760px) {
	#allris table tbody td.toLink, #allris table tbody td.calexp,
	#allris table.dataTable tbody td.toLink, #allris table.dataTable tbody td.calexp,
	#allris table thead th.toLink, #allris table thead th.calexp,
	#allris table.dataTable thead th.toLink, #allris table.dataTable thead th.calexp {
		text-align: center;
	}
}


#allris.print .dateTimePrint {
	float: right;
}

@media screen and (max-width: 759px) {
	#allris.print .dateTimePrint {
		float: none;
	}
}

#allris a.pdfOnlyImg {
	padding: 1.8em;
}

/* ***IMP*** Have to write css vars for these and then merge with similar code at the right place to make the file shorter */
#allris .mapLocations {
	display: grid;
	justify-items: start;
/* 	max-height: 600px; */
    overflow-y: scroll;
    scroll-behavior: smooth;
    padding: 0;
    height: 640px;
}

#allris.vo041 .mapLocations {
    margin-top: 3.3em;
}

#allris .modal-dialog .mapLocations {
	max-height: 500px;
	height: 500px;
}

#allris #mapWindow div.modal-dialog div.w_caption {
	margin-bottom: 1em;
}

#allris .mapLocations .mapLocationBlock {
    padding: 0 0 1em 1em;
    border-bottom: thin solid #ccc;
    width: 100%;
}

#allris .mapLocations .mapLocationBlock:last-of-type {
    border-bottom: none;
}

#allris .mapLocations .mapLocationBlock:hover {
    background-color: #F2F3F8;
}

#allris .mapLocations .mapLocationBlock h3 {
	margin: 0 0 0.8em 0;
}

#allris .mapLocationLink {
	display: block;
	font-weight: bold;
	margin-top: 0;
    margin-left: -1em;
	padding: 6px 1em;
	background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    width: -webkit-fill-available;
    width: -moz-available;
    width: -o-available;
    width: -ms-available;
}

#allris .locationMore {
	margin-bottom: 0.8em;
}

@media screen and (max-width: 759px) {
	#allris #mapWindow div.modal-dialog, #allris #mapWindow div.modal-dialog-content {
		width: 100%;
		padding: 0;
	}
	#allris .mapLocations, #allris #map {
		font-size: x-small;
	}
	#allris #map .ol-control button {
		line-height: 0.4em;
	}
}
/* ------------------------------Ajax Button cancel and save with icon------------------------ */
#allris .ajaxButtonSaveCancel {
	position: relative;
}

#allris .ajaxButtonSaveCancel .wicket-ajax-indicator {
	position: absolute;
    z-index: 1000;
    left: 10%;
    top: 33%;
    transform: none;
    padding: 0.1em;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d7cf), to(#f2f3f8));
}

#allris .ajaxButtonSaveCancel button:hover + .wicket-ajax-indicator {
    background: linear-gradient(#eeeeec, #eeeeec);
}

#allris .ajaxButtonSaveCancel .wicket-ajax-indicator img {
	background: none;
    width: auto;
    height: auto;
    padding-left: 0;
	padding-bottom: 0;
}

@media screen and (max-width: 759px) {
	#allris .ajaxButtonSaveCancel .wicket-ajax-indicator {
		float: left;
	    left: 0.8%;
	    top: 23%;
	}
	#allris .ajaxButtonSaveCancel .wicket-ajax-indicator img {
		background: none;
	    width: 1.5em;
	    height: 1.5em;
	    padding-left: 0;
		padding-bottom: 0;
	}
}
/* ------------------------------------------------------------------------------------------- */

#allris .laufzettel {
	padding: 1em 0.5em;
}

#allris .fileUploadPage {
	margin-bottom: 4em;
}

#allris #datenschutzURL {
	font-weight: bold;
	font-size: 1.5em;
    margin: 1em 0;
}

#allris #cookieMessageBtn {
	font-weight: bold;
}

#allris #pasteMask {
    position: fixed;
    z-index: 100000000;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    cursor: not-allowed;
}

#allris a img[src*="lupe"] {
	margin: 0.6em;
}

#allris .helpText {
	color: #00529B;
	background-color: #BDE5F8;
}

#allris div.formrow .helpText {
  	display: inline-block;
	width: 75%;
}

@media screen and (max-width: 759px) {
	#allris div.formrow .helpText {
		width: 100%;
	}
}

#allris .helpLink {
	font-weight: bold;
    float: right;
    margin: -1em 0;
}

#allris.vo051 .helpLink {
    margin-top: 0.5em;
    margin-bottom: -2.5em;
}

@media screen and (max-width: 759px) {
	#allris.vo051 .helpLinkDiv {
		padding-bottom: 3em;
	}
}

#allris .helpText::before, #allris .helpLink::before {
	content: "\f05a";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.5em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: 0.2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#allris .tabHilfeText {
	display: grid;
}

#allris .wfcolorDescIcon {
	font-size: x-large;
	line-height: 0;
	vertical-align: sub;
}

#allris .colorCol .wfcolorDescIcon {
	font-size: x-large;
	line-height: unset;
	margin-top: -0.2em;
	margin-right: 0.2em;
}

@media screen and (max-width: 759px) {
	#allris .wfcolorDescIcon {
		font-size: xx-large;
	}
	#allris .colorCol>div {
		grid-template-columns: 1fr 12fr;
	}
	#allris .colorCol .wfcolorDescIcon {
		display: block;
		font-size: xx-large;
	    line-height: 0;
	}
}

#allris .rsbtn_player_item {
	min-width: auto;
    margin: 0 10px;
    min-height: auto;
}

@media screen and (max-width: 759px) {
	#allris .rsbtn_player_item {
		width: 1.4em;
	}
}

#allris .dateSearchPanel .bis {
	padding-right: 2em;
}

@media screen and (max-width: 759px) {
	#allris .dateSearchPanel #beginDateField {
		margin-top: 0;
		margin-bottom: 1.5em;
	}
}

/* #allris #bsContent.titleedPanel {
	background: #f7f7fc;
	margin-top: 3em;
	box-shadow: 0px -3px 6px 0px #204a87;
}

#allris #bsContent.titleedPanel .panelHeading {
	border-bottom: thin solid #bbb;
} */

#allris #kwdetailsRight .frameHeader {
    height: auto;
}

#allris #kwdetailsRight h2 {
	font-size: larger;
	margin: -3.9em -0.6em 2em -0.6em;
    background-color: #ffeb3b;
    border-radius: 0;
    padding: 0.5em 0;
    padding-left: 1.4em;
}

@media screen and (max-width: 759px) {
	#allris #kwdetailsRight h2 {
		margin-top: -2em;
		margin-bottom: 0.5em;
	}
}

#allris #headLeft h2 {
	font-size: inherit;
    display: initial;
}

#allris span[id*="workflow"] h2 {
	display: block;
	margin-bottom: 1em;
}

#allris .templatePanel h2, #allris.home h2 {
	margin-bottom: 1em;
}

#allris .templatePanel p, #allris.home p {
	line-height: 2em;
	margin-bottom: 1.5em;
}

#allris .templatePanel li {
	line-height: 2em;
	margin-bottom: 1.5em;
}

#allris.to010 table {
	border-spacing: 0 10px;
	border-collapse: separate;
}

#allris table.treetable span.indenter a:focus {
	display: initial;
}

#allris table.treetable tr.expanded td span.indenter a::before {
    padding: 0.2em;
}

#allris table.treetable.svTable span.indenter + div {
	display: inline-block;
	margin-left: 1em;
}

#allris table.treetable.svTable .leaf span.indenter + div {
	margin-left: 0;
}

#allris .caps {
	margin-top: 0.5em;
}

#allris .caps .capsLock {
	display: none;
}

#allris #customMapChoice-wrapper {
	display: flex;
	width: 30%;
}

#allris #customMapChoice-wrapperInput {
	margin-bottom: -3.2em;
}

#allris #customMapChoice-wrapperInput .item {
	font-weight: bold;
}

#allris.vo041 #head {
	margin-bottom: 1em;
}

/* mTAN: h1 size same as h3 and h2 same as h4 */
#allris.mtan h1 {
	font-size: 1.17em;
}

#allris.mtan h2 {
	font-size: 1em;
}

#allris.mtan ol {
	padding: 15px 0 15px 7px;
}

#allris.mtan li {
	margin-left: 20px;
}

#allris.mtan .qrcodeTxt {
	font-weight: bold;
	font-size: 0.9em;
}

#allris.to010 th.expandCloseCol, #allris.to010 td.expandCloseCol {
	padding: 0;
}

@media screen and (min-width: 760px) {
	#allris.to010 th.expandCloseCol, #allris.to010 td.expandCloseCol {
		text-align: center;
	}
}

@media screen and (min-width: 760px) {
	#allris #navigation .menubar div.sub-nav.open ul.sub-nav-group.longMenuList {
	    display: grid;
	    grid-template-columns: 1fr auto;
	    grid-auto-flow: column;
	}
	
	#allris #navigation .menubar ul.sub-nav-group.longMenuList li {
	    border-right: thin solid #3B6095;
	    min-width: max-content;
	    max-width: -webkit-fill-available;
	    max-width: -moz-available;
	    max-width: -o-available;
    	max-width: -ms-available;
	}
}

#allris a.statementLink {
	background: url(images/external_link_blue.svg) no-repeat 50%;
	background-size: 1.2em;
	padding: 0.8em;
	display: inline-block;
	vertical-align: top;
}

#allris.vo050 .modal-dialog .searchResultTable tr td {
	cursor: default;
}

#allris table.dataTable.calender thead th.wicket_orderNone {
    text-align: left;
}

@media screen and (min-width: 760px) {
	#allris.vo045 td.betreff, #allris.to035 td.betreff {
		min-width: 520px;
	}
	
	#allris.vo040 td.betreff {
		min-width: 350px;
	}
}

#allris.vo045 td .workflow, #allris.to035 .realisierung .workflow {
	padding: 1em;
    position: relative;
    margin-bottom: 1em;
    box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 10%);
    background-color: white;
    border: thin solid #cccccc;
    border-top: none;
}

#allris.to010 td span.indenter:empty, #allris.to035 td span.indenter:empty {
    display: none;
}

@media screen and (max-width: 759px) {
	#allris.at010 td span.indenter:empty {
	    display: none;
	}
}
#allris.to010 .tablesaw-columntoggle-popup .btn-group label {
    display: inline-block;
    padding: 0.2em 0;
    white-space: nowrap;
    cursor: default;
}

#allris.to010 .tablesaw-advance.minimap {
    float: left;
}

#allris.to010 .tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    scroll-margin-top: 4rem;
    margin-right: -0.15em;
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

#allris.to010 .tablesaw-bar-scroll-fixed {
    clear: both;
    position: sticky;
    top: 2.7rem;
    z-index: 2;
}

#allris.to010 .tablesaw-bar-scroll-fixed .tablesaw-columntoggle-btnwrap {
    background-color: #fff;
	border: 1px solid #ccc;
    box-shadow: 0 1px 2px #ccc;
    border-radius: 0.2em;
    border-bottom: none;
}

@media screen and (min-width: 760px) {
	#allris.vo051 .list {
	    display: grid;
    	grid-template-columns: 3fr 2fr;
    	column-gap: 2em;
	}
	#allris td.externalLinkColImg img.icon, #allris td.cursorLinkColImg img.icon{
		width: 1.6em;
		height: 1.6em;
	}
}

#allris .paletteTable input[type=checkbox] {
   	margin-right: 0;
}

#allris.vo051 .list>span {
    box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 10%);
    background-color: white;
    border: thin solid #cccccc;
    border-top: none;
    padding: 2em;
    border-radius: 1em;
}

#allris.vo051 .list>span:first-child {
	width: 60%;
}

#allris .list table.dataTable tbody td.columnCenterAligned {
	text-align: center;
}

@media screen and (max-width: 759px) {
	#allris .list #atTreeTableSelected td.columnCenterAligned {
		display: inline-block;
	    margin: 0 0.4em;
	}
}

#allris .paletteTable caption {
	margin-bottom: 1em;
}

#allris table.dataTable.paletteTable {
    display: block;
    max-height: 500px;
    overflow: auto;
    /* to avoid flickering the scrollbar when hovered at the last row due to Tooltip ~b.yadav */
   	padding-bottom: 1.4em;
}

#allris .paletteTableLabel {
	margin-bottom: -1.5em;
}

#allris .list .centering {
	text-align: center;
}

#allris .paletteTableBtn {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
}

#allris .paletteTableBtn .buttonRow {
	margin-left: -0.5em;
}

#allris div.scrollTabPanel {
	overflow: auto;
}

#allris .paletteTableBtn button {
	width: 180px;
	padding: 0.1em;
}

@media screen and (max-width: 759px) {
	#allris .paletteTableBtn {
	    display: block;
	}
	#allris .paletteTableBtn .buttonRow {
		margin-left: 0;
	}
	#allris .paletteTableBtn button {
		width: 100%
	}
	#allris .list .centering {
	    margin-top: 2em;
	}
	#allris td.left img.icon, #allris td.right img.icon {
	    width: 1.2em;
	    height: 1.3em;
	}
	#allris .paletteTableLabel {
		margin-bottom: 0;
	}
}

#allris .removeAllbutton:before {
	content: url(../images/rightDoubleArrow_blue.svg);
}

#allris .addAllbutton:before {
	content: url(../images/leftDoubleArrow_blue.svg);
}

@media screen and (max-width: 759px) {
	#allris .addAllbutton:before, #allris .removeAllbutton:before {
	    font-size: unset;
	}
}

#allris .amtSearch {
	margin-top: 0.3em;
}

/* AmtsHierarchie */
#allris .paletteTable tr.level0 {
	background-color: #ABC3E3;
	font-weight: bold;
}

#allris .paletteTable tr.level1 {
	background-color: #d1dfef;
	font-weight: bold;
}

@media screen and (min-width: 760px) {
	#allris .paletteTable .treeCol {
		width: 299px;
	    word-break: break-word;
	}
}

#allris .paletteTable tr.selectedRow, #allris .paletteTable tr.selectedRow:hover {
    background-color: #ffffc6;
}

#allris .disableMap {
	pointer-events: none;
	opacity: 30%;
}