html,body {
	font-family: Arial, sans-serif;
	font-size:13px;
	color:#444;
}

html,body,table,tr,th,td,ul,ol,li,h1,h2,h3,h4,h5,h6,p,img,hr,pre {
	margin:0px;
	padding:0px;
	border:0px;
}

h1 {
	font-size:20px;
	padding-bottom:8px;
}
h2 {
	font-size:18px;
	padding-bottom:8px;
}
h3 {
	font-size:15px;
	padding-bottom:6px;
}
h4 {
	font-size:13px;
	padding-bottom:4px;
}
ul, ol {
	padding:2px 0px 2px 20px;
}
p, li, th, td {
	padding:4px 0px;
}
ul li > p:first-child {
	padding-top: 0;
}
ul li > p:last-child {
	padding-bottom: 0;
}
hr {
	margin:8px 0px;
	border-top:1px solid #CCC;
}

small {
	font-size: 11px;
	line-height: normal;
}

a {
	color:#5699B5;
	text-decoration:none;
}
a.Hashtag {
	position:absolute;
	margin-top:-60px;
}
.Anchor {
	position: relative;
	top: -80px;
}
*[onclick] {
	cursor:pointer;
}

strong,b {
	font-weight:bold;
}
em,i {
	font-style:italic;
}

sup {
	font-size:8px;
	vertical-align:top;
	margin-left:1px;
}


pre {
	padding:20px;
	border:1px solid black;
	background-color:#333;
	color:white;
	white-space: pre-wrap;
}

form > table {
	border-spacing:0px;
}
form > table tr {
	vertical-align:top;
}
form > table tr td {
	padding:5px 0px;
}
form > table tr td:first-child {
	padding-top:10px;
}
table.SmallTable tr td {
	padding:0px;
}
table.Grid {
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-spacing:0px;
}
table.Grid tr {
	vertical-align:top;
}
table.Grid tr td, table.Grid tr th {
	padding:5px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
table.Grid tr th {
	font-weight:bold;
	text-align:left;
}
table.Zebra {
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	border-spacing:0px;
}
table.Zebra tr {
	vertical-align:middle;
}
table.Zebra tr td, table.Zebra tr th {
	padding:8px;
}
table.Zebra tr th {
	font-weight:bold;
	text-align:left;
	background-color:#DDD;
}
table.Zebra tr td {
	background-color:#F0F0F0;
}
table.Zebra tr:nth-child(2n) td {
	background-color:#F6F6F6;
}
table.Zebra tr.ui-droppable-hover td {
	background-color:#EEF;
}

.SearchHorizontal tr td:first-child {
	padding-top:5px;
}
.SearchHorizontal tr td:nth-child(2) {
	vertical-align:top;
}

input[type=text], input[type=password], input[type=number], input[type=date], input[type=email], input[type=submit], input[type=button], textarea, select, .InputHiddenCode, .HstInputTags {
	background-color: #F5F5F5;
	border:1px solid #AAA;
	margin:3px 3px 0px 0px;
	padding:4px 10px;
	width:82%;
	box-sizing: border-box;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=date]:focus, input[type=email]:focus, textarea:focus, select:focus, .HstInputTags.Focus {
	outline: 0;
	border-color: #333;
}
input[type=number] {
	width:100px;
	text-align:right;
}
select {
	max-width:300px;
	padding:3px 3px 3px 10px;
	width:auto;
}
textarea {
	height:110px;
}
input[type=submit], input[type=button], button, .Button {
	position: relative;
	width: auto;
	padding: 6px 15px;
	border:1px solid #AAA;
	box-shadow: none;
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: 14px;
	display: inline-block;
	cursor: pointer;
}
input[type=submit]:hover, input[type=button]:hover, button:hover, .Button:hover {
	background-color: #f4f4f4;
	text-decoration:none;
}
input[type=submit], button, .Button {
	background-color: #333;
	color: white;
}
input[type=submit]:hover, button:hover, .Button:hover {
	background-color: #979797;
}

input[type=date], input[data-key="datepicker"] {
	width:100px;
}
input[data-key="timepicker"] {
	width:70px;
}
input[disabled],textarea[disabled],select[disabled] {
	filter:alpha(opacity=70);
	opacity: 0.70;
	cursor:auto;
}
input[type="checkbox"], input[type="radio"] {
	background: transparent;
	position: relative;
	width:1px;
	height:1px;
	opacity:0;
	margin:0 10px 0 -10px;
	padding:0;
}
.Checkbox, .Radio {
	position: relative;
	padding-left: 25px;
	margin-right: 5px;
	display: inline-block;
	cursor: pointer;
}
.Checkbox label, .Radio label {
	cursor: pointer;
}
.Checkbox label:before, .Radio label:before {
	position: absolute;
	top: -1px;
	left: 2px;
	width: 16px;
	height: 16px;
	border: 1px solid #d2d2d2;
	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
	background: white;
	display:inline-block;
	content:' ';
}
.Radio label::before {
	border-radius: 100%;
}
.Checkbox:hover label:before, .Radio:hover label:before {
	background: #ddd;
	box-shadow: inset 0 0 0 2px white;
}
.Checkbox input[type="checkbox"]:checked + label::before, .Radio input[type="radio"]:checked + label::before {
	background: #333;
	box-shadow: inset 0 0 0 2px white;
}

.InputSelectMultipleWrapper {
	padding-bottom: 5px;
}
.InputObject {
	position: relative;
	margin:3px 3px 0px 0px;
	display: inline-block;
}
.InputObject input[type=text] {
	margin: 0;
	padding-right: 25px;
}
.InputObjectExt input[type=text] {
	padding-right: 35px;
}
.InputObject .InputObjectSearch,
.InputObject .InputObjectExt {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -7px;
}
.InputObject .InputObjectExt {
	right: 22px;
}
.InputObject .InputObjectSearch svg,
.InputObject .InputObjectExt svg {
	width: 12px;
	height: 12px;
	fill: black;
}

.HstInputNumber {
	position: relative;
	width: 100px;
	margin: 0px 10px 5px 0px;
	display: inline-block;
	white-space: nowrap;
}
.HstInputNumber_year {
	width: 80px;
}
.HstInputNumber input {
	margin: 0px;
}
.HstInputNumber input[type=text].HstInputNumberValue {
	width: 100%;
	box-sizing: border-box;
	text-align:right;
}
.HstInputNumber:not(.HstInputNumber_price) input[type=text].HstInputNumberValue {
	padding-left: 20px;
	padding-right: 20px;
}
.HstInputNumber input[type=button].HstInputNumberButton {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 16px;
	height: 100%;
	border-radius: 3px;
	background-image: none;
	padding: 0;
}
.HstInputNumber input[type=button].HstInputNumberButtonAdd {
	left: auto;
	right: 0;
}

.HstInputTags {
	position: relative;
	margin: 0;
	padding: 0 5px;
	background-color: white;
	display: inline-block;
	white-space: nowrap;
}
.HstInputTags i {
	position: relative;
	background-color: #aaa;
	color: white;
	padding: 2px 5px;
	font-size: 13px;
	line-height: 15px;
	font-style: normal;
	margin: 2px 5px 0 0;
	padding: 2px 15px 2px 4px;
	border-radius: 3px;
	vertical-align: top;
	float: left;
}
.HstInputTags i a {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 3px 3px 3px;
	font-size: 12px;
	line-height: 12px;
	color: rgba(255,255,255,0.4);
}
.HstInputTags i.Focus a,
.HstInputTags i a:hover {
	color: white;
}
.HstInputTags input[type=text] {
	width: 100px;
	margin: 0;
	padding: 4px 0;
	border: 0;
	outline: 0;
	background-color: transparent;
	float: left;
}

.HstInputStars {
	position: relative;
}
.HstInputStars .HstInputStar {
	padding: 1px 3px;
	display: inline-block;
}
.HstInputStars .HstInputStar_half {
	position: absolute;
	top: 0;
	width: 10px;
	padding-right: 0;
	overflow: hidden;
}
.HstInputStars .HstInputStar svg {
	width: 20px;
	height: 20px;
	display: block;
	fill: #ccc;
}
.HstInputStars[data-stars="1"] .HstInputStar_1 svg,
.HstInputStars[data-stars="2"] .HstInputStar_1 svg, .HstInputStars[data-stars="2"] .HstInputStar_2 svg,
.HstInputStars[data-stars="3"] .HstInputStar_1 svg, .HstInputStars[data-stars="3"] .HstInputStar_2 svg, .HstInputStars[data-stars="3"] .HstInputStar_3 svg,
.HstInputStars[data-stars="4"] .HstInputStar_1 svg, .HstInputStars[data-stars="4"] .HstInputStar_2 svg,
.HstInputStars[data-stars="4"] .HstInputStar_3 svg, .HstInputStars[data-stars="4"] .HstInputStar_4 svg,
.HstInputStars[data-stars="5"] .HstInputStar_1 svg, .HstInputStars[data-stars="5"] .HstInputStar_2 svg, .HstInputStars[data-stars="5"] .HstInputStar_3 svg,
.HstInputStars[data-stars="5"] .HstInputStar_4 svg, .HstInputStars[data-stars="5"] .HstInputStar_5 svg,
.HstInputStars .HstInputStar_half svg {
	fill: gold;
}

.HstInputStars[data-stars="0"] .HstInputStar_half { left: 0px; }
.HstInputStars[data-stars="1"] .HstInputStar_half { left: 26px; }
.HstInputStars[data-stars="2"] .HstInputStar_half { left: 52px; }
.HstInputStars[data-stars="3"] .HstInputStar_half { left: 78px; }
.HstInputStars[data-stars="4"] .HstInputStar_half { left: 104px; }


.InputPassword, .InputCopy {
	position: relative;
	width: 82%;
	margin: 3px 3px 0px 0px;
	display: inline-block;
}
.InputCopyTextarea {
	width: 100%;
	box-sizing: border-box;
	display: block;
}
.InputPassword > input, .InputCopy > input, .InputCopy > textarea {
	width: 100%;
	margin: 0;
	padding-right: 50px;
	box-sizing: border-box;
	display: block;
}
.InputCopy > textarea {
	width: calc(100% - 55px);
	padding: 4px 10px;
}
.InputPassword .InputPasswordLink, .InputCopy .InputCopyLink {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	width: 50px;
	background-color: #fafafa;
}
.InputCopyTextarea .InputCopyLink {
	top: auto;
	bottom: 0;
	right: 0;
	height: 32px;
	border: 1px solid #aaa;
	border-radius: 3px;
}
.InputPassword .InputPasswordLink .PasswordShow, .InputPassword .InputPasswordLink .PasswordHide,
.InputCopy .InputCopyLink .InputCopyIcon, .ButtonSubCopy .InputCopyLink .InputCopyIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
	display: block;
}
.InputPassword input[type=text] + .InputPasswordLink .PasswordShow,
.InputPassword input[type=password] + .InputPasswordLink .PasswordHide {
	display: none;
}
.InputCopy .InputCopyLink .InputCopyIconCheck, .InputCopyCheck .InputCopyLink .InputCopyIconCopy,
.ButtonSubCopy .InputCopyLink .InputCopyIconCheck, .ButtonSubCopyCheck .InputCopyLink .InputCopyIconCopy {
	display: none;
}
.InputCopyCheck .InputCopyLink .InputCopyIconCheck,
.ButtonSubCopyCheck .InputCopyLink .InputCopyIconCheck {
	display: block;
}
.InputPassword .InputPasswordLink svg, .InputCopy .InputCopyLink svg, .ButtonSubCopy .InputCopyLink svg {
	width: 18px;
	height: 18px;
	display: block;
}

.InputFile {
	position: relative;
	max-width: 270px;
}
.InputFile input[type=file] {
	display: none;
}
.InputFileDropzone {
	position: relative;
	height: 36px;
	border: 2px dashed #ccc;
	background-color: white;
}
.InputFileProcess {
	position: relative;
	height: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: white;
	margin-top: 10px;
	overflow: hidden;
	display: none;
}
.InputFileProcess .InputFileProcessBar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	background-color: #d5eacc;
}
.InputFileProcess .InputFileProcessInfo {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	color: black;
	font-size: 8px;
	line-height: 10px;
}
.InputFileList {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
.InputFileList li {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0 20px 0 40px;
	border: 1px solid #ccc;
	background-color: white;
}
.InputFileList li[data-loader] {
	height: 32px;
}
.InputFileList li .BwLoader {
	margin-top: 6px;
}
.InputFileList li img, .InputFileList li svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
}
.InputFileList li svg {
	top: 6px;
	left: 8px;
	width: 20px;
	height: 20px;
}
.InputFileList li i {
	white-space: nowrap;
	font-size: 12px;
	line-height: 17px;
	font-style: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}
.InputFileList li small {
	font-size: 10px;
	line-height: 15px;
	display: block;
}
.InputFileList li a {
	position: absolute;
	top: -2px;
	right: 0;
	padding: 1px 5px;
	color: red;
}
.InputFileDropzone .InputFileDropzoneInfo,
.InputFileDropzone .InputFileClip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #ccc;
	align-items: center;
	display: none;
}
.InputFileDropzone .InputFileDropzoneInfo {
	right: 40px;
	width: auto;
	display: flex;
	transition: right 200ms ease-in-out;
}
.InputFileDropzone .InputFileDropzoneInfo .InputFileDropzoneInfoInner,
.InputFileDropzone .InputFileClip .InputFileClipInner {
	width: 100%;
	text-align: center;
}
.InputFileDropzone input[type=text],
form[method=post] .InputFileDropzone input[type=text] {
	position: absolute;
	top: 0;
	left: -1px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	outline: 0;
	background-color: transparent;
	z-index: 1;
}
.InputFileMobile .InputFileDropzone input[type=text] {
	display: none;
}
.InputFileDropzone button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	margin: 0;
	padding: 5px;
	border: 0;
	background-color: transparent;
	z-index: 2;
	cursor: pointer;
}
.InputFileDropzone button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -11px;
	fill: #aaa;
}
.InputFileDropzone button:hover {
	background-color: transparent;
}
.InputFileDropzone button:hover svg {
	fill: black;
}
.InputFileDragover .InputFileDropzone, .InputFileDropzone:hover {
	border-color: black;
}
.InputFileDropzone.InputFileClipover {
	border: 2px solid black;
}
.InputFileDragover .InputFileDropzone input, .InputFileDragover .InputFileDropzone button,
.InputFileDropzone.InputFileClipover .InputFileDropzoneInfo {
	display: none;
}
.InputFileDragover .InputFileDropzone .InputFileDropzoneInfo {
	right: 0;
	color : black;
}
.InputFileDropzone.InputFileClipover .InputFileClip {
	display: flex;
}
.InputFileDropzone.InputFileClipover button {
	display: none;
}
.InputFileDragover {
	position: relative;
}
.InputFileDragover .InputFileDropOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: block;
}
.FilemanagerWrapper {
	position: relative;
	cursor: auto;
}
.WindowWrapper .FilemanagerWrapper {
	min-height: 580px;
}

.PasswordCheckInfo {
	padding: 6px 0 1px 0;
}
.PasswordCheckInfo .PasswordCheck,
.PasswordCheckInfo .PasswordCheck_ok,
.PasswordCheckInfo .PasswordCheck_error {
	position: relative;
	margin: 0 5px 1px 0;
	padding: 1px 3px 1px 25px;
	border-radius: 3px;
	background-color: #F1F1F1;
	color: black;
	display: inline-block;
}
.PasswordCheckInfo .PasswordCheck_ok {
	background-color: #d5eacc;
	color: #2a9402;
}
.PasswordCheckInfo .PasswordCheck_error {
	background-color: #eacccc;
	color: #940203;
}

.PasswordCheckInfo .PasswordCheck:before,
.PasswordCheckInfo .PasswordCheck_ok:before,
.PasswordCheckInfo .PasswordCheck_error:before {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	text-align: center;
	background-color: white;
	border-radius: 100%;
	content: '!';
}
.PasswordCheckInfo .PasswordCheck_ok:before {
	content: '\2713';
}
.PasswordCheckInfo .PasswordCheck_error:before {
	content: '\2715';
}


.SearchHorizontal tr th select {
	background-color:transparent;
	color:white;
	margin:-1px 0px;
	padding:0px;
}
.SearchHorizontal tr th select option {
	background-color:white;
	color:black;
}
.SearchResults {
	width: 100%;
	overflow: auto;
}
.SearchResults > table {
	width:100%;
}
table.SearchResults tr, .SearchResults > table tr {
	vertical-align:top;
}
table.SearchResults tr th, .SearchResults > table tr th,
table.SearchResults tr td, .SearchResults > table tr td {
	padding-left:10px;
}
table.SearchResults tr th, .SearchResults > table tr th {
	text-align:left;
}
table.SearchResults tr th:first-child, .SearchResults > table:not(.Grid) tr th:first-child,
table.SearchResults tr td:first-child, .SearchResults > table:not(.Grid) tr td:first-child {
	padding:5px 0px 5px 0px;
}
table.SearchResults tr td:first-child .Checkbox, form > table tr td:first-child .Checkbox {
	position: relative;
	padding-left: 25px;
	display: inline-block;
}
table.SearchResults tr td:first-child input[type=checkbox], .SearchResults > table tr td:first-child input[type=checkbox] {
	position:absolute;
	top:-1px;
	left:0px;
}
form.SearchResults {
	padding: 0;
	border: 0;
	background-color: transparent;
}


.ResponsiveFormularRow {
	position:relative;
}
.ResponsiveFormularRow .ResponsiveFormularCol {
	padding:5px 0px 7px 0px;
}
.ResponsiveFormularRow .ResponsiveFormularColDesc {
	padding-top:7px;
	padding-bottom:5px;
	float:left;
}
.ResponsiveFormularRowNarrow .ResponsiveFormularColDesc {
	float:none;
	padding-top:5px;
	padding-bottom:0px;
}
.ResponsiveFormularRowNarrow .ResponsiveFormularColInput {
	margin-left:0px !important;
	padding-bottom:2px;
}



.ui-accordion-header {
	position: relative;
	padding: 10px 10px 8px 40px;
	border-bottom: 2px solid #EEEEEE;
	background-color: #F7F7F7;
	font-weight: bold;
	display: block;
	transition: background-color 200ms ease-in-out;
	cursor: pointer;
}
.ui-accordion-content + .ui-accordion-header {
	margin-top: 15px;
}
.ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	top: 50%;
	left: 11px;
	width: 20px;
	margin-top: -13px;
	text-align: center;
	font-size: 26px;
	line-height: 26px;
	font-family: Arial, sans-serif;
	font-weight: normal;
}
.ui-accordion-header .ui-accordion-header-icon:after {
	content: '+';
}
.ui-accordion-header-active .ui-accordion-header-icon:after {
	content: '-';
}
.ui-accordion-content {
	padding-top: 10px;
}

.ui-state-highlight {
	margin:0px;
	padding:2px 0px;
	border:1px solid #fcefa1;
	background-color:#fbf9ee;
	border-radius:2px;
	list-style:none;
}

ul.ui-sortable {
	margin:0px;
	padding:2px 0px;
}
ul.ui-sortable > li {
	position:relative;
	list-style:none;
	border-top:1px solid #DDD;
	background-color:#F2F2F2;
	padding:9px 10px 9px 35px;
}
ul.ui-sortable > li .Handle {
	position:absolute;
	top:7px;
	left:7px;
	width:20px;
	height:20px;
	background-color: rgba(255,255,255,0.4);
	background-image: conic-gradient(rgba(0,0,0,0.4) 25%, rgba(255,255,255,0.4) 0 50%, rgba(0,0,05,0.4) 0 75%, rgba(255,255,255,0.4) 0);
	background-size: 8px 8px;
	cursor:move;
}
ul.ui-sortable > li.ui-state-highlight {
	border:1px solid #fcefa1;
	background-color:#fbf9ee;
	border-radius:0px;
	height:14px;
}
.CmsFormularEditable li[data-id] svg {
	float: left;
	margin: 0 10px 0 0;
}
.ResponsiveFormularColInput ul.ui-sortable > li {
	padding-top: 2px;
	padding-bottom: 6px;
}
ul.RectangleSortable > li {
	position:relative;
	width: 175px;
	height: 30px;
	padding: 10px 5px 10px 25px;
	border-left: 4px solid transparent;
	background-color: #EEE;
	float: left;
	margin: 2px 5px 3px 0px;
	word-wrap: break-word;
	overflow: hidden;
}
ul.RectangleSortable > li.ui-state-highlight {
	height: 29px;
}
ul.RectangleSortable > li .Handle {
	width: 13px;
	height: auto;
	left: 3px;
	top: 10px;
	bottom: 10px;
}
ul.RectangleSortable:after {
	height: 0;
	margin: 0;
	padding: 0;
	list-style:none;
	display: block;
	clear: both;
	content: "";
}



.ui-datepicker {
	display:none;
	background-color:#F8F8F8;
	box-shadow:#333 1px 1px 3px;
}
.ui-datepicker .ui-datepicker-header {
	position:relative;
	color:white;
	font-weight:bold;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position:absolute;
	top:0px;
	cursor:pointer;
	color:#666;
	font-weight:normal;
	font-size:16px;
	padding:8px 7px;
}
.ui-datepicker .ui-datepicker-prev {
	left:0px;
	text-decoration:none;
}
.ui-datepicker .ui-datepicker-next {
	right:0px;
	text-decoration:none;
}
.ui-datepicker .ui-datepicker-title {
	text-align:center;
	background-color:#666;
	padding:5px 0px;
}
.ui-datepicker .ui-datepicker-title, .ui-datepicker th {
	background-color:transparent;
	color:#666;
	font-weight:normal;
}
.ui-datepicker .ui-datepicker-title select {
	background-color:transparent;
	border:1px solid #EEE;
	margin:0;
	padding:2px;
	border-radius:0;
	width:auto;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
	margin-right:5px;
}
.ui-datepicker table {
	width:100%;
	font-size:10px;
	border-spacing:0px;
}
.ui-datepicker th {
	background-color:#CCC;
	padding:1px 0px;
}
.ui-datepicker td, .ui-datepicker td:first-child {
	padding:1px;
}
.ui-datepicker td a {
	display:block;
	padding:5px 6px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	background-color:white;
	color:black;
}
.ui-datepicker td a.ui-state-highlight {
	border:0px;
	border-radius:0;
	background-color:#CCC;
	color:white;
}
.ui-datepicker td a:hover {
	background-color:#EEE;
	color:black;
}





.wickedpicker {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	box-shadow: #333 1px 1px 3px;
	background:white;
	margin:0 auto;
	border-radius:.1px;
	display:none
}
.wickedpicker__title {
	display:none;
}
.wickedpicker__close:before {
	content:'\00d7'
}
.wickedpicker__controls {
	margin:0;
	padding:2px 10px;
	line-height:normal;
}
.wickedpicker__controls__control, .wickedpicker__controls__control--separator {
	vertical-align:middle;
	display:inline-block;
	font-size:inherit;
	margin:0 auto;
	width:35px;
	letter-spacing:1.3px
}
.wickedpicker__controls__control:nth-child(4n) {
	margin-left:5px;
}
.wickedpicker__controls__control span[tabindex]:focus {
	outline: none;
}
.wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
	display:block;
	margin:0px auto;
	padding:8px 0px;
	cursor:pointer
}
.wickedpicker__controls__control-up {
	padding-top:12px;
}
.wickedpicker__controls__control-down {
	padding-bottom:12px;
}
.wickedpicker__controls__control-up:before, .wickedpicker__controls__control-down:before {
	width:0px;
	height:0px;
	margin:0px auto;
	border:7px solid transparent;
	display:block;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	content:' ';
}
.wickedpicker__controls__control-up:before {
	border-top:0px;
	border-bottom:7px solid #444;
}
.wickedpicker__controls__control-down:before {
	border-top:7px solid #444;
	border-bottom:0px;
}
.wickedpicker__controls__control--separator {
	width:5px
}
.text-center, .wickedpicker__controls, .wickedpicker__controls__control, .wickedpicker__controls__control--separator,
.wickedpicker__controls__control-down, .wickedpicker__controls__control-up, .wickedpicker__title {
	text-align:center
}
.hover-state {
	color:#3498db
}
.clearable-picker {
	position:relative;
	display:inline-block
}
.clearable-picker > .hasWickedpicker {
	padding-right:1em
}
.clearable-picker > .hasWickedpicker::-ms-clear {
	display:none
}
.clearable-picker>[data-clear-picker] {
	position:absolute;
	top:16px;
	right:5px;
	transform:translateY(-50%);
	font-weight:700;
	font-size:.8em;
	padding:0 .3em .2em;
	line-height:1;
	color:#bababa;
	cursor:pointer
}
.clearable-picker>[data-clear-picker]:hover {
	color:#a1a1a1
}

table.Calendar {
	width:100%;
	border-spacing:0px;
}
table.Calendar tr {
	vertical-align:top;
}
table.Calendar tr th, table.Calendar tr td {
	width:14.3%;
}
table.Calendar tr td a {
	text-align:center;
	display:block;
}

.ui-helper-hidden-accessible {
	display:none;
}
.ui-autocomplete, .textboxlist-autocomplete-results {
	position:absolute;
	margin:0px;
	padding:0px;
	border:1px solid #AAA;
	background-color:white;
	list-style:none;
	z-index: 4000;
}
.ui-autocomplete li, .textboxlist-autocomplete-results li {
	list-style:none;
}
.ui-autocomplete .ui-autocomplete-item a, .ui-autocomplete .ui-menu-item a {
	padding:2px 4px;
	color:#444;
	cursor:pointer;
	display:block;
}
.ui-autocomplete .ui-autocomplete-category {
	margin-top:5px;
	padding:3px 5px;
	background-color:#DDD;
}
.ui-autocomplete .ui-autocomplete-item a:hover, .ui-autocomplete .ui-autocomplete-item .ui-state-focus, .ui-autocomplete .ui-menu-item a:hover, .ui-autocomplete .ui-menu-item .ui-state-focus {
	background-color:#EEE;
	text-decoration:none;
	cursor:pointer;
}


.minicolors {
  position: relative;
}

.minicolors-sprite {
  background-image: url(//ssl.bwhosting.eu/system/index.php/lib/minicolors/jquery.minicolors.png);
}

.minicolors-swatch {
  position: absolute;
  vertical-align: middle;
  background-position: -80px 0;
  border: solid 1px #ccc;
  cursor: text;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.minicolors-swatch-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.minicolors input[type=hidden] + .minicolors-swatch {
  width: 28px;
  position: static;
  cursor: pointer;
}

.minicolors input[type=hidden][disabled] + .minicolors-swatch {
  cursor: default;
}

/* Panel */
.minicolors-panel {
  position: absolute;
  width: 173px;
  background: white;
  border: solid 1px #CCC;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  z-index: 99999;
  box-sizing: content-box;
  display: none;
}

.minicolors-panel.minicolors-visible {
  display: block;
}

/* Panel positioning */
.minicolors-position-top .minicolors-panel {
  top: -154px;
}

.minicolors-position-right .minicolors-panel {
  right: 0;
}

.minicolors-position-bottom .minicolors-panel {
  top: auto;
}

.minicolors-position-left .minicolors-panel {
  left: 0;
}

.minicolors-with-opacity .minicolors-panel {
  width: 194px;
}

.minicolors .minicolors-grid {
  position: relative;
  top: 1px;
  left: 1px;
  width: 150px;
  height: 150px;
  margin-bottom: 2px;
  background-position: -120px 0;
  cursor: crosshair;
}

.minicolors .minicolors-grid-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
}

.minicolors-slider-saturation .minicolors-grid {
  background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
  background-position: -270px 0;
  background-image: inherit;
}

.minicolors-slider-brightness .minicolors-grid {
  background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
  background-color: black;
}

.minicolors-slider-wheel .minicolors-grid {
  background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
  position: absolute;
  top: 1px;
  left: 152px;
  width: 20px;
  height: 150px;
  background-color: white;
  background-position: 0 0;
  cursor: row-resize;
}

.minicolors-slider-saturation .minicolors-slider {
  background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
  background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
  background-position: -20px 0;
}

.minicolors-opacity-slider {
  left: 173px;
  background-position: -40px 0;
  display: none;
}

.minicolors-with-opacity .minicolors-opacity-slider {
  display: block;
}

/* Pickers */
.minicolors-grid .minicolors-picker {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 12px;
  height: 12px;
  border: solid 1px black;
  border-radius: 10px;
  margin-top: -6px;
  margin-left: -6px;
  background: none;
}

.minicolors-grid .minicolors-picker > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: solid 2px white;
  box-sizing: content-box;
}

.minicolors-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 2px;
  background: white;
  border: solid 1px black;
  margin-top: -2px;
  box-sizing: content-box;
}

/* Swatches */
.minicolors-swatches,
.minicolors-swatches li {
  margin: 5px 0 3px 5px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.minicolors-swatches .minicolors-swatch {
  position: relative;
  float: left;
  cursor: pointer;
  margin:0 4px 0 0;
}

.minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
  margin-right: 7px;
}

.minicolors-swatch.selected {
  border-color: #000;
}

/* Inline controls */
.minicolors-inline {
  display: inline-block;
}

.minicolors-inline .minicolors-input {
  display: none !important;
}

.minicolors-inline .minicolors-panel {
  position: relative;
  top: auto;
  left: auto;
  box-shadow: none;
  z-index: auto;
  display: inline-block;
}

/* Default theme */
.minicolors-theme-default .minicolors-swatch {
  top: 50%;
  left: 3px;
  width: 17px;
  height: 17px;
  margin-top:-8px;
}
.minicolors-theme-default .minicolors-swatches .minicolors-swatch {
  margin-bottom: 2px;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
  left: auto;
  right: 5px;
}
.minicolors-theme-default.minicolors {
  width: auto;
  display: inline-block;
}
.minicolors-theme-default .minicolors-input {
  width:100px;
  display: inline-block;
  padding-left: 27px;
}
.minicolors-theme-default .minicolors-input[data-opacity] {
	width:150px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-input {
  padding-right: 26px;
  padding-left: inherit;
}

/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
  z-index: 2;
  top: 3px;
  left: 3px;
  width: 28px;
  height: 28px;
  border-radius: 3px;
}
.minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
  margin-bottom: 2px;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
.minicolors-theme-bootstrap .minicolors-swatch-color {
  border-radius: inherit;
}
.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
  left: auto;
  right: 3px;
}
.minicolors-theme-bootstrap .minicolors-input {
  float: none;
  padding-left: 44px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
  padding-right: 44px;
  padding-left: 12px;
}
.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
  top: 4px;
  left: 4px;
  width: 37px;
  height: 37px;
  border-radius: 5px;
}
.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
  width: 24px;
  height: 24px;
}
.minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
  width: 18px;
  height: 18px;
}
.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Semantic Ui theme */
.minicolors-theme-semanticui .minicolors-swatch {
  top: 0;
  left: 0;
  padding: 18px;
}
.minicolors-theme-semanticui input {
  text-indent: 30px;
}

.textboxlist {
	cursor: text;
}
.textboxlist-bits {
	overflow: hidden;
	margin: 0;
	padding: 4px 4px 0px;
	border: 1px solid #AAA;
	border-radius:2px;
	background-color: #F5F5F5;
}
.textboxlist-bit {
	list-style-type: none;
	float: left;
	display: block;
	padding: 0;
	margin: 0 5px 4px 0;
	cursor: default;
}
.textboxlist-bit-editable-input {
	border: 0;
	padding: 2px 0;
	height: 14px;
}
.textboxlist-bit-editable-input:focus {
	outline: 0;
}
.textboxlist-bit-box {
	position: relative;
	line-height: 18px;
	padding: 0 5px;
	border-radius: 2px;
	border: 1px solid #BAC8D3;
	background-color:#CAD8F3;
	cursor: default;
}
.textboxlist-bit-box-deletable {
	padding-right: 15px;
}
.textboxlist-bit-box-deletebutton {
	position: absolute;
	right: 4px;
	top: 6px;
	display: block;
	width: 7px;
	height: 7px;
	line-height:7px;
	font-size:8px;
	color:#AAA;
}
.textboxlist-bit-box-deletebutton:before {
	content:'\2715';
}
.textboxlist-bit-box-deletebutton:hover {
	color:black;
	text-decoration:none;
}
.textboxlist-bit-box-hover {
	border-color:#CAD8F3;
	background-color:#DAE8FF;
}
.textboxlist-bit-box-focus {
	border-color: #9AA8B3;
	background: #8AA8D3;
	color: #fff;
}
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton {
	color:white;
}
.textboxlist-bits input {
	border:0px;
	background-color:transparent !important;
	border-radius:0px;
	box-shadow:none;
	padding:2px 0px;
	margin:0px;
}
.textboxlist-autocomplete-placeholder {
	display:none !important;
}
.textboxlist-autocomplete {
	position:relative;
}
.textboxlist-autocomplete .textboxlist-autocomplete-results {
	top:-1px;
	left:0px;
	padding:2px 0px;
	display:none;
	z-index:1;
}
.textboxlist-autocomplete .textboxlist-autocomplete-results li {
	padding:2px 10px;
}


.InputPinWrapper {
	position: relative;
}
.InputHiddenCode {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 28px;
	background-color: white;
	box-sizing: border-box;
}
.InputHiddenCode > div {
	position: absolute;
	top: 8px;
	left: 10px;
	color: #888;
	font-size: 14px;
	line-height: 14px;
}
.InputHiddenCodeValue > div {
	font-size: 28px;
	line-height: 14px;
	letter-spacing: 3px;
	color: black;
}
.InputHiddenCode input[type=text] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border-color: transparent !important;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: transparent !important;
	color: transparent !important;
}
.InputPin {
	margin-top: 10px;
	min-width: 230px;
}
.InputPinRow {
	padding-top: 2px;
}
.InputPinCol {
	width: 33.3%;
	padding: 3px;
	box-sizing: border-box;
	float: left;
}
.InputPinButton {
	padding: 7px 0;
	border: 1px solid #ccc;
	background-color: white;
	text-align: center;
	display: block;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	transition: border-color 300ms ease-in-out;
}
.InputPinButtonClear, .InputPin input[type=submit] {
	font-size: 14px;
	margin: 0;
}
.InputPinButton:hover, .InputPinButton:focus {
	border-color: #555;
}
.InputPin input[type=submit] {
	width: 100%;
	padding: 7px 0;
	border-radius: 0;
}

@media (max-width: 480px) {
	.InputPinButton {
		padding: 12px 0;
	}
}


.ui-slider {
	margin:8px 0px;
	position:relative;
	border:1px solid #AAA;
	background-color:white;
	height:5px;
	border-radius:3px;
}
.ui-slider .ui-slider-range {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	height:100%;
	background-color:#EEE;
	border-radius:3px;
}
.ui-slider .ui-slider-handle {
	position:absolute;
	top:-3px;
	height:9px;
	width:9px;
	border:1px solid #999;
	background-color:#EEE;
	border-radius:5px;
	z-index:2;
	cursor:pointer;
}


.ui-resizable {
	position:relative;
}
.ui-resizable .ui-resizable-handle {
	position:absolute;
	z-index:auto;
	background-color:rgba(255,255,255,0.4);
	background-image: conic-gradient(rgba(0,0,0,0.4) 25%, rgba(255,255,255,0.4) 0 50%, rgba(0,0,05,0.4) 0 75%, rgba(255,255,255,0.4) 0);
	background-size: 6px 6px;
}
.ui-resizable .ui-resizable-e {
	cursor: e-resize;
	top: 0px;
	right:-4px;
	width:6px;
	height:100%;
}
.ui-resizable .ui-resizable-s {
	cursor: s-resize;
	bottom:0px;
	left: 0px;
	width:100%;
	height:6px;
}
.ui-resizable .ui-resizable-se {
	cursor:se-resize;
	right:1px;
	bottom:1px;
	width:7px;
	height:7px;
}


.signature-pad {
	position: relative;
	border: 1px solid #ccc;
	background-color: white;
}
.signature-pad canvas {
	display: block;
}
.signature-pad-clear {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 5px;
	border: 0;
	background-color: transparent;
	color: black;
}


.ButtonIcon {
	padding-left: 30px;
}
.ButtonIcon svg {
	position: absolute;
	top: 50%;
	left: 8px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	fill: white;
}
.ButtonIconEmpty {
	padding-left: 28px;
	padding-right: 0;
}
.ButtonSub {
	position:relative;
}
.ButtonSub input[type=button], .ButtonSub button {
	margin: 0px;
}
.ButtonSub input[type=button]:focus, .ButtonSub button:focus {
	outline: none;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.ButtonSub .ButtonSubmenu {
	position: absolute;
	top: 100%;
	left: 0px;
	min-width: 120px;
	margin-top: 10px;
	padding: 10px 0px;
	border-radius: 3px;
	background-color: #333;
	color: white;
	text-align: left;
	z-index: 100;
}
.ButtonSub .ButtonSubmenu:before {
	position: absolute;
	top: -10px;
	left: 18px;
	border: 10px solid transparent;
	border-top: 0;
	border-bottom-color: #333;
	content: "";
}
.ButtonSubRight .ButtonSubmenu {
	left: auto;
	right: 0;
}
.ButtonSubRight .ButtonSubmenu:before {
	left: auto;
	right: 18px;
}
.ButtonSub .ButtonSubmenu a {
	display: block;
	padding: 4px 15px;
	color: white;
	white-space: nowrap;
}
.ButtonSub .ButtonSubmenu a:hover {
	background-color: #444;
	text-decoration: none;
}
.ButtonSub .ButtonSubmenu .ButtonSubCopy {
	position: relative;
	padding-right: 30px;
}
.ButtonSub .ButtonSubmenu .ButtonSubCopy .InputCopyLink {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 100%;
	padding: 0;
}
.ButtonSub .ButtonSubmenu .ButtonSubCopy .InputCopyIcon {
	margin: -6px 0 0 -6px;
}
.ButtonSub .ButtonSubmenu .ButtonSubCopy .InputCopyLink svg {
	width: 12px;
	height: 12px;
	fill: #ddd;
}
.ButtonSub .ButtonSubmenu .ButtonSubCopy .InputCopyLink:hover svg {
	fill: white;
}
.ButtonSub .ButtonSubmenu hr {
	margin:5px 15px;
}

.ButtonSub .ButtonSubmenu .LabelWindow {
	background-color: white;
	padding: 5px 8px 8px 8px;
	margin: 0 10px;
}
.ButtonSub .ButtonSubmenu .LabelWindow a {
	width: 49%;
	height: 20px;
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
	background-color: #f1f1f1;
}
.ButtonSub .ButtonSubmenu .LabelWindow_r8 a {
	height: 14px;
}
.ButtonSub .ButtonSubmenu .LabelWindow a:hover {
	background-color: #ccc;
}
.ButtonSub .ButtonSubmenu .LabelWindow_c2 a:nth-child(2n) {
	margin-left: 2%;
}
.ButtonSub .ButtonSubmenu .LabelWindow_c3 a {
	width: 32%;
	margin-right: 2%;
}
.ButtonSub .ButtonSubmenu .LabelWindow_c3 a:nth-child(3n) {
	margin-right: 0;
}

.Buttons {
	margin-bottom: 20px;
}
.Buttons .Button {
	margin: 0 5px 5px 0;
	background-color: white;
	color: black;
}
.Buttons .ButtonSub {
	margin: 0 5px 5px 0;
	display: inline-block;
}
.Buttons .ButtonSub button {
	padding: 6px 15px 6px 30px;
	background-color: white;
	color: black;
}
.Buttons .Button:hover, .Buttons .ButtonSub button:hover {
	background-color: #f4f4f4;
}
.Buttons .Button svg, .Buttons .ButtonSub button svg {
	fill: black;
}
table.Zebra .Buttons, .ResponsiveFormularRow .Buttons {
	margin-bottom: 0;
}
.SmallButtons .Button {
	padding-top: 3px;
	padding-bottom: 3px;
}

td > .SmallButtons {
	margin-bottom: 0;
}


.InputPrefix {
	position:relative;
}
.InputPrefix .InputPrefixChar {
	position:absolute;
	top:8px;
	left:10px;
	font-size:13px;
}
.InputPrefix input {
	width:200px;
	padding-left:16px;
}


.Linklist {
	word-spacing:10px;
}
.Linklist a, .Linklist b {
	word-spacing:0px;
	white-space: nowrap;
}

.mce-tinymce-inline {
	margin-left:-2px !important;
}
.mce-tinymce-inline.mce-fixed {
	position: fixed !important;
	top: 44px !important;
}
div[data-template] {
	display:none;
}
.mce-panel {
	border-color:#CCC !important;
}
.mce-fixed {
	position:fixed !important;
}
.mce-toolbar .mce-flow-layout {
	white-space:nowrap;
}
.mce-menu {
	max-height:400px;
	overflow-x: hidden;
	overflow-y:auto;
}

form > table {
	width:100%;
	border-spacing:0px;
}

.Float {
	float:left;
}
.Clear {
	margin:0px;
	padding:0px;
	border:0px;
	clear:both;
	display:block;
}



.CmsImageResizer {
	position:relative;
	width:100%;
	min-height:2px;
	margin:10px -1px;
	border:1px inset black;
	overflow:hidden;
}
.CmsImageResizer img {
	position:absolute;
	top:0px;
	left:0px;
	cursor:move;
}


.LayoutCols {
	display: inline-block;
	width: 80px;
	padding: 2px;
	box-sizing: border-box;
	vertical-align: middle;
	border: 1px solid #999;
}
.LayoutCols:after {
	display: block;
	clear: both;
	content: "";
}
.LayoutCols span {
	height: 22px;
	margin-left: 2px;
	background-color: #999;
	float: left;
	display: none;
}
.LayoutCols_1 span:nth-child(1) {
	width: 100%;
	display: block;
}
.LayoutCols_2 span:nth-child(1), .LayoutCols_2 span:nth-child(2) {
	width: calc(50% - 1px);
	display: block;
}
.LayoutCols_3 span:nth-child(1), .LayoutCols_3 span:nth-child(2), .LayoutCols_3 span:nth-child(3) {
	width: calc(33.3% - 1.33px);
	display: block;
}
.LayoutCols_4 span:nth-child(1), .LayoutCols_4 span:nth-child(2), .LayoutCols_4 span:nth-child(3), .LayoutCols_4 span:nth-child(4) {
	width: calc(25% - 1.5px);
	display: block;
}
.LayoutCols_5 span:nth-child(1), .LayoutCols_5 span:nth-child(2), .LayoutCols_5 span:nth-child(3), .LayoutCols_5 span:nth-child(4), .LayoutCols_5 span:nth-child(5) {
	width: calc(20% - 1.6px);
	display: block;
}
.LayoutCols_6 span:nth-child(1), .LayoutCols_6 span:nth-child(2), .LayoutCols_6 span:nth-child(3), .LayoutCols_6 span:nth-child(4), .LayoutCols_6 span:nth-child(5), .LayoutCols_6 span:nth-child(6) {
	width: calc(16.6% - 1.66px);
	display: block;
}
.LayoutCols span:first-child {
	margin-left: 0;
}


.Search {
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
	border:1px solid #DDD;
	background-color:#FAFAFA;
}
form.Search {
	padding: 5px 60px 5px 0px;
}
.SearchInner {
	overflow-x: auto;
}
.SearchTable {
	width: 100%;
	display: table;
}
.SearchTable .SearchCols {
	display: table-row;
}
.SearchTable .SearchCol {
	display: table-cell;
	vertical-align: top;
}
.SearchTable .SearchCol > strong {
	height: 31px;
	padding: 8px 15px 5px 0;
	border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	font-weight: normal;
	white-space: nowrap;
	display: block;
}
.SearchTable .SearchColSelect > strong {
	padding-top: 5px;
}
.SearchTable .SearchColSelect > strong select {
	padding: 1px;
}
.SearchTable .SearchCol > span {
	padding: 8px 15px 8px 0;
	display: block;
	white-space: nowrap;
}
.SearchTable .SearchCol:first-child > strong,
.SearchTable .SearchCol:first-child > span {
	margin-left: 15px;
}
.SearchTable .SearchCol input[type=text], .SearchTable .SearchCol input[type=number],
.SearchTable .SearchCol input[type=date], .SearchTable .SearchCol input[type=email],
.SearchTable .SearchCol select, .SearchTable .SearchCol .InputObject {
	width: 100%;
	min-width: 90px;
	margin: 0;
	box-sizing: border-box;
}
.SearchTable .SearchCol .Checkbox {
	margin-top: 4px;
}
.SearchTable .SearchCol input.hasDatepicker,
.SearchTable .SearchCol input[type=date] {
	width: 100px;
}
.SearchRow {
	padding: 5px 15px 8px 15px;
}
.SearchRow .SearchCol {
	float: left;
}
.SearchRow .SearchCol i {
	font-style: normal;
}
.SearchRow .SearchCol .Radio, .SearchRow .SearchCol .Checkbox {
	margin-right: 0;
	margin-left: 5px;
}
.SearchRow .SearchColPlaceholder {
	margin: 0px 15px;
	float: left;
}
form[method=get].Search button {
	position: absolute;
	top: 33px;
	right: 12px;
	margin: 0;
	padding: 10px;
}
form[method=get].Search button svg {
	fill: white;
	display: block;
}
form[method=get].Search button span {
	display: none;
}
.Search tr.CreateRow td {
	background-color:#F2F2F2;
}
.Search tr.CreateRow td:first-child {
	padding-left:10px;
	border-left:1px solid #E1E1E1;
}
.Search tr td table {
	margin : 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	background-color: transparent;
}
.Search tr td table tr {
	vertical-align: top;
}
.Search tr td table tr td {
	padding:0px 5px 4px 0px;
}
.Search tr td table tr td:first-child {
	padding-top: 6px;
}
.Search input[type=text], .Search input[type=password], .Search input[type=email], .Search input[type=number], .Search input[type=date], .Search textarea, .Search select, .Search .textboxlist-bits {
	background-color:white;
}
.SearchShow {
	margin-bottom: 20px;
	padding: 10px;
	border:1px solid #DDD;
	text-align: center;
	display: none;
}
@media (max-width: 980px) {
	.SearchShow {
		display: block;
	}
	form[method=get].Search {
		padding-right: 0;
		display: none;
	}
	.SearchTable, .SearchTable .SearchCols, .SearchTable .SearchCol {
		display: block;
	}
	.SearchTable .SearchCol, .SearchRow .SearchCol {
		position: relative;
		padding-left: 140px;
		float: none;
	}
	.SearchTable .SearchCol strong, .SearchRow .SearchCol i {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 15px;
		width: 120px;
		padding: 0;
		border: 0;
		display: flex;
		align-items: center;
	}
	.SearchTable .SearchCol:first-child strong, .SearchTable .SearchCol:first-child span {
		margin-left: 0;
	}
	.SearchRow {
		padding: 0;
	}
	.SearchRow .SearchCol {
		padding: 10px 15px 10px 140px;
	}
	.SearchRow .SearchCol .Radio, .SearchRow .SearchCol .Checkbox {
		margin-left: 0;
		margin-right: 5px;
	}
	.SearchRow .SearchColPlaceholder {
		display: none;
	}
	form[method=get].Search button {
		position: relative;
		top: 0;
		right: 0;
		margin: 8px 0 10px 140px;
		padding: 5px 8px 5px 28px;
	}
	form[method=get].Search button svg {
		position: absolute;
		top: 5px;
		left: 6px;
		width: 16px;
		height: 16px;
	}
	form[method=get].Search button span {
		display: inline;
	}
}
@media (max-width: 650px) {
	.SearchTable .SearchCol strong, .SearchRow .SearchCol i {
		position: relative;
		left: 0;
		width: auto;
		display: block;
		margin-bottom: 5px;
	}
	.SearchRow .SearchCol i {
		display: inline;
		margin-right: 10px;
	}
	.SearchTable .SearchCol, .SearchRow .SearchCol {
		padding-left: 15px;
	}
	.SearchTable .SearchCol span {
		padding-top: 0px;
	}
}


/* Infobox */
.BwBox {
	margin-bottom:10px;
	padding:10px;
	border:1px dotted #CCC;
	border-radius:2px;
	background-color:#EEE;
}
.BwBoxError, .BwBoxOk {
	padding:4px 10px;
	background-color:#C00;
	text-align:center;
	color:white;
}
.BwBoxOk {
	background-color:#0A0;
}
.BwBoxOk a, .BwBoxError a {
	color:white;
	text-decoration:underline;
}


/* Tooltip */
.BwTooltip, .FilemanagerColLinks a {
	position:relative;
}
.BwTooltip .BwTooltipInner, .FilemanagerColLinks a i {
	position:absolute;
	top:10px;
	left:10px;
	min-width:200px;
	max-width:300px;
	background-color:black;
	background-color:rgba(0,0,0,0.7);
	padding:10px;
	border-radius:5px;
	color:white;
	text-decoration:none;
	display:none;
	z-index: 1200;
}
.BwTooltip:hover .BwTooltipInner, .FilemanagerColLinks a:hover i {
	display:block;
}
.BwTooltip .BwTooltipInner a {
	color:#DDD;
}
.BwTooltipDiv {
	position:absolute;
	top:10px;
	left:10px;
	min-width:200px;
	max-width:300px;
	background-color:black;
	background-color:rgba(0,0,0,0.7);
	padding:10px;
	border-radius:5px;
	color:white;
	text-decoration:none;
	display:none;
	z-index: 1200;
}
.BwTooltipDiv h6 {
	margin:0px 0px 5px 0px;
	padding:0px;
	border-bottom:1px solid #CCC;
	font-size:14px;
}




.Rectangle {
	position:relative;
	width:175px;
	height:60px;
	padding:10px 10px 10px 6px;
	border-left:4px solid transparent;
	background-color:#EEE;
	float:left;
	margin:2px 5px 3px 0px;
	word-wrap: break-word;
	overflow:hidden;
}
.Rectangle .RectangleBottom, .Rectangle .RectangleBottomRight {
	position:absolute;
	bottom:10px;
	left:10px;
}
.Rectangle .RectangleBottomRight {
	left:auto;
	right:10px;
}
a.Rectangle:hover {
	text-decoration:none;
	background-color:#F5F5F5;
}


.SpaceBar {
	position:relative;
	border:1px solid #CCC;
}
.SpaceBar .SpaceBarInner {
	width:0%;
	height:10px;
}









/* Navigation */
.Nav, .ui-tabs-nav {
	padding: 0px;
	margin: 10px 0 25px 0;
	border-bottom: 1px solid #ccc;
}

.Nav a, .ui-tabs-nav > li, .ui-tabs-nav > li > a {
	margin: 10px 0 -1px 5px;
	padding: 8px 15px;
	border: 1px solid #f1f1f1;
	border-bottom-color: #ccc;
	background-color: white;
	color: black;
	display: block;
	float: left;
}
.ui-tabs-nav {
	margin: 10px 0px;
}
.ui-tabs-nav > li {
	padding: 0px;
	border: 0px;
	border-radius: 0;
	background-color: transparent;
	list-style: none;
}
.ui-tabs-nav > li a {
	margin: 0px;
	padding: 4px 10px;
	float: none;
}
.ui-tabs-nav:after {
	content: ' ';
	clear: both;
	display: block;
}
.Nav a:hover, .ui-tabs-nav > li > a:hover {
	background-color: #f9f9f9;
	text-decoration: none;
}
.Nav a.Select, .ui-tabs-nav > li.ui-tabs-active > a {
	border-color: #ccc;
	border-bottom-color: white;
	background-color: white;
}
form[method=post]:not(.SearchResults) .ui-tabs-nav > li a {
	padding: 8px 15px;
}
form[method=post]:not(.SearchResults) .Nav a.Select,
form[method=post]:not(.SearchResults) .ui-tabs-nav > li.ui-tabs-active > a {
	border-bottom-color: #FAFAFA;
	background-color: #FAFAFA;
}

.DefaultContentRow2 .DefaultContentCol, .DefaultContentRow3 .DefaultContentCol, .DefaultContentRow4 .DefaultContentCol {
	width: 49%;
	margin: 0 0 0 2%;
	float: left;
}
.DefaultContentRow3 .DefaultContentCol {
	width: 32%;
}
.DefaultContentRow4 .DefaultContentCol {
	width: 23.5%;
}
.DefaultContentRow .DefaultContentCol:first-child {
	margin-left: 0;
}
@media (max-width: 800px) {
	.DefaultContentRow4 .DefaultContentCol {
		width: 49%;
	}
	.DefaultContentRow4 .DefaultContentCol:nth-child(3) {
		margin-left: 0;
	}
}
@media (max-width: 600px) {
	.DefaultContentRow2 .DefaultContentCol,
	.DefaultContentRow3 .DefaultContentCol {
		width: 100%;
		margin-left: 0;
		float: none;
	}
}
@media (max-width: 450px) {
	.DefaultContentRow4 .DefaultContentCol {
		width: 100%;
		margin-left: 0;
		float: none;
	}
}

.CmsNavigationEditable {
	margin:0px;
	padding:5px 0px;
	background-color:#FDFDF6;
}
.CmsNavigationEditable .CmsNavigationEditableName {
	padding-right: 25px;
}
.CmsNavigationEditable .CmsNavigationEditableName a {
	font-weight: bold;
	color: black;
}
.CmsNavigationEditable .CmsNavigationEditableExt {
	position: absolute;
	top: 10px;
	right: 10px;
}
.CmsNavigationEditable > li ul {
	min-height: 5px;
	margin-top: 5px;
	padding-left:5px;
	border-left:1px solid #555;
}
.CmsNavigationEditable > li ul .CmsNavigationEditableName {
	padding-right: 15px;
}
.CmsNavigationEditable > li ul .CmsNavigationEditableExt svg {
	width: 14px;
	height: 14px;
}

.StepNavigation {
	margin-bottom:30px;
}
.StepNavigation a {
	position:relative;
	width: 33.3%;
	min-width:160px;
	height:34px;
	margin-bottom:5px;
	padding: 8px 0px 8px 30px;
	border:1px solid #CCC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #F4F4F4;
	color:black;
	text-align: center;
	font-size:14px;
	line-height:normal;
	float: left;
	display: block;
}
.StepNavigation a:before, .StepNavigation a:after {
	position:absolute;
	top:0px;
	right:-31px;
	border:16px solid transparent;
	border-left:30px solid #999;
	border-right:0px;
	content:" ";
	z-index:2;
}
.StepNavigation a:after {
	right:-30px;
	border-left-color:#F4F4F4;
}
.StepNavigation[data-nav="4"] a {
	width:25%;
}
.StepNavigation[data-nav="4"] a:nth-child(4):before, .StepNavigation[data-nav="4"] a:nth-child(4):after {
	display:none;
}
.StepNavigation[data-nav="5"] a {
	width:20%;
}
.StepNavigation[data-nav="5"] a:nth-child(5):before, .StepNavigation[data-nav="5"] a:nth-child(5):after {
	display:none;
}
.StepNavigation[data-nav="6"] a {
	width:16.6%;
}
.StepNavigation[data-nav="6"] a:nth-child(6):before, .StepNavigation[data-nav="6"] a:nth-child(6):after {
	display:none;
}
.StepNavigation a:hover, .StepNavigation a.StepNavigationActive {
	background-color:#FCFCFC;
}
.StepNavigation a:hover:after, .StepNavigation a.StepNavigationActive:after {
	border-left-color:#FCFCFC;
}



.PageSelection {
	padding:5px 0px;
}
.PageSelection a {
	margin-right: 5px;
	padding: 2px 7px 2px 7px;
	border: 1px solid #AAA;
	background-color: #f4f4f4;
	color: black;
	display: block;
	float: left;
}
.PageSelection a:hover {
	background-color: #DDD;
	text-decoration: none;
}
.PageSelection a.Select {
	background-color: white;
}
.PageSelection span {
	margin: 2px 7px 0px 2px;
	float: left;
}

.SysBackNext a {
	margin-right: 3px;
	display: inline-block;
	vertical-align: middle;
}
.SysBackNext a svg {
	width: 22px;
	height: 22px;
	display: block;
	fill: black;
}
.SysBackNext a:hover svg {
	fill: #888888;
}

.Context {
	position:absolute;
	width:200px;
	margin:0px;
	padding:5px 0px;
	background-color:#F5F5F5;
	border:1px outset #AAA;
	box-shadow:#555 1px 1px 3px;
	z-index:100303;
}
.Context li {
	display:block;
	margin:0px;
	padding:5px 15px;
	background:none;
	color:black;
	cursor:pointer;
	list-style:none;
}
.Context li:hover {
	background-color:#DDD;
}
.Context li.hr {
	width:190px;
	height:1px;
	margin:5px auto;
	padding:0px;
	background-color:#CCC;
}


/* Formulare */
.CmsFormularTable {
	width:99%;
}
.CmsFormularTable tr {
	vertical-align:top;
}
.CmsFormularTable tr td, .CmsFormularTable tr td:first-child {
	padding:0px;
}


/* Tickets */
.TicketRow {
	position:relative;
	margin-bottom:5px;
	padding:12px 200px 12px 200px;
	border-left:5px solid #CCC;
	background-color:#EEE;
	display:block;
}
.TicketRow .TicketRowPerson {
	position:absolute;
	top:5px;
	left:5px;
}
.TicketRow .TicketRowStatus {
	position:absolute;
	top:5px;
	right:117px;
}
.TicketRow .TicketRowTime {
	position:absolute;
	top:5px;
	right:7px;
	text-align:right
}
.TicketRow:hover {
	text-decoration:none;
	background-color:#F3F3F3;
}
.TicketRow_1 {border-color:#FC0}
.TicketRow_2 {border-color:#EA0}
.TicketRow_3 {border-color:#D00}

.PrioStatistic {
	width:12px;
	height:12px;
	background-color:#CCC;
	display:inline-block;
}
.PrioStatistic_1 {background-color:#FC0}
.PrioStatistic_2 {background-color:#EA0}
.PrioStatistic_3 {background-color:#D00}

.TicketComment {
	position:relative;
	margin:15px 50px 0px 10px;
	padding:10px;
	border:1px solid #CCC;
	border-radius:5px;
	background-color:#F4F4F4;
	font-size:15px;
	line-height:150%;
	float:left;
}
.TicketComment .TicketCommentArrow, .TicketComment .TicketCommentArrowBg {
	position:absolute;
	top:15px;
	left:-11px;
	border:10px solid transparent;
	border-right-color:#CCC;
	border-left-width:0px;
}
.TicketComment .TicketCommentArrow {
	left:-10px;
	border-right-color:#F4F4F4;
}
.TicketComment .TicketCommentHeader {
	padding-bottom:5px;
	font-size:12px;
	line-height:100%;
}
.TicketComment .TicketCommentFiles {
	margin-top:5px;
	border-top: 1px dotted #CCC;
	font-size:12px;
	line-height:100%;
}
.TicketComment .TicketCommentFiles a {
	position:relative;
	margin:5px 5px 0px 0px;
	padding:1px 5px 1px 28px;
	border:1px solid #CCC;
	border-radius:3px;
	background-color:white;
	background-color:rgba(255,255,255,0.5);
	display:block;
	line-height:13px;
	float:left;
}
.TicketComment .TicketCommentFiles a:hover {
	background-color:white;
	text-decoration:none;
}
.TicketComment .TicketCommentFiles a .TicketFileIcon {
	position:absolute;
	top:3px;
	left:2px;
}
.TicketComment .TicketCommentFiles a small {
	color:#999;
}
.TicketCommentRight {
	float:right;
	margin:15px 10px 0px 50px;
}
.TicketCommentRight .TicketCommentArrow, .TicketCommentRight .TicketCommentArrowBg {
	left:auto;
	right:-11px;
	border:10px solid transparent;
	border-left-color:#CCC;
	border-right-width:0px;
}
.TicketCommentRight .TicketCommentArrow {
	right:-10px;
	border-left-color:#F4F4F4;
}





/* Kalender */
.CalendarMonth {
	width:100%;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-spacing:0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer;
}
.CalendarMonth tr {
	vertical-align:top;
}
.CalendarMonth tr th, .CalendarMonth tr td {
	width:14.3%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:5px;
}
.CalendarMonth tr th, .CalendarWeek tr th {
	background-color:#EEE;
	text-align:left;
}
.CalendarMonth tr td {
	height:100px;
	background-color:#F5F5F5;
	color:#AAA;
}
.CalendarMonth tr td h6 {
	margin:0px;
	padding:0px;
	color:#333;
	font-size:10px;
	font-weight:normal;
}
.CalendarMonth tr td.CalendarMonthCol {
	background-color:white;
	color:black;
}
.CalendarMonth tr td.CalendarMonthColToday h6 {
	text-decoration:underline;
}
.CalendarMonth tr td.CalendarMonthSelect {
	background-color:#F5FFFF;
}

.CalendarIcon {
	margin:2px 10px 2px 0px;
	border-radius:3px;
	box-shadow:1px 1px 3px #333;
	display:block;
	float:left;
}
.CalendarIconHeader {
	padding:1px 0px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background:#F28381 linear-gradient(#F28381, #D53219);
	color:white;
	font-size:8px;
	text-align:center;
	display:block;
}
.CalendarIconContent {
	width:32px;
	height:18px;
	padding-top:4px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	background-color:white;
	font-size:12px;
	font-weight:bold;
	color:black;
	text-align:center;
	display:block;
}
.CalendarIcon_rss .CalendarIconHeader {
	background:#FBBD4D linear-gradient(#FBBD4D, #E55A18);
}
.CalendarIcon_outlook .CalendarIconHeader {
	background:#7DA1B6 linear-gradient(#7DA1B6, #1B435A);
}
.fc-event, .Content .fc-event {
	border-radius:0;
}



/* Popup, Lightbox */
.Popup {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background-color:rgba(35,35,35,0.6);
	z-index:3001;
}
.Popup .PopupWindow {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	max-width:750px;
	background-color:white;
}
.Popup #popup-medium-window {
	max-width: 900px;
}
.Popup #popup-image-window, .Popup #popup-image-hd-image-window {
	max-width:none;
}
.Popup #popup-calendar-window {
	max-width:950px;
}
.Popup .PopupWindow .PopupWindowClose {
	position:absolute;
	top:2px;
	right:2px;
	padding:0px 5px;
	font-size:26px;
	font-weight:bold;
	color:black;
	z-index: 10;
}
.Popup .PopupWindow .PopupWindowClose:hover {
	color:black;
	background-color:#EEE;
	text-decoration:none;
}
.Popup .PopupWindow .PopupWindowInner {
	padding:10px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.Popup .PopupWindow .PopupImageWait {
	height:80px;
}
.Popup .PopupWindow .PopupImage {
	display:block;
	border:0px;
}
.Popup .PopupWindow .PopupImageDescription {
	position:absolute;
	bottom:-30px;
	left:20px;
	right:20px;
	padding:5px 20px;
	border-radius:15px;
	background-color:rgba(0,0,0,0.5);
	color:white;
}
.Popup .PopupWindow .PopupImageDescription .PopupImageShare {
	position:absolute;
	top:5px;
	right:20px;
}
.Popup .PopupWindow .PopupImageDescription .PopupImageShare .Sprite {
	margin-bottom:-2px;
}

.Popup .PopupWindow .PopupNext {
	position:absolute;
	top:10px;
	width:80px;
	text-decoration:none;
	color:#DDD;
}
.Popup .PopupWindow .PopupNext:hover {
	background-color:rgba(0,0,0,0.1);
	color:white;
}
.Popup .PopupWindow .PopupNext i {
	position:absolute;
	top:50%;
	left:50%;
	width:40px;
	height:40px;
	text-align:center;
	margin:-20px 0px 0px -20px;
	font-size:32px;
	font-weight:bold;
	font-family:arial;
	text-shadow:black 1px 1px;
	color:#EEE;
}
.Popup .PopupWindow .PopupPref {
	left:10px;
}
.Popup .PopupWindow .PopupNext {
	right:10px;
}

.Popup .PopupWindow .PopupIframe {
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	display: block;
}
.Popup .PopupWindow .PopupIframeLoader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(50,50,50,0.5);
}
.Popup .PopupWindow .PopupIframeLoader .BwLoader,
#popup-loader .PopupIframeLoader .BwLoader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px !important;
}
.Popup .PopupButtons {
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid black;
	text-align:center;
}
#popup-window-inner h1:first-child, #popup-dialog-window-inner p:first-child {
	padding-right:25px;
}

.CmsWindow {
	margin:40px 70px 50px 40px;
}
.CmsWindow form[method=post] {
	position: relative;
	padding:10px;
	border:1px solid #DDD;
	border-radius:2px;
	background-color:#FAFAFA;
}
.CmsWindow form[method=post] .FormularLanguages {
	position: absolute;
	top: -20px;
	right: 0px;
	padding: 0;
}
.CmsWindow form[method=post] .FormularLanguages li {
	position: relative;
	margin-right: 10px;
	padding: 2px 10px 1px 32px;
	border: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background-color:#F1F1F1;
	list-style:none;
	text-transform: uppercase;
	float:left;
}
.CmsWindow form[method=post] .FormularLanguages li.FormularLanguageSelected {
	border-bottom-color: #FAFAFA;
	background-color:#FAFAFA;
}
.CmsWindow form[method=post] .FormularLanguages li img {
	position: absolute;
	top: 4px;
	left: 6px;
}
.CmsWindow form[method=post] .FormularLanguages:after {
	clear: both;
	content:'';
}
.CmsWindow form[method=post] .ResponsiveFormularColFull .mce-tinymce {
	margin: 0px -11px;
}
.CmsWindow form[method=post] input[type=text], .CmsWindow form[method=post] input[type=password], .CmsWindow form[method=post] input[type=email],
.CmsWindow form[method=post] input[type=number], .CmsWindow form[method=post] textarea, .CmsWindow form[method=post] select,
.CmsWindow form[method=post] .textboxlist-bits {
	background-color:white;
}
.CmsWindow .ResponsiveFormularRow {
	position:relative;
}
.CmsWindow .ResponsiveFormularRow .ResponsiveFormularCol {
	padding:5px 0px 7px 0px;
}
.CmsWindow .ResponsiveFormularRow .ResponsiveFormularColDesc {
	padding-top:7px;
	padding-bottom:5px;
	float:left;
}
.CmsWindow .ResponsiveFormularRowNarrow .ResponsiveFormularColDesc {
	float:none;
	padding-top:5px;
	padding-bottom:0px;
}
.CmsWindow .ResponsiveFormularRowNarrow .ResponsiveFormularColInput {
	margin-left:0px !important;
	padding-bottom:2px;
}

@media (max-width: 840px) {
	.CmsWindow {
		margin: 40px;
	}
}
@media (max-width: 720px) {
	.CmsWindow {
		margin: 30px;
	}
}


/* Briefe, Briefvorlagen */
.Letter {
	width:793px;
	margin:0px auto;
	padding:30px 0px 15px 0px;
	box-shadow:#CCC 2px 0px 3px, #CCC -2px 0px 3px, #CCC 0px 2px 3px, #CCC 0px -2px 3px;
	background-color: white;
}
.Letter .LetterHead {
	position:relative;
	padding:0px 58px 100px 73px;
}
.Letter .LetterHead .LetterZh {
	position:absolute;
	bottom:70px;
	left:73px;
	background-color:white;
}
.Letter .LetterHead .LetterZh input {
	width:320px;
}
.Letter .LetterHead .LetterTitle {
	position:absolute;
	bottom:20px;
	left:73px;
}
.Letter .LetterHead .LetterTitle input {
	width: 320px;
}
.Letter .LetterHead .LetterLocation {
	position: absolute;
	bottom: 20px;
	right: 190px;
}
.Letter .LetterHead .LetterLocation input {
	width: 150px;
}
.Letter .LetterHead .LetterDate {
	position: absolute;
	bottom: 20px;
	right: 58px;
}
.Letter .LetterContent {
	padding-right:58px;
	padding-left:73px;
	background:url(letterpage.png) 0px -227px repeat;
	font-family:Helvetica;
	font-size:13px;
}
.Letter .LetterContent h1, .Letter .LetterContent h2, .Letter .LetterContent h3, .Letter .LetterContent h4, .Letter .LetterContent h5,
.Letter .LetterContent h6, .Letter .LetterContent p, .Letter .LetterContent ul, .Letter .LetterContent ol, .Letter .LetterContent li,
.Letter .LetterContent img, .Letter .LetterContent hr {
	margin:0px;
	padding:0px;
	border:0px;
	background-color:transparent;
	color:black;
}
.Letter .LetterContent h1 {
	font-size:24px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
.Letter .LetterContent h2 {
	font-size:22px;
	margin-bottom:6px;
}
.Letter .LetterContent h3 {
	font-size:18px;
	margin-bottom:5px;
}
.Letter .LetterContent h4 {
	font-size:14px;
	margin-bottom:4px;
}
.Letter .LetterContent h5 {
	font-size:12px;
	margin-bottom:3px;
}
.Letter .LetterContent h6 {
	font-size:10px;
	margin-bottom:3px;
}
.Letter .LetterContent ul, .Letter .LetterContent ol {
	padding:2px 0px 2px 20px;
}
.Letter .LetterContent p, .Letter .LetterContent li {
	padding:2px 0px;
}
.Letter .LetterContent hr {
	margin:10px 0px;
	height:1px;
	background-color:#CCC;
}
.Letter .LetterContent a {
	color:black;
	text-decoration:none;
}
.Letter .LetterContent small {
	font-size:10px;
}
.Letter .LetterFooter {
	padding-top:10px;
	padding-right:58px;
	padding-left:73px;
}


.CmsFormularEditable {
	min-height:10px;
	margin:0px;
	padding:4px;
	border:1px solid #CCC;
}
.CmsFormularEditable > li {
	position:relative;
	margin:2px 0px;
	padding:5px 0px 5px 46px;
	background-color:#EEE;
	list-style:none;
}
.CmsFormularEditable > li .Handle {
	position:absolute;
	top:10px;
	left:11px;
	width:22px;
	height:22px;
	cursor:move;
	background-color: rgba(255,255,255,0.4);
	background-image: conic-gradient(rgba(0,0,0,0.4) 25%, rgba(255,255,255,0.4) 0 50%, rgba(0,0,05,0.4) 0 75%, rgba(255,255,255,0.4) 0);
	background-size: 8px 8px;
}


.SortableFloat {
	margin:0px;
	padding:0px;
}
.SortableFloat > li {
	margin:0px 5px 5px 0px;
	padding:5px;
	border:1px solid #CCC;
	list-style:none;
	float:left;
}
.SortableFloat > li.Clear {
	margin:0px;
	padding:0px;
	border:0px;
	float:none;
}
.SortableFloat > li.ui-state-highlight {
	width:132px;
	height:93px;
}


/* Galerie */
.CmsGallery .CmsGalleryItem {
	position:relative;
	width:160px;
	height:150px;
	margin:5px;
	border:1px solid black;
	background-size:cover;
	float:left;
}
.CmsGallery .CmsGalleryItem .CmsGalleryItemInfo {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	padding:4px 0px;
	background-color:rgba(0,0,0,0.6);
	text-align:center;
	color:white;
}


/* Dateimanager */
.FilemanagerPath {
	border:1px solid #CCC;
}
.FilemanagerPath a, .FilemanagerPath b {
	display:block;
	float:left;
	padding:10px;
}
.FilemanagerPath b {
	padding:10px 1px;
}
.FilemanagerPath a.Trash {
	position: relative;
	float: right;
	padding-left: 30px;
}
.FilemanagerPath a.Trash svg {
	position: absolute;
	top: 7px;
	left: 2px;
}
.FilemanagerWrapper {
	position: relative;
	overflow: visible;
}
.Filemanager {
	position: relative;
	width:100%;
	border-spacing:0px;
	z-index: 2;
}
.Filemanager td, .Filemanager th {
	padding:5px 10px;
	border-bottom:1px solid #CCC;
	background-color:#F2F2F2;
	word-wrap:break-word;
	vertical-align: middle;
}
.SearchResults > table.Filemanager tr td:first-child {
	padding-left: 10px;
	padding-right: 5px;
}
.Filemanager th {
	padding:6px 10px;
	background-color:#E6E6E6;
	text-align:left;
}
.Filemanager svg {
	display: block;
}
.FilemanagerColSize, .FilemanagerColLinks {
	text-align: right;
}
.FilemanagerColLinks a {
	position: relative;
	display: inline-block;
}
.FilemanagerColLinks a + a {
	margin-left: 2px;
}
.FilemanagerColLinks a svg {
	display: block;
}
.FilemanagerColLinks a i {
	top: auto;
	bottom: 100%;
	left: auto;
	right: 0;
	min-width: auto;
	margin: 0 -8px 10px 0;
	padding: 6px 10px;
	font-style: normal;
}
.FilemanagerColLinks a i:before {
	position: absolute;
	bottom: -8px;
	right: 5px;
	border: 8px solid transparent;
	border-bottom: 0;
	border-top-color: rgba(0,0,0,0.7);
	content: "";
}
.FilemanagerColLinks a:hover i {
	display: block;
}
.Filemanager .Handle {
	width:22px;
	height:22px;
	cursor:move;
	background-color:rgba(255,255,255,0.4);
	background-image: conic-gradient(rgba(0,0,0,0.4) 25%, rgba(255,255,255,0.4) 0 50%, rgba(0,0,05,0.4) 0 75%, rgba(255,255,255,0.4) 0);
	background-size: 8px 8px;
}
.ui-droppable-hover, .FilemanagerBoxes tr.ui-droppable-hover,
.Filemanager tr.ui-droppable-hover td {
	background-color:#D5D5D5;
}
#ui-droppable-helper {
	background-color:rgba(0,0,0,0.4);
	padding:4px 10px;
	border-radius:3px;
	color:white;
	z-index: 10;
}
.FilemanagerWrapper .InputFileWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0.8) 60px, transparent);
	z-index: 1;
}
.InputFileDragover .InputFileWrapper, .InputFileShow .InputFileWrapper {
	z-index: 3;
}
.FilemanagerWrapper .InputFileWrapper .InputFile {
	margin: 0 auto;
}

.Popup #delete-confirm-window {
	max-width: 550px;
}

table.FilemanagerBoxes, table.FilemanagerBoxes tr {
	display: block;
}
table.FilemanagerBoxes tr:first-child {
	display: none;
}
table.FilemanagerBoxes tr {
	position: relative;
	width: 190px;
	margin: 0 15px 15px 0;
	padding: 8px;
	border: 0;
	background-color: #f7f7f7;
	float: left;
}
table.FilemanagerBoxes tr td {
	border: 0;
	padding: 0;
	background-color: transparent;
	display: block;
}
table.FilemanagerBoxes tr .FilemanagerColHandle {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding-left: 5px !important;
}
table.FilemanagerBoxes tr .FilemanagerColIcon a {
	position: relative;
	height: 120px;
	background-color: white;
	display: block;
	z-index: 1;
}
table.FilemanagerBoxes tr .FilemanagerColIcon svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
}
table.FilemanagerBoxes .FilemanagerImageThumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}
table.FilemanagerBoxes .FilemanagerImageThumb + svg,
table.FilemanagerBoxes .FilemanagerImageThumb + img {
	display: none;
}
table.FilemanagerBoxes .FilemanagerImageThumb + svg.SVG_Pdf {
	position: absolute;
	top: auto;
	bottom: 5px;
	left: auto;
	right: 5px;
	width: 20px;
	height: 20px;
	background-color: white;
	box-shadow: 0 0 10px white;
	display: block;
}
table.FilemanagerBoxes tr .FilemanagerColName {
	padding: 8px 0;
	height: 2.4em;
	display: flex;
	align-items: center;
	font-size: 14px;
}

table.FilemanagerBoxes tr .FilemanagerColName a {
	width: 100%;
	max-height: 2.4em;
	display: flex;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

table.FilemanagerBoxes tr .FilemanagerColSize,
table.FilemanagerBoxes tr .FilemanagerColTime {
	font-size: 10px;
	float: left;
}
table.FilemanagerBoxes tr .FilemanagerColSize {
	width: 40px;
	margin-right: 8px;
}
table.FilemanagerBoxes tr .FilemanagerColLinks {
	position: absolute;
	bottom: 6px;
	right: 8px;
}
table.FilemanagerBoxes tr:after {
	clear: both;
	content: "";
	display: block;
}
table.FilemanagerBoxes + .FilemanagerWrapper .InputFileWrapper {
	z-index: 3;
}

/* Datei hochladen */
.UploaderList {
	margin:0px;
	padding:10px 0px 0px 0px;
}
.UploaderList .UploaderFile {
	position:relative;
	padding:8px 0px 8px 35px;
	border-top:1px solid #CCC;
	list-style:none;
}
.UploaderList .UploaderFile .UploaderFileIcon {
	position:absolute;
	top:4px;
	left:4px;
}
.UploaderList .UploaderFile .UploaderFileName {
	font-weight:bold;
}
.UploaderList .UploaderFile .UploaderFileSize {
	position:absolute;
	top:8px;
	left:200px;
	width:100px;
	text-align:right;
}
.UploaderList .UploaderFile .UploaderFileType {
	position:absolute;
	top:8px;
	left:310px;
}
.UploaderList .UploaderFile .UploaderFileBar {
	position:absolute;
	top:8px;
	left:400px;
	width:140px;
	height:12px;
	border:1px solid #333;
	background-color:white;
	display:none;
}
.UploaderList .UploaderFile .UploaderFileBar i {
	position:absolute;
	top:0px;
	left:0px;
	height:12px;
	background:#78b2d7;
}
.UploaderList .UploaderFile .UploaderFileInfo {
	position:absolute;
	top:8px;
	left:550px;
}



/* Statistiken */
.BwStatistic {
	position:relative;
	width:600px;
	height:300px;
	padding:20px 10px;
	background-color:#F7F7F7;
	z-index:1;
}
.BwStatistic .BwStatisticRow {
	position:absolute;
	height:19px;
	border-bottom:1px dotted #AAA;
	color:#666;
	z-index:2;
}
.BwStatistic .BwStatisticRow:first-child {
	border-bottom: 1px solid #AAA;
}
.BwStatistic canvas {
	position:relative;
	margin-left:40px;
	z-index:3;
}
.BwStatistic .BwStatisticRow b {
	display:block;
	width:20px;
	padding-top:5px;
	text-align:right;
	font-weight: normal;
}
.BwStatistic .BwStatisticInfo {
	position:absolute;
	bottom:-18px;
}
.BwStatistic .BwStatisticPoints {
	position:absolute;
	top:20px;
	left:10px;
	z-index:4;
}
.BwStatistic .BwStatisticPoint {
	position:absolute;
	top:0px;
	left:0px;
	width:10px;
	height:10px;
	border-radius:10px;
}
.BwStatistic .BwStatisticPoint span {
	position:absolute;
	top:10px;
	left:10px;
	padding:5px;
	border:1px solid #EEE;
	border-radius:5px;
	background-color:rgba(255,255,255,0.5);
	color:black;
	display:none;
	z-index:5;
}
.BwStatistic .BwStatisticPoint:hover span {
	display:block;
}

.BarChartar {
	position:relative;
	padding:15px 10px 15px 50px;
	background-color:#EEE;
	font-size:11px;
	z-index:1;
}
.BarChartar .BarChartarRow {
	position:relative;
	height:29px;
	border-bottom:1px dotted #DDD;
}
.BarChartar .BarChartarRowBottom {
	border-bottom-style:solid;
}
.BarChartar .BarChartarRow i {
	position:absolute;
	top:0px;
	left:-60px;
	width:50px;
	height:100%;
	padding-right:10px;
	border-right:1px solid #DDD;
	text-align:right;
}
.BarChartar .BarChartarCols {
	position:absolute;
	top:15px;
	left:70px;
	right:0px;
	height:150px;
}
.BarChartar .BarChartarCol {
	position:absolute;
	top:0px;
	left:0px;
	width:10px;
	height:100%;
}
.BarChartar .BarChartarCol .BarChartarColBar {
	position:absolute;
	bottom:0px;
	left:0px;
	width:80%;
}
.BarChartar .BarChartarInfos {
	padding:8px 0px 0px 10px;
}
.BarChartar .BarChartarInfos .BarChartarCols {
	position:relative;
	top:0px;
	left:0px;
	right:auto;
	height:26px;
}
.BarChartar .BarChartarInfos .BarChartarCol {
	height:auto;
	text-align:right;
}
.BarChartar .BarChartarInfos .BarChartarCol small {
	font-size:9px;
}
.BarChartar .BarChartarInfos .BarChartarColsCounter {
	height: 20px;
}


.StatisticHbar {
	position: relative;
	height: 20px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.StatisticHbar .StatisticHbarBackground, .StatisticHbar .StatisticHbarInfo {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.StatisticHbar .StatisticHbarInfo {
	min-width: 25px;
}
.StatisticHbar .StatisticHbarInfo i {
	position: absolute;
	top: 3px;
	right: 2px;
	color: white;
	text-shadow: 0 0 3px black;
	font-style: normal;
	font-size: 11px;
}

.ArticleDonateBar {
	position:relative;
	width:390px;
	height:33px;
	margin:10px 0px;
	border:1px solid #CCC;
	background-image: linear-gradient(to left, #FF0000 0%, #74B72A 80%);
	display:block;
}
.ArticleDonateBar .ArticleDonateBarInner {
	position:absolute;
	top:-5px;
	left:0px;
	border-right:2px solid #444;
	height:44px;
}
.ArticleDonateBar .ArticleDonateBarInner i {
	position:absolute;
	top:7px;
	right:4px;
	color:white;
	text-align:right;
	font-family: Arial, Sans-serif, Sans;
	font-size: 13px;
	line-height:normal;
}
.ArticleDonateBar .ArticleDonateBarInner i small {
	font-size:10px;
}
.ArticleDonateBar .ArticleDonateBarInnerRight i {
	left:100%;
	padding-left:5px;
	white-space:nowrap;
}


.ImportantNotes {
	position:relative;
}
.ImportantNotes .ImportantNotesInner {
	position:absolute;
	top:0px;
	right:0px;
	max-width:360px;
	z-index:1;
}
.ImportantNotes .ImportantNotesRow {
	margin-bottom:10px;
	padding:10px;
	border:1px solid red;
	border-radius:2px;
	background-color:rgba(253, 220, 220, 0.6);
	color:black;
	transition: background 300ms ease-in-out;
}
.ImportantNotes .ImportantNotesRow:hover {
	background-color:rgba(253, 220, 220, 1);
}
.ImportantNotes .ImportantNotesRowLinks {
	margin-top:3px;
	padding-top:3px;
	border-top:1px dotted #888;
	text-align:right;
	white-space:nowrap;
}



.ClientIcon {
	position: relative;
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	background-color: white;
}
.ClientIcon svg {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
}
.ClientIcon img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	margin: -12px 0 0 -12px;
}
.ClientIcon_desktop img {
	margin-top:-14px;
}
.ClientIcon_smartphone img {
	width:16px;
	margin:-8px 0 0 -8px;
}
.ClientIcon_small {
	width: 40px;
	height: 40px;
}
.ClientIcon_small svg {
	width: 30px;
	height: 30px;
}
.ClientIcon_small img {
	width: 14px;
	margin: -7px 0 0 -7px;
}
.ClientIcon_small.ClientIcon_desktop img {
	margin-top: -9px;
}
.ClientIcon_small.ClientIcon_smartphone img {
	width: 12px;
	margin: -6px 0 0 -8px;
}

.Cookieinfo {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 2px solid lightgrey;
	background: rgba(255,255,255,0.9);
	color: #444;
	z-index: 2000;
}
.Cookieinfo p {
	padding: 8px 10px;
	text-align: center;
}
.Cookieinfo input[type=submit] {
	margin-left:10px;
}
.CookieinfoTop {
	bottom:auto;
	top:0;
	border-top:0px;
	border-bottom:2px solid lightgrey;
}
.CookieinfoSmall {
	bottom:10px;
	left:10px;
	right:auto;
	width:40%;
	min-width:220px;
	padding-right:70px;
}
.CookieinfoSmall p {
	text-align:left;
}
.CookieinfoSmall input[type="submit"] {
	position:absolute;
	bottom:10px;
	right:10px;
}
.CookieinfoDark {
	background-color:rgba(0,0,0,0.8);
	border-color:grey;
	color:white;
}
.CookieinfoDark a {
	color:#CCC;
}




.AudioPlayer {
	position: relative;
	padding: 9px 0;
}
.AudioPlayer button {
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 100%;
	background-color: transparent;
}
.AudioPlayer button:hover {
	background-color: white;
}
.AudioPlayer button span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.AudioPlayer button span svg {
	display: block;
}
.AudioPlayer button span.AudioPlayerLoad:after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid transparent;
	border-top-color: black;
	border-bottom-color: black;
	box-sizing: border-box;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.AudioPlayer[data-status="play"] button span.AudioPlayerStop,
.AudioPlayer[data-status="pause"] button span.AudioPlayerStart,
.AudioPlayer[data-status="load"] button span.AudioPlayerStart,
.AudioPlayer[data-status="load"] button span.AudioPlayerLoad {
	display: block;
}
.AudioPlayer .AudioPlayerTimeline {
	position: relative;
	margin-left: 30px;
	border: 1px solid black;
	height: 4px;
	border-radius: 2px;
	background-color: white;
	cursor: pointer;
}
.AudioPlayer .AudioPlayerTimeline .AudioPlayerTimelineForeground {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #aaa;
}
.AudioPlayer .AudioPlayerTimeline .AudioPlayerTimelinePlayhead {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
	border-radius: 5px;
	background-color: #333;
}
.AudioPlayer .AudioPlayerTime {
	position: absolute;
	top: -6px;
	right: 0;
	width: 80px;
	font-size: 11px;
}
.AudioPlayer .AudioPlayerTime .AudioPlayerTimepos,
.AudioPlayer .AudioPlayerTime .AudioPlayerDuration {
	position: relative;
	width: 50%;
	float: left;
	text-align: center;
}
.AudioPlayer .AudioPlayerTime .AudioPlayerTimepos:after {
	position: absolute;
	top: 0;
	right: -2px;
	content: "/";
}
.AudioPlayer .AudioPlayerTime:after {
	clear: both;
	content: "";
}


#popup-loader .PopupWindow {
	max-width: 350px;
}
.BwLoader {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.PopupImageWait .BwLoader,
#popup-loader .BwLoader {
	margin: 0 auto;
	display: block;
}
#popup-loader .BwLoader {
	margin: 20px auto;
}
.BwLoader div:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	content: "";
}
.BwLoader_dark div:after,
#popup-loader .BwLoader div:after {
	background-color: black;
}
.BwLoader div {					animation: BwLoader 1.2s linear infinite;}
.BwLoader div:nth-child(1) {	animation-delay: -1.1s;}
.BwLoader div:nth-child(2) {	animation-delay: -1s;}
.BwLoader div:nth-child(3) {	animation-delay: -0.9s;}
.BwLoader div:nth-child(4) {	animation-delay: -0.8s;}
.BwLoader div:nth-child(5) {	animation-delay: -0.7s;}
.BwLoader div:nth-child(6) {	animation-delay: -0.6s;}
.BwLoader div:nth-child(7) {	animation-delay: -0.5s;}
.BwLoader div:nth-child(8) {	animation-delay: -0.4s;}
.BwLoader div:nth-child(9) {	animation-delay: -0.3s;}
.BwLoader div:nth-child(10) {	animation-delay: -0.2s;}
.BwLoader div:nth-child(11) {	animation-delay: -0.1s;}
.BwLoader div:nth-child(12) {	animation-delay: 0s;}

.BwLoader_line {
	width: 58px;
}
.BwLoader_line div {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
}
.BwLoader_line div:nth-child(1) {	left: 0;}
.BwLoader_line div:nth-child(2) {	left: 5px;}
.BwLoader_line div:nth-child(3) {	left: 10px;}
.BwLoader_line div:nth-child(4) {	left: 15px;}
.BwLoader_line div:nth-child(5) {	left: 20px;}
.BwLoader_line div:nth-child(6) {	left: 25px;}
.BwLoader_line div:nth-child(7) {	left: 30px;}
.BwLoader_line div:nth-child(8) {	left: 35px;}
.BwLoader_line div:nth-child(9) {	left: 40px;}
.BwLoader_line div:nth-child(10) {	left: 45px;}
.BwLoader_line div:nth-child(11) {	left: 50px;}
.BwLoader_line div:nth-child(12) {	left: 55px;}

.BwLoader_circle div:after {
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
}
.BwLoader_circle div {
	transform-origin: 40px 40px;
}
.BwLoader_circle div:nth-child(1) {		transform: rotate(0deg);}
.BwLoader_circle div:nth-child(2) {		transform: rotate(30deg);}
.BwLoader_circle div:nth-child(3) {		transform: rotate(60deg);}
.BwLoader_circle div:nth-child(4) {		transform: rotate(90deg);}
.BwLoader_circle div:nth-child(5) {		transform: rotate(120deg);}
.BwLoader_circle div:nth-child(6) {		transform: rotate(150deg);}
.BwLoader_circle div:nth-child(7) {		transform: rotate(180deg);}
.BwLoader_circle div:nth-child(8) {		transform: rotate(210deg);}
.BwLoader_circle div:nth-child(9) {		transform: rotate(240deg);}
.BwLoader_circle div:nth-child(10) {	transform: rotate(270deg);}
.BwLoader_circle div:nth-child(11) {	transform: rotate(300deg);}
.BwLoader_circle div:nth-child(12) {	transform: rotate(330deg);}

@keyframes BwLoader {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}



.qr-wrapper {
	position: relative;
	overflow: hidden;
}
.qr-wrapper video {
	position: relative;
	display: block;
	filter: blur(3px);
	z-index: 1;
}
.qr-wrapper:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.6);
	z-index: 2;
	content: "";
}
.qr-wrapper #qr-canvas {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.qr-wrapper #qr-canvas canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 300px;
	margin: -150px 0 0 -150px;
	display: block;
}