main {
	max-width: 40em;
	margin: 0 auto;
}

[data-role=popup] {
	padding: 0.5em;
}

[data-role=popup] > button {
	min-width: 10em;
}

.ui-panel.ui-panel-open {
	position:fixed;
}
.ui-panel-inner {
		position: absolute;
		top: 1px;
		left: 0;
		right: 0;
		bottom: 0px;
		padding: 1em .2em;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
}
.ui-panel-inner > .ui-listview {
	margin: 0em;
}
.hidden {
	display: none !important;
}

/*.error {
  color: #F00;
  font-weight: bold;
}*/

.scrollable {
  overflow: auto;
}

.popup header {
	font-weight: bold;
}

.popup button {
	min-width: 10em;
}

.popup.error p {
	color: #d11;
	font-weight: bold;
}

.popup.warning p {
	color: #dd1;
	font-weight: bold;
}

.bbcode-form tfoot td > * {
    display: inline;
}

.warn {
	color: #FFFF00;
}

#accept-pp {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 5em;
	background-color: rgba(0,0,0, 0.8);
	z-index: 999;
}

#accept-pp > * {
	width: calc(100% - 10em);
	height: calc(100% - 10em);
}

div.slide-list > div {
	display: flex;
	flex-wrap: wrap;
}

a.slide-list-entry {
	font-size: 0.8em;
	color: white !important;
	font-weight: normal !important;
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	width: 135px;
}

a.slide-list-entry > div:first-of-type {
	font-weight: bold !important;
}

a.slide-list-entry:hover {
	background-color: rgba(255, 255, 255, 0.15);
}

#notifications {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.notification {
	padding: 0.5rem;
}

.notification-info {
	background-color: rgba(36, 55, 150, 0.5);
}

.notification-warning {
	background-color: rgba(161, 139, 0, 0.5);
}

.notification-error {
	background-color: rgba(94, 25, 25, 0.5);
}
#menu-panel {
    width: 17em;
}
div.ui-collapsible-content, .menu-panel {
	padding: .8em .2em;
}
.horizontal {
	display: flex;
}

.horizontalcenter {
	display: flex;
	justify-content: center;
}
.floatright {
	float:right;
}
.ui-checkbox input:disabled,
.ui-radio input:disabled {
	position: relative !important;
	 height: 22px; 	
	 width: 22px;
	overflow: hidden;
	 clip: rect(22px,22px,22px,22px);
}
.ui-checkbox input[data-mini="true"]:disabled,
.ui-radio input[data-mini="true"]:disabled {
	position: relative !important;
	height: 11px;
	width: 11px;
	overflow: hidden;
	clip: rect(11px,11px,11px,11px);
}
.ui-icon-save:after {
	background-image: url("images/save.png");
	background-size: 20px 20px;
}
.ui-icon-next:after {
	background-image: url("images/next.png");
	background-size: 20px 20px;
}
.ui-icon-answer:after {
	background-image: url("images/answer.png");
	background-size: 20px 20px;
}
.ui-icon-stop:after {
	background-image: url("images/stop.png");
	background-size: 20px 20px;
}
.ui-icon-export:after {
	background-image: url("images/export.png");
	background-size: 20px 20px;
}
.ui-icon-reset:after {
	background-image: url("images/reset.png");
	background-size: 20px 20px;
}

body#user-edit form.change-account div.ui-select {
	max-width: 30em;
}

body#user-create form.user.csv div.ui-select {
	max-width: 15em;
}