.iconfont {font-family: fontello !important; }
.tx-itao-hyperion .pageHeader {
	margin-bottom: 0;
}
html body {
	font-size: 14px;
}
body p {
	margin: 0 0 10px;
}

body .label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25em;
}
body h4 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.hyperion-logo {
	/* height: 45px; */
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: .25;
}
.hyperion-logo img {
	height: 100%;
	width: auto;
	display: inline-block;
	margin: 0 10px 45px 0;
}
.selectionView .hyperion-logo img {
	width:260px;
}
.fullWidth #bstLogoBar { display: none; }
.tx-itao-hyperion .selection {
	min-height:20px;
}
.tx-itao-hyperion .icon-font,.tx-itao-hyperion .icon-font:before { font-family: "fontello" !important; }
.icon-dir-open:before { content: "\E805"; color: #F2BB3A;}
.icon-dir-close:before { content: "\E804"; color: #F2BB3A;}
.icon-dir-blank:before {
	content: "\E80D";
	color: #F2BB3A;
}
.tree-indicator:before {
	content: "\e835";
	color: #F2BB3A;
}
.tree-indicator-type:before {
	content: "\E88B";
	color: #F2BB3A;
}
.tree-lock:before {
    content: "\E85E";
    color: #de0a00;
    font-size: 12px;
    margin-left: -10px;
    vertical-align: sub;
}
body .angular-ui-tree-handle {
	font-weight:normal;
}

.plugin-header.plugin-header--report .overview-layer-type-select select {
	display: none;
}

.tree-node-content { cursor: move; }
.no-drag {cursor: default; }
.collapseLink { cursor: pointer; }
#tree-root .collapseLink:hover { text-decoration: none; }
.collapseLink:hover span.icon-font:before { color: #003082; }
.copyLink {
	cursor: pointer;
	font-weight: normal;
}
.copyLink:after {
	content: "\E861";
	display: inline-block;
	margin-left: 3px;
	font-family: fontello;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease 0s;
	-moz-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
}
.copyLink:hover:after {
	opacity: 1;
}
#tree-root li { padding: 0; }
#tree-root a { color: #000000; text-decoration: none; font-size: 12px;}
#tree-root a:hover { color: #ff9a00; text-decoration: underline; }
#tree-root ol ol { margin: 0; }
#tree-root .tree-node { padding: 1px 0; }
.lock-action,.unlock-action { cursor: pointer; }
.angular-ui-tree-placeholder {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px dashed #ff9a00; background-color: rgba(255,154,0,.2)}
.node-functions { display: none; }
.tree-node:hover .node-functions { display: inline-block; }
#tree-root ol.categoryTree {
	margin-left: 0;
}
.highlighted {
	background: #ffdc0f;
	border-radius: 2px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    column-rule: darkblue;
}
.text-right { text-align: right; }
.message-body .button {
	text-decoration: none;
	text-align: right;
}
.search-box {
	position: relative;
	margin-top: 5px;
}

.filteredTags {
	padding-top: 10px;
}

.search-box input[type="search"] {
	margin-bottom:10px;
	background: no-repeat 10px 6px #fcfcfc;
	border: 1px solid #d1d1d1;
	color: #555;
	width: 150px;
	padding: 3px 15px 3px 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.search-box input[type="search"]:focus {
	width: 50%;
}
.search-box span.icon {
	font-family: fontello;
	position: absolute;
	left: 12px;
	top: 4px;
	color: #bbb;
}

a.copyIndicator {
	margin-left: -17px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

a.copyIndicator:hover {
	margin-left: 2px;
}

a.copyIndicator:before {
	content: "\E81D";
	font-family: fontello;
}

.loading {
	font-family: fontello;
	position: absolute;
	width: 100%;
	height: 100%;
    min-height: 100px;
	margin: auto;
	background: #fff;
	text-align: center;
	top: 0;
	left: 0;
	font-size: 2em;
	color: #f29400;
}
.loading span {
	font-family: fontello;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
	margin-top: 100px;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform:rotate(0deg);
	}

	to {
		-webkit-transform:rotate(360deg);
	}
}
.dummybox {
	border: 1px dashed #ccc; color: #999; padding: 5px 10px;

	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px; /* Controls the size of the stripes */

	background-color: #ddd;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
	color-stop(.25, rgba(255, 255, 255, .25)), color-stop(.25, transparent),
	color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .25)),
	color-stop(.75, rgba(255, 255, 255, .25)), color-stop(.75, transparent),
	to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .25) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%,
	transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .25) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%,
	transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .25) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%,
						transparent 75%, transparent);
	margin-bottom: 1em;
}
.greybox {    background: #eee;
	font-size: 93%;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 15px;
	padding: 7px 10px;
	overflow: hidden;}
.greybox .dummybox { background-color: #ccc; color: #666; }

.tabTitle.inactive h3, .tabTitle.inactive h4 { background: #fff; color: #ccc!important; cursor: not-allowed; }

/* ###################### */

.tx-itao-hyperion { position: relative; }

.greybox.code { font-size: 79%; line-height: 1.4; }
.greybox.code pre { margin: 0; }

.tx-itao-hyperion .status-yes { color: #090; font-weight: bold; padding: 0 0 0 20px; background: url('../../../../../../typo3/sysext/t3skin/icons/gfx/ok.png') no-repeat 0 0; }
.tx-itao-hyperion .status-no { color: #c00; padding: 0 0 1px 20px; background: url('../../../../../../typo3/sysext/t3skin/icons/gfx/error.png') no-repeat 0 1px; }

.tx-itao-hyperion .modulestatus { display: inline-block; width: 12px; height: 12px; background: #fff; border: 1px solid #ccc; position: relative; top: 2px; }
.tx-itao-hyperion .modulestatus.status-hyperion { background: #f29400; padding: 1px; border: none; }
.tx-itao-hyperion .modulestatus.status-kompik { background: #60c34f; padding: 1px; border: none; }

.tx-itao-hyperion .bubble { margin-right: 2px; border: 1px dashed #ccc; background: #eee; -webkit-border-radius: 0.3em; border-radius: 0.3em; padding: 0 3px 1px; color: #ccc; font-size: 85%; text-transform: uppercase; }
.tx-itao-hyperion h1 .bubble { font-size: 69%; padding: 0 4px 1px; position: relative; top: -2px; }
.tx-itao-hyperion .bubble.bubble-hyperion { color: #fff; background: #f29400; border-color: #f29400; }
.tx-itao-hyperion .bubble.bubble-kompik { color: #fff; background: #60c34f; border-color: #60c34f; }
.tx-itao-hyperion .bubble.bubble-active { color: #fff; background: #090; border-color: #090; }
.tx-itao-hyperion .bubble.bubble-locked { color: #fff; background: #c00; border-color: #c00; }
.tx-itao-hyperion .bubble.bubble-tag { color: #fff; background: #295196; border-color: #295196; }
.tx-itao-hyperion .bubble.bubble-tag.orange { color: #fff; background: #F29400; border-color: #F29400; }

/*
.tx-itao-hyperion .bubble.status-hyperion { background: #f29400; padding: 1px; border: none; }
.tx-itao-hyperion .bubble.status-kompik { background: #60c34f; padding: 1px; border: none; }
*/

.tx-itao-hyperion table { table-layout: fixed; /* IE8+ */ }
.tx-itao-hyperion table a:hover { color: #003082; }
.tx-itao-hyperion tr.active {  }
.tx-itao-hyperion tr.inactive { background: #fdd; }
.tx-itao-hyperion tr.inactive td { border-color: #ebb #fcc; }

.tx-itao-hyperion th { overflow: hidden; }
.tx-itao-hyperion td { overflow: hidden; text-overflow: ellipsis; /* IE6+, Opera 11+ */ }
.tx-itao-hyperion td.right, .tx-itao-hyperion th.right { text-align: right; }
.tx-itao-hyperion td.center, .tx-itao-hyperion th.center { text-align: center; }
.tx-itao-hyperion td.number, .tx-itao-hyperion th.number { text-align: right; /*white-space: nowrap;*/ /* macht Probleme bei table-layout:fxed */; }
.tx-itao-hyperion td.action { text-align: right; white-space: nowrap; opacity: .25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter:alpha(opacity=25); }
.tx-itao-hyperion tr:hover td.action { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }

.tx-itao-hyperion .indicator { padding-left: 20px; }
.tx-itao-hyperion .indicator-focus { font-weight: bold; background: url('../Images/icon-indicator-focus.png') no-repeat 0 2px; }
.tx-itao-hyperion .indicator-optional { background: green; }
.tx-itao-hyperion .indicator-commune { background: url('../Images/icon-indicator-commune.png') no-repeat 0 1px; }
.tx-itao-hyperion table .indicator { background: none; padding: 0; }

.hyperion .tx-itao-hyperion ul.usergroupList { font-size: 79%; margin: 3px 0 3px 10px; }
.hyperion .tx-itao-hyperion ul.usergroupList li { background: none; list-style-type: disc; padding: 0; }

.tx-itao-hyperion .small, .tx-itao-hyperion .hint { font-size: 85%; }
.tx-itao-hyperion .hint { display: block; margin-top: 5px; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); }

.tx-itao-hyperion .status-wrapper { margin-bottom: 15px; }
.tx-itao-hyperion .status-wrapper .button-small { padding-bottom: 4px; }
.ie7 .tx-itao-hyperion .status-wrapper .button-small { padding-bottom: 1px; padding-top: 0; top: -1px; }
.ie7 .tx-itao-hyperion .status-wrapper .button-small.button-highlight { top: 1px; }
.ie8 .tx-itao-hyperion .status-wrapper .button-small { padding-bottom: 1px; padding-top: 0; }
.ie8 .tx-itao-hyperion .status-wrapper .button-small.button-highlight { top: -1px; }
.ie9 .tx-itao-hyperion .status-wrapper .button-small { padding-bottom: 3px; }
.tx-itao-hyperion .status { border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ie7 .tx-itao-hyperion .status { zoom: 1; line-height: 1.2; }
.tx-itao-hyperion .status-approved { background: #efe url(../Images/status-approved.png) no-repeat 15px 2px; color: #090; border-color: #8d8; padding: 0 5px 2px 34px; margin-left: -16px; }
.tx-itao-hyperion .status-notapproved { background: #fee url(../Images/status-notapproved.png) no-repeat 3px 2px; color: #c00; border-color: #f99; padding: 0 15px 2px 21px; margin-right: -16px; }
.tx-itao-hyperion .status-published { background: #def url(../Images/status-published.png) no-repeat 15px 2px; color: #258; border-color: #9cf; padding: 0 5px 2px 34px; margin-left: -16px; }
.tx-itao-hyperion .status-published.inactive {margin-left:0px; background-position: 3px 2px; padding-left:21px;}
.tx-itao-hyperion .status-internal { background: #fed url(../Images/status-internal.png) no-repeat 3px 1px; color: #a60; border-color: #eb6; padding: 0 15px 2px 21px; margin-right: -16px; }
.tx-itao-hyperion .status-internal.inactive {padding-right:5px;}
/*
.tx-itao-hyperion tr.status-approved { background: #efe; }
.tx-itao-hyperion tr.status-notapproved { background: #fee; }
*/
.tx-itao-hyperion tr.status-published { background: #def; }
.tx-itao-hyperion tr.status-internal { background: #fed; }
.tx-itao-hyperion tr.status-hidden { opacity: .35; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)" }

.tx-itao-hyperion .indicatorData-export {
	float: right; margin-top: 15px; padding-left: 18px;
	font-size: 85%;
	background: url(../Images/file-excel.png) no-repeat 0px 1px;
	margin-left: 10px;
}
.tx-itao-hyperion .indicatorData-export:hover {  }
.tx-itao-hyperion .commentsCount { background: #ff9; border: 1px solid #ed9; color: #963; font-size: 85%; padding: 1px 3px; white-space: nowrap; }

.tx-itao-hyperion .comments {  }
.tx-itao-hyperion .comment { background: #ff9; border: 1px solid #ed9; color: #666; overflow: hidden; padding: 5px 10px; margin-bottom: .5em; position: relative; }
/*.tx-itao-hyperion .comment:not(:hover) a { color: #999; } /* MINOR: does not work in IE8 */
.tx-itao-hyperion .comment-metadata {
	/*float: left; width: 30%; margin-right: 2%;*/ margin-top: 5px;
	opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter:alpha(opacity=25);
	font-size: 85%; line-height: 1.75; text-align: right; color: #963;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.tx-itao-hyperion .comment:hover .comment-metadata { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
.tx-itao-hyperion .comment .actionlinks { visibility: hidden; margin-right: 10px; }
.tx-itao-hyperion .comment:hover .actionlinks { visibility: visible; }

.tx-itao-hyperion .comment-body {
	/*float: left; width: 67%;*/ font-size: 93%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.tx-itao-hyperion tr.row_average { font-weight: bold; border-top: 2px solid #999; }

.tx-itao-hyperion .classType3.classValue1 { background: #FC8D59; }
.tx-itao-hyperion .classType3.classValue2 { background: #FFFFBF; }
.tx-itao-hyperion .classType3.classValue3 { background: #91CF60; }

.tx-itao-hyperion .classType6.classValue1 { background: #D73027; }
.tx-itao-hyperion .classType6.classValue2 { background: #FC8D59; }
.tx-itao-hyperion .classType6.classValue3 { background: #FEE08B; }
.tx-itao-hyperion .classType6.classValue4 { background: #D9EF8B; }
.tx-itao-hyperion .classType6.classValue5 { background: #91CF60; }
.tx-itao-hyperion .classType6.classValue6 { background: #1A9850; }

/* ############################# */

.tx-itao-hyperion .quiet { opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); }
.tx-itao-hyperion .quiet a { color: inherit; }
.tx-itao-hyperion .maxWidth { overflow: hidden; word-wrap: break-word; }
.tx-itao-hyperion .shyLink { text-decoration: none; border-bottom: 1px dotted #666; color: inherit; }
.tx-itao-hyperion .shyLink:hover { border-bottom: none; }
.tx-itao-hyperion .blockedLink { color: #ccc; cursor: not-allowed; text-decoration: line-through; border-bottom: 1px dotted #ddd }
.tx-itao-hyperion .blockedLink:hover { color: #c99; border-color: #c00; }

.tx-itao-hyperion .explanation { color: #999; font-size: 93%; display: block; margin-top: 0.5em; }


/* ### MESSAGES ### */
.typo3-message {
	margin-bottom: 1em; padding: 7px 7px; padding-left: 31px;
	border: 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	background-position: 8px 8px; background-repeat: no-repeat;
	font-size: 93%;
}
.typo3-message ul, .typo3-message ol { padding-left: 16px; }
.typo3-message ul:last-child { margin-bottom: 0; }
.typo3-message a { text-decoration: underline; color: inherit; }
.typo3-message li { margin-bottom: 0!important; list-style: disc; }
.typo3-message .message-header { display: block; font-weight: bold; }

.message-notice {
	color: #777; background-color: #eee; border-color: #bbb;
	background-image: url('../../../../../../typo3/sysext/t3skin/icons/gfx/notice.png'); }
.message-notice a { color: #555; }

.message-information {
	color: #205791; background-color: #d5edf8; border-color: #92cae4;
	background-image: url('../../../../../../typo3/sysext/t3skin/icons/gfx/information.png'); }
.message-information a { color: #003082; }

.message-ok {
	color: #060; background-color: #dfc; border-color: #9c3;
	background-image:url('../../../../../../typo3/sysext/t3skin/icons/gfx/ok.png'); }
.message-ok a { color: #080; }

.message-warning {
	color: #930; background-color: #feb; border-color: #c90;
	background-image: url('../../../../../../typo3/sysext/t3skin/icons/gfx/warning.png'); }
.message-warning a { color: #b40; }

.message-error {
	color: #d00; background-color: #fee; border-color: #f99;
	background-image: url('../../../../../../typo3/sysext/t3skin/icons/gfx/error.png'); }
.message-error a { color: #a00; }

.typo3-message .icon-actions-message-close {
	cursor: pointer; float: right; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);
	background: url(../Images/cross-18.png) no-repeat; width: 18px; height: 18px;
}
.typo3-message:hover .icon-actions-message-close { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }


/* ############################# */
/* ### FORM ### */

.f3-form-error { color: #c00; background: #fdd; border: 1px #f00 solid; -webkit-box-shadow: inset 1px 1px 3px #f66; box-shadow: inset 1px 1px 3px #f77; }
input.f3-form-error { padding: 3px!important; }

.tx-itao-hyperion .req-marker { color: #c00; float: right; }
.tx-itao-hyperion .optional-marker { color: #999; display: block; }

.tx-itao-hyperion input, .tx-itao-hyperion select, .tx-itao-hyperion textarea, .tx-itao-hyperion button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chosen-container input { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.tx-itao-hyperion input, .tx-itao-hyperion select { /*height: 1.85em; cuts "g" off */ }
.tx-itao-hyperion input[type=submit], .tx-itao-hyperion input[type=button] { height: auto; }
.tx-itao-hyperion input[disabled], .tx-itao-hyperion select[disabled], .tx-itao-hyperion .formfield input[readOnly], .tx-itao-hyperion select[readOnly] { padding: 2px; border: 1px solid #aaa; background: #eee; color: #bbb; cursor: default; } /* TODO: in main-style einfügen */
.tx-itao-hyperion select[size] { height: auto!important; -webkit-appearance: listbox; }
.tx-itao-hyperion input[readOnly], .tx-itao-hyperion select[readOnly]{pointer-events: none;}
.button { cursor: pointer; } /* TODO: in main-style einfügen */
.button.inactive, input.button[disabled], button.button[disabled] { filter: alpha(opacity=35)!important; -moz-opacity: 0.35; opacity: 0.35; background: #ddd; box-shadow: 1px 1px 2px rgba(0,0,0,.2); border-color: #999; color: #666!important; cursor: default; }

.tx-itao-hyperion .miniform > input[type=text], .tx-itao-hyperion .miniform > select { height: 26px; padding-top: 2px; max-width: 50%; }
.tx-itao-hyperion .miniform > input, .tx-itao-hyperion .miniform > select { float: none; }
.tx-itao-hyperion .miniform > select { position: relative; top: 2px; }
.tx-itao-hyperion .miniform input[type=checkbox] { position: relative; top: 5px; }
.tx-itao-hyperion .selectboxit-container { display: block;}
.tx-itao-hyperion .selectboxit-container .inline50 { display: block; float: left; margin-bottom: 5px;}
.tx-itao-hyperion .miniform > input[type=button], .tx-itao-hyperion .miniform > button, .tx-itao-hyperion .miniform > .button { padding: 2px 10px 4px !important; top: 0; }

.tx-itao-hyperion .formfield { margin-bottom: 1em; clear: both; }
.tx-itao-hyperion .formfield.chosen { margin-bottom: 1em; clear: both; overflow: visible; }
.tx-itao-hyperion .formfield.chosen select { width: 73%; }
.tx-itao-hyperion .formfield > label { width: 25%; margin-right: 1%; margin-top: 1px; float: left; text-align: right; }
.tx-itao-hyperion .formfield > label.radio-label { width: auto; margin-right: 1%; margin-top: 1px; float: left; text-align: right; }
.tx-itao-hyperion .formfield-radio .formfield-radio-values {float: left;}
.tx-itao-hyperion .formfield-radio .formfield-radio-values label {width: auto; margin-right: 10px;}
.tx-itao-hyperion .formfield-radio .formfield-radio-values input {width: auto; margin-right: 2px;}

.tx-itao-hyperion .formfield.required > label { font-weight: bold; }

.tx-itao-hyperion .formfield input, .tx-itao-hyperion .formfield select { width: 74%; float: left; padding: 1px 1px; }
.tx-itao-hyperion .formfield input.numberinput { text-align: right; margin-left: 0; margin-right: 1%; }
.tx-itao-hyperion .formfield textarea { width: 74%; float: left; padding: 3px 3px; line-height: 1.6; }
.tx-itao-hyperion .formfield.fullWidth textarea { width: 100%; float: none; }

.tx-itao-hyperion .formfield .inline { width: auto; max-width: 74%; float: left; }
.ie8 .tx-itao-hyperion .formfield .inline { max-width: 73%; }
.tx-itao-hyperion .formfield .inline50 { width: 36%; margin-left: 1%; }
.tx-itao-hyperion .formfield .inline50:first-child { width: 37%; margin-left: 0; }
.tx-itao-hyperion .formfield .inline25 { width: 19%; float: left; margin-left: 1%; }
.tx-itao-hyperion .formfield .inline25:first-child { width: 20%; margin-left: 0; }
.tx-itao-hyperion .formfield .inline75 { width: 53%; float: left; margin-left: 1%; }
.tx-itao-hyperion .formfield .inline75:first-child { width: 54%; margin-left: 0; }
.tx-itao-hyperion .formfield div.inline, .tx-itao-hyperion .formfield div.inline25, .tx-itao-hyperion .formfield div.inline50, .tx-itao-hyperion .formfield div.inline75 { margin-top: 2px; margin-right: 2%; }

.tx-itao-hyperion .formfield .readOnly-field { margin-top: 1px; color: #999; float: left; width: 74%; /* TODO: sync width with .inline! */ }
.tx-itao-hyperion .formfield .readOnly-field.inline { width: auto; }
.tx-itao-hyperion .formfield .readOnly-field.inline25 { width: 19%; }
.tx-itao-hyperion .formfield .readOnly-field.inline50 { width: 36%; }
.tx-itao-hyperion .formfield .readOnly-field.inline75 { width: 53%; }
.tx-itao-hyperion .formfield .temp-fieldWrapper { margin-top: 1px; float: left; width: 74%; /* TODO: sync width with .inline! */ }

.tx-itao-hyperion .formfield input.colorInput { width: 70% }
.tx-itao-hyperion .formfield .removeColor {background: transparent url("../Images/cross-18.png"); width:18px; height: 18px; float:left; margin: 3px; border: none; padding: 0!important; box-shadow: none; text-color: white; text-indent: -3000px}

.tx-itao-hyperion .formfield-check { }
.tx-itao-hyperion .formfield-check > label { }
.formfield.chosen .chosen-container {
	width: 74% !important;
}
.tx-itao-hyperion .checkbox-values { float: left; margin-top: 1px; width: 74%; /* TODO: sync width with .inline! */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tx-itao-hyperion .checkbox-values label {margin-bottom: 3px; float:left; clear: both; font-weight: normal;}
.tx-itao-hyperion .options label {float:none; width:auto;}
.tx-itao-hyperion .checkbox-values.inline label { margin-bottom: 0; }
.tx-itao-hyperion .checkbox-values input {
	width: auto; height: auto; margin: 0 2px 0 0; padding: 0;
	float: none; position: relative; top: -5px; vertical-align: bottom; }

.tx-itao-hyperion kbd, .tx-itao-hyperion code { font-family: Consolas, 'Courier New', monospace; /* line-height: 1; /* HACK! */ }
.tx-itao-hyperion kbd { background: #eee; border: 1px solid #ccc; padding: 1px 3px; word-wrap: break-word; line-height: 17px;}
.tx-itao-hyperion code { padding: 1px; background: #f1f1f1; background: rgba(0,0,0,0.05); }

h1 .button, h1 .buttonlink { font-size: 50%; position: relative; top: -6px; } /* TODO: in main.css verschieben */
h1 .buttonlink { top: -5px; padding: 0 5px; } /* TODO: in main.css verschieben */
.tx-itao-hyperion .actionbuttons { margin: 0 -4px 1em; overflow: hidden; padding: 6px 4px 8px; }
.tx-itao-hyperion .actionbuttons input { float: none; }
.ie8 .tx-itao-hyperion .actionbuttons input.button { margin-top: 2px; }
.ie8 .tx-itao-hyperion .actionbuttons a.button { padding-top: 1px; padding-bottom: 3px; }
.tx-itao-hyperion .actionbuttons .button { white-space: nowrap; }
.tx-itao-hyperion .actionbuttons .buttonlink { padding: 0; }
.ie8 .tx-itao-hyperion .actionbuttons .buttonlink { position: relative; top: 2px; }
.tx-itao-hyperion .actionbuttons .primary { /*float: right; problem in Safari 5Win */ text-align: right; }
.tx-itao-hyperion .actionbuttons .secondary { float: left; text-align: left; }
.tx-itao-hyperion .actionbuttons .primary a, .tx-itao-hyperion .actionbuttons .primary input { margin-left: 10px; }
.tx-itao-hyperion .actionbuttons .secondary a, .tx-itao-hyperion .actionbuttons .secondary input { margin-right: 10px; }

.tx-itao-hyperion .listFilters { overflow: visible; }
.tx-itao-hyperion .listFilters .filter {
	float: left; margin-right: 2%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.tx-itao-hyperion .listFilters .filter25 { width: 23%; }
.tx-itao-hyperion .listFilters .filter50 { width: 48%; }
.tx-itao-hyperion .listFilters .filter.nl { clear: both; }
.tx-itao-hyperion .listFilters .filter100 { width: 100%; }
.tx-itao-hyperion .listFilters .filter75 { width: 73%; }
.tx-itao-hyperion .listFilters {}
.tx-itao-hyperion .listFilters .filter select, .tx-itao-hyperion .listFilters .filter input[type=text] { width: 100%; }
.tx-itao-hyperion .listFilters .filter label { display: inline-block; height: 23px; margin-right: 0; width: 100%;}
.tx-itao-hyperion .listFilters .filterSubmit { float: right; margin-top: 19px; }
.tx-itao-hyperion .activeFilters {  }
.tx-itao-hyperion .activeFilters .bubble.filterTag { background: #fec; color: #333; border: 1px solid #999; }

.tx-itao-hyperion .poiCategoryIcon { opacity: .25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter:alpha(opacity=25); border: 1px solid #fff; padding: 1px 1px 5px; cursor: pointer; }
.tx-itao-hyperion .poiCategoryIcon:hover { opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); border-color: #ccc; }
.tx-itao-hyperion .poiCategoryIcon.selected { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); border-color: #999; }

.tx-itao-hyperion .poiColor { padding: 0 6px; position: relative; top: 1px; }
.tx-itao-hyperion .poiIcon18 { position: relative; top: -2px; }
.tx-itao-hyperion h1 .poiIcon24 { position: relative; top: -2px; margin-right: -3px; }
.tx-itao-hyperion h2 .poiIcon24 { position: relative; top: -2px; margin-right: -3px; }
.tx-itao-hyperion .checkbox-values.poi-icons label {text-indent: 0; padding-left: 0; }
.formWysihtml {
	float: left;
	width: 74%;
}

.formWysihtml .toolbarButton {
	height: 16px;
	width: 16px;
	display: inline-block;
}
.formWysihtml .createLink .toolbarButton {
	margin: 4px -3px 4px 4px;
}
.formWysihtml .wysihtmlTextArea {
	width: 100% !important;
	box-sizing: border-box;
}
.wysihtml5-sandbox {
	box-sizing: border-box;
}

.formWysihtml .toolbarButton.bold { background: url(../Images/iconBold.png) no-repeat scroll center center #fff; }
.formWysihtml .toolbarButton.italic { background: url(../Images/iconItalic.png) no-repeat scroll center center #fff; }
.formWysihtml .toolbarButton.ulist { background: url(../Images/iconUList.png) no-repeat scroll center center #fff; }
.formWysihtml .toolbarButton.olist { background: url(../Images/iconOList.png) no-repeat scroll center center #fff; }
.formWysihtml .toolbarButton.link { background: url(../Images/iconLink.png) no-repeat scroll center center #fff; }

.formWysihtml .toolbarButton.save { background: url(../Images/iconOk.png) no-repeat scroll center center #fff; }
.formWysihtml .toolbarButton.cancel { background: url(../Images/iconCancel.png) no-repeat scroll center center #fff; }

/* ############################# */
/* ### LAYOUT ### */

.tx-itao-hyperion .multiCol { overflow: hidden; }
.tx-itao-hyperion .multiCol .col50 { width: 50%; float: left;}
.tx-itao-hyperion .multiCol .col50 .multiCol-content { margin-left: 10px; }
.tx-itao-hyperion .multiCol .col50:first-child .multiCol-content { margin-left: 0; margin-right: 10px; }

.report { color: #999; font-size: 85%; background: url(../Images/report.png) no-repeat; padding-left: 18px; }
.report a { color: #999; }
.greybox.protocol { font-size: 79%; background: #fafafa; border-color: #ddd; color: #444; padding: 8px 10px; }
.greybox.protocol h4 { color: #999; }
.greybox.protocol h4 .button { position: relative; top: -1px; margin-left: 3px; font-weight: normal; }
.greybox.protocol .quiet { color: #aaa; }
.greybox.protocol ul { margin-left: 12px!important; }
.greybox.protocol ul li { list-style-type: square!important; background: none!important; padding-left: 0!important; }


/* ############################# */
/* ### SVN ### */

.svn-status-none { color: #ccc; }
.svn-status-normal { color: #ccc; }
.svn-status-added { color: #090; font-weight: bold; }
.svn-status-modified { color: #f90; font-weight: bold; }
.svn-status-deleted { color: #c00; font-weight: bold; }
.svn-status-conflicted { color: #c00; font-weight: bold; }

tr.svn-modified-modified { background: #fee; }


/* ############################# */
/* ### AJAX ### */

#ajaxBusy {
	background: #fff url(../Images/ajax-loader_big-000.gif) no-repeat 49% 49%; opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75);
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
}
.ajaxIndicator { background: url(../Images/ajax-loader-999.gif) no-repeat 0 1px; padding: 2px 0 1px 20px; color: #999; font-size: 85%; display: none; }


/* ############################# */
/* ### ATLAS ### */

.pageHeader h2 { position: relative; }
.atlasSelect { display: inline-block; position: relative; padding: 2px 6px 4px; margin: -2px 0 0 -6px; z-index: 5000; }
.atlasSelect.over { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25); }
.currentEntry{ font-weight: bold; color: #999; }
.currentEntry.hasSelect { background: url(../Images/dropdown.png) no-repeat right 6px; cursor: default; padding-right: 20px; }
.currentEntry{ background-position: right -14px; color: #666; }
.over .currentEntry.hasSelect {
	background-image: url("../Images/slide_up.png");
}
#layertype {
	z-index: 1;
}

.entrySelect {
	position: absolute; top: 25px; left: 0px; z-index: 1; min-width: 100%;
	background: #fff; font-size: 14px; padding: 2px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.25); box-shadow: 0 3px 3px rgba(0,0,0,0.25);
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display: none;
}
.entrySelect a, .entrySelect span { display: block; padding: 3px 5px; text-decoration: none; color: #444; }
.hyperion .entrySelect span { color: #ccc; cursor: default; }
.hyperion .entrySelect a:hover { color: #fff; background: #F29400; }

#commune { padding-right: 0px;}


#communeSelection {
	background: url("../Images/map_commune.png") no-repeat scroll 5px 10px #FFFFFF;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	height: 140px;
	padding: 10px 0 0 100px;
	width: 348px;
	font-size: 12px;
	color: #666666;
	height: 142px;
	line-height: 1.6;
	box-sizing: border-box;
}

#communeSelection:hover {
	border-color: #000000;
	background-color: #EEEEEE;
}

#communeSelection label {
	display:block;
}
#communeSelection h4,
#communeSelection h5 {
	font-weight: bold;
	line-height: 1.6;
	text-decoration: none;
	margin: 0px;
}

#communeSelection h4 {
	font-size: 22px;
	color: #AAAAAA;
}

#communeSelection:hover h4 {
	color: #F29400;
}

#communeSelection h5 {
	font-size: 15px;
	color: #666666;
}

#communeSelection:hover h5 {
	color: #333333;
}

#communeSelection .chosen-container {
	top: 3px;
}
.formfield .chosen-container-single .chosen-search {
	padding: 0;
}
.middleCol .formfield .chosen-container ul li,
.hyperion .middleCol .chosen-container ul li{
	list-style: none;
	background-image: inherit;
}

.hyperion .middleCol .chosen-container li.search-field {
	background-image: none;
}

.formfield div.addTagsContainer {
	clear: both;
	margin: 10px 0;
	overflow: hidden;
	margin-left: 26%;
	width: 100%;
}

.formfield div.addTagsContainer textarea {
	width: 50%;
	height: 60px !important;
}

.labelLink  {
	display: block;
	color: #4F70A8;
	text-decoration: underline;
	cursor: pointer;
	float: none;
	width:auto;
}
.labelLink:hover {
	text-decoration: none;
}
.formfield .hint {
	float: left;
	width: 24%;
	margin-top: 0;
	margin-left: 1%;
}
.middleCol ul.list-unstyled,
.hyperion .middleCol ul.ui-sortable {
	margin: 0;
	padding: 0;
}
.hyperion .middleCol ul.list-unstyled li,
.hyperion .middleCol ul.ui-sortable li {
	background-image: none;
	padding-left: 0;
}
/* ################################# */
/* ### CHE ### */

.warning_small {
	background: url("../../../../../../typo3/sysext/t3skin/icons/gfx/warning.png") transparent no-repeat;
	color: #993300;
	font-size: 12px;
	padding: 0 0 0 22px;
	text-shadow: 1px 1px 1px #CC9900;
}

.error_small {
	background: url("../../../../../../typo3/sysext/t3skin/icons/gfx/error.png") transparent no-repeat;
	color: #c00;
	font-size: 12px;
	padding: 0 0 0 22px;
	text-shadow: 1px 1px 1px #ea7171;
}

.slideToggleLink { text-decoration: none; }
.toggleLinkCaption { color: rgba(0, 0, 0, 0); display: inline-block; width: 15px; }

.toggleLinkCaption.up { background: url("../Images/slide_up.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0); }
.toggleLinkCaption.open { background: url("../Images/slide_down.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0); }
.toggleLinkCaption.up:hover { background-position: 0px -14px; }
.toggleLinkCaption.open:hover { background-position: 0px -14px; }

.indicatorEntry span[title] {cursor: help;}
.indicators .indicatorEntry { border-bottom: 1px solid #eee; padding: 4px 0; }
.indicators .indicatorEntry:last-child { border-bottom: none; }
.indicators .indicatorEntry:first-child { margin-top: 10px;	border-top: 1px solid #eee; }

td .tag.new { padding: 0 4px; background-color: #006600; }
:-ms-input-placeholder { color:#999; } /* ie */

.bar {
	/*box-shadow: 0 0 1px 1px #FFFFFF;*/
	border: 1px solid #fff;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
/* -------------------- *\
          jsTree
\* -------------------- */
.jstree {
	overflow: auto;
}
.jstree ul,
.workTree ul {
	margin: 0px !important;
	font-size: 12px;
}

.treeList li, .workTree li,
.jstree-default.jstree-focused {
	background-image: none !important;
	background: none !important;
}

.treeList.jstree ul li,
.jstree > ul > li,
.workTree > ul > li{
	padding: 0;
}
/*.treeIndicatorCategory > a{
	font-weight: bold;
}*/
/*a ins.jstree-icon {
	display: none !important;
}
*/
#atlasMaximized  .jstree a .jstree-icon,.jstree a > ins.jstree-icon {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 0;
}

.jstree .treeIndicatorCategory > a .jstree-icon {
	background-image: url("../Images/folder.png");
}
.jstree .no_drag > a .jstree-icon {
	background-image: url("../Images/status-internal.png");
}
.treeIndicatorCategory.approved > a .jstree-icon{
	background-image: url("../Images/folder_approved.png");
}
.treeIndicatorCategory.not_approved > a .jstree-icon {
	background-image: url("../Images/folder_not_approved.png");
}
.jstree-default a ins.jstree-icon {
	background-image: url("../Images/page_white_text.png");
}
.treeIndicator.approved > a .jstree-icon {
	background-image: url("../Images/page_white_text_approved.png");
}
.treeIndicator.not_approved > a .jstree-icon {
	background-image: url("../Images/page_white_text_not_approved.png");
}
.indicatorType a ins.jstree-icon {
	background-image: url("../Images/table.png");
}
.no_drag > a span {
	background-position: right 2px;
    background-repeat: no-repeat;
    padding-right: 20px;
	background-image: url("../Images/status-internal.png");
}
.treeList.jstree a {
	padding: 4px 0;
}
.treeList.jstree a.disable .jstree-icon,
.treeList.jstree a.enable .jstree-icon {
	display: none;
}
.treeList.jstree a.disable,
.treeList.jstree a.enable {
	background-image: url("../Images/status-notapproved.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 18px;
	margin-left: 10px;
	text-decoration: underline;
}

.treeList.jstree a.enable {
	background-image: url("../Images/status-approved.png");
}
.treeList.jstree li > .functions {
	visibility: hidden;
}
.treeList.jstree li:hover > .functions {
	visibility: visible;
}
.jstree-icon {
	 cursor: pointer;
 }

.treeList.jstree-default a.jstree-search {
    font-style: normal;
	font-weight: normal;
	color: #F29400;
}
/*
.treeList.jstree li {
	background-position: 3px -2px;
	padding-left: 20px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.treeList.jstree li.jstree-open {
	background-image: url("../Images/tree_open.gif");
}

.treeList.jstree li.jstree-closed {
	background-image: url("../Images/tree_close.gif");
}

.treeList.jstree li.jstree-leaf {
	background-image: url("../Images/tree_leaf.gif");
}*/

/*Tree Selection*/

.treeSelection .selection {
    border-color: #AAAAAA #DDDDDD #DDDDDD;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 1px 26px 1px 4px;
	background: url("../Images/search_tree.gif") no-repeat scroll right center #fff;
}

.treeSelection .selection.f3-form-error {
	border-color: #FF0000;
}

.treeSelection {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display: inline-block;
    padding: 0;
    width: 74%;
	vertical-align: middle;
}

.selectList {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    display: none;
    padding: 8px 4px 2px;
    position: absolute;
    width: 74%;
    z-index: 1;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);

}
.selectList .treeList {
	max-height: 200px;
	overflow: auto;
}
.treeSearch {
    /*
	border-bottom: 1px solid #CCCCCC;
    height: 32px;
    */
	margin-bottom: 5px; /*10px;*/
}

.selectList .treeSearch .treeSearchWord {
    height: 26px;
    margin-right: 10px;
    width: 85%;
	margin-top: -1px;
}

.treeSelection.autoWidth {
	width: auto;
	min-width: 160px;
}

.treeSelectOption.disabled {
	cursor: default;
}

.dataValues {
	position: relative;
	min-height: 185px;
}

#fastInsert {
	background: url("../Images/fast_insert_bg.png") no-repeat scroll 19px center rgba(0, 0, 0, 0);
    height: 100%;
    margin-left: 10px;
    padding-left: 15px;
    position: absolute;
    right: 0;
	min-height: 175px;
    text-align: right;
    top: 0;
}

#fastInsert .heading {
	text-align: left;
	margin-bottom: 10px;
}

#fastInsertText {
	height: 70%;
	width: 80%;
	margin-bottom: 10px;
    line-height: 20px;
}

textarea {
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}
label.hasHelp {
	float: left;
	clear: both;
}
label.hasHelp[title] {
	background: url("../Images/help.png") no-repeat transparent right center;
	padding-right: 20px;
}

.tx-itao-hyperion th, .tx-itao-hyperion td {
	text-align: left;
	vertical-align: top;
	font-size: 93%;
	padding: 2px 5px;
	border-style: solid;
	border-width: 1px 0;
	border-color: #ccc;
	border-right: 1px dotted #eee;
}
.tx-itao-hyperion table tr{
	border-bottom:1px solid #ccc;
}
.tx-itao-hyperion tr:first-child{
	background-color: #ececec;
}
table.districtReport { font-size: .75em; }
table.districtReport th:nth-child(1) { width: 40%; }
table.districtReport th:nth-child(2) { width: 10%; }
table.districtReport th:nth-child(3) { width: 10%; }
table.districtReport th:nth-child(4) { width: 10%; }
table.districtReport th:nth-child(5) { width: 10%; }
table.districtReport th:nth-child(6) { width: 20%; }
/*
table.districtReport.internal th:nth-child(1) { width: 48%; }
table.districtReport.internal th:nth-child(2) { width: 7%; }
table.districtReport.internal th:nth-child(3) { width: 8%; }
table.districtReport.internal th:nth-child(4) { width: 9%; }
table.districtReport.internal th:nth-child(5) { width: 8%; }
table.districtReport.internal th:nth-child(6) { width: 20%; }*/

table.districtReport tr.categoryRow td {font-weight: bold;}
table.districtReport tr td {
	padding: 1em;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	background: white;
	background-clip: padding-box;
}
table.districtReport tr:nth-child(even) td {
	background: #efefef;
	background-clip: padding-box;
}

table.districtReport td.level0 {padding-left: 1em;}
table.districtReport td.level1 {padding-left: 2em;}
table.districtReport td.level2 {padding-left: 3em;}
table.districtReport td.level3 {padding-left: 4em;}
table.districtReport td.level4 {padding-left: 5em;}
table.districtReport td.level5 {padding-left: 6em;}
table.districtReport td.level6 {padding-left: 7em;}

table.districtReport .bar {
	margin: 0;
	padding: 0;

	height: 1em;
	width: 100%;
	border: 1px solid #b7bec4;
	background-color: #efefef;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255, 1) 5px, rgba(255,255,255, 1) 10px);
	position: relative;
	display: block;
	box-sizing: border-box;
}
.bar .load {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #999;
	border: 1px solid white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
	color: transparent;
	text-shadow: none;
	z-index: 100;
	display: block;
}
.bar .value {
	position: absolute;
	width: 1px;
	height: 100%;
	padding: 3px 0;
	top: -3px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background: black;
	font-size: 0;
	color: transparent;
	text-shadow: none;
	z-index: 200;
	display: block;
}

.bar .value:before {
	top: -5px;
	border-top: 5px solid black;
}
.bar .value:after {
	bottom: -5px;
	border-bottom: 5px solid black;
}
.bar .value:before, .bar .value:after {
	content: '';
	display: block;
	position: absolute;
	left: -5px;
	border: 5px solid transparent;
}

#reportMap {
	width: 100%;
	height: 500px;
	margin-bottom: 20px;
}

/* Complex Indicators */
#complexContainer .formfield {
	margin-bottom: 10px;
	padding-left: 0;
}
#complexContainer > li {
	background: rgba(242, 148, 0, 0.15);
	margin: 10px 0;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #f29400;
	cursor: move;
}
#complexContainer li {
	list-style: none;
	background-image: none;
	position: relative;
}

#complexContainer li ol.nestedList {
	border-top: 1px dashed #f29400;
	padding-top: 20px;
	margin-top: 20px;
}

#complexContainer li ol.nestedList > li {
	padding: 0;
	margin-bottom: 20px;
	padding-bottom: 10px !important;
	border-bottom: 1px dashed #f29400;
	cursor: move;
}
#complexContainer li .buttonlink {
	position: absolute;
	right: 0;
	bottom: 10px;
}

.indicatorSet, .singleIndicator {
	background: rgba(242, 148, 0, 0.15);
	margin: 10px 0;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #f29400;
}

.defaultData {
	background: #fceacc;
}

.middleCol ul.documents {
	margin-left: 25%;
}

a.removeUpload, a.removeUpload {
	text-decoration: none;
	display: none;
}
.formfield.uploadRef:hover a.removeUpload,
ul.documents li:hover a.removeUpload {
	display: inline-block;
}
a.addDocument {
	margin-left: 26%;
	display: block;
	padding-left: 2px;
}

.pdfDl {
	background: url('../Images/pdf.png') no-repeat scroll center center transparent;
	width: 16px; height: 16px;
	cursor: pointer;
	display: inline-block;
}

.jstree-default ins.jstree-icon {
	background-image: url("../Images/custom_jstree_icons.png");
}

ul.f3-widget-paginator {
    text-align: center;
}
ul.f3-widget-paginator li {
	display: inline-block;
    text-decoration: none;
    font-size: 12px;
    padding: 1px 7px;
    background: none !important;
    border-radius: 50%;
}

ul.f3-widget-paginator li.current {
padding: 1px 7px;
    background-color: #295196 !important;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-left: 21px;
}

ul.f3-widget-paginator li a {
    text-decoration: none;
}
.clearBoth {clear: both;}

#addCategoriesContainer {clear: both}
#addBookmarkCategories {width: 100%;}
.bookmark-container .mcContent, .category-container .mcContent {
	overflow: visible;
}

.bookmark-container .bookmark-unpublished-list .unpublished-data {
	color: #930;
	background-color: #feb;
	border: 1px solid #c90;
}
.bookmark-container .bookmark-published-list .unpublished-data {
	color: #d00;
	background-color: #fee;
	border: 1px solid #f99;
}

.defaultBookmarkTag {display: none;}
.defaultBookmark .defaultBookmarkTag {display: block;}

.hyperion .middleCol ul.ui-droppable {
	padding-left: 10px;
}

.hyperion .middleCol ul.ui-droppable li {
	background-image: none;
	padding-left: 0;
	list-style: disc;
	margin-left: 20px;
}

.hyperion .middleCol ul li.placeholder {
	color: gray;
	font-style: italic;
	list-style: none;
	margin-left: 0;
}
.removeBookmarkCategory {
	background: url(../JavaScript/HyperionAtlas/img/delete.png) no-repeat scroll 0 0 #fff;
	width: 14px;
	height: 14px;
	margin-left: 10px;
	margin-bottom: -2px;
	display: none;
}

.bookmark-category:hover .removeBookmarkCategory {
	display: inline-block;
}

ul.ui-droppable {
	padding-top: 7px;
	border-radius: 5px;
	border: 1px solid rgb(204, 204, 204);
	background-color: rgba(245, 245, 245, 0.74902);
}

.middleCol ul.category-list, .middleCol ul.bookmark-published-list {
	padding-left: 0;
}

ul.ui-droppable.ui-state-default {
	border-color: #92cae4;
	background-color: #d5edf8;
	color: #205791;
}
ul.ui-droppable.ui-state-hover {
	border-color: #58b548;
	color: #2d7820;
	background-color: #cdeaca;
}

li.ui-draggable {
	cursor: move;
}

li.ui-draggable.setDefaultLink {
	cursor: pointer;
}

li.ui-draggable.setDefaultLink:hover {
	text-decoration: underline;
}
.hyperion .middleCol ul.ui-droppable li.defaultBookmark {
	list-style-type: none;
	padding: 3px 9px 8px 9px;
	margin: 4px 7px 5px -2px;
	position: relative;
	background: #295196;
	/* font-size: 85%; */
	background: -moz-linear-gradient(top, #295196 0%, #295196 40%, #093786 60%, #093786 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#295196), color-stop(40%,#295196), color-stop(60%,#093786), color-stop(100%,#093786));
	background: -webkit-linear-gradient(top, #295196 0%,#295196 40%,#093786 60%,#093786 100%);
	background: -o-linear-gradient(top, #295196 0%,#295196 40%,#093786 60%,#093786 100%);
	background: -ms-linear-gradient(top, #295196 0%,#295196 40%,#093786 60%,#093786 100%);
	background: linear-gradient(to bottom, #295196 0%,#295196 40%,#093786 60%,#093786 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b6da7', endColorstr='#093786',GradientType=0), progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=2);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
	/* color: #c5d0e3; */
	color: #e0e6f0!important;
	border-color: #295196;
	box-shadow: 1px 1px 2px rgba(0,0,0,.5);
	cursor: default;
}
.hyperion .middleCol ul.ui-droppable li.defaultBookmark:hover {
	text-decoration: none;
}
li.ui-draggable.setDefaultLink .defaultBookmarkTag {
	cursor: inherit;
	position: absolute;
	right: 2px;
	bottom: 0;
	font-size: 8px;
	text-transform: uppercase;
	color: #fff;
	font-weight: lighter;
}

#logoThumb img {
	margin-top: 10px;
	margin-left: 26%;
}
/* ### Commune Landingpage ### */
.communepage-header .communepage-header-text {
	float: left;
	width: 70%;
}
.communepage-header .communepage-header-text .communepage-header-headline {
	margin: 15px 0;
}
.communepage-header-text.no-logo {
	width: 100%;
}
.communepage-header .commune-select-arrow {
	display: inline-block;
	margin-right: 5px;
}
.communepage-header .communepage-header-headline-suffix {
	display: none;
}

.filters {
	clear: both;
	margin-bottom: 4px;
	overflow: hidden;
}
.filters span.tag-search {
	white-space: nowrap;
}
.tag-search a {
	text-decoration: underline;
	cursor: pointer;
}
.filters span.tag-search:after {
	content: ", ";
	white-space: normal;
}
.filters span.tag-search:last-child:after {
	content: "";
}
.filters .tags {
	float: left;
	width: 85%;
}
.filters label {
	width: 14%;
	float: left;
	text-align: right;
	margin-right: 1%;
	font-weight: bold;
}
.filter .bubble.bubble-tag a {
	cursor: pointer;
}
#indicator-structure { position: relative; }
#indicator-structure span.bubble.bubble-tag {
	background-color: #fff;
	border-style: solid;
	color: black;
	padding: 0 4px 0 2px;
	margin-right: 2px;
	white-space: nowrap;
	display: inline-block;
}
#indicator-structure span.bubble.bubble-tag.orange { border-color: #F29400; }
#indicator-structure span.bubble.bubble-tag.lightblue { border-color: #5aa1d3; }

#indicator-structure span.bubble.bubble-tag.active {
	color: #fff;
	background: #295196;
	border-color: #295196;
}

#indicator-structure span.bubble.bubble-tag.active.orange { background: #F29400; border-color: #F29400; }
#indicator-structure span.bubble.bubble-tag.active.lightblue { background: #5aa1d3; border-color: #5aa1d3; }

#indicator-structure .filters span.bubble.bubble-tag {
	cursor: pointer;
}
#indicator-structure .filters span.bubble.bubble-tag a {
	color: #fff;
	width: 0;
	display: inline-block;
	opacity: 0;
	font-family: fontello;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#indicator-structure .filters span.bubble.bubble-tag:hover a {
	/*color: #f29400;*/
	width: 10px;
	opacity: 1;
}

#searchTextResults {
	margin-top: 10px;
}
#searchTextResults .item {
	padding: 4px 0;
	overflow: hidden;
}
#searchTextResults .item.even {
	background-color: rgba(0,0,0,.05);
}

/* ###################### */

/* ### RESPONSIVE ADDITIONS ### */
.tx-itao-hyperion .selectionView {
	width: 29%;
	float: right;
}

/*@media (max-width: 1200px) {
	.tx-itao-hyperion .maximizeFullscreen {
		display: none;
	}
}*/
@media screen and (max-width: 950px) {
	.tx-itao-hyperion .cols3 .chosen-container .chosen-single span, .tx-itao-hyperion .cols2 .chosen-container .chosen-single span {
		white-space: normal;
	}
	.tx-itao-hyperion .cols3 .chosen-container .chosen-single, .tx-itao-hyperion .cols2 .chosen-container .chosen-single {
		height: 30px;
	}
}
@media screen and (max-width: 650px)  {
	.tx-itao-hyperion .selectionView {
		width: auto;
		float: none;
	}
	.tx-itao-hyperion .atlasTreeSelection .selectList {
		width: 100%;
	}
	.tx-itao-hyperion .atlasTreeSelection .treeSearch {
		padding-right: 80px;
		position: relative;
	}
	.tx-itao-hyperion .atlasTreeSelection .selectList .treeSearch .treeSearchWord {
		width: 100%;
		font-size: 16px;
	}
	.tx-itao-hyperion .atlasTreeSelection .selectList .treeSearchSubmit {
		right: 5px;
		top: -3px;
		position: absolute;
	}
	.tx-itao-hyperion .atlasTreeSelection .treeList {
		min-width: inherit;
	}
	.tx-itao-hyperion .atlasTreeSelection .treeIndicator a {
		white-space: normal;
		height: auto;
	}
	.tx-itao-hyperion .jstree ins {
		vertical-align: top;
	}
	.tx-itao-hyperion .cols2 .atlasCol, .tx-itao-hyperion .cols3 .atlasCol {
		width: 100%;
		margin: 15px 0;
	}
	.tx-itao-hyperion .cols2 .atlasCol.first, .tx-itao-hyperion .cols2 .atlasCol.last, .tx-itao-hyperion .cols3 .atlasCol.first, .tx-itao-hyperion .cols3 .atlasCol.last {
		padding-left: 0;
		padding-right: 0;
	}
	.tx-itao-hyperion .atlasRow .footer {
		display: none;
	}
	.tx-itao-hyperion #ajaxStatus {
		position: relative;
		top: auto;
		overflow: hidden;
		margin: 5px 0;
	}
	.tx-itao-hyperion #ajaxStatus div:first-child {
		margin-left: 0;
	}
	.tx-itao-hyperion .communepage-header .communepage-header-logo {
		display: none;
	}
	.tx-itao-hyperion .communepage-header .communepage-header-text {
		width: auto;
		float: none;
	}
}
@media screen and (min-width: 651px) {
	.tx-itao-hyperion .cols3 .chosen-container .chosen-single span {
		font-size: 10px;
	}
}
/* ###################### */

/* ### TOUCH ADDITIONS ### */
.touch .widget .closeButton {
	opacity: 1;
	font-size: 18px;
}
.touch .adderWidget, .touch .mapWidget .labelSelect, .touch .widget .widgetSetting {
	opacity: 1;
}
.touch .atlasRow .rowAdder, .touch .atlasRow .rowRemover, .touch .slide-down-table {
	opacity: 1;
	position: static;
	margin: 0;
	right: auto;
	bottom: auto;
	font-size: 15px;
	background-position: left center;
}
.touch .atlasRow .ui-resizable-handle {
	display: none !important;
}
.touch .atlasLayout .atlasRow:first-child {
	margin-top: 20px;
}
.touch .atlasRow {
	margin: 40px 0;
}
.touch .widgetContent.tableWidget {
	overflow: hidden;
}
.touch .widgetContent.tableWidget .widgetContentWrap {
	overflow: scroll;
}
.touch .widget .highcharts-button {
	display: none;
}
.touch .atlasRow .footer {
	bottom: -20px;
}
.touch .rowRemover {
	float: left;
}
.touch .rowAdder {
	float: right;
}
.touch .widgetContent {
	padding-top: 27px;
}
.touch .chartButtons {
	top: 2px;
}
.touch .exportTable {
	top: 0;
}
.touch .jstree .treeIndicatorCategory > a {
	pointer-events: none;
}
.touch .indicatorsWidget li .unselectIndicator {
	opacity: 1;
}
.touch .slide-down-table {
	display: inline;
	float: right;
	margin-right: 10px;
}

/* ###################### */

/* ### PDF Generation ### */
@-webkit-keyframes loaderIconAnimation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes loaderIconAnimation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.pdfGeneration .loaderIcon {
	font-size: 10px;
	text-indent: -9999em;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background: #FFF;
	background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: -webkit-linear-gradient(left, #FFF 10%, rgba(255, 255, 255, 0) 42%);
	background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
	background: linear-gradient(to right, #FFF 10%, rgba(255, 255, 255, 0) 42%);
	position: relative;
	-webkit-animation: loaderIconAnimation 1.4s infinite linear;
	animation: loaderIconAnimation 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	display: none;
	vertical-align: middle;
	margin-left: 10px;
}

.pdfGeneration #exportPDFButton.active {
	pointer-events: none;
}
.pdfGeneration #exportPDFButton.active + .loaderIcon {
	display: inline-block;
}

.pdfGeneration .loaderIcon:before {
	width: 50%;
	height: 50%;
	background: rgba(0, 60, 136, 0.7);
	border-radius: 100% 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}
.pdfGeneration .loaderIcon:after {
	background: #fff;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.pdfGeneration .downloadNotice {
	display: none;
	margin: 10px 0;
}
.pdfGeneration .downloadNoticeSuccess, .pdfGeneration .downloadNoticeFail {
	display: none;
}
.pdfGeneration .downloadNotice.success .downloadNoticeSuccess, .pdfGeneration .downloadNotice.error .downloadNoticeFail {
	display: block;
}
.pdfGeneration .pdfGeneration-buttonWrap {
	text-align: right;
}

form .help.typo3-messages {
	margin-left: 26%;
}

a.show-help {
	margin: 4px;
	cursor: pointer;
	font-weight: normal;
}

@media print {
	.pdfGeneration {
		display: none;
	}
}

/* Select Box - Angular select */
.ui-select-dropdown ul {
    margin: 2px !important;
    padding: 0 !important;
}

.filter .ui-select-dropdown ul li, .ui-select-dropdown ul li, ul li.select2-search-field {
    background-image: none !important;
    padding: 0 !important;
	display: block;
}
.select2-results .select2-highlighted:hover {
	color: #000;
}
.select2-search-field, .select2-search-field input {
    min-width: 110px;
    cursor: pointer;
}
.ui-select-match { cursor: pointer; }
.filter input#searchText {
    width: 100%;
}
.data-list {
    position: relative;
    min-height: 100px;
}
.data-list .loading span {
    margin: 30px auto 0;
}
.showHelp {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.formfield .showHelp {
    position: static;
    display: inline;
}

.relative {
	position: relative;
}

.categorized-downloads li {
	position: relative;
}
.categorized-downloads .new-download {
	background-color: rgba(242,148,0,.4);
}
.categorized-downloads .new-download-tag {
	position: absolute;
	top:0;
	right:0;
}
.categorized-downloads .action-links {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #ffffff;
	padding: 0 4px;
	border-radius: 3px;
}
.categorized-downloads li:hover .action-links {
	display: inline;
}

.import-preview .item {
	padding: 8px 2px;
	border-top: 1px solid #ddd;
}

.middleCol .typo3-message ul li {
	padding: 0;
	list-style-type: inherit;
	background: none !important;
	margin-left:10px;
}
/* ###################### */

/* ### Print styles### */
@media print {
	.pdfGeneration, .maximizeFullscreen {
		display: none;
	}
	.bar .load {
		background: #999 !important;
		-webkit-print-color-adjust: exact;
		height: 8px;
	}

	.bar .value {
		background: #000000 !important;
		-webkit-print-color-adjust: exact;
		border: none;
		margin-left: 1px;
	}
	/*table.districtReport .bar {
		margin: 0;
		padding: 0;
		height: 9px;
		width: 100%;
		border: 1px solid #b7bec4;
		position: relative;
		display: block;
		box-sizing: content-box;
	}

	.bar .load {
		height: 0;
		margin-top: 1px;
		border-bottom: 7px solid #999;
		box-sizing: border-box;
	}

	.bar .value {
		width: 1px;
		box-sizing: border-box;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
		margin-left: 0;
		height: 15px;
	}*/
	#districts.widget {
		display: none;
	}
	.atlasRow .rowAdder, .atlasRow .rowRemover, .atlasRow .ui-resizable-handle {
		display: none;
	}
	.atlasTreeSelection {
		display: none;
	}
	.mapButton, .olControlZoom, .exportMap, .exportTable, .communeSelectLink, .chartButtons, .hyperion-logo {
		display: none;
	}
	.communepage-header .communepage-header-headline-suffix {
		display: inline;
	}
	.selectionView #years {
		display: none;
	}


}
/*TEST LIST DND*/
/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.dnd-list ul[dnd-list],
.dnd-list ul[dnd-list] > li {
	position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.dnd-list ul[dnd-list] {
	min-height: 42px;
	padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.dnd-list ul[dnd-list] .dndDraggingSource {
	display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.dnd-list ul[dnd-list] .dndPlaceholder {
	display: block;
	background-color: #ddd;
	min-height: 42px;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.dnd-list ul[dnd-list] li {
	background-color: #fff;
	border: 1px solid #ddd;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
}

/**
 * Show selected elements in green
 */
.dnd-list ul[dnd-list] li.selected {
	background-color: #dff0d8;
	color: #3c763d;
}

input.disabled {
	pointer-events:none;
	color: #BBBBBB;
	background: #000;
}

/*********************************************************
	Corp-Site
 *********************************************************/
/**
 * Tabs
 */
.tabNavigation {
	border-bottom: 1px solid #ddd;
	margin-bottom:20px;
}
.tabs .tabTitle {
	float: left;
	margin-bottom: -1px;
}
.tabs .tabTitle h4 {margin:0}
.tabs .tabTitle h4 a {
	margin-right: 2px;
	line-height: 1.428571429;
	border-radius: 0 0 0 0;
	font-size: 14px;
	position: relative;
	display: block;
	padding: 10px 15px;
}
.tabs .tabTitle h4 a:hover {
	background-color: #eee;
}

.tabs .tabTitle.active a{
	color: #999;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: #ffffff;
	cursor: default;
}

/* SELECT-Box Angular --> selectboxit-styles from corp-site*/

.tx-itao-hyperion .select2-container .select2-choice span {
	font-family:'latolight';
	font-size: 17px;
	color: #3e3e3e;
	line-height: 30px;
}

.tx-itao-hyperion .select2-container .select2-choice {
	border:1px solid #003082;
	border-radius: 0;
	background: #ffffff;
	height:33px;
}
.tx-itao-hyperion .select2-container .select2-choice  .select2-arrow.ui-select-toggle {
	background: #003082;
	border-radius:0;
	width:30px;
	height:33px;
}
.tx-itao-hyperion .select2-container .select2-choice .select2-arrow.ui-select-toggle b {
	width: 0;
	height: 0;
	border-top: 11px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	position: absolute;
	top: 35%;
	left: 7px;
	margin: 0 auto;
}
.tx-itao-hyperion .select2-container .select2-drop-active {
	border-radius: 0;
	border-color: #003082;
}



.filter input[type=text],.filter input[type=search] {
	border:1px solid #003082;
}

.itao-download-box.itao-download-box-double .download-box-content {
	margin-bottom: 54px;
}