@font-face {
	font-family:'Open Sans';
	src:url('/r-plex-libs/fonts/OpenSans-Light.ttf');
}

@font-face {
	font-family:'Open Sans';
	font-weight:600;
	src:url('/r-plex-libs/fonts/OpenSans-Semibold.ttf');
}

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html, body {
	font-family:"Open Sans", Verdana, sans-serif;
	color:#495057;
	background:#EEEEEE;
	margin:0;
	padding:0;
}

a:link, a:visited {
	color:#FF8200;
	text-decoration:none;
}

a:active, a:hover {
	text-decoration:underline;
}

a.icon:active, a.icon:hover {
	color:#111;
}

a.masked:link, a.masked:visited {
	color:#777;
}

a.icon.active {
	color:#ff8200;
}

p {
	clear:both;
	margin:0 0 10px;
}

p.indent {
	margin:0 0 0 15px;
	text-indent:-14px;
}

.right {
	text-align:right;
}

.clearfix {
	clear:both;
	float:none;
}

.meta {
	color:#999;
}

i + span {
	margin-left:5px;
}

input, textarea, select, button {
	font-family:'Open Sans', Verdana, sans-serif;
	font-size:1em;
}

table {
	border-collapse:collapse;
	width:100%;
}

th {
	border:1px solid #ddd;
	background:#ddd;
	text-align:left;
	padding:3px;
}

td {
	border:1px solid #ddd;
	padding:3px;
}

th.numbers,
td.numbers {
	text-align:right;
}

tr.sum td {
	border:0;
	font-weight:bold;
}

.has-unit > .value {
	width:calc(100% - 30px);
	float:left;
}

.has-unit > .unit {
	width:30px;
	float:right;
	text-align:left;
	padding:1px 2px;
}

input.invisible {
	border:0;
	width:100%;
	background:none;
}

input.invisible:hover,
input.invisible:active,
input.invisible:focus {
	background:rgba(255,255,255,0.3);
}

form input,
form textarea,
form select,
button {
	border:1px solid #bbb;
	/*-webkit-appearance:none;*/
	color:#777;
	margin:0;

	font-family:"Open Sans", Verdana, sans-serif;
	font-size:1em;
}

form label {
	font-weight:bold;
	margin-bottom:3px;
}

form table label {
	font-weight:normal;
}

.upside-down {
	transform:rotate(180deg);
}

.hidden {
	display:none;
}

a i {
	margin-right:4px;
}

/* Pfeil nach rechts/unten beim Auf-/Zuklappen */
a[data-toggle]::before {
	/*content:'\25B8\0020';*/
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	content:'\f0fe\0020';
}

a.toggled[data-toggle]::before {
	/*content:'\25BE\0020';*/
	content:'\f146\0020';
}

[data-toggle-disabled]::before {
	/*content:'\25B8\0020';*/
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	content:'\f0c8\0020';
}


/* header */
header.pageheader {
	background:#43515f;
	text-align:center;
	margin-bottom:5px;
	position:relative;
}

header.pageheader h1 {
	margin:0;
}

header.pageheader a:link,
header.pageheader a:visited {
	color:#ff8200;
	line-height:30px;
	text-decoration:none;
}

header.pageheader img {
	max-height:30px;
}

header.pageheader .right {
	position:absolute;
	right:16px;
	top:6px;
}

header.pageheader .left {
	position:absolute;
	left:16px;
	top:6px;
}

header.pageheader .right > a {
	margin-left:15px;
	display:inline-block;
	line-height:35px;
	vertical-align:top;
}

header.pageheader .right .ct-pausen {
	margin:0;
	padding:0 4px;
}

.wrapper {
	padding:10px;
}

.timeline {
	overflow:hidden;
	white-space:nowrap;
	margin:0 0 25px;
}

.timeline .label {
	display:flow-root;
}

.timeline .label .min {
	float:left;
}

.timeline .label .max {
	float:right;
}

.timeline .period {
	width:50%;
	float:left;
	overflow:hidden;
	/*position:relative; /* damit die Monatsbeschriftungen nicht überstehen - aber dann kommen weiße Striche drüber */
}

.perioddescription {
	position:absolute;
	margin:-5px 0 0 10px;
	color:#888;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.timeline .period .bars {

}

.timeline .period .bars .bar {
	float:left;
	height:80px;
	position:relative;
}

.timeline .bar a:link,
.timeline .bar a:visited {
	display:block;
	background:#ADD8E6;
	border-right:2px solid #eee;
	width:100%;
	position:absolute;
	bottom:0;
	transition:background,height 0.1s;
	white-space:normal;
	text-align:center;
	overflow:hidden;
}

.timeline .bar a i {
	color:#495057;
	margin:3px;
}

.timeline .bar.unassigned a {
	background:#ff0000;
}

.timeline .legend {
	border-right:2px solid #EEEEEE;
	/*clear:both;*/
}

.timeline .legend label,
.timeline .legend.nolabel {
	color:#ddd;
	background:#434343;
	padding:3px;
	margin-bottom:7px;
	height:29px;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;

}

.timeline.horizontal .legend label,
.timeline.horizontal .legend.nolabel {
	border-bottom:none;
	height:29px;
	margin-bottom:2px;
}

.timeline .legend label.highlight {
	border-bottom:5px solid #ff8200;
	height:34px;
	margin-bottom:2px;
}

.timeline .legend input {
	display:none;
}

.timeline .legend input:checked + label,
.timeline .legend label:hover,
.timeline .legend.weekend label:hover {
	background:#ff8200;
}

.timeline .legend .zoom {
	display:none;
}

.timeline .legend input[type="checkbox"]:checked + label .description {
	display:none;
}

.timeline .legend input[type="checkbox"]:checked + label .zoom {
	display:inline;
}

.timeline .legend input:checked + label span {
	/*display:inline-block;*/
}

.timeline .legend input:checked + label {
	/*border-bottom-color:#ff8200;*/
	border-bottom:5px solid #ff8200;
	height:34px;
	margin-bottom:2px;
}

.timeline .legend.weekend label,
.timeline.horizontal .legend.weekend {
	background:#797979;
}

.timeline .legend.separator {
	border-right:2px dotted #ccc;
}

.timeline .legend.active label,
.timeline .legend.active.nolabel {
	background:#ff8200;
}

.timeline .legend a:link,
.timeline .legend a:visited {
	color:#ccc;
}

.timeline .legend.active a:link,
.timeline .legend.active a:visited {
	color:#000;
}

.timeline .bar:hover a {
	background:#95bac8;
	height:100% !important;
}

.timeline .bar.unassigned:hover a {
	background:red;
}

.timeline .horizontalbars {
	position:relative;
}

.timeline .horizontalbars .slot {
	position:relative;
	height:29px;
}

.timeline .horizontalbars .slot a:link,
.timeline .horizontalbars .slot a:visited {
	position:absolute;
	color:#495057;
	background:#aad8e6;
	margin:3px 0;
	padding:0 5px 1px;
	border-radius:7px;
	min-width:25px;
	text-decoration:none;
}

.timeline .horizontalbars .slot a:active,
.timeline .horizontalbars .slot a:hover {
	background:#95bac8;
}

.timeline .horizontalbars .slot a.ongoing:link,
.timeline .horizontalbars .slot a.ongoing:visited {
	min-width:27px;
}

.timeline .ongoing::after {
	width:0;
	height:0;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent;
	border-left:12px solid #aad8e6;
	position:absolute;
	right:-7px;
	content:'';
}

.timeline .ongoing.unassigned::after {
	border-left-color:#f00;
}


.timeline .horizontalbars .slot a.ongoing:hover::after {
	border-left:12px solid #95bac8;
}

.timeline .horizontalbars .slot a.unassigned:hover::after {
	border-left:12px solid #f00;
}

.timeline .horizontalbars .slot a.outofbounds-left {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

.timeline .horizontalbars .slot a.outofbounds-right {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

.timeline .horizontalbars .slot a.unassigned {
	background:#ff0000;
	border:2px solid #eee;
	margin:1px 0;
}


.timeline .horizontalbars .slot a.foreign {
	background:#ccc;
}

.timeline .horizontalbars .slot a.active {
	color:#fff;
	background:#1c94c4;
}

.timeline .ongoing.active::after,
.timeline .horizontalbars .slot a.ongoing.active:hover::after {
	border-left-color:#1c94c4;
}

.timeline .horizontalbars .slot a.foreign.unassigned {
	-webkit-box-shadow:inset 0 0 0 1px #f00;
	-moz-box-shadow:inset 0 0 0 1px #f00;
	box-shadow:inset 0 0 0 1px #f00;
}

.timeline .horizontalbars .foreign.ongoing::after {
	content:unset;
}

.timeline .horizontalbars .quickinfo {
	display:none;
}

.timeline .horizontalbars a:hover {
	z-index:1;
}

.timeline .horizontalbars a:hover .quickinfo {
	display:inline;
}

.timelinefilter {
	margin-bottom:15px;
	white-space:normal; /* responsive */
}

.timelinefilter input[type="checkbox"] {
	display:none;
}

.timelinefilter .contextmenu input[type="checkbox"] {
	float:left;
}

.timelinefilter form label {
	padding:0 4px 0 0;
}

.timelinefilter label:hover {
	cursor:pointer;
}

.timelinefilter input[type="checkbox"]:checked + label,
.timelinefilter input[type="checkbox"]:checked + div + label,
.contextmenu input[type="checkbox"]:checked + label,
.contextmenu input[type="checkbox"]:checked + div + label {
	color:#ff8200;
}

.timelinefilter a:link,
.timelinefilter a:visited {
	color:#495057;
}

.timelinefilter a.btn:link,
.timelinefilter a.btn:visited {
	color:#ff8200;
	text-decoration:underline;
}

.timeline nav {
	clear:both;
	margin-right:5px; /* für den Scrollbalken */
}

.timeline nav div:first-child {
	float:left;
}

.timeline nav div:last-child {
	float:right;
}

.timeline .period.last > .legend {
	border-right:0; /* letztes Element in Legende nach ganz außen */
}

.column {
	width:340px;
	float:left;
	padding-bottom:100px;
}

.column.column-2x {
	width:600px;
}

.column.column-3x {
	width:900px;
}

/* Widgets */
.widget {
	position:relative;
	/*width:300px;*/
	min-height:20px;
	border:1px solid #e5e5e5;
	background:#fff;
	margin:10px 10px 10px 0;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.04)
}

.widget.fullscreen {
	background:none;
	box-shadow:none;
	border:0;
	margin:10px 0;
}

.widget.center {
	margin:50px auto;
	width:300px;
}

.widget.loading {
	opacity:0.4;
}

.widget > header {
	color:#eee;
	background:#43515f;
	height:35px;
	padding:5px 10px 2px;
	position:relative;
}

.widget .widget-content {
	padding:15px 10px 20px;
}

.widget.fullscreen .widget-content {
	padding:0;
}

.widget .widget-content.scrollable {
	max-height:400px;
	overflow-y:scroll;
}

.widget h1 {
	margin:0 10px 5px 0;
	font-size:1em;
	float:left;
}

.widget h2 {
	font-size:1em;
	font-weight:bold;
	margin:0 0 10px;
	border-bottom:1px solid #495057;
	background:#eee;
	padding:2px 10px;
}

.widget h2 a {
	float:right;
}

.widget header:hover {
	cursor:move;
}

.widget > header a:link,
.widget > header a:visited {
	color:#bbb;
}

.widget > header a.active:link,
.widget > header a.active:visited {
	color:#ff8200;
}

.widget > header .widget-links {
	float:right;
	margin-top:1px;
}

.widget > header .widget-search {
	position:absolute;
	width:calc(100% - 20px);
	display:none;
}

.widget > header.has-icon .widget-search {
	left:38px;
	width:calc(100% - 48px);
}

.widget-search input {
	font-size:14px;
	width:100%;
}

.widget .block {
	margin:15px 0;
}

.accordion {
	clear:both;
}

.accordion .ui-state-default {
	border:0;
	background:transparent;
}

.accordion .ui-icon {
	top:-2px;
}

.ui-autocomplete {
	z-index:102;
	max-height:300px;
	overflow-y:auto;
}

.ui-widget-content.ui-autocomplete .ui-state-hover,
.ui-widget-content.ui-autocomplete .ui-state-active {
	background:#ddd;
}

.extended-autocomplete-wrapper {
	position:relative;
}

input.extended-autocomplete {
	width:100%;
}

.ui-autocomplete.extended-autocomplete .ui-menu-item-wrapper {
	padding:0;
}

.ui-autocomplete.extended-autocomplete span {
	display:block;
	padding:3px 3px 3px .4em;
	margin:0 25px 0 0;
}

.ui-autocomplete.extended-autocomplete span.has-pin {
	margin:0 25px 0 0;
}

.widget .dokumente {
	border:1px solid #2b2b2b;
}

.widget .dokumente header {
	border-bottom:1px solid #2b2b2b;
	padding:4px 0;
}

.widget .dokumente header input {
	vertical-align:bottom;
	margin:5px 4px;
}

.widget .dokumente .content {
	max-height:230px;
	overflow-y:auto;
}

.widget .dokumente .dokument {
	display:flex;
	padding:3px 0;
}

.widget .dokumente .dokument:hover {
	background:#ADD8E6;
}

.widget .dokumente .dokument > div {

}

.widget .dokumente .dokument .col-cb {
	width:25px;
	text-align:center;
}

.widget .dokumente .dokument .col-thumb {
	width:108px;
	height:78px;
	text-align:center;
	padding:0 4px;
}

.widget .dokumente .dokument .col-info {
	flex:10;
	padding:0 0 0 4px;
}

.widget .dokumente * { /* label, a ... */
	vertical-align:3px;
}

.widget.wa-2 .import { /* dokumente */
	/*color:#ccc;*/
}

	/* Pin */
.ui-autocomplete.extended-autocomplete i {
	float:right;
	z-index:100;
	padding:7px 7px 6px;
	color:#ccc;
}

.ui-autocomplete.extended-autocomplete i:hover,
.btns-input-inline i:hover {
	cursor:pointer;
}

.ui-autocomplete.extended-autocomplete i.pinned,
.btns-input-inline .btns-pin i.pinned {
	color:#495057;
}

.ui-autocomplete.extended-autocomplete i.pinned:hover {

}

.ui-autocomplete.extended-autocomplete .ui-menu-item {
	clear:both;
	overflow:hidden;
}

.btns-input-inline .btns-pin i {
	color:#ccc;
}

.widget .projekt-container {
	margin-bottom:1em;
}

.widget .projekt-container .pin {
	float:right;
	color:#ccc;
}

.widget .projekt-container .pin.active {
	color:#777;
}

.widget .projekt-container .pin:active,
.widget .projekt-container .pin:hover {
	color:#ff8200;
}


/* -- Widget-Erfassungs-Liste */
ul.floatlist {
	margin:0;
	padding:0;
	display:inline;
}

ul.floatlist li {
	list-style-type:none;
	display:inline;
}

.widget ul.floatlist li {
	padding:0 5px;
}

.style-1 label {
	width:33%;
	margin:0 3% 0 0;
	padding:1px 0; /* border size of input */
	overflow:hidden;
	display:block;
	float:left;
	color:#555;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
}

.style-1 input,
.style-1 textarea,
.style-1 select,
.style-1 button {
	display:block;
	width:64%;
	float:left;

	border:1px solid #fff;
	border-bottom:1px solid #bbb;
}

.style-1 input[type="text"],
.style-1 input[type="date"],
.style-1 input[type="time"] {
	float:right;
}

.style-1 input:hover,
.style-1 input:focus,
.style-1 textarea:hover,
.style-1 textarea:focus,
.style-1 select:hover,
.style-1 select:focus {
	border:1px solid #000;
}

.style-1 input[type="checkbox"],
.style-1 input[type="radio"] {
	width:16px;
	height:15px;
	margin-top:5px;
}

.style-1 input[type="checkbox"] + label,
.style-1 input[type="radio"] + label {
	width:auto;
}

.style-1 input[type="submit"],
.style-1 button[type="submit"] {
	width:auto;
	margin-left:10px;
	display:inline;
	float:none;
}

.style-1 p {
	margin:0 0 5px;
	display:flow-root;
}

.style-1 [disabled] {
	background:#fafafa;
	color:#bbb;
	border:1px solid #bbb;
}

form .multiline label {
	width:100%;
}

form .multiline textarea {
	width:100%;
	border:1px solid #999;
}

.widget.placeholder {
	background:none;
	border:1px dotted #ccc;
	text-align:center;
	padding:0;
	font-size:3em;
	opacity:0;
	transition:opacity 0.2s;
}

.widget.placeholder:hover {
	opacity:1;
	cursor:pointer;
}

.widget.dirty::after {
	position:absolute;
	top:-3px;
	left:-13px;
	transform:rotate(135deg);
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f00;
}
}


.portlet-toggle {
	position: absolute;
	top: 50%;
	right: 0;
}
.portlet-content {
	padding: 0.4em;
}
.portlet-placeholder {
	border: 1px dotted black;
	height: 50px;
	margin:10px 10px 0 0;
}

.tagit .ui-icon {
	background-image: url('/r-plex-libs/images/ui-icons_222222_256x240.png');
	margin-top:-0.25em;
}

.progress {
	height:10px;
	width:100%;
	position:relative;
}

.progress .progress-soll {
	height:12px;
	background:limegreen;
	border: 1px solid grey;
	position:absolute;
}

.progress .progress-ist {
	height:10px;
	background:green;
	position:absolute;
	top:1px;
}

.progress .progress-ist.alarm {
	height:8px;
	background:#f00a;
	border-left: 1px solid #f00a;
	border-right: 1px solid #f00a;
	top:2px;
}

.widget .item {
	margin-bottom:15px;
}

.widget .item .image {
	width:100px;
	float:left;
}

.widget .item .image img {
	width:100%;
	display:block;
}

.widget .item .description {
	margin-left:110px;
}



footer {
	clear:both;
	border-top:3px solid #495057;
}

footer .debug {
	overflow-x:scroll;
	margin:20px;
}

/* Kontextmenue */
.contextmenu-trigger.disabled:link,
.contextmenu-trigger.disabled:visited {
	color:#b1b1b1;
}

.contextmenu-trigger.disabled:active,
.contextmenu-trigger.disabled:hover {
	cursor:not-allowed;
}

.contextmenu {
	display:none;
	z-index:1000;
	position:absolute; /* statt absolute wegen relativer Positionierung der Widgets */
	overflow:hidden;
	border:1px solid #CCC;
	white-space:nowrap;
	background:#FFF;
	color:#333;
	border-radius:3px;
	margin:0;
	padding:0;
	box-shadow:0 0 10px 0 #B1B1B1;
	min-width:150px;
}

.contextmenu > div {
	max-height:300px;
	overflow-y:auto;
	overflow-x:hidden;
}

.contextmenu ul {
	margin:0;
	padding:0;
}

.contextmenu ul.options-enabled {
	border-top:2px solid #b1b1b1;
}

.contextmenu li {
	list-style-type:none;
	clear:both;
	padding:6px 20px 6px 6px;
}

.contextmenu li.trenner {
	border-top:1px solid #b1b1b1;
}

.contextmenu li:not(.disabled):hover {
	background-color:#DEF;
	/*cursor:pointer;*/
}

.contextmenu li .disabled:hover {
	cursor:not-allowed;
}

.contextmenu li:hover .icon.hover {
	display:block;
}



.contextmenu header {
	padding:4px;
	color:#fff;
	background:#43515f;
	position:relative;
	height:35px;
}

.contextmenu header a:link,
.contextmenu header a:visited {
	color:#fff !important;
}

.contextmenu header div {
	position:absolute;
}

.contextmenu header .search {
	left:30px;
	right:30px;
}

.search + a.clearsearch:link,
.search + a.clearsearch:visited {
	/*position:relative;
	left:-27px;*/
	position:absolute;
	right:5px;
	top:0;
	color:#ccc !important;
	display:none;
}

/* clearsearch allgemein */
.btns-input-inline {
	position:absolute;
	right:5px;
	top:1px;
}

.btns-input-inline span {
	display:none;
}

.btns-input-inline a:link,
.btns-input-inline a:visited {
	color:#495057;
}

.contextmenu header input {
	width:100%;
	border:1px solid black;
	padding:0 3px;
}

.contextmenu header .btn-selection {
	padding:2px 1px;
}

.contextmenu header .btn-close {
	padding:2px 4px;
	right:0;
}

.contextmenu i {
	margin-right:2px;
	text-align:center;
	width:20px;
}

.contextmenu li {
	padding:0;
}

.contextmenu li > a:link,
.contextmenu li > a:visited,
.contextmenu li > .disabled,
.contextmenu li > span {
	padding:6px 20px 6px 6px;
	display:block;
	line-height:26px;
}

.contextmenu li > a:active,
.contextmenu li > a:hover,
.timelinefilter > a:active,
.timelinefilter > a:hover {
	text-decoration:none;
}

.contextmenu li .disabled,
.contextmenu li .disabled .icon.hover {
	color:#ccc;
}

.contextmenu label,
.timelinefilter form .contextmenu label {
	display:block;
	padding:2px 20px 6px 30px;
	font-weight:normal;
}


/* PAUSE */
.contextmenu.pausen {
	width:280px;
}

.pause {
	padding:6px;
	overflow:hidden;
	display:flex;
	align-items:baseline;
}

.pausentaste .fa-pause {
	transform:rotateY(0);
	transition:0.5s;
}

.pausentaste.toggled .fa-pause {
	transform:rotateY(180deg);
}

.pause a:link,
.pause a:visited {
	display:inline;
	padding:0;
}

.pause-last {
	color:#fff;
	float:left;
	font-size:0.9em;
}

.pause-last .pause {
	padding:0;
}

.pause-last input {
	color:#fff;
	background:none;
	border:1px solid #fff;
	font-size:0.9em;
	width:100px;
	padding:2px 4px;
}

.pause .grow {
	flex-grow:2;
	position:relative;
}

.pause div {
	margin-right:2px;
}

.pause-last .pause div {
	margin-right:6px;
}

.pause input {
	width:100%;
}

.pause .used,
.cm-pause .used {
	text-decoration:line-through;
}

.fa-spinner {
	-webkit-animation:rotation 1s infinite linear;
	-o-animation:rotation 1s infinite linear;
	animation:rotation 1s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(359deg);
	}
}

/* Standardmäßig ein + oder - hinter die Icons */
.icon.hover.default::after {
	content:'\f067';
	font-family:"Font Awesome 5 Free";
	font-weight:900;
}

input[type="checkbox"]:checked + .icon.hover.default::after {
	content:'\f068';
}

/* TODO .timeline davor? */
.contextmenu input[type="checkbox"] {
	display:none;
	/*margin:7px 0 0 10px;*/
}

.contextmenu .icon {
	width:30px;
	float:left;
	line-height:28px;
	text-align:center;
}

.contextmenu .icon.hover {
	color:#95bac8;
}

.contextmenu .icon.hover:hover {
	color:#000;
}

/* Checkbox-Styling */
.overlay input.important[type="checkbox"] {
	display:none;
}

.overlay input.important[type="checkbox"] + label:hover,
.overlay label input[type="checkbox"] + i:hover {
	cursor:pointer;
}

.overlay input.important[type="checkbox"]:checked + label,
.overlay label input[type="checkbox"]:checked + i {
	color:red;
}

.overlay.has-buttons {
	margin-bottom:80px;
}

.overlay .overlay-buttons {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	padding:13px 10px;
	background:#e0e0e0;
	border-top:1px solid #495057;
	text-align:right;
}

.overlay .overlay-buttons button {
	font-weight:bold;
	padding:4px 16px;
}

.iconcheckbox i:hover {
	cursor:pointer;
}

.iconcheckbox.active i {
	color:red;
}

/* Dialog */
.ui-dialog {
	padding:0;
	max-width:90%;
	z-index:101 !important;
	box-shadow:0 0 10px 0 #555;
}

.ui-dialog .ui-widget-header {
	background:#43515f;
}

.ui-dialog .ui-button .ui-icon {
	background-image:url('/r-plex-libs/images/ui-icons_222222_256x240.png');
}

.ui-dialog form ul,
.ui-dialog form li {
	list-style-type:none;
	margin:0;
	padding:0;
}

.ui-dialog form li {
	padding-bottom:5px;
}

.ui-dialog form label {
	display:block;
}

.ui-dialog table {
	margin-bottom:5px;
}


.flexbox {
	display:flex;
	margin:-5px -5px 0;
}

.flexbox > div {
	flex-grow:1;
	padding:5px;
}

.flexbox label,
.flexbox input,
.flexbox textarea {
	width:100%;
	display:block;
	margin-bottom:3px;
}

/* iframes */
.iframedialog {
	display:none;
	padding:0;
}

.ui-dialog .ui-dialog-content.iframedialog {
	padding:0;
}

.iframedialog iframe {
	border:0;
	display:block;
	width:100%;
	height:100%;
}

.hint {
	text-align:center;
	color:#bbb;
	padding:10px;
}

.hint.notice {
	color:red;
}


.system-version {
	font-size:11px;
	color:#fff;
}

.error {
	border:4px solid red;
	max-width:500px;
	margin:0 auto 20px;
	padding:10px;
	font-weight:bold;
	text-align:center;
	background:#fff;
}

.dbg {
	display:none;
	color:grey;
	margin:10px;
	border:1px solid red;
}

.dbg header {
	background:red;
	padding:0 10px;
	text-align:center;
	font-size:12px;
	text-transform:uppercase;
}

.dbg div {
	font-size:12px;
	padding:3px;
}

@media screen and (max-width:640px) {
	.timeline .legend label {
		-ms-text-overflow:clip;
		text-overflow:clip;
		font-size:11px;
		height:22px;
	}

	.timeline .legend label.highlight {
		height:27px;
	}

	.column {
		width:100%;
		padding-bottom:20px;
	}

	.widget {
		margin-right:0;
	}
}